.pantalla_bloqueo {
      display: none;
      position: fixed;
      background-color: rgba(255,255,255,0.9);
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      z-index: 9999;
}
.spinner_lg {
      margin: auto;
      border: 5px solid #f3f3f3; /* Light grey */
      border-top: 5px solid #4285F4; /*#3498db Blue */
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      width: 100px;
      height: 100px;
      animation: spin 1s linear infinite;
}
.spinner_md {
      margin: auto;
      border: 5px solid #f3f3f3; /* Light grey */
      border-top: 5px solid #4285F4; /*#3498db Blue */
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      width: 50px;
      height: 50px;
      animation: spin 1s linear infinite;
}
.spinner_sm {
      margin: auto;
      border: 2px solid #f3f3f3; /* Light grey */
      border-top: 2px solid #4285F4; /*#3498db Blue */
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      width: 20px;
      height: 20px;
      animation: spin 1s linear infinite;
}
.spinner_sm_white {
      margin: auto;
      border: 2px solid #4285F4; /* Light grey */
      border-top: 2px solid #ffffff; /*#3498db Blue */
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      width: 20px;
      height: 20px;
      animation: spin 1s linear infinite;
}
.spinner {
      /*margin: auto;*/
      border: 4px solid #f3f3f3; /* Light grey */
      border-top: 4px solid #4285F4; /*#3498db Blue */
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      width: 33px;
      height: 33px;
      animation: spin 1s linear infinite;
}
#imagen_bloqueador{
      padding-top:     20%;
      text-align:     center;
}
@keyframes spin {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
}

/* ============================================================
   ESTILOS DEL SWITCH
============================================================ */
.switch{
    width:100px;
}
#etiqueta_status{
    text-align:center;
}
.cmn-toggle {
  position: absolute !important;
  margin-left: -9999px !important;
  visibility: hidden !important;
}
.cmn-toggle + label {
  display: block !important;
  position: relative !important;
  margin-left: 15px !important;
  cursor: pointer !important;
  outline: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}
input.cmn-toggle-round-flat + label {
  padding: 2px !important;
  width: 56px !important;
  height: 28px !important;
  background-color: #BBBBBB !important;
  -webkit-border-radius: 60px !important;
  -moz-border-radius: 60px !important;
  -ms-border-radius: 60px !important;
  -o-border-radius: 60px !important;
  border-radius: 60px !important;
  -webkit-transition: background 0.2s !important;
  -moz-transition: background 0.2s !important;
  -o-transition: background 0.2s !important;
  transition: background 0.2s !important;
}
input.cmn-toggle-round-flat + label:before, input.cmn-toggle-round-flat + label:after{
  display: block !important;
  position: absolute !important;
  content: "" !important;
}
input.cmn-toggle-round-flat + label:before{
  top: 2px !important;
  left: 2px !important;
  bottom: 2px !important;
  right: 2px !important;
  background-color: #fff !important;
  -webkit-border-radius: 60px !important;
  -moz-border-radius: 60px !important;
  -ms-border-radius: 60px !important;
  -o-border-radius: 60px !important;
  border-radius: 60px !important;
  -webkit-transition: background 0.2s !important;
  -moz-transition: background 0.2s !important;
  -o-transition: background 0.2s !important;
  transition: background 0.2s !important;
}
input.cmn-toggle-round-flat + label:after {
  top: 4px !important;
  left: 4px !important;
  bottom: 4px !important;
  width: 22px !important;
  background-color: #BBBBBB !important;
  -webkit-border-radius: 52px !important;
  -moz-border-radius: 52px !important;
  -ms-border-radius: 52px !important;
  -o-border-radius: 52px !important;
  border-radius: 52px !important;
  -webkit-transition: margin 0.2s, background 0.2s !important;
  -moz-transition: margin 0.2s, background 0.2s !important;
  -o-transition: margin 0.2s, background 0.2s !important;
  transition: margin 0.2s, background 0.2s !important;
}
input.cmn-toggle-round-flat:checked + label {
  background-color: #4285F4 !important;
}
input.cmn-toggle-round-flat:checked + label:after {
  margin-left: 26px;
  background-color: #4285F4 !important;
}

/* ============================================================
   ESTILOS DEL SWITCH
============================================================ */
.flotante{
  position: fixed;
  right: 25px;
  bottom: 25px;
}

/*nuevo spinner*/
.new_spinner {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.new_spinner div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 100px;
  height: 100px;
  margin: 6px;
  border: 5px solid #4285F4;
  border-radius: 50%;
  animation: new_spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #4285F4 transparent transparent transparent;
}
.new_spinner div:nth-child(1) {
  animation-delay: -0.45s;
}
.new_spinner div:nth-child(2) {
  animation-delay: -0.3s;
}
.new_spinner div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes new_spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*otro spinner*/
.lds-roller {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 32px 32px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #4285F4 ;
  margin: -3px 0 0 -3px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 50px;
  left: 50px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 54px;
  left: 45px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 57px;
  left: 39px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 58px;
  left: 32px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 57px;
  left: 25px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 54px;
  left: 19px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 50px;
  left: 14px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 45px;
  left: 10px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*switch MDB*/
.switch.round label .lever {
    width: 54px;
    height: 34px;
    border-radius: 10em;
}
.switch.round label .lever:after {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    left: 4px;
    top: 4px;
}
.switch.primary-switch label input[type=checkbox]:checked + .lever {
    background-color: #689DF6;
}
.switch.primary-switch label input[type=checkbox]:checked + .lever:after {
    background-color: #4285F4;
}

.btn_arriba{padding: 5px 10px !important;}

.navbar{
  padding: 0rem .5rem !important;
}

.navbar .nav-item{
  font-size: 0.8em !important;
  font-weight: 400;
}

.navbar .dropdown-menu{
  border-radius: 0px !important;
  background-color:  rgba(42,53,66,1) !important;
  box-shadow: 0 3px 10px rgba(0,0,0,0.3) !important;
  /*padding: 2px !important;*/
}

.navbar .dropdown-menu .dropdown-item{
  border-radius: 0px !important;
  font-size: 0.8em !important;
  font-weight: 400;
}

/*.navbar .dropdown-menu .dropdown-item:hover{
  background-image: linear-gradient(90deg, #246CC8 0%, #304D72 60%, #2a3542 100%) !important;
}*/

.navbar .dropdown-menu .dropdown-item > i {
  text-align: center !important;
  width: 30px !important;
  color: #fff !important;
}

.navbar .dropdown-menu .dropdown-item > span {
  margin-left: 10px;
  color: #fff !important;
}

.darkblue-gradient {
  background-image: linear-gradient(150deg, #246CC8 0%, #304D72 60%, #2a3542 100%);
  background-repeat: repeat-x;
}

.blue2-gradient {
  background-image: linear-gradient(150deg, #152382 0%, #19a0ff 85%);
  background-repeat: repeat-x;
}

.blueh-gradient {
  background-image: linear-gradient(0deg, #152382 0%, #19a0ff 85%);
  background-repeat: repeat-x;
}

.violet-gradient {
  background-image: linear-gradient(150deg, #377dff 0%, #2d1582 100%);
  background-repeat: repeat-x;
}

.bandera{width:18px; max-height:100%;}

.select-wrapper input.select-dropdown{
  color: #959595 !important;
}

/*
  MODO OSCURO *********************************************
*/

.body-dark{
  background-image: url(../imagenes/wallpaper_saeplus11.png) !important;
  /*background-color: #232E3B !important;*/
  color: #fff !important;
  /*2a3542*/
}

.body-dark h1, .body-dark h2, .body-dark h3, .body-dark p{
  color: #fff !important;
}

.body-dark .pantalla_bloqueo{
  background-color: rgba(0,0,0,0.9) !important;
}

.body-dark .spinner_lg{
  border: 5px solid #000 !important;
  border-top: 5px solid #4285F4 !important;
}

.body-dark .card{
  background-color: #2a3542;
}

.body-dark .card table{
  color: #fff !important;
}

.body-dark .card .fixed-table-container{
  color: #fff !important;
  border: 1px solid #232E3B !important;
}

.body-dark .card table tr, .body-dark .card table th, .body-dark .card table td{
  color: #ccc !important;
  border: 1px solid #232E3B !important;
}

.body-dark label{
  color: #fff !important;
}

.body-dark input[type="text"], .body-dark input[type="password"], .body-dark select{
  color: #ccc !important;
}

.body-dark .breadcrumb{
  background-color: rgba(0,0,0,.2);
  color: #fff !important;
}

.body-dark .dropdown-content{
  background-color: #2a3542 !important;
  color: #fff !important;
}

.body-dark .dropdown-content li:hover{
  background-color: #232E3B !important;
}

.body-dark .dropdown-content li.active{
 background-color: #232E3B !important; 
}

.body-dark .sweet-alert{
  background-color: #2a3542 !important;
  color: #ccc !important;
}

.body-dark .sweet-alert h2, .body-dark .sweet-alert p{
  color: #fff !important;
}

.body-dark .modal-content{
  background-color: #2a3542 !important;
  color: #ccc !important;
}

.body-dark .modal-content .fixed-table-container{
  color: #fff !important;
  border: 1px solid #232E3B !important;
}

.body-dark .modal-content table tr, .body-dark .modal-content table th, .body-dark .modal-content table td{
  color: #ccc !important;
  border: 1px solid #232E3B !important;
}

.body-dark .list-group-item{
  background-color: #2a3542 !important;
  color: #ccc !important;
}

.body-dark .danger-color{
  background-color: #ff3547 !important;
  color: #fff !important;
}

.body-dark .list-group-item .fixed-table-container{
  color: #fff !important;
  border: 1px solid #232E3B !important;
}

.body-dark .list-group-item table tr, .body-dark .list-group-item table th, .body-dark .list-group-item table td{
  color: #ccc !important;
  border: 1px solid #232E3B !important;
}