:root {}

/* Home */
.box-btn{display: flex;flex-wrap: wrap;justify-content: space-evenly;gap:1rem;margin-bottom:1rem;}
.box-btn .btn{display:block;}

/* Trainings */
.pagetrainings{}
.pagetrainings .nav-pills.nav-justified{gap:1rem;}
.pagetrainings .nav-pills .nav-link{color: var(--vz-primary);border: 1px solid var(--vz-primary);}
.pagetrainings .nav-pills .nav-link:hover{color: #FFF;background-color: var(--vz-primary);}

tr.nocompleted.active>td, tr.nocompleted:hover>td{background-color: rgba(var(--vz-warning-rgb),0.2);}
tr.allcompleted.active>td, tr.allcompleted:hover>td{background-color: rgba(var(--vz-success-rgb),0.2);}

.collapse.nocompleted>td{background-color: rgba(var(--vz-warning-rgb),0.2);}
.collapse.allcompleted>td{background-color: rgba(var(--vz-success-rgb),0.2);}
.table .table>:not(caption)>*>*{    padding: 0.4rem 0.6rem;}

#filter-employees{}
#filter-training{}
#filter-department{}
#filter-department tr.active>td, #filter-department tr.collapse>td,
#filter-training tr.active>td, #filter-training tr.collapse>td{--vz-table-accent-bg: var(--vz-gray-300);color: var(--vz-table-hover-color);}

#filter-department .apex-charts .apexcharts-radialbar-track path {stroke: var(--vz-danger);}
.table-empleados .apex-charts .apexcharts-radialbar-track path {stroke: var(--vz-danger);}


/* Calendario */
.tabla-calendario-round{}
.tabla-calendario-round thead, .tabla-calendario-round tbody, .tabla-calendario-round .table-nowrap td, .tabla-calendario-round .table-nowrap th {border:0;}
.tabla-calendario-round .table .tite{text-align: left;text-transform: uppercase;font-size: 1.1rem;}
.tabla-calendario-round .table .mes{text-align: center;background: #c0c6cf;border-radius: 15px;padding: 0.5rem 0.25rem;}
.tabla-calendario-round .table .mesanio{padding: 0.5rem 0.25rem;}
.tabla-calendario-round .table .mesanio div{border-radius: 15px;padding: 0.75rem 0.75rem;}

.tabla-calendario-all{}
.tabla-calendario-all .stylemes{border: 2px solid #989898;border-radius: 15px;min-height: 200px;margin-bottom: 2rem;overflow: hidden;}
.tabla-calendario-all .stylemes .nombremes{text-transform: uppercase;font-weight: 600;padding: 0.5rem;text-align: center;background: #172d4d;color: #FFF;}
.tabla-calendario-all .stylemes .fintraining{margin: 0.5rem 0;padding: 0.25rem 0.5rem;}



/* div[class^='miclase']{color: #F00;} */

@media (min-width:576px){ /* -sm */

}
@media (min-width:768px){ /* -md */

}
@media (min-width:992px){ /* -lg */

}
@media (min-width:1200px){ /* -xl */
	.box-btn{flex-direction: column;justify-content: flex-start;gap:2rem;}
	.box-btn .btn{padding: 1.35rem 0.7rem;}
}
@media (min-width:1400px){ /* -xxl */
	.box-btn .btn{font-size: 1.15rem;}
}