#header{background-color: #FFF;width: 100%;}
#header > div{padding:0px;}
form{display: flex; flex-direction: column;}
div#contentPage{height: 100vh;}

@media (max-width:801px)  {
	form > div.ui-g > div.ui-g-1{width:0%;}
	form > div.ui-g > div.ui-g-10{width:100%;}
}
@media (max-width:449px)  {
	div.homeBtn{margin:auto;}
	#pageCenter div.content{padding-bottom:80px;;width:96%;margin:auto;}
	#footer{border-top:1px solid #ccc;width:100%;margin:auto;text-align:center;padding:0px;margin-top:-75px;height: 45px;}
	.panelBorder{border-top:1px solid #ddd;width: 100%;margin:auto;padding:0px;background: #fff;}
	.panelBorder .ui-panel-content{padding:0px;}
	.formResponsive div.ui-md-9 input{max-width:98%;}
	
}
@media (min-width:450px)  {
	#pageCenter div.content{padding:0px 30px;padding-bottom:40px;}
	.panelBorder{border:1px solid #ddd;border-left: 6px solid #ddd;padding-left:10px !important;background: #fff;}
	.formResponsive div.ui-md-3{max-width:200px;text-align: right;}
	.formResponsive div.ui-md-9 input{max-width:600px;}
	#footer{border-top:1px solid #ccc;width:83.3333%;margin:auto;text-align:center;padding:0px;margin-top:-30px;height: 29px;}
}
html,body,form{height: 100%;}
*{font-family: Titillium Web, Verdana, Arial, Helvetica, sans-serif;}


div#pageCenter{min-height: 100%;display: inline;padding-top:20px;}
div#headerPanel{width:96%;text-align: left;margin:auto;}
body {
	font-size: 14px;
	margin:0px;
	background-color: #e3e3e3;
}
#pageCenter{background-color: #FFF;padding: 0px;box-shadow:0px 0px 4px rgba(0,0,0,0.25);-moz-box-shadow:0px 0px 4px rgba(0,0,0,0.25);-webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.25);}

.tableM{max-width: 700px;}
.tableL{max-width: 1024px;}
.westLayout{width:2% !important;background-color: #e3e3e3;}
.westLayout div.ui-layout-unit-content{background-color: #e3e3e3;}
div#messagesRegion{padding:0px;}
.bgGrey{background-color: #e3e3e3;}
/* LABEL */
form label.required {
	font-weight: bold;
}

form .required-pseudo-label {
	font-weight: bold;
}
img.logoHeader{max-width:100%;width: 500px;}

div .ui-menu.ui-menubar {
	background-color: transparent;
	background: rgb(129, 127, 126); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(129, 127, 126, 1) 0%,
		rgba(84, 82, 80, 1) 65%, rgba(84, 82, 80, 1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(129,
		127, 126, 1)), color-stop(65%, rgba(84, 82, 80, 1)),
		color-stop(100%, rgba(84, 82, 80, 1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(129, 127, 126, 1) 0%,
		rgba(84, 82, 80, 1) 65%, rgba(84, 82, 80, 1) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(129, 127, 126, 1) 0%,
		rgba(84, 82, 80, 1) 65%, rgba(84, 82, 80, 1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(129, 127, 126, 1) 0%,
		rgba(84, 82, 80, 1) 65%, rgba(84, 82, 80, 1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(129, 127, 126, 1) 0%,
		rgba(84, 82, 80, 1) 65%, rgba(84, 82, 80, 1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#817f7e',
		endColorstr='#545250', GradientType=0); /* IE6-9 */
	border: none;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}

/*only apply to topmenu entries */
li.topmenu>a>.ui-menuitem-text, a.topmenu>.ui-menuitem-text {
	color: #ffffff;
}

a .ui-menuitem-text {
	color: #000000;
	font-weight: bold;
	margin-right: 5px;
}

.ui-autocomplete-panel {
	max-height: 200px;
}
/* fix menu child width */
.ui-menu .ui-menu-parent .ui-menu-child {
	width: auto !important;
}

.ui-menu {
	width: auto !important;
}

/* action column in datatable */
.actions-column {
	width: 110px !important;
}

/* error messages */
.ui-error-message {
	display: inline-block;
}

/* info message */
div .ui-messages-info {
	background-color: #ddffdd;
	border-color: #aaddaa;
}

div.searchResult {
	background-color: #f5f5f5;
	border: #bbb solid 1px;
	padding: 5px;
	margin: 10px 0px;
}

/* aria live region for search results */
#searchResultsRegion {
	margin: 5px;
	display: inline-block;
	font-weight: bold;
	font-size: 110%;
	color: #003b7d;
}

/* alternate dataTable row color */
.ui-datatable-odd {
	background: none repeat scroll 0 0 #F2F5F9;
}

/* change dataTable row color when mouse goes over it and keep the selected line text black */
.ui-datatable tr.ui-datatable-even:hover, .ui-datatable tr.ui-datatable-odd:hover
	{
	background: #BDE5F8;
	color: black !important;
}

.ui-datatable .ui-datatable-footer {
	text-align: left !important;
}

/* ICONS for p:commandButon. Note the usage of JSF2 resource facility */
.iconView {
	background-image: url("/javax.faces.resource/icons/eye.png.xhtml") !important;
}

.iconEdit {
	background-image: url("/javax.faces.resource/icons/pencil.png.xhtml") !important;
}

.iconDelete {
	background-image: url("/javax.faces.resource/icons/cross.png.xhtml") !important;
}

.iconSelect {
	background-image: url("/javax.faces.resource/icons/accept.png.xhtml") !important;
}

.iconSearch {
	background-image: url("/javax.faces.resource/icons/find.png.xhtml") !important;
}

.iconHelp {
	background-image: url("/javax.faces.resource/icons/help.png.xhtml") !important;
}

.iconAdd {
	background-image: url("/javax.faces.resource/icons/add.png.xhtml") !important;
}

.iconExcel {
	background-image: url("/javax.faces.resource/icons/excel.png.xhtml") !important;
}

html body .ui-state-error {
	color: black;
	background: #ffeeee;
	border: 1px solid #CD0A0A;
}

/* tabs */
/*
div.ui-layout-unit div.ui-tabs {
	margin-bottom: 10px;
}

div.ui-tabs ul.ui-widget-header.ui-tabs-nav {
	padding: 0px 0px 1px 0px;
}

div.ui-tabs ul.ui-widget-header.ui-tabs-nav li a, div.ui-tabs ul.ui-widget-header.ui-tabs-nav li.ui-state-active a
	{
	border: #bbb solid 1px;
	border-bottom: none;
	font-weight: bold;
	color: #003b7d;
	padding: 5px 10px;
}
*/
div.ui-tabs div.ui-tabs-panel {
	background-color: #f5f5f5;
	border: #ddd solid 1px;
	border-top: none;
}

/* p:dataTable */
.ui-datatable .ui-datatable-data td, .ui-datatable .ui-datatable-data-empty td
	{
	text-align: center;
}

/* right align numbers in p:dataTable */
.ui-datatable .ui-datatable-data td.numeric {
	text-align: right;
}

.ui-datatable th.ui-sortable-column div.ui-dt-c {
	padding: 4px 15px;
}

.ui-datatable th.ui-state-default {
	border: 1px solid #b3b3b3;
	background: #ffdea6;
	box-shadow: none;
	text-shadow: none;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}

/* p:layout*/
.ui-layout-north {
	z-index: 20 !important;
	overflow: visible !important;
}

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

.ui-layout-south .ui-layout-unit-content {
	text-align: center;
}

.ui-layout, .ui-layout-doc, .ui-layout-unit, .ui-layout-wrap,
	.ui-layout-bd, .ui-layout-hd {
	border: none;
}

/* header */
.userInfo {
	float: right;
	text-align: right;
	padding-right: 5px;
}

.userInfo-welcome {
	background: transparent url("/javax.faces.resource/icons/home.png.xhtml") no-repeat
		center left;
	padding: 5px 5px 5px 20px;
}

.userInfo-user {
	background: transparent url("/javax.faces.resource/icons/login.png.xhtml") no-repeat
		center left;
	padding: 5px 5px 5px 20px;
}

.userInfo-monitoring {
	background: transparent url("/javax.faces.resource/icons/bug_link.png.xhtml")
		no-repeat center left;
	padding: 5px 5px 5px 20px;
}

.userInfo-mantis {
	background: transparent url("/javax.faces.resource/icons/mantis.ico.xhtml") no-repeat
		center left;
	padding: 5px 5px 5px 20px;
}

.userInfo-es {
	background: transparent url("/javax.faces.resource/icons/es.png.xhtml") no-repeat
		center left;
	padding: 5px 5px 5px 20px;
}

.userInfo-en {
	background: transparent url("/javax.faces.resource/icons/us.gif.xhtml") no-repeat
		center left;
	padding: 5px 5px 5px 20px;
}

.userInfo-cat {
	background: transparent url("/javax.faces.resource/icons/cat.png.xhtml") no-repeat
		center left;
	padding: 5px 5px 5px 20px;
}

.userInfo-en {
	background: transparent url("/javax.faces.resource/icons/en.png.xhtml") no-repeat
		center left;
	padding: 5px 5px 5px 20px;
}

.userInfo-gl {
	background: transparent url("/javax.faces.resource/icons/gl.png.xhtml") no-repeat
		center left;
	padding: 5px 5px 5px 20px;
}

.userInfo-eu {
	background: transparent url("/javax.faces.resource/icons/eu.png.xhtml") no-repeat
		center left;
	padding: 5px 5px 5px 20px;
}

.message_alert {
	color: red;
	font-weight: bold;
}

/* login page */
.loginBox {
	width: 600px;
	margin: 50px auto;
}

.environment {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 58px;
	height: 58px;
	z-index: 1000;
}

.Development {
	background: transparent
		url("/javax.faces.resource/icons/environment/development.gif.xhtml") no-repeat top
		left;
}

.Integration {
	background: transparent
		url("/javax.faces.resource/icons/environment/integration.gif.xhtml") no-repeat top
		left;
}

.Production {
	background: transparent
		url("/javax.faces.resource/icons/environment/production.gif.xhtml") no-repeat top
		left;
}

.version {
	position: fixed;
	left: 170px;
	top: 5px;
	font-size: 10px;
	font-weight: bold;
	z-index: 1;
}

.title {
	white-space: pre-line;
	text-align: center;
}

.navigation {
	position: fixed;
	left: 0;
	top: 82px;
	height: 28px;
	width: 100%;
}


.ui-state-highlight .ui-icon {
	background-image:
		url("/javax.faces.resource/images/ui-icons_333333_256x240.png.xhtml?ln=primefaces-bootstrap&v=11.0.0");
}

.ui-autocomplete-panel {
	max-height: 200px;
}

/* Autocomplete multiple*/
.ui-autocomplete-multiple {
	width: 400px !important;
}

.ui-autocomplete-multiple ul {
	display: inline-block;
	/*original width:90% !important; */
	/* Para que tenga el mismo tamaño que un input text size 50 */
	width: 25.5em !important;
}

.ui-autocomplete-multiple .ui-button {
	display: inline-block;
	vertical-align: top;
}

.ui-autocomplete-multiple .ui-button .ui-button-text {
	line-height: 1.1;
}

/* Autocomplete multiple : extend text zone in which the user types */
.ui-autocomplete-input-token {
	width: 100% !important;
}

.ui-autocomplete-input-token input {
	width: 100% !important;
}

/* Autocomplete multiple : if all selected elements are too big, make sure the button to remove them is visible and clickable */
.ui-autocomplete-token {
	max-width: 100%;
}

.ui-row-editor {
	display: inline-block;
}

.ui-cell-editor {
	margin-right: 25px;
}

.ui-cell-editor-input {
	margin-left: 10px;
	margin-right: 10px;
}

/* Para alinear los contenidos de los combos a la izquierda sin margen */
.ui-fieldset-content td label {
	display: block;
	text-align: left;
}

/* Clase bordeless para quitar fondo y borde de dataGrid para formulario dinamico */
.bordeless .ui-datagrid-content {
	background: none !important;
	border: none !important;
	vertical-align: top !important;
}

/* Clase para la lista de páginas de la edición del formulario dinámico */
.listPages  .ui-datagrid-data {
	width: auto !important;
}

/* Para el textarea de las condiciones en los formularios dinamicos */
.conditions {
	
}

/* SelectOneList de selección de tipo de certificado */
.selectCertificado {
	height: 150px !important;
	width: 250px !important;
}

/* Página de Edición de Formularios: Panel de página que Evalua true */
.panelPaginaEntryTrue {
	background-color: #ddffdd;
}
/* Página de Edición de Formularios: Panel de página que Evalua false*/
.panelPaginaEntryFalse {
	background-color: lightGrey;
}
/* Página de Edición de Formularios: Panel de página que Evalua a error */
.panelPaginaEntryError {
	background-color: #F06363;
}
/* Página de Edición de Formularios: Panel de página seleccionada actualmente */
.panelPaginaSelected {
	border: 4px solid darkgray !important;
}

/* Alineacion del contenido de las tablas a top */
.ui-datagrid-column {
	vertical-align: top;
}

.align-top, table.align-top td {
	vertical-align: top;
}
.textRight{text-align: right;}
.textLeft{text-align: left;}
.centered,.textCenter {
	text-align: center;
}

.titulolabel {
	font-size: 20px !important;
	background: transparent;
	border-radius: 10px;
	height: 10px;
	width: 400px;
	margin-left: 10px;
	box-shadow: -10px 20px 0 0 #000;
}

.test1_titulolabel {
	background:
		url(http://localhost:8888/CertificadosElectronicos/javax.faces.resource/img/bg_label.png.faces?ln=)
		0px 5px;
	background-repeat: repeat-x;
	padding-left: 15px;
	padding-right: 150px;
	padding-bottom: 10px;
	font-size: 15px;
	color: blue;
}
h1{border-bottom:1px solid #ccc;}
h1, h2, h3 {
	color: #016383;
}
.margin-top-10 {margin-top: 10px;}
.margin-top-15 {margin-top: 15px;}
.margin-top-20 {margin-top: 20px;}
.margin-top-30 {margin-top: 30px;}
.margin-10 {margin: 10px;}

td.wizardContent {
	padding-left: 15px;
	vertical-align: top;
	width: 100%;
}

td.wizardStep {
	vertical-align: top;
	border-right: 1px solid #ddd;
	min-width: 180px;
	padding-top: 20px;
}

td.wizardStep2 {vertical-align: top;min-width: 180px;margin-right: 10px;}

div.botonesLayout {
	border-top: 1px solid #eee;
	margin-top: 10px;
	padding-top: 10px;
	width:100%;
	display:inline-block;
}

hr.lightSeparator{
	border-top: 1px solid #eee !important;
	border-bottom: 0px !important;
	margin:15px 10px;;
}
div.especialidades {
	margin-top: 30px;
	max-width: 500px;
	width: 100%;
}

div.idiomas {
	width: 200px;
	margin-bottom: 15px
}

div.especialidades div.ui-datalist-header {
	background-color: #ffdea6;
}

.columnLabel {
	width: 250px;
	vertical-align: top;
}

.columnLabelShort {
	width: 150px;
}

.panelTitle {
	color: #016383;
	font-size: 16px;
	font-weight: bolder;
	margin-bottom: 10px;
	display: block;
}

label.ui-state-disabled, .ui-widget.ui-state-disabled, .ui-inputfield.ui-state-disabled
	{
	opacity: 0.75;
}

.tabview {border-bottom:0px !important;;}
.tabview ul.ui-tabs-nav{padding:0px !important;border-bottom:0px;}
.ui-tabs-nav li a{color: #016383 !important;}
.ui-tabs-nav li.ui-tabs-selected {
	background-color: #f5f5f5 !important;
	color: #000;
}

.ui-tabs-nav li.ui-tabs-selected a {
	text-shadow: none !important;
}

span.requisitoOk {
	background: transparent url(../img/requisitoOk.png.faces);
	width: 25px;
	height: 25px;
	float: left;
	background-size: contain;
}

span.requisitoKo {
	background: transparent url(../img/requisitoKo.png.faces);
	width: 25px;
	height: 25px;
	float: left;
	background-size: contain;
}

.panelAyuda{max-width: 1200px;margin-top:15px;margin-bottom:20px;}
.panelAyuda img{max-width:100%;border:1px solid #000;}
.panelAyuda div.ui-accordion{border:solid 1px #eee;}
.panelAyuda div.ui-accordion h3{background-color:#eee;}
.panelAyuda div.ui-accordion span.ui-icon{display:inline}
ul.ayudaList > li{margin-bottom:10px;}
.mainTitle,.encabezado{color:#016383;font-size:1rem;font-weight: bold;margin-bottom:15px;display:block;text-decoration: underline;}
.mainTitle{font-size: 18px;}
.underline{text-decoration: underline;}
.certDialog div.ui-dialog-titlebar{background-color:#016383 !important;color:#fff;padding:4px 15px !important;}
.errorTable{margin:15px;}
.uppercase{text-transform: uppercase;}
.toolbarCgcom{margin-bottom:20px;}
.toolbarCgcom > button{margin-right:15px;padding:2px;}
.marginL10{margin-left: 10px;}
.marginL30{margin-left: 30px;}
.marginT0{margin-top: 0px;}
.marginT10{margin-top: 10px;}
.marginT20,.marginTB20{margin-top: 20px;}
.marginB5,.marginTB5{margin-bottom: 5px;}
.marginB10,.marginTB10{margin-bottom: 10px;}
.marginB20,.marginTB20{margin-bottom: 20px;}
.marginT25{margin-top: 25px;}
.marginT15{margin-top: 15px;}
.marginB25{margin-bottom: 25px;}
.marginTB25{margin: 25px 0px;}
.width25{width:25%;}
.width50{width:50%;}
.width95{width:95%;}
.width100{width:100%;}
.paddingL30{padding-left: 30px;}
.paddingLR0{padding-left:0px !important;padding-right: 0px !important;}
.padding0{padding:0px;}
.vTop{vertical-align: top;}
div.ui-toolbar{min-height:30px;}
.panelGridBorder0 tr,.panelGridBorder0 .ui-panelgrid-cell{border-width:0px !important;}
button.iconTop{width:100%;max-width: 120px;height: 120px;}
button.iconTop span{margin: auto;}
button.iconTop span.ui-button-icon-left{position: relative;top:0;left:0;line-height: 32px !important;font-size: 32px;width: 40px;height: 40px;}
button.iconTop span.ui-button-text{margin:auto;padding:0px;text-transform: uppercase;}
.fontBold,.label{font-weight: bold;}
.labelDef{font-style: italic;padding-left:5px;}

.tooltipCausa{display: none;color:#fff;width:95%;text-align: justify;}
div.triangleCuadro{margin:auto;color:#FFF;background-color: #4c4c4c;padding:4px;}
div.triangleCuadroBorder{margin:auto;border: 1px solid #4c4c4c;width: 60px;}
div.triangleDown{width:0px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:8px solid #4c4c4c;margin:auto;}
.tooltipCausa div.triangleCuadro{width:100%;}
.debidoA{width:95%;text-align: center;}yell
div.triangleUp{width:0px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #4c4c4c;margin:auto;}
div.hidePdfToolbar #toolbarViewerRight{display:none !important;}
/* WIZARD STEPS*/
div.stepsWizard > div{border:1px solid #CCC;background-color: #fff8e6;margin-right: 10px;}
div.stepsWizard div.activeStep {
	font-weight: bold;
	background-color: #ffab0099;
}
.completeStep {
	color: green;
}
.uncompleteStep {}
.tdAction{width:32px;text-align: center;}
div.formulario{display: inline-block;width: 100%;}
div.formulario > div{float: left;margin: 5px 10px 0 0;}
div.formulario > div.newLine{clear: left;}
div.formulario > div > span,div.formulario > div > div{float:left;clear: both;}
div.homeBtn{max-width: 130px;font-size:13px;}
div.causa{max-width: 600px;}
div.borderGrey{border:1px solid #ccc;}
div.pdfReader{text-align: center;}
div.pdfReader div{max-width: 860px;margin:auto;background-color: #424242;}
div.pdfReader img{width:100%;max-width:750px;border:1px solid #eee;}
span.labelV,span.valueV{display:block;font-size:14px;}
span.labelV{text-transform: uppercase;border-bottom:1px solid #eee;max-width:400px;margin-top: 10px; }
span.valueV{font-weight: bold;text-transform: uppercase;padding-left:10px;}
.ui-button.btnCgcom{background-image: none;text-shadow: none;color:#fff;padding:4px;margin-right: 5px;text-transform: uppercase;}
.ui-button.btnLightBlue{background-color: #5bc0de; border:1px solid #46b8da;}
.ui-button.btnLightBlue:hover{background-color: #31b0d5; }
.ui-button.btnRed{background-color: #d9534f; border:1px solid #d43f3a;}
.ui-button.btnRed:hover{background-color: #c9302c; }
.ui-button.btnBlack{background-color: #555555; border:1px solid #555555;}
.ui-button.btnBlack:hover{background-color: #888888; }
.ui-button.btnGrey{background-color: #d5d5d5; border:1px solid #a59898;color:#000;}
.ui-button.btnGrey:hover{background-color: #9e9e9e; }
.ui-button.btnDarkGrey{background-color: #494949; border:1px solid #a59898;color:#fff;}
.ui-button.btnDarkGrey:hover{background-color: #9e9e9e; }
.ui-button.btnOrange{background-color: #f0ad4e; border:1px solid #eea236;}
.ui-button.btnOrange:hover{background-color: #ec971f; }
.ui-button.btnGreen{background-color: #5cb85c; border:1px solid #4cae4c;}
.ui-button.btnGreen:hover{background-color: #449d44; }
.borderB{border-bottom:1px solid #eee;}
.marginLabel{margin:0 16px 0 8px;}
div.form{display: inline-block;width:100%;}
div.form > div{display: block; float:left;padding:3px;border:1px solid #eee; margin: 3px;}
div.formGreen{background-color: #c8e6c9;}
div.formLV{ width: 100%; max-width:500px;}
div.formText{width: 100%;}
div.formLV > div{float:left;}
div.formLeft{clear:left;float:left;}
div.formIcon,div.formData{height: 64px;}
div.formData{width:75%;}
div.formIcon{width:25%;text-align: center;font-size: 32px;}
div.formIcon > i {margin-top:16px;}
div.formLabel, div.formValue{width:100%; height: 32px;}
div.formValue{padding-left:15px;}
div.formLabel{text-transform: uppercase;font-weight: bold;}
div.formValue{font-size: 18px;}
.errorMsg{font-size: 1rem;}
div.certDialog div.ui-dialog-content{font-size: 1rem !important;}
div.breadcrumb{ display:inline-block;}
div.breadcrumb *{float: left;}
div.breadcrumb div.separator{padding:0px 3px;}
div.breadcrumb a ,div.breadcrumb a:hover,div.breadcrumb a:visited {text-decoration: none;color:#000;font-size:1rem;}