@CHARSET "ISO-8859-1";

/*********************/
/* Estilos generales */
/*********************/
@media screen and (min-width : 1000px) {
	.verticalmenu {
		display: none !important;
	}
}

@media screen and (max-width : 1000px) {
	.horizontalmenu {
		display: none !important;
	}
}

/*********************************/
/* Estilos especificos de Rekade */
/*********************************/
.fondoColorLogin {
	background-image: url("/../rekade/images/lerro_zuriak.png");
	background-repeat: no-repeat;
	background-repeat-x: no-repeat;
	background-repeat-y: no-repeat;
	background-attachment: fixed;
	background-position: bottom;
	background-position-x: 50%;
	background-position-y: 100%;
	background-size: contain;
	background-color: rgb(123, 170, 32);
}

.upperCase {
       text-transform: uppercase;
}

.fondoColorLogin>.ui-layout-unit-content, .transparent, .transparent>.ui-layout-unit-content
	{
	background: transparent;
}

.bordePanel {
	border:1px solid !important;

	}

.footerPanelClass, .layoutSouthStyleClass {
	color: white;
	background: none;
	background-color: rgb(0, 110, 182);
}

.headerPanelClass, .layoutNorthStyleClass {
	color: white;
	background: none;
	background-color: rgb(123, 170, 32);
}

.fondoblanco {
	background: white !important;
}

.headerPanelClass .headerSubPanel {
	background-color: rgb(123, 170, 32);
	border-color: white;
	margin-top: 5px;
	height: 50px;
	line-height: 1.5;
}

.headerPanelClass .headerSubPanel>.ui-panel-content {
	color: white;
	font-weight: bold;
}

.headerPanelClass .headerSubPanel>.ui-panel-content>a {
	color: white;
	font-weight: normal;
}

.headerPanelClass .headerSubPanel .ui-button-text {
	padding-top: 0px;
	padding-bottom: 0px;
}

/*********************************/
/* Estilos pantalla Principal */
/*********************************/
.panelPrincipalClass>.ui-widget-content {
	border: none;
	background: transparent;
}

.menuPrincipalStyleClass {
	border: none;
	width: 75% !important;
}

.menuPrincipalStyleClass .ui-menuitem {
	padding-bottom: 15px !important;
}

.menuPrincipalStyleClass .ui-menuitem-link {
	color: rgb(123, 170, 32);
	font-size: 15px;
	font-weight: bold !important;
	border-color: rgb(123, 170, 32) !important;
	background: white;
	padding-left: 25px !important;
}

.menuPrincipalStyleClass .ui-menuitem-link:HOVER {
	font-size: 15px;
	font-weight: bold !important;
	border-color: rgb(36, 142, 209) !important;
	background: #B5DC1B;
	color: rgb(0, 110, 182) !important;
}

.panelRegistrosClass {
	/*background-image: url("/csonline/resources/rekade/images/registros.png");*/
	background-position: bottom right;
	background-repeat: no-repeat;
	border: 3px solid rgb(36, 142, 209);
}

.panelRegistrosClass .ui-widget-content {
	background: transparent;
}

.panelConsultasClass {
	/*background-image: url("/../rekade/images/consultas.png");*/
	background-position: bottom right;
	background-repeat: no-repeat;
	border: 3px solid rgb(36, 142, 209);
}

.panelConsultasClass .ui-widget-content {
	background: transparent;
}

.catalogosButtonStyle {
	background-image: url(/../rekade/images/catalogos_fondo.png) !important;
	background-position: top center !important;
	background-repeat: no-repeat !important;
}

.catalogosButtonStyle:HOVER {
	background-image: url("/../rekade/images/catalogos_fondo.png")
		!important;
	background-position: top center !important;
	background-repeat: no-repeat !important;
}

.documentosButtonStyle {
	background-image: url(/../rekade/images/documentos_fondo.png) !important;
	background-position: top center !important;
	background-repeat: no-repeat !important;
}

.documentosButtonStyle:HOVER {
	background-image: url("/../rekade/images/documentos_fondo.png")
		!important;
	background-position: top center !important;
	background-repeat: no-repeat !important;
}

.ui-state-default .ui-icon {
	background-image: url("../images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-vweb");
}


.x-form-field-wrap .x-form-trigger {
	background-image: url("../images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-vweb") !important;
	background-color: #83af00 !important;
    background-position: -64px -16px !important;
}

.x-form-field-wrap .x-form-date-trigger {
	background-image: url("../images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-vweb") !important;
	background-color: #83af00 !important;
	 background-position: -64px -16px !important;
}

.x-form-field-wrap .x-form-clear-trigger {
	background-image: url("../images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-vweb") !important;
	background-color: #83af00 !important;
	 background-position: -64px -16px !important;
}

.x-form-field-wrap .x-form-search-trigger {
	background-image: url("../images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-vweb") !important;
	background-color: #83af00 !important;
	 background-position: -64px -16px !important;
}

span.ui-icon-check{
	background-color: #83af00;
}    

.buttonStyle {
	width: 261px;
	height: 90px;
	padding-top: 10px;
	padding-right: 25px;
	text-decoration: none;
	font-size: 15px !important;
	display: inline-block;
	text-align: right;
	font-weight: bold;
	color: rgb(123, 170, 32) !important;
}

.buttonStyle:HOVER {
	/*	background: #B5DC1B
		url(/../primefaces-vweb/images/ui-bg_flat_30_B5DC1B_40x100.png) 50%
		50% repeat-x;
		*/
	padding-top: 10px;
	padding-right: 25px;
	color: rgb(0, 110, 182) !important;
	text-decoration: none;
	display: inline-block;
	text-align: right;
	font-weight: bold;
}

/* .headerPanelClass .headerSubPanel>.ui-panel-content>.ui-button{ */
/* 	border-color: white; sino es azul sobre azul y no se ve el boton */
/* } */
img.headerIconClass {
	height: 55px;
}

img.footerIconClass {
	max-height: 46px;
	height: 37px;
}

img.logoCensoIconClass {
	height: 55px;
	margin-right: 20px;
}

/* Estilos para la capa de espera */
.capaEsperaStyleClass .ui-panelgrid tr, .ui-panelgrid td {
	border: none !important;
}

.capaEsperaStyleClass .ui-widget-content {
	border: 1px solid #ffffff !important;
	background: #78BCFF
		url(../images/ui-bg_diagonals-medium_20_78BCFF_40x40.png) 50% 50%
		repeat !important;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}

/* evita que las opciones de la combo sean demasiado grandes */
.ui-helper-reset .ui-selectonemenu-item {
	font-size: 12px;
}

/** Este estilo evita que el width de los editores fije el width del editor
El atributo width de p:editor es necesario para que funcione en tablets sin perder el foco
*/
.editorNoWidth .ui-editor.ui-widget-content, .editorNoWidth .ui-editor.ui-widget-content textarea,
	.editorNoWidth .ui-editor.ui-widget-content iframe {
	width: 100% !important;
}

/**************************************************************************************************/

/* Estilo para eliminar el asterisco en los campos marcados como required */
.ui-outputlabel-rfi {
	display: none;
}

/* Estilo para los componentes obligatorios. Se debe aplicar a la columna que contenga el objeto o al propio objeto.
Se puede aplicar tanto a componentes textbox como calendar  */
.obligatorioStyleClass .ui-inputfield, .obligatorioStyleClass.ui-inputfield
	{
	background: none;
	
}

/****************************************/
/* INI Estilos para autoMessages */
/****************************************/
/* Un boton de cierre blanco sobre fondo blanco no se ve */
.ui-widget-content.autoMessagesDialogClass {
	background-color: #d0d0d0;
}
/* Ocultando el panel de cabecera salvo el boton de cierre que es flotante */
.autoMessagesDialogClass>.ui-dialog-titlebar {
	height: 0px !important;
	padding: 0 0 0 0 !important;
}

.autoMessagesDialogClass .ui-messages.ui-widget {
	margin-bottom: 18px !important;
	margin-top: 18px !important;
}
/* Los tres contenedores de mensajes segun severidad*/
.autoMessagesDialogClass .ui-messages.ui-widget>DIV.ui-corner-all {
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-right: 5px;
	padding-left: 5px;
}

.autoMessagesDialogClass>.ui-dialog-content.ui-widget-content {
	padding: 0 0 0 0 !important;
}


 .hideToolbar .ui-editor-toolbar {
   display: none;
}

.ui-editor-toolbar {
      border-top: 1px solid #ccc;
}

/****************************************/
/* FIN Estilos para autoMessages */
/****************************************/

/*********************/
/* Especificos de VWEB */
/*********************/
img.iconoTabla {
	height: 16px;
	width: 16px;
	border-color: transparent;
	border-style: thin solid;
	vertical-align: middle !important;
}

/* Sobreescribimos estilos para el growl para que aparezca centrado en la pantalla 
.ui-growl {
	position:absolute;
	left: 50%;
	top: 25% !important;
	margin-left: -250px;
	z-index:9999;
}
*/

/* Estilo para los componentes panel */
.ui-panel {
	margin-top: 10px;
	margin-bottom: 10px;
}

.ui-datatable {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
	margin-right: 5px !important;
	margin-left: 5px !important;
	background: white;
	/*border: 1px solid #6DA8D5;*/
}

.ui-accordion .ui-accordion-content {
	padding: 0 0 0 0 !important;
}

pre.breakWord, span.breakWord {
	white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
	white-space: -pre-wrap; /* Opera */
	white-space: -o-pre-wrap; /* Opera */
	white-space: pre-wrap;
	/* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
	word-wrap: break-word; /* IE 5.5+ */
}

pre.noWrap, span.noWrap {
	white-space: nowrap;
}

.tableIconDiv {
	text-align: right;
	margin-top: 20px;
	padding-right: 15px;
	margin-bottom: 5px;
}

#image{

  max-width: 100%; /* This rule is very important, please do not ignore this! */

}

.tableIconDiv2 {
	text-align: center;
	margin-top: 5px;
	padding-left: 15px;
	margin-bottom: 0px;
}

.noMargin, table.noMargin.ui-panelgrid>tbody>tr>td.ui-panelgrid-cell {
	margin: 0px;
}

.noPadding, .noPadding.ui-tabs, .noPadding.ui-panel, .noPadding.ui-layout-unit,
	.noPadding.ui-layout-unit>.noPadding.ui-layout-unit-content, table.noPadding.ui-panelgrid>tbody>tr>td.ui-panelgrid-cell
	{
	padding: 0px;
}
.noPaddingConf
	{
	padding: 0px 0px !important;
}

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}

.floatClear {
	clear: both;
	height: 0px
}

.hiden {
	display: none;
}

.hideCalButton .ui-datepicker-trigger {
	display: none;
}

.inlineClass {
	display: inline;
}

/* IDIOMA ********** */
.idiomaClass>a {
	color: white;
}

/*********************/
/* Botones */
/*********************/
.pdf {
	background: #2E6E9E !important;
	background-image: url(../images/pdf.png) !important;
	background-position: top center !important;
	background-repeat: no-repeat !important;
}

.pdf:HOVER {
	background: #1F4B6C !important;
	background-image: url(../images/pdf.png) !important;
	background-position: top center !important;
	background-repeat: no-repeat !important;
}

.excel {
	background: #2E6E9E !important;
	background-image: url(../images/excel.png) !important;
	background-position: top center !important;
	background-repeat: no-repeat !important;
}

.excel:HOVER {
	background: #1F4B6C !important;
	background-image: url(../images/excel.png) !important;
	background-position: top center !important;
	background-repeat: no-repeat !important;
}

/* normalRowClass */
.newRowClass {
	color: green;
}

img.tableIconClass {
	border-width: 1px;
	border-color: transparent;
	border-style: thin solid;
	vertical-align: middle !important;
	cursor: pointer;
	cursor: hand;
}

.boton{
	background: #83af00 !important;
    border: 1px solid #ddd !important;
    padding: 5px 10px;
    margin-top: 1em;
    color: white !important;
    font-weight: bold;
}

/* .ui-layout-unit-content.ui-widget-content{
padding-bottom:0px;
}*/
/* div.ui-tabs.ui-widget.ui-widget-content.ui-corner-all.ui-hidden-container.ui-tabs-top{

}*/
ul.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all
	{
	background: none;
	border: none;
	margin-top: 0px;
	pading-top: 0px;
}

.noBorder, .noBorder>.ui-datalist-content {
	border: none;
}

.uppercase, .uppercase select, .uppercase option /* bugged in chrome*/ {
	text-transform: uppercase;
}

/*
div.ui-accordion-content,
div.ui-accordion-content.ui-helper-reset.ui-widget-content,
div.ui-accordion-content.ui-helper-reset.ui-widget-content,
div.ui-accordion.ui-widget.ui-helper-reset.ui-hidden-container{
*/
div.ui-accordion-content.ui-widget-content {
	border: solid;
	border-bottom-width: 1px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	margin-bottom: 20px;
}

.ui-accordion-header.ui-corner-all {
	margin-bottom: 20px;
}

.ui-accordion-header.ui-state-active {
	margin-bottom: 0px;
}

.fondocolor {
	background-image: url("/../rekade/images/lerro_berdeak.png");
	background-repeat: no-repeat;
	background-repeat-x: no-repeat;
	background-repeat-y: no-repeat;
	background-attachment: fixed;
	background-position: bottom;
	background-position-x: 50%;
	background-position-y: 100%;
	background-size: contain;
	background-color: white
}

.noRadius {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.account-wall {
	margin-top: 100px;
	background-color: white;
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
	padding: 40px 0 20px;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
}
/** para que en dialogos no deje tanto margin-top */
.ui-dialog-content .account-wall {
	margin-top: 5px;
}

.fondocolor>.ui-layout-unit-content, .transparent, .transparent>.ui-layout-unit-content
	{
	background: transparent;
}

.ui-layout-container.transparent>.ui-layout-resizer {
	background-color: #006eb6;
}

.ui-commandlink.iconButton {
	background-color: #006eb6;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

.ui-commandlink.iconButton .iconButtonImg {
	margin-right: 7px;
	margin-left: 7px;
	margin-top: 7px;
	margin-bottom: 5px;
}

.ui-button.ui-widget, .ui-widget-content .ui-button.ui-widget {
	background: #83af00;
	font-weight: bold;
	color: white;
}

.ui-widget-header .ui-state-active a {
	color: white;
}

.ui-commandlink.iconButton:HOVER, .ui-button.ui-widget:HOVER,
	.ui-widget-content .ui-commandlink.iconButton:HOVER, .ui-widget-content .ui-button.ui-widget:HOVER
	{
	background: #B5DC1B
		url(../images/ui-bg_flat_30_B5DC1B_40x100.png.xhtml?ln=primefaces-vweb) 50%		
		50% repeat-x;
	color: black;
}

/*.ui-outputlabel {
	font-weight: bold;
}*/
.labeltitulo {
	margin-left: 10px;
	margin-top: 5px;
	font-size: 17px;
}

.layoutNorthStyleClass.ui-layout-north {
	z-index: 21 !important;
	overflow: visible !important;
}

.layoutNorthStyleClass.ui-layout-north .ui-layout-unit-content {
	overflow: visible !important;
}

.ui-datatable th.ui-sortable-column {
	background: #006eb6
		url(../images/ui-bg_flat_33_006eb6_40x100.png.xhtml?ln=primefaces-vweb) 50%
		
		50% repeat-x;
	color: white;
}

.ui-datatable th.ui-sortable-column.ui-state-active {
	color: #B5DC1B;
}

.ui-datatable .ui-paginator-page.ui-state-default.ui-state-active {
	background: #B5DC1B
		url("../images/ui-bg_flat_30_B5DC1B_40x100.png.xhtml?ln=primefaces-vweb") 50%		
		50% repeat-x;
	color: black;
}

.ui-datatable .ui-paginator-prev.ui-state-default .ui-icon {
	background-image: url("/csonline/javax.faces.resource/images/ui-icons_333_256x240.png.xhtml?ln=primefaces-vweb&v=10.0.0&e=10.0.0");
	    margin-top: -.06em;
    margin-left: -.02em;
}

.ui-datatable .ui-paginator-next.ui-state-default .ui-icon {
	background-image: url("/csonline/javax.faces.resource/images/ui-icons_333_256x240.png.xhtml?ln=primefaces-vweb&v=10.0.0&e=10.0.0");
	    margin-top: -.06em;
    margin-left: -.02em;
}

.iconOfButtonClass {
	background-color: white;
	height: 17px;
	width: 17px;
	max-width: 17px;
	max-height: 17px;
	/* display:inline; */
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.buttonOfIconClass {
	background-color: white;
	height: 21px;
	width: 21px;
	max-width: 21px;
	max-height: 21px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.buttonOfIconClass.active, .buttonOfIconClass.active .iconOfButtonClass,
	.iconOfButtonClass.active {
	background: #FFFFC0;
	border: 2px solid #006eb6;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0, 110, 182, 1);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0, 110, 182, 1);
	box-shadow: 2px 2px 5px 0px rgba(0, 110, 182, 1);
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

.mediaWrapper.mediaNoVisible {
	visibility: hidden;
}

.marginRightMuyLeve, .ui-button.marginRightMuyLeve {
	margin-right: 5px;
}

.marginRightLeve, .ui-button.marginRightLeve {
	margin-right: 10px;
}

.marginRightNormal, .ui-button.marginRightNormal {
	margin-right: 15px;
}

.marginRightSerio, .ui-button.marginRightSerio {
	margin-right: 20px;
}

.marginRightMuySerio, .ui-button.marginRightMuySerio {
	margin-right: 25px;
}

.marginLeftMuyLeve, .ui-button.marginLeftMuyLeve {
	margin-left: 5px;
}

.marginLeftLeve, .ui-button.marginLeftLeve {
	margin-left: 10px;
}

.marginLeftNormal, .ui-button.marginLeftNormal {
	margin-left: 15px;
}

.marginLeftSerio, .ui-button.marginLeftSerio {
	margin-left: 20px;
}

.marginLeftMuySerio, .ui-button.marginLeftMuySerio {
	margin-left: 25px;
}

.marginTop5 {
	margin-top: 5px;
}

.marginTop15 {
	margin-top: 15px;
}

.marginBottom20px {
	margin-bottom: 20px;
}

.verticalAlignBottom {
	vertical-align: bottom;
}

/* Esto es una treta para evitar que queden mal alineados los combos y checkbox incluidos en un panelFilterClass
 */
.panelFilterClass .ui-selectonemenu {
	margin-top: -4px;
	margin-bottom: -8px;
}

.panelFilterClass .ui-chkbox>.ui-chkbox-box {
	margin-bottom: -4px;
	p
}

/* Distinguir bien los tabs */
.ui-tabs-nav>.ui-state-default.ui-corner-top {
	border-color: #adadad;
	border-bottom-color: #006eb6;
}

.ui-tabs-nav>.ui-state-default.ui-corner-bottom {
	border-color: #adadad;
	border-top-color: #006eb6;
}

.ui-tabs-nav>.ui-state-active.ui-corner-top.ui-tabs-selected {
	border-color: #006eb6;
}

.ui-tabs>.ui-tabs-panels>.ui-tabs-panel.ui-corner-bottom {
	border-top-width: 1px;
}

.ui-tabs>.ui-tabs-panels>.ui-tabs-panel.ui-corner-top {
	border-bottom-width: 1px;
}

/* Mostrar mensaje emptyMessage en la tabla 
Esto no debiera ir como important si no fuera porque lo tenemos asi en el themes, donde tampoco debiera */
.showEmptyMessage .ui-widget-content .ui-datatable-empty-message {
	display: block !important;
}

.showEmptyMessage .ui-widget-content.ui-datatable-empty-message {
	border-right-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 0px;
}

.showEmptyMessage .ui-datatable-data {
	border-top-width: 0px;
	border-bottom-width: 0px;
}

.headerPanelClass {
	height: 69px;
	width: 100%;
}

.footerPanelClass {
	height: 48px;
	width: 100%;
}

#headerRightContainer {
	background-color: rgb(123, 170, 32);
	padding-left: 10px;
}

#footerRightContainer {
	background-color: rgb(0, 110, 182);
	padding-left: 10px;
}

/** con el width se procura evitar un problema en navegadores Android */
#beginContent {
	height: 0px;
	width: 100%;
}

.fullHeight, .fullHeight.ui-panel>.ui-panel-content {
	height: 100%;
}

/** reescribo unos estilos del layout.css */
/* .noPadding.ui-layout-unit>.ui-layout-unit-content */
.layoutNorthStyleClass>.ui-layout-unit-content, .layoutCenterStyleClass>.ui-layout-unit-content,
	.layoutSouthStyleClass>.ui-layout-unit-content {
	padding: 0px !important;
}

/* Para que la barra de progreso sea mas reconocible como tal */
.ui-fileupload-content .ui-widget-content div.ui-progressbar-value {
	background-image: url("/primefaces/fileupload/ie-anim.gif");
}

/* estilo añadido para seleccion tabla analitica*/
.marked {
	background-color: #fca752 !important;
	background-image: none !important;
	color: #000000 !important;
}

/* Estilo añadido para enlaces de email */
.mail {
	color: blue;
}

.noScroll .ui-datatable-tablewrapper {
	overflow-x: hidden;
	
}

.noScroll .ui-datatable-tablewrapper table {
	border-collapse: inherit !important;
}
	
.negrita {
	font-family: robotobold !important;
	font-size: 15px;
}

.negrita2 {
	font-weight: bold;
}
.subrayado {
	font-size: 1.2em;
    text-decoration: underline !important;
}
a:hover.negrita2 {
    color: #83af00 !important;
}

a:focus.negrita2 {
    color: #83af00 !important;
}
#formInfoLegal p{
	text-align: justify;
}

.justificado{
	text-align: justify;
}

.subrayado {
	text-decoration: underline !important;
}


.ui-widget-content .ui-state-error {
	    border: 1px solid red !important;
	    background: white;
}

.ui-inputtextarea.ui-state-error {
    border: 1px solid red !important;
    color: #f03369;
}

@media screen and (max-width: 576px) {
	/* body {
	         background-color: lightgreen;
	    } */
	
	
	
	/* .hasDatepicker2 {
			width: 50px !important;
	    }*/
	.ui-g-12 {
		padding: 0.2em !important;
	}
	
	.ui-selection-column {
		width: 30px !important;
	}
	
	.ui-radiobutton {
		display: block !important;
	}
	
	.radiotipocita-inline .ui-radiobutton,
	.radiotipocita-inline .ui-radiobutton-box{
		display: inline-block !important;
	}
	
	.ui-inputfield {
		padding: 2px !important;
	}
	
	.ui-panel .ui-panel-content {
		padding: 0em !important;
	}
	
	.ui-dialog .ui-dialog-content {
	overflow: scroll;
	}
}

/* @media screen and (min-width: 576px) {
	body {
         background-color: #ff8000;
    }
    
} */

.columRadio {
	width: 16px;
	/*text-align: center;*/
}

.columLupa {
	width: 40px !important;
}

.displayBlock {
	display: block !important;
}


.mt-15 {
	margin-top: -15px;
}

.mt-10 {
	margin-top: -10px !important;
}

.mt-5 {
	margin-top: -5px !important;
}

.mt12 {
	margin-top: 12px;
}

.mt15 {
	margin-top: 15px;
}

.mt18 {
	margin-top: 18px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

.ml-8 {
	margin-left: -8px;
}

.ml-5 {
	margin-left: -5px;
}


.ml5 {
	margin-left: 5px !important;
}

.ml7 {
	margin-left: 7px;
}

.ml8 {
	margin-left: 8px;
}

.ml10 {
	margin-left: 10px !important;
}

.ml15 {
	margin-left: 15px;
}

.ml20 {
	margin-left: 20px;
}

.ml50 {
	margin-left: 50px;
}


.pt20 {
	padding-top: 20px;
}

.pb20 {
	padding-bottom: 20px;
}

.displayNone {
	display: none;
}

.displayBlock {
	display: block;
}

.displayInline {
	display: inline !important;
}


.noIconos {
	display: block !important;
	font-size: 1.3em;
	text-align: center;
	color: #2e2e2e;
	display: block;
}

.taCenter {
	text-align: center;
}

.taLeft {
	text-align: left !important;
}

.taRight {
	text-align: right !important;
}

.pad3 {
	padding: 3em !important;
}

.mr10px {margin-right:10px !important;}
.mb10px {margin-bottom:10px !important;}


/* Medidas al ancho */
.w5 {width:5%;}
.w10 {width:10%;}
.w15 {width:15%;}
.w20 {width:20%;}
.w25 {width:25%;}
.w30 {width:30%;}
.w33 {width:33%;}
.w35 {width:35%;}
.w36 {width:36%;}
.w37 {width:37%;}
.w38 {width:38%;}
.w40 {width:40%;}
.w45 {width:45%;}
.w50 {width:50%;}
.w50 input{width:50%;}
.w50 input.ui-autocomplete-input {width:100%;}
.w55 {width:55%;}
.w58 {width:58%;}
.w60 {width:60%;}
.w65 {width:65%;}
.w70 {width:70%;}
.w75 {width:75%;}
.w80 {width:80%;}
.w88 {width:88%;}
.w85 {width:85%;}
.w90 {width:90%;}
.w95 {width:95%;}
.w96 {width:96%;}
.w99 {width:99.5%;}
.w100 {width:100%;}
.w101 {width:101%;}
.w150 {width:150%;}

.w30px {width:30px;}
.w32px {width:32px;}
.w50px {width:50px;}
.w60px {width:60px;}
.w90px {width:90px !important;}
.w125px {width:125px !important;}
.w200px{width:200px !important;}
.w250px {width:250px !important;}
.w650px {width:650px;}


.w4em {width:4em;}
.w10em {width:10em;}



.h146px{height:146px;}
.h155px{height:155px;}
.h170px{height:170px;}

.h300px{height:300px !important;}
.h600px{height:600px;}

/*Recorte de avatar*/
.avatarRecorte{
	width: 60% !important;
	
}

/* .jcrop-holder {
	width: 80% !important;
}

.jcrop-tracker {
	width: 100% !important;
}
 */
.noBorder {border: none !important;}

.top {
    filter: alpha(opacity=90);
    opacity: 0.9;
    padding: 25px 0 20px 50px;
    z-index: 1001;
    background: #2e2e2e;
    color: white;
    height: auto;
}

#listaRecursos .ui-datatable-scrollable-body {
	max-height: 330px;
}

#panelResultados .ui-panel-content{
	padding-left: 0px;
	padding-right: 0px;
}

.aviso_cabecera {
	font-size: 1.8em;
}

.ui-notificationbar span.ui-messages-warn-icon {
	margin-top: 2px;
	margin-right: 5px;
}

.ui-notificationbar li{
	font-size: 1.2em;
}

.ui-notificationbar a{
	color: white;
	text-decoration: underline !important;
}

.ui-notificationbar.ulogin a{	
	text-decoration: none !important;	
}


.ui-notificationbar button{
	margin-top: 10px;
}

#formRecursos:mapPanel .ui-panel-content{
	padding: 0px;
}

@media screen and (min-width: 700px) { /*grande, fondo blanco*/
	.prueba {
		height: 60% !important;
	}
	
	.ml-8mvl { margin-left: -8px} 
	
	.w60G {width: 60% !important;}
	.w80G {width: 80% !important;}
	
	.imgAvatarPanelLogin {
	    width: 45%;
	    margin-left: 35px !important;
	}
	
	.ml32pc{ margin-left: 32%;}
	
}


@media screen and (min-width: 576px) and (max-width: 700px) {  /*mediana, fondo violeta*/
  /*  body {
         background-color: #b3b3ff;
    }*/
    
    .prueba {
		height: 50% !important;
	}
	
	.imgAvatarPanelLogin {
        margin-left: 210px !important;
	}
	
	.ml-78px span{margin-left: -78px !important}
	
	.ml32pc{ margin-left: 32%;}

}

@media screen and (max-width: 576px) { /*pequeña, fondo naranja*/
	
	/*body {
         background-color: #ff8000;
    }*/
	
	.prueba {
		height: 90% !important;
	}  
	
	.h300pxP{height:300px !important;}
	
	.hAutoP {height: auto;}
	
	.w100P{width: 100% !important;}
	.w90P{width: 90% !important;}
	
	.ml-78px span{margin-left: -78px !important}
	
	.imgAvatarPanelLogin {
   		 margin-left: 90px !important;
	}
	
	.ui-selectonemenu-panel {
		max-width: 100%;
		left: 0px !important;	
	}
	
}


@media screen and (min-width: 1000px) and (max-width: 2000px) { 
		.ml12pc {margin-left: 12%;}
		
}

@media screen and (min-width: 700px) and (max-width: 998px) { 
		.fs14m{font-size: 14px !important;}
		
}


@media screen and (min-width: 400px) and (max-width: 700px) {
	
	.ml32pc{ margin-left: 32%;}
	
}

@media screen and (min-width: 800px) and (max-width: 1100px) {
	
	.minH245px { min-height: 245px !important;}
	
}

@media (max-width: 900px) {
	.w100datosPersonales {
		width: 100% !important;
	}
}



.acceso{
	margin: .5em 0;
		height: 46px;
		font-size: 18px;
}

.acceso2{
	margin: .5em 0;
		height: 46px;
		font-size: 18px;
}



.paLog {
	padding: 11.5px !important;
}

.pa20 {
	padding: 20px;
}

.fs14{font-size:14px !important;}
.fs15{font-size:15px !important;}
.fs17{font-size:17px !important; font-weight: bold;}
.fs1.5{font-size:1.5em !important;}
.fs1.1{font-size:1.1em !important;}


.fleft{float: left !important;}
.fright{float: right !important;}
.fcenter{float: center !important;}

.tcenter{text-align: center !important;}

.minH650px {min-height: 650px !important;}


.calLog {
    text-align: left !important;
    margin-bottom: 15px;
}

#upload{
    min-width: 295px !important;
}
input[type="file"].botonSeleccionar{
    display: none !important;
}
.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    background-color: #83af00 !important;
    color: white;
}
.croper{
	max-width: 100%;
}
/**/

.h182px{height:182px;}
.h196px{height:196px;}
.h200px{height:200px;}

.textEntrar { margin-top: 15px; font-size: 15px;} /*para pTextoEntrar*/
.h52px{height:52px;} /* para los div datos nif cip centra btn entrar*/
.h68px{height:68px;}

	

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
	color: #363636; 
}

.blackColor {color: black !important;}


ui-state-hover{
	border: none !important;
}

span.ui-column-title {font-weight: bold !important;}

a#ext-gen187 {
	background-image: url("../images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-vweb") !important; 
	background-color: #83af00 !important;
}


.sort-asc .x-grid3-sort-icon {
	height: 15px;
	background-color: #83af00 !important;
	background-image: url("../images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-vweb")
}

.sort-desc .x-grid3-sort-icon {
	height: 15px;
	background-color: #83af00 !important;
	background-image: url("../images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-vweb")
}

.bordeTabla  {border-bottom: 1px solid #ddd !important;}

.top100px {top: 100px !important;}

.enlacesInteresVerde {
    color: #83af00 !important;
}

a:hover.enlacesInteresTxt {
    color: #83af00 !important;
}

a:focus.enlacesInteresTxt {
    color: #83af00 !important;
}

.enlacesInteresTxt {
    margin-left: 10px;
    font-size: 1.1em;
}

@media screen and (min-width:0\0) {
	
	.x-form-field-wrap .x-form-trigger{
	    background-position: -64px -11px !important;
	}
	
	.x-form-field-wrap .x-form-date-trigger {
		 background-position: -64px -11px !important;
	}
	
	.x-form-field-wrap .x-form-clear-trigger {
		 background-position: -64px -11px !important;
	}
	
	.x-form-field-wrap .x-form-search-trigger {
		 background-position: -64px -11px !important;
	}
}


.hcd{width: 100%; height: 600px; border: none;}

.btnCertDig {
	background-image: url("/csonline/resources/csv/img/accesoCD.gif") !important;
}

#barraaceptacion {
    display:none;
    position:fixed;
    left:0px;
    right:0px;
    bottom:0px;
    padding-bottom:20px;
    width:100%;
    text-align:center;
    min-height:40px;
    background-color: rgba(0, 0, 0, 0.82);
    color:#fff;
    z-index:99999;
}
 
.inner {
    width:100%;
    position:absolute;
    padding-left:5px;
    font-family:verdana;
    font-size:12px;
    top:30%;
}
 
.inner a.ok {
    padding:4px;
    color: rgb(131, 175, 0);
    text-decoration:none;
}
 
.inner a.info {
    padding-left:5px;
    text-decoration:none;
    color: rgb(229, 229, 229);
}

.cerrarLink{
	padding:4px !important; 
    color: rgb(131, 175, 0) !important;
    text-decoration:none !important;
}

.logoJunta{
	width: 253px
}

.logoSES {
	padding-top: 4px;
}

/* ESTILOS PARA COMENTARIO EN TABLA DE ANALISIS */

.descripcionColumn {
	width:35%;
}

.valorColumn {
	width:25%;
}

.descripcionColumn div {
	padding: 0;
	margin: 0;
}

.descripcionColumn .ui-panel .ui-panel-titlebar {
	padding: 0;
    margin: 0;
    color: black;
    font-family: robotoregular;
    font-weight: normal;
}

.ui-datatable tr.ui-datatable-even:hover .descripcionColumn .ui-panel .ui-panel-titlebar,.ui-datatable tr.ui-datatable-even:hover .ui-widget-content {  
    color: white ;    
}

.ui-datatable tr.ui-datatable-odd:hover .descripcionColumn .ui-panel .ui-panel-titlebar,.ui-datatable tr.ui-datatable-odd:hover .ui-widget-content {  
    color: white ;    
}

.descripcionColumn .ui-widget-content, .descripcionColumn .ui-widget-header,.descripcionColumn .ui-panel .ui-panel-titlebar {
	background-color: transparent !important;
}

.descripcionColumn .ui-state-default, .descripcionColumn .ui-widget-content .ui-state-default,.descripcionColumn .ui-widget-header .ui-state-default {
    background: #83af00;
}

.descripcionColumn .ui-panel .ui-panel-titlebar-icon {
	margin-left: 0; 
    margin-top: 0.1em;
    margin-right: 0.8em;
}

.descripcionPanel tbody tr td {
	font-size: 12px;
	font-style: oblique;
}

.ui-datatable tr.ui-datatable-odd:hover #urlCita, .ui-datatable tr.ui-datatable-even:hover #urlCita {
	color:white !important;
}

.icon-enlace-citas {
	margin-left:.3em; 
}

#enlace-detalles-cita:hover {
	color: black !important;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight #urlCita, .ui-widget-header .ui-state-highlight #urlCita {
	color: white !important;
}

.underline {
	text-decoration: underline !important;
}

#urlCita:focus, #enlace-detalles-cita:focus {
	color: #363636 !important;
}

@media screen and (min-width: 1100px) and (max-width: 2000px) { 
		#barraaceptacion {
		    min-height:40px;
		}
		
}

@media screen and (min-width: 700px) and (max-width: 1100px) { 
		#barraaceptacion {
		    min-height:60px;
		}
		
}


@media screen and (min-width: 400px) and (max-width: 700px) {
	
		#barraaceptacion {
		    min-height:80px;
		}
			
}

@media screen and (min-width: 1px) and (max-width: 400px) {
	
		#barraaceptacion {
		    min-height:120px;
		}
	
			
}

#formPanelLogin	.fa-pencil-square-o {
    margin-top: -6px;
}

.content_cip_info {
	display: flex;
    justify-content: center;
    padding-top: 25px;
    padding-bottom: 15px;
}




.contenerdorComboTelefono {
	display: flex;
	align-items: center;
	flex-direction: row;
}

.sizeInputTelefono {
	margin-left: 1em; 
	width: 7em !important;
}

.sizeComboTelefono {
	margin-left: 1em; 
	width: 9em !important;
}

.anotacionTelefonoContacto {
	font-size: .7em;
	font-weight: bold;
}

.advertenciaAvisoLegal {
	border: 1px solid;
    padding: 8px;
}