/* Add here all your CSS customizations */

.table th, .table td {
  
    vertical-align: middle !important;

}


.centrar-vertical{
    display: flex;
   align-items: center;
    
}



.color-azul-oscuro{
    color: #247187;
}

.badge-azul-oscuro{
    color: white;
    background: #247187;
}


.color-rojo-boton{
    color: #bf5653;
}


.badge-rojo-boton{
    color: white;
    background: #bf5653;
}


.color-azul-negro{
    color: #50689a;
}

.badge-azul-negro{
    color: white;
    background: #50689a;
}




.loader-page {
    position: fixed;
    z-index: 25000;
    background: rgba(255, 255, 255, 0.87);
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
}

.loader-page::before {
    content: "";
    position: absolute;
    border: 5px solid #b1aba5;
    width: 125px;
    height: 130px;
    border-radius: 50%;
    box-sizing: border-box;
    border-left: 5px solid #EF760B;
    border-top: 2px solid #EF760B;
    animation: rotarload 1s linear infinite;
    transform: rotate(0deg);
}

.loader-page2 {
    position: fixed;
    z-index: 25000;
    background: rgba(255, 255, 255, 0.87);
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
}

.loader-page2::before {
    content: "";
    position: absolute;
    border: 8px solid #EF760B;
    width: 125px;
    height: 130px;
    border-radius: 50%;
    box-sizing: border-box;
    border-left: 5px solid #28a745;
    border-top: 2px solid #28a745;
    animation: rotarload 1s linear infinite;
    transform: rotate(0deg);
}

@keyframes rotarload {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.swal2-styled.swal2-confirm {
    border: 0;
    border-radius: 0.25em;
    background: initial;
    background-color: #47a447 !important;
    color: #fff;
    font-size: 1em;
}

.progress-bar-verde {
    background-color: #47a447;
}

.loading {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../img/loading-86.gif') 50% 50% no-repeat rgb(249, 249, 249);
    opacity: .8;
  }

  .loading2 {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../img/loading-86.gif') 50% 50% no-repeat rgb(249, 249, 249);
    opacity: .8;
  }






.fondo-automas-login{
    background-image: url('../img/fondogrisauto.jpg') !important;
    background-size: cover;
   
}

/* estilo mapas */

#map {

    height: 75vh;
    width: 100hw;

}

.puntero{
cursor: pointer;
}

.badge {
    font-size: 12px !important;
    font-weight: 600 !important;
}

.simple-card-list li.success {
    background: #47a447;

}

.simple-card-list li.danger {
    background: #dc3545;
    
}

.simple-card-list li.secondary {
    background: #6c757d;
    color: white;
}

.clase_ocultar{
    display: none;
}