#backbg_login{
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100vh;
  background: url(../../vistas/img/plantilla/fondo_hoko.png);
  background-size: cover;
  overflow: hidden;
  z-index: -1; /*Indica que esta atras del todo */ 
}

.swal2-popup {
  font-size: 1.6rem !important;
}
.disabled-li {
    pointer-events:none; //This makes it not clickable
    opacity:0.6;         //This grays it out to look disabled
}
/*=============================================
ERROR 404, VERIFICAR
=============================================*/

.error404 .verificar{
  color:#333;
}
/*=============================================
ESCRITORIO GRANDE (LG revisamos en 1366px en adelante)
=============================================*/

@media (min-width:1200px){

  .col-lg-0{
    display: none;
  }
  .float{
    display: none;
  }
  .menu-float{
    display: none;
  }

  .error404 h1{
    font-size:300px;
    text-shadow:8px 8px 1px #dadada;
  }

}

/*=============================================
ESCRITORIO MEDIANO O TABLET HORIZONTAL (MD revisamos en 1024px)
=============================================*/

@media (max-width:1199px) and (min-width:992px){

  .col-md-0{
    display: none;
  }
  .float{
    display: none;
  }
  .menu-float{
    display: none;
  }

  .error404 h1{
    font-size:200px;
    text-shadow:6px 6px 1px #dadada;
  }

}

/*=============================================
ESCRITORIO PEQUEÑO O TABLET VERTICAL (SM revisamos en 768px)
=============================================*/

@media (max-width:991px) and (min-width:768px){

  .col-sm-0{
    display: none;
  }
  .error404 h1{
    font-size:150px;
    text-shadow:4px 4px 1px #dadada;
  }
  /*---- FLOAT BUTTON MENU ------------------*/
  .float{
    position:fixed;
    width:60px;
    height:60px;
    bottom:20px;
    right:20px;
    background-color:#F33;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    box-shadow: 2px 2px 3px #999;
    font-size:25px;
     z-index: 100;
  }

  ul.menu-float{
    position:fixed;
    right:20px;
    padding-bottom:20px;
    bottom:45px;
    z-index:100;
  }
  ul.menu-float li{
  list-style:none;
  margin-bottom:10px;
  }
  ul.menu-float li a{
    
    color:#FFF;
    border-radius:40px;
    text-align:center;
    box-shadow: 2px 2px 3px #999;
    width:50px;
    height:50px;
    display:block;
  }
  ul.menu-float li.disabled{
     pointer-events:none;  
  }
  
  a.menu-float-1{
    background-color:#28a745;
    
  }
  a.menu-float-1.disabled {
    background-color:#868e96;
  }
  a.menu-float-2{
    background-color:#fd7e14;
    
  }
   a.menu-float-2.disabled {
    background-color:#82848c;
  }
  a.menu-float-3{
    background-color:#007bff;
  }
   a.menu-float-3.disabled {
    background-color:#82848c;
  }
   a.menu-float-inicio{
    background-color:#009a96;
  }

   a.menu-float-volver{
    background-color:#A7640A;
  }

  ul.menu-float:hover{
  visibility:visible!important;
  opacity:1!important;
  }

  .my-float{
    font-size:20px;
    margin-top:15px;
  }
  .my-float-ppal{
    font-size:25px;
    margin-top:18px;
  }
  a#menu-share + ul{
  visibility: hidden;
  }

  a#menu-share:hover + ul{
    visibility: visible;
    animation: scale-in 0.5s;
  }

  a#menu-share i{
    animation: rotate-in 0.5s;
  }

  a#menu-share:hover > i{
    animation: rotate-out 0.5s;
  }

  .label-container{
    position:fixed;
    right:80px;
    display:table;
    
  }

  .label-text{
    color:#FFF;
    background:rgba(51,51,51,0.5);
    display:table-cell;
    vertical-align:middle;
    padding:10px;
    border-radius:3px;
  }

  .label-arrow{
    display:table-cell;
    vertical-align:middle;
    color:#333;
    opacity:0.5;
  }

}

/*=============================================
MOVIL (XS revisamos en 320px)
=============================================*/

@media (max-width:767px){

  .col-xs-0{
    display: none;
  }

  .error404 h1{
    font-size:75px;
    text-shadow:2px 2px 1px #dadada;
  }

  /*---- FLOAT BUTTON MENU ------------------*/
  .float{
    position:fixed;
    width:60px;
    height:60px;
    bottom:20px;
    right:20px;
    background-color:#F33;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    box-shadow: 2px 2px 3px #999;
    font-size:25px;
     z-index: 100;
  }

  ul.menu-float{
    position:fixed;
    right:20px;
    padding-bottom:20px;
    bottom:45px;
    z-index:100;
  }
  ul.menu-float li{
  list-style:none;
  margin-bottom:10px;
  }
  
  ul.menu-float li.disabled{
     pointer-events:none; 
            
  }
  ul.menu-float li a{
    
    color:#FFF;
    border-radius:40px;
    text-align:center;
    box-shadow: 2px 2px 3px #999;
    width:50px;
    height:50px;
    display:block;
  }
  a.menu-float-1{
    background-color:#28a745;
    
  }
  a.menu-float-1.disabled {
    background-color:#868e96;
  }
   a.menu-float-2{
    background-color:#fd7e14;
    
  }
   a.menu-float-2.disabled {
    background-color:#82848c;
  }
  a.menu-float-3{
    background-color:#007bff;
  }
   a.menu-float-3.disabled {
    background-color:#82848c;
  }

a.menu-float-inicio{
    background-color:#009a96;
  }
   a.menu-float-volver{
    background-color:#A7640A;
  }

  ul.menu-float:hover{
  visibility:visible!important;
  opacity:1!important;
  }

  .my-float{
    font-size:20px;
    margin-top:15px;
  }
  .my-float-ppal{
    font-size:25px;
    margin-top:18px;
  }
  a#menu-share + ul{
  visibility: hidden;
  }

  a#menu-share:hover + ul{
    visibility: visible;
    animation: scale-in 0.5s;
  }

  a#menu-share i{
    animation: rotate-in 0.5s;
  }

  a#menu-share:hover > i{
    animation: rotate-out 0.5s;
  }

  .label-container{
    position:fixed;
    right:80px;
    display:table;
    
  }

  .label-text{
    color:#FFF;
    background:rgba(51,51,51,0.5);
    display:table-cell;
    vertical-align:middle;
    padding:10px;
    border-radius:3px;
  }

  .label-arrow{
    display:table-cell;
    vertical-align:middle;
    color:#333;
    opacity:0.5;
  }
}


.divider {
  height: 3px;
  width:100%;
  display:block; /* for use on default inline elements like span */
  margin: 9px 0;
  overflow: hidden;
  background-color: #DADBD9;
  box-shadow: 0 1em 1em -1em rgba(0, 0, 0, .25);
}

.borderless tr, .borderless td, .borderless th {
    border: none !important;
   }