/*
****************************************************************************************
	/// Autor:       Abner Domínguez R. (ADR)
	/// Descripción: Archivo .css que contiene la definición de la apariencia de los
					 controles web del sistema.
	/// Hecha:		 08 de Marzo de 2005
	/// Modificada:  02 de Mayo de 2005 --> ADR
	///              22 de Abril del 2016 --> JDSS 
			 /// Actualización por cambio de imagen
*****************************************************************************************
*/
.alertas{
	color: Red;
	font-family: Arial;
	border-color: Transparent;
	border-style: none;
	border-width: 0px;
	background-color: Transparent;
	font-size: x-small;
	font-weight: bold;
}

.btn-Primario
{
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	border-color: #285c4d;
	background-color: #285c4d;
	border-radius: 4px;
	color: white;
	border-width: 1;
	font-family: Arial;
}

.btn-Primario:hover {
  background-color: #083c2d; 
  color: white;
}

.botonseleccionado{
	border-right: black 2px ridge;
	border-top: black 2px ridge;
	border-left: black 2px ridge;
	border-bottom: black 0px ridge;
	border-color: #6699cc;
	border-width: 1; 
	background-color: #99ccff;
	color:  Highlight;
	font-weight: bold;
}
.botonesxp{
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  background-color: transparent;
  background-image: url(../images/template/botonxp.gif);
  height: 21px;
  width: 91px;
  border: 0 solid white;
  background-repeat: no-repeat;
}
.campos{
	border: solid;
	border-width: 1px;
	border-bottom-color: #636363;
	border-top-color: #636363;
	border-left-color: #636363;
	border-right-color: #636363;
	color: #636363;
	padding-top: 1;
	padding-left: 5;
	text-transform:uppercase;
}
.campos2{
	border: solid;
	border-width: 1px;
	border-bottom-color: CornflowerBlue;
	border-top-color: CornflowerBlue;
	border-left-color: CornflowerBlue;
	border-right-color: CornflowerBlue;
	color: black;
	padding-top: 1;
	padding-left: 3;
}
.campos3{
	border: solid;
	border-width: 1px;
	border-bottom-color: CornflowerBlue;
	border-top-color: CornflowerBlue;
	border-left-color: CornflowerBlue;
	border-right-color: CornflowerBlue;
	color: black;
	font-weight: bold;
	padding-top: 0;
	padding-left: 3;
}
.campos4{
	border-color: inherit;
    border-style: inset;
    border-width: 1px;
    color: black;
	font-size: smaller;
	font-family:Arial;
	padding-top: 1;
	padding-left: 3;
    margin-left: 0px;
}
.campologin{
	border: solid;
	border-width: 1px;
	border-bottom-color: CornflowerBlue;
	border-top-color: CornflowerBlue;
	border-left-color: CornflowerBlue;
	border-right-color: CornflowerBlue;
	color: black;
	padding-top: 1;
	padding-left: 2;
}
.certificados{
	/*color: cornflowerblue;*/
	color: RoyalBlue;
	font-family: Arial;
	border-color: Transparent;
	border-style: ridge;
	border-width: 1px;
	background-color: LightSteelBlue;
	font-size: 11px;
	/*font-weight: bold;*/
}
.combos{
	color: cornflowerblue;
	background-color: AliceBlue;
	/*color: white;
	background-color: cornflowerblue;
	color: white;
	background-color: 6699cc;*/
	font-size: 9pt;
	padding-top: 4;
	padding-left: 5;
	font-weight: bold;
}
.encabezado{
	font-size: 14px;
	color: #000000;
	font-family: Verdana;
	font-weight: bold;
}
.etiquetas{
	/*color: cornflowerblue;*/
	color: RoyalBlue;
	border-color: Transparent;
	border-style: ridge;
	border-width: 1px;
	background-color: LightSteelBlue;
	font-family: Arial;
	font-size: X-Small;
	/*font-weight: bold;*/
}
.etiquetas2{
	border: 0px none Transparent;
    color: #818181;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background-color: Transparent;
	font-size:14px;
	font-weight: bold;
    margin-right: 18px;
}
.etiquetas3{
	color: #636363;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	border-color: Transparent;
	border-style: none;
	border-width: 0px;
	background-color: Transparent;
	font-size: 14px;
}

.etiquetas2a{
	color: #818181;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	border-color: Transparent;
	border-width: 0px;
	BORDER-TOP: black 1px solid;
	
	background-color: Transparent;
	font-size:14px;
	font-weight: bold;
}

.etiquetas4{
	border-right: black 1px ridge;
	border-top: black 1px ridge;
	border-left: black 1px ridge;
	border-bottom: black 1px ridge;
	background-color: #6699cc;
	color: white;
	font-family: Arial;
	font-weight: bold;
	font-size: x-small;
}
.etiquetas5{
	/*color: cornflowerblue;*/
	color: RoyalBlue;
	font-family: Arial;
	border-color: Transparent;
	border-style: ridge;
	border-width: 1px;
	background-color: LightSteelBlue;
	font-size: x-small;
	/*font-weight: bold;*/
}
.etiquetas6{
	color: #000000;
	font-family: Arial;
	font-size: 13px;
}

.etiquetasInfo{
	border: 0px none Transparent;
    color: #285C4D;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background-color: Transparent;
	font-size:14px;
	font-weight: bold;
    margin-right: 18px;
}

.etiqueta_login{
	color: #000000;
	font-family: Arial;
	font-size: 12px;
    margin-right: 3px;
    margin-bottom: 0px;
}
.grid{
	Font-Size: 10pt;
	font-family: Arial Narrow;
	border-top: solid 0px #E7E7FF;
	border-left: solid 0px #E7E7FF;
	border-right: solid 0px #E7E7FF;
	border-bottom: solid 1px #E7E7FF;
	border-color: #E7E7FF;
	border-width: 1px;
	padding:3;
}
.gridHeader{
	Font-Size: 9pt;
	font-family: Arial Narrow;
	font-weight: bold;
	text-align: center;
	color: White;
	background-color: #6699CC;
	border-color: #E7E7FF;
}
.gridHeader A{
	COLOR: #ffffff;
	TEXT-DECORATION: underline;
}
.gridHeader A:hover{
	COLOR: #ffffff;
	TEXT-DECORATION: underline;
}
.gridLink{
	Font-Size: 9pt;
	font-family: Arial;
	text-align: Center;
	padding: 3;
	color: White;
	background-color: #d7f4e2;
	/*border-color: #000000; */
	TEXT-DECORATION: underline;
}
.gridLink A{
	Font-Size: 9pt;
	font-family: Arial;
	text-align: Center;
	padding: 3;
	/*color: White;
	font-weight: bold;*/
}
.gridItem{
	Font-Size: 9pt;
	font-family: Arial;
	/*text-align: center;*/
	color: ControlDarkDark;
	padding: 3;
	background-color: White;
	border-color: #E7E7FF;
}
.gridItem2{
	Font-Size: 8pt;
	font-family: Arial;
	/*text-align: center;*/
	padding: 3;
	color: ControlDarkDark;
	background-color: White;
	border-color: #E7E7FF;
}
.gridSelectedItem{
	Font-Size: 9pt;
	font-family: Arial;
	font-weight: bold;
	/*text-align: center;*/
	padding: 3;
	color: ControlDarkDark;
	border-color: #E7E7FF;
	background-color: #738A9C;
}
.gridEditItem{
	Font-Size: 9pt;
	font-family: Arial;
	font-weight: bold;
	/*text-align: center;*/
	padding: 3;
	color: ControlDarkDark;
	border-color: #E7E7FF;
	background-color: Black;
}
.gridAlternatingItem{
	Font-Size: 9pt;
	font-family: Arial;
	/*text-align: center;*/
	padding: 3;
	color: ControlDarkDark;
	border-color: #E7E7FF;
	background-color: #F7F7F7;
}
.gridAlternatingItem2{
	Font-Size: 8pt;
	font-family: Arial;
	/*text-align: center;*/
	padding: 3;
	color: ControlDarkDark;
	border-color: #E7E7FF;
	background-color: #F7F7F7;
}
.gridFooter{
	Font-Size: 9pt;
	font-family: Arial Narrow;
	font-weight: bold;
	text-align: center;
	color: White;
	background-color: #6699CC;
	border-color: #E7E7FF;
}
.gridPager{
	Font-Size: 9pt;
	font-family: Arial;
	font-weight: bold;
	text-align: right;
	color: #000000;
	background-color: #99ccff;
}
.gridPager A{
	COLOR: #000000;
	TEXT-DECORATION: none;
}
.gridPager A:hover{
	COLOR: #000000;
	TEXT-DECORATION: underline;
	font-weight: bold;
}
.login{
	border: solid;
	border-width: 2px;
	border-bottom-color: CornflowerBlue;
	border-top-color: CornflowerBlue;
	border-left-color: CornflowerBlue;
	border-right-color: CornflowerBlue;
	color: black;
	padding-top: 4;
	padding-left: 3;
	text-transform:uppercase;
}
.manita{
	cursor: hand;
}
.mayusculas{
	text-transform:uppercase;
}

.mensajes{
    color: #818181;
	font-family: Arial;
	border-left-color: transparent;
	border-bottom-color: transparent;
	border-top-color: transparent;
	border-right-color: transparent;
    font-size :14px;
	/*font-weight: bold;*/
}

.mensajes2{
	font-weight: bold;
	font-size: x-small;
	background-color: Transparent;
	border-left: none;
	border-bottom: none;
	border-top: none;
	border-right: none;
	font-family: Arial, Verdana;
	Font-Size: 9pt;
	color: navy;
}
.nota{
	font-size: 12px;
	color: #000000;
	font-family: Arial;
	text-align: justify;
}
.noticia{
	border: solid;
	border-width: 1px;
	border-bottom-color: CornflowerBlue;
	border-top-color: CornflowerBlue;
	border-left-color: CornflowerBlue;
	border-right-color: CornflowerBlue;
	color: black;
	padding-top: 4;
	padding-left: 5;
}
.nuevapagina{
	page-break-after: always;
}
.radiobutton{
	font-size: x-small;
	border-left-color: transparent;
	border-bottom-color: transparent;
	border-top-color: transparent;
	border-right-color: transparent;
	color: navy;
	font-family: Arial, Verdana;
	font-weight: bold;
}
.tabs_login{
	border-right: solid 1px #d0d5df;
	border-top: solid 1px #d0d5df;
	border-bottom: solid 0px #d0d5df;
	border-left: solid 0px #d0d5df;
}
.tabs_elemento_login{
	border-right: solid 1px #d0d5df;
	border-top: solid 1px #d0d5df;
	border-bottom: solid 0px #d0d5df;
	border-left: solid 1px #d0d5df;
	font-family: Arial;
	font-size: 12px;
	padding-top: 3;
	padding-bottom: 3;
	padding-left: 8;
	padding-right: 8;
	cursor: hand;
	background-color: #f5f5f5;
}
.tabs_elemento_login_sel{
	border-right: solid 0px #d0d5df;
	border-top: solid 0px #d0d5df;
	border-bottom: solid 0px #d0d5df;
	border-left: solid 1px #d0d5df;
	font-family: Arial;
	font-size: 12px;
	padding-top: 3;
	padding-bottom: 3;
	padding-left: 8;
	padding-right: 8;
	cursor: hand;
	background-color: CornflowerBlue;
	color: ffffff;
	font-weight: bold;
}
.tabs_separacion{
	width: 5px;
	border-right: solid 0px #d0d5df;
	border-top: solid 0px #d0d5df;
	border-bottom: solid 0px #d0d5df;
	border-left: solid 0px #d0d5df;
}
.tabla_login{
	border-right: solid 1px #d0d5df;
	border-top: solid 1px #d0d5df;
	border-bottom: solid 1px #d0d5df;
	border-left: solid 1px #d0d5df;
}
.tablamarquesina{
	border-right: solid 1px #d0d5df;
	border-top: solid 1px #d0d5df;
	border-bottom: solid 1px #d0d5df;
	border-left: solid 1px #d0d5df;
	background-color: White;
	font-family: Verdana;
	position: absolute;
	left: 23px;
	top: 390px;
	height: 123px;
	width: 285px;
	z-index: 125;
}
.tablatitulo{
	font-weight: bold;
	font-size: 24px;
	background-color: #ffffff;
	color: #000000;
	font-family: Arial;
	text-align: center;
	vertical-align: middle;
}
.tablasubtitulo{
	font-weight: bold;
	font-size: 14px;
	/*background-image: url(../Imagenes/fondosubtitulo.gif);
	background-repeat: repeat-y;*/
	color: #000000;
	background-color: #4682b4;
	background-position: left;
	font-family: Arial;
	padding-top: 3;
	padding-bottom: 3;
	padding-left: 5;
	padding-right: 2;
	border-bottom: solid 1px #696969;
}
.tablaseccion{
	background-color: #b0c4de;
	font-weight: bold;
	font-size: 13px;
	color: #ffffff;
	font-family: Arial;
	padding-left: 10;
}
.tablaelemento{
	font-size: 13px;
	color: #000000;
	font-family: Arial;
	padding-top: 3;
	padding-bottom: 3;
	padding-left: 2;
	padding-right: 2;
}
.tablaetiqueta{
	font-weight: bold;
	font-size: 13px;
	color: #4682b4;
	font-family: Arial;
	padding-left: 15;
}
.tabladato{
	font-weight: bold;
	font-size: 13px;
	color: #000000;
	font-family: Arial;
}
.tablafila1{
	font-size: 13px;
	color: #000000;
	background-color: #ffffff;
	font-family: Arial;
	height: 20px;
}
.tablafila2{
	font-size: 13px;
	color: #000000;
	background-color: #f8f8f8;
	font-family: Arial;
	height: 20px;
}
.tablapie{
	font-size: 13px;
	color: #000000;
	font-family: Arial;
	height: 20px;
	text-transform: uppercase;
	font-weight: bold;
}
.texto{
	font-size: 15px;
	color: #000000;
	font-family: Arial;
}
.textoj{
	font-size: 15px;
	color: #000000;
	font-family: Arial;
	text-align: justify;
}
.texto_manita{
	font-size: 15px;
	color: #000000;
	font-family: Arial;
	cursor: hand;
}

.titulo{
	font-size: 14px;
	color: #818181;
	font-family: Verdana;
	font-weight: bold;
	text-transform: uppercase;
}

.titulo1{
	font-size: 14px;
	color: #007836;
	font-family: Verdana;
	font-weight: bold;
	text-transform: uppercase;
    margin-bottom: 0px;
}

.titulo_login{
	font-size: 14px;
	color: #000000;
	font-family: Verdana;
	font-weight: bold;
}
#dhtmltooltip{
	BORDER-RIGHT: black 1px solid;
	PADDING-RIGHT: 2px;
	BORDER-TOP: black 1px solid;
	PADDING-LEFT: 2px;
	FONT-SIZE: 9pt;
	Z-INDEX: 1000;
	FILTER: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
	LEFT: -300px;
	VISIBILITY: hidden;
	PADDING-BOTTOM: 2px;
	BORDER-LEFT: black 1px solid;
	WIDTH: 150px;
	CURSOR: hand;
	COLOR: #ffffff;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: black 1px solid;
	FONT-FAMILY: Arial;
	POSITION: absolute;
	BACKGROUND-COLOR: #6699cc
}
#dhtmlpointer{
	Z-INDEX: 1001;
	LEFT: -300px;
	VISIBILITY: hidden;
	POSITION: absolute
}

.gridPaginador{
	Font-Size: 9pt;
	font-family: Arial;
	font-weight: bold;
	text-align: right;
	color: #000000;
	background-color: #99ccff;
	text-decoration: none;
}

.gridPaginador a,
.gridPaginador a:link,
.gridPaginador a:visited {
  Font-Size: 9pt;
  font-family: Arial;
  color: #000000;
  font-weight:normal;
  text-decoration: underline;
}

.lblTitulo
{
    font-family: Arial;
    font-weight:bold;
    font-size: 16px;
    color: rgb(157, 36, 73);
    margin-top: 0px;
}

.etiquetas2CRPE
{
    font-family: Arial;
    font-weight:bold;
    font-size: 14px;
    color: #212529;
}

.etiquetas3CRPE
{
    font-family: Arial;
    font-weight:bold;
    font-size: 14px;
    color: #5c656d !important;
    margin-left: 0px;
}

.capturaCaptcha 
{
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}
.alertCaptcha 
{
    color: rgb(157, 36, 73);
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
}
.textoCaptcha 
{
    color: #333;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
}

.loaderMayor {
  border: 16px solid #f3f3f3;
  border-top: 16px solid #3498db; 
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: giro 2s linear infinite;
}

.loaderMenor {
    border: 3px solid #f3f3f3;
    border-top: 3px solid rgb(157, 36, 73);
    border-radius: 50%;
    width: 35px;
    height: 35px;
    -webkit-animation: spin 1s linear infinite;
    animation: giro 1s linear infinite;
}

@keyframes giro {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}