@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,400;1,600;1,700&display=swap');
/* @import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap'); */

:root {  
    --greenLight: #b7f1e7; 
    --green: #009b7f; 
    --greenScore: #006B18;
    --green2Score: #72B800;
    --yellowScore: #F6C23E;
    --orangeScore: #CC7A00;
    --redScore: #9F0000;
}

body {

    font-family: 'Titillium Web', sans-serif !important;
    /* font-family: 'Merriweather', sans-serif !important; */

  }

.sidebar-logo { width: 8.5rem !important;} 
.sidebar-logo-short { width: 5rem !important;} 

/*diseño alert*/
.dgcAlert {
    background: rgb(0 0 0 / 44%); 
    left:0; 
    top:0;
    position: absolute; 
    width: 100%; 
    display: block; 
    height: 1000px; 
    text-align:center; 
    opacity:0; 
    display:none; 
    z-index:999999999999999;
}

.dgcAlert .dgcVentana{
    /* width: 500px;  */
    background: white;
    min-height: 150px;
    position: relative;
    margin: 0 auto;
    color: black;
    padding: 5px;
    border-radius: 10px;
}

.dgcAlert .dgcVentana .dgcCerrar {
    height: 25px;
    width: 25px;
    float: right; 
    cursor:pointer;
}

.dgcAlert .dgcVentana .dgcMensaje { 
    margin: 0 auto; 
    padding-top: 45px; 
    text-align: center; 
    /* width: 450px; */
    font-size: 20px;
}

.dgcAlert .dgcVentana .dgcAceptar{
    background:#09C; 
    bottom:20px; 
    display: inline-block; 
    font-size: 12px; 
    font-weight: bold; 
    height: 35px; 
    line-height: 24px; 
    padding-left: 5px; 
    padding-right: 5px;
    text-align: center; 
    text-transform: uppercase; 
    width: 75px;
    cursor: pointer; 
    color:#FFF; 
    margin-bottom:25px;
}

.dgcAlert .dgcVentana .dgcMensaje > ul { text-align: left;}
.dgcAlert { height:100% !important; }
.dgcMensaje{ font-size: 7px;}

.dgcVentana { margin: 0 10px !important; top: 50%; }

.collapse-item:hover,.sidebar .nav-item .collapsing .collapse-inner .collapse-item:hover{color:#000000 !important;}
.btn-table { width: 25px !important; }
.modal-dialog{ max-width:50% !important; margin: auto !important; margin-top: 25vh !important;}
.bg-green, .btn-green { background-color: var(--green) !important; }
.btn-green { border-color: transparent !important; }
.text-green { color: var(--green) !important; }
.border-left-success { border-left: .25rem solid var(--green) !important; }


.text-redscore { color: var(--redScore); }
.text-orangescore { color: var(--orangeScore); }
.text-yellowscore { color: var(--yellowScore); }
.text-green2score { color: var(--green2Score); }
.text-greenscore { color: var(--greenScore); }



.badge-redscore {  color: #fff; background-color: var(--redScore); font-size: 15px; }
.badge-orangescore {  color: #fff; background-color: var(--orangeScore); font-size: 15px; }
.badge-yellowscore {  color: #fff; background-color: var(--yellowScore); font-size: 15px; }
.badge-green2score {  color: #fff; background-color: var(--green2Score); font-size: 15px; }
.badge-greenscore {  color: #fff; background-color: var(--greenScore); font-size: 15px; }

.btn-outline-green {
    color: var(--green) !important;
    border-color: var(--green) !important;
    background: #ffffff !important;
}

.badge { width:60px; }

.page-item.active .page-link {
    color: #ffffff !important;
    background-color: var(--green) !important;
    border-color: var(--green) !important;
}

.page-item .page-link, .page-link:hover, .btn-link, .btn-link:hover {
    color: var(--green) !important;
}

.page-link:hover {
    background-color: var(--greenLight) !important;
    border-color: var(--greenLight) !important;
}

.img-info { width:15px; }

@media (max-width: 912px) {
    .modal-dialog {
        max-width: 90% !important;
        margin: auto !important;
        margin-top: 25vh !important;
    }
    
    .dgcVentana{top: 25%;}
  }