sgi/CIDIT/css/secciones/reporte.css

/********** LOADERS INTERNOS **********/
#mainTabs, #loaderProyecto{ min-height: 400px; height: 20vh; }

/********** DIVDLCONCURSO **********/
@media (max-width:480px) {
    #divDLConcurso { margin:1.5rem; }
}

/********** AL MOMENTO **********/
#momento .ing-estrella1, #datosProyecto .ing-estrella1 { color: #F9BF3B; font-size: 30px; }
#momento .ing-aceptar, #momento .ing-cancelar { font-size: 25px; }
#momento .faltantes { width: 60px; height: 60px; cursor: pointer; }
#momento .nombres { font-size: 18px; color: #001D68; }
#momento .pleca { height: 15px; }

/********** MODAL FALTANTES **********/
#modalFaltantes #listaFaltantes { max-height: 400px; overflow-y: auto; }
#modalFaltantes #listaFaltantes > .elemento { border-bottom: 1px solid #001D68; cursor: pointer; }
#modalFaltantes #listaFaltantes > .elemento:last-of-type { border-bottom: 0; }
#modalFaltantes #listaFaltantes > .elemento > div:first-of-type { font-family: 'indivisa-text-bold'; }

/********** GRÁFICAS **********/
.cat .bordeInf:last-of-type { border:0; }
.elem { cursor: pointer; color: #001D68; }
.elem.active { position: relative; font-family: 'indivisa-text-bold'; border:0; color: #FFFFFF; background: #007BC4; }
.elem.active:after { position: absolute; content:'\e90c'; font-family: 'ingfont'; color: #FFFFFF; top: 6px; left: 4px; }
.elem:hover { background: #E0E0E0; }
#graficas .ing-estrella1 { color: #F9BF3B; }

/********** PROYECTO **********/
.datalist { position: relative }
.datalist-input { padding-right: 30px !important; background: #FFFFFF !important; }
.datalist .icono { position: absolute; font-size: 20px; right: 10px; top: 12px; color: #DBDCDD; transition: transform 0.2s ease; }
.iconoAzul { color: #001D68 !important; }
#titProyecto.bordeInf, #divGanadores div.bordeInf { border-bottom: 2px solid #E0E0E0; }
.tablaProyecto { margin-bottom: 3rem; }
.tablaProyecto td { padding: 0.5rem; max-width: 90px; }
.tablaProyecto td.amplio { width: 30vmax; max-width: 100%; border-right: 1px solid #898A8C; }
.tablaProyecto thead > tr > td { height: 80px; }
.tablaProyecto tbody > tr:nth-child(odd) { background: #E0E0E0; }
.tablaProyecto .promedio { background: #65B2E8; border: 5px solid #00A6CE; font-family: 'indivisa-text-bold'; text-align: center; 
    border-radius: 50%; width: 40px; height: 40px; padding: 4px; margin: auto; left: 0; right: 0; }
.estadistica { width: 100%; /*max-width: 500px;*/ }
.linea:after { content: ""; width: 0; height: calc(100%); position: absolute; border: 1px solid #D21034; top: 0; left: 41%; }
.barra { height: 30px; }

@media (max-width:499px){
    .estadistica { -ms-transform: scale(0.75); transform: scale(0.75); }
}

/********** FINALISTAS Y GANADORES *********/
input[type="radio"], input[type="checkbox"] { display: none; }
.categorias > .card { border: 0; }
.d-flex.categorias > .card { margin: 0 1rem}
.titCategoria { border-bottom: 1px solid #001D68; color: #001D68; font-size: 18px; }
.renglon { border-bottom: 1px solid #E0E0E0; }
.renglon:last-of-type { border:0; }
.renglon  .ing-finalistas, .renglon  .ing-insignia3 { font-size: 30px; color: #F0F0F0; cursor: pointer; }

/*----- FINALISTAS -----*/
.colA{ width: 100px; min-width: 100px; height: 40px; text-align: center; }
.renglon label.final:hover, .renglon input:checked ~ label.final, .renglon label.selec.final { color: #339933; }
.renglon label.final:hover { text-shadow: 0 0 3px #339933; }

/*---- GANADORES -----*/
.renglon label { margin: 0; }
.renglon label.gold:hover, .renglon input:checked ~ label.gold, .renglon label.selec.gold { color: #D4AF37; }
.renglon label.gold:hover { text-shadow: 0 0 3px #D4AF37; }
.renglon label.silver:hover, .renglon input:checked ~ label.silver, .renglon label.selec.silver { color: #B4B4B4; }
.renglon label.silver:hover { text-shadow: 0 0 3px #B4B4B4; }
.renglon label.bronze:hover, .renglon input:checked ~ label.bronze, .renglon label.selec.bronze { color: #AD8A56; }
.renglon label.bronze:hover { text-shadow: 0 0 3px #AD8A56; }
.disabledElem:hover{ text-shadow: 0 0 0px !important; color: #f0f0f0 !important; cursor: default; }
.grad1 { background: linear-gradient(0, rgba(0, 166, 206,0.5), rgba(255,255,255,0.5)); }
.grad2 { background: linear-gradient(0, rgba(0, 173, 222, 0.5), rgba(255,255,255,0.5)); }
.grad3 { background: linear-gradient(0, rgba(100, 190, 230,0.5), rgba(255,255,255,0.5)); }
.primero { height: 150px; }
.segundo { height: 135px; }
.tercero { height: 120px; }
.medioCirc { fill: rgba(240,240,240,0.3); }
.textMedioCirc { fill: #001D68; }                
.lugarCat { font-size: 20px; font-family: 'indivisa-text-bold'; }
.lugarClave { font-size: 16px; font-family: 'indivisa-text-bold'; }
.lugarNum{ font-size: 38px; }
.lugarBorde { border-bottom: 1px solid #001D68; }