.login {
	background: url(../img/ipay-background.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

.loginOther {
	background: url(../img/ipay-background.jpg);
	background-size: cover;
}

.loginOther:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: -1;
}

.ancho {
	width: 200px;
}

.textFont {
	font-weight: bold;
	color: #0073cc !important;
}

.loginmodal-container {
	padding: 30px;
	max-width: 350px;
	width: 100%;
	background-color: #e1e8f3;
	margin: 0 auto;
	border-radius: 15px;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	overflow: hidden;
	font-family: roboto;
}

.paragraphHomePage {
	display: block;
	width: 73%;
	margin-top: 8%;
	margin-left: 13%;
}

@media ( min-width : 500px) and (max-width: 720px) {
	.loginmodal-container {
		margin-right: auto !important;
		margin-top: 11vh;
		max-width: none !important;
		width: 80% !important;
	}
	.paragraphHomePage {
		margin-top: 18%;
	}
}

@media ( min-width : 401px) and (max-width: 499px) {
	.paragraphHomePage {
		margin-top: 34%;
	}
}

@media ( max-width : 400px) {
	.paragraphHomePage {
		margin-top: 48%;
	}
}

@media ( min-width : 721px) and (max-width: 840px) {
	.paragraphHomePage {
		margin-top: 13%;
	}
}

@media ( max-width : 499px) {
	.loginmodal-container {
		margin-right: auto !important;
		margin-top: 15vh;
		max-width: none !important;
		width: 80% !important;
	}
}

/* Home page responsive and tables align */
@media ( max-width : 720px) {
	.loginHeader {
		text-align: center;
	}
	.panelFlotante, .messageFlotante {
		width: 94% !important;
	}
	.linkColor {
		font-size: small !important;
	}
	.homePageContainer {
		position: absolute;
		width: 99%;
	}
	.valNumeric {
		text-align: center;
	}
	.buttonMinSizeHP {
		min-width: 105px;
	}
	.paragraphHomePage {
		display: block;
		width: 78%;
	}
	.banner.ui-notificationbar.ui-widget.ui-widget-content {
		top: 16% !important;
		padding: 0px !important;
		height: 5%;
		border: 0px;
		position: absolute;
		width: 100%;
	}
	.gridSimple>.ui-datagrid-content>.ui-grid-row {
		display: inline-block;
	}
}

/* Responsive table align */
@media ( min-width : 721px) {
	.loginmodal-container {
		margin-top: 8vh;
	}
	.valNumeric {
		text-align: right !important;
	}
	.buttonMinSizeHP {
		min-width: 180px;
		height: 115%;
	}
	.banner.ui-notificationbar.ui-widget.ui-widget-content {
		top: 16% !important;
		padding: 0px !important;
		height: 64px;
		border: 0px;
		position: absolute;
		width: 100%;
	}
}

.ui-scrollpanel {
	width: 100% !important;
}

.ui-scrollpanel-container, .ui-scrollpanel-content {
	width: auto !important;
}

.loginmodal-container h1 {
	text-align: center;
	font-size: 1.8em;
	font-family: roboto;
}

.loginmodal-container input[type=submit] {
	display: block;
	margin-bottom: 10px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5%;
	border-radius: 3px;
}

.loginmodal-container input[type=text], input[type=password] {
	height: 44px;
	font-size: 16px;
	width: 100%;
	margin-bottom: 3px;
	margin-top: 8px;
	-webkit-appearance: none;
	background: #fff;
	border: 1px solid #d9d9d9;
	border-top: 1px solid #c0c0c0;
	/* border-radius: 2px; */
	padding: 0 8px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-radius: 7px;
}

.loginmodal {
	text-align: center;
	font-size: 14px;
	font-family: 'Arial', sans-serif;
	font-weight: 700;
	height: 36px;
	padding: 0 8px;
	/* border-radius: 3px; */
	/* -webkit-user-select: none;
  user-select: none; */
}

.loginmodal-container input[type="submit"]:hover {
	border: 0px;
	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
	background-color: #87cefa;
	background-image: none;
	border: 2px solid #0073cc;
}

.loginmodal-container a {
	color: #000000;
	font-weight: 400;
	text-align: center;
	display: inline-block;
	opacity: 0.8;
	transition: opacity ease 0.5s;
}

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

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

.center {
	text-align: center;
}

.top {
	vertical-align: top;
}

.colValor {
	vertical-align: top;
	text-align: right;
}

.colTexto {
	vertical-align: top;
	text-align: left;
}

.colFecha {
	vertical-align: top;
	text-align: center;
}

.borderNone {
	border: none;
}

.borderSolid1P {
	border: 1px solid;
}

.paddingTop20P {
	padding-top: 20px !important;
}

.paddingTop50P {
	padding-top: 50px !important;
}

.paddingBottom50P {
	padding-bottom: 50px !important;
}

.paddingBottom100P {
	padding-bottom: 100px;
}

.paddingBottom0P {
	padding-bottom: 0px;
}

.hidden {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: -5000px;
}

.orange {
	color: #FFD7A0 !important;
}

.orangeBold {
	color: #E88521 !important;
	font-weight: bold !important;
}

.blue {
	color: blue !important;
}

.negro {
	color: #000000;
}

.rojo {
	color: red;
}

.azulOscuro {
	color: #384c61 !important;
}

.backgroundBlanco {
	background-color: #ffffff;
}

.textAlignRight {
	text-align: right;
}

.textBold {
	font-weight: bold;
}

.textItalic {
	font-style: italic;
}

.colorLetraGris {
	color: #546e7a;
	font-size: 14px;
}

.ocultar {
	display: none;
}

.inputOculto {
	opacity: 0;
	position: absolute;
	left: -5000px;
	height: 0px;
}

.tdAlignTop {
	vertical-align: top;
	padding-left: 0px;
	padding-right: 2px;
}

.tdAlignRight {
	float: right;
}

/*Estilos para los Fieldset*/
.fieldsetEstilo {
	background-color: #e6e7e9;
	border-radius: 5px;
	border-color: #e6e7e9;
	border-style: solid;
	border-width: 2px;
	padding: 10px;
	box-shadow: 0px 0px 10px #888888;
	margin-top: 10px;
}

.fieldsetEstilo legend {
	background-color: #0073cc;
	vertical-align: top;
	font-weight: bold;
	font-size: 15px;
	color: white !important;
	font-family: Arial, Verdana, sans-serif;
	border: 1px solid #69b9f7;
	border-radius: 3px;
	padding-left: 5px;
	padding-right: 5px;
	width: auto;
	line-height: 20px;
}

.mayus.fieldsetEstilo legend {
	font-size: 12px !important;
	font-weight: normal;
}

.etiquetaTitulo {
	color: #384c61 !important;
	vertical-align: top;
	font-weight: bold;
}

/*Textos*/
.colTexto35Per {
	width: 35%;
	vertical-align: top;
	text-align: left;
}

.colTexto50Per {
	width: 50%;
	vertical-align: top;
	text-align: left;
}

.colTexto60Per {
	width: 60%;
	vertical-align: top;
	text-align: left;
}

.colTexto70Per {
	width: 70%;
	vertical-align: top;
	text-align: left;
}

.colTexto80Per {
	width: 80%;
	vertical-align: top;
	text-align: left;
}

.colTexto82Per {
	width: 82%;
	vertical-align: top;
	text-align: left;
}

.colTexto85Per {
	width: 85%;
	vertical-align: top;
	text-align: left;
}

.colTexto90Per {
	width: 90%;
	vertical-align: top;
	text-align: left;
}

.colTexto92Per {
	width: 92%;
	vertical-align: top;
	text-align: left;
}

.colTexto94Per {
	width: 94%;
	vertical-align: top;
	text-align: left;
}

.colTexto99Per {
	width: 99%;
	vertical-align: top;
	text-align: left;
}

.colTexto100Per {
	width: 100%;
	vertical-align: top;
	text-align: left;
}

/*Estilos de Menu Vertical*/
#menuCabeceraVertical {
	border: 0 none;
	border-radius: 0;
	height: 100% !important;
	top: 0px !important;
}

#menuCabeceraVertical .ui-widget-header {
	height: 80px;
	background: #e1e8f3;
	border: 0 none;
}

#menuCabeceraVertical .ui-icon-triangle-1-w::before {
	content: "\f053"
}

#menuCabeceraVertical div>a {
	background: #e1e8f3 none repeat scroll 0 0;
	border: 0 none;
	color: #e1e8f3;
	padding-top: 10px;
}

#menuCabeceraVertical .ui-icon-triangle-1-w {
	color: #384c61;
	font-size: 16px;
}

/*Menu Re abrir*/
#menuCabeceraVertical-resizer {
	background: #384c61;
	border: 0 none;
	border-radius: 0;
	top: 0px !important;
}

#menuCabeceraVertical-toggler span>a {
	background: #e1e8f3 none repeat scroll 0 0;
	border: 0 none;
	color: #e1e8f3;
	padding-top: 10px;
}

#menuCabeceraVertical-toggler .ui-icon-arrow-4-diag {
	color: #384c61;
}

#menuCabeceraVertical-toggler {
	background: #e1e8f3;
	height: 90px !important;
	font-size: 16px !important;
}

#menuCabeceraVertical-toggler .ui-icon-arrow-4-diag::before {
	content: "\f054";
}

#menuCabeceraVertical .ui-widget-content {
	border: 0 none;
}

/*Menu horizontal en Responsive*/
.backgroundMenuCabeceraH {
	background-color: #e1e8f3;
}

.backgroundColorCabecera {
	background-color: #e1e8f3;
}

.buttonExpandirMenuH {
	background: #e1e8f3 none repeat scroll 0 0 ! important;
	border: 0 none !important;
}

.buttonExpandirMenuH>span {
	height: 32px;
	width: 32px;
	font-size: 32px;
	color: #384c61 !important;
	margin-left: -16px !important;
	margin-top: -16px !important;
}

#contenidoMenuHorizontal {
	height: 100% !important;
}

#contenidoMenuHorizontal .ui-panelmenu {
	margin-top: -12px;
}

/*Cambios en menu horizontal y vertical*/
#menuCabeceraVertical .ui-panelmenu .ui-menuitem-text,
	#contenidoMenuHorizontal .ui-panelmenu .ui-menuitem-text {
	color: white;
	font-size: 14px;
	padding-left: 12px;
	display: block;
}

#menuCabeceraVertical .ui-panelmenu .ui-icon, #contenidoMenuHorizontal .ui-panelmenu .ui-icon
	{
	color: white;
	font-size: 20px;
	height: 20px;
	width: 20px;
}

#menuCabeceraVertical .ui-panelmenu .ui-menuitem-link.ui-state-hover,
	#contenidoMenuHorizontal .ui-panelmenu .ui-menuitem-link.ui-state-hover
	{
	background: #69b9f7;
	border-radius: 3px 3px 3px 3px;
}

#menuCabeceraVertical .ui-panelmenu .ui-menuitem-link.ui-state-hover .ui-menuitem-text:focus,
	#contenidoMenuHorizontal .ui-panelmenu .ui-menuitem-link.ui-state-hover .ui-menuitem-text:focus
	{
	color: white;
}

#menuCabeceraVertical .ui-widget-content, #contenidoMenuHorizontal .ui-widget-content
	{
	background: #384c61;
	padding-left: 0 !important;
}

#menuCabeceraVertical .ui-panelmenu .ui-panelmenu-header,
	#contenidoMenuHorizontal .ui-panelmenu .ui-panelmenu-header {
	border-bottom: 1px solid #141e27;
	border-left: 0 none;
	border-top: 0 none;
}

#menuCabeceraVertical .ui-panelmenu .ui-panelmenu-content,
	#contenidoMenuHorizontal .ui-panelmenu .ui-panelmenu-content {
	border-bottom: 0 none;
	border-left: 0 none;
	padding-left: 10px;
}

#menuCabeceraVertical .ui-panelmenu .ui-menuitem-text:focus,
	#contenidoMenuHorizontal .ui-panelmenu .ui-menuitem-text:focus {
	color: #0073cc;
	outline: medium none;
}

#menuCabeceraVertical .ui-panelmenu .ui-panelmenu-header.ui-state-default a,
	#contenidoMenuHorizontal .ui-panelmenu .ui-panelmenu-header.ui-state-default a
	{
	font-size: 16px;
	padding-left: 33px;
}

#menuCabeceraVertical .ui-panelmenu .ui-panelmenu-header .ui-icon,
	#contenidoMenuHorizontal .ui-panelmenu .ui-panelmenu-header .ui-icon {
	margin-top: 5px;
	top: 0;
}

#menuCabeceraVertical .ui-panelmenu .ui-panelmenu-header.ui-state-active,
	#contenidoMenuHorizontal .ui-panelmenu .ui-panelmenu-header.ui-state-active
	{
	background-color: #384c61;
	border: 1px solid transparent !important;
	color: #0073cc;
}

#menuCabeceraVertical .ui-panelmenu-panel .ui-state-active a,
	#contenidoMenuHorizontal .ui-panelmenu-panel .ui-state-active a {
	color: #0073cc !important;
}

#menuCabeceraVertical .ui-panelmenu .ui-panelmenu-header.ui-state-active .ui-icon.ui-icon-triangle-1-s::before,
	#contenidoMenuHorizontal .ui-panelmenu .ui-panelmenu-header.ui-state-active .ui-icon.ui-icon-triangle-1-s::before
	{
	color: #0073cc !important;
	font-size: 20px;
}

/*Estilos de opciones de cabecera*/

/*Cambios en menu de empresas - Cabecera */
#menuCabeceraEmpresas ul>li {
	border-bottom: 1px solid #d8d8d8 !important;
}

.imagenEmpresasSesion {
	background-image: url("../img/edificio_64.png") !important;
	height: 64px;
	width: 72px;
}

.imagenNotificacion {
	background-image: url("../img/notificacion_64.png") !important;
	height: 64px;
	width: 72px;
}

.imagenFactura {
	background-image: url("../img/invoice_svg.svg") !important;
	height: 40px !important;
	width: 50px !important;
	margin-top: auto;
	margin-bottom: auto;
}

.imagenNota {
	background-image: url("../img/note_svg.svg") !important;
	height: 40px !important;
	width: 50px !important;
	margin-top: auto;
	margin-bottom: auto;
}

.imagenRango {
	background-image: url("../img/ascensoIcono.png") !important;
	height: 40px !important;
	width: 50px !important;
	margin-top: auto;
	margin-bottom: auto;
}

.menuCabeceraEstiloEmpresas {
	width: auto;
	padding: 5px 0 0;
}

/* Estilos para Menu Usuario - Cabecera*/
.imagenUsuarioSesion {
	height: 64px;
	width: 72px;
}

.imagenPerfilSesion {
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-color: transparent;
	cursor: pointer;
	border: 1px solid transparent !important;
	border-radius: 3px 3px 3px 3px !important;
	height: 89px !important;
}

.imagenPerfilSesion:hover {
	background-color: #69b9f7 !important;
	border: 1px solid transparent !important;
	border-radius: 3px 3px 3px 3px;
	height: 89px;
}

.menuCabeceraEstiloUsuario {
	padding: 5px 0 0;
	width: 254px;
}

/*Generales Cabecera*/
#divCabecera .ui-panelgrid .ui-panelgrid-cell {
	padding: 0px 5px !important;
}

.tablaCabeceraIcono {
	background-color: transparent !important;
}

.tablaCabeceraIcono .ui-widget-content {
	background: none;
	border: 0 none;
}

.estiloBotonImagen {
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-color: transparent;
	border: 0 none !important;
	cursor: pointer;
	height: 65px;
}

.estiloBotonImagen:hover {
	background-color: #69b9f7 !important;
	border: 1px solid transparent !important;
	border-radius: 3px 3px 3px 3px;
	height: 89px;
}

.borderLeft {
	border-left: 1px solid #d8d8d8;
	height: 100%;
}

.borderLeft:hover {
	border-left: 1px solid #69b9f7 !important;
	background-color: #69b9f7 !important;
}

.borderBottom {
	border-bottom: 1px solid #d8d8d8;
}

.estiloItemsMenu {
	border-bottom: 1px solid #d8d8d8 !important;
	color: #546e7a !important;
	font-size: 16px !important;
	line-height: 18px !important;
}

.estiloItemsMenu .ui-menuitem-text {
	padding-left: 10px;
}

.lineH17P>span {
	line-height: 17px;
}

.lineH30P>span {
	line-height: 30px;
}

.imagenFinalizarSesion {
	background-image: url("../img/logout_32.png") !important;
}

.imagenCambiarIdiomaEs {
	background-image: url("../img/cambiarIdiomaEs_32.png") !important;
}

.imagenCambiarIdiomaEng {
	background-image: url("../img/cambiarIdiomaEng_32.png") !important;
}

.icon32X32P {
	height: 32px;
	width: 32px;
}

.altoCabecera {
	height: 89px;
}

/*Body de plantilla*/
.bodyPlantilla {
	padding: 0px 13px 13px;
	background-color: #f0f0f0;
	min-height: 66%;
}

/*Pie de Pagina*/
#contenidoPiePagina {
	border-top: 2px solid #d8d8d8;
	height: 50px !important;
	background-color: white;
}

/* Botones Plantilla */
.plantilla-botones .area-botones .ui-button.ui-state-default {
	border-radius: 100%;
	width: 40px;
	height: 40px;
	background: #fff;
	font-size: 20px !important;
	border-style: none;
	cursor: pointer;
	border: 1px solid #47596c;
	color: #47596c;
	float: right;
	padding: 0px;
	-moz-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

.plantilla-botones .generar-botones {
	text-align: center;
}

.plantilla-botones .area-botones .ui-button.ui-state-default:hover {
	background-color: #47596c;
	color: #fff;
}

.plantilla-botones .area-botones .ui-button.ui-state-default:hover .ui-icon
	{
	color: #fff;
}

.plantilla-botones .area-botones .ui-button.ui-state-default:focus {
	outline: none;
}

.plantilla-botones .area-botones .ui-button .ui-icon {
	color: #47596c;
	width: 20px;
	height: 20px;
	margin: -10px 0px 0px -10px;
}

.plantilla-botones .area-botones .ui-button .ui-icon:hover {
	color: #fff;
}

.plantilla-botones .area-vigencia {
	margin: 6px 0px 0px 0px;
}

.plantilla-botones .area-vigencia .ui-button {
	font-size: 14px;
}

.plantilla-botones .area-vigencia .ui-button span:before {
	margin: 0px 5px 0px 0px;
}

.plantilla-botones .area-vigencia .ui-button span.fa {
	font: inherit;
}

.plantilla-botones .area-vigencia .ui-button span.fa:before {
	font: normal normal normal 15px/1 FontAwesome;
}

.buttonSelected {
	background-color: #47596c !important;
	box-shadow: 2px 2px 5px #777 !important;
}

.buttonSelected>span.ui-button-icon-left.ui-icon.ui-c.fa {
	color: #fff !important;
}

/* Ordenar Por */
.ordenarLink a, .ordenarLink a:link, .ordenarLink a:visited {
	color: #fff;
	display: block;
	width: 100%;
	height: 100%
}

.ordenarLink:focus, .ordenarLink a:focus {
	outline: none;
	display: block;
	width: 100%;
	height: 100%
}

.ordenarLink .ordenIcon {
	padding: 2px 0px 0px 5px;
}

/*Miga de Pan*/
.migaPan {
	background-color: #e0e0e0 !important;
	border-color: #d8d8d8 !important;
	padding: 1px 5px 5px;
	margin-top: -14px;
	font-size: 13px;
	font-weight: normal;
}

.migaPan>ul>li {
	color: #757575 !important;
}

.migaPan>ul>li>a {
	color: #757575 !important;
}

.migaPan>ul>li>a>span {
	color: #757575 !important;
}

/*estilo pagina de error*/
.paginaError {
	height: 100%;
	font-family: "latoregular", "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0;
	box-sizing: border-box;
}

.contenedorError {
	margin: 0 auto;
	width: 100%;
	height: 100%;
	min-height: 625px;
	opacity: 0.6;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
	text-align: center;
	color: #ffffff;
	box-sizing: border-box;
}

.contenedorError.error {
	background-color: #e82424;
}

.contenedorError.sesion {
	background-color: #e87c24;
}

.imgError {
	height: 38%;
}

.panelError {
	margin: auto;
	text-align: center;
	height: 62%;
	width: 500px;
	margin-top: 10px;
}

.textoError {
	color: white;
	font-size: 28px !important;
	font-weight: bold;
}

.nombreSistema {
	color: white;
	font-size: 40px !important;
	margin-top: 0;
	font-weight: bold;
}

.textoSesion {
	font-size: 20px;
	color: white !important;
}

.textoSesionExpired {
	font-size: 28px !important;
	color: white;
	font-weight: bold;
}

.botonErrores {
	display: inline-block;
	text-decoration: none;
	border: 1px solid #ffffff;
	color: #ffffff !important;
	margin: 120px 0 100px 0;
	padding: 10px;
	font-size: 16px !important;
	-moz-transition: color 0.15s;
	-o-transition: color 0.15s;
	-webkit-transition: color 0.15s;
	transition: color 0.15s;
	background: transparent;
}

.botonErrores:hover {
	background-color: #ffffff;
	color: #e87c24 !important;
	font: bold;
}

.botonErrorHome {
	display: inline-block;
	text-decoration: none;
	border: 1px solid #ffffff;
	color: #ffffff !important;
	margin: 10% 0;
	padding: 10px;
	font-size: 16px !important;
	-moz-transition: color 0.15s;
	-o-transition: color 0.15s;
	-webkit-transition: color 0.15s;
	transition: color 0.15s;
	background: transparent;
	background-color: transparent !important;
	background-image: none !important;
}

.botonErrorHome:hover {
	background-color: #ffffff !important;
	color: #d96165 !important;
	font: bold;
}

/* Estilos Max Length */
.maxlength-feedback {
	font-size: 80%;
	font-weight: bold;
	padding: 0.25em;
	display: block;
}

/*Carga de archivos*/
.clasePanelArchivos {
	display: inline-block;
}

.clasePanelArchivos .ui-widget-header.ui-panel-titlebar {
	background: #546e7a;
	border: 1px solid #546e7a;
	border-bottom: 5px solid #0073cc;
}

.clasePanelArchivos div.ui-widget-content {
	background: #e6e7e9;
	box-shadow: 0px 0px 5px #888888;
	border-color: #e6e7e9;
}

.clasePanelArchivos div.ui-widget-content .ui-fileupload-content {
	border: 0px;
	box-shadow: none;
}

.iconoCargarArchivo div>span {
	font-weight: normal;
	font-size: 13px;
}

.uploadImg {
	margin-left: 10px;
	margin-bottom: 10px;
}

.imagenXClose {
	float: right;
	margin-right: -6px;
}

.panelImagen {
	height: 30px;
}

.tituloTiposArchivos {
	font-size: 10px;
	text-align: center;
	white-space: nowrap;
}

.mensajeArchivos {
	width: 100%;
	margin-left: -6px;
}

.anchoAltoArchivos {
	width: 195px;
	height: 195px;
}
/*FIN Carga de Archivos*/
.crecerCalendario>input {
	width: 87.21%;
}

.acercarRadioButton>td {
	width: 20%;
}

input.inputPassword {
	height: auto;
	width: 99%;
	padding: 4px;
	margin-bottom: auto;
	border-radius: 3px;
}

.btnAgregar {
	margin-left: -14px;
	border-bottom: 2px solid #1b3548 !important;
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
}

.spaceIconoDos {
	width: 50px;
	height: 1px;
}

.colIconoDos {
	width: 83px;
}

.colIconoTres {
	width: 138px;
}

.estiloIcono {
	text-decoration: none !important;
	white-space: normal;
	display: inline-block;
	font-size: 16px;
}

.estiloIcono>i:hover {
	color: #ffffff !important;
}

.estiloIconoColor>i {
	color: #47596c;
}

.estiloIconoRojo>i {
	color: red;
	font-size: 18px;
}

.estiloIconoNormalRojo>i {
	color: red;
}

.estiloIconoVerde>i {
	color: #00D666;
	font-size: 20px;
}

.estiloIconoNormalVerde>i {
	color: #00D666;
}

.estiloIconoConfirmacion {
	font-size: 70px;
	color: #ea9624;
}

.fieldValores input {
	text-align: right;
}

.columnasValores div {
	text-align: right !important;
}

.ajustarLabel {
	word-break: break-all;
	display: inline-block;
}

.fileInputOcultar {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: -5000px;
}

.quitarLineaFileUpload>div:last-child {
	padding: 0px;
	border: 0px;
}

.centrarModalImportar {
	left: 20% !important;
	top: 20% !important;
}

/* Estilo para mostrar el cursor con la manita */
.cursor {
	cursor: pointer;
}

.ui-messages-error-summary {
	font-weight: normal !important;
}

.cursorInactivo>div:last-child {
	opacity: 1.35 !important;
}

.cursorInactivo {
	opacity: 1.35 !important;
}

.inputSoloLectura {
	opacity: 0.75 !important;
}

.top-bar-badge {
	font-size: 12px;
	top: 10px;
	right: 5px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color: #DA5E5B;
	position: absolute;
	line-height: normal;
	color: #ffffff;
	padding: 2px 6px;
}

.posicionIconoNotificacion {
	position: relative;
}

.displayIconoAlertas {
	display: inline-flex !important;
}

.displayIconoAlertas span {
	font-size: 14px !important;
}

.displayIconoAlertas span:nth-child(2) {
	width: 350px !important;
	padding-left: 5px !important;
}

.headerNotificaciones {
	padding: 9px 0 9px 9px !important;
	font-weight: bold !important;
}

.centrarIconoNotificaciones {
	margin-top: auto;
	margin-bottom: auto;
}

.anchoNotificaciones {
	width: 30% !important;
}

.ui-datatable-scrollable-theadclone {
	display: none;
}

.ui-datatable-tablewrapper .generar_reporte {
	overflow: inherit !important;
}

.ui-messages.ui-widget ul {
	display: inherit !important;
}

/*Popup detalles */
.minPopupDetalles {
	width: 680px !important;
}

.minPopupConfirmar {
	width: 750px !important;
}

.minPopupComentario {
	width: 700px !important;
	max-height: 350px !important;
}

.textComentario {
	resize: none;
}

.divComentario {
	padding-bottom: 8px !important;
}

div[id="detallesForm:detallesTab:datosBasicosTab"], div[id="detallesForm:detallesTab:detallesFactTab"]
	{
	height: 289px !important;
}

div[id="popupDetalles"]>div+div[class~="ui-dialog-content"] {
	height: 375px !important;
}

div[id="detalles"]>div+div[class~="ui-dialog-content"] {
	height: auto !important;
}

.anchoIconoAlertaPopup {
	display: inline-block;
	width: 10% !important;
	margin-right: 5px;
}

.anchoNotificacionPopup {
	display: inline-block;
	width: 90% !important;
	vertical-align: top;
}

.anchoDocumentoPersona {
	width: 80%;
	min-width: auto !important;
}

.anchoDocumentoTrabajador {
	width: auto;
	min-width: 80% !important;
}

.ui-selectonemenu-panel .ui-selectonemenu-list-item {
	white-space: normal;
}

.anchoPopupRango {
	width: auto !important;
}

.imagenFormatos {
	width: 45px;
	height: 32px;
}

.ui-lightbox-content-wrapper, .ui-lightbox-content-wrapper div:nth-child(2),
	.ui-lightbox-content-wrapper div:nth-child(2)>img {
	max-height: 580px !important;
}

.ui-lightbox-content-wrapper>a {
	display: none !important;
}

.lightBox div:nth-child(2):hover {
	filter: brightness(0.8);
}

.cursorLupa {
	cursor: zoom-in;
}

.ui-radiobutton .ui-radiobutton-box.ui-state-focus, .ui-radiobutton .ui-radiobutton-box.ui-state-hover
	{
	background-color: #0073cc !important;
}

/* Estilo para el boton subir archivos excel (Fileupload) */
.estiloFileupload .ui-button.ui-state-default {
	background: none;
	background-image: url(../img/bigExcel_128.svg) !important;
	border-bottom: none !important;
	background-repeat: no-repeat;
}

.estiloFileupload:hover .ui-button.ui-state-default {
	background: none;
	background-image: url(../img/bigExcelHover_128.svg) !important;
	border-bottom: none !important;
	background-repeat: no-repeat;
}

.estiloFileUploadButton .ui-button {
	padding-bottom: 90px !important;
	padding-right: 85px !important;
}

.estiloFileuploadQuitarMas .ui-icon-plusthick {
	display: none !important;
}
/* Fin Estilos para boton subir archivos excel */
.ui-datatable thead th.ui-state-default.subDataTable {
	background-color: transparent;
	border-color: 0 transparent;
	color: transparent;
	border-bottom: 0 transparent;
	border: 0 transparent;
}

.subDataTable .ui-datatable-tablewrapper {
	overflow: initial;
}

.ui-datatable tbody td.subDataTable {
	border-color: #384c61;
	color: #384c61;
}

.estiloEliminar {
	background-color: transparent;
}

.subDataTable tr.ui-widget-content {
	background-color: #E1E1E1 !important;
	color: #384c61 !important;
}

.subDataTable tr.ui-widget-content:hover {
	background-color: #AFD388 !important;
}

.estiloPopUpDetalles {
	overflow: auto;
	max-height: 550px;
	max-width: 700px
}

.maxPopupDetalles {
	width: 700px
}

.estiloFoto {
	margin-left: 20px;
}

.estiloPopUpAlertas {
	overflow: auto;
	max-height: 420px;
}

.estiloPopUpConfirmar {
	overflow: auto;
	max-height: 550px;
	max-width: 500px
}

.anchoCalendar>input {
	width: 58% !important;
}

#botonesInformeWSR {
	margin-top: 1em;
}

#tablaResumenWSR {
	margin-top: 3em;
}

.btnAgregarTarea {
	border-radius: 100%;
	margin-left: 5px;
	width: 25px;
	height: 25px;
	background: #fff !important;
	font-size: 20px;
	border-style: none;
	cursor: pointer;
	border: 1px solid #0073cc !important;
	color: #0073cc;
	float: right;
	-moz-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

.btnAgregarTarea .ui-icon {
	color: #0073cc !important;
}

.btnAgregarTarea:hover {
	background-color: #0073cc !important;
}

.btnAgregarTarea:hover .ui-icon {
	color: white !important;
}

.btnAgregarTarea .fa {
	font-size: large;
}

.btnOtros {
	background-color: #0073cc !important;
}

.btnEliminarTarea {
	font-size: large;
	width: 100%;
	color: #0073cc !important;
}

.colorBlanco {
	color: white !important;
}

.columnaEstadoTarea {
	width: 18;
	text-align: center;
}

.columnaEditarBorrarTarea {
	width: 47 !important;
	padding-left: 1px !important;
	padding-right: 7px !important;
}

.wdt100p {
	width: 100%;
}

.btnBorrarProyecto {
	font-size: large;
	background-color: darkred !important;
	border: 1px solid darkred !important;
}

.btnBorrarProyecto .ui-icon {
	color: white !important;
}

.btnBorrarProyecto:hover {
	background-color: #fff !important;
}

.btnBorrarProyecto:hover .ui-icon {
	color: darkred !important;
}

.verde {
	color: #0073cc;
}

.fondoAzul {
	background-color: #384c61 !important;
}

.fondoBlanco {
	border-style: none;
	border: 1px solid #cac8c8;
}

.fondoBlanco .ui-widget-header {
	background-color: white;
	color: #384c61;
	border-style: none;
}

.fondoGrisClaro {
	background-color: #d8d8d8;
}

/*no dejar espacio despues del not*/
.detalleWSR tr:not (.ui-datatable-empty-message ):hover td {
	background-color: #69b9f7 !important;
}

td.celdaSinHover:hover {
	background-color: white !important;
}

td.celdaSinHover {
	background-color: white;
}

.detalleWSR tr.footerSinHover:hover td {
	background-color: #d8d8d8 !important;
}

.fondoBlanco {
	border-style: none;
}

.detalleWSR tr td.ui-datatable-subtable-header:hover {
	background-color: transparent !important;
}

.detalleWSR .celdaLlena input {
	background-color: #e1e8f3;
	border-color: #0073cc;
}

.colorGris {
	background-color: #d8d8d8;
}

.celdaLlena {
	background-color: #ccdcba;
}

.total {
	background-color: #bcbcbc;
}

.columnaEditarBorrarTarea .ui-panelgrid-cell {
	padding-right: 0px !important;
}

.eventoCruce {
	background-color: #d3d3d3 !important;
	border-color: #d3d3d3 !important;
}

.festivo {
	background-color: #ff6f6f !important;
	border-color: #ff6f6f !important;
	text-align: left !important;
	font-size: 10px !important;
}

#colorSelection {
	overflow: hidden;
	width: 1em;
	height: 1em;
	display: block;
	border: solid 1px #000;
	text-indent: 1em;
	white-space: nowrap;
}

#colorSelector {
	margin: auto !important;
	width: 236px;
}

#selectedHex {
	visibility: visible;
	position: relative;
	width: 21px;
	height: 21px;
}

.selectorArea {
	cursor: pointer;
}

body .ui-steps .ui-steps-item {
	width: 20%;
}

body .ui-steps.guest .ui-steps-item {
	width: 15%;
}

body .ui-steps.custom .ui-steps-item .ui-menuitem-link {
	height: 10px;
	padding: 0 1em;
	overflow: visible;
	border: 1px solid #c8c8c8;
	display: block;
}

body .ui-steps.custom .ui-steps-item .ui-menuitem-link .ui-steps-number
	{
	background-color: #0081c2;
	color: #FFFFFF;
	display: inline-block;
	width: 30px;
	border-radius: 10px;
	margin-top: -10px;
	margin-bottom: 10px;
	position: relative;
	top: -3px;
}

body .ui-steps.custom .ui-steps-item .ui-menuitem-link .ui-steps-title {
	margin-top: -6px;
}

body .ui-steps.custom .ui-steps-item.ui-state-highlight .ui-menuitem-link .ui-steps-title
	{
	color: #555;
}

/*Correcciones en eventos del calendario de vacaciones*/
td.fc-other-month {
	visibility: hidden !important;
}

div>.fc-bg:first-child {
	box-shadow: inset 0 1px 0 0 #d8d8d8 !important;
}

.colorLetraAzulEvento {
	color: #000080 !important;
}

.colorLetraBlancaEvento {
	color: white !important;
}

.colorEventoVacio {
	background: white !important;
	border-color: white !important;
	font-size: 5px !important;
}

.panelFlotante .ui-panel-titlebar {
	border-radius: 12px 12px 0 0 !important;
}

.panelFlotante .ui-panel-content {
	overflow-y: auto;
}

.messageFlotante {
	width: 70%;
	margin: 0 auto;
}

.panelFlotante {
	width: 70%;
	margin: 0 auto;
	border-radius: 15px;
	border: 1px solid #384c61 !important;
	margin-bottom: 40px;
	margin-top: 40px;
}

.ui-steps .ui-steps-item {
	margin-right: 15px;
}

.buttonMinSize {
	min-width: 115px;
}

.buttonCancelar {
	background: none !important;
	min-width: 115px;
}

.buttonCancelar.ui-state-hover {
	background: #87cefa !important;
}

.buttonCancelar.ui-button.ui-widget.ui-button-text-only .ui-button-text
	{
	color: #0073cc;
}

.buttonCancelar.ui-button.ui-button-text-icon-left .ui-button-text {
	padding: 0px;
	margin-left: 5px;
}

.buttonReset {
	border: 2px solid #FFA500 !important;
	background: none !important;
	min-width: 115px;
}

.buttonReset.ui-state-hover {
	background: #FFD280 !important;
}

.buttonReset.ui-button.ui-widget.ui-button-text-only .ui-button-text {
	color: #FFA500;
}

.buttonReset.ui-button.ui-button-text-icon-left .ui-button-text {
	padding: 0px;
	margin-left: 5px;
}

.centerSteps ul {
	width: 80%;
	margin-left: auto;
	margin-top: 15px;
}

.linkColor:hover {
	color: #69b9f7 !important;
}

.linkColor:visited {
	color: #e1e8f3 !important;
}

/* Cards to register users (Employers - non custodial) */
.box {
	text-align: center;
	color: #fff;
	border-radius: 10% 8% 9% 9%;
	height: 100%;
	width: 100%;
	background-color: white;
}

.box i {
	font-size: 95px;
	margin-top: 15px;
}

.boxLink {
	color: #0081c2 !important;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border-radius: 12px;
	box-shadow: 0px 0px 2px 0px #1f3a6f;
	height: auto;
}

.fontSizeMedium {
	font-size: medium !important;
}

.F14p {
	font-size: 14px;
}

.F16p {
	font-size: 16px !important;
}

.F18p {
	font-size: 18px !important;
}

.F20p {
	font-size: 20px !important;
}

.F24p {
	font-size: 24px !important;
}

.F26p {
	font-size: 26px !important;
}

.hiddenTransparent {
	visibility: hidden !important;
}

.fontColor {
	color: #384c61;
	font-weight: bold;
}

.boxLink:hover {
	background-color: #0081c2 !important;
	color: white !important;
}

.boxLink:hover p {
	color: white !important;
}

.box:last-child {
	padding-bottom: 14px;
}

.box:hover {
	transform: scale(1.05, 1.05);
	transition: all 0.2s linear;
}

.centerFlexComponents {
	align-items: center;
	justify-content: center;
}

.iconClosePanel {
	font-size: 15px;
	margin-top: 0px !important;
}

.ui-outputlabel .ui-outputlabel-rfi {
	color: red;
}

.homePageContainer {
	position: absolute;
	width: 99%;
}

.colorGreen {
	color: green;
}

body .ui-fileupload .ui-fileupload-content {
	display: none !important;
}

/* ====== Home Page ====== */
#bodyHomePage {
	font-family: 'PT_Sans', sans-serif;
	margin: 0;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	background-color: white;
}

#landing-page-wrapper {
	width: 100%;
	height: 100%;
}

#landing-page-wrapper .landing-container {
	width: 100%;
}

#formHeader {
	height: 15%;
	min-height: 92px;
}

#landing-page-wrapper #landing-top-bar {
	background: #e1e8f3;
	width: 100%;
	height: 100%;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
	position: relative;
}

#landing-page-wrapper #landing-top-bar .ui-button.ui-button-text-icon-left .ui-button-text
	{
	padding: 0px;
	margin-left: 7px;
	font-size: 11px;
}

#landing-page-wrapper #landing-top-bar .ui-button.ui-state-default {
	padding: 10px 10px 10px 20px;
}

#landing-page-wrapper #landing-top-bar #landing-menubar-button {
	display: none;
}

#landing-page-wrapper #landing-top-bar #landing-nav {
	display: none;
}

#landing-page-wrapper #landing-top-bar .landing-logo {
	padding-left: 10px;
	display: inline-flex;
}

#landing-page-wrapper #landing-top-bar .landing-logo img {
	width: auto;
	height: 80px;
	border-right: 2px solid #384c61;
	padding-right: 10px;
}

#landing-page-wrapper #landing-top-bar .landing-logo h1 {
	font-size: 32px;
	color: #384c61;
	padding-left: 10px;
}

#landing-page-wrapper #landing-top-bar .landing-nav-bar {
	float: right;
}

#landing-page-wrapper #landing-top-bar .landing-nav-bar ul li {
	display: inline-block;
	padding-left: 20px;
}

#landing-page-wrapper #landing-top-bar .landing-nav-bar ul li a {
	text-decoration: none;
	color: #384c61;
	font-family: 'PT_Sans', sans-serif !important;
	font-size: 18px !important;
	font-weight: bold;
}

#landing-page-wrapper #landing-top-bar .landing-nav-bar ul li a:hover {
	border-bottom: 2px solid #206FA5;
	border-radius: 2px;
}

#formHome {
	padding-top: 5%;
}

#landing-page-wrapper #landing-content {
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
	background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),
		url(../img/ipay-background.jpg);
	background-position: center;
	width: 100%;
	min-height: 75%;
	background-size: cover;
}

.paragraphHomePage .F26p {
	font-size: min(max(16px, 4vw), 22px);
}

#landing-page-wrapper #landing-page {
	height: auto;
	background-color: white;
}

#landing-page-wrapper #landing-content h1 {
	margin: 0;
	font-size: 42px;
	color: white;
}

#landing-page-wrapper #landing-content p {
	line-height: 1.5;
}

#landing-page-wrapper #landing-content .landing-button {
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}

#landing-page-wrapper #landing-content .landing-button .buttonHome {
	width: 170px;
}

#landing-page-wrapper #landing-content .landing-button .textHome {
	font-size: 12px;
	color: white;
	padding-left: 10px;
}

#landing-page-wrapper #landing-content .landing-button .ui-grid-row {
	border: none;
}

#formFooter {
	min-height: 10%;
}

#landing-page-wrapper #landing-footer {
	background: #384c61;
	color: #d8d8d8;
}

#landing-page-wrapper #landing-footer .footer-nav {
	float: right;
}

#landing-page-wrapper #landing-footer #copy {
	display: inline-block;
	color: white;
	float: right;
	margin: 0;
	text-align: right;
}

.sidebar-nav .sidebar-nav-container {
	padding: 0;
}

.sidebar-nav .sidebar-menuitem {
	list-style: none;
	border-bottom: 1px solid #3a343a;
	width: 250px;
}

.sidebar-nav .sidebar-menuitem .menuLink {
	color: white;
	display: block;
	padding: 9px 0 9px 9px;
	position: relative;
	text-decoration: none;
	font-family: 'PT_Sans', sans-serif !important;
	font-size: 16px !important;
	font-weight: bold;
}

.sidebar-nav .sidebar-menuitem .menuLink>i {
	width: 22px;
	text-align: center;
	transition: font-size 0.3s;
}

.sidebar-nav .sidebar-menuitem .menuLink i:last-child {
	position: absolute;
	right: 10px;
	font-size: 15px;
}

.sidebar-nav .sidebar-menuitem .menuLink .menu-text {
	padding-left: 12px;
	vertical-align: top;
}

.sidebar-nav a {
	border-left: 5px solid transparent;
}

.sidebar-nav a:hover {
	cursor: pointer;
	background-color: #6AB9F7;
	border-color: #206FA5;
}

.displayInicial {
	display: initial;
}

#landing-page:focus {
	outline: none !important;
	outline-width: 0 !important;
	-webkit-box-shadow: none;
}

.buttonUsuario button {
	height: 50px !important;
	width: 50px !important;
}

.buttonUsuario button .fa {
	font-size: 30px !important;
	height: 30px !important;
	width: 30px !important;
	top: 40% !important;
	left: 40% !important;
}

#formLinkHome {
	height: 100%;
	margin: 0;
	padding-top: 15px;
	padding-left: 5px;
}

#formLinkHome .linkHome {
	font-size: 40px;
	text-decoration: none;
	color: #384c61 !important;
}

#formLinkHomeH .linkHome {
	font-size: 48px;
	text-decoration: none;
	color: #384c61 !important;
	font-weight: bold;
}

.logoIpay {
	width: 90%;
	text-align: center;
}

.iconoMenu {
	width: 10%;
	text-align: right;
}

.upperCase {
	text-transform: uppercase;
}

.iconoError {
	font-size: 17px;
	color: #a12f2c;
}

.upperCase {
	text-transform: uppercase;
}

button.ui-datepicker-trigger.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only
	{
	padding: 0px;
	margin-left: 0px;
}

.calendar .ui-button.ui-state-default.ui-widget {
	padding: 0px !important;
	margin-left: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	border-top-width: 0px;
	padding-bottom: 2px !important;
}

.decorationNone {
	text-decoration: none;
}

.removerIcono>h3 {
	display: none;
}

.subMenu .ui-menuitem-text {
	font-size: 16px !important;
	font-weight: bold;
}

.subMenu .ui-menuitem-link {
	padding: .5em .5em .5em 2.2em;
}

.subMenuP .ui-menuitem-text {
	font-size: 14px !important;
	font-weight: 400 !important;
}

.subMenuP .ui-menuitem-link {
	padding: .3em .3em .3em 2em;
}

.optionLogout {
	padding: .5em .5em .5em 2.2em !important;
}

.subMenuP .ui-menuitem-text {
	font-size: 14px !important;
	font-weight: 400 !important;
}

/* STYLES DRAG DROP */
/* datagrid */
.footerTotal {
	color: #ffffff;
	font-weight: normal;
}

.table .ui-datagrid-header {
	padding: 0px;
}

.table .fondoPanel {
	visibility: hidden;
}

.table div.header {
	background-color: #546e7a;
	text-align: center;
	border-color: #546e7a;
	font-weight: normal;
	border-bottom: 5px solid #0073cc;
}

.table .ui-datatable tbody.ui-datatable-data tr.ui-widget-content,
	.table .ui-datatable tbody.ui-datatable-data {
	background: transparent !important;
}

.table div.header .ui-widget-content {
	color: #ffffff;
}

.table .ui-datagrid-content-empty {
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	padding: 50px 10px;
	background-color: #ebebeb;
	border-color: #546e7a !important;
}

.table .body {
	border: 0px;
	background: transparent;
}

.table table>thead {
	display: none;
}

.table .ui-datagrid-content>div.ui-grid-row:nth-child(even) {
	background: #F4F4F2 none repeat scroll 0 0 !important;
}

.table .ui-datagrid-content>div.ui-grid-row:nth-child(odd) {
	background: #E1E1E1 none repeat scroll 0 0 !important;
}

.table .ui-datagrid-content>div.ui-grid-row:hover {
	background: #69b9f7 none repeat scroll 0 0 !important;
}

.table .ui-datagrid-content>div.ui-grid-row .ui-panelgrid-cell {
	border-right: #E7E7E7 1px solid !important;
}

.table .body.ui-panel .ui-panel-content {
	padding: 0px;
}

.table .ui-draggable-dragging {
	background: #69b9f7 none repeat scroll 0 0 !important;
	width: 92% !important;
}

.table .ui-datagrid-content .ui-datagrid-column {
	padding: 0;
}

/* cards */
.gridSimple>.ui-datagrid-content {
	border: none;
	background: none;
}

.gridSimple>.ui-datagrid-content-empty {
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	padding: 65px 10px;
	background-color: transparent;
	border: #546e7a !important;
}

.panelDrag {
	text-align: center;
}

.panelDrag>.ui-panel-titlebar {
	background-color: #546e7a !important;
	border: none;
}

.panelDrag tr:nth-child(odd) {
	background-color: #E1E1E1;
}

.panelDrag tr:nth-child(even) {
	background-color: #F4F4F2;
}

.panelDrag:hover {
	cursor: move;
	border-style: solid;
	border-width: 2px;
	box-shadow: 0px 0px 10px #888888;
	border-width: 2px;
}

.tituloPanel {
	background-color: #384c61 !important;
	text-align: center;
	font-weight: bold;
	color: white !important;
	padding: 4px 0px !important;
}

.tituloPanel>.ui-panelgrid-cell {
	padding-left: 20px;
}

.tituloPanel>.ui-panel-content {
	padding: 0px !important;
}

.fondoPanel {
	background-color: transparent;
	border: none;
}

.fondoPanel>.ui-panel-content {
	padding: 0px !important;
}

.emptyPanel {
	font-weight: normal;
	text-align: center;
	padding: 65px 10px !important;
	background-color: transparent;
	border: none;
}
/* END STYLES DRAG DROP */
.cardContent {
	width: 200px;
	margin-right: auto;
	margin-left: auto;
}

/* accordionPanel */
.accordionPanel>h1 {
	font-size: 18.0pt;
	margin-top: 12.0pt;
	margin-bottom: 24.0pt;
	color: navy;
}

.accordionPanel>h2 {
	font-size: 13.0pt;
	margin-top: 12.0pt;
	margin-bottom: 6.0pt;
	color: navy;
}

.accordionPanel .ui-accordion-header {
	font-weight: bold;
	font-size: 15px;
}

.accordionPanel .numeral {
	font-weight: bold;
	padding-right: 8px;
}

.accordionPanel .ui-panelgrid-cell {
	vertical-align: sub;
}

.accordionPanel .ListNumberBold {
	margin-top: 6.0pt;
	margin-right: 0in;
	margin-bottom: 6.0pt;
	font-weight: bold;
}

.accordionPanel .ListNumberContu {
	margin-top: 6.0pt;
	margin-right: 0in;
	margin-bottom: 12.0pt;
	margin-left: .4in;
}

.accordionPanel .numeralSymbol {
	font-family: Symbol !important;
	margin-bottom: 6.0pt;
	margin-left: .7in;
	padding-right: 8px;
}

.accordionPanel .MsoListBullet4 {
	margin-top: 0in;
	margin-right: 0in;
	margin-bottom: 6.0pt;
}

/* button language homepage */
.buttonLanguage.ui-button.ui-state-default {
	background: none;
	border: 2px solid #384c61;
	color: #384c61;
}

.buttonLanguage.ui-button-text-icon-left .ui-icon.fa, .buttonLanguage.ui-button-text-icon-left .ui-button-text
	{
	color: #384c61 !important;
	font-weight: bold;
}

.buttonLanguage.ui-button.ui-state-hover {
	background: #47596c;
}

.buttonLanguage.ui-state-hover.ui-button-text-icon-left .ui-icon.fa,
	.buttonLanguage.ui-state-hover.ui-button-text-icon-left .ui-button-text
	{
	color: white !important;
}

.removerIcono .ui-panelmenu-content.ui-widget-content.ui-helper-hidden {
	display: block;
}

/* contactPanel */
.contactPanel>h1 {
	font-size: 18.0pt;
	margin-top: 12.0pt;
	margin-bottom: 24.0pt;
	color: navy;
}

.centerImg {
	text-align: center;
	border-color: #0081c2;
}

/* Banner */
.bannerIcon {
	position: initial;
	top: 0;
	left: 100px;
	float: left;
	font-size: 40px !important;
	color: #0072C7;
	padding: 0px;
	margin-left: 10px;
}

.bannerClose {
	background: transparent !important;
	border: none !important;
	position: relative;
	top: 0;
	right: 0;
	float: right;
	font-size: 20px !important;
	padding: 0px;
}

.bannerClose .fa {
	height: 30px !important;
	width: 30px !important;
	top: 40% !important;
	left: 40% !important;
	color: #0072C7 !important;
}

.bannerClose.ui-button.ui-state-hover {
	background: transparent;
}

.bannerClose.ui-button.ui-state-active {
	background: transparent;
}

.bannerClose.ui-button.ui-state-focus {
	border: none;
	box-shadow: none;
}

.banner .ui-panelgrid tr.ui-widget-content {
	background: #fff;
}

.bannerMessage {
	color: #0072C7 !important;
	font-size: 20px !important;
	white-space: pre-wrap;
	word-wrap: break-word;
}

#contact {
	justify-content: center;
}

#contact .fieldsetEstilo:first-child {
	margin-right: 4%;
}

#contact .fieldsetEstilo {
	border-width: 1px;
	border-radius: 12px;
	box-shadow: none;
	background-color: initial;
	border-color: #0081c2 !important;
}

#contact .fieldsetEstilo p:first-child {
	margin-top: 0;
	margin-bottom: 0;
}

#contact .fieldsetEstilo i {
	font-size: 95px;
}

#contact .fieldsetEstilo i.fa-envelope {
	color: orange;
}

#contact .fieldsetEstilo i.fa-phone {
	color: green;
}

.colorText {
	color: #0081c2 !important
}

/* styles of about screen */
.aboutTitle1 {
	font-size: 18.0pt;
	margin-top: 12.0pt;
	margin-bottom: 24.0pt;
	color: navy;
}

.aboutTitle2 {
	font-size: 13.0pt;
	margin-top: 12.0pt;
	margin-bottom: 6.0pt;
	color: navy;
}

.bullet1 {
	font-family: Symbol !important;
	margin-bottom: 6.0pt;
	margin-left: .4in;
	padding-right: 8px;
}

.bullet2 {
	font-family: Symbol !important;
	margin-bottom: 6.0pt;
	margin-left: .7in;
	padding-right: 8px;
}

.listBullet {
	margin-top: 0in;
	margin-right: 0in;
	margin-bottom: 6.0pt;
}

.marginChildBHP>div>div>div {
	margin-bottom: 5px;
}

.buttonLogin {
	display: block;
	margin-bottom: 10px;
	position: relative;
	margin-left: auto !important;
	margin-right: auto;
	margin-top: 5%;
	border-radius: 3px;
}

button:focus {
	box-shadow: 0px 3px 8px 8px #384c61 !important;
}

button.buttonLanguage:focus, .plantilla-botones button:focus {
	box-shadow: 0px 3px 5px 2px #384c61 !important;
}

.enterText{
	white-space: pre-wrap;
}