/* Lo utilizo para los estilos del dashboard */

.card-body-dashboard{
    text-align: center;
    font-size: 4em;
    font-weight: 500;    
}

.card-body-dashboard:hover{
    background-color: rgb(92, 157, 255);
    color: white !important;
}

.logo-dashboard{    
    position: absolute;
    width:150px; 
    top:0; 
    right:0; 
    padding-top:0;
}

.last_contact{
    font-size: 15px !important;
    vertical-align: middle !important;
    text-align: center;
}

.btn-card-header{
    margin-right: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 120px;
}

/******************************************************************************************************************
                                            Tablas principales 
******************************************************************************************************************/

.tabla{
    font-size: 17px !important;
    text-align: center !important;
}

.tabla th {
    font-size: 19px !important;
    text-align: center !important;
    vertical-align: middle !important;
}

.notas{
    font-size: 14px !important;
    text-align: justify !important;
}
.contenedor-tabla{
    margin: 2em;    
}

.boton-tabla{
    font-size: 7px; 
    margin-left: -50; 
    margin-right: -50;
    border-color: white;
}

/******************************************************************************************************************
                                            Tablas Secundarias
******************************************************************************************************************/

.tabla-secundaria{
    font-size: 14px !important;
    text-align: center !important;
}

.tabla-secundaria th {
    font-size: 16px !important;
    text-align: center !important;
    vertical-align: middle !important;
}

/******************************************************************************************************************
                                            Loading
******************************************************************************************************************/


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


/******************************************************************************************************************
                                    Para todas las card en teams
******************************************************************************************************************/

.card-header-teams{
    text-align: center;
    font-size: 1em;
    font-weight: 500;
    background-color:rgb(52, 83, 131);
    color: white;    
}

.card-header-teams:hover{
    background-color: rgb(12, 183, 242);
}

.card-footer-teams{
    width: 100%;
    text-align: center;
    font-size: 0.80em;
    font-weight: 500;
    background-color:rgb(221, 221, 221);
}