#divEspera {
  position: fixed;
  display: none;
  z-index: 1005;
  left: 40%;
  top: 30%;
  width: 200px;
}

.spinner{
  position: absolute;
  top: -20%;
  left: -70%;
  z-index: 10000;
  width: 180px;
  height: 180px;
  border: 10px solid rgba(0,0,0,.1);
  border-radius: 50%;
  border-left-color: rgb(38, 47, 90);
  animation: spin 1s ease infinite;
}
@keyframes spin{
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
#imgGrupoIls {
  position: absolute;
  background-size: 100%;
  width: 135px;
  left: -57%;
  top: -22px;
  background-repeat: no-repeat;
  z-index: 10000;
}
#divImagenSpinner{
  position: fixed;
  background-size: 100%;
  background-repeat: no-repeat;
  top: 43%;
  left: 52%;
  width: 120px;
  height: 180px;
  z-index: 10000;
}
#divImagenSpinner::before{
  position: absolute;
  left: -50px;
  content: "Cargando...";
  color: rgb(38, 47, 90);
  top: 150px;
  font-size: 25px;
  font-weight: 700;
  z-index: 10000;
}

.external-event {
  padding: 5px 10px;
  font-weight: bold;
  margin-bottom: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  cursor: move;
}
.external-event:hover {
  box-shadow: inset 0 0 90px rgba(0, 0, 0, 0.2);
}

.bg-red,
.bg-yellow,
.bg-aqua,
.bg-blue,
.bg-light-blue,
.bg-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-black,
.bg-red-active,
.bg-yellow-active,
.bg-aqua-active,
.bg-blue-active,
.bg-light-blue-active,
.bg-green-active,
.bg-navy-active,
.bg-teal-active,
.bg-olive-active,
.bg-lime-active,
.bg-orange-active,
.bg-fuchsia-active,
.bg-purple-active,
.bg-maroon-active,
.bg-black-active,
.callout.callout-danger,
.callout.callout-warning,
.callout.callout-info,
.callout.callout-success,
.alert-success,
.alert-danger,
.alert-error,
.alert-warning,
.alert-info,
.label-danger,
.label-info,
.label-warning,
.label-primary,
.label-success,
.modal-primary .modal-body,
.modal-primary .modal-header,
.modal-primary .modal-footer,
.modal-warning .modal-body,
.modal-warning .modal-header,
.modal-warning .modal-footer,
.modal-info .modal-body,
.modal-info .modal-header,
.modal-info .modal-footer,
.modal-success .modal-body,
.modal-success .modal-header,
.modal-success .modal-footer,
.modal-danger .modal-body,
.modal-danger .modal-header,
.modal-danger .modal-footer {
  color: #fff !important;
}
.bg-gray {
  color: #000;
  background-color: #d2d6de !important;
}
.bg-gray-light {
  background-color: #f7f7f7;
}
.bg-black {
  background-color: #111111 !important;
}
.bg-red,
.callout.callout-danger,
.alert-danger,
.alert-error,
.label-danger,
.modal-danger .modal-body {
  background-color: #dd4b39 !important;
}
.bg-yellow,
.callout.callout-warning,
.alert-warning,
.label-warning,
.modal-warning .modal-body {
  background-color: #f39c12 !important;
}
.bg-aqua,
.callout.callout-info,
.alert-info,
.label-info,
.modal-info .modal-body {
  background-color: #00c0ef !important;
}
.bg-blue {
  background-color: #0073b7 !important;
}
.bg-light-blue,
.label-primary,
.modal-primary .modal-body {
  background-color: #3c8dbc !important;
}
.bg-green,
.callout.callout-success,
.alert-success,
.label-success,
.modal-success .modal-body {
  background-color: #00a65a !important;
}
.bg-navy {
  background-color: #001f3f !important;
}
.bg-teal {
  background-color: #39cccc !important;
}
.bg-olive {
  background-color: #3d9970 !important;
}
.bg-lime {
  background-color: #01ff70 !important;
}
.bg-orange {
  background-color: #ff851b !important;
}
.bg-fuchsia {
  background-color: #f012be !important;
}
.bg-purple {
  background-color: #605ca8 !important;
}
.bg-maroon {
  background-color: #d81b60 !important;
}
.bg-gray-active {
  color: #000;
  background-color: #b5bbc8 !important;
}
.bg-black-active {
  background-color: #000000 !important;
}
.bg-red-active,
.modal-danger .modal-header,
.modal-danger .modal-footer {
  background-color: #d33724 !important;
}
.bg-yellow-active,
.modal-warning .modal-header,
.modal-warning .modal-footer {
  background-color: #db8b0b !important;
}
.bg-aqua-active,
.modal-info .modal-header,
.modal-info .modal-footer {
  background-color: #00a7d0 !important;
}
.bg-blue-active {
  background-color: #005384 !important;
}
.bg-light-blue-active,
.modal-primary .modal-header,
.modal-primary .modal-footer {
  background-color: #357ca5 !important;
}
.bg-green-active,
.modal-success .modal-header,
.modal-success .modal-footer {
  background-color: #008d4c !important;
}
.bg-navy-active {
  background-color: #001a35 !important;
}
.bg-teal-active {
  background-color: #30bbbb !important;
}
.bg-olive-active {
  background-color: #368763 !important;
}
.bg-lime-active {
  background-color: #00e765 !important;
}
.bg-orange-active {
  background-color: #ff7701 !important;
}
.bg-fuchsia-active {
  background-color: #db0ead !important;
}
.bg-purple-active {
  background-color: #555299 !important;
}
.bg-maroon-active {
  background-color: #ca195a !important;
}

#iconEyePasswordUsuario{
  cursor: pointer;
}

#iconEyePasswordUsuario:hover{
  color: blue;
}

#iconActEyePasswordUsuario{
  cursor: pointer;
}

#iconActEyePasswordUsuario:hover{
  color: blue;
}

.clrVerde{
  color: #82AD46 !important;
}

.clrAzul{
  color: #3D8BD9 !important;
}

.clrAzul2{
  color: #3D8BD9 !important;
}

.clrNaranja{
  color: #f0ba47 !important;
}

.clrBlanco{
  color: #fff !important;
}

.bg-dark{
  background-color: #262F5A;
  color:#fff;
}

.bg-mtto{
  background-color: #ff9d2d;
  color:#fff;
}

.txtMD{
  font-size: 0.75rem !important;
}

.cajaMonitor{
  padding: 3px;
  border-radius: 5px;
  margin-right: 3px;
  font-size: 0.64rem;
}

[data-title]:hover:after {
  opacity: 1;
  transition: all 0.1s ease 0.5s;
  visibility: visible;
}
[data-title]:after {
  content: attr(data-title);
  background-color: #333;
  color: #fff;
  font-size: 14px;
  font-family: Raleway;
  position: absolute;
  padding: 3px 20px;
  bottom: -1.6em;
  left: 100%;
  white-space: nowrap;
  box-shadow: 1px 1px 3px #222222;
  opacity: 0;
  border: 1px solid #111111;
  z-index: 99999;
  visibility: hidden;
  border-radius: 6px;
  
}
[data-title] {
  position: relative;
}

.swal-title{
  font-size: 16px !important;
}

.inlineILS{
  display: inline !important;
  padding: 5px;
}

.paginate_button {
  margin-left: 4px;
  margin-right: 4px;
}

body{
  font-size: 0.8rem !important;
}

.imgLogoILS{
  height: 50px !important;
}

.mayusc{
  text-transform: uppercase;
}

#divBtnCancela {
  display: none;
  position: fixed;
  bottom: 40%;
  right: 0%;
  z-index: 10000;
  border: #000 1px solid;
  border-radius: 5px;
  padding: 2px;
}

.spPrv{
  font-size: 1px;
  color: transparent;
}

.d-none{
  display: none !important; 
}

.d-block{
  display: block !important; 
}

.text-center{
  text-align: center !important;
}

@media (max-width: 760px) {
  .d-lg-block{
      display: none !important;
  }

  .d-lg-tablecell{
      display: none !important;
  }

  .d-lg-none{
      display: block !important;
  }


  .fondoRegistro3 {
    background: url(../images/ingreso_okane2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
  }

}

@media (min-width: 760px) {
  .d-lg-block{
    display: block !important;
  }

  .d-lg-tablecell{
      display: table-cell !important;
  }

  .d-lg-none{
    display: none !important;
  }
}

.btn-okane1 {
  color: #fff;
  background-color: #2cd1c1;
  border-color: #14b6a6;
  border-radius: 20px;
}

.btn-okane1:hover {
  color: #fff;
  background-color: #2cd1c1;
  border-color: #14b6a6;
}

.btn-okane1:focus,
.btn-okane1.focus {
  color: #fff;
  background-color: #2cd1c1;
  border-color: #14b6a6;
}

.btn-okane1:active,
.btn-okane1.active,
.open>.btn-okane1.dropdown-toggle {
  color: #fff;
  background-color: #2cd1c1;
  border-color: #14b6a6;
  background-image: none;
}

.btn-okane1:active:hover,
.btn-okane1:active:focus,
.btn-okane1:active.focus,
.btn-okane1.active:hover,
.btn-okane1.active:focus,
.btn-okane1.active.focus,
.open>.btn-okane1.dropdown-toggle:hover,
.open>.btn-okane1.dropdown-toggle:focus,
.open>.btn-okane1.dropdown-toggle.focus {
  color: #fff;
  background-color: #156d8c;
  border-color: #14b6a6;
}

.btn-okane1.disabled:focus,
.btn-okane1.disabled.focus,
.btn-okane1:disabled:focus,
.btn-okane1:disabled.focus {
  background-color: #2cd1c1;
  border-color: #2cd1c1;
}

.btn-okane1.disabled:hover,
.btn-okane1:disabled:hover {
  background-color: #2cd1c1;
  border-color: #2cd1c1;
}



.btn-okane2 {
  color: #fff;
  background-color: #4589da;
  border-color: #2f78d1;
  border-radius: 20px;
}

.btn-okane2:hover {
  color: #fff;
  background-color: #4589da;
  border-color: #2f78d1;
}

.btn-okane2:focus,
.btn-okane2.focus {
  color: #fff;
  background-color: #4589da;
  border-color: #2f78d1;
}

.btn-okane2:active,
.btn-okane2.active,
.open>.btn-okane2.dropdown-toggle {
  color: #fff;
  background-color: #4589da;
  border-color: #2f78d1;
  background-image: none;
}

.btn-okane2:active:hover,
.btn-okane2:active:focus,
.btn-okane2:active.focus,
.btn-okane2.active:hover,
.btn-okane2.active:focus,
.btn-okane2.active.focus,
.open>.btn-okane2.dropdown-toggle:hover,
.open>.btn-okane2.dropdown-toggle:focus,
.open>.btn-okane2.dropdown-toggle.focus {
  color: #fff;
  background-color: #156d8c;
  border-color: #2f78d1;
}

.btn-okane2.disabled:focus,
.btn-okane2.disabled.focus,
.btn-okane2:disabled:focus,
.btn-okane2:disabled.focus {
  background-color: #4589da;
  border-color: #4589da;
}

.btn-okane2.disabled:hover,
.btn-okane2:disabled:hover {
  background-color: #4589da;
  border-color: #4589da;
}



.btn-okane3 {
  color: #fff;
  background-color: #924CFA;
  border-color: #702bd8;
  border-radius: 20px;
}

.btn-okane3:hover {
  color: #fff;
  background-color: #924CFA;
  border-color: #702bd8;
}

.btn-okane3:focus,
.btn-okane3.focus {
  color: #fff;
  background-color: #924CFA;
  border-color: #702bd8;
}

.btn-okane3:active,
.btn-okane3.active,
.open>.btn-okane3.dropdown-toggle {
  color: #fff;
  background-color: #924CFA;
  border-color: #702bd8;
  background-image: none;
}

.btn-okane3:active:hover,
.btn-okane3:active:focus,
.btn-okane3:active.focus,
.btn-okane3.active:hover,
.btn-okane3.active:focus,
.btn-okane3.active.focus,
.open>.btn-okane3.dropdown-toggle:hover,
.open>.btn-okane3.dropdown-toggle:focus,
.open>.btn-okane3.dropdown-toggle.focus {
  color: #fff;
  background-color: #924CFA;
  border-color: #702bd8;
}

.btn-okane3.disabled:focus,
.btn-okane3.disabled.focus,
.btn-okane3:disabled:focus,
.btn-okane3:disabled.focus {
  background-color: #924CFA;
  border-color: #924CFA;
}

.btn-okane3.disabled:hover,
.btn-okane3:disabled:hover {
  background-color: #924CFA;
  border-color: #924CFA;
}