/* colores utilizados */
/*  #02009D; azul fuerte*/
/* #3E45CE azul intermedio*/
/* #999AF9 azul claro */
/* #0092bb; celeste senasa*/
/* #99FFFF; celeste */

.TextoComun {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
	text-align: justify;
}
.TextoComunN {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
	text-align: center;
}

.TextoComunBoldAlineaC {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: Bold;
	font-variant: normal;
	color: #333333;
	text-align: center;
	width:150
}

.TextoComunBoldAlineaD {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: Bold;
	font-variant: normal;
	color: #333333;
	text-align: right;
	width:150
}

.TextoComunBoldAlineaI {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: Bold;
	font-variant: normal;
	color: #333333;
	text-align: left;
	width:150
}

.TextoComunBoldN {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: Bold;
	font-variant: normal;
	color: #333333;
	text-align: justify;
}


.TextoComunBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: Bold;
	font-variant: normal;
	color: #333333;
	text-align: justify;
	width:150px;
}

.TituloNivel1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 20px;
	font-weight: 200;
	font-variant: normal;
	color: #333333;
	text-align: left;
}

.TituloNivel2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 20px;
	font-weight: 200;
	font-variant: normal;
	color: #333333;
	text-align: left;
}

.InfoLogin{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 20px;
	font-weight: 200;
	font-variant: normal;
	color: red;
	text-align: right;
}

.TextoCompletarCampo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	color: #333333;
	text-align: left;
	padding-right: 4px;
}

.tablaFormCompletarCampo td:nth-child(1) {  
  /* Aplica la clase textoCompletarCampo al */
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	color: #333333;
	padding-right: 4px;
}
/*
.TextoComboColumnaIzq {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	color: #FFFFFF;
	text-align: center;
	background-color: #67A8C6;
	border-spacing: 10;
}
*/

.TextoResaltadoAzul{
	color: #1b70b6;
	font-size: 12px;
}

.labelAncho85px{
	display:inline-block;
	width:85px;
	
	/*idem TextoCompletarCampo */ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	color: #333333;
	text-align: left;
	padding-right: 4px;
}

.labelAncho100px{
	display:inline-block;
	width:100px;
	
	/*idem TextoCompletarCampo */ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	color: #333333;
	text-align: left;
	padding-right: 4px;
}

.labelAncho115px{
	display:inline-block;
	width:115px;
	
	/*idem TextoCompletarCampo */ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	color: #333333;
	text-align: left;
	padding-right: 4px;
}

.labelAncho130px{
	display:inline-block;
	width:130px;
	
	/*idem TextoCompletarCampo */ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	color: #333333;
	text-align: left;
	padding-right: 4px;
}
.labelAncho180px{
	display:inline-block;
	width:180px;
	
	/*idem TextoCompletarCampo */ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	color: #333333;
	text-align: left;
	padding-right: 4px;
}
.labelAncho220px{
	display:inline-block;
	width:220px;
	
	/*idem TextoCompletarCampo */ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	color: #333333;
	text-align: left;
	padding-right: 4px;
}

.labelAncho200px{
	display:inline-block;
	width:200px;
	
	/*idem TextoCompletarCampo */ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	color: #333333;
	text-align: left;
	padding-right: 4px;
}

.labelAncho160px{
	display:inline-block;
	width:160px;
	
	/*idem TextoCompletarCampo */ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	color: #333333;
	text-align: left;
	padding-right: 4px;
}
.EstiloComboBox{
	background-color: white;
}
.asteriscos{
	position: absolute;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
}

.asterisco{
	/* Re-edit de .asteriscos con padding left rigth*/
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 15px;
	color:#000;
}

.SolapaActiva {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #FFFFFF;
	background-color: #67A8C6;
	text-align: center;
}
.SolapaInactiva {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #333333;
	background-color: #FFFFFF;
	text-align: center;
	border: thin outset #CCCCCC;
}

.Principal {
	height: 100%;
	width:100%;
	min-width: 774px;
}

.Formulario {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
 	text-align: center;
	/*background-color: #D9EEFF;*/
	background-color: #FFFFFF;
	margin-top: 15px;
	width: 100%;
	height: 100%;
	min-width: 774px;
}

.FormularioModalPanel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
 	text-align: center;
	/*background-color: #D9EEFF;*/
	background-color: #FFFFFF;
	margin-top: 15px;
	width: 100%;
	height: 100%;
	min-width: 500px;
}

.FormularioPrincipal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	color: #000;
 	text-align: center;
	/*background-color: #D9EEFF;*/
	background-color: #FFFFFF;
	margin-top: 15px;
	width: 100%;
	height: 100%;
	min-width: 774px;
	background-image: url("../images/LogoSigcer.png");
	background-position: center;
	background-repeat: no-repeat;	
}


.Formulario_auto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	background-color: #FFFFFF;
	margin-top: 15px;
	width: 100%;
	height: 100%;
	min-width: 774px;
}

.FormularioMedium {
	background-color: #FFFFFF;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	height: 100%;
	line-height: 16px;
	margin-top: 15px;
	min-width: 774px;
	padding-top:15px;
	text-align: center;
	width: 80%;
	
}

.Formulario2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-align: center;
	background-color: #FFFFFF;
	width: 100%;
	min-width: 774px;
}


/*
.EstiloPanelGrid {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	color: #FFFFFF;
	text-align: center;
	background-color: #D9EEFF;
	background-color: #FBFBFF;
	width: 90%;
}
*/

.EstiloPanelGridCentrado{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	color: #FFFFFF;
	text-align: center;
	width: 100%;
}

.EstiloPanelGridIzquierda{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	color: #FFFFFF;
	text-align: left;
	width: 100%;
}

.EstiloPanelGridDerecha{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	color: #FFFFFF;
	text-align: right;
	width: 100%;
}

.dr-table tbody tr:hover, .EstiloDataTable tbody tr:hover, .RowsHover tbody tr:hover {
    background: #f3f3f3;
}

.dr-table tbody tr:hover td:nth-child(1){
	border-left-color: #147abc;
    border-left-width: 1px;
    border-left-style: solid;
    color: #147abc;
}

.dr-table tr td:nth-child(1){
	border-left-style: initial;
}

.dr-table tr th:nth-child(1){
	border-left-color: #C0C0C0;
	border-left-width: 1px;
	border-left-style: solid;
}

.EstiloPanelGridHeader {
	text-align: left;
	height: 25;
	font-weight: lighter;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0092bb; /*celeste senasa*/
	padding-bottom: 10px;
}

.EstiloPanelGridHeaderSimple {
	text-align: left;
	height: 40;
	font-weight: lighter;
}

.EstiloPanelGridFooter {
	text-align: right;
	height: 40px;
	width:100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color:  #0092bb; /*celeste senasa*/
}

.EstiloPanelGridFooterCentrado {
	text-align: center;
	height: 40;
	width:100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color:  #0092bb; /*celeste senasa*/
}

.EstiloPanelGridFooterLeft {
	text-align: left;
	height: 40px;
	width:100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color:  #0092bb; /*celeste senasa*/
}

.EstiloPanelGridFooterDerecha {
	text-align: right;
	height: 40px;
	width:100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color:  #0092bb; /*celeste senasa*/
}

.EstiloHeaderDataTable{
	background-color: #0092bb; /*celeste senasa*/
}

.ThemeOfficeMenu,.ThemeOfficeSubMenuTable
{
	font-family:cursive;
	font-size:	14px;
	font-weight:bold;
	padding:	1;
	cursor:default;
}

.ThemeOfficeMainItem
{
	/*font-family: Verdana,Arial,Helvetica,sans-serif;*/
	font-size: 12px;
	font-weight: bold;
	outline-color: white;
	color:  white;;
	background-color: #0092bb; /*celeste senasa*/
	height: 25;
}

.ThemeOfficeMainItemHover,.ThemeOfficeMainItemActive
{
	background-color: #0092bb; /*celeste senasa*/
	outline-color: #0092bb; /*celeste senasa*/
	color: white;
	font-size: 12px;
	font-weight: bold;
	outline-color: white;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.ThemeOfficeMenuItem
{
	background-color: #0092bb; /*celeste senasa*/
}

.ThemeOfficeMenuItem .ThemeOfficeMenuItemLeft
{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 2px;
	padding-right: 3px;
	white-space: nowrap;
	border: 0;
	background-color: #0092bb; /*celeste senasa*/
}

td.ThemeOfficeMainItemHover,td.ThemeOfficeMainItemActive
{
	padding:	0px;
	font-size: 14px;
	font-weight:bold;
}

td.ThemeOfficeMainItemHover, td.ThemeOfficeMainItemActive{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border:	0px;
}


.ThemeOfficeMenuFolderText, .ThemeOfficeMenuItemText{
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	border-top-width: 0px;
	border-top-style: none;
	border-top-color: #FFFFFF;
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-bottom-color: #FFFFFF;
	border-right-width: 0px;
	border-right-style: none;
	border-right-color: #FFFFFF;
	border-left-width: 0px;
	border-left-style: none;
	border-left-color: #FFFFFF;
	background-color: #0092bb; /*celeste senasa*/
	font-size: 14px;
	font-weight:bold;
	white-space: nowrap;
}

.ThemeOfficeMenuItem .ThemeOfficeMenuFolderText, .ThemeOfficeMenuItem .ThemeOfficeMenuItemText {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: white; /* Color de letra submenu sin seleccionar*/
	background-color: #0092bb; /*celeste senasa*/ /* Color de fondo del submenu*/
	font-size: 12px;
	font-weight:bold;
}

/* sub menu sub components */

.ThemeOfficeMenuFolderLeft,.ThemeOfficeMenuItemLeft
{
	padding-top:	2px;
	padding-bottom:	2px;
	padding-left:	1px;
	padding-right:	3px;
	border-top:	0px;
	border-bottom:	0px;
	border-left:	0px;
	background-color:	white; /*fondo submenu seleccionado*/
	white-space:	nowrap;
}

.ThemeOfficeMenuFolderText,.ThemeOfficeMenuItemText
{
	padding-top:	2px;
	padding-bottom:	2px;
	padding-left:	5px;
	padding-right:	5px;

	border-top:	0px;
	border-bottom:	0px;
	color: #0092bb; /*celeste senasa*/ /* Color de letra submenu seleccionado*/
	background-color:	white; /*fondo submenu seleccionado*/
	white-space:	nowrap;
}

.ThemeOfficeMenuFolderRight,.ThemeOfficeMenuItemRight
{
	padding-top:	2px;
	padding-bottom:	2px;
	padding-left:	0px;
	padding-right:	0px;

	border-top:	0px;
	border-bottom:	0px;
	border-right:	0px;

	background-color:	#0092bb; /*celeste senasa*/
	white-space:	nowrap;
}

.ThemeOfficeMenuItem .ThemeOfficeMenuFolderLeft,
.ThemeOfficeMenuItem .ThemeOfficeMenuItemLeft
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	2px;
	padding-right:	3px;

	white-space:	nowrap;

	border:		0;
	background-color:	#0092bb; /*celeste senasa*/
}


.ThemeOfficeMenuItem .ThemeOfficeMenuFolderRight,
.ThemeOfficeMenuItem .ThemeOfficeMenuItemRight
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	0px;
	padding-right:	1px;

	border:		0;
	background-color:	#0092bb; /*celeste senasa*/
}



body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

body {
	background-color: #FFFFFF; 
	margin-bottom: 0px;
	margin-top: 0px;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0092bb; /*celeste senasa*/
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #0092bb; /*celeste senasa*/
	font-style: italic;
}

a:active {
	text-decoration: none;
	color: #FFFFFF;
}
select {
	background-color:#FFFFFF;
}

h1,h2,h3,h4,h5,h6 {
	font-family: Arial, Helvetica, sans-serif;
}

.TituloSistema {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
	text-align: left;
}

.SubtituloSistema {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	text-align: left
}

.PieDePagina {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: white;
	background-color: #0092bb; /*celeste senasa*/
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}

.TextoImportanteRojo15{
	color: red;
	font-size: 15px;
	padding-bottom: 34px;
	display: inline-block;
	font-weight: bold;
	line-height: 33px;
	text-align: center;
}

/*
.Altura {
	height: 85%;
	top: 0px;
}

/*

.centradoAlto{
	height: 100%;
	width: 100%;
	vertical-align: middle;
	text-align: center;
}
*/

.alinear-cen{
	vertical-align: middle;
	text-align: center;
}

.alinear-izq{
	vertical-align: middle;
	text-align: left;
}

.alinear-der{
	vertical-align: middle;
	text-align: right;
}

.alinear-abajo{
	vertical-align: bottom;
}

.centrado{
	vertical-align: middle;
	text-align: center;
}

.block-centrado{
	vertical-align: middle;
	text-align: center;
	display: block;
}

.block-right{
	vertical-align: middle;
	text-align: right;
	display: block;
}

.block-left{
	vertical-align: middle;
	text-align: left;
	display: block;
}
.MensajeError{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: red;

}

.MensajeWarn{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #f5680a;

}

.MensajeInfo{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: green;

}

.MensajeAzul {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: #3352fb;
}

.MensajeErrorLeft{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: red;
	text-align:left;
}

.MensajeWarnLeft{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #f5680a;
	text-align:left;
}

.MensajeInfoLeft{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: green;
	text-align:left;
}

.MensajesAjax{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: green;
}

.MensajeAclaracion{
    font-weight: initial;
    font-size: 11px;
    font-style: italic;
}

.MensajeDestacado{
	font-size: 14px;	
}

/*
.EstiloDataTable{
	width: 90%;
	border: 1px solid;
	border-bottom: 1px solid;
	border-collapse: collapse;
}

.EstiloDataHead{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: white !important;
	background-color: #0092bb;
	
}

*/

.EstiloTablaHead{
	/* Cambio nombre para no afectar los demás paginas*/
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: white !important;
	background-color: #0092bb;
}

.EstiloTablaHeadImgNone{
	/* Cambio nombre para no afectar los demás paginas*/
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: white !important;
	background-color: #0092bb;
	background-image: none;
}

.marcoConScroll{
	border:0px solid black; 
	clear:both; 
	height:150px;	
	overflow:auto;
	width:100%

}

.marcoConScrollChico{
	border:0px solid black; 
	clear:both; 
	height:80px;	
	overflow:auto;
	width:100%;
}

.marcoConScrollAuto{
	border:0px solid black; 
	clear:both; 
	overflow:auto;
	width:100%;
	
}

.marcoConScrollMedium{
	border:0px solid black; 
	clear:both; 
	height:90px;	
	overflow:auto;
	width:100%
}
.marcoDivProductos{
	border:0px;
	clear:both;
	height:450px;
	width:620px;
	overflow:auto;
}


.Wrap {
	white-space: normal;
}

.noWrap {
	white-space: nowrap;
}

.alineaD {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 200;
	font-variant: normal;
	text-align: right;
}

.alineaC {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 200;
	font-variant: normal;
	text-align: center;
}

.alineaI {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 200;
	font-variant: normal;
	text-align: left;
}

.inputCalendar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 200;
	font-variant: normal;
	text-align: left;
	width: 80px;
}
.linkSalir{
	float:right;
	font-size: 14px !important;
}

/* reportes */

.rich-tabpanel-content {
	background-color: #FFFFFF;
}

.DivPaginaColumnas {
	overflow: auto; 
	width: 320px; 
	height: 380px; 
	border: 1px; 
	border-color: #000000; 
	border-style: solid; 
	background-color: #FFFFFF;
}
	
.DivColumnasOrden {
	overflow: auto; 
	width: 350px; 
	height: 80px; 
	border: 1px; 
	border-color: #000000; 
	border-style: solid; 
	background-color: #FFFFFF;
	}	
	
.DivResultadoHtml {
	overflow: auto; 
	width: 400px; 
	height: 359px;
	border: 1px; 
	border-color: #000000; 
	border-style: solid; 
	background-color: #FFFFFF;
	}	
	
	
.EstiloBotonImagen {
	height: 20px; 
	width: 20px
}

.descripcionContenidoPagina{
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;	
	text-align: center;
	max-width:774px;	
}

.contenedor_secciones{
	width: 774px;
	margin: auto;
}


.seccion_header{
	padding: 5px; 
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #0092bb; /*celeste senasa*/
	font-style: italic;
	font-weight: bold; 	
	font-size: 15px;
	text-align: left;
}

.seccion_body{
	padding: 0 5px; 	
	margin: 15px; 
	text-align: left; 
}

/* Modal Panel */

.dr-mpnl-mask-div{position: fixed;top: 0;left: 0;border: 0;margin: 0;padding: 0;width: 100%;height: 100%;border-style: none;background-color: #d0d0d0;filter: alpha(opacity=50);opacity: 0.5;}
.dr-mpnl-panel{position:fixed;margin:0;padding:0;background-color:inherit;width:1px; ;height:1px;z-index:9;}
.dr-mpnl-pnl{background-color:#FFF;border-color:#0092bb; /*celeste senasa*/;overflow:auto;}
.dr-mpnl-pnl-h{background-color:#0092bb; /*celeste senasa*/border-color:#0092bb; /*celeste senasa*/background-image: none;}
.dr-mpnl-pnl-text{font-size:11px;color:#000;font-weight:bold;font-family:Arial,Verdana,sans-serif;}
.dr-mpnl-pnl-b{font-size:11px;color:#000;width:100%;font-family:Arial,Verdana,sans-serif;}
.dr-mpnl-shadow{background-color:#000;border-color:#000;opacity:1;}

/* Calendario */

.rich-calendar-exterior {
	border-color: #0092bb; /*celeste senasa*/
}

.rich-calendar-header-optional {
	border-bottom-color: #0092bb;
	background-color: #99FFFF; /* celeste */
	font-size: 11px;
	font-family: Arial, Verdana, sans-serif;
}

.rich-calendar-header {
	border-bottom-color: #0092bb;
	background-color: #99FFFF; /* celeste */
	font-size: 11px;
	font-family: Arial, Verdana, sans-serif;
}

.rich-calendar-cell {
	border-bottom-color: #0092bb;
	border-right-color: #0092bb;
	background-color: #FFF;
	font-size: 11px;
	font-family: Arial, Verdana, sans-serif;
}

.rich-calendar-tool {
	background-color: #0092bb;
	font-size: 11px;
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #000;
}

.rich-calendar-month {
	background-color: #0092bb;
	font-size: 11px;
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #000;
	white-space: nowrap;
}

.rich-calendar-days {
	border-bottom-color: #0092bb;
	border-right-color: #0092bb;
	background: #99FFFF; /* celeste */
	font-size: 11px;
	font-family: Arial, Verdana, sans-serif;
}

.rich-calendar-week{background:#99FFFF; /* celeste */;border-bottom-color:#0092bb;background-color:#DDF9D8;border-right-color:#0092bb;font-size:11px;font-family:Arial,Verdana,sans-serif;}
.rich-calendar-holly{background-color:#FFEBDA;color:#FF7800;}
.rich-calendar-boundary-dates{color:#a0a0a0;}
.rich-calendar-today{background-color:#FF7800;color:#FFEBDA;font-weight:bold;}
.rich-calendar-select{background-color:#0092bb;color:#000;font-weight:bold;}
.rich-calendar-hover{background-color:#99FFFF;color:#000;}
.rich-calendar-tool-btn{cursor:pointer;padding:2px 3px 2px 3px;white-space:nowrap;}
.rich-calendar-tool-btn-hover{background-color:#DDF9D8;color:#000;border:1px solid;border-color:#FFF;border-right-color:#0092bb;border-bottom-color:#0092bb;padding:1px 2px 1px 2px;}
.rich-calendar-tool-btn-press{border-color:#0092bb;border-right-color:#FFF;border-bottom-color:#FFF;}
.rich-calendar-footer-optional{border-top-color:#0092bb;border-right-color:#0092bb;background:#99FFFF; /* celeste */;font-size:11px;font-family:Arial,Verdana,sans-serif;}
.rich-calendar-footer{border-top-color:#0092bb;border-right-color:#0092bb;background:#99FFFF; /* celeste */;font-size:11px;font-family:Arial,Verdana,sans-serif;}
.rich-calendar-button{cursor:pointer;vertical-align:middle;}
.rich-calendar-editor-shadow{background:#FFF; opacity:0.5; filter:alpha(opacity=50); }
.rich-calendar-time-layout{background:#99FFFF; /* celeste */;border:1px solid;border-color:#0092bb;position:relative;}
.rich-calendar-date-layout{background:#FFF;border:1px solid;border-color:#0092bb;position:relative;}
.rich-calendar-time-layout,.rich-calendar-date-layout,.rich-calendar-time-layout input{font-size:11px;font-family:Arial,Verdana,sans-serif;}
.rich-calendar-time-layout-fields{padding:7px 7px 5px 7px;white-space:nowrap;}
.rich-calendar-time-layout-cancel{padding:0 7px 7px 1px;}
.rich-calendar-time-layout-ok{padding:0 1px 7px 7px;}
.rich-calendar-date-layout-cancel{background:#99FFFF; /* celeste */;border-top:1px solid;border-top-color:#0092bb;padding:5px 5px 5px 1px;}
.rich-calendar-date-layout-ok{background:#99FFFF; /* celeste */;border-top:1px solid;border-top-color:#0092bb;padding:5px 1px 5px 5px;}
.rich-calendar-date-layout-split{border-right:1px solid;border-right-color:#0092bb;}
.rich-calendar-time-btn{width:45px;border:1px solid;border-color:#FFF;border-right-color:#0092bb;border-bottom-color:#0092bb;background:#99FFFF; /* celeste */;text-align:center;padding:2px;white-space:nowrap;text-align:center;cursor:pointer;}
.rich-calendar-time-btn-press{border:1px solid;border-color:#0092bb;border-right-color:#FFF;border-bottom-color:#FFF;background-color:#DDF9D8;}
.rich-calendar-time-input{width:22px;margin:0 2px;}
.rich-calendar-editor-btn-over{padding:1px;border:1px solid;border-color:#0092bb;background:#99FFFF;}
.rich-calendar-editor-btn-selected{background-color:#FF7800;padding:2px;border:0;color:#FFEBDA;font-weight:bold;cursor:default;}
.rich-calendar-editor-tool-over{padding:1px;border:1px solid;background:#99FFFF; /* celeste */;border-color:#FFF;border-right-color:#0092bb;border-bottom-color:#0092bb;}
.rich-calendar-editor-tool-press{padding:1px;border:1px solid;background:#99FFFF; /* celeste */;border-color:#0092bb;border-right-color:#FFF;border-bottom-color:#FFF;}
.rich-calendar-popup{top: auto !important; }

/* data table*/
.dr-sdt-hr{background-color: #0092bb;}
.dr-sdt-hc{color: white;}
.dr-sdt-hcbody{white-space: nowrap; position: relative; overflow-x: hidden; padding-top:5px;
				overflow-y: hidden; width: 100%; height:22px; font-family: Arial,Verdana,sans-serif;
				font-size:12px;	font-weight: bold;}

.dr-sdt-row-selected{background-color:#99FFFF; /* celeste */}
.dr-sdt-hsep {background-position: center center; background-repeat: repeat-y; cursor: e-resize; font-size: 1px; width: 6px;
height: 22px;
overflow-x: hidden;
overflow-y: hidden;
position: absolute;
display: block;
white-space: nowrap;
z-index: 60;

}

.EstiloPanelGridLeft {
	text-align: left;
	height: 40;
	width:50%;
	border-top-width: 1px;
	border-top-style: solid;
	/*border-top-color:  #ECF4FE;*/
	border-top-color:  #0092bb; /*celeste senasa*/
}
.FormularioFooter {
	text-align: right;
	height: 40;
	border-top-width: 1px;
	border-top-style: solid;
	/*border-top-color:  #ECF4FE;*/
	border-top-color:  #0092bb; /*celeste senasa*/
}
.FormularioFooterLeft {
	text-align: left;
	height: 40;
	border-top-width: 1px;
	border-top-style: solid;
	/*border-top-color:  #ECF4FE;*/
	border-top-color:  #0092bb; /*celeste senasa*/
}
.FormularioFooterRight {
	text-align: right;
	min-height: 15px;
	border-top-width: 1px;
	border-top-style: solid;
	/*border-top-color:  #ECF4FE;*/
	border-top-color:  #0092bb; /*celeste senasa*/
	padding-top: 10px;
}


/*---- Estilos SIGCER PESCA ---*/
/* -----AUTOR: wrejas  --------*/
/*=Botones
----------------------------------------------- */
input[type=submit], input[type=button] {

    margin-left: 5px;
    margin-right:5px;
}

.Ancho50AlineadoTop {
	width: 50%;
	vertical-align: top; 
}

.ancho15{
	width: 15%;
}

.ancho20{
	width: 20%;
}
.ancho25{
	width: 25%;
}

.ancho30{
	width: 30%;
}

.ancho40{
	width: 40%;
}

.ancho50{
	width: 50%;
}

.ancho50a90{
	width: 50%;
	float: left;
}

.ancho60{
	width: 60%;
}

.ancho65{
	width: 65%;
}

.ancho68{
	width: 68%;
}

.ancho70{
	width: 70%;
}
.ancho75{
	width: 75%;
}

.ancho80{
	width: 80%;
}
.ancho90{
	width: 90%;
}
.ancho95{
	width: 95%;
}
.ancho100{
	width: 100%;
}

.ancho60min{
	min-width: 60%;
}

.lineaBloque{
	display: inline-block;
	padding: 2.5px 0;
}
.lineaTabla{
	display: inline-table;
	padding: 2.5px 0;
}

.lineaflex{
	display: inline-flex;
	padding: 0 2px;
	margin-top: 0px;
}

.row {
	/* by Boostrap 3.2*/ 
    margin-right: -15px;
    margin-left: -15px;
}

.IconoEnTabla {
	background-color: White;
	border-radius: 50%;
	border: 1px solid white;
	margin-left: 2px;
	margin-right: 2px;
	padding: 3px;
}

.IconoEnTabla:hover {
	border: 1px solid #96a2e4;
}

.IconoInfo{
	background-color: White;
	border-radius: 50%;
	border: 1px solid white;
	margin-left: 2px;
	margin-right: 2px;
	padding: 3px;
}


input.IconoEnTabla[type="image"]:disabled{
	webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

input.IconoEnTabla[type="image"]:disabled:hover{
    border: 1px solid #808080;
}

.margin3inferiorSuperior {
	margin-top: 3px;
    margin-bottom:3px;
}

.margin5inferiorSuperior {
	margin-top: 5px;
    margin-bottom:5px;
}

.margin10inferiorSuperior {
	margin-top: 10px;
    margin-bottom:10px;
}

.margin10inferior {
    margin-bottom:10px;
}

.secondPaddingTD td:nth-child(2){
	/*  Espaciado entre dos columnas */
   padding-left: 15px;
}

.thirdPaddingTD td:nth-child(3){
	/*  Espaciado en la tercer columna */
   padding-left: 20px;
}

.pull-right {
    float: right;
 }
 .pull-left {
     float: left;
 }
 
 .padd-left-60{
	padding-left:60px; 
 }
 .padd-left-45{
	padding-left:45px; 
 }
 .padd-left-30{
	padding-left:30px; 
 }
 .padd-left-25{
	padding-left:25px; 
 }
 .padd-left-20{
	padding-left:20px; 
 }
 
 .padd-left-15{
	padding-left:15px; 
 }
 
 .padd-left-10{
	padding-left:10px; 
 }
 .padd-left-5{
	padding-left:5px; 
 }
 .padd-right-60{
	padding-right:60px; 
 }
 .padd-right-80{
	padding-right:80px; 
 }
 .padd-right-20{
	padding-right:20px; 
 }
 
 .padd-right-15{
	padding-right:15px; 
 }
 
 .padd-right-10{
	padding-right:10px; 
 }
 
  .padd-right-5{
	padding-right:5px; 
 }
 .padd-top-20{
 	padding-top: 20px;
 }
 .italic{
	font-style: italic;
 }
 
 .mayuscula14{
 	text-transform: uppercase;
 	font-size:14px;
 }


.PanelArbolRequisitos {
   height: 800px;
   overflow: auto;
}

.ErrorConfiguracionArbolRequisito{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: red;
}

.PanelTextoRequisitos{
   height: 800px;
   overflow: auto;
}

.dr-table-footer {
	/* de rich-panel */
    background-color: #fff;
}

.PanelTextoRequisitos div{
   font-family: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace;
    font-size: 14px;
}

.TituloDataTable{
	border-bottom: 1px solid #000000;
	/*height: 10px;*/
	margin-bottom: 30px;
	/*width: 760px;*/
}

.ContenedorShow{
}
.ContenedorShow span {
}

.ContenedorHide{
   /* -webkit-transition: height 2s ease-in;
       -moz-transition: height 2s ease-in;
        -ms-transition: height 2s ease-in;
         -o-transition: height 2s ease-in;
            transition: height 2s ease-in;
            height: 0px; 	                     
        max-height: 0px;*/
}

.ContenedorHide span{
}

.TextoHeaderSeccion {
	text-align: left;
	border-width: 0px 0px 1px 0px;
	border-style: solid;	
	margin-bottom: 8px;
	padding-bottom: 8px;
	width: 100%;
}

.w80 {width:  60px;}
.w80 {width:  80px;}
.w100{width: 100px;}
.w125{width: 125px;}
.w130{width: 130px;}
.w150{width: 150px;}
.w180{width: 180px;}
.w200{width: 200px;}
.w210{width: 210px;}
.w250{width: 250px;}
.w350{width: 300px;}
.w450{width: 450px;}
.w300{width: 300px;}
.w400{width: 400px;}
.w500{width: 500px;}
.w600{width: 600px;}
.w650{width: 650px;}
.w700{width: 700px;}
.w820{width: 820px;}

table.EstiloPanelGridIzquierdaModal tbody{min-height: 150px;display:block}

.selection{
   float: left;
   width: 25%;
   display: block;
   font-weight: normal;
} 

.Notificaciones{
	font-size: 18px;
	color: black;
	text-align: justify;
}

.selectSinFlecha {
    -moz-appearance: none;
    -webkit-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}

.panelOculto {
   display: none;
   visibility:hidden;
}

.fieldSet {
	/* Emula una etiqueta Html:fieldSet,
	* ya que con la versión de JSF 1 y
	* librerias usadas no está disponible */
	width:95%;
	border: 1px solid #BED6F8;;
	margin-left: 15px;
}

.leyenda {
	/* Complementa el .fieldSet */ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	margin-bottom: 0px; 
	margin-left: 15px;
	border: 1px solid #BED6F8;;
	border-radius: 3px; 
	padding: 5px 5px 5px 10px; 
	background-color: #ffffff;
}

.fieldSet50 {
    border: 1px solid #bed6f8;
    margin-left: 15px;
    width: 50%;
}

.tituloItalic {
	display:block;
	color: #4C5284;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	padding-top: 14px;
	padding-left: 12px;
}

.tituloItalicEnLinea {
	display:inline-block;
	color: #4C5284;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	padding-top: 14px;
	padding-left: 12px;
	margin-right: 15px;
}


.leyendaItalic {
	color: #1A62D1;
	font-family: Helvetica, Times, Courier;
	font-style: italic;
	font-size: 13px;
	font-weight: bold;
	line-height: 16px;
	padding-bottom: 7px;
	padding-left: 12px;
	padding-top: 7px;	
}

.leyendaItalicPequenia{
	color: #1A62D1;
	font-family: Helvetica, Times, Courier;
	font-style: italic;
	font-size: 10px;
	font-weight: bold;
	line-height: 12px;
	padding-bottom: 7px;
	padding-left: 12px;
	padding-top: 7px;
}

.btn-grad{
	background-image: url("../images/gradient.png");
	border-radius: 4px;
	border-width: 2px;
	border-color: #BED6F8;
	min-width: 80px;
}

input.btn-grad[type="button"]:enabled:hover {	
	cursor: pointer;
	color:#566B9E;
}

input.btn-grad[type="button"]:disabled {	
	background-image: none;
	border-color: #c0c0c0;
}

input.input-grad[type="text"]:enabled{	
	border-color: #BED6F8;
	background-image: url("../images/background_input.png");
	background-repeat: repeat-x;
}
select.select-grad:enabled{	
	border-color: #BED6F8 !important;
	background-image: url("../images/background_input.png") !important;
	background-repeat: repeat-x !important;
	background-position: 1px 1px !important;
}

.link-button {
    -webkit-appearance: button;
    -moz-appearance: button;
    text-decoration: none;
    background-image: url("../images/gradient.png");
	border-radius: 4px;
	border-width: 2px;
	border-color: #BED6F8;
}
.link-button:hover {
	cursor: pointer;
	color:#566B9E;
}

.button-Link {
  background: none!important;
  border: none;
  padding: 0!important;
  /*optional*/
  font-family: arial, sans-serif;
  /*input has OS specific font-family*/
  color: #0092bb;;
  cursor: pointer;
}	

.button-Link:hover {
	cursor: pointer;
	color:#0092bb;
	text-decoration: underline;
	font-style: italic;
}

.background-none {
	background-image: none !important;
}

.tooltip{
   background-color: #F0FFFF;
   border-style: solid;   
   border-width: thin;  
   border-color: #004080	
}

.cursorPointer{
	cursor:pointer;
}

input.autoTab  {
    /*border: none;*/
    /*-moz-box-shadow: 0 0 1px 1px rgba(210,176,107,1);
    -webkit-box-shadow: 0 0 1px 1px rgba(210,176,107,1);
    box-shadow: 0 0 1px 1px rgba(210,176,107,1);*/
    /*font-size: 2em;*/
    
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

input.autoTab:focus {
    -moz-box-shadow: 0 0 1px 1px #0092bb;
    -webkit-box-shadow: 0 0 1px 1px #0092bb;
    box-shadow: 0 0 1px 1px #0092bb;
}

select.autoTab  {
    /*border: none;*/
    /*-moz-box-shadow: 0 0 1px 1px rgba(210,176,107,1);
    -webkit-box-shadow: 0 0 1px 1px rgba(210,176,107,1);
    box-shadow: 0 0 1px 1px rgba(210,176,107,1);*/
    /*font-size: 2em;*/
    
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

select.autoTab:focus {
    -moz-box-shadow: 0 0 1px 1px #0092bb;
    -webkit-box-shadow: 0 0 1px 1px #0092bb;
    box-shadow: 0 0 1px 1px #0092bb;
}


@media screen and (max-width:1200px){
	
	.ancho50{ width: 70%; }
	.ancho50a90{ width: 90%; float: initial}
	.ancho60{ width: 100%; }
	.ancho65{ width: 100%;}
	.ancho70{ width: 100%;}
	.ancho80{ width: 100%;}
	.ancho90{ width: 100%;}
	.asterisco{ padding-left: 0px; padding-right: 0px; }
	.fieldSet { width: 99%; margin-left: 1px;}
	.labelAncho85px{ padding-right: 0px; }
	.padd-left-15{ padding-left: 1px; }
	.padd-left-60{ padding-left: 10px; }
	.TextoCompletarCampo{ padding-right: 1px; }
}

/*
####################################################
M E D I A  Q U E R I E S
Bootstrap 4 breakpoints
####################################################
*/
 
/* 
Extra small devices (portrait phones, less than 544px) 
No media query since this is the default in Bootstrap because it is "mobile first"
*/
  
/* Small devices (landscape phones, 544px and up) */
@media (min-width: 544px) {  
	.ancho95{ width: 95%;}
  	.w800{width: 100%}
  	.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11{float:left}
	.col-sm-1{width:8.333333333333332%}.col-sm-2{width:16.666666666666664%}.col-sm-3{width:25%}.col-sm-4{width:33.33333333333333%}.col-sm-5{width:41.66666666666667%}.col-sm-6{width:50%}
	.col-sm-7{width:58.333333333333336%}.col-sm-8{width:66.66666666666666%}.col-sm-9{width:75%}.col-sm-10{width:83.33333333333334%}.col-sm-11{width:91.66666666666666%}.col-sm-12{width:100%}
}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
	.w800{width: 900px}
 	.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11{float:left}
	.col-md-1{width:8.333333333333332%}.col-md-2{width:16.666666666666664%}.col-md-3{width:25%}.col-md-4{width:33.33333333333333%}.col-md-5{width:41.66666666666667%}.col-md-6{width:50%}
	.col-md-7{width:58.333333333333336%}.col-md-8{width:66.66666666666666%}.col-md-9{width:75%}.col-md-10{width:83.33333333333334%}.col-md-11{width:91.66666666666666%}.col-md-12{width:100%}
}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	.ancho95{ width: 92%;}
	.w800{width: 1100px}
	.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11{float:left}
	.col-lg-1{width:8.333333333333332%}.col-lg-2{width:16.666666666666664%}.col-lg-3{width:25%}.col-lg-4{width:33.33333333333333%}.col-lg-5{width:41.66666666666667%}.col-lg-6{width:50%}
	.col-lg-7{width:58.333333333333336%}.col-lg-8{width:66.66666666666666%}.col-lg-9{width:75%}.col-lg-10{width:83.33333333333334%}.col-lg-11{width:91.66666666666666%}.col-lg-12{width:100%} 
}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	.ancho95{ width: 90%;}
	.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
	.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%
    
}



.bloqueoAjax{	
	opacity: 0.2;
	cursor: wait;
/*	background-color:#e6f2fe;*/
	background-color:#d0d0d0;
	pointer-events: none;
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-ie-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
}
.bloqueoAjaxClaro{	
	opacity: 0.8;
	cursor: wait;
/*	background-color:#e6f2fe;*/
	background-color:#d0d0d033;
	pointer-events: none;
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-ie-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
}


.imagenBloqueoAjax{
  
	background-image: url("../images/loading_bar_gris.gif");
	background-repeat: no-repeat;
    background-position: center;
    /**    
 -webkit-transition: background-image 0.5s;
    -moz-transition: background-image 0.5s;
     -ie-transition: background-image 0.5s;
         transition: background-image 0.5s;
       */  
}

.imagenBloqueoAjaxClaro{
  
	background-image: url("../images/loading_bar_gris.gif");
	background-repeat: no-repeat;
    background-position: center;
    /**    
 -webkit-transition: background-image 0.5s;
    -moz-transition: background-image 0.5s;
     -ie-transition: background-image 0.5s;
         transition: background-image 0.5s;
       */  
}



.transparente{
	display:none;
	opacity:1;
}

.selectEnTabla{
	width:100%;
}


.itemListSinPunto{
	list-style-type: none;
}

.dataListGrid{
	border: 1px solid #BED6F8;
	margin-left: 5px;
	padding-left: 2px;
	padding-right: 2px;
}


.anchoMinimo50pxLinea{
	min-width: 50px;
}

.anchoMinimo80pxLinea{
	min-width: 80px;
}

.anchoMinimo120pxLinea{
	min-width: 120px;
}

.anchoMinimo150pxLinea{
	min-width: 150px;
}

.anchoMinimo140px{
	min-width: 140px;
}

.anchoMinimo50px{
	min-width: 50px;
	display: block;
}
.anchoMinimo150px{
	min-width: 150px;
}
.anchoMinimo200px{
	min-width: 200px;
}
.anchoMinimo250px{
	min-width: 250px;
}
.anchoMinimo300px{
	min-width: 300px;
}
table.paginacion {
	width:310px;
}
table.paginacion td:nth-child() {  
  width:30px;
}
table.paginacion td:nth-child(2) {  
  width:30px;
}
table.paginacion td:nth-child(3) {  
  width:70px;
  vertical-align: inherit;
  text-align: center
}

table.paginacion td:nth-child(4) {  
  width:30px;
}
table.paginacion td:nth-child(5) {  
  width:30px;
}

table.paginacion td:nth-child(6) {  
  width:100px;
  vertical-align: inherit;
}

.anchoMinimo500px{
	min-width: 500px;
}

/* Para los botones que tienen texto corto*/
.btn-width{
	display: inline-block;
	min-width: 100px;
}

.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    height: 25px;
    /* border: 1px solid #aaa; */
    border: 1px solid #7a7a7a;
    border-radius: 0px;
    background-color: #fff;
	background: linear-gradient(#fff 100%,#fff 100%);
    background-clip: padding-box;
    box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    /* color: #444; */
    color: #000;
    text-decoration: none;
    white-space: nowrap;
    line-height: 24px;
}

.chosen-container .chosen-results li.no-results {
	color: #242424;
}

.debugToolbar{
	height: 28px;
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	z-index: 8000;
	width: 200px;
	background: lightgray;
	opacity: 0.98;	
	width: 100%;	
}

.debugToolbarSegundaColumna{
	direction: rtl;
}

.debugToolbarMessages {
	background-color: White;
	border-radius: 15%;
	border: 1px solid white;
	margin-left: 2px;
	margin-right: 2px;
	padding: 3px;
}

.stickyDebugToolbar {
	position: fixed;
	top: 0;
	width: 100%;
}

.debugToolbarTablaErrores{
    position: relative;
    padding-top: 28px;
}

.chosenComponent{
	/*display: none;*/
	opacity: 0;	
}


span.estadoPagoObligacionGeneradafalse, 
span.estadoPagoBoletaGeneradafalse,
span.estadoPagoMedioDePagoSeleccionadofalse, 
span.estadoPagoInformadofalse,
span.estadoPagoConfirmadofalse {
	color: #a5a5a5;	
}

span.estadoPagoObligacionGeneradatrue,
span.estadoPagoBoletaGeneradatrue,
span.estadoPagoMedioDePagoSeleccionadotrue, 
span.estadoPagoInformadotrue,
span.estadoPagoConfirmadotrue {
	color: #008000;	
}

.estadoPagosIcono {
	background-color: White;
	border-radius: 50%;
	border: 1px solid white;
	margin-left: 2px;
	margin-right: 2px;
	padding: 3px;
}

/*.estadoPagosIcono:hover {
	border: 1px solid #96a2e4;
}*/

.estadoPagosGrupoElementos{

}

.estadoPagosGrupoElementos td{
	border-color: #0092bb80;
	border-width: 1px 1px 1px 1px;
	border-color: #0092bb80;
	border-style: dotted;
	padding: 3px;
}

.fileUploader{
	
	padding: 3px;
	
}


.radioSenasa input {
  float: left;
  margin-left: -13px;
  margin-top: 3px;
}

.radioSenasa label {
  margin-left: 12px;
  display: block;
}

.Rechazada, .RechazadaPlanCreha, .RechazadaSIV, .RechazadaCoordinacion, .RechazadaenSupervision, .RechazadaenCoordinacionRegional, .MercadoCerrado {
	font-weight: bold;
	color: red;
}

.Aprobada{
	font-weight: bold;
	color: green;
}

.SuspensionSanitaria, .SuspensionxcambioRazonSocial, .SuspensiondeServicio {
	font-weight: bold;
	color: orange;
}

.btnCerrarAviso{
	color:white;
}


.dataTableFilaActiva{
	background: #d8ebee;	
}

.dataTableFilaInactiva{
	
	
}

.MensajeErrorSuave{
	color: #e10000;
}

.MensajeInfoSuave{
	color: #326832;
}

.SeparadorPrimerasRows{
	width: 125%;
}

.SeparadorUltimaRows{
	width: 100%;
}
}

.tooltipCertificacionElectronica{
   background-color: #F0FFFF;
   color: black; 
   border-style: solid;   
   border-width: thin;  
   border-color: #004080	
}
	

.highlightCertificacionElectronica{
	border-color: red;
	border-width: 3px;
	border-style: dotted;	
	padding: 10;
}