:root{
	--amarilloclaro:#FFE699;
	--grisclaro:#F2F2F2;
	--grisoscuro:#595959;
	--azulclaro:#DDEBF7;
	--azuloscuro:#2F75B5;
	--verdeclaro:#CCFCE2;
	--verdeoscuro:#00B050;
	--rojoclaro:#FF9999;
	--rojooscuro:darkred;
}
.w10{
	width:10%;
}
.w20{
	width:20%;
}
.w30{
	width:30%;
}
.w40{
	width:40%;
}
.w50{
	width:50%;
}
.w60{
	width:60%;
}
.w70{
	width:70%;
}
.w80{
	width:80%;
}
.w90{
	width:90%;
}
.w95{
	width:95%;
}
.w100{
	width:100%;
}
.h20{
	height:20px;
}
.h25{
	height:25px;
}
.h30{
	height:30px;
}
.h35{
	height:35px;
}
.h40{
	height:40px;
}
.h45{
	height:45px;
}
.h50{
	height:50px;
}
.h200{
	height:200px;
}
.h400{
	height:400px;
}
.lh150{
	line-height:150% !important;
}
.lh50{
	line-height:50% !important;
}
.lh200{
	line-height:200% !important;
}
.lh250{
	line-height:250% !important;
}
.lh300{
	line-height:300% !important;
}
tr:has(.tdSep){
	height:5px !important;
}
.tdSep{
	height:10px !important;
	padding:0px !important;
}
a{
	color:white;
	text-decoration:none;
	text-align:center;
}
.blanco{
	background-color:#FFFFFF !important;
}
.amarilloclaro{
	background-color:var(--amarilloclaro) !important;
}
.grisclaro{
	background-color:var(--grisclaro) !important;
}
.grisoscuro{
	background-color:var(--grisoscuro) !important;
	color:#FFFFFF !important;
}
.azulclaro{
	background-color:var(--azulclaro) !important;
	color:var(--azuloscuro) !important;
}
.azuloscuro{
	background-color:var(--azuloscuro) !important;
	color:#FFFFFF !important;
}
.verdeclaro{
	background-color:var(--verdeclaro) !important;
	color:var(--verdeoscuro) !important;
}
.verdeoscuro{
	background-color:var(--verdeoscuro) !important;
	color:#FFFFFF !important;
}
.rojoclaro{
	background-color:var(--rojoclaro) !important;
	color:var(--rojooscuro) !important;
}
.rojooscuro{
	background-color:var(--rojooscuro) !important;
	color:#FFFFFF !important;
}
*{
	font-family:sans-serif;
}
html{
	background-color:var(--grisclaro) !important;
}
button{
	cursor:pointer;
}
.left{
	text-align:left;
}
.center{
	text-align:center;
}
.right{
	text-align:right;
}
.normal{
	font-weight:normal;
}
.bold{
	font-weight:bold;
}
.hidden{
	visibility:hidden;
	padding:0px !important;
	max-height:0px !important;
	border:0px !important;
}
.nodisplay{
	display:none;
}

/* Tabla de Sistema */
.tblSistema{
	width:1200px !important;
	max-width:1200px !important;
	margin:0px 0px 5px 0px !important;
	background-color:#FFFFFF !important;
	border-collapse:collapse !important;
	border-spacing:0px !important;
}
.tblSistema th,
.tblSistema td{
	width:50px;
	max-width:50px;
}
.btnCerrarSesion:has(a){
	background-color:var(--rojooscuro) !important;
	color:white !important;
}
.btnCerrarSesion:has(a:hover){
	background-color:var(--rojoclaro) !important;
	color:rojooscuro !important;
}
.tdSeparador5,
.tdSeparador10{
	background-color:var(--grisclaro) !important;
	border-left:0px !important;
	border-right:0px !important;	
}
.tdSeparador5 td,
.tdSeparador10 td{
	padding:0px !important;
}
.tdSeparador5{
	min-height:5px !important;
	max-height:5px !important;
}
.tdSeparador10{
	min-height:10px !important;
	max-height:10px !important;
}
.tdMenuAdmin{
	background-color:var(--verdeoscuro) !important;
}
.tdMenuAdmin:has(a:hover){
	background-color:var(--verdeclaro) !important;
}

.tblFormLogin{
	width:450px !important;
}
.tdTit{
	background-color:var(--azuloscuro) !important;
	border:1px solid var(--azuloscuro) !important;
}
.tdSubtit{
	background-color:var(--azulclaro) !important;
	border:1px solid var(--azuloscuro) !important;
	color:var(--azuloscuro) !important;
}
.tdCuerpo{
	border:1px solid var(--azuloscuro) !important;
}
.bor{
	border:1px solid var(--azuloscuro) !important;
}
.selnobor{
	border:0px !important;
	background-color:transparent !important;
}





#tblPrincipal{
	background-color:#FFFFFF !important;
}
#tblCabecera{
	background-color:#FFFFFF !important;
	width:1100px;
	border:1px solid var(--grisclaro) !important;
}
#tdLogoCabecera{
	width:270px;
}
#imgLogoCabecera{
	width:250px;
	height:auto;
	margin:10px;
}
#tdTituloCabecera{
	display:table-cell;
	padding:15px 0px 0px 0px;
	vertical-align:middle;
	text-align:center;
	line-height:0.8;
}
tr.hidden,
tr.hidden td{
	visibility:hidden;
	padding:0px !important;
	max-height:0px !important;
	border:0px !important;
}

/* boton deslizable */

/* Contenedor principal del botón */
.switch {
	position:relative;
	display:inline-block;
	width:50px;
	height:20px;
}

/* Oculta el checkbox predeterminado */
.switch input {
	opacity:0;
	width:0;
	height:0;
}

/* El carril o fondo del interruptor */
.slider {
	position:absolute;
	cursor:pointer;
	top:0; left:0; right:0; bottom:0;
	background-color:#ccc;
	transition:0.4s;
}

/* El círculo que se desliza */
.slider:before {
	position:absolute;
	content:"";
	height:18px;
	width:18px;
	left:1px;
	bottom:1px;
	background-color:white;
	transition:0.4s;
}

/* Cambia el color de fondo cuando el botón está activo */
input:checked + .slider {
	background-color:#2196F3;
}

/* Mueve el círculo hacia el lado cuando está activo */
input:checked + .slider:before {
	transform: translateX(29px);
}

/* Hace que el botón sea completamente redondo */
.slider.round {
	border-radius:20px;
}

.slider.round:before {
	border-radius:50%;
}