:root { --color-principal: #087021; 
	--color-button-state-active: #68a94f; 
	--color-form-card: #EDF5EF;
	/*aqui para el color de las filas de las tablas*/ 
	--color-input-focus: #d6e2d7; 
	--color-h1-form: #074c16;
}

@charset "UTF-8";
/* Compact */
/* roboto-300 - latin */
@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 300;
	src: url("/agriculturaypesca/reafa/javax.faces.resource/fonts/roboto-v15-latin-300.eot.xhtml?ln=reafa-style");
	/* IE9 Compat Modes */
	src: local("Roboto Light"), local("Roboto-Light"),
		url("/agriculturaypesca/reafa/javax.faces.resource/fonts/roboto-v15-latin-300.eot.xhtml?ln=reafa-style#iefix")
		format("embedded-opentype"),
		url("/agriculturaypesca/reafa/javax.faces.resource/fonts/roboto-v15-latin-300.woff2.xhtml?ln=reafa-style")
		format("woff2"),
		url("/agriculturaypesca/reafa/javax.faces.resource/fonts/roboto-v15-latin-300.woff.xhtml?ln=reafa-style")
		format("woff"),
		url("/agriculturaypesca/reafa/javax.faces.resource/fonts/roboto-v15-latin-300.ttf.xhtml?ln=reafa-style")
		format("truetype"),
		url("/agriculturaypesca/reafa/javax.faces.resource/fonts/roboto-v15-latin-300.svg.xhtml?ln=reafa-style#Roboto")
		format("svg");
	/* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 400;
	src:
		url("/agriculturaypesca/reafa/javax.faces.resource/fonts/roboto-v15-latin-regular.eot.xhtml?ln=reafa-style");
	/* IE9 Compat Modes */
	src: local("Roboto"), local("Roboto-Regular"),
		url("/agriculturaypesca/reafa/javax.faces.resource/fonts/roboto-v15-latin-regular.eot.xhtml?ln=reafa-style#iefix")
		format("embedded-opentype"),
		url("/agriculturaypesca/reafa/javax.faces.resource/fonts/roboto-v15-latin-regular.woff2.xhtml?ln=reafa-style")
		format("woff2"),
		url("/agriculturaypesca/reafa/javax.faces.resource/fonts/roboto-v15-latin-regular.woff.xhtml?ln=reafa-style")
		format("woff"),
		url("/agriculturaypesca/reafa/javax.faces.resource/fonts/roboto-v15-latin-regular.ttf.xhtml?ln=reafa-style")
		format("truetype"),
		url("/agriculturaypesca/reafa/javax.faces.resource/fonts/roboto-v15-latin-regular.svg.xhtml?ln=reafa-style#Roboto")
		format("svg");
	/* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 700;
	src: url("/agriculturaypesca/reafa/javax.faces.resource/fonts/roboto-v15-latin-700.eot.xhtml?ln=reafa-style");
	/* IE9 Compat Modes */
	src: local("Roboto Bold"), local("Roboto-Bold"),
		url("/agriculturaypesca/reafa/javax.faces.resource/fonts/roboto-v15-latin-700.eot.xhtml?ln=reafa-style#iefix")
		format("embedded-opentype"),
		url("/agriculturaypesca/reafa/javax.faces.resource/fonts/roboto-v15-latin-700.woff2.xhtml?ln=reafa-style")
		format("woff2"),
		url("/agriculturaypesca/reafa/javax.faces.resource/fonts/roboto-v15-latin-700.woff.xhtml?ln=reafa-style")
		format("woff"),
		url("/agriculturaypesca/reafa/javax.faces.resource/fonts/roboto-v15-latin-700.ttf.xhtml?ln=reafa-style")
		format("truetype"),
		url("/agriculturaypesca/reafa/javax.faces.resource/fonts/roboto-v15-latin-700.svg.xhtml?ln=reafa-style#Roboto")
		format("svg");
	/* Legacy iOS */
}

@font-face {
	font-family: "Material Icons";
	font-style: normal;
	font-weight: 400;
	src: url("/agriculturaypesca/reafa/javax.faces.resource/fonts/MaterialIcons-Regular.eot.xhtml?ln=reafa-style");
	/* For IE6-8 */
	src: local("Material Icons"), local("MaterialIcons-Regular"),
		url("/agriculturaypesca/reafa/javax.faces.resource/fonts/MaterialIcons-Regular.woff2.xhtml?ln=reafa-style")
		format("woff2"),
		url("/agriculturaypesca/reafa/javax.faces.resource/fonts/MaterialIcons-Regular.woff.xhtml?ln=reafa-style")
		format("woff"),
		url("/agriculturaypesca/reafa/javax.faces.resource/fonts/MaterialIcons-Regular.ttf.xhtml?ln=reafa-style")
		format("truetype");
}
/* Utils */
.clearfix:after {
	content: " ";
	display: block;
	clear: both;
}

.card {
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0
		rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0
		rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0
		rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #ffffff;
	padding: 16px;
	margin-bottom: 16px;
	box-sizing: border-box;
}

.card2 {
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0
		rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0
		rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0
		rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #333333;
	box-sizing: border-box;
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 10px 10px;
}

.cardTopBar {
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0
		rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0
		rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0
		rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #FFFFFF;
	box-sizing: border-box;
	position: relative;
	top: 0;
	width: 100%;
	z-index: 5;
	padding: 10px 10px;
}

.buttonIcons15 {
	width: 15px;
	color: #333333;
}

.buttonIcons20 {
	width: 20px;
}

.card.card-w-title {
	padding-bottom: 32px;
}

.card h1 {
	font-size: 24px;
	font-weight: 400;
	margin: 24px 0;
}

.card h1:first-child {
	margin-top: 16px;
}

.card h2 {
	font-size: 22px;
	font-weight: 400;
}

.card h3 {
	font-size: 20px;
	font-weight: 400;
}

.card h4 {
	font-size: 18px;
	font-weight: 400;
}

.nopad {
	padding: 0;
}

.nopad .ui-panel-content {
	padding: 0;
}

@-webkit-keyframes fadeInDown {from { opacity:0;
	-webkit-transform: translate3d(0, -20px, 0);
	transform: translate3d(0, -20px, 0);
}

to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}

}
@keyframes fadeInDown {from { opacity:0;
	transform: translate3d(0, -20px, 0);
}

to {
	opacity: 1;
	transform: none;
}

}
@-webkit-keyframes fadeOutUp {from { opacity:1;
	
}

to {
	opacity: 0;
	-webkit-transform: translate3d(0, -20px, 0);
	transform: translate3d(0, -20px, 0);
}

}
@keyframes fadeOutUp {from { opacity:1;
	
}

to {
	opacity: 0;
	-webkit-transform: translate3d(0, -20px, 0);
	transform: translate3d(0, -20px, 0);
}

}
.ui-shadow-1 {
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px
		rgba(0, 0, 0, 0.24);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px
		rgba(0, 0, 0, 0.24);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.ui-shadow-2 {
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px
		rgba(0, 0, 0, 0.23);
	-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px
		rgba(0, 0, 0, 0.23);
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.ui-shadow-3 {
	-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px
		rgba(0, 0, 0, 0.23);
	-moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px
		rgba(0, 0, 0, 0.23);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px
		rgba(0, 0, 0, 0.23);
}

.ui-shadow-4 {
	-webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px
		rgba(0, 0, 0, 0.22);
	-moz-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px
		rgba(0, 0, 0, 0.22);
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px
		rgba(0, 0, 0, 0.22);
}

.ui-shadow-5 {
	-webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px
		rgba(0, 0, 0, 0.22);
	-moz-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px
		rgba(0, 0, 0, 0.22);
	box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px
		rgba(0, 0, 0, 0.22);
}

.width-80{
	width:80% !important;
}
.width-20{
	width:20% !important;
}
.margin-top-0{
	margin-top: 0% !important;
}
.margin-bottom-0{
	margin-bottom:  0% !important;
}
.margin-left-1-5{
	
	margin-left: 1.5% !important;
	
}
.alineacionBotonAltaExplotacion{
	height: 181px !important;
	min-width: 166px !important;
	padding-right: 2.4% !important
}
.contenedor-flexbox {
    display: flex; /*Convertimos al menú en flexbox*/
    justify-content: space-between; /*Con esto le indicamos que margine todos los items que se encuentra adentro hacia la derecha e izquierda*/
    align-items: center; /*con esto alineamos de manera vertical*/
}
.minPaddingRight-1{
	padding-right: 1% !important;
}

body.layout-compact .ui-calendar > input{
	width: 80%;
}

body.layout-compact  .ui-autocomplete  > input{
	width:97% !important;
}

calendar#filtroFechaCreacion{
	width:80% !important;
}
.ui-g {
	-ms-flex-wrap: wrap;
}
.widhtBusquedaExplotacion-70{
	width:80% !important;
}
.widhtBusquedaExplotacion-30{
	width:20% !important;
}
.ui-g.form-group>div {
	padding: 1% 2%;
}

.ui-panelgrid.form-group .ui-panelgrid-cell {
	padding: 5px 10px;
}

.ui-selectoneradio.form-group .ui-grid-row>div, .ui-selectmanycheckbox.form-group .ui-grid-row>div
	{
	padding: 8px 16px;
}

.dashboard .overview {
	padding: 0 !important;
	min-height: 140px;
	position: relative;
	margin-bottom: 0px !important;
}

.dashboard .overview .overview-content {
	padding: 16px;
}

.dashboard .overview .overview-content .overview-title {
	font-size: 18px;
}

.dashboard .overview .overview-content .overview-badge {
	float: right;
	color: #757575;
}

.dashboard .overview .overview-content .overview-detail {
	display: block;
	font-size: 24px;
	margin-top: 5px;
}

.dashboard .overview .overview-footer {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.dashboard .overview .overview-footer img {
	display: block;
}

.dashboard .colorbox {
	padding: 0 !important;
	text-align: center;
	overflow: hidden;
	margin-bottom: 0px !important;
}

.dashboard .colorbox i {
	font-size: 48px;
	margin-top: 10px;
	color: #ffffff;
}

.dashboard .colorbox .colorbox-name {
	font-size: 16px;
	display: inline-block;
	width: 100%;
	margin: 4px 0 10px 0;
	color: #ffffff;
}

.dashboard .colorbox .colorbox-count {
	color: #ffffff;
	font-size: 36px;
}

.dashboard .colorbox .colorbox-count {
	font-weight: bold;
}

.dashboard .colorbox.colorbox-1 div:first-child {
	background-color: #2E7D32;
}

.dashboard .colorbox.colorbox-1 div:last-child {
	background-color: #4CAF50;
}

.dashboard .colorbox.colorbox-2 div:first-child {
	background-color: #0277BD;
}

.dashboard .colorbox.colorbox-2 div:last-child {
	background-color: #03A9F4;
}

.dashboard .colorbox.colorbox-3 div:first-child {
	background-color: #4527A0;
}

.dashboard .colorbox.colorbox-3 div:last-child {
	background-color: #673AB7;
}

.dashboard .colorbox.colorbox-4 div:first-child {
	background-color: #00695C;
}

.dashboard .colorbox.colorbox-4 div:last-child {
	background-color: #009688;
}

.dashboard .colorbox.colorbox-5 div:first-child {
	background-color: #e77c14;
}

.dashboard .colorbox.colorbox-5 div:last-child {
	background-color: #fb8631;
}

.dashboard .colorbox.colorbox-6 div:first-child {
	background-color: #cc0000;
}

.dashboard .colorbox.colorbox-6 div:last-child {
	background-color: #f00909;
}

.dashboard .task-list {
	overflow: hidden;
}

.dashboard .task-list>.ui-panel {
	min-height: 340px;
}

.dashboard .task-list .ui-panel-content {
	padding: 10px 0 !important;
}

.espacioContenedor{
	widht:20%;
}

.dashboard .task-list ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.dashboard .task-list ul li {
	padding: 10px 14px;
	border-bottom: 1px solid #dbdbdb;
}

.dashboard .task-list ul li:first-child {
	margin-top: 10px;
}

.dashboard .task-list ul .ui-chkbox {
	vertical-align: middle;
	margin-right: 5px;
}

.dashboard .task-list ul .task-name {
	vertical-align: middle;
}

.dashboard .task-list ul i {
	color: #757575;
	float: right;
}

.dashboard .contact-form {
	overflow: hidden;
}

.dashboard .contact-form .ui-panel {
	min-height: 340px;
}

.dashboard .contact-form .ui-g-12 {
	padding: 16px 10px;
}

.dashboard .contact-form .ui-button {
	margin-top: 20px;
}

.dashboard .contacts {
	overflow: hidden;
}

.dashboard .contacts>.ui-panel {
	min-height: 340px;
}

.dashboard .contacts .ui-panel-content {
	padding: 15px 0 10px 0 !important;
}

.dashboard .contacts ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.dashboard .contacts ul li {
	border-bottom: 1px solid #d8d8d8;
}

.dashboard .contacts ul li a {
	padding: 9px;
	width: 100%;
	box-sizing: border-box;
	text-decoration: none;
	position: relative;
	display: block;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-transition: background-color 0.2s;
	-o-transition: background-color 0.2s;
	-webkit-transition: background-color 0.2s;
	transition: background-color 0.2s;
}

.dashboard .contacts ul li a .name {
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 18px;
	color: #212121;
}

.dashboard .contacts ul li a .email {
	position: absolute;
	right: 10px;
	top: 30px;
	font-size: 14px;
	color: #757575;
}

.dashboard .contacts ul li a:hover {
	cursor: pointer;
	background-color: #e8e8e8;
}

.dashboard .contacts ul li:last-child {
	border: 0;
}

.dashboard .activity-list {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.dashboard .activity-list li {
	border-bottom: 1px solid #bdbdbd;
	padding: 15px 0 9px 9px;
}

.dashboard .activity-list li .count {
	font-size: 24px;
	color: #ffffff;
	background-color: #03A9F4;
	font-weight: bold;
	width: 60px;
	padding: 5px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.dashboard .activity-list li:first-child {
	border-top: 1px solid #bdbdbd;
}

.dashboard .activity-list li:last-child {
	border: 0;
}

.dashboard .activity-list li .ui-g-6:first-child {
	font-size: 18px;
	padding-left: 0;
}

.dashboard .activity-list li .ui-g-6:last-child {
	text-align: right;
	color: #757575;
}

.dashboard .timeline {
	height: 100%;
	box-sizing: border-box;
}

.dashboard .timeline>.ui-g .ui-g-3 {
	font-size: 14px;
	position: relative;
	border-right: 1px solid #bdbdbd;
}

.dashboard .timeline>.ui-g .ui-g-3 i {
	background-color: #ffffff;
	font-size: 36px;
	position: absolute;
	top: 0px;
	right: -18px;
}

.dashboard .timeline>.ui-g .ui-g-9 {
	padding-left: 1.5em;
}

.dashboard .timeline>.ui-g .ui-g-9 .event-text {
	color: #757575;
	font-size: 14px;
	display: block;
	padding-bottom: 20px;
}

.dashboard .timeline>.ui-g .ui-g-9 .event-content img {
	width: 100%;
}

.dashboard>div>.ui-panel {
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0
		rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0
		rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0
		rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}

.layout-rightpanel .layout-rightpanel-header {
	background:
		url("")
		center;
	height: 118px;
	padding: 14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.layout-rightpanel .layout-rightpanel-header .weather-day,
	.layout-rightpanel .layout-rightpanel-header .weather-date {
	color: #ffffff;
	left: 14px;
	font-size: 18px;
	font-weight: 700;
	padding-bottom: 4px;
}

.layout-rightpanel .layout-rightpanel-content {
	padding: 14px;
}

.layout-rightpanel .layout-rightpanel-content h1 {
	font-size: 18px;
	margin: 0 0 4px 0;
}

.layout-rightpanel .layout-rightpanel-content h2 {
	font-size: 16px;
	margin: 0;
	color: #757575;
	font-weight: normal;
}

.layout-rightpanel .layout-rightpanel-content .weather-today {
	text-align: center;
	margin-top: 28px;
}

.layout-rightpanel .layout-rightpanel-content .weather-today .weather-today-value
	{
	font-size: 36px;
	vertical-align: middle;
	margin-right: 14px;
}

.layout-rightpanel .layout-rightpanel-content .weather-today img {
	vertical-align: middle;
}

.layout-rightpanel .layout-rightpanel-content .weekly-weather {
	list-style-type: none;
	margin: 28px 0 0 0;
	padding: 0;
}

.layout-rightpanel .layout-rightpanel-content .weekly-weather li {
	padding: 8px 14px;
	border-bottom: 1px solid #d8dae2;
	position: relative;
}

.layout-rightpanel .layout-rightpanel-content .weekly-weather li .weekly-weather-value
	{
	position: absolute;
	right: 40px;
}

.layout-rightpanel .layout-rightpanel-content .weekly-weather li img {
	width: 24px;
	position: absolute;
	right: 0px;
	top: 4px;
}

.layout-rtl .layout-rightpanel .layout-rightpanel-header {
	direction: rtl;
}

.layout-rtl .layout-rightpanel .layout-rightpanel-header .weather-day,
	.layout-rtl .layout-rightpanel .layout-rightpanel-header .weather-date
	{
	right: 14px;
	left: auto;
}

.layout-rtl .layout-rightpanel .layout-rightpanel-content .weekly-weather
	{
	direction: rtl;
}

.layout-rtl .layout-rightpanel .layout-rightpanel-content .weekly-weather li .weekly-weather-value
	{
	left: 40px;
	right: auto;
}

.layout-rtl .layout-rightpanel .layout-rightpanel-content .weekly-weather li img
	{
	left: 0px;
	right: auto;
}

.login-body {
	background: url("") top
		left no-repeat #f7f7f7;
	background-size: 100% auto;
}

.login-panel {
	text-align: center;
	width: 350px;
	min-height: 440px;
	padding: 50px 20px;
	margin: 100px auto 0 auto;
}

.login-panel .ui-g .ui-g-12 {
	padding: 25px 40px;
}

.login-panel .ui-g .ui-g-12 .ui-button {
	margin-bottom: 20px;
}

.login-footer {
	position: absolute;
	bottom: 10px;
	font-size: 16px;
	width: 100%;
	text-align: center;
	color: #757575;
}

@media ( -webkit-min-device-pixel-ratio : 2) , ( min-resolution :
	192dpi) {
	.login-body {
		background: url("")
			top left no-repeat #f7f7f7;
		background-size: 100% auto;
	}
}

@media ( max-width : 768px) {
	.login-panel {
		text-align: center;
		min-height: 440px;
		margin: 100px auto 0 auto;
	}
}

@media ( max-width : 640px) {
	.login-panel {
		text-align: center;
		width: 300px;
		min-height: 440px;
		padding: 40px 20px;
		margin: 75px auto 0 auto;
	}
	.login-panel .ui-g .ui-g-12 {
		padding: 20px 20px;
	}
	.login-panel .ui-g .ui-g-12 .ui-button {
		margin-top: 30px;
	}
}

.exception-body {
	background-color: #f7f7f7;
}

.exception-body .exception-type {
	width: 100%;
	height: 50%;
	padding: 100px 100px 0 100px;
	box-sizing: border-box;
	text-align: center;
}

.exception-body .exception-panel {
	text-align: center;
	width: 350px;
	padding: 50px 50px;
	margin: -10% auto 0 auto;
	z-index: 100;
}

.exception-body .exception-panel i {
	font-size: 72px;
}

.exception-body .exception-panel h1 {
	font-size: 36px;
	line-height: 36px;
	color: #757575;
}

.exception-body .exception-panel .exception-detail {
	margin: 20px 0px 100px 0px;
	color: #757575;
}

.exception-body.error-page .exception-type {
	background-color: #e62a10;
}

.exception-body.error-page .exception-type img {
	width: 100%;
}

.exception-body.error-page .exception-panel i {
	color: #f79a84;
}

.exception-body.notfound-page .exception-type {
	background-color: #3f51b5;
}

.exception-body.notfound-page .exception-type img {
	width: 54%;
}

.exception-body.notfound-page .exception-panel i {
	color: #9fa8da;
}

.exception-body.accessdenied-page .exception-type {
	background-color: #e91e63;
}

.exception-body.accessdenied-page .exception-type img {
	width: 50%;
}

.exception-body.accessdenied-page .exception-panel i {
	color: #f48fb1;
}

@media ( max-width : 768px) {
	.exception-body .exception-panel {
		margin-top: -50px;
	}
}

@media ( max-width : 640px) {
	.exception-body .exception-panel {
		width: 250px;
		margin-top: -15px;
	}
}

.landing-wrapper #header {
	width: 100%;
	min-height: 400px;
	background:
		url("")
		top left no-repeat #f7f7f7;
	background-size: 100% auto;
}

.landing-wrapper #header .header-top {
	width: 960px;
	margin: 0 auto;
	padding: 30px 0px;
}

.landing-wrapper #header .header-top .logo {
	display: inline-block;
	vertical-align: middle;
	width: 200px;
	height: 30px;
	background: url("/agriculturaypesca/reafa/javax.faces.resource/images/logoREAFA.png.xhtml?ln=reafa-style") top
		left no-repeat;
}

.landing-wrapper #header .header-top #menu {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
}

.landing-wrapper #header .header-top #menu li {
	float: left;
	display: block;
	margin-left: 30px;
}

.landing-wrapper #header .header-top #menu li a {
	color: #ffffff;
}

.landing-wrapper #header .header-top #menu li i {
	display: none;
}

.landing-wrapper #header .header-top #menu.lmenu-active {
	display: block;
}

.landing-wrapper #header .header-top #menu-button {
	float: right;
	font-size: 36px;
	color: #ffffff;
	display: none;
}

.landing-wrapper #header .header-content {
	width: 960px;
	margin: 0 auto;
	text-align: center;
}

.landing-wrapper #header .header-content h1 {
	margin: 75px 0px 50px 0px;
	font-weight: 400;
	color: #ffffff;
	line-height: 36px;
}

.landing-wrapper #features {
	width: 960px;
	margin: 0 auto;
	padding: 50px 0px;
	text-align: center;
}

.landing-wrapper #features h2 {
	font-weight: 400;
	line-height: 28px;
}

.landing-wrapper #features h3 {
	font-weight: 400;
}

.landing-wrapper #features p {
	color: #757575;
}

.landing-wrapper #features .ui-g-12 {
	padding: 2em 0.5em;
}

.landing-wrapper #features .feature-icon {
	display: inline-block;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #f4f8fc;
	box-sizing: border-box;
	width: 100px;
	height: 100px;
	text-align: center;
	-moz-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

.landing-wrapper #features .feature-icon i {
	margin-top: 30px;
	font-size: 36px;
}

.landing-wrapper #features .feature-icon:hover {
	background-color: #e91e63;
}

.landing-wrapper #features .feature-icon:hover i {
	color: #ffffff;
}

.landing-wrapper #promotion {
	background:
		url("") top
		left no-repeat;
	background-size: 100% auto;
}

.landing-wrapper #promotion .ui-lg-8 {
	padding: 150px 0 0 150px;
}

.landing-wrapper #promotion .ui-lg-8 h1 {
	font-weight: 48px;
	color: #ffffff;
	font-weight: 400;
}

.landing-wrapper #promotion .ui-lg-4 {
	margin: -50px 0 -50px 0;
}

.landing-wrapper #promotion .ui-lg-4 .card {
	-webkit-box-shadow: 0 0 27px 4.5px rgba(13, 36, 62, 0.1);
	-moz-box-shadow: 0 0 27px 4.5px rgba(13, 36, 62, 0.1);
	box-shadow: 0 0 27px 4.5px rgba(13, 36, 62, 0.1);
	margin-bottom: 20px;
}

.landing-wrapper #promotion .ui-lg-4 .card h3 {
	font-weight: 400;
}

.landing-wrapper #promotion .ui-lg-4 .card p {
	color: #757575;
}

.landing-wrapper #promotion .ui-lg-4 .card:last-child {
	margin-bottom: 0;
}

.landing-wrapper #pricing {
	width: 960px;
	margin: 0 auto;
	padding: 50px 0px;
	text-align: center;
}

.landing-wrapper #pricing h2 {
	font-weight: 400;
}

.landing-wrapper #pricing p {
	color: #757575;
}

.landing-wrapper #pricing .pricing-box .card {
	height: 100%;
	padding: 0;
}

.landing-wrapper #pricing .pricing-box .pricing-header {
	padding: 40px 0;
	color: #ffffff;
}

.landing-wrapper #pricing .pricing-box .pricing-header span {
	display: block;
	line-height: 48px;
}

.landing-wrapper #pricing .pricing-box .pricing-header span.name {
	font-weight: 300;
	font-size: 24px;
}

.landing-wrapper #pricing .pricing-box .pricing-header span.fee {
	font-size: 48px;
	font-weight: 700;
}

.landing-wrapper #pricing .pricing-box .pricing-header span.type {
	font-weight: 300;
	font-size: 16px;
}

.landing-wrapper #pricing .pricing-box .pricing-content ul {
	margin: 0;
	padding: 30px 20px;
	list-style-type: none;
}

.landing-wrapper #pricing .pricing-box .pricing-content ul li {
	font-size: 18px;
	text-align: left;
	padding: 10px 14px;
}

.landing-wrapper #pricing .pricing-box .pricing-content ul li i {
	margin-right: 20px;
	vertical-align: middle;
}

.landing-wrapper #pricing .pricing-box .pricing-content ul li span {
	vertical-align: middle;
}

.landing-wrapper #pricing .pricing-box.pricing-basic .pricing-header {
	background-color: #3f51b5;
}

.landing-wrapper #pricing .pricing-box.pricing-basic i {
	color: #3f51b5;
}

.landing-wrapper #pricing .pricing-box.pricing-standard .pricing-header
	{
	background-color: #e91e63;
}

.landing-wrapper #pricing .pricing-box.pricing-standard i {
	color: #e91e63;
}

.landing-wrapper #pricing .pricing-box.pricing-professional .pricing-header
	{
	background-color: #607d8b;
}

.landing-wrapper #pricing .pricing-box.pricing-professional i {
	color: #607d8b;
}

.landing-wrapper #video {
	background-color: #f7f7f7;
	min-width: 400px;
}

.landing-wrapper #video .video-content {
	width: 960px;
	margin: 0 auto;
	padding: 50px 0px;
	text-align: center;
}

.landing-wrapper #video .video-content h2 {
	font-weight: 400;
}

.landing-wrapper #video .video-content p {
	color: #757575;
}

.landing-wrapper .footer {
	background-color: #f7f7f7;
	border-top: 1px solid #dddddd;
}

.landing-wrapper .footer .footer-content {
	width: 960px;
	margin: 0 auto;
	padding: 30px 0px 50px 0px;
}

.landing-wrapper .footer .footer-content ul {
	float: right;
	list-style-type: none;
}

.landing-wrapper .footer .footer-content ul li a {
	color: #757575;
	-moz-transition: color 0.3s;
	-o-transition: color 0.3s;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}

.landing-wrapper .footer .footer-content ul li a:hover {
	color: #212121;
}

@media ( max-width : 768px) {
	.landing-wrapper #header {
		min-height: 200px;
		background-size: cover;
	}
	.landing-wrapper #header .header-top {
		z-index: 100;
		position: fixed;
		top: 0;
		background: #424242;
		background-size: 100% auto;
		padding: 30px;
		width: 100%;
		box-sizing: border-box;
		-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
		-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
		box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	}
	.landing-wrapper #header .header-top #menu-button {
		display: inline-block;
	}
	.landing-wrapper #header .header-top #menu {
		z-index: 100;
		position: fixed;
		top: 86px;
		right: 30px;
		float: none;
		display: none;
		margin: 0;
		padding: 0;
		width: 225px;
		list-style: none;
		background-color: #ffffff;
		-webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0
			rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0
			rgba(0, 0, 0, 0.2);
		box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0
			rgba(0, 0, 0, 0.2);
		-webkit-animation-duration: 0.5s;
		-moz-animation-duration: 0.5s;
		animation-duration: 0.5s;
	}
	.landing-wrapper #header .header-top #menu li {
		float: none;
		margin-left: 0;
	}
	.landing-wrapper #header .header-top #menu li a {
		font-size: 16px;
		display: block;
		padding: 10px 16px;
		color: #212121;
		width: 100%;
		box-sizing: border-box;
		-moz-transition: background-color 0.3s;
		-o-transition: background-color 0.3s;
		-webkit-transition: background-color 0.3s;
		transition: background-color 0.3s;
		overflow: hidden;
	}
	.landing-wrapper #header .header-top #menu li a i {
		color: #757575;
		display: inline-block;
		vertical-align: middle;
		margin-right: 12px;
		font-size: 24px;
	}
	.landing-wrapper #header .header-top #menu li a:hover {
		background-color: #e8e8e8;
	}
	.landing-wrapper #header .header-top #menu li a span {
		display: inline-block;
		vertical-align: middle;
	}
	.landing-wrapper #header .header-content {
		width: 100%;
		padding: 100px 30px 60px 30px;
		box-sizing: border-box;
	}
	.landing-wrapper #header .header-content h1 {
		margin: 75px 0px 50px 0px;
		font-weight: 400;
	}
	.landing-wrapper #features, .landing-wrapper #promotion,
		.landing-wrapper #pricing, .landing-wrapper #video, .landing-wrapper .footer .footer-content
		{
		width: 100%;
		padding-right: 30px;
		padding-left: 30px;
		box-sizing: border-box;
	}
	.landing-wrapper #promotion .ui-lg-8 {
		padding: 100px 0 30px;
		text-align: center;
	}
	.landing-wrapper #promotion .ui-lg-8 h1 {
		margin-top: -30px;
		font-weight: 48px;
		color: #ffffff;
		font-weight: 400;
	}
	.landing-wrapper #video .video-content {
		width: 100%;
	}
	.landing-wrapper #video .video-content .video-container iframe {
		width: 350px;
		height: 220px;
	}
	.landing-wrapper .footer .footer-content {
		text-align: center;
	}
	.landing-wrapper .footer .footer-content ul {
		float: none;
		margin: 0;
		padding: 0;
	}
}

@media ( -webkit-min-device-pixel-ratio : 2) , ( min-resolution :
	192dpi) {
	.landing-wrapper .header .header-top .logo {
		background: url("/agriculturaypesca/reafa/javax.faces.resource/images/logoREAFA2x.png.xhtml?ln=reafa-style") top
			left no-repeat;
		/* 		background-size: 200px 30px; */
	}
}

html, body {
	position: relative;
	min-height: 100vh;
}

body {
	font-family: Roboto, "Helvetica Neue", sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #212121;
	-webkit-font-smoothing: antialiased;
	padding: 0;
	margin: 0;
}

body.main-body {
	background-color: #f7f7f7;
}

body a {
	text-decoration: none;
}

.layout-mask {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #424242;
	opacity: 0.7;
	top: 0;
	left: 0;
	z-index: 999999997;
}

.layout-wrapper .topbar {
	position: fixed;
	z-index: 1002;
	width: 100%;
	height: 55px;
	background-color: #53863F;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

.customRowAviso {
	background-color: #FFECB3 !important;
	background-image: none !important;
	color: black;
}

.customRowAviso i {
	color: red !important;
}

.customDialog {
	z-index: 99999 !important;
}

.ui-widget-header.customDialogAprov {
	z-index: 99999 !important;
	background: var(--color-principal);
	color: white;
}

.layout-wrapper .topbar .logo {
	display: inline-block;
	vertical-align: top;
	width: 200px;
	height: 50px;
	background: url("/agriculturaypesca/reafa/javax.faces.resource/images/logoREAFA.png.xhtml?ln=reafa-style") top
		left no-repeat;
	margin-top: -5px;
	margin-left: 25px;
}

.layout-wrapper .topbar .logo p {
	display: inline-block;
	vertical-align: middle;
	margin-left: 60px;
	margin-top: 15px;
	color: white;
	font-size: 35px;
	font-weight: bold;
}

.layout-wrapper .topbar .topbar-left {
	box-sizing: border-box;
	padding: 10px;
	/* 	padding-top:20px; */
	height: 55px;
	width: 200px;
	float: left;
}

.layout-wrapper .topbar .topbar-right {
	box-sizing: border-box;
	/* 	padding: 20px; */
	height: 55px;
	width: 250px;
	background-color: #087021;
	float: right;
}

.layout-wrapper .topbar .topbar-right.display-tablet-mobile {
	box-sizing: border-box;
	padding: 20px;
	height: 75px;
	width: 100px;
	background-color: #087021;
	float: right;
	-webkit-box-shadow: -3px 0 6px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: -3px 0 6px rgba(0, 0, 0, 0.3);
	box-shadow: -3px 0 6px rgba(0, 0, 0, 0.3);
}

.layout-wrapper .topbar .topbar-right .options-icon {
	position: relative;
}

.layout-wrapper .topbar .topbar-right #menu-button {
	color: #ffffff;
	display: inline-block;
	vertical-align: middle;
	height: 36px;
	margin-right: 10px;
	position: relative;
	left: -16px;
	top: 3px;
	background-color: #EAEAEA;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px
		rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px
		rgba(0, 0, 0, 0.16);
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px
		rgba(0, 0, 0, 0.16);
}
/* .layout-wrapper .topbar .topbar-right #menu-button:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
} */
.layout-wrapper .topbar .topbar-right #menu-button i {
	font-family: "Material Icons";
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	/* Preferred icon size */
	display: inline-block;
	width: 1em;
	height: 1em;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;
	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;
	/* Support for IE. */
	font-feature-settings: "liga";
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	font-size: 36px;
}

.layout-wrapper .topbar .topbar-right #menu-button i:before {
	content: "";
}

.layout-wrapper .topbar .topbar-right #menu-button.menu-button-rotate i
	{
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.layout-wrapper .topbar .topbar-right #topbar-menu-button {
	display: none;
	color: #ffffff;
	vertical-align: middle;
	horizontal-align: middle;
	height: 36px;
	position: absolute;
	top: 20px;
	right: 25px;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.layout-wrapper .topbar .topbar-right #topbar-menu-button i {
	-moz-transition: color 0.5s;
	-o-transition: color 0.5s;
	-webkit-transition: color 0.5s;
	transition: color 0.5s;
	font-size: 36px;
	color: #ffffff;
}

.layout-wrapper .topbar .topbar-right #topbar-menu-button i:hover {
	color: #e6e6e6;
}

.layout-wrapper .topbar .topbar-right .topbar-items .search-item input {
	position: relative;
	top: -10px;
	font-size: 16px;
	background-color: transparent;
	border-width: 0 0 1px 0;
	padding: 2px 2px 1px 2px;
	border-color: #ffffff;
	color: #ffffff;
}

.layout-wrapper .topbar .topbar-right .topbar-items .search-item input:focus
	{
	outline: 0 none;
	border-bottom-width: 2px;
}

.layout-wrapper .topbar .topbar-right .topbar-items .search-item input:focus 
	 ~ label {
	top: -5px;
	font-size: 12px;
	color: #53863F;
}

.layout-wrapper .topbar .topbar-right .topbar-items .search-item input.ui-state-filled 
	 ~ label {
	display: none;
}

.layout-wrapper .topbar .topbar-right .topbar-items .search-item label {
	color: #ffffff;
	top: 8px;
}

.layout-wrapper .topbar .topbar-right .rightpanel-btn {
	float: right;
	margin-top: 4px;
}

.layout-wrapper .topbar .topbar-right .rightpanel-btn i {
	font-size: 36px;
	color: #ffffff;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.layout-wrapper .topbar .topbar-right .rightpanel-btn i:hover {
	color: #e6e6e6;
}

.layout-wrapper .layout-menu {
	overflow: auto;
	position: fixed;
	width: 250px;
	z-index: 99;
	top: 75px;
	height: 100%;
	background-color: #ffffff;
	-webkit-box-shadow: 3px 0 6px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 3px 0 6px rgba(0, 0, 0, 0.3);
	box-shadow: 3px 0 6px rgba(0, 0, 0, 0.3);
	-moz-transition: margin-left 0.3s;
	-o-transition: margin-left 0.3s;
	-webkit-transition: margin-left 0.3s;
	transition: margin-left 0.3s;
}

.layout-wrapper .layout-menu>.nano>.nano-content.menu-scroll-content {
	display: block;
	height: 100%;
	position: relative;
	overflow: scroll;
	overflow-x: hidden;
}

.layout-wrapper .layout-menu>.nano>.nano-content>ul:last-child {
	margin-top: 16px;
	padding-bottom: 120px;
}

.layout-wrapper .layout-menu>.nano .nano-pane .nano-slider {
	background-color: #aaaaaa;
	opacity: 0.3;
	filter: alpha(opacity = 30);
}

.layout-wrapper .layout-menu .profile {
	box-sizing: border-box;
	padding-top: 30px;
	width: 250px;
	height: 145px;
	text-align: center;
	background: url("/agriculturaypesca/reafa/javax.faces.resource/images/profile-bg.svg.xhtml?ln=reafa-style") top
		left no-repeat;
	background-size: 250px 145px;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
}

.layout-wrapper .layout-menu .profile .profile-image {
	width: 60px;
	height: 60px;
	margin: 0 auto 5px auto;
	/*   background: url("/agriculturaypesca/reafa/javax.faces.resource/images/logo-ultima.svg.xhtml?ln=reafa-style") top left no-repeat; */
	background-size: 60px 60px;
}

.layout-wrapper .layout-menu .profile .profile-name {
	display: inline-block;
	color: #212121;
	vertical-align: middle;
	font-size: 16px;
}

.layout-wrapper .layout-menu .profile i {
	color: #212121;
	vertical-align: middle;
	-moz-transition: transform 0.3s;
	-o-transition: transform 0.3s;
	-webkit-transition: transform 0.3s;
	transition: transform 0.3s;
}
/* .layout-wrapper .layout-menu .profile.profile-expanded i {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
} */
.layout-wrapper .layout-menu #profile-menu {
	margin-top: 16px;
	border-bottom: 1px solid #d6d5d5;
	display: none;
}

.layout-wrapper .layout-menu #profile-menu li:last-child {
	margin-bottom: 16px;
}

.layout-wrapper .layout-menu.layout-menu-dark {
	background-color: #424242;
}

.layout-wrapper .layout-menu.layout-menu-dark .profile {
	background-image:
		url("");
}

.layout-wrapper .layout-menu.layout-menu-dark .profile .profile-name {
	color: #ffffff;
}

.layout-wrapper .layout-menu.layout-menu-dark .profile i {
	color: #ffffff;
}

.layout-wrapper .layout-menu.layout-menu-dark #profile-menu {
	border-bottom: 1px solid #676767;
}

.layout-wrapper .layout-menu.layout-menu-dark ul.ultima-menu li a {
	color: #ffffff;
}

.layout-wrapper .layout-menu.layout-menu-dark ul.ultima-menu li a i {
	color: #ffffff;
}

.layout-wrapper .layout-menu.layout-menu-dark ul.ultima-menu li a:hover
	{
	background-color: #676767;
}

.layout-wrapper .layout-menu.layout-menu-dark ul.ultima-menu li.active-menuitem>a
	{
	color: #ffffff;
	background-color: #EAEAEA;
}

.layout-wrapper .layout-menu.layout-menu-dark ul.ultima-menu li.active-menuitem>a .menuitem-badge
	{
	background-color: #ffffff;
	color: #EAEAEA;
}

.layout-wrapper .layout-menu .layout-menu-tooltip {
	display: none;
	padding: 0 5px;
	position: absolute;
	left: 76px;
	top: 17px;
	z-index: 101;
	line-height: 1;
}

.layout-wrapper .layout-menu .layout-menu-tooltip .layout-menu-tooltip-text
	{
	padding: 6px 8px;
	font-weight: 700;
	background-color: #5c5c5c;
	color: #ffffff;
	min-width: 75px;
	white-space: nowrap;
	text-align: center;
	-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px
		rgba(0, 0, 0, 0.23);
	-moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px
		rgba(0, 0, 0, 0.23);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px
		rgba(0, 0, 0, 0.23);
}

.layout-wrapper .layout-menu .layout-menu-tooltip .layout-menu-tooltip-arrow
	{
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-width: 5px 5px 5px 0;
	border-right-color: #5c5c5c;
}

.layout-wrapper.menu-layout-overlay .layout-menu {
	margin-left: -250px;
}

.layout-wrapper.menu-layout-overlay .layout-main {
	margin-left: 0px;
}

.layout-wrapper.menu-layout-overlay.layout-menu-overlay-active .layout-menu
	{
	z-index: 999999999;
	margin-left: 0px;
}

.layout-wrapper.menu-layout-overlay .topbar {
	z-index: 999999998;
}

.layout-wrapper.menu-layout-overlay .topbar .topbar-right #menu-button i
	{
	font-size: 36px !important;
	font-family: "Material Icons";
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	/* Preferred icon size */
	display: inline-block;
	width: 1em;
	height: 1em;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;
	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;
	/* Support for IE. */
	font-feature-settings: "liga";
}

.layout-wrapper.menu-layout-overlay .topbar .topbar-right #menu-button i:before
	{
	content: "";
}

.layout-wrapper .layout-main {
	padding: 60px 15px 5px 15px;
	-moz-transition: margin-left 0.3s;
	-o-transition: margin-left 0.3s;
	-webkit-transition: margin-left 0.3s;
	transition: margin-left 0.3s;
}

.layout-wrapper .ultima-menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

.layout-wrapper .ultima-menu li a {
	font-size: 16px;
	display: inline-flex; /*  localizador flex */
	padding: 10px 16px;
	color: #212121;
	width: 100%; /*  localizador auto */
	box-sizing: border-box;
	-moz-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
	overflow: hidden;
}

.layout-wrapper .ultima-menu li a i {
	color: #757575;
}

.layout-wrapper .ultima-menu li a i:first-child {
	display: inline-block;
	vertical-align: middle;
	margin-right: 12px;
	font-size: 24px;
}

.layout-wrapper .ultima-menu li a i:last-child {
	float: right;
	font-size: 20px;
	margin-top: 2px;
	margin-right: -3px;
	-moz-transition: transform 0.3s;
	-o-transition: transform 0.3s;
	-webkit-transition: transform 0.3s;
	transition: transform 0.3s;
}

.layout-wrapper .ultima-menu li a:hover {
	background-color: #e8e8e8;
}

.layout-wrapper .ultima-menu li a span {
	display: inline-block;
	vertical-align: middle;
}

.layout-wrapper .ultima-menu li a .menuitem-badge {
	position: absolute;
	right: 35px;
	top: 12px;
	background-color: #EAEAEA;
	color: #ffffff;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	display: block;
	font-size: 14px;
	line-height: 20px;
	width: 19px;
	height: 19px;
	text-align: center;
}

.layout-wrapper .ultima-menu li.amber-badge a .menuitem-badge {
	background-color: #FFC107;
	color: #212121;
}

.layout-wrapper .ultima-menu li.active-menuitem>a {
	color: #53863F;
	background-color: #e8e8e8;
}

.layout-wrapper .ultima-menu li.active-menuitem>a i:last-child {
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

.layout-wrapper .ultima-menu li ul {
	display: none;
	padding: 0;
	margin: 0;
	list-style: none;
}

.layout-wrapper .ultima-menu li ul li a {
	padding: 10px 16px 10px 32px;
	font-size: 15px;
}

.layout-wrapper .ultima-menu li ul li a i:first-child {
	display: inline-block;
	vertical-align: middle;
	margin-right: 12px;
	font-size: 20px;
}

.layout-wrapper .ultima-menu li ul li ul li a {
	padding-left: 48px;
}

.layout-wrapper .ultima-menu li ul li ul ul li a {
	padding-left: 64px;
}

.layout-wrapper .ultima-menu li ul li ul ul ul li a {
	padding-left: 80px;
}

.layout-wrapper .ultima-menu li ul li ul ul ul ul li a {
	padding-left: 96px;
}

.layout-wrapper .footer {
	padding: 0.5em;
}

.layout-wrapper .footer .footer-text-left {
	float: left;
}

.layout-wrapper .footer .footer-text-right {
	color: #757575;
	float: right;
}

.layout-wrapper .footer .footer-text-right span {
	vertical-align: middle;
	display: inline-block;
}

.layout-wrapper .layout-rightpanel {
	position: fixed;
	top: 75px;
	height: 100%;
	right: -240px;
	width: 240px;
	z-index: 10;
	background-color: #ffffff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-transition: right 0.3s;
	-o-transition: right 0.3s;
	-webkit-transition: right 0.3s;
	transition: right 0.3s;
	-webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
}

.layout-wrapper .layout-rightpanel.layout-rightpanel-active {
	right: 0;
	-webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
	transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
	z-index: 10;
}

.layout-wrapper .layout-rightpanel .layout-rightpanel-content {
	padding: 14px;
}

.layout-wrapper .layout-rightpanel .nano .right-panel-scroll-content {
	display: block;
	height: 100%;
	position: relative;
}

.layout-wrapper .layout-rightpanel .nano .right-panel-scroll-content .layout-rightpanel-content
	{
	padding-bottom: 120px;
}

.layout-wrapper .layout-rightpanel .nano>.nano-pane>.nano-slider {
	background-color: #aaa;
	opacity: 0.3;
}

.layout-wrapper.layout-rtl .ultima-menu li a {
	direction: rtl;
}

.layout-wrapper.layout-rtl .ultima-menu li a i:last-child {
	float: left;
}

.layout-wrapper.layout-rtl .ultima-menu li a i:first-child {
	float: right;
	margin-left: 12px;
	margin-right: 0px;
}

.layout-wrapper.layout-rtl .ultima-menu li a img:first-child {
	float: right;
}

.layout-wrapper.layout-rtl .ultima-menu li a img ~ span {
	float: right;
	padding-top: 8px;
	padding-right: 10px;
}

.layout-wrapper.layout-rtl .ultima-menu li .menuitem-badge {
	left: 35px;
	right: auto;
}

.layout-wrapper.layout-rtl .layout-menu {
	right: 0;
	direction: rtl;
	margin-right: 0px;
	transition: margin-right 0.3s;
	-webkit-box-shadow: -3px 0 6px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: -3px 0 6px rgba(0, 0, 0, 0.3);
	box-shadow: -3px 0 6px rgba(0, 0, 0, 0.3);
}

.layout-wrapper.layout-rtl .layout-menu>.nano>.nano-content.menu-scroll-content
	{
	margin-right: 0px !important;
	margin-left: -17px;
}

.layout-wrapper.layout-rtl .layout-menu>.nano>.nano-content .ultima-menu li ul li a
	{
	padding: 8px 32px 8px 16px;
}

.layout-wrapper.layout-rtl .layout-menu>.nano>.nano-content .ultima-menu li ul li ul li a
	{
	padding-left: 16px;
	padding-right: 48px;
}

.layout-wrapper.layout-rtl .layout-menu>.nano>.nano-content .ultima-menu li ul li ul ul li a
	{
	padding-left: 16px;
	padding-right: 64px;
}

.layout-wrapper.layout-rtl .layout-menu>.nano>.nano-pane {
	right: auto;
	left: 0;
}

.layout-wrapper.layout-rtl .layout-main {
	transition: margin-right 0.3s;
}

.layout-wrapper.layout-rtl.menu-layout-static .layout-main {
	margin-left: 0;
	margin-right: 250px;
}

.layout-wrapper.layout-rtl.menu-layout-static.layout-menu-static-inactive .layout-menu
	{
	margin-left: 0;
	margin-right: -250px;
}

.layout-wrapper.layout-rtl.menu-layout-static.layout-menu-static-inactive .layout-main
	{
	margin-right: 0px;
}

.layout-wrapper.layout-rtl.menu-layout-static.layout-menu-static-inactive .topbar .topbar-right #menu-button i
	{
	transform: rotate(0deg);
}

.layout-wrapper.layout-rtl.menu-layout-overlay .layout-menu {
	margin-left: 0px;
	margin-right: -250px;
}

.layout-wrapper.layout-rtl.menu-layout-overlay.layout-menu-overlay-active .topbar .topbar-right #menu-button i
	{
	transform: rotate(0deg);
}

.layout-wrapper.layout-rtl.menu-layout-overlay.layout-menu-overlay-active .layout-menu
	{
	margin-right: 0px;
}

.layout-wrapper.layout-rtl.menu-layout-horizontal .layout-main {
	margin-right: 0px;
}

.layout-wrapper.layout-rtl.menu-layout-horizontal .layout-menu>.nano>.nano-content .ultima-menu>li
	{
	float: right;
}

.layout-wrapper.layout-rtl.menu-layout-horizontal .layout-menu>.nano>.nano-content .ultima-menu>li>ul
	{
	left: auto;
}

.layout-wrapper.layout-rtl.menu-layout-horizontal .layout-menu>.nano>.nano-content .ultima-menu>li>ul li ul li a
	{
	padding-left: 16px;
	padding-right: 32px;
}

.layout-wrapper.layout-rtl.menu-layout-horizontal .layout-menu>.nano>.nano-content .ultima-menu>li>ul li ul ul li a
	{
	padding-left: 16px;
	padding-right: 48px;
}

.layout-wrapper.layout-rtl.menu-layout-horizontal .layout-menu>.nano>.nano-content .ultima-menu li a .menuitem-badge
	{
	right: 29px;
	left: auto;
}

.layout-wrapper.layout-rtl.menu-layout-horizontal .layout-menu>.nano>.nano-content .ultima-menu li a i:last-child
	{
	margin-right: 3px;
}

.layout-wrapper.layout-rtl .topbar .topbar-left {
	float: right;
}

.layout-wrapper.layout-rtl .topbar .topbar-right {
	float: left;
}

.layout-wrapper.layout-rtl .topbar .topbar-right .topbar-items {
	float: left;
}

.layout-wrapper.layout-rtl .topbar .topbar-right .topbar-items>li>a .topbar-badge
	{
	right: auto;
}

.layout-wrapper.layout-rtl .topbar .topbar-right .topbar-items>li>ul {
	right: auto;
}

.layout-wrapper.layout-rtl .topbar .topbar-right .topbar-items>li>ul li a span
	{
	float: right;
}

.layout-wrapper.layout-rtl .topbar .topbar-right .topbar-items .search-item input
	{
	direction: rtl;
}

.layout-wrapper.layout-rtl .topbar .topbar-right .topbar-items .search-item label
	{
	left: auto;
	right: 43px;
}

.layout-wrapper.layout-rtl .topbar .topbar-right #menu-button {
	margin-right: 0px;
	left: 13px;
	float: right;
}

.layout-wrapper.layout-rtl .topbar .topbar-right #menu-button i {
	transform: rotate(180deg);
}

.layout-wrapper.layout-rtl .topbar .topbar-right .rightpanel-btn {
	float: left;
}

.layout-wrapper.layout-rtl .layout-rightpanel {
	-moz-transition: left 0.3s;
	-o-transition: left 0.3s;
	-webkit-transition: left 0.3s;
	transition: left 0.3s;
	right: auto;
	left: -240px;
}

.layout-wrapper.layout-rtl .layout-rightpanel.layout-rightpanel-active {
	left: 0;
	right: auto;
}

.layout-wrapper.layout-rtl .layout-rightpanel>.nano>.nano-pane {
	right: auto;
	left: 0;
}

.ajax-loader {
	font-size: 32px;
	color: #EAEAEA;
}

@media ( min-width : 769px) {
	.layout-wrapper .topbar-items {
		float: right;
		margin: 0;
		padding: 5px 0 0 0;
		list-style-type: none;
		margin-right: 2px;
	}
	.layout-wrapper .topbar-items>li {
		float: right;
		position: relative;
		margin-left: 8px;
	}
	.layout-wrapper .topbar-items>li>a {
		position: relative;
		display: block;
	}
	.layout-wrapper .topbar-items>li>a .topbar-item-name {
		display: none;
	}
	.layout-wrapper .topbar-items>li>a .topbar-badge {
		position: absolute;
		right: -5px;
		top: -5px;
		background-color: #EAEAEA;
		color: #ffffff;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		padding: 2px 4px;
		display: block;
		font-size: 12px;
		line-height: 12px;
	}
	.layout-wrapper .topbar-items>li .topbar-icon {
		font-size: 24px;
		color: #087021;
		-moz-transition: color 0.3s;
		-o-transition: color 0.3s;
		-webkit-transition: color 0.3s;
		transition: color 0.3s;
	}
	.layout-wrapper .topbar-items>li .topbar-icon:hover {
		color: #e8e8e8;
	}
	.layout-wrapper .topbar-items>li.profile-item .profile-image {
		width: 36px;
		height: 36px;
		background: url("") top
			left no-repeat;
		background-size: 36px 36px;
	}
	.layout-wrapper .topbar-items>li>ul {
		position: absolute;
		width: max-content;
		display: none;
		background-color: #ffffff;
		-webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0
			rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0
			rgba(0, 0, 0, 0.2);
		box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0
			rgba(0, 0, 0, 0.2);
		-webkit-animation-duration: 0.5s;
		-moz-animation-duration: 0.5s;
		animation-duration: 0.5s;
	}
	.layout-wrapper .topbar-items>li.active-top-menu>ul {
		display: block;
	}
	.layout-wrapper .topbar-items>li .topbar-message img {
		display: inline-block;
		vertical-align: middle;
		margin-right: 12px;
	}
	.layout-wrapper.menu-layout-static .layout-menu {
		margin-left: 0;
	}
	.layout-wrapper.menu-layout-static .layout-main {
		margin-left: 250px;
	}
	.layout-wrapper.menu-layout-static.layout-menu-static-inactive .layout-menu
		{
		margin-left: -250px;
	}
	.layout-wrapper.menu-layout-static.layout-menu-static-inactive .layout-main
		{
		margin-left: 0px;
	}
	.layout-wrapper.menu-layout-static .layout-mask {
		display: none;
	}
	.layout-wrapper.menu-layout-horizontal .topbar {
		box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
	}
	.layout-wrapper.menu-layout-horizontal .topbar .topbar-left {
		background-color: #53863F;
		box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
	}
	.layout-wrapper.menu-layout-horizontal .topbar .topbar-right {
		background-color: #53863F;
		box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
	}
	.layout-wrapper.menu-layout-horizontal .topbar .topbar-right #menu-button
		{
		display: none;
	}
	.layout-wrapper.menu-layout-horizontal .layout-menu {
		overflow: visible;
		position: fixed;
		width: 100%;
		top: 75px;
		height: auto;
		background-color: var(--color-principal);
		-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
		-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
		box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	}
	.layout-wrapper.menu-layout-horizontal .layout-menu>.nano {
		overflow: visible;
	}
	.layout-wrapper.menu-layout-horizontal .layout-menu>.nano .nano-content.menu-scroll-content
		{
		display: inherit;
		height: auto;
		position: static;
		overflow: visible;
		overflow-x: visible;
	}
	.layout-wrapper.menu-layout-horizontal .layout-menu>.nano .nano-content ul:last-child
		{
		margin-top: 0px;
		padding-bottom: 0px;
	}
	.layout-wrapper.menu-layout-horizontal .layout-menu>.nano .nano-pane {
		display: none !important;
	}
	.layout-wrapper.menu-layout-horizontal .layout-menu ul.ultima-menu:last-child
		{
		margin-top: 0;
	}
	.layout-wrapper.menu-layout-horizontal .layout-menu ul.ultima-menu>li {
		float: left;
		position: relative;
	}
	.layout-wrapper.menu-layout-horizontal .layout-menu ul.ultima-menu>li>a
		{
		color: #ffffff;
	}
	.layout-wrapper.menu-layout-horizontal .layout-menu ul.ultima-menu>li>a i
		{
		color: #ffffff;
	}
	.layout-wrapper.menu-layout-horizontal .layout-menu ul.ultima-menu>li>a:hover
		{
		background-color: #e8e8e8;
		color: #212121;
	}
	.layout-wrapper.menu-layout-horizontal .layout-menu ul.ultima-menu>li>a:hover i
		{
		color: #212121;
	}
	.layout-wrapper.menu-layout-horizontal .layout-menu ul.ultima-menu>li>ul
		{
		z-index: 100;
		position: absolute;
		top: 45px;
		left: 0px;
		display: none;
		width: 250px;
		background-color: #ffffff;
		-webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0
			rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0
			rgba(0, 0, 0, 0.2);
		box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0
			rgba(0, 0, 0, 0.2);
	}
	.layout-wrapper.menu-layout-horizontal .layout-menu ul.ultima-menu>li>ul li a
		{
		padding: 10px 16px;
	}
	.layout-wrapper.menu-layout-horizontal .layout-menu ul.ultima-menu>li>ul li ul
		{
		position: static;
	}
	.layout-wrapper.menu-layout-horizontal .layout-menu ul.ultima-menu>li>ul li ul li a
		{
		padding-left: 32px;
	}
	.layout-wrapper.menu-layout-horizontal .layout-menu ul.ultima-menu>li>ul li ul ul li a
		{
		padding-left: 48px;
	}
	.layout-wrapper.menu-layout-horizontal .layout-menu ul.ultima-menu>li>ul li ul ul ul li a
		{
		padding-left: 64px;
	}
	.layout-wrapper.menu-layout-horizontal .layout-menu ul.ultima-menu>li>ul li ul ul ul ul li a
		{
		padding-left: 80px;
	}
	.layout-wrapper.menu-layout-horizontal .layout-menu ul.ultima-menu>li>ul li ul ul ul ul ul li a
		{
		padding-left: 96px;
	}
	.layout-wrapper.menu-layout-horizontal .layout-menu ul.ultima-menu>li>ul li.active-menuitem>a
		{
		color: #53863F;
		background-color: #e8e8e8;
	}
	.layout-wrapper.menu-layout-horizontal .layout-menu ul.ultima-menu>li.active-menuitem>a
		{
		color: #ffffff;
		background-color: #EAEAEA;
	}
	.layout-wrapper.menu-layout-horizontal .layout-menu ul.ultima-menu>li.active-menuitem>a i
		{
		color: #ffffff;
	}
	.layout-wrapper.menu-layout-horizontal .layout-menu ul.ultima-menu li a .menuitem-badge
		{
		left: 29px;
		top: 3px;
	}
	.layout-wrapper.menu-layout-horizontal .layout-menu ul.ultima-menu li.active-menuitem a .menuitem-badge
		{
		color: #EAEAEA;
		background-color: #ffffff;
	}
	.layout-wrapper.menu-layout-horizontal .layout-menu.layout-menu-dark {
		background-color: #424242;
	}
	.layout-wrapper.menu-layout-horizontal .layout-menu.layout-menu-dark ul.ultima-menu li a
		{
		color: #ffffff;
	}
	.layout-wrapper.menu-layout-horizontal .layout-menu.layout-menu-dark ul.ultima-menu li a:hover
		{
		background-color: #676767;
	}
	.layout-wrapper.menu-layout-horizontal .layout-menu.layout-menu-dark ul.ultima-menu li a:hover i
		{
		color: #ffffff;
	}
	.layout-wrapper.menu-layout-horizontal .layout-menu.layout-menu-dark ul.ultima-menu li.active-menuitem>a
		{
		color: #ffffff;
		background-color: #EAEAEA;
	}
	.layout-wrapper.menu-layout-horizontal .layout-menu.layout-menu-dark ul.ultima-menu li ul
		{
		background-color: #424242;
	}
	.layout-wrapper.menu-layout-horizontal .layout-main {
		padding-top: 140px;
		margin-left: 0px;
	}
	.layout-wrapper.menu-layout-horizontal .layout-mask {
		display: none;
	}
	.layout-wrapper.layout-menu-slim .topbar .topbar-left {
		box-shadow: 0 0 0 rgba(0, 0, 0, 0);
		background-color: #53863F;
	}
	.layout-wrapper.layout-menu-slim .topbar .topbar-right {
		box-shadow: 0 0 0 rgba(0, 0, 0, 0);
		background-color: #53863F;
	}
	.layout-wrapper.layout-menu-slim .topbar .topbar-right #menu-button {
		display: none;
	}
	.layout-wrapper.layout-menu-slim .layout-main {
		margin-left: 75px;
	}
	.layout-wrapper.layout-menu-slim .layout-menu {
		width: 75px;
		overflow: visible;
		z-index: 100;
	}
	.layout-wrapper.layout-menu-slim .layout-menu .profile {
		width: 75px;
		height: 75px;
		padding: 17px;
		cursor: pointer;
	}
	.layout-wrapper.layout-menu-slim .layout-menu .profile .profile-image {
		width: 40px;
		height: 40px;
		background-size: 40px 40px;
	}
	.layout-wrapper.layout-menu-slim .layout-menu .profile #profile-options
		{
		width: 75px;
		height: 75px;
	}
	.layout-wrapper.layout-menu-slim .layout-menu .profile i,
		.layout-wrapper.layout-menu-slim .layout-menu .profile span {
		display: none;
	}
	.layout-wrapper.layout-menu-slim .layout-menu.layout-menu-dark ul.ultima-menu
		{
		background-color: #424242;
	}
	.layout-wrapper.layout-menu-slim .layout-menu.layout-menu-dark ul.ultima-menu li a
		{
		color: #ffffff;
	}
	.layout-wrapper.layout-menu-slim .layout-menu.layout-menu-dark ul.ultima-menu li a:hover
		{
		background-color: #676767;
	}
	.layout-wrapper.layout-menu-slim .layout-menu.layout-menu-dark ul.ultima-menu li a:hover i
		{
		color: #ffffff;
	}
	.layout-wrapper.layout-menu-slim .layout-menu.layout-menu-dark ul.ultima-menu li.active-menuitem>a
		{
		color: #ffffff;
		background-color: #EAEAEA;
	}
	.layout-wrapper.layout-menu-slim .layout-menu.layout-menu-dark ul.ultima-menu li ul
		{
		background-color: #424242;
	}
	.layout-wrapper.layout-menu-slim .layout-menu .profile+ul {
		-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px
			rgba(0, 0, 0, 0.23);
		-moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px
			rgba(0, 0, 0, 0.23);
		box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px
			rgba(0, 0, 0, 0.23);
		background-color: #ffffff;
		position: absolute;
		top: 0;
		left: 76px;
		min-width: 200px;
	}
	.layout-wrapper.layout-menu-slim .layout-menu .profile+ul#profile-menu {
		margin-top: 0;
	}
	.layout-wrapper.layout-menu-slim .layout-menu .profile+ul#profile-menu>li:last-child
		{
		margin: 0;
	}
	.layout-wrapper.layout-menu-slim .layout-menu .profile+ul#profile-menu>li>a
		{
		text-align: left;
		padding: 8px 16px 8px 16px;
	}
	.layout-wrapper.layout-menu-slim .layout-menu .profile+ul#profile-menu>li>a i:first-child
		{
		font-size: 20px;
		padding: 0;
		margin-right: 12px;
	}
	.layout-wrapper.layout-menu-slim .layout-menu .profile+ul#profile-menu>li>a span
		{
		display: inline-block;
		vertical-align: middle;
	}
	.layout-wrapper.layout-menu-slim .layout-menu .profile+ul#profile-menu>li>a i:last-child
		{
		display: inline-block;
		margin-left: 12px;
	}
	.layout-wrapper.layout-menu-slim .layout-menu .profile+ul li ul li a {
		padding-left: 32px;
	}
	.layout-wrapper.layout-menu-slim .layout-menu .profile+ul li ul ul li a
		{
		padding-left: 48px;
	}
	.layout-wrapper.layout-menu-slim .layout-menu .profile+ul li ul ul ul li a
		{
		padding-left: 64px;
	}
	.layout-wrapper.layout-menu-slim .layout-menu .profile+ul li ul ul ul ul li a
		{
		padding: 80px;
	}
	.layout-wrapper.layout-menu-slim .layout-menu .profile+ul li ul ul ul ul ul li a
		{
		padding: 96px;
	}
	.layout-wrapper.layout-menu-slim .layout-menu .nano {
		overflow: visible;
	}
	.layout-wrapper.layout-menu-slim .layout-menu .nano .nano-content {
		overflow: visible;
		margin-right: 0px !important;
		outline: none;
	}
	.layout-wrapper.layout-menu-slim .layout-menu .nano .nano-content>ul:last-child.ultima-menu
		{
		margin: 0;
		padding: 0;
	}
	.layout-wrapper.layout-menu-slim .layout-menu .nano .nano-pane {
		display: none !important;
	}
	.layout-wrapper.layout-menu-slim .layout-menu .ultima-menu {
		padding: 0;
	}
	.layout-wrapper.layout-menu-slim .layout-menu .ultima-menu li a .menuitem-badge
		{
		top: 11px;
		right: 18px;
	}
	.layout-wrapper.layout-menu-slim .layout-menu .ultima-menu>li {
		position: relative;
	}
	.layout-wrapper.layout-menu-slim .layout-menu .ultima-menu>li>a {
		text-align: center;
		padding-left: 0;
		padding-right: 0;
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.layout-wrapper.layout-menu-slim .layout-menu .ultima-menu>li>a i:first-child
		{
		font-size: 24px;
		padding: 10px 0;
		margin-right: 0;
	}
	.layout-wrapper.layout-menu-slim .layout-menu .ultima-menu>li>a span:not(.menuitem-badge ), .layout-wrapper.layout-menu-slim .layout-menu .ultima-menu>li>a i:last-child
		{
		display: none;
	}
	.layout-wrapper.layout-menu-slim .layout-menu .ultima-menu>li>a:hover+.layout-menu-tooltip
		{
		display: block;
	}
	.layout-wrapper.layout-menu-slim .layout-menu .ultima-menu>li>ul {
		-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px
			rgba(0, 0, 0, 0.23);
		-moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px
			rgba(0, 0, 0, 0.23);
		box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px
			rgba(0, 0, 0, 0.23);
		background-color: #ffffff;
		position: absolute;
		top: 0;
		left: 76px;
		min-width: 200px;
	}
	.layout-wrapper.layout-menu-slim .layout-menu .ultima-menu>li>ul li a {
		padding-left: 16px;
	}
	.layout-wrapper.layout-menu-slim .layout-menu .ultima-menu>li>ul li ul li a
		{
		padding-left: 32px;
	}
	.layout-wrapper.layout-menu-slim .layout-menu .ultima-menu>li>ul li ul ul li a
		{
		padding-left: 48px;
	}
	.layout-wrapper.layout-menu-slim .layout-menu .ultima-menu>li>ul li ul ul ul li a
		{
		padding-left: 64px;
	}
	.layout-wrapper.layout-menu-slim .layout-menu .ultima-menu>li>ul li ul ul ul ul li a
		{
		padding: 80px;
	}
	.layout-wrapper.layout-menu-slim .layout-menu .ultima-menu>li>ul li ul ul ul ul ul li a
		{
		padding: 96px;
	}
	.layout-wrapper.layout-menu-slim .layout-menu .ultima-menu>li>ul.submenu-top
		{
		top: auto;
		bottom: 0px;
	}
	.layout-wrapper.layout-menu-slim .layout-menu .ultima-menu>li.active-menuitem>a:hover+.layout-menu-tooltip
		{
		display: none;
	}
	.layout-wrapper.layout-menu-slim.layout-menu-dark .layout-menu>li>ul {
		background-color: #424242;
	}
	.layout-wrapper.layout-menu-slim .layout-content {
		margin-left: 75px;
	}
	.layout-wrapper.layout-menu-slim .layout-footer {
		margin-left: 75px;
	}
	.layout-wrapper.layout-rtl.menu-layout-horizontal .layout-menu>.nano>.nano-content ul.ultima-menu>li>ul li a
		{
		padding: 10px 16px;
	}
	.layout-wrapper.layout-rtl.layout-menu-slim .layout-main {
		margin-left: 0;
		margin-right: 75px;
	}
	.layout-wrapper.layout-rtl.layout-menu-slim .layout-menu .layout-menu-tooltip
		{
		left: auto;
		right: 76px;
	}
	.layout-wrapper.layout-rtl.layout-menu-slim .layout-menu .layout-menu-tooltip .layout-menu-tooltip-arrow
		{
		left: auto;
		right: 0;
		border-width: 5px 0px 5px 5px;
		border-left-color: #5c5c5c;
		border-right-color: transparent;
	}
	.layout-wrapper.layout-rtl.layout-menu-slim .layout-menu>.nano>.nano-content.menu-scroll-content
		{
		margin-left: 0px;
	}
	.layout-wrapper.layout-rtl.layout-menu-slim .layout-menu>.nano>.nano-content.menu-scroll-content .ultima-menu li ul li a
		{
		padding-right: 16px;
	}
	.layout-wrapper.layout-rtl.layout-menu-slim .layout-menu>.nano>.nano-content.menu-scroll-content .ultima-menu li ul li ul li a
		{
		padding-right: 32px;
	}
	.layout-wrapper.layout-rtl.layout-menu-slim .layout-menu>.nano>.nano-content.menu-scroll-content .ultima-menu li ul li ul li ul li a
		{
		padding-right: 48px;
	}
	.layout-wrapper.layout-rtl.layout-menu-slim .layout-menu .ultima-menu>li>ul
		{
		left: auto;
		right: 76px;
	}
	.layout-wrapper.layout-rtl.layout-menu-slim .layout-menu .ultima-menu>li>a i:first-child
		{
		margin-left: 0px;
	}
	.layout-wrapper.layout-rtl.layout-menu-slim .layout-menu .ultima-menu li a .menuitem-badge
		{
		right: auto;
		left: 18px;
	}
	.layout-wrapper.layout-rtl.layout-menu-slim .layout-menu .ultima-menu li a i:first-child
		{
		float: none;
	}
	.layout-wrapper.layout-rtl.layout-menu-slim .layout-menu .profile+ul#profile-menu
		{
		left: auto;
		right: 76px;
	}
	.layout-wrapper.layout-rtl.layout-menu-slim .layout-menu .profile+ul#profile-menu>li>a
		{
		text-align: right;
	}
	.layout-wrapper.layout-rtl.layout-menu-slim .layout-menu .profile+ul#profile-menu>li>a i:first-child
		{
		margin-right: 0px;
		margin-left: 12px;
	}
}

@media ( max-width : 768px) {
	.layout-wrapper.menu-layout-static .topbar .topbar-right #menu-button i
		{
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	.layout-wrapper.menu-layout-static .topbar .topbar-right #menu-button.menu-button-rotate i
		{
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	.layout-wrapper.menu-layout-static .layout-menu {
		margin-left: -265px;
	}
	.layout-wrapper.menu-layout-static .layout-main {
		margin-left: 0px;
	}
	.layout-wrapper.menu-layout-static.layout-menu-static-active .layout-menu
		{
		margin-left: 0;
		z-index: 999999999;
	}
	.layout-wrapper.menu-layout-static.layout-menu-static-active .topbar {
		z-index: 999999998;
	}
	.layout-wrapper.menu-layout-static.layout-menu-static-active .layout-main
		{
		margin-left: 0;
	}
	.layout-wrapper .topbar .topbar-right #topbar-menu-button {
		display: block;
	}
	.layout-wrapper .topbar .topbar-right .topbar-items {
		position: absolute;
		top: 75px;
		right: 15px;
		width: 275px;
		-webkit-animation-duration: 0.5s;
		-moz-animation-duration: 0.5s;
		animation-duration: 0.5s;
		display: none;
		background-color: #ffffff;
		-webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0
			rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0
			rgba(0, 0, 0, 0.2);
		box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0
			rgba(0, 0, 0, 0.2);
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	.layout-wrapper .topbar .topbar-right .topbar-items>li>a {
		width: 100%;
		display: block;
		box-sizing: border-box;
		font-size: 16px;
		padding: 16px 16px;
		color: #212121;
		position: relative;
	}
	.layout-wrapper .topbar .topbar-right .topbar-items>li>a i {
		display: inline-block;
		vertical-align: middle;
		margin-right: 12px;
		font-size: 24px;
	}
	.layout-wrapper .topbar .topbar-right .topbar-items>li>a:hover {
		background-color: #e8e8e8;
	}
	.layout-wrapper .topbar .topbar-right .topbar-items>li>a .topbar-item-name
		{
		display: inline-block;
		vertical-align: middle;
	}
	.layout-wrapper .topbar .topbar-right .topbar-items>li>a .topbar-badge {
		position: absolute;
		left: 30px;
		top: 10px;
		background-color: #EAEAEA;
		color: #ffffff;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		padding: 2px 4px;
		display: block;
		font-size: 12px;
		line-height: 12px;
	}
	.layout-wrapper .topbar .topbar-right .topbar-items>li>ul {
		display: none;
	}
	.layout-wrapper .topbar .topbar-right .topbar-items>li>ul li a span,
		.layout-wrapper .topbar .topbar-right .topbar-items>li>ul li a img,
		.layout-wrapper .topbar .topbar-right .topbar-items>li>ul li a i {
		display: inline-block;
		vertical-align: middle;
	}
	.layout-wrapper .topbar .topbar-right .topbar-items>li.active-top-menu>a
		{
		color: #53863F;
	}
	.layout-wrapper .topbar .topbar-right .topbar-items>li.active-top-menu>ul
		{
		display: block;
	}
	.layout-wrapper .topbar .topbar-right .topbar-items>li.active-top-menu>ul li a
		{
		padding-left: 32px;
	}
	.layout-wrapper .topbar .topbar-right .topbar-items>li.search-item {
		text-align: center;
		width: 100%;
		display: block;
		box-sizing: border-box;
		font-size: 16px;
		padding: 16px 16px;
		position: relative;
	}
	.layout-wrapper .topbar .topbar-right .topbar-items>li.search-item input
		{
		top: 0;
		width: 100%;
		box-sizing: border-box;
		padding-right: 16px;
		border-color: #bdbdbd;
		color: #212121;
	}
	.layout-wrapper .topbar .topbar-right .topbar-items>li.search-item input:focus
		{
		margin-bottom: -1px;
		border-color: #bdbdbd;
	}
	.layout-wrapper .topbar .topbar-right .topbar-items>li.search-item input:focus 
		 ~ label, .layout-wrapper .topbar .topbar-right .topbar-items>li.search-item input.ui-state-filled 
		 ~ label {
		top: -20px;
		color: #53863F;
	}
	.layout-wrapper .topbar .topbar-right .topbar-items>li.search-item label
		{
		top: 1px;
		color: #212121;
	}
	.layout-wrapper .topbar .topbar-right .topbar-items>li.search-item i {
		position: absolute;
		right: 5px;
		top: -2px;
	}
	.layout-wrapper .topbar .topbar-right .topbar-items>li.profile-item .profile-image
		{
		display: inline-block;
		vertical-align: middle;
		width: 24px;
		height: 24px;
		background: url("") top
			left no-repeat;
		background-size: 24px 24px;
		margin-right: 14px;
	}
	.layout-wrapper .topbar .topbar-right .topbar-items>li.profile-item span
		{
		vertical-align: middle;
		display: inline-block;
	}
	.layout-wrapper .topbar .topbar-right .topbar-items.topbar-items-visible
		{
		display: block;
	}
	.layout-wrapper .topbar .topbar-right .rightpanel-btn {
		margin-left: 35px;
	}
	.layout-wrapper.layout-rtl.menu-layout-static .layout-menu {
		margin-left: 0px;
		margin-right: -265px;
	}
	.layout-wrapper.layout-rtl.menu-layout-static .layout-main {
		margin-right: 0px;
	}
	.layout-wrapper.layout-rtl.menu-layout-static .topbar .topbar-right #menu-button i
		{
		transform: rotate(0deg);
	}
	.layout-wrapper.layout-rtl.menu-layout-static.layout-menu-static-active .layout-menu
		{
		margin-right: 0px;
	}
	.layout-wrapper.layout-rtl.menu-layout-static.layout-menu-static-active .topbar .topbar-right #menu-button i
		{
		transform: rotate(180deg);
	}
	.layout-wrapper.layout-rtl.menu-layout-horizontal .layout-menu>.nano>.nano-content .ultima-menu>li
		{
		float: none;
	}
	.layout-wrapper.layout-rtl .topbar .topbar-right #topbar-menu-button {
		right: auto;
		margin-right: 0px;
		margin-left: 40px;
	}
	.layout-wrapper.layout-rtl .topbar .topbar-right .topbar-items {
		right: auto;
	}
	.layout-wrapper.layout-rtl .topbar .topbar-right .topbar-items.topbar-items-visible
		{
		direction: rtl;
	}
	.layout-wrapper.layout-rtl .topbar .topbar-right .topbar-items>li.search-item input
		{
		padding-right: 30px;
	}
	.layout-wrapper.layout-rtl .topbar .topbar-right .topbar-items>li>a .topbar-badge
		{
		left: auto;
		right: 28px;
	}
	.layout-wrapper.layout-rtl .topbar .topbar-right .topbar-items>li>a i {
		margin-left: 10px;
		margin-right: 0px;
	}
	.layout-wrapper.layout-rtl .topbar .topbar-right .topbar-items>li>a span
		{
		float: none;
	}
	.layout-wrapper.layout-rtl .topbar .topbar-right .topbar-items>li.active-top-menu>ul li a
		{
		padding-right: 32px;
		padding-left: 16px;
	}
	.layout-wrapper.layout-rtl .topbar .topbar-right .topbar-items>li.active-top-menu>ul li a i
		{
		margin-left: 12px;
		margin-right: 0px;
	}
	.layout-wrapper.layout-rtl .topbar .topbar-right .topbar-items>li.active-top-menu>ul li a i:first-child
		{
		padding-left: 0px;
	}
	.layout-wrapper.layout-rtl .topbar .topbar-right .topbar-items>li.profile-item .profile-image
		{
		margin-left: 8px;
		margin-right: -2px;
	}
	.layout-wrapper.layout-rtl .topbar .topbar-right .rightpanel-btn {
		margin-left: 0px;
	}
}

@media ( -webkit-min-device-pixel-ratio : 2) , ( min-resolution :
	192dpi) {
	.layout-wrapper .topbar .logo {
		background: url("/agriculturaypesca/reafa/javax.faces.resource/images/logoREAFA.png.xhtml?ln=reafa-style") top
			left no-repeat;
		/* 		background-size: 200px 30px; */
	}
}

@media ( max-width : 399px) {
	.layout-wrapper .topbar .topbar-right #topbar-menu-button {
		right: 10px;
		margin-right: 25px;
	}
	.layout-wrapper .topbar .topbar-right .rightpanel-btn {
		position: absolute;
		right: 5px;
	}
	.layout-wrapper.layout-rtl .topbar .topbar-right #topbar-menu-button {
		left: 10px;
		margin-right: 0px;
		margin-left: 25px;
	}
	.layout-wrapper.layout-rtl .topbar .topbar-right .rightpanel-btn {
		right: auto;
		left: 5px;
		margin-left: 0px;
	}
}

body.layout-compact {
	font-size: 14px;
	line-height: 18px;
	/* Messages */
}

.divTextoExp {
	height: 22px !important;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	color: black;
	background-color: white;
	padding: 5px 10px 0px 10px;
	border: 1px solid #BEBEBE;
	float: right;
	width: 50%;
	text-align: center;
	border-radius: 4px;
}

body.layout-compact .layout-wrapper .ultima-menu li a {
	font-size: 14px;
	padding: 8px 16px;
}

body.layout-compact .layout-wrapper .ultima-menu li a i:first-child {
	font-size: 20px;
}

body.layout-compact .layout-wrapper .ultima-menu li a i:last-child {
	font-size: 18px;
}

body.layout-compact .layout-wrapper .ultima-menu li a .menuitem-badge {
	top: 10px;
	font-size: 12px;
	line-height: 18px;
	width: 17px;
	height: 17px;
}

body.layout-compact .layout-wrapper .ultima-menu li ul li a {
	padding: 8px 16px 8px 32px;
	font-size: 14px;
}

body.layout-compact .layout-wrapper .ultima-menu li ul li ul li a {
	padding-left: 48px;
}

body.layout-compact .layout-wrapper .ultima-menu li ul li ul ul li a {
	padding-left: 64px;
}

body.layout-compact .layout-wrapper .ultima-menu li ul li ul ul ul li a
	{
	padding-left: 80px;
}

body.layout-compact .layout-wrapper .ultima-menu li ul li ul ul ul ul li a
	{
	padding-left: 96px;
}

body.layout-compact .layout-wrapper .layout-menu #profile-menu {
	margin-top: 14px;
}

body.layout-compact .layout-wrapper .layout-menu #profile-menu li:last-child
	{
	margin-bottom: 14px;
}

body.layout-compact .layout-wrapper .layout-menu>.nano>.nano-content>ul:last-child
	{
	margin-top: 14px;
}

body.layout-compact .ui-widget-content {
	font-size: 14px;
}

body.layout-compact .ui-widget-header {
	font-size: 16px;
}

body.layout-compact .ui-icon {
	font-size: 20px;
}

body.layout-compact .card {
	padding: 16px;
	margin-bottom: 16px;
	box-sizing: border-box;
}

body.layout-compact .layout-menu-explotacion.card {
	padding: 2px;
	margin-bottom: 2px;
	box-sizing: border-box;
}

body.layout-compact .card.card-w-title {
	/* padding-bottom: 10px;
	background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
		url("/agriculturaypesca/reafa/javax.faces.resource/images/background.jpg.xhtml?ln=reafa-style2");
	background-repeat: no-repeat;
	background-size: auto;
	background-position: left; */
	
}

body .card-bienvenida {
	padding-bottom: 10px;
	background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
		url("/agriculturaypesca/reafa/javax.faces.resource/images/background.jpg.xhtml?ln=reafa-style2");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left;
	padding-bottom: 250px !important;
	margin-bottom: 0px !important;
}

body.layout-compact .card h1 {
	font-size: 22px;
	margin: 22px 0;
}

body.layout-compact .card h1:first-child {
	margin-top: 10px;
}

body.layout-compact .card h2 {
	font-size: 20px;
}

body.layout-compact .card h3 {
	font-size: 18px;
}

body.layout-compact .card h4 {
	font-size: 16px;
}

body.layout-compact .ui-panel .ui-panel-titlebar {
	padding: 8px 14px;
}

body.layout-compact .ui-panel .ui-panel-titlebar .ui-panel-title {
	line-height: 18px;
}

body.layout-compact .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon
	{
	position: relative;
	top: 4px;
	width: 24px;
	height: 24px;
	margin: 0;
}

body.layout-compact .ui-panel .ui-panel-content {
	padding: 8px 14px;
}

body.layout-compact .ui-panel .ui-panel-footer {
	padding: 8px 14px;
}

body.layout-compact .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar {
	padding-left: 40px;
}

body.layout-compact .ui-button {
	font-size: 14px;
	height: 30px;
	padding: 0 14px;
}

body.layout-compact .ui-button .ui-button-text {
	line-height: 30px;
}

body.layout-compact .ui-button.ui-button-icon-only {
	width: 32px;
	height: 30px;
}

body.layout-compact .ui-button.ui-button-icon-only .ui-icon {
	width: 20px;
	height: 20px;
	font-size: 20px;
	margin-top: -10px;
	margin-left: -10px;
}

body.layout-compact .ui-button.ui-button-text-icon-left .ui-icon, body.layout-compact .ui-button.ui-button-text-icon-right .ui-icon
	{
	width: 20px;
	height: 20px;
	font-size: 20px;
	margin-top: -10px;
}

.filtroCalendario .ui-button{
    position: static !important;
    display: inline-flex !important;
}

.filtroCalendario .ui-icon-calendar{
    width: 74% !important;
    top: 43% !important;
}

.reguladorAcho{
	max-width: 182px !important;
}

#validarFormRegepa .ui-button-icon-left {
	color: white;
}

body.layout-compact .ui-button.ui-button-text-icon-left {
	padding-left: 36px;
}

body.layout-compact .ui-button.ui-button-text-icon-right {
	padding-right: 36px;
}

body.layout-compact .ui-splitbutton .ui-splitbutton-menubutton {
	height: 30px;
}

body.layout-compact .ui-inputfield {
	font-size: 14px;
	background: white;
}

body.layout-compact .md-inputfield .ui-message.ui-message-error {
	font-size: 11px;
}

body.layout-compact .md-inputfield .ui-message.ui-message-error .ui-message-error-icon
	{
	font-size: 13px;
}

body.layout-compact .ui-chkbox {
	line-height: 18px;
	width: 18px;
	height: 18px;
	margin-right: 4px;
}

body.layout-compact .ui-chkbox .ui-chkbox-box {
	width: 14px;
	height: 14px;
}

body.layout-compact .ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
	font-size: 18px;
	margin-left: -2px;
	margin-top: -2px;
}

body.layout-compact .ui-radiobutton .ui-radiobutton-box {
	width: 14px;
	height: 14px;
}

body.layout-compact .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon
	{
	top: 0;
	left: -1px;
	width: 18px;
	height: 18px;
}

body.layout-compact .ui-picklist .ui-picklist-caption {
	font-size: 14px;
	padding: 6px 10px;
}

body.layout-compact .ui-picklist li.ui-picklist-item {
	font-size: 14px;
	padding: 6px 10px;
}

body.layout-compact .ui-picklist .ui-picklist-buttons {
	width: 60px;
}

body.layout-compact .ui-picklist .ui-picklist-buttons .ui-button.ui-button-icon-only
	{
	width: 32px;
	margin-bottom: 4px;
}

body.layout-compact .ui-picklist .ui-picklist-filter-container {
	padding: 6px 10px;
}

body.layout-compact .ui-picklist .ui-picklist-filter-container .ui-icon
	{
	top: 8px;
}

body.layout-compact .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button.ui-button-icon-only
	{
	margin-bottom: 4px;
}

body.layout-compact .ui-orderlist .ui-orderlist-caption {
	font-size: 14px;
	padding: 6px 10px;
}

body.layout-compact .ui-orderlist .ui-orderlist-list li.ui-orderlist-item
	{
	font-size: 14px;
	padding: 6px 10px;
}

body.layout-compact .ui-orderlist .ui-orderlist-controls {
	width: 40px;
}

body.layout-compact .ui-orderlist .ui-orderlist-controls .ui-button.ui-button-icon-only
	{
	width: 32px;
}

body.layout-compact .ui-selectonelistbox .ui-selectlistbox-item {
	font-size: 14px;
	padding: 6px 10px;
}

body.layout-compact .ui-selectonelistbox .ui-selectlistbox-filter-container
	{
	padding: 6px 10px;
}

body.layout-compact .ui-multiselectlistbox .ui-multiselectlistbox-header
	{
	font-size: 14px;
	padding: 6px 10px;
}

body.layout-compact .ui-multiselectlistbox li.ui-multiselectlistbox-item
	{
	font-size: 14px;
	padding: 6px 10px;
}

body.layout-compact .ui-paginator {
	padding: 6px 10px;
}

body.layout-compact .ui-paginator .ui-paginator-next {
	padding: 0 6px;
	vertical-align: middle;
	font-family: "Material Icons";
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	/* Preferred icon size */
	display: inline-block;
	width: 1em;
	height: 1em;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;
	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;
	/* Support for IE. */
	font-feature-settings: "liga";
	font-size: 20px;
}

body.layout-compact .ui-paginator .ui-paginator-next:before {
	content: "";
}

body.layout-compact .ui-paginator .ui-paginator-next:before {
	position: relative;
	left: -6px;
}

body.layout-compact .ui-paginator .ui-paginator-last {
	padding: 0 6px;
	vertical-align: middle;
	font-family: "Material Icons";
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	/* Preferred icon size */
	display: inline-block;
	width: 1em;
	height: 1em;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;
	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;
	/* Support for IE. */
	font-feature-settings: "liga";
	font-size: 20px;
}

body.layout-compact .ui-paginator .ui-paginator-last:before {
	content: "";
}

body.layout-compact .ui-paginator .ui-paginator-last:before {
	position: relative;
	left: -6px;
}

body.layout-compact .ui-paginator .ui-paginator-prev {
	padding: 0 6px;
	vertical-align: middle;
	font-family: "Material Icons";
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	/* Preferred icon size */
	display: inline-block;
	width: 1em;
	height: 1em;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;
	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;
	/* Support for IE. */
	font-feature-settings: "liga";
	font-size: 20px;
}

body.layout-compact .ui-paginator .ui-paginator-prev:before {
	content: "";
}

body.layout-compact .ui-paginator .ui-paginator-prev:before {
	position: relative;
	left: -5px;
}

body.layout-compact .ui-paginator .ui-paginator-first {
	padding: 0 6px;
	vertical-align: middle;
	font-family: "Material Icons";
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	/* Preferred icon size */
	display: inline-block;
	width: 1em;
	height: 1em;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;
	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;
	/* Support for IE. */
	font-feature-settings: "liga";
	font-size: 20px;
}

body.layout-compact .ui-paginator .ui-paginator-first:before {
	content: "";
}

body.layout-compact .ui-paginator .ui-paginator-first:before {
	position: relative;
	left: -5px;
}

body.layout-compact .ui-paginator .ui-paginator-pages {
	vertical-align: middle;
	margin: 0 4px 0 10px;
}

body.layout-compact .ui-paginator .ui-paginator-pages a {
	padding: 1px 6px;
	margin-right: 2px;
}

body.layout-compact .ui-paginator .ui-paginator-pages a:last-child {
	margin-right: 0;
}

body.layout-compact .ui-datagrid .ui-datagrid-header {
	padding: 8px 14px;
}

body.layout-compact .ui-datalist .ui-datalist-header {
	padding: 8px 14px;
}

body.layout-compact .ui-datatable .ui-datatable-header, body.layout-compact .ui-datatable .ui-datatable-footer
	{
	padding: 8px 14px;
}

body.layout-compact .ui-datatable .ui-paginator {
	padding: 8px 14px;
	border-top: 1px solid #bdbdbd;
}

body.layout-compact .ui-datatable thead th {
	padding: 6px 10px;
}

body.layout-compact .ui-datatable thead th .ui-sortable-column-icon {
	margin: -4px 0 0 0;
}

body.layout-compact .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s
	{
	margin-left: 4px;
}

body.layout-compact .ui-datatable tfoot td {
	padding: 6px 10px;
}

body.layout-compact .ui-datatable tbody tr.ui-widget-content td {
	padding: 6px 10px;
}

body.layout-compact .ui-datatable>.ui-icon-arrowthick-1-s {
	font-size: 18px;
}

body.layout-compact .ui-datatable.ui-datatable-scrollable .ui-datatable-scrollable-theadclone th
	{
	padding-top: 0;
	padding-bottom: 0;
}

body.layout-compact .ui-draggable-dragging.ui-state-default {
	padding: 8px 14px !important;
}

body.layout-compact .ui-carousel .ui-carousel-header {
	padding: 5px 14px;
	font-size: 14px;
}

body.layout-compact .ui-carousel .ui-carousel-footer {
	padding: 8px 14px;
	font-size: 14px;
}

body.layout-compact .ui-dialog .ui-dialog-titlebar {
	padding: 8px 14px;
	font-size: 16px;
}

body.layout-compact .customDialogAprov .ui-dialog-titlebar {
	padding: 14px 14px;
	border-bottom: 1px solid #BEBEBE;
	font-size: 22px;
	color: #333333 !important;
}

body .customDialogAprov .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon
	{
	color: var(--color-principal) !important;
	font-weight: bold;
	font-size: 25px;
}

body.layout-compact .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon
	{
	margin-top: 2px;
}

body.layout-compact .ui-dialog .ui-dialog-content {
	padding: 8px 14px;
}

body.layout-compact .ui-autocomplete-panel .ui-autocomplete-list .ui-autocomplete-item
	{
	font-size: 14px;
	padding: 6px 10px;
}

body.layout-compact .ui-autocomplete-panel .ui-autocomplete-list .ui-autocomplete-group
	{
	padding: 6px 10px;
}

body.layout-compact .ui-autocomplete .ui-autocomplete-dropdown {
	top: 4px;
}

body.layout-compact .ui-autocomplete .ui-autocomplete-dropdown.ui-button.ui-button-icon-only
	{
	background-color: transparent;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	height: 20px;
	width: 20px;
}

body.layout-compact .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-input-token>input
	{
	font-size: 14px;
}

body.layout-compact .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-token .ui-autocomplete-token-icon
	{
	margin-top: -10px;
}

body.layout-compact .ui-selectonemenu .ui-selectonemenu-trigger {
	height: 20px;
	width: 20px;
	margin: 8px 6px;
}

body.layout-compact .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon
	{
	height: 20px;
	width: 20px;
	margin-top: 0px !important;
}

.flexContainer {
	margin: 2px 10px;
	display: flex;
}

.leftContainer {
	flex-basis: 25%;
	min-width: 350px;
	z-index: 0 !important;
	background-color: #f7f7f7 !important;
}

.rightContainer {
	flex-basis: 50%;
	max-width: 780px;
	min-width: 625px;
}

body.layout-compact .ui-selectonemenu .ui-selectonemenu-label {
	font-size: 14px;
	width: 80% !important;
}

body.layout-compact .ui-selectonemenu-panel .ui-selectonemenu-item {
	font-size: 14px;
	padding: 6px 10px;
}

body.layout-compact .ui-selectonemenu-panel .ui-selectonemenu-item-group
	{
	padding: 8px;
}

body.layout-compact .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label
	{
	padding-bottom: 1px;
}

body.layout-compact .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger
	{
	height: 20px;
	width: 20px;
	font-size: 20px;
}

body.layout-compact .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon
	{
	height: 20px;
	width: 20px;
}

body.layout-compact .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header
	{
	padding: 6px 10px;
	background: var(--color-input-focus);
}

body.layout-compact .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-item
	{
	font-size: 14px;
	padding: 6px 10px;
}

body.layout-compact #keypad-div .keypad-key {
	font-size: 14px;
	padding: 4px;
}

body.layout-compact .ui-selectmanymenu .ui-selectlistbox-item {
	font-size: 14px;
	padding: 6px 10px;
}

body.layout-compact .ui-selectmanymenu .ui-selectlistbox-filter-container
	{
	padding: 6px 10px;
}

body.layout-compact .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon
	{
	top: 4px;
	right: 10px;
}

body.layout-compact .ui-spinner .ui-spinner-button {
	width: 18px;
	height: 12px;
	padding: 0;
}

body.layout-compact .ui-spinner .ui-spinner-up .ui-icon {
	top: 6px;
}

body.layout-compact .ui-spinner .ui-spinner-down .ui-icon {
	top: 4px;
}

body.layout-compact .ui-fluid .ui-spinner .ui-spinner-button {
	width: 25px;
	height: 12px;
}

body.layout-compact .ui-fluid .ui-spinner .ui-spinner-input {
	padding-right: 30px;
}

body.layout-compact .ui-calendar .ui-datepicker-trigger {
	top: 4px;
	right: 25px;
	height: 20px;
	height: 20px;
}

body.layout-compact .ui-datepicker .ui-datepicker-header {
	padding: 6px 10px;
	font-size: 14px;
}

body.layout-compact .ui-datepicker .ui-datepicker-header .ui-datepicker-next
	{
	top: 8px;
	font-size: 20px;
}

body.layout-compact .ui-datepicker .ui-datepicker-header .ui-datepicker-prev
	{
	top: 8px;
	font-size: 20px;
}

body.layout-compact .ui-datepicker tbody td a {
	margin: 0;
	height: 24px;
	width: 24px;
	line-height: 24px;
}

.imputFormulario2 .ui-button {
    position: static !important;
    display: inline-flex !important;
    
}
.imputFormulario2  .ui-icon-calendar {
    width: 54% !important;
    top: 43% !important;
}

body.layout-compact .ui-datepicker .ui-timepicker-div dl {
	margin: -16px 0 40px 0;
}

body.layout-compact .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_hour_label
	{
	margin-top: 6px;
}

body.layout-compact .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_minute_label
	{
	margin-top: 6px;
}

body.layout-compact .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_second_label
	{
	margin-top: 6px;
}

body.layout-compact .ui-datepicker .ui-timepicker-div dl dd {
	margin-top: 42px;
}

body.layout-compact .ui-fluid .ui-calendar .ui-datepicker-trigger.ui-button
	{
	top: 1px;
}

.customDatePickerFormulario .ui-inputfield {
	width: 150px !important;
}

body.layout-compact .ui-messages>div {
	padding: 8px 14px;
}

body.layout-compact .ui-messages>div>span {
	font-size: 24px;
}

body.layout-compact .ui-message {
	min-height: 20px;
}

body.layout-compact .ui-message>span {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
}

body.layout-compact .ui-message>span.ui-message-info-icon, body.layout-compact .ui-message>span.ui-message-error-icon,
	body.layout-compact .ui-message>span.ui-message-warn-icon, body.layout-compact .ui-message>span.ui-message-fatal-icon
	{
	margin-right: 4px;
	margin-top: 1px;
}

body.layout-compact .ui-accordion .ui-accordion-header {
	padding: 8px 14px;
	padding-left: 36px;
	font-size: 14px;
}

body.layout-compact .ui-accordion .ui-accordion-header .ui-icon-triangle-1-e
	{
	margin-top: -10px;
}

body.layout-compact .ui-accordion .ui-accordion-header .ui-icon-triangle-1-s
	{
	margin-top: -10px;
}

body.layout-compact .ui-accordion .ui-accordion-content {
	padding: 8px 14px;
	line-height: 18px;
}

body.layout-compact .ui-toolbar {
	padding: 8px 14px;
}

body.layout-compact .ui-tabs .ui-tabs-nav>li>a {
	padding: 8px 14px;
}

body.layout-compact .ui-tabs .ui-tabs-nav>li>.ui-icon-close {
	margin: 7px 0 0 0;
}

body.layout-compact .ui-tabs .ui-tabs-panel {
	padding: 8px 14px;
}

body.layout-compact .ui-fieldset {
	padding: 8px 14px;
}

body.layout-compact .ui-fieldset .ui-fieldset-legend {
	padding: 8px 14px;
	padding-left: 2px;
	padding-right: 8px;
}

body.layout-compact .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler
	{
	padding: 8px;
	margin-top: -10px;
	margin-right: 8px;
}

body.layout-compact .ui-wizard .ui-wizard-step-titles>li {
	padding: 8px 14px;
	font-size: 14px;
}

body.layout-compact .ui-breadcrumb {
	margin: 10px 90px;
	background-color: #F7F7F7;
	border: none;
}

body.layout-compact .ui-breadcrumb a {
	font-size: 15px;
}

body.layout-compact .ui-breadcrumb li:first-child a {
	font-size: 15px;
	top: 1px;
}

body.layout-compact .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number
	{
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	padding: 4px 8px;
}

body.layout-compact .ui-menu .ui-menu-list li.ui-widget-header h3 {
	font-size: 14px;
	padding: 6px 10px;
}

body.layout-compact .ui-menu .ui-menu-list li.ui-widget-header h3 .ui-icon
	{
	font-size: 20px;
}

body.layout-compact .ui-menu .ui-menu-list li.ui-widget-header h3 .ui-icon.ui-icon-triangle-1-s,
	body.layout-compact .ui-menu .ui-menu-list li.ui-widget-header h3 .ui-icon.ui-icon-triangle-1-e
	{
	margin: -12px 0 0 0px;
}

body.layout-compact .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link
	{
	font-size: 14px;
	padding: 6px 10px;
	min-height: 30px;
	line-height: 18px;
}

body.layout-compact .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link .ui-menuitem-icon
	{
	margin-right: 8px;
}

body.layout-compact .ui-menu .ui-menu-list .ui-separator {
	height: 1px;
	background-color: #bdbdbd;
	width: 100%;
	box-sizing: border-box;
}

body.layout-compact .ui-menu.ui-menu-toggleable .ui-menu-list li.ui-widget-header
	{
	padding-left: 30px;
}

body.layout-compact .ui-menu.ui-menu-toggleable .ui-menu-list li.ui-widget-header .ui-icon
	{
	color: #ffffff;
}

body.layout-compact .ui-menu.ui-menu-toggleable .ui-menu-list li.ui-widget-header .ui-icon.ui-icon-triangle-1-s
	{
	margin-top: -10px;
}

body.layout-compact .ui-menu.ui-menu-toggleable .ui-menu-list li.ui-widget-header .ui-icon.ui-icon-triangle-1-e
	{
	margin-top: -10px;
}

body.layout-compact .ui-menu.ui-tieredmenu .ui-icon-triangle-1-e {
	top: 6px;
}

body.layout-compact .ui-menu.ui-menubar .ui-menubar-options {
	padding: 6px 10px;
}

body.layout-compact .ui-menu.ui-slidemenu .ui-menu-parent .ui-menu-child
	{
	padding: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

body.layout-compact .ui-menu.ui-slidemenu .ui-slidemenu-backward {
	width: 100%;
	box-sizing: border-box;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

body.layout-compact .ui-panelmenu .ui-panelmenu-header a {
	padding: 6px 10px 6px 36px;
	font-size: 14px;
}

body.layout-compact .ui-panelmenu .ui-panelmenu-header .ui-icon {
	color: #ffffff;
	margin-top: -10px;
}

body.layout-compact .ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link
	{
	padding: 6px 10px;
	min-height: 30px;
	line-height: 18px;
}

body.layout-compact .ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link .ui-icon
	{
	position: static;
	display: inline-block;
	vertical-align: middle;
	margin-right: 6px;
}

body.layout-compact .ui-tabmenu .ui-tabmenu-nav>.ui-tabmenuitem>a {
	padding: 8px 14px;
}

body.layout-compact .ui-tabmenu .ui-tabmenu-nav>.ui-tabmenuitem>a .ui-menuitem-icon
	{
	margin-right: 8px;
}

body.layout-compact .ui-tree {
	padding: 8px 14px/2;
}

body.layout-compact .ui-tree .ui-treenode-children {
	padding-left: 24px;
}

body.layout-compact .ui-tree .ui-treenode-content .ui-chkbox {
	margin: 0 4px 0 1px;
}

body.layout-compact .ui-tree .ui-treenode-content .ui-tree-toggler {
	vertical-align: middle;
	margin: 0 1px 0 2px;
}

body.layout-compact .ui-tree .ui-treenode-content .ui-treenode-icon {
	vertical-align: middle;
	margin: 0 2px 0 1px;
}

body.layout-compact .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler
	{
	margin-right: 0;
	vertical-align: bottom;
}

body.layout-compact .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon
	{
	vertical-align: top;
	margin-right: 4px;
}

body.layout-compact .ui-treetable .ui-treetable-header {
	padding: 6px 10px;
	font-size: 14px;
}

body.layout-compact .ui-treetable thead th {
	padding: 6px 10px;
}

body.layout-compact .ui-treetable thead th .ui-sortable-column-icon {
	margin: -4px 0 0 0;
}

body.layout-compact .ui-treetable tfoot td {
	padding: 6px 10px;
}

body.layout-compact .ui-treetable tbody tr td {
	padding: 6px 10px;
}

body.layout-compact .ui-treetable tbody tr td .ui-treetable-toggler {
	margin: 0 4px;
}

body.layout-compact .ui-treetable tbody tr td .ui-chkbox {
	margin-right: 8px;
}

body.layout-compact .ui-lightbox .ui-lightbox-caption {
	padding: 8px 14px;
}

body.layout-compact .ui-lightbox .ui-lightbox-caption .ui-lightbox-close
	{
	line-height: 18px;
	width: 20px;
	height: 20px;
}

body.layout-compact .ui-rating .ui-rating-cancel a {
	font-size: 20px;
}

body.layout-compact .ui-rating .ui-rating-star a {
	font-size: 20px;
}

body.layout-compact .ui-fileupload .ui-fileupload-buttonbar {
	padding: 8px 14px;
}

body.layout-compact .ui-log .ui-log-header {
	padding: 8px 14px;
}

body.layout-compact .ui-tagcloud li {
	margin: 6px 0px;
}

body.layout-compact .ui-slider.ui-slider-horizontal .ui-slider-handle {
	top: -0.65em;
}

@media ( min-width : 769px) {
	body.layout-compact .layout-wrapper.menu-layout-horizontal .layout-menu ul.ultima-menu>li>ul
		{
		top: 36px;
	}
	body.layout-compact .layout-wrapper.menu-layout-horizontal .layout-menu>.nano>.nano-content>ul:last-child
		{
		margin-top: 0;
	}
}

@media ( max-width : 640px) {
	body.layout-compact .ui-orderlist.ui-grid-responsive .ui-orderlist-controls
		{
		width: auto;
	}
}

@media ( max-width : 768px) {
	body.layout-compact .layout-wrapper .topbar .topbar-right .topbar-items>li>a
		{
		font-size: 14px;
		padding: 14px 16px;
	}
	body.layout-compact .layout-wrapper .topbar .topbar-right .topbar-items>li>a i
		{
		font-size: 20px;
	}
}

.gradiente-menu {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/$accentDarkColor+0,067234+100 */
	background: #0c5687;
	/* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background:
		url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMGM1Njg3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA2NzIzNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg, #0c5687 0%, var(--color-principal)
		100%);
	/* FF3.6-15 */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #0c5687),
		color-stop(100%, var(--color-principal)));
	/* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(-45deg, #0c5687 0%, var(--color-principal)
		100%);
	/* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(-45deg, #0c5687 0%, var(--color-principal)
		100%);
	/* Opera 11.10-11.50 */
	background: -ms-linear-gradient(-45deg, #0c5687 0%, var(--color-principal)
		100%);
	/* IE10 preview */
	background: linear-gradient(135deg, #0c5687 0%, var(--color-principal)
		100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$accentDarkColor",
		endColorstr="$primaryDarkColor", GradientType=1);
	/* IE6-8 fallback on horizontal gradient */
}

.gradiente-menu-ayuda {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/$accentDarkColor+0,067234+100 */
	background: var(--color-principal);
	/* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background:
		url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMGM1Njg3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA2NzIzNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg, var(--color-principal) 0%,
		#0c5687 100%);
	/* FF3.6-15 */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, var(- 
		 -color-principal)), color-stop(100%, #0c5687));
	/* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(-45deg, var(--color-principal) 0%,
		#0c5687 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(-45deg, var(--color-principal) 0%,
		#0c5687 100%);
	/* Opera 11.10-11.50 */
	background: -ms-linear-gradient(-45deg, var(--color-principal) 0%,
		#0c5687 100%);
	/* IE10 preview */
	background: linear-gradient(135deg, var(--color-principal) 0%, #0c5687
		100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$primaryDarkColor",
		endColorstr="$accentDarkColor", GradientType=1);
	/* IE6-8 fallback on horizontal gradient */
	color: #EAEAEA;
	height: 118px;
	padding: 14px;
	box-sizing: border-box;
}

.layout-wrapper .topbar .topbar-right #menu-button i {
	color: #383D44;
}

.layout-wrapper .ultima-menu li a, .layout-wrapper .ultima-menu li a i {
	color: #EAEAEA;
}

.layout-wrapper .ultima-menu li a:hover, .layout-wrapper .ultima-menu li a:hover i,
	.layout-wrapper .ultima-menu li.active-menuitem a, .layout-wrapper .ultima-menu li.active-menuitem a i
	{
	color: #383D44;
}

#footer div.ui-g div {
	text-align: center;
}

.footerImgEuropa {
	width: 100%;
	height: 100%;
	max-width: 300px;
	max-height: 150px;
}

.topbarImgEuropa {
	margin-left: 10px;
	width: 50%;
	height: 100%;
	max-width: 200px;
	max-height: 150px;
}

.footerImgJunta {
	width: 100%;
	height: 100%;
	max-width: 400px;
	max-height: 100px;
}

@media ( min-width : 1650px) {
	.imputFormulario {
		width: 260px !important;
		height: 40px !important;
	}
	.imputFormulario2 {
		width: 215px !important;
		height: 40px !important;
	}
	.imputFormulario3 {
		width: 140px !important;
		height: 40px !important;
	}
	.imputFormulario4 {
		width: 160px !important;
		height: 40px !important;
	}
	.imputFormulario5 {
		width: 40px !important;
		height: 40px !important;
	}

}

@media ( max-width : 1649px) and ( min-width : 1250px) {
	.imputFormulario {
		width: 200px !important;
		height: 38px !important;
	}
	.imputFormulario2 {
		width: 215px !important;
		height: 40px !important;
	}
	.imputFormulario3 {
		width: 138px !important;
		height: 40px !important;
	}
	.imputFormulario4 {
		width: 140px !important;
		height: 40px !important;
	}
	.imputFormulario5 {
		width: 40px !important;
		height: 40px !important;
	}
	body .tablasMiPerfil table {
		width: auto;
	}
	
}

@media ( max-width : 1249px) and ( min-width : 1080px) {
	.imputFormulario {
		width: 150px !important;
		height: 32px !important;
	}
	.imputFormulario2 {
		width: 215px !important;
		height: 40px !important;
	}
	.imputFormulario3 {
		width: 125px !important;
		height: 40px !important;
	}
	.imputFormulario4 {
		width: 120px !important;
		height: 40px !important;
	}
	.imputFormulario5 {
		width: 36px !important;
		height: 40px !important;
	}

}

@media ( max-width : 1079px) and ( min-width : 750px) {
	.imputFormulario {
		width: 132px !important;
		height: 32px !important;
	}
	.imputFormulario2 {
		width: 125px !important;
		height: 40px !important;
	}
	.imputFormulario3 {
		width: 120px !important;
		height: 40px !important;
	}
	.imputFormulario4 {
		width: 118px !important;
		height: 40px !important;
	}
	.imputFormulario5 {
		width: 30px !important;
		height: 40px !important;
	}
	
}

@media ( min-width : 300px) and (max-width: 749px) {
	.imputFormulario {
		width: 128px !important;
		height: 28px !important;
	}
	.imputFormulario2 {
		width: 120px !important;
		height: 40px !important;
	}
	.imputFormulario3 {
		width: 119px !important;
		height: 40px !important;
	}
	.imputFormulario4 {
		width: 118px !important;
		height: 40px !important;
	}
	.imputFormulario5 {
		width: 35px !important;
		height: 40px !important;
	}
}

@media ( max-width : 3050px ) and ( min-width : 2050px) {
	.textoExplotacion {
		font-size: 0.65vw !important;
	}
	.logoJunta {
		height: 55px;
		padding-bottom:0px !important;
	}
	.logoREAFA {
		height: 50px;
	}
	.spaceBienvenida{
		width: 780px;
	}
}

@media ( max-width : 2049px ) and ( min-width : 1650px) {
	.textoExplotacion {
		font-size: 0.65vw !important;
	}
	.logoJunta {
		height: 50px;
		padding-bottom:0px !important;
	}
	.logoREAFA {
		height: 50px;
	}

}

@media ( max-width : 1649px) and ( min-width : 1450px) {
	.textoExplotacion {
		font-size: 0.70vw !important;
	}
	.logoJunta {
		height: 45px;
		padding-bottom:0px !important;
	}
	.logoREAFA {
		height: 45px;
	}
	.topbarTexto {
	    font-size:13px !important;
	}
	
	.spacerBienvenida {
	width:190px !important;
}
}

@media ( max-width : 1449px ) and ( min-width : 1290px) {
	.textoExplotacion {
		font-size: 0.80vw !important;
	}
	.logoJunta {
		height: 40px;
		padding-bottom:0px !important;
	}
	.logoREAFA {
		height: 40px;
	}

	.topbarTexto {
	    font-size:12px !important;
	}
	.spacerBienvenida {
	width:117px !important;
}
}

@media ( max-width : 1289px ) and ( min-width : 900px) {
	.textoExplotacion {
		font-size: 0.80vw !important;
	}
	.logoJunta {
		height: 40px;
		padding-bottom:0px !important;
	}
	.logoREAFA {
		height: 40px;
	}
	
	.topbarTexto{
		font-size:12px !important;
	}
	
}

@media ( max-width : 1289px ) and ( min-width : 1150px) {
	
	.spacerBienvenida {
		width:105px !important;
}
}

@media ( max-width : 1149px ) and ( min-width : 1000px) {

}
@media ( max-width : 899px ) and ( min-width : 750px) {
	.textoExplotacion {
		font-size: 0.80vw !important;
	}
	.logoJunta {
		height: 35px;
		padding-bottom:0px !important;
	}
	.logoREAFA {
		height: 35px;
	}
}

@media ( min-width : 650px) and (max-width: 749px) {
	.textoExplotacion {
		font-size: 0.80vw !important;
	}
	
	.logoJunta {
		height: 30px;
		padding-bottom:0px !important;
	}
	.logoREAFA {
		height: 30px;
	}
}

@media ( max-width : 1249px) and ( min-width : 750px) {
	.botonHabMasiva {
		font-size: 11px !important;
	}

}

@media ( max-width : 2049px ) and ( min-width : 1850px) {
	.spaceBienvenida{
		width: 600px;
	}
	.padding-rigth-bienvenida{
		margin-right: 26% !important;
	}
	
}
@media ( max-width : 1849px ) and ( min-width : 1650px) {
	.spaceBienvenida{
		width: 450px;
		
	}
	.padding-rigth-bienvenida{
		margin-right: 20% !important;
	}
	
}
@media ( max-width : 1649px ) and ( min-width : 1450px) {
	.spaceBienvenida{
		width: 350px;
	}
	
	.padding-rigth-bienvenida{
		margin-right: 15% !important;
	}
	
	
}
@media ( max-width : 1449px ) and ( min-width : 1250px) {
	.spaceBienvenida{
		width: 200px;
	}
}
@media ( max-width : 1249px ) and ( min-width : 1150px) {
	.spaceBienvenida{
		width: 110px;
	}
	
	
}

@media ( max-width : 1149px ) and ( min-width : 750px) {
	.spaceBienvenida{
		width:16px;;
	}
	
	
	
}
@media ( max-width : 1349px ) and ( min-width : 1070px) {

		.botonAltaTamaño{
		font-size: 0.85vw !important;
	}
		
}




.layout-wrapper .layout-rightpanel.layout-rightpanel-active {
	z-index: 999999;
}

.dialogOverflow {
	overflow: auto !important;
	max-height: 100%;
}

.dialogOverflowIncidencias {
	overflow: auto !important;
	max-height: 100%;
	width: 80% !important;
}

.dialogOverflowIncidencias th {
	background-color: #babdb6 !important;
}

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

#detalleAprovechamientoDialogid>.ui-dialog-titlebar, #nuevoMiembroDialog>.ui-dialog-titlebar
	{
	background-color: var(--color-principal);
	color: var(- -color-form-card);
	padding: 10px 16px;
}

#detalleAprovechamiendoDialogid>.ui-dialog-titlebar>.ui-icon-closethick
	{
	color: white !important;
}

@media ( max-width : 640px) {
	.transportista {
		margin-left: 0px !important;
		margin-right: 0px !important
	}
}

@media ( min-width : 640px) {
	.transportista {
		margin-left: 5% !important;
		margin-right: 5% !important;
	}
}

.ui-corner-left-custom {
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	border-radius: 0px !important;
	-moz-border-radius-topleft: 3px !important;
	-webkit-border-top-left-radius: 3px !important;
	border-top-left-radius: 3px !important;
	-moz-border-radius-bottomleft: 3px !important;
	-webkit-border-bottom-left-radius: 3px !important;
	border-bottom-left-radius: 3px !important;
}

.ui-corner-top-custom {
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	border-radius: 0px !important;
	-moz-border-radius-topleft: 3px !important;
	-webkit-border-top-left-radius: 3px !important;
	border-top-left-radius: 3px !important;
	-moz-border-radius-topright: 3px !important;
	-webkit-border-top-right-radius: 3px !important;
	border-top-right-radius: 3px !important;
}

.ui-tabmenuitem-ui-state-default-custom {
	color: var(--color-principal) !important;
	font-family: Source Sans Pro;
}

.ui-tabmenuitem-ui-state-active-custom {
	font-family: Source Sans Pro;
	font-style: normal;
	color: #333333 !important;
}

.tabButton-custom {
	border: none !important;
}

.formulario-datos-reafa {
	background-color: #F7F7F7 !important;
}

.formulario-datos-reafa h1, h3 {
	color: var(- -color-h1-form);
	margin: 0px !important;
}

.main-card-desk {
	height: 100%;
	text-align: center !important;
	display: inline-block;
	margin-left: auto !important;
	margin-right: auto !important;
}

.card-menu-desk {
	margin-right: 22px !important;
	margin-left: 50px;
	max-width: 256px !important;
	height: 93%;
	max-height: 220px;
}

.card-tareas {
	width: 48% !important;
	margin-right: 1%;
	height: 80px;
	display: table;
}

.card-tareas h1 {
	color: black !important;
}

.card-menu-desk .ui-panelgrid-blank {
	display: table-cell;
	vertical-align: middle;
}

.formularios-titulos-externos {
	font-family: Source Sans Pro !important;
	font-style: normal !important;
	font-weight: 600 !important;
	font-size: 20px !important;
	color: #087021 !important;
}

.formulario-titular-titulosInternos {
	font-family: Source Sans Pro;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	color: #BEBEBE;
}

.card-form-busqueda {
	padding: 25px;
	font-weight: bold !important;
}

.card-menu-desk h1 {
	color: var(--color-principal) !important;
}

.comboLimiter label {
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

/*
Tab styles
*/
.tabcustom {
	border: 0px !important;
}

.tabcustom .ui-tabs-nav {
	border-bottom: 3px solid var(--color-principal) !important;
}

.tabcustom .ui-tabs-panels .ui-tabs-panel {
	padding: 5px 2px 0px 2px !important;
}

.tabcustom .ui-tabs-nav>li.ui-state-default {
	background-color: #eceaea !important;
	border-color: #eceaea !important;
	border-style: solid;
}

.tabcustom .ui-tabs-nav>li.ui-state-default a {
	color: #000000 !important;
	font-size: 12px;
}

.tabcustom .ui-tabs-nav>li.ui-state-active {
	background-color: var(--color-principal) !important;
	border-color: var(--color-principal) !important;
	border-style: solid;
}

.tabcustom .ui-tabs-nav>li.ui-state-active a {
	color: #FFFFFF !important;
	font-size: 12px;
}

/*
Fin tab styles
*/
.tbreafa td {
	text-overflow: ellipsis;
	white-space: nowrap;
}

.tbreafa tbody tr.ui-state-highlight {
	background-color: #186ba0 !important;
	color: #ffffff !important;
}

.reafatooltip {
	background-color: white !important;
	background-color: white !important;
	font-size: 14px !important;
	line-height: 16px !important;
	/*     border-color: black; */
	border: 1px solid #000000 !important;
}

.tbreafa, .tbreafa td {
	font-size: 12px;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.tbreafa .ui-paginator div, .tbreafa .ui-paginator {
	font-size: 12px;
	padding: 0px !important;
}

.tbreafa .material-icons {
	font-size: 1.5em;
	padding: 0px;
}

.diffgrid div {
	font-size: 12px;
	padding: 0px !important;
	margin: 0px !important;
}

.diffgrid #diffFormPanel_content {
	border: 0px;
}

.diffgrid #diffFormPanel_content .simple .ui-datagrid-content {
	border: 0px;
}

.diffgrid #diffFormPanel_content th {
	text-align: left;
	color: #757575;
}

.diffgrid #diffFormPanel_content .ui-datagrid-content {
	border-radius: 5px;
}

.diffgrid #diffFormPanel_content .ui-datagrid-column .change {
	border: 1px solid red;
	border-radius: 5px;
}

.transicionesGrid .ui-datagrid-content {
	border: none;
	background-color: #f4f4f4;
}

.transicionesGrid .ui-datagrid-column {
	padding: 2px;
}

.uploadBoton .ui-fileupload-buttonbar {
	border: none !important;
	float: left !important;
}

.botonExpedienteModificacion {
	width: 280px !important;
	height: 40px !important;
	font-style: normal !important;
	font-weight: bold !important;
}

.botonIncidencia {
	width: 160px !important;
	height: 40px !important;
	font-weight: bold !important;
	margin-right: 10px !important;
}

.botonVolverFrontTitular {
	border-radius: 5px !important;
	border: 1px solid #087021 !important;
	color: #087021 !important;
	width: 160px !important;
	height: 40px !important;
	background-color: #FFFFFF !important;
	font-weight: bold !important;
	margin-right: 15px !important;
	margin-left: 15px;
}

.perfilUsuario .md-inputfield {
	width: 300px !important;
	height: 15px;
	margin-bottom: 10px;
}

.tbreafa td {
	text-overflow: ellipsis;
	white-space: nowrap;
}

.tbreafa tbody tr.ui-state-highlight {
	background-color: #186ba0 !important;
	color: #ffffff !important;
}

.reafatooltip {
	background-color: white !important;
	background-color: white !important;
	font-size: 14px !important;
	line-height: 16px !important;
	/*     border-color: black; */
	border: 1px solid #000000 !important;
}

.tbreafa, .tbreafa td {
	font-size: 12px;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.tbreafa .ui-paginator div, .tbreafa .ui-paginator {
	font-size: 12px;
	padding: 0px !important;
}

.tbreafa .material-icons {
	font-size: 1.5em;
	padding: 0px;
}

.diffgrid div {
	font-size: 12px;
	padding: 0px !important;
	margin: 0px !important;
}

.diffgrid #diffFormPanel_content {
	border: 0px;
}

.diffgrid #diffFormPanel_content .simple .ui-datagrid-content {
	border: 0px;
}

.diffgrid #diffFormPanel_content th {
	text-align: left;
	color: #757575;
}

.diffgrid #diffFormPanel_content .ui-datagrid-content {
	border-radius: 5px;
}

.diffgrid #diffFormPanel_content .ui-datagrid-column .change {
	border: 1px solid red;
	border-radius: 5px;
}

.transicionesGrid .ui-datagrid-content {
	border: none;
	background-color: #f4f4f4;
}

.transicionesGrid .ui-datagrid-column {
	padding: 2px;
}

.footerTexto {
	color: #BEBEBE;
	font-family: Roboto, "Noto Sans HK", sans-serif;
	font-size: 15px !important;
}

.confirmacionPerfilUsuario .ui-panel-content {
	max-width: 900px;
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}

.confirmacionPerfilUsuario {
	max-width: 900px;
}

.avisos {
	width: 100%;;
	height: 100%;
	background: #F7FBF8;
	text-align: left;
	padding: 30px 30px;
	border: 1px solid #EEEEEE;
	box-sizing: border-box;
}

.login-nif-pass {
	min-width: 600px;
}

.buttonLogin {
	padding: 10px;
	font-weight: 600;
	font-size: 20px;
	color: #ffffff;
	background-color: #4CAF50;
	border-radius: 8px !important;
	width: 100%;
}

.buttonLogin:hover {
	padding: 10px;
	font-weight: 600;
	font-size: 20px;
	color: #ffffff;
	background-color: #4CAF50;
	border-radius: 8px !important;
	width: 100%;
	background-color: #4CAF50 !important;
}

.bloque-registro {
	margin-top: 50px !important;
}

.buttonRegistro {
	border-style: solid !important;
	border-width: 3px !important;
	padding-bottom: 30px !important;
	font-weight: 600;
	font-size: 20px;
	color: #087021 !important;
	background-color: #4CAF50;
	border-radius: 8px !important;
	max-width: 720px;
	width: 100%;
	background-color: white !important;
	border-color: #087021 !important;
}

.buttonRegistro:hover {
	padding: 10px;
	font-weight: 600;
	font-size: 20px;
	color: #ffffff !important;
	background-color: #4CAF50;
	border-radius: 8px !important;
	width: 100%;
	background-color: #087021 !important;
}

.bigGreenButton {
	font-weight: bold;
	height: 40px !important;
	color: #ffffff !important;
	border: 1px solid #087021 !important;
	border-radius: 5px !important;
	max-width: 720px;
	width: 100%;
}

.bigGreenButton:hover {
	font-weight: bold;
	color: #087021 !important;
	background-color: white !important;
}

.notificaciones-activadas {
	color: #ffffff !important;
	background-color: #2789ff;
	border-style: solid !important;
	border-width: 3px !important;
	border-radius: 8px !important;
	max-width: 720px;
	width: 100%;
	border-color: #2789ff !important;
}

.notificaciones-desactivadas {
	color: #ffffff !important;
	background-color: #ff0000;
	border-style: solid !important;
	border-width: 3px !important;
	border-radius: 8px !important;
	max-width: 720px;
	width: 100%;
	border-color: #ff0000 !important;
}

.perfilUsuario label, .perfilUsuario span {
	font-size: 15px;
}

.gris {
	background: #F5F5F5 !important;
}

.buttonInicio {
	width: 116px;
	margin-left: 230px;
	/*padding: 10px 0px 10px 0px !important;*/
}

.cambioPass {
	margin-left: auto;
	margin-right: auto;
}

@media ( min-width : 1024px) {
	.informacion-pass {
		margin-right: 300px;
		float: right;
		max-width: 350px;
		border-style: solid;
		border-width: 0.2px;
		padding: 10px;
		border-color: #087021;
	}
}

.ui-layout-center .ui-state-default.ui-tabview-dispatcher-custom {
	background-color: #ECEAEA !important;
}

.ui-layout-center .ui-state-default.ui-tabview-dispatcher-custom a {
	color: #000000 !important;
}

.ui-layout-center .ui-state-active.ui-tabview-dispatcher-custom {
	background-color: var(--color-principal) !important;
}

.ui-layout-center .ui-state-active.ui-tabview-dispatcher-custom a {
	color: #FFFFFF !important;
}

.tabBienvenida {
	float: right;
	width: 450px;
	height: 675px;
	text-align: center;
}

.confirmacionPerfilUsuario {
	max-width: 900px;
}

.login-nif-pass {
	min-width: 600px;
}

.buttonLogin {
	padding: 10px;
}

.tabBienvenida>ul {
	width: 100% !important;
}

.tabBienvenida>ul>li {
	background-color: #EEEEEE;
	width: 50%;
	margin: 0 0 0 0 !important;
	border-color: #ffffff !important;
}

.tabBienvenida>ul>li.ui-state-default a {
	color: #087021 ;
	font-weight: bold;
}

.afirmaButton > p, p:focus:hover:active {
	text-decoration: none;
	color: #087021;
	font-weight: bold;
	opacity:1 !important;
}

.textoLogin2>p:hover {
	text-decoration: none;
	color: black;
	font-weight: normal;
}

.logoReafaBienvenida {
	float: left;
	padding: 10px;
}

.botonVerde {
	color: #ffffff !important;
	background-color: #087021 !important;
	font-weight: bold !important;
	width: 100%;
	height: 40px !important;
	margin-left: 10px !important;
	margin-right: 60px !important;
	border-radius: 5px !important;
}

.botonBlanco {
	color: #087021 !important;
	background-color: #ffffff !important;
	font-weight: bold !important;
	width: 100%;
	height: 40px !important;
	border: 1px solid #087021 !important;
	border-radius: 5px !important;
}

.botonBlanco:hover {
	color: white !important;
	background: var(--color-principal) !important;
}

.notificaciones-activadas {
	display: block;
	color: #ffffff !important;
	background-color: #2789ff;
	border-style: solid !important;
	border-width: 3px !important;
	border-radius: 8px !important;
	max-width: 720px;
	width: 100% !important;
	border-color: #2789ff !important;
}

.ui-icon-certificado {
	background-image:
		url("");
}

.afirmaButton {
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	width: 105px;
	height: 100px;
	
	
}
.afirmaButtonLogo {
	opacity: 0.5 ;
}
.afirmaButtonLogo> img, img:hover {
	opacity: 1 !important;
}

.afirmaButton:hover, .indexImages:hover {
	opacity: 1;
}

.divMetodosAcceso {
	padding-left: 5px;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 15%;
}

.divMetodosAcceso>a {
	width: 30%;
	height: 120px;
	float: left;
	margin: 5px;
}

.divMetodosAcceso div div {
	height: 100%;
}

.divMetodosAcceso2 {
	padding-left: 5px;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 15%;
}

.divMetodosAcceso2>a {
	width: 47%;
	height: 120px;
	float: left;
	margin: 5px;
}

.divMetodosAcceso2 div div {
	height: 100%;
}

.textoLogin {
	margin-top: 5%;
}

#bloqueInfoPac, #bloqueNifPass, #bloqueOlvidoPass {
	display: none;
}

.whiteColor {
	color: white;
	font-weight: bold;
}

.greenColor {
	color: #087021;
	font-weight: bold;
	font-size: 18px;
}

.botonAtras {
	width: 40px;
	height: 40px;
	border: 1px solid #087021;
	box-sizing: border-box;
	border-radius: 5px;
	cursor: pointer;
	background-color: white;
}

.botonAtrasImagen {
	margin-top: 30%;
}

.link-contraseña-olvidada {
	font-size: 12px;
	text-decoration: none;
	color: #087021;
	font-weight: bold;
	cursor: pointer;
}

.alignLeft {
	text-align: left;
}

.width100 {
	width: 100%;
}

.width90 {
	width: 90%;
}

.padingFormularioTitular-24 {
	margin-left: -24px !important;
}

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

.padingFormularioTitular-7 {
	margin-left: -7px !important;
}

.padingFormularioTitular-6 {
	margin-left: -7px !important;
}

.backgroundLogin {
	background-color: #333333;
}

.selectoneOneMenuNoPadingRight {
	padding-right: 0em !important;
	background-color: #ffffff !important;;
}

.backgroundLogin {
	background-color: #333333;
}

.tabBienvenida .ui-message.ui-message-error {
	background-color: white !important;
	color: red !important;
	border: 0px !important;
	font-size: 10px;
}

.tabPerfilUsuario>ul {
	width: 15% !important;
}

.botonVolverFrontTitular:hover {
	color: #ffffff !important;
	background-color: #087021 !important;
}

#consultaExplotacion {
	color: #087021;
	margin-left: auto;
	margin-right: auto;
	height: 250px;
	margin-top: 250px;
	font-size: 13px;
}

@media ( max-width : 1050px) {
	.logoBienvenida {
		width: 100%;
	}
	.tabBienvenida {
		float: right;
		width: 100%;
		text-align: center;
	}
	.footerTexto {
		font-size: 13px !important;
	}
	.containerFooterText {
		width: 40% !important;
		margin-top: 10px !important;
	}
}

.olvidoPassword {
	margin: 0px 90px;
}

.botonOlvidoPassword {
	color: #ffffff !important;
	background-color: #087021 !important;
	font-weight: 600;
	width: 100%;
	height: 100% !important;
	margin-left: 10px !important;
	margin-right: 60px !important;
	border-radius: 4px !important;
	margin-top: 15px;
}

.error403 {
	padding: 5%;
}

.form-busqueda {
	border: 1px solid #BEBEBE;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-top-right-radius: 3px;
}

#layoutPaneFormExp {
	background-color: #F7F7F7;
	padding-bottom: 0px;
	top: 5px !important;
	padding: 0px;
	margin: 0px 50px !important;
	overflow-y: hidden;
	overflow-x: hidden;
	height: 80px !important;
}

#breadFormExp {
	margin-bottom: 0px !important;
	margin-top: 0px !important;
}

#validarFormExplotacion .ui-button-icon-left {
	color: #087021;
	background-color: white;
	border-radius: 50%;
}

.botonAnadirUP {
	background-color: white !important;
	color: #087021 !important;
	font-weight: bold !important;
	border-style: solid !important;
	border-width: 1px !important;
}

.botonAnadirUP .ui-button-icon-left {
	color: #087021 !important;
}

.ui-icon-ungleup {
	background-image:
		url("/agriculturaypesca/reafa/javax.faces.resource/images/ungleupicon.png.xhtml?ln=reafa-style2");
}

.botonCasaExp {
	background-color: white !important;
	margin-left: 5%;
}

.botonCasaExp .ui-icon-ungleup {
	left: 20px !important;
	top: 16px !important;
}

#layoutPaneExplotacion .ui-treenode-icon {
	color: #087021 !important;
}

#botoneraIzq {
	margin-top: 3%;
}

.botonGuardarExp {
	background-color: white !important;
	color: #087021 !important;
	border-style: solid !important;
	border-width: 1px !important;

}

.botonGuardarExp:hover {
	background-color: #087021 !important;
}
.botonGuardarExp:active {
	background-color: #0da331 !important;
}
.botonGuardarExp .ui-icon-save:hover {
	color: white !important;
}
.botonGuardarExp .ui-icon-save:active {
	color: white !important;
}
.botonGuardarExp .ui-icon-save {
	color: #087021 !important;
	width: 30px !important;
    height: 30px !important;
    font-size: 29px !important;
    margin-top: -15px !important;
    margin-bottom: -25px !important;
    margin-left: -15px !important;
}

.margin-top-0 {
	margin-top: 0% !important;
}

.centradoGeneral {
	margin: 0px 90px;
}

#layoutPaneFormReg {
	background-color: #F7F7F7;
	padding-bottom: 0px;
	overflow-y: hidden;
}

.mensaje-error-formulario {
	position: absolute !important;
	width: 20% !important;
	margin-left: 1px !important;
	line-height: 16px !important;
	background-color: #f7f7f7 !important;
	border: 0px solid !important;
	color: #D9534F !important;
}

@media ( max-width : 1080px) {
	#textoformularioexplotacion {
		font-size: 13px;
		text-align: left !important;
	}
	#consultaExplotacion {
		margin-top: 320px
	}
	#tabBienvenida {
		height: 750px;
	}
	.botonRegepa {
		font-size: 11px !important;
	}
	.topbarTexto {
		font-size: 12px !important;
	}
	.topbarTextoDesplegable {
		font-size: 12px !important;
	}

	
}



@media (max-width: 1849px) and ( min-width : 1750px){

.spacerBienvenida {
	width:270px !important;
}
}
@media (max-width: 1749px) and ( min-width : 1650px){

.spacerBienvenida {
	width:220px !important;
}

}
@media (max-width: 1959px) and ( min-width : 1850px){

.spacerBienvenida {
	width:330px !important;
}
}

@media (max-width: 1400px) and ( min-width : 1025px){
.TextoResponsive {
	font-size:0.908vw !important;
}
}
#bloqueInfo {
	background-color: #CEEDF6;
	color: #044868;
	font-family: Roboto, "Source Sans Pro", sans-serif;
	height: 70px;
	padding-top: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;
	border-radius: 10px;
	position: absolute;
	z-index: 1;
	bottom: 0;
	width: 410px;
}

.infoCross, .infoIcon {
	padding: 10px 10px 10px 10px;
}

.infoCross {
	cursor: pointer;
}

.botonConsultar {
	padding: 10px;
	font-weight: 600;
	font-size: 20px;
	color: #ffffff;
	background-color: #087021;
	border-radius: 8px !important;
	width: 100%;
	max-width: 296px;
	
}

.botonConsultar:hover {
	opacity: 1;
}

.formOpcionesDialogo {
	margin-bottom: 20px;
	background: #F7F7F7 !important;
}

.botonRegepa {
	float: right;
	margin-top: 15px;
	height: 45px !important;
}

.botonAltaExplotacionBusquedaExpltoacion {
	float: right;
	margin-top: 15px;
	height: 45px !important;
}

@media ( max-width :1280px) {
	.habMasivaDialogo {
		width: 90% !important;
	}
	body .tablasMiPerfil table {
		width: auto;
	}
}

.desplegableFiltroCultivo {
	display: block !important;
}

@media ( min-width : 1024px) {
	.dialogFiltroAprov {
		width: 60%;
	}
	.validadorTable {
		height: 400px;
	}
}

@media ( min-width : 1635px) {
	.validadorTable {
		height: 500px;
	}
}

.dialogFiltroAprov {
	width: 50%;
}

.corteSigpacTable .ui-paginator {
	border-top: 0px !important;
}

.botonesOlvidoPass {
	margin-top: 5%;
}

.menuHistoricoExplotaciones {
	border-bottom: 0px solid !important;
}

.botonCargar {
	display: block !important;
	margin-right: auto !important;
	margin-left: auto;
	margin-top: 7px;
	width: 10%;
	height: 36px !important;
}

.uploadHabMas, .ui-messages-info, .ui-messages-warn, .ui-messages-error,
	.ui-messages-fatal {
	margin: 3px 0px 0px 0px !important;
}

.botonHabMasiva {
	margin-top: 10px;
	width: auto;
	height: 45px !important;
}

.topbarTexto {
	color: #000000;
	font-size: 14px;
}

.topbarContent {
	float: right;
	margin-right: 10px;
	margin-top: 0px;
}

.containerFooterText {
	display: inline-block;
	margin-top: 35px;
	vertical-align: top;
	width: 50%;
}

.textoExplotacion {
	font-size: 13px;
}

#textoformularioexplotacion {
	color: black;
	background-color: white;
	padding: 5px 10px 0px 10px;
	float: right;
	width: auto;
	text-align: center;
	border-radius: 4px;
	border: 1px solid #BEBEBE;
	right: 2%;
}

.textoFormularioRegepa {
	margin: 0px !important;
	font-size: 14px !important;
}

.dcCodPostalTitularMsg span {
	width: 140px;
}

@media ( max-width :1673px) {
	body .ui-tabs.ui-tabs-left>.ui-tabs-nav {
		height: 865px !important;
	}
}

@media ( max-width :1641px) {
	body .ui-tabs.ui-tabs-left>.ui-tabs-nav {
		height: 903px !important;
	}
}

.mensaje-error-habMasiva {
	background-color: white !important;
	border: 0px solid !important;
	color: #D9534F !important;
}

.informacion-cultivo {
	float: right;
	max-width: 350px;
	border: 0.2px solid #087021;
	padding: 10px;
	background: white;
}

@media ( max-width : 1225px) {
	.rightContainer {
		min-width: 530px;
	}
}

@media ( min-height : 970px){
	.content-welcome-firma {
		height: 83vh;
	}
}
@media ( min-height : 1150px){
	.content-welcome-firma {
		height: 85vh;
	}
}

@media ( min-height : 1150px){
	.content-welcome-firma {
		height: 85vh;
	}
}

@media ( min-height : 1750px){
	.content-welcome-firma {
		height: 90vh;
	}
}

.indexImages{
	opacity: 0.3;
}

.topbarTexto:hover{
	color:var(--color-principal);
}

.tituloTopbar{
	display:inline-block; 
	text-align: left;
    width: 6%;
    margin-left: 1%;
	position:relative; 
	bottom:12px;
}