@media screen {
 /*   .printable { display: none;}
    .non-printable { display: block;}
    */
}
@media print {
    .non-printable { display: none;}
    .printable { display: inline-table; margin-left: 0px;}
}

body {
	margin-top: 0px;	 
	font-family: verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: black; 

}



.tabla{

 border: 0px;

 
  

  border-spacing: 0px;

  font-family:verdana;

  font-size:10px;}

/*

a {
	color: #000000;
	text-decoration: none;
}
*/



form {

	

}



.title {

	font-family: Arial, Helvetica, sans-serif;

  font-size: 24px;

	line-height: 30px;

  background-color: #D80000;

	color: #DCDCDC;

}



.subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	color: #000000;
}



.header {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 24px;

	background-color: #D80000;

  	color: #DCDCDC;

}



.nav {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

  font-weight: bold;

	/*background-color: #CCCCCC;*/

}



.navLink {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	background-color: #DEDECA;

}



.sidebar {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 18px;

	padding: 3px;

	background-color: #FFFFFF;

}



.sidebarHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #FFFFFF;
	background-color: #000000;
}



.sidebarFooter {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 18px;

	background-color: #CCCCCC;

}



.footer {

  font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	line-height: 22px;

	color: #333333;

	background-color: #CCCCCC;

}



.legal {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 9px;

	color: #333333;

}



.box1 {

	border-color: #CCCCCC #333333 #333333 #CCCCCC;

	border-width: medium;

  border-style: ridge;

}



.promo {

	font-family: "Times New Roman", Times, serif;

	color: #000033;

}



.titlebar {

	font-family: "verdanda";

	font-size: 9px;

	color: #FFFFFF;

  	background-color: #336699;

}



.dingbat {

	font-family: Arial, Helvetica, sans-serif;

	background-color: #99CC99;

  color: #D80000; 

	font-weight: bolder;

	font-size: medium;

}



a:hover {

	text-decoration: underline;

}



input.big {

	width: 100px;

}



input.small {

	width: 50px;

}

.bold{
	font-family: verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
 
     }

.bold2{

	font-family: verdana, Helvetica, sans-serif;

	font-size: 12px;

	font-weight:bold;

	color: black;

     }

.text1{
	font-family: verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
     }



.text2{
	font-family: verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
     }





.header{font-family: verdana, Helvetica, sans-serif;

	font-size: 12px;

	font-weight:bold;

	color: white;

	background-image:url('img/tbl_header.png');

	}



a.menuBoxHeadingLink:link { font-size: 10px; color:white; font-weight: bold; text-decoration: none; }

a.menuBoxHeadingLink:visited { font-size: 10px; color: white; font-weight: bold; text-decoration: none; }

a.menuBoxHeadingLink:active { font-size: 10px; color: white; font-weight: bold; text-decoration: none; }

a.menuBoxHeadingLink:hover { font-size: 10px; color: white; font-weight: bold; text-decoration: none; }








/*
a:link { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; font-weight: 100px; text-decoration: none; }

a:visited { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; font-weight:100px; text-decoration: none; }

a:active { font-family: Verdana, Arial, sans-serif; font-size: 10px; color:red; font-weight: 100px; text-decoration: none; }

a:hover { font-family: Verdana, Arial, sans-serif; font-size: 10px;color:red ; font-weight: 700px; text-decoration: none;}

*/

.text3{
	font-family: verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
     }


/*
th{	font-family: verdana, Helvetica, sans-serif;

	font-size: 15px;

	color:black;

}*/





.normaltd {font-weight:100;}

.anormaltd {background:lavender;font-weight:bold;}



.bold3{

	font-family: verdana, Helvetica, sans-serif;

	font-size: 10px;

	font-weight:100;

	color:black;

     }



hr{height:1;}



a.link2:link { font-size: 10px; color:black; font-weight: bold; text-decoration: none; }

a.link2:visited { font-size: 10px; color: black; font-weight: bold; text-decoration: none; }

a.link2:active { font-size: 10px; color: red; font-weight: bold; text-decoration: none; }

a.link2:hover { font-size: 10px; color: red; font-weight: bold; text-decoration: underline; }



a.link1:link { font-size: 10px; color:darkred; font-weight: bold; text-decoration: none; }

a.link1:visited { font-size: 10px; color: darkred; font-weight: bold; text-decoration: none; }

a.link1:active { font-size: 10px; color: red; font-weight: bold; text-decoration: none; }

a.link1:hover { font-size: 10px; color: red; font-weight: bold; text-decoration: underline; }



.b1{border:thin solid whitesmoke;height:20px;width:100px;font-size:10px;font-family:verdana;font-weight:bold;cursor:hand;}







.msgok{background:lightgreen;font-size:10px;}



.msgerror{background:red;color:white;font-size:10px;}





.nameCab{font-family: verdana;

	font-size: 10px;

	color:black;}





.titlebar2 {
	font-family: "verdana";
	font-size: 9px;
	color: #FFFFFF;



  	background-image:url("img/tbl_header.png");
	background-color: #d80000;
}



 INPUT.logeo{ font-family: Verdana, Arial, sans-serif; font-size: 10px;height:20px;width:110px; border: 1px;  border-style: solid;  border-color: #b6b7cb;  border-spacing: 1px;}

 INPUT.busqueda{ font-family: Verdana, Arial, sans-serif; font-size: 10px;height:20px;width:280px; border: 1px;  border-style: solid;  border-color: #b6b7cb;  border-spacing: 1px;}


.tituloDetaHorse{
	width:100%;background:url("img/tbl_header.png");;color:#fff;height:80%;font-size:160%; font-weight: bold;
}




/*end boton check tipo material 20211001*/


  .material-switch > input[type="checkbox"] {
    display: none;   
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative; 
    width: 40px;  
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 1);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: rgb(92, 184, 92);
    left: 20px;
}

/*end boton check tipo material*/

/*badge 20210110*/
.badge-default {     background-color: #777;}
.badge-info {     background-color: #5bc0de;}
.badge-primary {     background-color: #337ab7;}
.badge-success {     background-color: #5cb85c;}
.badge-warning {     background-color: #f0ad4e;}
.badge-danger {     background-color: #d9534f;}
.btn-basic {     background-color: #EFEFEF;}
/*end  badge */