@import url(Navbars.css);
@import url(DropdownMenu.css);
@import url(Left_Sidebar_&_Overlay.css);
@import url(NotificacionesInfocar.css);
@import url(coreOLd.css);
@import url(login.css);

/* ===================== fuentes ===================== */
@font-face {
  font-family: 'AvantGardeBk';
  src: url('fonts/ITCAvantGardeStd-Bk.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'AvantGardeDemi';
  src: url('fonts/ITCAvantGardeStd-Demi.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'AvantGardeXL';
  src: url('fonts/ITCAvantGardeStd-XLt.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;
}



/* ===================== General ===================== */
body {
  background-color: #e9e9e9;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-family: 'AvantGardeBk', 'AvantGardeDemi', 'AvantGardeXL', Tahoma, sans-serif; 

  }

.no-animate {
  -o-transition-property: none !important;
  -moz-transition-property: none !important;
  -ms-transition-property: none !important;
  -webkit-transition-property: none !important;
  transition-property: none !important;
  -o-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -webkit-transform: none !important;
  transform: none !important;
  -webkit-animation: none !important;
  -moz-animation: none !important;
  -o-animation: none !important;
  -ms-animation: none !important;
  animation: none !important; }

.content_wrap {
  margin: 50px 5px 0px 315px;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s; }


.fullWidth {
    width: 100%;
}



/* ==============  Color background ========= */

.bg-red {
  background-color: #F44336 !important;
  color: #fff; }
  .bg-red .content .text,
  .bg-red .content .number {
    color: #fff !important; }

.bg-pink {
  background-color: #E91E63 !important;
  color: #fff; }
  .bg-pink .content .text,
  .bg-pink .content .number {
    color: #fff !important; }

.bg-purple {
  background-color: #9C27B0 !important;
  color: #fff; }
  .bg-purple .content .text,
  .bg-purple .content .number {
    color: #fff !important; }

.bg-deep-purple {
  background-color: #673AB7 !important;
  color: #fff; }
  .bg-deep-purple .content .text,
  .bg-deep-purple .content .number {
    color: #fff !important; }

.bg-indigo {
  background-color: #3F51B5 !important;
  color: #fff; }
  .bg-indigo .content .text,
  .bg-indigo .content .number {
    color: #fff !important; }

.bg-blue {
  background-color: #2196F3 !important;
  color: #fff; }
  .bg-blue .content .text,
  .bg-blue .content .number {
    color: #fff !important; }

.bg-light-blue {
  background-color: #03A9F4 !important;
  color: #fff; }
  .bg-light-blue .content .text,
  .bg-light-blue .content .number {
    color: #fff !important; }

.bg-cyan {
  background-color: #00BCD4 !important;
  color: #fff; }
  .bg-cyan .content .text,
  .bg-cyan .content .number {
    color: #fff !important; }

.bg-teal {
  background-color: #009688 !important;
  color: #fff; }
  .bg-teal .content .text,
  .bg-teal .content .number {
    color: #fff !important; }

.bg-green {
  background-color: #4CAF50 !important;
  color: #fff; }
  .bg-green .content .text,
  .bg-green .content .number {
    color: #fff !important; }

.bg-light-green {
  background-color: #8BC34A !important;
  color: #fff; }
  .bg-light-green .content .text,
  .bg-light-green .content .number {
    color: #fff !important; }

.bg-light-green-2 {
  background-color: #d4edda !important;
  color: #155724 !important; 
  border-color: #c3e6cb;}
  .bg-light-green-2 .content .text,
  .bg-light-green-2 .content .number {
    color: #fff !important; }

.bg-lime {
  background-color: #CDDC39 !important;
  color: #fff; }
  .bg-lime .content .text,
  .bg-lime .content .number {
    color: #fff !important; }

.bg-yellow {
  background-color: #ffe821 !important;
  color: #fff; }
  .bg-yellow .content .text,
  .bg-yellow .content .number {
    color: #fff !important; }

.bg-amber {
  background-color: #FFC107 !important;
  color: #fff; }
  .bg-amber .content .text,
  .bg-amber .content .number {
    color: #fff !important; }

.bg-orange {
  background-color: #FF9800 !important;
  color: #fff; }
  .bg-orange .content .text,
  .bg-orange .content .number {
    color: #fff !important; }

.bg-deep-orange {
  background-color: #FF5722 !important;
  color: #fff; }
  .bg-deep-orange .content .text,
  .bg-deep-orange .content .number {
    color: #fff !important; }

.bg-brown {
  background-color: #795548 !important;
  color: #fff; }
  .bg-brown .content .text,
  .bg-brown .content .number {
    color: #fff !important; }

.bg-grey {
  background-color: #9E9E9E !important;
  color: #fff; }
  .bg-grey .content .text,
  .bg-grey .content .number {
    color: #fff !important; }

.bg-blue-grey {
  background-color: #607D8B !important;
  color: #fff; }
  .bg-blue-grey .content .text,
  .bg-blue-grey .content .number {
    color: #fff !important; }

.bg-black {
  background-color: #000000 !important;
  color: #fff; }
  .bg-black .content .text,
  .bg-black .content .number {
    color: #fff !important; }

.bg-white {
  background-color: #ffffff !important;
  color: #fff; }
  .bg-white .content .text,
  .bg-white .content .number {
    color: #fff !important; }

.col-red {
  color: #F44336 !important; }

.col-pink {
  color: #E91E63 !important; }

.col-purple {
  color: #9C27B0 !important; }

.col-deep-purple {
  color: #673AB7 !important; }

.col-indigo {
  color: #3F51B5 !important; }

.col-blue {
  color: #2196F3 !important; }

.col-light-blue {
  color: #03A9F4 !important; }

.col-cyan {
  color: #00BCD4 !important; }

.col-teal {
  color: #009688 !important; }

.col-green {
  color: #4CAF50 !important; }

.col-light-green {
  color: #8BC34A !important; }

.col-lime {
  color: #CDDC39 !important; }

.col-yellow {
  color: #ffe821 !important; }

.col-amber {
  color: #FFC107 !important; }

.col-orange {
  color: #FF9800 !important; }

.col-deep-orange {
  color: #FF5722 !important; }

.col-brown {
  color: #795548 !important; }

.col-grey {
  color: #9E9E9E !important; }

.col-blue-grey {
  color: #607D8B !important; }

.col-black {
  color: #000000 !important; }

.col-white {
  color: #ffffff !important; }




/* ==============    Wait    ============= */

    .lds-spinner {
      color: official;
      display: inline-block;
      position: relative;
      width: 40px;
      height: 40px;
    }
    .lds-spinner div {
      transform-origin: 20px 20px;
      animation: lds-spinner 1.2s linear infinite;
    }
    .lds-spinner div:after {
      content: " ";
      display: block;
      position: absolute;
      top: 1px;
      left: 37px;
      width: 3px;
      height: 18px;
      border-radius: 20%;
      background: #000;
    }
    .lds-spinner div:nth-child(1) {
      transform: rotate(0deg);
      animation-delay: -1.1s;
    }
    .lds-spinner div:nth-child(2) {
      transform: rotate(30deg);
      animation-delay: -1s;
    }
    .lds-spinner div:nth-child(3) {
      transform: rotate(60deg);
      animation-delay: -0.9s;
    }
    .lds-spinner div:nth-child(4) {
      transform: rotate(90deg);
      animation-delay: -0.8s;
    }
    .lds-spinner div:nth-child(5) {
      transform: rotate(120deg);
      animation-delay: -0.7s;
    }
    .lds-spinner div:nth-child(6) {
      transform: rotate(150deg);
      animation-delay: -0.6s;
    }
    .lds-spinner div:nth-child(7) {
      transform: rotate(180deg);
      animation-delay: -0.5s;
    }
    .lds-spinner div:nth-child(8) {
      transform: rotate(210deg);
      animation-delay: -0.4s;
    }
    .lds-spinner div:nth-child(9) {
      transform: rotate(240deg);
      animation-delay: -0.3s;
    }
    .lds-spinner div:nth-child(10) {
      transform: rotate(270deg);
      animation-delay: -0.2s;
    }
    .lds-spinner div:nth-child(11) {
      transform: rotate(300deg);
      animation-delay: -0.1s;
    }
    .lds-spinner div:nth-child(12) {
      transform: rotate(330deg);
      animation-delay: 0s;
    }
    @keyframes lds-spinner {
      0% {
        opacity: 1;
      }
      100% {
        opacity: 0;
      }
    }
/* Modals ====================================== */
.modal .modal-header {
  border: none;
  padding: 25px 25px 5px 25px; }
  .modal .modal-header .modal-title {
    font-weight: bold;
    font-size: 16px; }

.modal .modal-content {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 10px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.31) !important;
  border: none; }
  .modal .modal-content .modal-body {
    color: #777;
    padding: 15px 25px; }

.modal .modal-footer {
  border: none; }

.modal-col-red {
  background-color: #F44336; }
  .modal-col-red .modal-body,
  .modal-col-red .modal-title {
    color: #fff !important; }
  .modal-col-red .modal-footer {
    background-color: rgba(0, 0, 0, 0.12); }
    .modal-col-red .modal-footer .btn-link {
      color: #fff !important; }
      .modal-col-red .modal-footer .btn-link:hover, .modal-col-red .modal-footer .btn-link:active, .modal-col-red .modal-footer .btn-link:focus {
        background-color: rgba(0, 0, 0, 0.12); }

.modal-col-pink {
  background-color: #E91E63; }
  .modal-col-pink .modal-body,
  .modal-col-pink .modal-title {
    color: #fff !important; }
  .modal-col-pink .modal-footer {
    background-color: rgba(0, 0, 0, 0.12); }
    .modal-col-pink .modal-footer .btn-link {
      color: #fff !important; }
      .modal-col-pink .modal-footer .btn-link:hover, .modal-col-pink .modal-footer .btn-link:active, .modal-col-pink .modal-footer .btn-link:focus {
        background-color: rgba(0, 0, 0, 0.12); }

.modal-col-purple {
  background-color: #9C27B0; }
  .modal-col-purple .modal-body,
  .modal-col-purple .modal-title {
    color: #fff !important; }
  .modal-col-purple .modal-footer {
    background-color: rgba(0, 0, 0, 0.12); }
    .modal-col-purple .modal-footer .btn-link {
      color: #fff !important; }
      .modal-col-purple .modal-footer .btn-link:hover, .modal-col-purple .modal-footer .btn-link:active, .modal-col-purple .modal-footer .btn-link:focus {
        background-color: rgba(0, 0, 0, 0.12); }

.modal-col-deep-purple {
  background-color: #673AB7; }
  .modal-col-deep-purple .modal-body,
  .modal-col-deep-purple .modal-title {
    color: #fff !important; }
  .modal-col-deep-purple .modal-footer {
    background-color: rgba(0, 0, 0, 0.12); }
    .modal-col-deep-purple .modal-footer .btn-link {
      color: #fff !important; }
      .modal-col-deep-purple .modal-footer .btn-link:hover, .modal-col-deep-purple .modal-footer .btn-link:active, .modal-col-deep-purple .modal-footer .btn-link:focus {
        background-color: rgba(0, 0, 0, 0.12); }

.modal-col-indigo {
  background-color: #3F51B5; }
  .modal-col-indigo .modal-body,
  .modal-col-indigo .modal-title {
    color: #fff !important; }
  .modal-col-indigo .modal-footer {
    background-color: rgba(0, 0, 0, 0.12); }
    .modal-col-indigo .modal-footer .btn-link {
      color: #fff !important; }
      .modal-col-indigo .modal-footer .btn-link:hover, .modal-col-indigo .modal-footer .btn-link:active, .modal-col-indigo .modal-footer .btn-link:focus {
        background-color: rgba(0, 0, 0, 0.12); }

.modal-col-blue {
  background-color: #2196F3; }
  .modal-col-blue .modal-body,
  .modal-col-blue .modal-title {
    color: #fff !important; }
  .modal-col-blue .modal-footer {
    background-color: rgba(0, 0, 0, 0.12); }
    .modal-col-blue .modal-footer .btn-link {
      color: #fff !important; }
      .modal-col-blue .modal-footer .btn-link:hover, .modal-col-blue .modal-footer .btn-link:active, .modal-col-blue .modal-footer .btn-link:focus {
        background-color: rgba(0, 0, 0, 0.12); }

.modal-col-light-blue {
  background-color: #03A9F4; }
  .modal-col-light-blue .modal-body,
  .modal-col-light-blue .modal-title {
    color: #fff !important; }
  .modal-col-light-blue .modal-footer {
    background-color: rgba(0, 0, 0, 0.12); }
    .modal-col-light-blue .modal-footer .btn-link {
      color: #fff !important; }
      .modal-col-light-blue .modal-footer .btn-link:hover, .modal-col-light-blue .modal-footer .btn-link:active, .modal-col-light-blue .modal-footer .btn-link:focus {
        background-color: rgba(0, 0, 0, 0.12); }

.modal-col-cyan {
  background-color: #00BCD4; }
  .modal-col-cyan .modal-body,
  .modal-col-cyan .modal-title {
    color: #fff !important; }
  .modal-col-cyan .modal-footer {
    background-color: rgba(0, 0, 0, 0.12); }
    .modal-col-cyan .modal-footer .btn-link {
      color: #fff !important; }
      .modal-col-cyan .modal-footer .btn-link:hover, .modal-col-cyan .modal-footer .btn-link:active, .modal-col-cyan .modal-footer .btn-link:focus {
        background-color: rgba(0, 0, 0, 0.12); }

.modal-col-teal {
  background-color: #009688; }
  .modal-col-teal .modal-body,
  .modal-col-teal .modal-title {
    color: #fff !important; }
  .modal-col-teal .modal-footer {
    background-color: rgba(0, 0, 0, 0.12); }
    .modal-col-teal .modal-footer .btn-link {
      color: #fff !important; }
      .modal-col-teal .modal-footer .btn-link:hover, .modal-col-teal .modal-footer .btn-link:active, .modal-col-teal .modal-footer .btn-link:focus {
        background-color: rgba(0, 0, 0, 0.12); }

.modal-col-green {
  background-color: #4CAF50; }
  .modal-col-green .modal-body,
  .modal-col-green .modal-title {
    color: #fff !important; }
  .modal-col-green .modal-footer {
    background-color: rgba(0, 0, 0, 0.12); }
    .modal-col-green .modal-footer .btn-link {
      color: #fff !important; }
      .modal-col-green .modal-footer .btn-link:hover, .modal-col-green .modal-footer .btn-link:active, .modal-col-green .modal-footer .btn-link:focus {
        background-color: rgba(0, 0, 0, 0.12); }

.modal-col-light-green {
  background-color: #8BC34A; }
  .modal-col-light-green .modal-body,
  .modal-col-light-green .modal-title {
    color: #fff !important; }
  .modal-col-light-green .modal-footer {
    background-color: rgba(0, 0, 0, 0.12); }
    .modal-col-light-green .modal-footer .btn-link {
      color: #fff !important; }
      .modal-col-light-green .modal-footer .btn-link:hover, .modal-col-light-green .modal-footer .btn-link:active, .modal-col-light-green .modal-footer .btn-link:focus {
        background-color: rgba(0, 0, 0, 0.12); }

.modal-col-lime {
  background-color: #CDDC39; }
  .modal-col-lime .modal-body,
  .modal-col-lime .modal-title {
    color: #fff !important; }
  .modal-col-lime .modal-footer {
    background-color: rgba(0, 0, 0, 0.12); }
    .modal-col-lime .modal-footer .btn-link {
      color: #fff !important; }
      .modal-col-lime .modal-footer .btn-link:hover, .modal-col-lime .modal-footer .btn-link:active, .modal-col-lime .modal-footer .btn-link:focus {
        background-color: rgba(0, 0, 0, 0.12); }

.modal-col-yellow {
  background-color: #ffe821; }
  .modal-col-yellow .modal-body,
  .modal-col-yellow .modal-title {
    color: #fff !important; }
  .modal-col-yellow .modal-footer {
    background-color: rgba(0, 0, 0, 0.12); }
    .modal-col-yellow .modal-footer .btn-link {
      color: #fff !important; }
      .modal-col-yellow .modal-footer .btn-link:hover, .modal-col-yellow .modal-footer .btn-link:active, .modal-col-yellow .modal-footer .btn-link:focus {
        background-color: rgba(0, 0, 0, 0.12); }

.modal-col-amber {
  background-color: #FFC107; }
  .modal-col-amber .modal-body,
  .modal-col-amber .modal-title {
    color: #fff !important; }
  .modal-col-amber .modal-footer {
    background-color: rgba(0, 0, 0, 0.12); }
    .modal-col-amber .modal-footer .btn-link {
      color: #fff !important; }
      .modal-col-amber .modal-footer .btn-link:hover, .modal-col-amber .modal-footer .btn-link:active, .modal-col-amber .modal-footer .btn-link:focus {
        background-color: rgba(0, 0, 0, 0.12); }

.modal-col-orange {
  background-color: #FF9800; }
  .modal-col-orange .modal-body,
  .modal-col-orange .modal-title {
    color: #fff !important; }
  .modal-col-orange .modal-footer {
    background-color: rgba(0, 0, 0, 0.12); }
    .modal-col-orange .modal-footer .btn-link {
      color: #fff !important; }
      .modal-col-orange .modal-footer .btn-link:hover, .modal-col-orange .modal-footer .btn-link:active, .modal-col-orange .modal-footer .btn-link:focus {
        background-color: rgba(0, 0, 0, 0.12); }

.modal-col-deep-orange {
  background-color: #FF5722; }
  .modal-col-deep-orange .modal-body,
  .modal-col-deep-orange .modal-title {
    color: #fff !important; }
  .modal-col-deep-orange .modal-footer {
    background-color: rgba(0, 0, 0, 0.12); }
    .modal-col-deep-orange .modal-footer .btn-link {
      color: #fff !important; }
      .modal-col-deep-orange .modal-footer .btn-link:hover, .modal-col-deep-orange .modal-footer .btn-link:active, .modal-col-deep-orange .modal-footer .btn-link:focus {
        background-color: rgba(0, 0, 0, 0.12); }

.modal-col-brown {
  background-color: #795548; }
  .modal-col-brown .modal-body,
  .modal-col-brown .modal-title {
    color: #fff !important; }
  .modal-col-brown .modal-footer {
    background-color: rgba(0, 0, 0, 0.12); }
    .modal-col-brown .modal-footer .btn-link {
      color: #fff !important; }
      .modal-col-brown .modal-footer .btn-link:hover, .modal-col-brown .modal-footer .btn-link:active, .modal-col-brown .modal-footer .btn-link:focus {
        background-color: rgba(0, 0, 0, 0.12); }

.modal-col-grey {
  background-color: #9E9E9E; }
  .modal-col-grey .modal-body,
  .modal-col-grey .modal-title {
    color: #fff !important; }
  .modal-col-grey .modal-footer {
    background-color: rgba(0, 0, 0, 0.12); }
    .modal-col-grey .modal-footer .btn-link {
      color: #fff !important; }
      .modal-col-grey .modal-footer .btn-link:hover, .modal-col-grey .modal-footer .btn-link:active, .modal-col-grey .modal-footer .btn-link:focus {
        background-color: rgba(0, 0, 0, 0.12); }

.modal-col-blue-grey {
  background-color: #607D8B; }
  .modal-col-blue-grey .modal-body,
  .modal-col-blue-grey .modal-title {
    color: #fff !important; }
  .modal-col-blue-grey .modal-footer {
    background-color: rgba(0, 0, 0, 0.12); }
    .modal-col-blue-grey .modal-footer .btn-link {
      color: #fff !important; }
      .modal-col-blue-grey .modal-footer .btn-link:hover, .modal-col-blue-grey .modal-footer .btn-link:active, .modal-col-blue-grey .modal-footer .btn-link:focus {
        background-color: rgba(0, 0, 0, 0.12); }

.modal-col-black {
  background-color: #000000; }
  .modal-col-black .modal-body,
  .modal-col-black .modal-title {
    color: #fff !important; }
  .modal-col-black .modal-footer {
    background-color: rgba(0, 0, 0, 0.12); }
    .modal-col-black .modal-footer .btn-link {
      color: #fff !important; }
      .modal-col-black .modal-footer .btn-link:hover, .modal-col-black .modal-footer .btn-link:active, .modal-col-black .modal-footer .btn-link:focus {
        background-color: rgba(0, 0, 0, 0.12); }

.modal-col-white {
  background-color: #ffffff; }
  .modal-col-white .modal-body,
  .modal-col-white .modal-title {
    color: #fff !important; }
  .modal-col-white .modal-footer {
    background-color: rgba(0, 0, 0, 0.12); }
    .modal-col-white .modal-footer .btn-link {
      color: #fff !important; }
      .modal-col-white .modal-footer .btn-link:hover, .modal-col-white .modal-footer .btn-link:active, .modal-col-white .modal-footer .btn-link:focus {
        background-color: rgba(0, 0, 0, 0.12); }