#toast-container > .toast {
  background-image: none !important;
}

  #toast-container > .toast:before {
    position: fixed;
    font-family: FontAwesome;
    font-size: 24px;
    line-height: 18px;
    float: left;
    color: #FFF;
    padding-right: 0.5em;
    margin: auto 0.5em auto -1.5em;
  }

#toast-container > .toast-warning:before {
  content: "\f003";
}

#toast-container > .toast-error:before {
  content: "\f001";
}

#toast-container > .toast-info:before {
  content: "\f005";
}

#toast-container > .toast-success:before {
  content: "\f002";
}

.noempty {
  border-color: red;
}

/*.main-sidebar { background-color: #d33724 !important }*/
/*#########################################################################################*/
.sk-folding-cube {
  margin: 20px auto;
  width: 40px;
  height: 40px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

  .sk-folding-cube .sk-cube {
    float: left;
    width: 50%;
    height: 50%;
    position: relative;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

    .sk-folding-cube .sk-cube:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #333;
      -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
      animation: sk-foldCubeAngle 2.4s infinite linear both;
      -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
      transform-origin: 100% 100%;
    }

  .sk-folding-cube .sk-cube2 {
    -webkit-transform: scale(1.1) rotateZ(90deg);
    transform: scale(1.1) rotateZ(90deg);
  }

  .sk-folding-cube .sk-cube3 {
    -webkit-transform: scale(1.1) rotateZ(180deg);
    transform: scale(1.1) rotateZ(180deg);
  }

  .sk-folding-cube .sk-cube4 {
    -webkit-transform: scale(1.1) rotateZ(270deg);
    transform: scale(1.1) rotateZ(270deg);
  }

  .sk-folding-cube .sk-cube2:before {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
  }

  .sk-folding-cube .sk-cube3:before {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
  }

  .sk-folding-cube .sk-cube4:before {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
  }

@-webkit-keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }

  25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }

  90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}

@keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }

  25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }

  90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}

.button-overlay-container {
  position: relative;
}

  .button-overlay-container .button-overlay-btnL {
    position: absolute;
    top: 4px;
    left: 4px;
  }

  .button-overlay-container .button-overlay-btnR {
    position: absolute;
    top: 4px;
    right: 4px;
  }


/*#######################################################################################*/
@media print {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }

  .col-sm-12 {
    width: 100%;
  }

  .col-sm-11 {
    width: 91.66666667%;
  }

  .col-sm-10 {
    width: 83.33333333%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-8 {
    width: 66.66666667%;
  }

  .col-sm-7 {
    width: 58.33333333%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-5 {
    width: 41.66666667%;
  }

  .col-sm-4 {
    width: 33.33333333%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-2 {
    width: 16.66666667%;
  }

  .col-sm-1 {
    width: 8.33333333%;
  }
}
/*================================================================================*/
.container-button {
  cursor: pointer;
}

li.container-button:hover {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  background-color: #C8E6C9;
  transition: 0.3s;
}

/*div.container-button:hover {
  background-color: #C8E6C9;
  transition: 0.3s;
}*/
/*================================================================================*/
div.container-button {
  border: 3px solid orange;
}

  div.container-button:hover {
    border: 3px solid green;
    transition: 0.3s;
  }
/*================================================================================*/
.imgcontaicon {
  max-height: 16px;
}

@media print {
  div .box {
    display: none !important;
  }
}

.box-solid {
  border-width: 3px !important;
}
.with-border {
  border-width: 3px !important;
}

.panel.panel-danger div.row {
  padding-left: 2px;
  padding-right: 2px;
}

.panel.panel-info div.row {
  padding-left: 2px;
  padding-right: 2px;
}

.bi-block-button {
  cursor: pointer;
  border-radius: 4px;
}

.panel.panel-danger div.bi-block-button:hover {
  background-color: #f2dede;
  color: #a94442;
}

.panel.panel-info div.bi-block-button:hover {
  background-color: #d9edf7;
  color: #31708f;
}

#DivRelContent {
  min-height: 100px;
}

@media print {
  table.table tfoot {
    display: table-row-group;
  }
}
/*=================================================================================================*/
.users-list > li {
  /* width: 10%; */
  padding: 6px;
}

.users-list20 > li {
  width: 20% !important;
  padding: 6px;
}

.users-list30 > li {
  width: 30% !important;
  padding: 6px;
}

.users-list > li img {
  height: 60px;
}

.colbox-inside-form {
  background-color: #F5F5F5;
  padding-top: 12px;
}
/*=================================================================================================*/
.blackandwhite {
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);
}

.info-box.container-button .info-box-icon {
  background: transparent;
}

.listitem-grupo {
  color: black;
  font-weight: bold;
}

.listitem-disabled {
  color: red;
  background-color: whitesmoke;
}

.panel-title {
  font-weight: bold;
  width: 100%;
}

.box-title {
  font-weight: bold;
  width: 100%;
}

section {
  min-height: 0px !important;
}

.layout-bg-black {
  background-color: black;
}

.layout-bg-green {
  background-color: #00a65a !important;
  color: whitesmoke !important;
}

.layout-bg-lightgreen {
  background-color: #daf3e1;
}

.layout-bg-gray {
  background-color: gray;
}

.layout-bg-lightgray {
  background-color: #ecf0f5;
}