@charset "utf-8";
:root{/* DETERMINAR ESQUEMAS DE COLORES */
	/* COLORES BASICOS */
	--cGMBack: #B0B0B0;
	--cGMBlack: #000000;
	--cGMWhite: #FFFFFF; /*EEE*/
	--cGMBackground: #FFD9F1; /*EEE*/
	--cDVBack:rgba(83,50,90,0.69);
	--cBackDate:#A4A4A4;
	--cTextColor:#1F1F1F;
	--cDVTextColor:#E0C4E9;
	/* MENUS */
	--cGMBackMenu: #363636;
	--cGMBackMenuHover: #363636;
	--cGMBackMenuActive: #CDCDCD;
	
	--cGMBorderMenu: #000000;
	--cGMBorderMenuHover: #FFA600;
	--cGMBorderMenuActive: #FFA600;

	--cGMTextMenu: #CDCDCD;
	--cGMTextMenuHover: #CDCDCD;
	--cGMTextMenuActive: #363636;
	
	/* C0C  #622653 993666 */
	/* LISTAS FORMULARIOS */
	--cGMRowBorder:#000000;
	--cGMTitleBack:#363636;
	--cGMTitleText:#FFFFFF;
	
	--cInputTextBack:#4A4A4A;
	--cInputTextBorder:#000000;
	--cInputTextColor:#F1F1F1;

	--cInputButonBack:#363636;
	--cInputButonBorder:#000000;
	--cInputButonColor:#CDCDCD;
	
	--cInputButonBackHover:#363636;
	--cInputButonBorderHover:#FC0;
	--cInputButonColorHover:#CDCDCD;
	
	--cGMHeadBack:#363636;
	--cGMHeadText:#F1F1F1;
	
	--cGMRowBack:#E1E1E1;
	--cGMRowBackN:#B0B0B0;
	--cGMRowText:#000000;
	--cGMRowStep:#000;
	--cGMRowHover:#4A4A4A;
	--cGMRowHoverText:#FC0;
	/* Horario */	
	--cEstado0:#FFF;
	--cEstado1:rgba(128,128,128,0.75);
	--cEstado2:rgba(0,255,0,0.5);
	--cEstado3:rgba(255,255,0,0.5);
	--cEstado4:rgba(255,0,255,0.5);
	--cEstado5:rgba(255,127,0,0.5);
	--cEstado6:#FFF;
	--cEstado9:#FF4848;
}
@font-face {/* DETERMINAR FUENTE PERSONALIZADA */
  font-family: MyFont;
  src: url("img/louis_reg.ttf");
  /*src: url(ttf/SmallTypeWriting.ttf);*/
}
@font-face {/* DETERMINAR FUENTE PERSONALIZADA */
  font-family: MyFontBlack;
  src: url("img/louis_bold.ttf");
  /*src: url(ttf/SmallTypeWriting.ttf);*/
}
body {
	background: var(--cGMBack);
	color: var(--cGMBlack);
	font-family:MyFont;
	font-size:14pt;
}
#dv_MenuIz{
	position: absolute;
	top:0px;
	left: 0px;
	bottom: 0px;
	width: 250px;
	background-color: #4A4A4A;
	color: #BDBDBD;
	border-right: 2px solid var(--cGMBlack);
}
#dv_Logo{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 150px;
	z-index: 0;
}
#it_Rojo{
	background-color: #EF3F44;
	font-size: 1px;
}
#it_Azul{
	background-color: #006CB8;
	font-size: 1px;
}
#dv_Titulo{
	position: absolute;
	top: 0px;
	left: 5px;
	right: 5px;
	font-size: 28pt;
	font-family:MyFontBlack;
	color: var(--cGMWhite);
	z-index: 1;
}
#dv_Login{
	position: absolute;
	top:95px;
	left: 10px;
	right: 10px;
	bottom: 50px;
	z-index: 1;
	background-color: rgba(83,50,90,0.69);
}
#dv_Menu {
	position: absolute;
	top:180px;
	left: 0px;
	width: 100%;
	z-index: 1;
}
#it_Menu {}
#it_Menu td{
	font-size: 16pt;
	font-family:MyFontBlack;
	background-color: var(--cGMBackMenu);
	color: var(--cGMTextMenu);
	border: 1px solid var(--cGMBorderMenu);
	height: 35px;
	cursor: pointer;
}
#it_Menu td:hover{
	border: 1px solid var(--cGMBorderMenuHover);
}
#it_Menu td:active{
	border: 1px solid var(--cGMBorderMenuActive);
	background-color:var(--cGMBackMenuActive) ;
	color: var(--cGMTextMenuActive);
}
#dv_Main {
	position: absolute;
	top:10px;
	left: 260px;
	right: 0px;
	bottom: 0px;
	overflow: auto;
}



/* LISTADOS E INFORMES */
#it_Listados .iTitulo{
	background-color:var(--cGMTitleBack);
	color:var(--cGMTitleText);
	width:980px;
	height:35px;
	font-size:20pt;
	font-weight:bold;
	padding-left:20px;
	letter-spacing:3px;
	cursor:pointer;
}
#it_Listados thead{
	position: sticky;
	top: 0px;
}
#it_Listados thead th{
	border-bottom: var(--cGMRowBorder) solid 1px;
	background-color: var(--cGMHeadBack);
	color: var(--cGMHeadText);
	letter-spacing:2px;
	cursor:pointer;
	padding-left:5px;
	height:30px;
}
#it_Listados tbody td{
	padding:2px 5px;
}
#it_Listados tbody tr{
	color: var(--cGMRowText);
	background-color: var(--cGMRowBackN);
	transition-duration: 0.2s;
}
#it_Listados tbody tr:nth-child(even){
	background-color: var(--cGMRowBack);
}
#it_Listados tbody tr:hover{
	background-color: var(--cGMRowHover);
	color: var(--cGMRowHoverText);
	cursor:pointer;
}
#it_Listados tfoot td{
	border-top: var(--cGMRowBorder) solid 1px;
	background-color: var(--cGMHeadBack);
	height:15px;
	font-size:1px;
	cursor:pointer;
}
#it_Listados input[type=button], input[type=reset], input[type=submit] {
	border-radius: 4px;
	cursor:pointer;
	font-family:MyFontBlack;
	font-size:12pt;
	background-color: var(--cInputButonBack);
	border:1px solid var(--cInputButonBorder);
	color: var(--cInputButonColor);
	min-width: 30px;
	height:30px;
}
#it_Listados input[type=button]:hover, input[type=reset]:hover , input[type=submit]:hover {
	background-color: var(--cInputButonBackHover);
	color: var(--cInputButonColorHover);
	border:1px solid var(--cInputButonBorderHover);
}
#it_Listados input[type=button]:disabled, input[type=reset]:disabled , input[type=submit]:disabled {
	background-color:var(--cGMTitleBack);
	color:var(--cGMTitleText);
	cursor:default;
}
#it_Listados select{
	border-radius: 4px;
	font-size:12pt;
	background-color: var(--cInputTextBack);
	border:1px solid var(--cInputTextBorder);
	color: var(--cInputTextColor);
	width:200px;
	height:30px;
}
#it_Listados input[type=text]{
	border-radius: 4px;
	font-size:12pt;
	background-color: var(--cInputTextBack);
	border:1px solid var(--cInputTextBorder);
	color: var(--cInputTextColor);
	width:200px;
	height:30px;
}
#it_Listados .myCheck{
	appearance: none;
	border-radius: 4px;
	background-color: var(--cInputTextBack);
	border:1px solid var(--cInputTextBorder);
	color: var(--cInputTextColor);
	width:30px;
	height:30px;
}
#it_Listados .myCheck:checked{
	appearance: none;
	border-radius: 4px;
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
	background-color: var(--cInputTextBack);
	border:1px solid var(--cInputTextBorder);
	color: var(--cInputTextColor);
	width:30px;
	height:30px;
}

/* FORMULARIOS */
#it_Formularios .fr_Titulo{
	background-color:var(--cGMTitleBack);
	color:var(--cGMTitleText);
	width:635px;
	height:35px;
	font-size:20pt;
	font-weight:bold;
	padding-left:20px;
	letter-spacing:3px;
	cursor:pointer;
	border-bottom:1px solid var(--cGMRowBorder);
}
#it_Formularios .fr_Space {
	font-size: 1px;
}
#it_Formularios .fr_End {
	font-size: 1px;
	background-color:var(--cGMTitleBack);
	height: 15px;
}
#it_Formularios .fr_Label {
	font-weight: bold;
}
#it_Formularios .fr_Caption {
	font-size: 10pt;
}
#it_Formularios tbody td {
	border-bottom:1px solid var(--cGMRowBorder);
	padding:2px 5px;
}
#it_Formularios tr:nth-child(even){
	background-color: var(--cGMRowBack);
}
#it_Formularios input{
	border-radius: 4px;
	font-family:MyFont;
	font-size:12pt;
	background-color: var(--cInputTextBack);
	border:1px solid var(--cInputTextBorder);
	color: var(--cInputTextColor);
	width:200px;
	height:30px;
}
#it_Formularios select{
	border-radius: 4px;
	font-family:MyFont;
	font-size:12pt;
	background-color: var(--cInputTextBack);
	border:1px solid var(--cInputTextBorder);
	color: var(--cInputTextColor);
	width:200px;
	height:30px;
}
#it_Formularios .myCheck{
	appearance: none;
	border-radius: 4px;
	background-color: var(--cInputTextBack);
	border:1px solid var(--cInputTextBorder);
	color: var(--cInputTextColor);
	width:30px;
	height:30px;
}
#it_Formularios input[type=date]::-webkit-calendar-picker-indicator{
    background-color:var(--cBackDate);
    padding: 5px;
    cursor: pointer;
    border-radius: 3px;
}
#it_Formularios textarea{
	border-radius: 4px;
	font-family:MyFont;
	font-size:12pt;
	background-color: var(--cInputTextBack);
	border:1px solid var(--cInputTextBorder);
	color: var(--cInputTextColor);
	width:200px;
	height:60px;
}
#it_Formularios input[type=submit]{
	border-radius: 4px;
	cursor:pointer;
	font-family:MyFont;
	font-size:12pt;
	font-weight:bold;
	background-color: var(--cInputButonBack);
	border:1px solid var(--cInputButonBorder);
	color: var(--cInputButonColor);
	width:150px;
	height:30px;
}
#it_Formularios input[type=submit]:hover{
	background-color: var(--cInputButonBackHover);
	border:1px solid var(--cInputButonBorderHover);
	color: var(--cInputButonColorHover);
	/*color: #F00;*/
}
#it_Formularios input[type=reset]{
	border-radius: 4px;
	cursor:pointer;
	font-family:MyFont;
	font-size:12pt;
	font-weight:bold;
	background-color: var(--cInputButonBack);
	border:1px solid var(--cInputButonBorder);
	color: var(--cInputButonColor);
	width:150px;
	height:30px;
}
#it_Formularios input[type=reset]:hover{
	background-color: var(--cInputButonBackHover);
	border:1px solid var(--cInputButonBorderHover);
	color: var(--cInputButonColor);
	/*color: #F00;*/
}
#it_Formularios input[type=button]{
	border-radius: 4px;
	cursor:pointer;
	font-family:MyFont;
	font-size:12pt;
	font-weight:bold;
	background-color: var(--cInputButonBack);
	border:1px solid var(--cInputButonBorder);
	color: var(--cInputButonColor);
	width:150px;
	height:30px;
}
#it_Formularios input[type=button]:hover{
	background-color: var(--cInputButonBackHover);
	border:1px solid var(--cInputButonBorderHover);
	color: var(--cInputButonColorHover);
	/*color: #F00;*/
}
/**** LOGIN ****/
.login {
  	width: 400px;
  	background-color: #ffffff;
  	box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3);
  	margin: 100px auto;
  	box-sizing: border-box;
  	font-size: 16px;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
}
.login h1 {
  	text-align: center;
  	color: var(--cGMLight);
  	font-size: 24px;
  	padding: 20px 0 20px 0;
  	border-bottom: 1px solid #dee0e4;
}
.login form {
  	display: flex;
  	flex-wrap: wrap;
  	justify-content: center;
  	padding-top: 20px;
}
.login form label {
  	display: flex;
  	justify-content: center;
  	align-items: center;
  	width: 50px;
  	height: 50px;
	background-color:var(--cGMBackMenu);
}
.login form input[type="password"], .login form input[type="text"] {
  	width: 310px;
  	height: 50px;
  	border: 1px solid #dee0e4;
  	margin-bottom: 20px;
  	padding: 0 15px;
}
.login form input[type="button"] {
  	width: 100%;
  	padding: 15px;
 	margin-top: 20px;
	background-color:var(--cGMBackMenu);
	border: var(--cGMRowBorder) solid 1px;
  	cursor: pointer;
  	font-weight: bold;
  	color: #ffffff;
  	transition: background-color 0.2s;
}
.login form input[type="button"]:hover {
	border: var(--cGMHoverMenu) solid 1px;
	color: var(--cGMHoverMenu);
	background-color: var(--cGMLight);
  	transition: background-color 0.2s;
}