/* THIS CSS IS MEANT TO BE APPLIED WHEN BREEZE THEME IS SELECTED */
/* Migración ZK 9.6.6.1: copia de general_breeze_8.6.2.css más los ajustes propios de ZK 9
   (marcados con "ZK 9" en su comentario). Mientras convivan los dos temas, lo que los
   compañeros toquen en general_breeze_8.6.2.css hay que traerlo aquí con un merge a 3 bandas:
     git merge-file <este> <8.6.2 en la última sincronización> <8.6.2 actual>
   Última sincronización con general_breeze_8.6.2.css: commit cab98249126 (REPARANET-45522). */

table {
	-webkit-border-horizontal-spacing: 0px;
	-webkit-border-vertical-spacing: 0px;
	border-spacing: 0px;
}

.z-listbox-emptybody-content {
	white-space: nowrap;
}

.z-messagebox-question {
	background-image: url(../img/icons/question-btn.png);
}

.z-messagebox-exclamation {
	background-image: url(../img/icons/warning-btn.png);
}

.z-messagebox-information {
	background-image: url(../img/icons/info-btn.png);
}

.z-messagebox-error {
	background-image: url(../img/icons/stop-btn.png);
}

/* Aviso de anulación IPAS con encargos abiertos (ZeusController#anularExpedienteConAvisoIpas):
   botones de ancho IDÉNTICO. Acotado por el sclass "mb-anular-ipas" del Messagebox.
   width fijo con !important para que "Anular" y "Cancelar" ocupen exactamente lo mismo
   (gana a cualquier width inline que ponga ZK a cada botón). */
.mb-anular-ipas .z-button {
	width: 100px !important;
	text-align: center;
}

.z-textbox,
.z-decimalbox,
.z-intbox,
.z-longbox,
.z-doublebox {
	min-height: 16px;
	height: 24px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}

.z-column-content,
.z-row-content,
.z-group-content,
.z-groupfoot-content,
.z-footer-content {
	padding: 0px;
	line-height: 20px;
}

.z-combobox,
.z-bandbox,
.z-datebox,
.z-timebox,
.z-spinner,
.z-doublespinner {
	min-height: 16px;
}

span.z-combobox-disabled,
span.z-bandbox-disabled,
span.z-datebox-disabled,
input.z-decimalbox-disabled,
input.z-intbox-disabled,
input.z-textbox-disabled {
	opacity: 1;
}

span.z-combobox > input.z-combobox-input,
span.z-bandbox > input.z-bandbox-input,
span.z-datebox > input.z-datebox-input,
span.z-timebox > input.z-timebox-input,
span.z-spinner > input.z-spinner-input,
span.z-doublespinner > input.z-doublespinner-input {
	height: 24px;
	width: calc(100% - 24px) !important;
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-o-border-radius: 5px 0 0 5px;
	-ms-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 5px;
}

/* ZK 9 (migración 9.6.6.1): el breeze nuevo reserva el hueco del botón con
   padding-right en el propio input (botón superpuesto), mientras que el esquema
   de estas reglas (heredado de 8.6.2, botón fuera) ya lo reserva con el
   width: calc(100% - 24px) de arriba. Con ambos a la vez el descuento es doble
   y los datebox estrechos cortan el año (p.ej. F. Informe en Encargos). */
span.z-combobox > input.z-combobox-input,
span.z-bandbox > input.z-bandbox-input,
span.z-datebox > input.z-datebox-input,
span.z-timebox > input.z-timebox-input,
span.z-spinner > input.z-spinner-input,
span.z-doublespinner > input.z-doublespinner-input {
	padding-right: 2px;
}

span.z-combobox > a.z-combobox-button,
span.z-bandbox > a.z-bandbox-button,
span.z-datebox > a.z-datebox-button,
span.z-timebox > a.z-timebox-button,
span.z-spinner > a.z-spinner-button,
span.z-doublespinner > a.z-doublespinner-button {
	height: 24px;
	width: 24px;
	-webkit-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	-o-border-radius: 0 5px 5px 0;
	-ms-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
	border-top-left-radius: 0px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 0px;
}

/* ZK 9: el style del spinner también llega al span contenedor; su text-align
   desplazaría el input bajo el botón superpuesto */
span.z-spinner,
span.z-doublespinner {
	text-align: left !important;
}
/* ZK 9: el botón del spinner pasa de <a> a <span> (34px, superpuesto) */
span.z-spinner > span.z-spinner-button,
span.z-doublespinner > span.z-doublespinner-button {
	width: 24px;
	height: 24px;
	border-radius: 0 5px 5px 0;
}
span.z-spinner > span.z-spinner-button > a,
span.z-doublespinner > span.z-doublespinner-button > a {
	height: 11px;
	line-height: 11px;
	padding: 0;
	font-size: 12px;
	text-align: center;
}
span.z-spinner > span.z-spinner-button > i.z-spinner-separator,
span.z-doublespinner > span.z-doublespinner-button > i.z-doublespinner-separator {
	top: 11px;
}
/* deshabilitado: ocultar el botón, como ya hacía la regla de <a> */
span.z-spinner-disabled > span.z-spinner-button,
span.z-doublespinner-disabled > span.z-doublespinner-button {
	display: none;
}

span.z-combobox-disabled > input.z-combobox-input,
span.z-bandbox-disabled > input.z-bandbox-input,
span.z-datebox-disabled > input.z-datebox-input,
span.z-timebox-disabled > input.z-timebox-input,
span.z-spinner-disabled > input.z-spinner-input,
span.z-doublespinner-disabled > input.z-doublespinner-input {
	width: 100% !important;
	border-right-style: solid;
	border-right-width: 1px;
	border-color: #e6e6e6;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}

span.z-combobox-disabled > a.z-combobox-button,
span.z-bandbox-disabled > a.z-bandbox-button,
span.z-datebox-disabled > a.z-datebox-button,
span.z-timebox-disabled > a.z-timebox-button,
span.z-spinner-disabled > a.z-spinner-button,
span.z-doublespinner-disabled > a.z-doublespinner-button {
	display: none;
}

.z-combobox-disabled *,
.z-bandbox-disabled *,
.z-datebox-disabled *,
.z-timebox-disabled *,
.z-spinner-disabled *,
.z-doublespinner-disabled * {
	color: #888 !important;
}

/* Ajustes de chosenbox */
i.z-chosenbox {
	width: 200px;
	max-height: 72px;
	padding: 2px 1px 0px 1px;
	overflow-y: auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}

i.z-chosenbox.chosenbox-full {
	height: 72px;
}

i.z-chosenbox > .z-chosenbox-item,
i.z-chosenbox > .z-chosenbox-item.z-chosenbox-item-focus {
	white-space: normal;
	height: auto;
	border-color: #b2b2b2;
	background: #e6eef2;
	background: -moz-linear-gradient(top,#e6eef2 0,#d6dee2 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#e6eef2),color-stop(100%,#d6dee2));
	background: -webkit-linear-gradient(top,#e6eef2 0,#d6dee2 100%);
	background: -o-linear-gradient(top,#e6eef2 0,#d6dee2 100%);
	background: -ms-linear-gradient(top,#e6eef2 0,#d6dee2 100%);
	background: linear-gradient(to bottom,#e6eef2 0,#d6dee2 100%);
}

i.z-chosenbox > .z-chosenbox-item > .z-chosenbox-item-content {
	height: auto;
}

i.z-chosenbox > .z-chosenbox-item > .z-chosenbox-button.z-chosenbox-delete {
	float: right;
}

i.z-chosenbox > .z-chosenbox-item > .z-chosenbox-button.z-chosenbox-delete:hover {
	background: #94b9da;
	color: #ffffff;
}

/* MAIN COLOR: FF9E00*/
body {
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	height: 100%;
}

.blackTextColorOnCaption {
	color: black;
}

#blackTextColorOnCaption {
	color: black;
}

div.z-window-content {
	padding: 0px;
}

div.contains {
	overflow-y: auto;
	height: 100%;
}

div.contains > div {
	overflow-y: auto;
	height: 100%;
}

img .centerImage {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

/* These classes override the zk theme classes for grids */
div.z-grid {
	background: none;
	border: none;
	overflow: hidden;
}

tr.z-row > td.z-row-inner,
tr.z-row:hover > td.z-row-inner,
tr.z-row .z-cell,
tr.z-row:hover .z-cell {
	background: none repeat scroll 0 0 transparent;
	border-color: -moz-use-text-color #CCCCCC #DDDDDD white;
	border-style: none;
	border-width: none;
}

tr.z-grid-odd td.z-row-inner,
tr.z-grid-odd .z-cell, tr.z-grid-odd {
	background: none repeat scroll 0 0 transparent;
}

.labelcolumn {
	width: 25%;
}

.labelcolumn table {
	width: 100%;
	padding-top: 4px;
}

.labelcolumn tr {
	vertical-align: bottom;
}

.labelcolumnrightalign td {
	text-align: right;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 3px;
	padding-bottom: 0px;
}

.labelcolumn td {
	padding: 3px 8px 0px 8px;
}

.fieldcolumn {
	width: 25%;
}

.fieldcolumn button {
	float: right;
	margin-right: 5px;
	margin-bottom: 10px;
}

.fieldcolumn table {
	width: 100%;
	margin-top: 5px;
}

.fieldcolumn .z-checkbox input {
	margin-top: 6px;
}

.fieldcolumn input.z-combobox-btn {
	margin-top: 2px;
}

.fieldcolumn input.z-datebox-btn {
	margin-top: 2px;
}

.sixColsLabelcolumn {
	margin-left: -4px;
	width: 16%;
}

.sixColsLabelcolumn table {
	width: 100%;
	padding-top: 4px;
}

.sixColsLabelcolumn tr {
	vertical-align: bottom;
}

.sixColsLabelcolumn td {
	text-align: right;
	padding-right: 8px;
	padding-top: 5px;
	padding-bottom: 0px;
}

.sixColsFieldcolumn {
	width: 17%;
}

.sixColsFieldcolumn button {
	float: right;
	margin-right: 5px;
	margin-bottom: 10px;
}

.sixColsFieldcolumn table {
	width: 100%;
	margin-top: 5px;
}

.sixColsFieldcolumn .z-checkbox input {
	margin-top: 6px;
}

.sixColsFieldcolumn input.z-combobox-btn {
	margin-top: 2px;
}

.sixColsFieldcolumn input.z-datebox-btn {
	margin-top: 2px;
}

.twoColsLabelcolumn {
	width: 50%;
}

.twoColsLabelcolumn table {
	width: 100%;
	padding-top: 0px;
}

.twoColsLabelcolumn tr {
	vertical-align: bottom;
}

.twoColsLabelcolumn td {
	text-align: right;
	padding-right: 8px;
	padding-top: 3px;
	padding-bottom: 2px;
}

.twoColsFieldcolumn {
	width: 50%;
}

.twoColsFieldcolumn button {
	float: right;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.twoColsFieldcolumn table {
	width: 100%;
}

.twoColsFieldcolumn .z-checkbox input {
	margin-top: 6px;
}

.twoColsFieldcolumn input {
	margin-top: 2px;
}

.twoColsFieldcolumn input.z-combobox-btn {
	margin-top: 2px;
}

.twoColsFieldcolumn input.z-datebox-btn {
	margin-top: 2px;
}

.tr.noButtonGrid,
tr.noButtonGrid td {
	height: inherit !important;
}

.buttonGrid span {
	float: right;
	padding-right: 5px;
}

.buttonGrid tr {
	height: 30px;
	vertical-align: middle;
	background-color: #FFFFFF;
}

.buttonGrid tr.z-grid-odd td.z-row-inner,
tr.z-grid-odd .z-cell,
tr.z-grid-odd {
	height: 30px;
	vertical-align: middle;
	background-color: #FFFFFF;
}

.buttonGrid input {
	float: left;
}

.buttonGrid i {
	float: left;
}

.buttonGrid button {
	float: left;
}

.narrowHbox {
	margin-right: 12px;
}

.narrowHbox tr {
	height: 20px;
}

.narrowHboxWork {
	float: right;
}

.numericColumn.z-listcell > .z-listcell-content,
.numericColumn.z-listheader > .z-listheader-content {
	text-align: right;
}

.z-label {
	font-family: Noto Sans, sans-serif !important;
}

.rightFloat {
	float: right;
}

.textColumn {
	text-align: left;
}

.textColumnForInlineEditing {
	text-align: left;
}

.z-panel-body {
	margin-bottom: -5px;
	border: none;
}

.z-panel,
.z-panel-header {
	background-color: transparent;
}

.z-panel,
.z-panel-header,
.z-panel-head > .z-panel-header {
	padding: 0px 0px 5px 0px;
}

.z-panel-head {
	background-color: transparent;
	padding-botton: 10px;
	border: none;
}

.z-panel-head > .z-panel-header {
	color: white;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 0;
	padding-left: 20px;
	font-family: 'Noto Sans', sans-serif;
}

.z-panel-head > .z-panel-header > .z-caption > .z-caption-content {
	color: #FFFFFF;
	line-height: inherit;
	text-align: left;
}

/* ***************** Cabceras GRISES de gráficas ***************/
.cab_graficas .z-panel-head {
	background-color: #405156;
	padding-bottom: 4px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
	border-radius: 0px;
}

.cab_graficas .z-panel-head .z-panel-header {
	background-image: url(../img/zeus/news/ico_cab_panel.png);
	background-repeat: no-repeat;
	background-color: #405156;
	border: none;
}
/* ************ FIN Cabeceras GRISES de gráficas ***********/

/* ************ Cabeceras Perfiles ***********/
.perfiles {
	background: transparent;
	font-family: 'Noto Sans', sans-serif;
	font-size: 12px;
	font-color: #8D8D8D;
	font-weight: bold;
}

.perfiles .z-panel-header,
.perfiles .z-panel-header-noborder {
	background: transparent;
	font-family: 'Noto Sans', sans-serif;
	font-size: 12px;
	font-color: #8D8D8D;
	font-weight: bold;
}

.perfiles .z-panel-head .z-panel-header {
	color: #8D8D8D;
	border-bottom: 1px solid #808080;
}

.perfiles .z-panel-head {
	background-color: transparent;
	background-image: none;
	padding: 2px;
}
/* ************ FIN Cabeceras Perfiles ***********/

/* But index portalLayout panels must have a border */
.panelLayout .z-panel-body {
	margin-top: 0px;
}

/* And gadget panels must not have a border */
.gadgetPanel .z-panel-head {
	border-bottom: 0 solid #C5C5C5;
	border-right: 0 solid #C5C5C5;
}

/* This class must be assigned to the textbox+buttons blocks which are used to open the microsearchers */
.mSearcherHlayout {
	height: 32px;
	margin-top: 0px;
	margin-bottom: -10px;
}

/*Fecha en Mis Tareas*/
.reddate-input {
	color: red;
	border: none;
	padding: 0;
	background-color: transparent;
}

.blackdate-input {
	color: black;
	border: none;
	padding: 0;
	background-color: transparent;
}

/* de salir*/
.hbox_exit {
	background-color: #DBE6F2;
	padding-left: 50%;
}

.hbox_exit tr {
	vertical-align: middle;
}
/*Fin botonera de salir*/

/* Managing scrolls for tabpanel */
.z-toolbar-tabs {
	border-bottom: 1px solid #999999;
	margin-right: 0px;
	width: 150px;
}

.z-portalchildren,
.z-tabpanels,
.z-grid,
.z-tabs,
.z-portallayout,
.z-portalchildren-content,
.z-portalchildren-body,
.zportallayout-inner {
	background-repeat: repeat;
	background-image: none;
}

/*Estilo para que las páginas tengan fondo blanco*/
.z-tabpanel,
.z-tabbox-ver .z-tabpanels-ver {
	background-color: white;
	border-top-width: 0;
}

/*Hacer transparente el fondo de la pantalla de login*/
div.z-grid-body {
	background-color: transparent;
}

/*Hacer transparente el fondo de las filas que componen el login*/
.buttonGrid tr.z-grid-odd td.z-row-inner,
tr.z-grid-odd .z-cell,
tr.z-grid-odd {
	background-color: transparent;
}

/* Vertical tabs style */
.z-tab-ver .z-tab-ver-text {
	font-size: 11px;
}

/*Estilos del menu*/
.z-menubar {
	border-top: none;
	border-bottom: none;
	background: none;
}

.z-menu-text {
	text-shadow: none;
}

.z-menuitem-text {
	text-decoration: underline;
	height: 25px;
}

.z-menupopup {
	padding: 10px;
	background: white;
}

.z-menupopup-separator {
	background: none;
}
/*Fin de los estilos del menu*/

/*Ventana de login*/
.login {
	color: #444444;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 35px;
	padding-right: 45px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
	-ms-border-radius: 15px;
	border-radius: 15px;
	border: 1px solid #ffd640;
	box-shadow: 0px 0px 15px #a66600;
	background: #ffffff; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, #ffffff 23%, #ffeaa0 89%, #ffe173 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(23%, #ffffff), color-stop(89%, #ffeaa0), color-stop(100%, #ffe173)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, #ffffff 23%, #ffeaa0 89%, #ffe173 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, #ffffff 23%, #ffeaa0 89%, #ffe173 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, #ffffff 23%, #ffeaa0 89%, #ffe173 100%); /* IE10+ */
	background: radial-gradient(ellipse at center, #ffffff 23%, #ffeaa0 89%, #ffe173 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffe173', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.headerBand {
	position: fixed;
	left: 0;
	top: 0;
	background: #000000; /* Old browsers */
	border-bottom: 1px solid #eeeeee;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 26px;
}

.footerBand {
	background: #6997d3; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #05326d 1%, #6997d3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, right top, left bottom, color-stop(1%, #6997d3), color-stop(100%, #05326d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #05326d 1%, #6997d3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #05326d 1%, #6997d3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #05326d 1%, #6997d3 100%); /* IE10+ */
	background: linear-gradient(135deg, #05326d 1%, #6997d3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05326d', endColorstr='#6997d3', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.gradientUpperBand {
	background: #999999; /* Old browsers */
	background: -moz-linear-gradient(top, #999999 1%, #cccccc 29%, #ffffff 79%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #999999), color-stop(29%, #cccccc), color-stop(79%, #ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #999999 1%, #cccccc 29%, #ffffff 79%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #999999 1%, #cccccc 29%, #ffffff 79%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #999999 1%, #cccccc 29%, #ffffff 79%); /* IE10+ */
	background: linear-gradient(to bottom, #999999 1%, #cccccc 29%, #ffffff 79%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
}

.gradientLowerBand {
	background: #999999; /* Old browsers */
	background: -moz-linear-gradient(bottom, #999999 1%, #cccccc 29%, #ffffff 79%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, left top, color-stop(1%, #999999), color-stop(29%, #cccccc), color-stop(79%, #ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(bottom, #999999 1%, #cccccc 29%, #ffffff 79%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(bottom, #999999 1%, #cccccc 29%, #ffffff 79%); /* Opera 11.10+ */
	background: -ms-linear-gradient(bottom, #999999 1%, #cccccc 29%, #ffffff 79%); /* IE10+ */
	background: linear-gradient(to top, #999999 1%, #cccccc 29%, #ffffff 79%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#999999', GradientType=0); /* IE6-9 */
}

.band {
	background: #ffd640;
}

.loginLink {
	cursor: pointer;
	text-decoration: underline;
	color: #dddddd;
}

button.actionbutton {
	font-size: 100%;
	margin: 3px;
	padding: 6px 30px;
	color: #000000;
	background-color: #FFEDAA;
	background: -moz-linear-gradient(top, #ffffff 0%, #FFd640 50%, #FFC900);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.50, #FFEDAA), to(#FFE06B));
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	-ms-border-radius: 7px;
	border-radius: 7px;
	border: 1px solid #C8A833;
	-moz-box-shadow: 0px 1px 1px rgba(100, 100, 000, 0.5), inset 0px 0px 2px rgba(255, 255, 255, 1);
	-webkit-box-shadow: 0px 1px 1px rgba(100, 100, 000, 0.5), inset 0px 0px 2px rgba(255, 255, 255, 1);
}

button.actionbutton:hover {
	cursor: pointer;
	text-decoration: underline;
	-moz-box-shadow: 0px -0px 6px #EEBE65;
	-webkit-box-shadow: 0px -0px 6px #EEBE65;
	box-shadow: 0px -0px 6px #EEBE65;
}

button.actionbutton:active {
	cursor: pointer;
	text-decoration: underline;
	-moz-box-shadow: 0px 1px 0px rgba(100, 100, 000, 0.5), inset 0px 0px 1px rgba(100, 100, 000, 0.7);
	-webkit-box-shadow: 0px 1px 0px rgba(100, 100, 000, 0.5), inset 0px 0px 1px rgba(100, 100, 000, 0.7);
}

button.actionbutton:focus {
	cursor: pointer;
	-moz-box-shadow: 0px -0px 6px #EEBE65;
	-webkit-box-shadow: 0px -0px 6px #EEBE65;
	box-shadow: 0px -0px 6px #EEBE65;
}

span.fpLabel {
	color: #eeeeee;
	font-size: 70%;
	font-weight: bold;
	cursor: pointer;
	text-decoration: underline;
}

span.fpLabel:hover {
	color: #ffb640;
}

/*Ventanas modales*/
div.contenedorBotones {
	width: 100%;
	text-align: center;
	padding: 10px;
}

div.contenedorBotones > button {
	margin-left: 5px;
	margin-right: 5px;
}

.modalWindowFull {
	width: 90%;
}

.modalWindowFull .z-window-modal-content-noborder {
	padding-top: 18px;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 6px;
}

.modalWindowBotones {
	width: 100%;
	text-align: center;
	margin: 18px 0px 6px 0px;
}

.modalWindow {
	width: 650px;
	font-weight: bold !important;
	font-family: 'Noto Sans', sans-serif !important;
	font-size: 12px !important;
}

.modalMessage .z-window-modal-header {
	padding-bottom: 2px;
	padding-top: 2px;
	font-weight: bold;
	width: 450px;
	font-family: 'Noto Sans', sans-serif;
	font-size: 12px;
	color: #404040;
}

.modMessage {
	font-family: 'Noto Sans', sans-serif;
	font-size: 12px;
	color: #404040;
}

.modalWindowCitas {
	width: 800px;
}

.modalWindowCitas > .z-window-modal-cl-noborder {
	max-height: 500px;
	overflow-y: auto;
}

.modalWindowSmall {
	width: 350px;
}

.modalWindowBig {
	width: 800px;
}

.modalContent {
	margin-left: -50px;
}

/*Botonera de las paginas (nuevo, guardar, borrar, exportar)*/
.z-toolbarbutton-content {
	margin-top: -2px;
	padding-top: 0;
	font-size: 14px;
}

/*Estilo de los widget*/
.widget .z-caption-content {
	text-align: left;
	padding-left: 0px;
}

.imageWidget {
	margin-bottom: -4px;
	cursor: pointer;
}

/*Ventana modal de poner a pendiente los expedientes*/
.pending {
	margin-left: 20px;
}

.pendingLabel {
	padding-right: 5px;
}

.pendingButtons {
	margin-left: 40px;
}

/*Iconos para poner pendiente*/
.pendingButton {
	position: absolute;
	top: 27px;
	left: 20px;
	z-index: 100;
}

.pendingButtonImg {
	height: 50px;
	width: 50px;
}

.labelPending {
	margin-top: 20px !important;
	padding-left: 0px !important;
	color: brown !important;
	cursor: default !important;
}

.zeusIconClass {
	width: 32px;
	height: 28px;
	margin-left: 18px;
	cursor: pointer;
}

/*Transparencia de los botones deshabilitados*/
.nonIeButtons.z-toolbarbutton:disabled {
	opacity: 0.2;
}

.ieButtons.z-toolbarbutton:disabled {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity = 20);
}

/*Partidas inicio*/
tr.z-listitem td.noPadding div.z-listcell-content input.noPadding input.z-datebox-input {
	padding-top: 2px;
	width: inherit;
}

tr.z-listitem td.noPadding div.z-listcell-content input.z-textbox {
	width: 99%;
}

.centerComponent {
	align: center;
}

.buscaexp.z-bandbox > input.z-bandbox-input {
	height: 21px;
	background-color: #676767;
	color: white;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
	border-radius: 0px;
}

.buscaexp .z-bandbox-input::placeholder {
	color: #A6A6A6;
	opacity: 1; /* Firefox */
}

.buscaexp .z-bandbox-input::-ms-input-placeholder, /* Internet Explorer 10-11 */
.buscaexp .z-bandbox-input::-ms-input-placeholder /* Microsoft Edge */ {
	color: #A6A6A6;
}

table.expedientArea tbody tr td table tbody tr td input.buscaexp.z-bandbox.z-bandbox-focus {
	background-image: url(../img/navigation/buttons/band_search.png);
}

table.expedientArea tbody tr td table tbody tr td input.buscaexp input.z-bandbox-btn {
	background-repeat: no-repeat;
	background-image: url(../img/navigation/buttons/band_search.png);
	height: 19px;
}

/*modified by C.D.O.C 17-07-2013*/
table.expedientArea tbody tr td table tbody tr td input.buscaexp input.z-bandbox-btn.z-bandbox-btn-over {
	background-image: url(../img/navigation/buttons/ico_barsearch.png);
	background-color: #666666;
	background-position: 0px 0px;
	margin-left: -.5px;
}

/*Ventana modal de nuevo trabajo desde expedientes*/
.containt_modalNewWork {
	
}

.modalNewWork .z-columnchildren {
	padding-right: 9px;
}

.arrowPerfilesTwo {
	margin-left: 9px;
}

.arrowPerfilesOne {
	margin-left: 9px;
}
/*CITAS DEL CALENDARIO*/
/*Borde arriba--------------------------------------------*/
.quote-tl {
	background-image: url(../zkau/web/3e8eb3bf/zul/img/breeze/wnd/wnd-corner.png);
	height: 5px;
	margin-right: 5px;
}

.quote-tr {
	background-image: url(../zkau/web/3e8eb3bf/zul/img/breeze/wnd/wnd-corner.png);
	background-position: right -10px;
	background-repeat: no-repeat;
	margin-right: -5px;
	position: relative;
	height: 5px;
}

/*Zona titulo------------------------------------------------*/
.quote-hl {
	background-image: url(../zkau/web/3e8eb3bf/zul/img/breeze/wnd/wnd-hl.png);
	background-repeat: no-repeat;
	padding-left: 6px;
	height: 16px;
}

.quote-hr {
	background-image: url(../zkau/web/3e8eb3bf/zul/img/breeze/wnd/wnd-hr.png);
	background-position: right 0;
	background-repeat: no-repeat;
	padding-right: 6px;
	height: 16px;
}

.quote-hm {
	background-image: url(../zkau/web/3e8eb3bf/zul/img/breeze/wnd/wnd-hm.png);
	background-position: 0 0;
	background-repeat: repeat-x;
	padding-left: 1px;
	height: 16px;
}

/*Zona Contenido-----------------------------------*/
.quote-cl {
	background-image: url(../zkau/web/3e8eb3bf/zul/img/breeze/wnd/wnd-clr.png);
	backgrounf-position: 0 0;
	background-repeat: repeat-y;
	padding-left: 6px;
	height: 24px;
}

.quote-cr {
	background-image: url(../zkau/web/3e8eb3bf/zul/img/breeze/wnd/wnd-clr.png);
	background-position: right 0;
	background-repeat: repeat-y;
	padding-right: 6px;
	height: 24px;
}

.quote-cm {
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	height: 24px;
}

.quote-content {
	background-color: white;
	padding: 4px;
	padding-bottom: 20px;
	height: 24px;
}

/*Borde inferior-------------------------------------*/
.quote-bl {
	background-image: url(../zkau/web/3e8eb3bf/zul/img/breeze/wnd/wnd-corner.png);
	background-position: 0 -5px;
	background-repeat: no-repeat;
	margin-right: 5px;
	height: 5px;
}

.quote-br {
	background-image: url(../zkau/web/3e8eb3bf/zul/img/breeze/wnd/wnd-corner.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	margin-right: -5px;
	height: 5px;
}

/** 
Disabled fields must have more intensity
**/
.z-textbox:disabled,
.z-decimalbox:disabled,
.z-intbox:disabled,
.z-longbox:disabled,
.z-doublebox:disabled,
.z-textbox:disabled *,
.z-decimalbox:disabled *,
.z-intbox:disabled *,
.z-longbox:disabled *,
.z-doublebox:disabled * {
	color: #000000 !important;
}

.z-datebox:disabled,
.z-datebox:disabled *,
.z-bandbox:disabled,
.z-bandbox:disabled *,
.z-comboitem:disabled,
.z-comboitem:disabled *,
.z-combobox:disabled,
.z-combobox:disabled * {
	color: #000000 !important;
}

/** Border color for z-tabpanel **/
.z-tabpanel {
	border-bottom: 1px none #999999;
	border-left: 1px none #999999;
	border-right: 1px none #999999;
	border-top: 0px none #999999;
	margin-top: 0px;
	margin-right: 0px;
}

/** Eliminamos el padding del tabpanel **/
.z-tabpanel {
	padding: 0px;
}

.titleSmall .z-window-embedded-header {
	font-size: 9px;
	margin-left: -1px;
}

/** LISTBOXES FROM D11 **/
div.z-listbox-body {
	background: white;
	border: 0;
	overflow: auto;
	width: 100%;
	position: relative;
}

div.z-listbox-pgi-b {
	border-top: 0px solid #7388a7;
	overflow: hidden;
}

div.z-listbox-pgi-t {
	border-top: 1px solid #7388a7;
	overflow: hidden;
}

div.listheadLabel.auxPaddingClass div.z-listbox-body table tbody tr.z-listitem td.z-listcell div.z-listcell-content {
	text-align: left;
	font-size: 12px;
	padding-left: 0px;
	padding-right: 0px;
	line-height: 15px;
}

div.auxPaddingClass div.z-listbox-body table tbody tr.z-listitem td.z-listcell div.z-listcell-content {
	text-align: left;
	font-size: 12px;
	padding-left: 0px;
	padding-right: 0px;
	line-height: 15px;
}

div.listheadLabel.noBackGroundImage.auxPaddingClass div.z-listbox-body table tbody tr.z-listitem td.z-listcell div.z-listcell-content {
	padding-left: 6px;
	padding-right: 0px;
}

/*END*/
tr.z-listitem,
tr.z-listitem a,
tr.z-listitem a:visited {
	font-weight: normal;
	color: black;
	text-decoration: none;
}

tr.z-listitem a:hover {
	text-decoration: underline;
}

tr.z-listbox-odd {
	background: #EFEFEF;
}

.z-listitem.z-listitem-disabled *,
.z-listitem.z-listcell-disabled * {
	color: #555A5B !important;
	cursor: default !important;
}

tr.z-listitem:hover,
tr.z-listitem.z-listitem-selected {
	background: #cfeaf7;
	background: -moz-linear-gradient(top,#cfeaf7 0,#a5d9f4 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#cfeaf7),color-stop(100%,#a5d9f4));
	background: -webkit-linear-gradient(top,#cfeaf7 0,#a5d9f4 100%);
	background: -o-linear-gradient(top,#cfeaf7 0,#a5d9f4 100%);
	background: -ms-linear-gradient(top,#cfeaf7 0,#a5d9f4 100%);
	background: linear-gradient(to bottom,#cfeaf7 0,#a5d9f4 100%);
}

tr.z-listhead > th.headerList,
tr.z-listhead > th.headerList div,
tr.z-listitem > td.z-listcell.noWrap,
tr.z-listitem > td.z-listcell.noWrap div {
	white-space: nowrap;
	text-overflow: ellipsis;
}

tr.z-listitem > td.z-listcell {
	background: #FFFFFF00;
}

tr.z-listitem:hover > td.z-listcell {
	background: #FFFFFF64;
}

tr.z-listitem.z-listitem-selected > td.z-listcell,
tr.z-listitem.z-listitem-selected.z-listitem-focus > td.z-listcell {
	background: #88888848;
}

tr.z-listitem.z-listitem-selected:hover > td.z-listcell,
tr.z-listitem.z-listitem-selected.z-listitem-focus:hover > td.z-listcell {
	background: #CCCCCC32;
}

tr.z-listitem > td.z-listcell.center > div.z-listcell-content,
tr.z-listhead > th.z-listheader.center > div.z-listheader-content {
	text-align: center;
}

tr.z-listitem > td.z-listcell.right > div.z-listcell-content,
tr.z-listhead > th.z-listheader.right > div.z-listheader-content {
	text-align: right;
}

div.z-listbox-body .z-listcell,
div.z-listbox-footer .z-listfooter {
	border-bottom: 1px solid #A5B8C7;
}

tr.z-listitem td.z-listitem-focus {
	background-image: none;
	background-repeat: no-repeat;
}

div.z-listbox-body .z-listcell {
	padding: 2px 0px;
}

tr.z-listitem-over > td.z-listcell {
	border-top-width: 0px;
	border-bottom: 1px solid #A5B8C7;
}

/** MAS COSAS DE 11JULIO **/
.z-panelchildren,
.z-panel-noheader.z-panel-noframe .z-panelchildren {
	border-width: 0px;
}

div.z-listbox {
	border: none;
}

td.z-listcell {
	border-width: 0px;
}

.gadgets {
	background-color: white;
}

.z-panel-colpsd {
	height: auto !important;
	margin-bottom: -5px;
}

.z-tabbox,
.z-tabbox-ver,
.z-tabbox-accordion,
.z-tabbox-accordion-lite {
	height: 27px;
	background-color: #2D2D30;
}

.z-tabbox-scroll > .z-tabbox-icon {
	padding:1px;
	margin-top: 1px;
}

.z-tabbox-scroll > .z-tabbox-icon.z-tabbox-left-scroll {
	border-radius: 5px 0px 0px 0px;
}

.z-tabbox-scroll > .z-tabbox-icon.z-tabbox-right-scroll {
	border-radius: 0px 5px 0px 0px;
	margin-right: 2px;
}

div.z-listfooter-content,
div.z-listcell-content {
	color: black;
	font-family: 'Noto Sans', sans-serif;
	font-size: 11px;
	line-height: 14px;
}

div.z-listcell-content .z-label {
	color: black;
	font-family: 'Noto Sans', sans-serif !important;
	font-size: 11px !important;
}

div.z-listheader-content {
	color: #666;
	font-family: 'Noto Sans', sans-serif;
	font-size: 12px;
}

.z-toolbar-tabs-own {
	background: none repeat scroll 0 0 transparent;
	border-bottom: 1px solid #E1E1E1;
	height: 100%;
	margin-top: -1px;
	overflow: hidden;
	padding: 0 4px;
	right: 0;
	top: 0;
	z-index: 1;
}

.row > ul > li.title {
	background-image: none !important;
	color: #C10707 !important;
	font-size: 20px !important;
	font-weight: 400 !important;
	margin: 0 !important;
	padding: 5px 0 !important;
}

ul > li.title:hover {
	text-decoration: none;
}

.row ul > li:hover {
	color: #0033CC;
	text-decoration: underline;
	background: url(../images/navlist_arrow_hover.png) no-repeat 0 10px;
}

.setpointeronin {
	cursor: pointer;
}

.row {
	text-align: left;
	clear: both;
	float: left;
	width: 100%;
	margin: 0;
	padding: 10px 20px 20px 0;
	font-family: sans-serif;
}

.row > ul {
	width: 150px;
	float: left;
	margin: 0;
	padding: 0 0 0 20px;
}

.row > ul > li {
	float: none;
	text-indent: 0;
	height: auto;
	background: url(../images/navlist_arrow.png) no-repeat 0 10px;
	text-decoration: none;
	font-size: 11px;
	text-shadow: none;
	border-bottom: 1px solid #e6e6d8;
	text-transform: none;
	line-height: 25px;
	margin: 0;
	padding: 0 0 0 5px;
}

.row > ul > li > span {
	font-size: 11px;
	color: #666;
}

.row > ul > li:hover {
	color: #2FBBEE;
	text-decoration: underline;
	background: url(../images/navlist_arrow_hover.png) no-repeat 0 10px;
}

.row > ul > li:hover > span {
	color: #2FBBEE;
}

.row > ul > li.title > span {
	font-size: 16px;
	font-weight: 400;
	background-image: none;
	color: #015699;
	margin: 0;
	padding: 5px 0;
}

.row > ul > li.title:hover {
	background-image: none;
	text-decoration: none;
}

/*SPECIAL EFFECT WITH DATA > 0*/
.numberCircleWithData {
	background: none repeat scroll 0 0 rgba(194, 107, 107, 0.6) !important;
	border-color: #FF7A7A !important;
}

/*Unificación de los numberCircle*/
.numberCircle {
	background: none repeat scroll 0 0 rgba(105, 144, 194, 0.6);
	border-color: #78EFFF;
	border-style: solid;
	border-width: 1px;
	color: #EEEEEE;
	font: 10px/10px Arial, sans-serif;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
	margin: 0;
	padding: 4px 2px;
	position: relative;
	right: 8px;
	float: right;
	top: -47px;
}

/*numero de correos programados restante recurrente*/
.numberCircleHistorico {
	background: none repeat scroll 0 0 rgba(105, 144, 194, 0.6);
	border-color: #78EFFF;
	border-style: solid;
	border-width: 1px;
	color: #EEEEEE;
	font: 10px/10px Arial, sans-serif;
	border-radius: 2px;
	margin: 0;
	padding: 4px 2px;
}

.btndiv .z-button-cr,
.btndiv .z-button-cl,
.btndiv .z-button-bl,
.btndiv .z-button-bm,
.btndiv .z-button-br,
.btndiv .z-button-tl,
.btndiv .z-button-tm,
.btndiv .z-button-tr {
	background-image: none;
}

.btndiv .z-button-cm {
	background: transparent url('') no-repeat 0 0;
}

.btndiv table {
	width: 100%;
	height: 100%;
}

/*                BOTONES PRINCIPALES ENABLED                     */
/******************************************************************************************************/
.botonalerta {
	background-color: transparent !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	height: 50px !important;
	width: 50px !important;
	border-style: none !important;
	border-color: transparent !important;
	cursor: pointer;
	color: #6B6B70;
}

.botonalerta::before {
	background: -webkit-linear-gradient(#929294, #5d5d5f);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.botonalertarotado {
	background-color: transparent !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	height: 50px !important;
	width: 50px !important;
	border-style: none !important;
	border-color: transparent !important;
	cursor: pointer;
	color: #6B6B70;
}

.botonalertarotado::before {
	background: -webkit-linear-gradient(#5d5d5f, #929294);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.tamanoiconosalertas {
	font-size: 22px;
}

.tamanoiconosalertasmayor {
	font-size: 30px;
}

/*boton acción 1*/
.classwithoutopacity1 {
	background-image: url(../img/navigation/buttons/btn_enabled_new.png) !important;
	background-color: transparent !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	height: 50px !important;
	width: 50px !important;
	border-style: none !important;
	border-color: transparent !important;
	cursor: pointer;
}

.classwithoutopacity1:hover {
	background-image: url(../img/navigation/buttons/btn_hover_new.png) !important;
	background-color: transparent !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	height: 50px !important;
	width: 50px !important;
	border-style: none !important;
	border-color: transparent !important;
	cursor: pointer;
}

.classwithoutopacity1:hover:active {
	background-image: url(../img/navigation/buttons/btn_push_new.png) !important;
	background-color: transparent !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	height: 50px !important;
	width: 50px !important;
	border-style: none !important;
	border-color: transparent !important;
	cursor: pointer;
}

/*boton acción 2*/
.classwithoutopacity2 {
	background-image: url(../img/navigation/buttons/btn_enabled_save.png) !important;
	background-color: transparent !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	height: 50px !important;
	width: 50px !important;
	border-style: none !important;
	border-color: transparent !important;
	cursor: pointer;
}

.classwithoutopacity2:hover {
	background-image: url(../img/navigation/buttons/btn_hover_save.png) !important;
	background-color: transparent !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	height: 50px !important;
	width: 50px !important;
	border-style: none !important;
	border-color: transparent !important;
	cursor: pointer;
}

.classwithoutopacity2:hover:active {
	background-image: url(../img/navigation/buttons/btn_push_save.png) !important;;
	background-color: transparent !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	height: 50px !important;
	width: 50px !important;
	border-style: none !important;
	border-color: transparent !important;
	cursor: pointer;
}

/*boton acción 3*/
.classwithoutopacity3 {
	background-image: url(../img/navigation/buttons/btn_enabled_delete.png) !important;
	background-color: transparent !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	height: 50px !important;
	width: 50px !important;
	border-style: none !important;
	border-color: transparent !important;
	cursor: pointer;
}

.classwithoutopacity3:hover:enabled {
	background-image: url(../img/navigation/buttons/btn_hover_delete.png) !important;
	background-color: transparent !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	height: 50px !important;
	width: 50px !important;
	border-style: none !important;
	border-color: transparent !important;
	cursor: pointer;
}

.classwithoutopacity3:hover:active {
	background-image: url(../img/navigation/buttons/btn_push_delete.png) !important;
	background-color: transparent !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	height: 50px !important;
	width: 50px !important;
	border-style: none !important;
	border-color: transparent !important;
	cursor: pointer;
}

/*boton acción 4*/
.classwithoutopacity4 {
	background-image: url(../img/navigation/buttons/btn_enabled_export.png) !important;
	background-color: transparent !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	height: 50px !important;
	width: 50px !important;
	border-style: none !important;
	border-color: transparent !important;
	cursor: pointer;
}

.classwithoutopacity4:hover:enabled {
	background-image: url(../img/navigation/buttons/btn_hover_export.png) !important;
	background-color: transparent !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	height: 50px !important;
	width: 50px !important;
	border-style: none !important;
	border-color: transparent !important;
	cursor: pointer;
}

.classwithoutopacity4:hover:active {
	background-image: url(../img/navigation/buttons/btn_push_export.png) !important;
	background-color: transparent !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	height: 50px !important;
	width: 50px !important;
	border-style: none !important;
	border-color: transparent !important;
	cursor: pointer;
}

.classwithoutopacity5,
.classwithoutopacity5:hover:enabled,
.classwithoutopacity5:hover:active {
	background-image: url(../img/navigation/buttons/btn_enabled_asignados.png) !important;
	background-color: transparent !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	height: 50px !important;
	width: 50px !important;
	border-style: none !important;
	border-color: transparent !important;
	cursor: pointer;
}

.classwithoutopacity6 {
	background-image: url(../img/navigation/buttons/btn_enabled_pendientes.png) !important;
	background-color: transparent !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	height: 50px !important;
	width: 50px !important;
	border-style: none !important;
	border-color: transparent !important;
	cursor: pointer;
}

.classwithoutopacity7 {
	background-image: url(../img/navigation/buttons/btn_enabled_urgentes.png) !important;
	background-color: transparent !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	height: 50px !important;
	width: 50px !important;
	border-style: none !important;
	border-color: transparent !important;
	cursor: pointer;
}

.classwithoutopacity8 {
	background-image: url(../img/navigation/buttons/btn_enabled_calidad.png) !important;
	background-color: transparent !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	height: 50px !important;
	width: 50px !important;
	border-style: none !important;
	border-color: transparent !important;
	cursor: pointer;
}

.classwithoutopacity9 {
	background-image: url(../img/navigation/buttons/btn_enabled_mail.png) !important;
	background-color: transparent !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	height: 50px !important;
	width: 50px !important;
	border-style: none !important;
	border-color: transparent !important;
	cursor: pointer;
}

.classwithoutopacity10,
.classwithoutopacity10:hover:enabled,
.classwithoutopacity10:hover:active {
	background-image: url(../img/navigation/buttons/btn_enabled_nuevos.png) !important;
	background-color: transparent !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	height: 50px !important;
	width: 50px !important;
	border-style: none !important;
	border-color: transparent !important;
	cursor: pointer;
}

.classwithoutopacity15,
.classwithoutopacity15:hover:enabled,
.classwithoutopacity15:hover:active {
	background-image: url(../img/navigation/buttons/btn_enabled_comunicaciones.png) !important;
	background-color: transparent !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	height: 50px !important;
	width: 50px !important;
	border-style: none !important;
	border-color: transparent !important;
	cursor: pointer;
}

.classwithoutopacity16,
.classwithoutopacity16:hover:enabled,
.classwithoutopacity16:hover:active {
	background-image: url(../img/navigation/buttons/btn_header_asitur_no_news.png) !important;
	background-color: transparent !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	height: 50px !important;
	width: 50px !important;
	border-style: none !important;
	border-color: transparent !important;
	cursor: pointer;
}

.classwithoutopacity17,
.classwithoutopacity17:hover:enabled,
.classwithoutopacity17:hover:active {
	background-image: url(../img/navigation/buttons/btn_header_asitur_news.png) !important;
	background-color: transparent !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	height: 50px !important;
	width: 50px !important;
	border-style: none !important;
	border-color: transparent !important;
	cursor: pointer;
}

.classwithoutopacity11,
.classwithoutopacity11:hover:enabled,
.classwithoutopacity11:hover:active {
	background-image: url(../img/navigation/buttons/btn_disabled_notificacion.png) !important;
	background-color: transparent !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	height: 50px !important;
	width: 50px !important;
	border-style: none !important;
	border-color: transparent !important;
	cursor: pointer;
}

button::-moz-focus-inner {
	border: none;
}

.classnewswithoutopacity11,
.classnewswithoutopacity11:hover:enabled,
.classnewswithoutopacity11:hover:active {
	background-image: url(../img/navigation/buttons/btn_enabled_notificacion.png) !important;
	background-color: transparent !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	height: 50px !important;
	width: 50px !important;
	border-style: none !important;
	border-color: transparent !important;
	cursor: pointer;
}

.popupNotificacionesBtn {
	z-index: -1;
	border: 3px solid #BDBDBD;
	position: relative;
	left: 254px;
	margin-top: -2px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	box-shadow: 3px 3px 2px #666666;
	-moz-box-shadow: 3px 3px 2px #666666;
	-webkit-box-shadow: 3px 3px 2px #666666;
}

.popupNotificaciones {
	z-index: 0;
	border: 3px solid #BDBDBD;
	margin-right: -3px;
	margin-top: -3px;
	overflow: hidden;
	background-color: #ADADAD;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	box-shadow: 3px 3px 2px #666666;
	-moz-box-shadow: 3px 3px 2px #666666;
	-webkit-box-shadow: 3px 3px 2px #666666;
}

.popupNotificaciones .z-paging-info,
.popupNotificaciones .z-paging div.z-paging-info {
	right: 10px;
}

.classNotificacion {
	margin: 2px;
	padding: 5px;
	cursor: pointer;
	background-color: #FFFFFF;
	border-bottom: 2px solid #BDBDBD;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
	border-radius: 0px;
	transition: background 1s, -webkit-border-radius 1s, -moz-border-radius 1s, -o-border-radius 1s, -ms-border-radius 1s, border-radius 1s;
	-webkit-transition: background 1s, -webkit-border-radius 1s;
}

.classNotificacionNueva {
	margin: 2px;
	padding: 5px;
	cursor: pointer;
	background-color: #CDE6FF;
	border-bottom: 2px solid #BDBDBD;
	transition: background 1s, -webkit-border-radius 1s, -moz-border-radius 1s, -o-border-radius 1s, -ms-border-radius 1s, border-radius 1s;
	-webkit-transition: background 1s, -webkit-border-radius 1s;
}

.classNotificacion:hover:hover,
.classNotificacionNueva:hover:hover {
	background-color: #B4C8DC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}

.classNotificacion:hover:active,
.classNotificacionNueva:hover:active {
	background-color: #96AABE;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}

.opacity {
	-khtml-opacity: .50;
	-moz-opacity: .50;
	-ms-filter: ”alpha(opacity = 50) ”;
	filter: alpha(opacity = 50);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5);
	opacity: .50;
}

/*                BOTONES PRINCIPALES DISABLED                     */
/******************************************************************************************************/
.classforopacity1 {
	background-image: url(../img/navigation/buttons/btn_disabled_new.png) !important;
	background-color: transparent !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	height: 50px !important;
	width: 50px !important;
	border-style: none !important;
	border-color: transparent !important;
}

.classforopacity2 {
	background-image: url(../img/navigation/buttons/btn_disabled_save.png) !important;
	background-color: transparent !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	height: 50px !important;
	width: 50px !important;
	border-style: none !important;
	border-color: transparent !important;
}

.classforopacity3 {
	background-image: url(../img/navigation/buttons/btn_disabled_delete.png) !important;
	background-color: transparent !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	height: 50px !important;
	width: 50px !important;
	border-style: none !important;
	border-color: transparent !important;
}

.classforopacity4 {
	background-image: url(../img/navigation/buttons/btn_disabled_export.png) !important;
	background-color: transparent !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	height: 50px !important;
	width: 50px !important;
	border-style: none !important;
	border-color: transparent !important;
}

.classforopacity5 {
	background-image: url(../img/navigation/news/btn_enabled_expedientes.png) !important;
	cursor: pointer !important;
}

.classforopacity6 {
	background-image: url(../img/navigation/news/btn_disabled_edit.png) !important;
	cursor: pointer !important;
}

.classforopacity7 {
	background-image: url(../img/navigation/news/btn_disabled_urgencias.png) !important;
	cursor: pointer !important;
}

.classforopacity8 {
	background-image: url(../img/navigation/news/btn_enabled_calidad.png) !important;
	cursor: pointer !important;
}

.classforopacity9 {
	background-image: url(../img/navigation/news/btn_enabled_mail.png) !important;
	cursor: pointer !important;
}

.classforopacity10 {
	background-image: url(../img/navigation/news/btn_enabled_nuevos.png) !important;
	cursor: pointer !important;
}

.classforopacity11 {
	background-image: url(../img/navigation/buttons/btn_enabled_notificacion.png) !important;
	cursor: pointer !important;
}

.classforopacity15 {
	background-image: url(../img/navigation/buttons/btn_disabled_comunicaciones.png) !important;
	cursor: pointer !important;
}

/* Texto del menú principal */
/*******************************************************************************************************************/
.row > ul > li > span {
	color: #666666;
	font-size: 14px;
}
/*******************************************************************************************************************/

button.toolbarbutton {
	padding: 1px 1px 3px 1px;
	background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 50%, #b5b5b5);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.50, #ebebeb), to(#b5b5b5));
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #017DC7;
	-moz-box-shadow: 0px 1px 1px rgba(000, 000, 000, 0.5), inset 0px 0px 2px rgba(255, 255, 255, 1);
	-webkit-box-shadow: 0px 1px 1px rgba(000, 000, 000, 0.5), inset 0px 0px 2px rgba(255, 255, 255, 1);
}

button.toolbarbutton:hover {
	cursor: pointer;
	background-color: #bfe7fb;
	background: -moz-linear-gradient(top, #ffffff 0%, #bfe7fb);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#bfe7fb));
}

button.toolbarbutton:active {
	cursor: pointer;
	background: -moz-linear-gradient(top, #ffffff 0%, #bfe7fb);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#bfe7fb));
	-moz-box-shadow: 0px 1px 0px rgba(000, 000, 000, 0.5), inset 0px 0px 1px rgba(000, 000, 000, 0.7);
	-webkit-box-shadow: 0px 1px 0px rgba(000, 000, 000, 0.5), inset 0px 0px 1px rgba(000, 000, 000, 0.7);
}

.toolbarback button.z-button:disabled {
	padding: 1px 1px 3px 1px;
	background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 50%, #b5b5b5);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.50, #ebebeb), to(#b5b5b5));
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #017DC7;
	-moz-box-shadow: 0px 1px 1px rgba(000, 000, 000, 0.5), inset 0px 0px 2px rgba(255, 255, 255, 1);
	-webkit-box-shadow: 0px 1px 1px rgba(000, 000, 000, 0.5), inset 0px 0px 2px rgba(255, 255, 255, 1);
	text-shadow: 0px -1px 0px rgba(000, 000, 000, 0.2), 0px 1px 0px rgba(255, 255, 255, 1);
	opacity: 0.2;
	cursor: default;
}

.headerImage {
	position: fixed;
	left: 0px;
	top: 27px;
	height: 55px;
	width: 100%;
	white-space: nowrap;
}

.expedientArea {
	position: fixed;
	left: 3px;
	top: 2px;
	color: #ffffff;
}

.sessionArea {
	position: fixed;
	right: 10px;
	top: 5px;
	color: #ffffff;
}

.sessionArea .z-hlayout-inner {
	vertical-align: top;
}

.logoutLink {
	cursor: pointer;
	text-decoration: underline;
}

/*CSS para las subpestañas*/
div.detailtb {
	padding: 0;
	height: 18px;
	border: 0;
	background: none;
	line-height: 8px;
}

div.detailtb .z-toolbarbutton {
	border: 1px solid black;
	border-bottom: none;
	background-color: #545457;
	width: 90px;
	height: 26px;
	text-align: center;
	text-transform: uppercase;
	margin: 0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
	border-radius: 0px;
	overflow: hidden;
	text-overflow: ellipsis;
}

div.detailtb .z-toolbarbutton:not(.toolbar-active):hover {
	border: 1px solid #7eaac6;
	border-bottom-color: inherit;
	background: #CEECFB;
}

div.detailtb .z-toolbarbutton .z-toolbarbutton-content {
	color: white;
	line-height: 24px;
	font-size: 12px;
	white-space: nowrap;
	text-shadow: none;
}

div.detailtb .z-toolbarbutton:hover .z-toolbarbutton-content {
	color: #6997D3;
}

div.detailtb .z-toolbarbutton.toolbar-active {
	background: #CEECFB;
	cursor: default;
}

div.detailtb .z-toolbarbutton.toolbar-active .z-toolbarbutton-content {
	color: black;
}

.subTabs > .contenedorToolbar {
	position: relative;
	height: 26px;
}

.sin-cabecera > .subTabs > .contenedorToolbar {
	height: 51px;
}

.subTabs > .contenedorToolbar > .z-grid {
	height: 100%;
}

.sin-cabecera > .subTabs > .contenedorToolbar > .z-grid {
	height: 100%;
}

.z-row > .z-row-inner,
.z-row:hover > .z-row-inner {
	background: none repeat scroll 0 0 transparent;
	border-color: -moz-use-text-color #CCCCCC #DDDDDD white;
	border-style: none;
	border-width: none;
} 

.subTabs .lineaInferior {
	float: left;
	width: 100%;
	height: 1px;
	background-color: #545457;
	position: absolute;
	top: 25px;
}
/*CSS para el subtab*/

.z-tabs .z-tabs-content {
	background-color: #2D2D30;
	border: none;
}

.z-tabs-header {
	height: 27px;
}

/** OJO SI SE DESHACE, esta COMENTADO mas arriba **/
.z-tabs-scroll .z-toolbar-tabs-outer .z-tabs-content,
.z-tabs .z-toolbar-tabs-outer .z-tabs-content {
	height: 27px;
	border-bottom: 1px solid #999999;
	padding-left: 3px;
}

/* Efecto pestaña seleccionada un pelin mas grande */
.z-tab {
	margin-top: 1px;
}

.z-tab-selected {
	margin-top: 0px;
}

.z-tab .z-tab-text {
	height: 24px;
}

.z-tab-selected .z-tab-text {
	height: 25px;
}

.z-tab .z-tab-icon {
	margin-top: -7px;
}

.z-tab-selected .z-tab-icon {
	margin-top: -6px;
}
/* FIN Efecto pestaña seleccionada un pelin mas grande */

.z-tab-selected .z-tab-text {
	font-family: sans-serif;
	font-size: 14px;
}

.z-tab .z-tab-text {
	padding-top: 0px;
}

div.z-listbox-header th.z-listheader {
	border-top: 1px solid #cfcfcf;
	border-left: none;
	border-right: 1px solid #cfcfcf;
}

/* Como no puedo quitar el borde final, para que sea coherente, se lo pongo al primero */
div.z-listbox-header th.z-listheader:first-child {
	border-left: 1px solid #cfcfcf;
}

.z-columnlayout,
.z-columnchildren,
.z-columnchildren-content,
.z-columnchildren-body,
.z-columnlayout-inner {
	margin-bottom: 2px;
}

div.searcherButton {
	background: url("../img/navigation/buttons/btn_general_gray2.png") no-repeat scroll 0% 0% transparent;
	width: 145px;
	height: 30px;
	color: black;
	text-align: center;
	padding-top: 5px;
	cursor: pointer;
}

div.searcherButton span {
	color: #444444;
	font-family: sans-serif;
	font-size: 11px;
	font-weight: bold;
}

div.searcherButton:hover span {
	text-decoration: underline;
}

.buttonHlayout {
	float: right;
	margin-right: 10px;
}

.buttonHlayout .z-hlayout-inner {
	margin-left: 0px;
}

span.actionLabel {
	color: #444444;
	font-family: sans-serif;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
	padding-left: 8px;
	padding-right: 8px;
	text-decoration: underline;
}

span.actionLabel:hover {
	color: #AF0917;
}

span.actionLabel-disabled {
	color: #444444;
	font-family: sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-left: 8px;
	padding-right: 8px;
	opacity:0.5;
	cursor:default;
}

.z-tab-ver-hl {
	background: none no-repeat scroll -512px 0 #EEEEEE;
	border: 1px solid #EEEEEE;
	border-bottom: 1px solid #AAAAAA;
}

.z-tab-ver-hl .z-tab-ver-hr {
	background: none no-repeat scroll -512px 0 #EEEEEE;
}

.z-tab-ver .z-tab-ver-hm {
	background: none no-repeat scroll -512px 0 #EEEEEE;
}

.z-tabs-ver-scroll .z-tabs-ver-header {
	background: none repeat scroll 0 0 white;
}

.z-tab-ver-selected .z-tab-ver-hl {
	background-color: #CFE2FF;
	border: 1px solid #294064;
	border-left: 1px solid #CFE2FF;
	border-top-width: 0;
}

.z-tab-ver-selected .z-tab-ver-hl .z-tab-ver-hr {
	background-color: #CFE2FF;
}

.z-tab-ver-selected .z-tab-ver-hm {
	background-color: #CFE2FF;
}

.z-tab-ver .z-tab-ver-text {
	color: #333333;
}

.z-tab-ver-selected .z-tab-ver-text {
	color: #294064;
}

.z-menuitem-btn:hover {
	background-color: white;
	color: black;
}

.z-menuitem-inner-l:hover {
	background-color: white;
	color: black;
}

.z-menuitem-inner-m:hover {
	background-color: white;
	color: black;
}

.z-menuitem-inner-r:hover {
	background-color: white;
	color: black;
}

.z-menuitem:hover {
	background-color: white;
	color: black;
}

.z-menuitem-btn-selected {
	background-color: white;
	color: black;
}

.z-menubar-hor .z-menu-body .z-menu-inner-m,
.z-menubar-hor .z-menuitem-body .z-menuitem-inner-m,
.z-menubar-ver .z-menu-body .z-menu-inner-m,
.z-menubar-ver .z-menuitem-body .z-menuitem-inner-m {
	padding-right: 0;
}

.z-menubar-hor .z-menu:hover .z-menu-inner-m > div {
	background: white;
}

.z-menubar-hor .z-menu .z-menu-inner-m:hover > div {
	background: white;
}

.z-menubar-hor .z-menu .z-menu-inner-m > div:hover {
	background: white;
}

.z-menu-body-selected .z-menu-inner-m .z-menu-btn {
	background: none repeat scroll 0 0 white;
	color: black;
}

.z-menu-body-selected .z-menu-inner-m {
	background: none repeat scroll 0 0 white;
}

.z-menubar-hor,
.z-menubar-ver {
	border-top-width: 0;
}

.z-menupopup-content li.z-menuitem {
	border-width: 0;
}

.z-menupopup-content .z-menu .z-menu-image,
.z-menupopup-content .z-menuitem .z-menuitem-image {
	display: none;
}

.popupSMenu.z-menuitem,
.popupSMenu.z-menu {
	border-width: 0px;
}

.z-menupopup-content .z-menu a.z-menu-content,
.z-menupopup-content .z-menuitem a.z-menuitem-content {
	background: #ffffff;
	border-width: 0px;
	padding: 0 21px 0 6px;
	font-size: 12px;
	height: 20px;
}

.z-menupopup-content .z-menu a.z-menu-content:hover,
.z-menupopup-content .z-menuitem a.z-menuitem-content:hover {
	background: #ffffff;
	color: #AF0917;
	border-width: 0px;
}

.z-menupopup-content .z-menuitem a.z-menu-content .z-menu-text,
.z-menupopup-content .z-menuitem a.z-menuitem-content .z-menuitem-text {
	font-weight: bold;
}

.popupSMenu.z-menu a.z-menu-content:hover {
	color: #AF0917;
}

.z-menupopup .z-menupopup-content {
	background-image: none;
	background-color: white;
}

.errorSupportOops {
	font-size: 14px;
}

span.errorSupportLink {
	text-decoration: underline;
	cursor: pointer;
}

span.errorSupportLink:hover {
	text-decoration: underline;
	color: #AF0917;
	cursor: pointer;
}

.backColorGraphic {
	background-color: #FFFFFF;
}

.noPadding {
	padding-left: 1px;
	padding-right: 1px;
}

filters-panel-hor {
	width: 100%;
	padding: 4px 2px;
}

.filters-panel {
	width: 200px;
	padding: 4px 2px;
}

.filters-list {
	margin-top: 5px;
}

.labelcolumnsearch {
	width: 85% !important;
}

div.searcherButtonS {
	background: url("../img/navigation/searcherButton.png") no-repeat scroll 0% 0% transparent;
	cursor: pointer;
	height: 24px;
	margin-left: 10px;
	padding-top: 5px;
	text-align: center;
	width: 80px;
}

.componentFill {
	width: 100%;
}

i.z-chosenbox.componentSearch,
.componentSearch {
	width: 100%;
}

.contenedorIconos {
	position: fixed;
	width: 175px;
	height: 20px;
	top: 0px;
	right: 600px;
	padding: 0px;
	z-index: 2;
	background-color: white;
	border: 1px solid rgb(255, 255, 255);
	padding: 2px 5px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

div.z-listbox-body .noPadding.z-listcell {
	padding: 0;
}

div.z-listbox-body .noPadding.z-listcell div.z-listcell-content {
	text-align: left;
	font-size: 12px;
	padding-left: 1px;
	padding-right: 1px;
	line-height: 15px;
}

/*--------------------FocusStart--------------------------*/
input.z-textbox:focus,
input.z-combobox-input:focus,
input.z-datebox-input:focus,
input.z-intbox-input:focus,
input.z-decimalbox-input:focus,
input.z-bandbox-input:focus,
i.z-chosenbox:focus,
span.z-checkbox > input:focus,
span.z-radio > input:focus {
	-moz-box-shadow: inset 0px 0px 6px 1px #71E2FC;
	-webkit-box-shadow: inset 0px 0px 6px 1px #71E2FC;
	box-shadow: inset 0px 0px 6px 1px #71E2FC;
}
/*--------------------FocusEnd----------------------------*/

tr td input.componentSearch input.z-textbox-input {
	width: 147px;
}

/*Baremos edit Inline*/
tr.z-listitem td.textColumnForInlineEditing div.z-listcell-content input.z-textbox {
	width: 95%;
}

tr.z-listitem td.textColumnForInlineEditing div.z-listcell-content input.z-textbox input.z-textbox-input {
	width: 95%;
}

tr.z-listitem td.textColumnForInlineEditing div.z-listcell-content input.z-decimalbox,
tr.z-listitem td.textColumnForInlineEditing div.z-listcell-content input.z-decimalbox input.z-decimalbox-input {
	width: 95%;
}

.modificacion-message {
	position: relative;
	left: 0%;
	background-color: #A1D7FF;
	padding: 2px 7px;
	border-bottom: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

/*REPARANET-1661*/
.btnReclamaciones {
	border: 1px solid #CCCCCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	margin-top: 5px;
	width: 100%;
	height: 30px;
	box-sizing: border-box;
	padding: 5px;
	background-color: #F1F1F1;
	color: #FF0000;
	cursor: pointer;
	line-height: 18px;
}

.btnReclamaciones.empty {
	color: #888888;
}

.btnReclamaciones:hover {
	color: #F1F1F1;
	background: linear-gradient(#17b7ec, #157bd0);
}

.btnReclamaciones > .btn-icon {
	float: left;
}

.btnReclamaciones > .btn-text {
	margin-left: 5px;
	font-size: 13px;
}

.btnReclamaciones > .btn-count {
	float: right;
	font-weight: bold;
}

.reclamacion {
	float: left;
	padding: 0px 7px;
	cursor: default;
}

.sin-cabecera .reclamacion {
	padding: 3px 7px;
}
.info-baja {
	color: #000000;
	background-color: #FFFFA1;
	border-right: 1px solid #C5C5C5;
}

.info-media {
	color: #000000;
	background-color: #FFD7A1;
	border-right: 1px solid #C5C5C5;
}

.info-alta {
	color: #000000;
	background-color: #FFA1A1;
	border-right: 1px solid #C5C5C5;
}

.edit-baja {
	background-color: #FFFFD2;
	border-right: 1px solid #C5C5C5;
}

.edit-baja:hover {
	background-color: #FFFFA1;
	cursor: pointer;
}

.edit-media {
	background-color: #FFEBD0;
	border-right: 1px solid #C5C5C5;
}

.edit-media:hover {
	background-color: #FFD7A1;
	cursor: pointer;
}

.edit-alta {
	background-color: #FFD7D7;
	border-right: 1px solid #C5C5C5;
}

.edit-alta span {
	text-transform: uppercase;
}

.edit-alta:hover {
	background-color: #FFA1A1;
	cursor: pointer;
}
/*Fin REPARANET-1661*/

.layout-datos-asegurado {
	width: 100%;
}

.layout-datos-asegurado > div:first-child {
	margin-top: 2px;
	height: 18px;
	width: calc(100% - 96px);
	overflow: hidden;
	text-overflow: ellipsis;
}

.poliza-popup {
	width: 86px;
	position: relative;
	right: 0px;
	background-color: #D0EBFF; /*#E2FCFC;#A1D7FF;*/
	padding: 2px 7px;
	border-top: 1px solid #545457;
	border-left: 1px solid #545457;
	border-bottom: 1px solid #545457;
	text-transform: uppercase;
}

.sin-cabecera .poliza-popup {
	margin-top: -1px;
}

.poliza-popup:hover {
	background-color: #A1D7FF; /*#CFF9F9;#89FFFF;*/
	cursor: pointer;
}

.encargo-popup {
	position: relative;
	right: 0px;
	padding: 2px 7px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

.encargo-popup:hover {
	cursor: pointer;
}

.encargo-popup-content {
	width: 200px;
	text-align: center;
}

.encargo-popup-content.mobile {
	width: 110px;
	height: 138px;
}

.encargo-popup-content.mobile > .z-popup-cl {
	width: 100%;
	height: 100%;
}

.encargo-popup-content.mobile > .z-popup-cl > .z-popup-content {
	width: calc(100% - 20px);
	height: calc(100% - 20px) !important;
}

.encargo-popup-content.mobile > .z-popup-cl > .z-popup-content > .z-grid {
	width: 100%;
	height: 100%;
}

.encargo-popup-content.mobile > .z-popup-cl > .z-popup-content > .z-grid > .z-grid-body {
	width: 100%;
	height: 100%;
}

.modif-container {
	position: relative;
	top: 0.3px;
}

/* Quitar estilos a botones ZK */
.onlyImageButton.z-button .z-button-tl,
.onlyImageButton.z-button .z-button-tr,
.onlyImageButton.z-button .z-button-bl,
.onlyImageButton.z-button .z-button-br,
.onlyImageButton.z-button .z-button-tm,
.onlyImageButton.z-button .z-button-bm,
.onlyImageButton.z-button .z-button-cl,
.onlyImageButton.z-button .z-button-cr,
.onlyImageButton.z-button .z-button-cm {
	background-image: none;
}

/* Labels */
.labelNormal {
	font-family: 'Noto Sans', sans-serif !important;
	font-size: 13px !important;
	color: #222 !important;
}

.labelNormalBlue {
	font-family: 'Noto Sans', sans-serif !important;
	font-size: 13px !important;
	color: #00BFFF !important;
}

.labelImpagado {
	font-family: 'Noto Sans', sans-serif !important;
	font-size: 12px !important;
	color: red !important;
	font-weight: bold !important;
}

.labelTitle {
	font-family: 'Noto Sans', sans-serif !important;
	font-size: 14px !important;
	color: #3B3B3B !important;
	font-weight: bold !important;
	padding-left: 1px !important;
}

.labelTitle12 {
	font-family: 'Noto Sans', sans-serif !important;
	font-size: 12px !important;
	color: #3B3B3B !important;
	font-weight: bold !important;
	padding-left: 1px !important;
}

.listheadLabel {
	font-family: 'Noto Sans', sans-serif !important;
	font-size: 12px !important;
	color: #404040 !important;
	border-bottom: 1px solid #404040 !important;
	padding-bottom: 0;
	padding-left: 0;
	margin-left: 0;
}

.margenDetailslayout {
	margin-left: 2%;
	vertical-align: top;
}

div.underl-50 {
	width: calc(50% - 20px);
	margin-top: 20px;
	margin-left: 20px;
	border-bottom: 1px solid #404040;
}

div.underl-100 {
	width: calc(100% - 20px);
	margin-top: 20px;
	margin-left: 20px;
	border-bottom: 1px solid #404040;
}

div.underLineWithOutMargin {
	width: 50%;
	margin-top: 20px;
	border-bottom: 1px solid #404040;
}

div.underLineWithOutMargin.div-title {
	width: 97%;
}

.lastRow > td {
	vertical-align: top;
	padding-top: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
	padding-right: 2px;
}

.detailLeft {
	float: left;
	width: 55%;
}

.detailLeft .z-hlayout-inner {
	vertical-align: top;
}

.alineaTop .z-hlayout-inner {
	vertical-align: top;
}

.margenDetailslayout .z-hlayout-inner {
	width: 80%;
}

.detailRight {
	float: right;
	width: 40%;
	padding-left: 3%;
}

.groupbox {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	border: 0.75px solid #9c9c9c;
	border-color: grey;
	background: transparent;
}

textarea.z-textbox {
	height: inherit;
}

.textarea {
	width: 98%;
	background: transparent;
}

.textarea30 {
	width: 30%;
	background: transparent;
}

.tr td input.z-textbox {
	width: 250px;
}

.partidas input.z-decimalbox-input {
	width: 30px;
	font-size: 11px;
}

.partidasCod {
	width: 30px
}

.configuracion .z-textbox-input {
	width: 283px;
}

.expandir {
	color: #3B3B3B;
	font-family: 'Noto Sans', sans-serif;
	font-weight: bold;
	text-decoration: underline;
	margin-right: 3%;
	cursor: pointer;
}

.filtroSeleccionarTodos {
	color: #3B3B3B;
	font-family: 'Noto Sans', sans-serif;
	font-weight: bold;
	text-decoration: underline;
	margin-left: 3%;
	cursor: pointer;
}

.botonesColoresHistorico.z-button {
	margin-left: 10px;
	margin-top: 4px;
	width: 26px;
	height: 22px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}

.checkColoreFiltroHistorico {
	margin-top: 2px;
	width: 15px;
	height: 15px;
}

tr.historicoAzul,
tr.historicoAzul:hover,
tr.historicoAzul.z-listitem-selected,
.botonesColoresHistorico.colorHistoricoAzul,
.botonesColoresHistorico.colorHistoricoAzul:hover,
.checkColoreFiltroHistorico.colorHistoricoAzul {
	background: #9AB0FF;
}

tr.historicoVerde,
tr.historicoVerde:hover,
tr.historicoVerde.z-listitem-selected,
.botonesColoresHistorico.colorHistoricoVerde,
.botonesColoresHistorico.colorHistoricoVerde:hover,
.checkColoreFiltroHistorico.colorHistoricoVerde {
	background: #9FF388;
}

tr.historicoRojo,
tr.historicoRojo:hover,
tr.historicoRojo.z-listitem-selected,
.botonesColoresHistorico.colorHistoricoRojo,
.botonesColoresHistorico.colorHistoricoRojo:hover,
.checkColoreFiltroHistorico.colorHistoricoRojo {
	background: #FFA0A0;
}

tr.historicoAmarillo,
tr.historicoAmarillo:hover,
tr.historicoAmarillo.z-listitem-selected,
.botonesColoresHistorico.colorHistoricoAmarillo,
.botonesColoresHistorico.colorHistoricoAmarillo:hover,
.checkColoreFiltroHistorico.colorHistoricoAmarillo {
	background: #FFF78F;
}
tr.historicoAzulClaro,
tr.historicoAzulClaro:hover,
tr.historicoAzulClaro.z-listitem-selected,
.botonesColoresHistorico.colorHistoricoAzulClaro,
.botonesColoresHistorico.colorHistoricoAzulClaro:hover,
.checkColoreFiltroHistorico.colorHistoricoAzulClaro {
	background: #9FF3FF;
}
tr.historicoRosa,
tr.historicoRosa:hover,
tr.historicoRosa.z-listitem-selected,
.botonesColoresHistorico.colorHistoricoRosa,
.botonesColoresHistorico.colorHistoricoRosa:hover,
.checkColoreFiltroHistorico.colorHistoricoRosa {
	background: #E8B3FF;
}
tr.historicoMarron,
tr.historicoMarron:hover,
tr.historicoMarron.z-listitem-selected,
.botonesColoresHistorico.colorHistoricoMarron,
.botonesColoresHistorico.colorHistoricoMarron:hover,
.checkColoreFiltroHistorico.colorHistoricoMarron {
	background: #CFB8B4;
}
.totalAcumulado {
	font-family: 'Noto Sans', sans-serif;
	font-size: 12px;
	color: #8D8D8D;
	font-weight: bold;
}

.baremosCompania {
	font-family: 'Noto Sans', sans-serif !important;
	font-size: 12px;
	color: #8D8D8D;
	font-weight: bold;
	cursor: pointer;
}

/*textboxes inside a table with right alignment numeric*/
div.numericColumn div.z-listbox-body table tbody tr.z-listitem td.numericColumn div.z-listcell-content {
	text-align: right;
}
/*in place edit without background image*/
tr td.z-cell div.listheadLabel div.z-listbox-body table tbody tr.z-listitem td.textColumnForInlineEditing div.z-listcell-content input.z-textbox input.z-textbox-input,
tr td.z-cell div.listheadLabel div.z-listbox-body table tbody tr.z-listitem td.textColumnForInlineEditing div.z-listcell-content input.z-textbox input.z-textbox-right-edge,
tr td.z-cell div.listheadLabel div.z-listbox-body table tbody tr.z-listitem td.textColumnForInlineEditing div.z-listcell-content input.z-decimalbox input.z-decimalbox-input,
tr td.z-cell div.listheadLabel div.z-listbox-body table tbody tr.z-listitem td.textColumnForInlineEditing div.z-listcell-content input.z-decimalbox input.z-decimalbox-right-edge {
	background-image: url(../img/calipso/timebox-rounded.png);
}

.pestanaListas {
	text-align: center;
	white-space: nowrap;
	padding: 1px 5px;
	background-color: #DDDDDD;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #AAAAAA;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	cursor: pointer;
}

.pestanaListas:hover {
	background-color: #8888AA;
}

/****************************** REPARANET-1796 *************************************/
.semibtn-superior {
	position: relative;
	bottom: -2px;
	left: 1px;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #CCCCCC;
	padding: 3px 10px 2px 10px;
	border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	color: black;
	font-family: 'Noto Sans', sans-serif;
	font-size: 11px;
	font-weight: normal;
	cursor: pointer;
}

.semibtn-superior:hover {
	border-color: #000000;
	background-color: #15AFE4;
	background: -webkit-linear-gradient(#15AFE4, #1479CE); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#15AFE4, #1479CE); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#15AFE4, #1479CE); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#15AFE4, #1479CE); /* Standard syntax */
	color: white;
}

.estimacion-pdt {
	background-color: #FFDDAA;
	background: -webkit-linear-gradient(#D7B582, #FFDDAA); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#D7B582, #FFDDAA); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#D7B582, #FFDDAA); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#D7B582, #FFDDAA); /* Standard syntax */
}

.estimacion-mayor {
	background-color: #FFCCCC;
	background: -webkit-linear-gradient(#D7A4A4, #FFCCCC); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#D7A4A4, #FFCCCC); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#D7A4A4, #FFCCCC); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#D7A4A4, #FFCCCC); /* Standard syntax */
}

.estimacion-menor {
	background-color: #EEEEFF;
	background: -webkit-linear-gradient(#C6C6D7, #EEEEFF); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#C6C6D7, #EEEEFF); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#C6C6D7, #EEEEFF); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#C6C6D7, #EEEEFF); /* Standard syntax */
}

.info {
	width: 20px;
	height: 20px;
	background-image: url(../img/identidadcorporativa/info.png);
	background-size: 20px 20px;
}

.info:hover {
	background-image: url(../img/identidadcorporativa/info-hover.png);
}

.priority-down {
	width: 16px;
	height: 16px;
	background-image: url(../img/zeus/priority-down.png);
	background-size: 14px 14px;
	border: 1px solid #CCCCCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}

.priority-down:hover {
	background-image: url(../img/zeus/priority-down-hover.png);
}

.priority-down[disabled] {
	background-image: url(../img/zeus/priority-down-disabled.png);
}

.priority-up {
	width: 16px;
	height: 16px;
	background-image: url(../img/zeus/priority-up.png);
	background-size: 14px 14px;
	border: 1px solid #CCCCCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}

.priority-up:hover {
	background-image: url(../img/zeus/priority-up-hover.png);
}

.priority-up[disabled] {
	background-image: url(../img/zeus/priority-up-disabled.png);
}

.semibtn-inferior > .semibtn-inferior-inner {
	display: inline-block;
	padding-right: 0 !important;
	position: relative;
}

.vision-global-encargos > .botones-asitur > .semibtn-inferior > .semibtn-inferior-inner {
	width: calc(100%/ 6);
}

.vision-global-encargos > .botones-asitur > .semibtn-inferior > .z-button {
	width: 100%;
	padding: 0;
}

.vision-global-encargos > .botones-asitur > .semibtn-inferior > .semibtn-inferior-inner > button {
	padding: 0;
	overflow: hidden;
}

.semibtn-inferior > .semibtn-inferior-inner:first-child > .z-button {
	border-left-color: #CFCFCF;
}

.semibtn-inferior > .semibtn-inferior-inner:not(:first-child) {
	margin-left: -6px;
}

.mobile .semibtn-inferior > .semibtn-inferior-inner {
	width: calc(100% / 5);
	height: 100%;
}

.mobile .semibtn-inferior > .semibtn-inferior-inner:first-child {
	margin: 0px;
}

.mobile .semibtn-inferior > .semibtn-inferior-inner:not(:first-child) {
	margin: 0px;
}

.semibtn-inferior > .semibtn-inferior-inner:nth-child(1) {
	z-index: 5;
}

.semibtn-inferior > .semibtn-inferior-inner:nth-child(2) {
	z-index: 4;
}

.semibtn-inferior > .semibtn-inferior-inner:nth-child(3) {
	z-index: 3;
}

.semibtn-inferior > .semibtn-inferior-inner:nth-child(4) {
	z-index: 2;
}

.semibtn-inferior > .semibtn-inferior-inner:nth-child(5) {
	z-index: 1;
}

.semibtn-inferior > .semibtn-inferior-inner:nth-child(6) {
	z-index: 0;
}

.semibtn-inferior > .semibtn-inferior-inner > .z-button {
	padding: 4px 20px;
	background-color: #EEEEFF;
	background: -webkit-linear-gradient(#EEEEFF, #C6C6D7); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#EEEEFF, #C6C6D7); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#EEEEFF, #C6C6D7); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#EEEEFF, #C6C6D7); /* Standard syntax */
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #AAAAAA;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
	border-radius: 0px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	border-bottom-right-radius: 8px;
	color: black;
	font-family: 'Noto Sans', sans-serif;
	font-size: 11px;
	font-weight: normal;
	cursor: pointer;
	white-space: nowrap;
}

.mobile .semibtn-inferior > .semibtn-inferior-inner > .z-button {
	padding: 0px;
	border-width: 1px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
	border-radius: 0px;
	width: 100%;
	height: 100%;
}

.semibtn-inferior-inner > .z-button {
	width: 100%;
}

.semibtn-inferior > .semibtn-inferior-inner:first-child > .z-button:hover {
	border-left-color: #CFCFCF;
}

.semibtn-inferior > .semibtn-inferior-inner > .z-button:hover {
	border-color: #999999;
	background-color: #15AFE4;
	background: -webkit-linear-gradient(#C6C6D7, #EEEEFF); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#C6C6D7, #EEEEFF); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#C6C6D7, #EEEEFF); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#C6C6D7, #EEEEFF); /* Standard syntax */
	color: #666666;
	width: 100%;
}

.semibtn-inferior > .semibtn-inferior-inner > .z-button[disabled] {
	cursor: not-allowed;
	color: #999999;
	background-color: #DCDCE7;
	background: -webkit-linear-gradient(#F5F5FF, #DDDDE8); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#F5F5FF, #DDDDE8); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#F5F5FF, #DDDDE8); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#F5F5FF, #DDDDE8); /* Standard syntax */
	opacity: 1;
	box-shadow: inherit;
}

.timebox-green > input,
.timebox-green > i {
	background-image: url(../img/zkCustom/timebox-rounded-green.png) !important;
}

/* ---- Reparanet 2877 ----*/
.filtrosDiv {
	position: relative;
	margin-bottom: -28px;
	width: 450px;
	z-index: 1;
}

.filtrosHistorico > .filtrosHistorico-inner {
	display: inline-block;
	padding-right: 0px;
	position: relative;
}

.filtrosHistorico > .filtrosHistorico-inner > button {
	padding: 0px 20px 0px 2px;
	background: url('../img/aquiles/fondoFiltro.png') 0 -17px, #EDEDED;
	background: url('../img/aquiles/fondoFiltro.png') 0 -17px, -webkit-linear-gradient(#EDEDED, #CDCDCD); /* For Safari 5.1 to 6.0 */
	background: url('../img/aquiles/fondoFiltro.png') 0 -17px, -o-linear-gradient(#EDEDED, #CDCDCD); /* For Opera 11.1 to 12.0 */
	background: url('../img/aquiles/fondoFiltro.png') 0 -17px, -moz-linear-gradient(#EDEDED, #CDCDCD); /* For Firefox 3.6 to 15 */
	background: url('../img/aquiles/fondoFiltro.png') 0 -17px, linear-gradient(#EDEDED, #CDCDCD); /* Standard syntax */
	background-repeat: no-repeat;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #000000;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
	border-radius: 0px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	border-bottom-right-radius: 8px;
	color: black;
	font-family: 'Noto Sans', sans-serif;
	font-size: 12px;
	font-weight: normal;
	cursor: pointer;
	width: 63px;
	height: 21px;
	min-height: 21px;
}

.filtrosHistorico > .filtrosHistorico-inner > button:hover {
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #CCCCCC;
	background: url('../img/aquiles/fondoFiltro.png') 0 0, #0088EE;
	background: url('../img/aquiles/fondoFiltro.png') 0 0, -webkit-linear-gradient(#0088EE, #003399); /* For Safari 5.1 to 6.0 */
	background: url('../img/aquiles/fondoFiltro.png') 0 0, -o-linear-gradient(#0088EE, #003399); /* For Opera 11.1 to 12.0 */
	background: url('../img/aquiles/fondoFiltro.png') 0 0, -moz-linear-gradient(#0088EE, #003399); /* For Firefox 3.6 to 15 */
	background: url('../img/aquiles/fondoFiltro.png') 0 0, linear-gradient(#0088EE, #003399); /* Standard syntax */
	color: #CCCCCC;
	width: 63px;
	height: 18px;
}

.filtrosHistorico > .filtrosHistorico-inner > span {
	color: red;
	font-size: 10px;
	margin-left: 2px;
}

.filtrosHistoricoAux {
	margin-left: -11px;
	margin-top: -11px;
	margin-bottom: 8px;
}

.filtrosHistoricoAux > .filtrosHistoricoAux-inner {
	display: inline-block;
	padding-right: 0px;
	position: relative;
}

.filtrosHistoricoAux > .filtrosHistoricoAux-inner > button {
	padding: 0px 20px 0px 2px;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #CCCCCC;
	background: url('../img/aquiles/fondoFiltro.png') 0 0, #505056;
	background: url('../img/aquiles/fondoFiltro.png') 0 0, -webkit-linear-gradient(#505056, #2D2D30); /* For Safari 5.1 to 6.0 */
	background: url('../img/aquiles/fondoFiltro.png') 0 0, -o-linear-gradient(#505056, #2D2D30); /* For Opera 11.1 to 12.0 */
	background: url('../img/aquiles/fondoFiltro.png') 0 0, -moz-linear-gradient(#505056, #2D2D30); /* For Firefox 3.6 to 15 */
	background: url('../img/aquiles/fondoFiltro.png') 0 0, linear-gradient(#505056, #2D2D30); /* Standard syntax */
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
	border-radius: 0px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	border-bottom-right-radius: 8px;
	color: #CCCCCC;
	font-family: 'Noto Sans', sans-serif;
	font-size: 11px;
	font-weight: normal;
	width: 63px;
	height: 21px;
	min-height: 21px;
	cursor: default !important;
	opacity: inherit;
}

.filtrosHistoricoAux > .filtrosHistoricoAux-inner:last-child {
	float: right;
	margin-top: 2px;
	margin-right: -2px;
}

.filtrosHistoricoAux > .filtrosHistoricoAux-inner > span {
	color: red;
	font-size: 10px;
}

.listaFiltros,
.botonesFiltros {
	white-space: normal;
	width: 250px;
}

.botonesFiltros {
	margin-top: 8px;
	margin-bottom: 6px;
}

.listaFiltros > .z-hlayout-inner,
.botonesFiltros > .z-hlayout-inner {
	display: inline-block;
	width: 125px;
}

.botonesFiltros > .z-hlayout-inner {
	text-align: center;
}

.listaFiltros > .z-hlayout-inner > .z-checkbox > label {
	font-family: 'Economica', sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #2D2D30;
	vertical-align: 3px;
}

.botonesFiltros > .z-hlayout-inner > button {
	width: 108px;
}

.botonesFiltros > .z-hlayout-inner > button:hover {
	width: 108px;
}

/* ---- Fin Reparanet 2877 ----*/
.homecontainer {
	height: 29px;
	width: 50px;
	position: fixed;
	left: 0px;
	top: 79px;
	text-align: center;
	background-color: #2D2D30;
	cursor: pointer;
	z-index: 1;
}

.homecontainer > img {
	height: 15px;
	position: relative;
	top: 4px;
}

.helpcontainer {
	height: 29px;
	width: 50px;
	position: fixed;
	right: 0px;
	top: 79px;
	text-align: center;
	background-color: #2D2D2D;
	cursor: pointer;
	z-index: 1;
	border: 0px;
	background-image: url(../img/navigation/reparanet_help.png);
	background-position: 13px -1px;
}

.asiturSinAcceso {
	height: 340px;
	width: 100%;
	z-index: 1;
	border: 0px;
	background-repeat: no-repeat;
	background-image: url(../img/hermes/asitur-factura.png);
}

.helpcontainer[disabled] {
	background-position: -50px 0;
	cursor: default;
}

.helpcontainer > img {
	height: 30px;
	width: 30px;
	position: relative;
	top: 0px;
}

.logoFull {
	margin-top: 5px;
	margin-right: 5px;
	height: 40px;
}

.logoMini {
	display: none;
}

.alertIconDiv {
	float: left;
	width: 55px;
	height: 50px;
}

.toolDiv {
	float: left;
}

.alertDiv {
	float: left;
}

.logoDiv {
	float: right;
}

.funcBar {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 79px;
	overflow: hidden;
	background-color: white;
	border-bottom: 0px solid #A5C9F0;
}

.gadExpanded,
.divTabsExpanded,
.divTabsExpandedNoGadget {
	position: fixed;
	top: 81px;
	right: 0px;
	bottom: 0px;
	overflow: hidden;
}

.gadExpanded {
	left: 0px;
	width: 238px;
	margin-left: 0px;
	margin-top: 0px;
	background-color: white;
}

.divTabsExpanded {
	left: 238px;
	width: calc(100% - 238px);
}

.divTabsExpandedNoGadget {
	left: 0px;
	width: 100%;
}

.tabPanelsExpanded,
.tabPanelsExpandedNoGadget {
	position: fixed;
	top: 108px;
	right: 0px;
	bottom: 0px;
	overflow: auto;
	z-index: 2;
}

.tabPanelsExpanded {
	left: 238px;
	width: calc(100% - 238px);
}

.tabPanelsExpandedNoGadget {
	left: 0px;
	width: 100%;
}

.gadCollapsed,
.divTabsCollapsed,
.tabPanelsCollapsed {
	position: fixed;
	top: 43px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}

.gadCollapsed {
	overflow: hidden;
	width: 0px;
}

.divTabsCollapsed {
	overflow: hidden;
	width: 100%";
}

.tabPanelsCollapsed {
	overflow: auto;
	width: 100%;
}

.responsiveContainer {
	text-align: center;
	position: relative;
	width: 100%;
	height: 560px;
}

.responsiveColumn,
.responsiveColumn2 {
	display: inline-block;
	text-align: left;
	padding: 15px;
	width: 350px;
}

.responsiveColumn2 {
	width: 400px;
}

.hlayoutColumnas2,
.hlayoutColumnas3,
.hlayoutColumnasFloatLeft {
	width: 100%;
}

.hlayoutColumnas2 > .z-hlayout-inner {
	width: 50%;
}

.hlayoutColumnas2_2-1 > .z-hlayout-inner:first-child {
	width: 70%;
}

.hlayoutColumnas2_2-1 > .z-hlayout-inner:last-child {
	width: 30%;
}

.hlayoutColumnas3 > .z-hlayout-inner {
	width: 33%;
}

.hlayoutColumnasFloatLeft > .z-hlayout-inner,
.hlayoutColumnasFloatLeft6 > .z-hlayout-inner,
.hlayoutColumnasFloatLeft5 > .z-hlayout-inner,
.hlayoutColumnasFloatLeft4 > .z-hlayout-inner,
.hlayoutColumnasFloatLeft3 > .z-hlayout-inner,
.hlayoutColumnasFloatLeft2 > .z-hlayout-inner {
	float: left;
}

.hlayoutColumnasFloatLeft6 > .z-hlayout-inner,
.hlayoutColumnasFloatLeft5 > .z-hlayout-inner,
.hlayoutColumnasFloatLeft4 > .z-hlayout-inner,
.hlayoutColumnasFloatLeft3 > .z-hlayout-inner {
	padding-bottom: 18px;
}

.hlayoutColumnasFloatLeft6 > .z-hlayout-inner {
	padding-left: 5%;
}

.hlayoutColumnasFloatLeft6-5unida > .z-hlayout-inner {
	padding-left: 5%;
}

.hlayoutColumnasFloatLeft6-5unida > .z-hlayout-inner:nth-child(5) {
	padding-left: 1%;
}

.hlayoutColumnasFloatLeft5 > .z-hlayout-inner,
.hlayoutColumnasFloatLeft4 > .z-hlayout-inner {
	padding-left: 8%;
}

.hlayoutColumnasFloatLeft3 > .z-hlayout-inner {
	padding-left: 60px;
}

.hlayoutColumnasFloatLeft2 > .z-hlayout-inner {
	padding-left: 14%;
}

.hlayoutColumnasFloatLeft3.firstNoPaddingLeft > .z-hlayout-inner:first-child {
	padding-left: 0;
}

.hlayoutColumnasFloatLeft6.lastFloatRight > .z-hlayout-inner:last-child,
.hlayoutColumnasFloatLeft5.lastFloatRight > .z-hlayout-inner:last-child,
.hlayoutColumnasFloatLeft4.lastFloatRight > .z-hlayout-inner:last-child,
.hlayoutColumnasFloatLeft3.lastFloatRight > .z-hlayout-inner:last-child,
.hlayoutColumnasFloatLeft2.lastFloatRight > .z-hlayout-inner:last-child {
	padding-left: 0;
	float: right;
}

.lastFloatRight > .z-hlayout-inner:last-child {
	float: right;
}

.floatLeftlastFloat > .z-hlayout-inner:not(last-child) {
	float: left;
}

.floatLeftlastFloat > .z-hlayout-inner:last-child {
	float: right;
}

.floatLeft > .z-hlayout-inner {
	float: left;
	padding-bottom: 2px;
}

.borde,
.z-vlayout.borde {
	padding: 10px 40px 10px 20px;
	border: 1px solid #cccccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}

.z-listbox.listbox-vscroll {
	overflow-y: auto;
}

.z-listbox.listbox-vscroll-155 > .z-listbox-body {
	max-height: 155px;
	overflow-y: auto;
}

.z-listbox.listbox-vscroll-230 > .z-listbox-body {
	max-height: 230px;
	overflow-y: auto;
}

.z-listbox.pt-panel-listbox-vscroll {
	height: 665px;
	/*740px para un desktopHeight=995px, diferencia 255px*/
	/*410px para un desktopHeight=726px, diferencia 316*/
}

.z-listbox.pt-listbox-vscroll {
	/*height:250px;*/
	/*Para un desktopHeigh=995px, diferencia 745px*/
	/*antes 3*34px*/
	height: calc(( 665px - 3 * 7px)/3);
}

.z-listbox.pt-listbox-vscroll,
.z-listbox.pt-panel-listbox-vscroll {
	background: none;
}

.z-listbox.pt-listbox-vscroll > .z-listbox-body,
.z-listbox.pt-panel-listbox-vscroll > .z-listbox-body {
	max-height: calc(100% - 34px);
	overflow-y: auto;
}

.listbox-cursor-default div.z-listbox-body .z-listcell.listcell-cursor-pointer,
.listbox-cursor-default div.z-listbox-body .z-listcell .listcell-cursor-pointer {
	cursor: pointer;
}

.listbox-cursor-default div.z-listbox-body tr.z-listitem td.z-listcell.listcell-cursor-pointer-important *,
.listbox-cursor-default div.z-listbox-body tr.z-listitem td.z-listcell .listcell-cursor-pointer-important *,
.listbox-cursor-default div.z-listbox-body tr.z-listitem.z-listitem:disabled td.z-listcell.listcell-cursor-pointer-important *,
.listbox-cursor-default div.z-listbox-body tr.z-listitem.z-listitem:disabled td.z-listcell .listcell-cursor-pointer-important * {
	cursor: pointer !important;
}

.listbox-cursor-default div.z-listbox-body .z-listcell {
	cursor: default;
}

.z-hlayout,
.z-vlayout {
	padding-bottom: 1px;
}

.sup-left {
	position: absolute;
	top: 0px;
	left: 0px;
}

.sup-right {
	position: absolute;
	top: 0px;
	right: 0px;
}

@media screen and (max-width: 1600px) {
	.hlayoutColumnasFloatLeft6 > .z-hlayout-inner {
		padding-left: 5%;
	}
	.hlayoutColumnasFloatLeft3 > .z-hlayout-inner {
		padding-left: 4%;
	}
}

@media screen and (max-width: 1440px) {
	.hlayoutColumnasFloatLeft6 > .z-hlayout-inner {
		padding-left: 4%;
	}
	.hlayoutColumnasFloatLeft3 > .z-hlayout-inner {
		padding-left: 2%;
	}
}

@media screen and (max-width: 1366px) {
	.hlayoutColumnasFloatLeft6 > .z-hlayout-inner {
		padding-left: 3%;
	}
	.hlayoutColumnasFloatLeft5 > .z-hlayout-inner,
	.hlayoutColumnasFloatLeft4 > .z-hlayout-inner {
		padding-left: 6%;
	}
	.hlayoutColumnasFloatLeft3 > .z-hlayout-inner {
		padding-left: 3%;
	}
}

@media screen and (max-width: 1280px) {
	.hlayoutColumnasFloatLeft6 > .z-hlayout-inner {
		padding-left: 1%;
	}
	.hlayoutColumnasFloatLeft5 > .z-hlayout-inner,
	.hlayoutColumnasFloatLeft4 > .z-hlayout-inner {
		padding-left: 3%;
	}
	.hlayoutColumnasFloatLeft3 > .z-hlayout-inner {
		padding-left: 3%;
	}
	.hlayoutColumnasFloatLeft3.firstNoPaddingLeft > .z-hlayout-inner:first-child {
		padding-left: 0;
	}
}

@media screen and (max-width: 1024px) {
	.hlayoutColumnasFloatLeft5 > .z-hlayout-inner,
	.hlayoutColumnasFloatLeft4 > .z-hlayout-inner {
		padding-left: 2%;
	}
}

@media screen and (max-width: 924px) {
	.hlayoutColumnasFloatLeft5 > .z-hlayout-inner,
	.hlayoutColumnasFloatLeft4 > .z-hlayout-inner {
		padding-left: 1%;
	}
}

@media screen and (max-width: 896px) {
	.logoFull {
		display: none;
	}
	.logoMini {
		margin-right: 10px;
		margin-top: 14px;
		height: 20px;
		display: block;
	}
	.hlayoutColumnas2 > .z-hlayout-inner,
	.hlayoutColumnas2_2-1 > .z-hlayout-inner:first-child,
	.hlayoutColumnas2_2-1 > .z-hlayout-inner:last-child,
	.hlayoutColumnas3 > .z-hlayout-inner {
		width: 100%;
		display: block;
	}
}

@media screen and (max-width: 870px) {
	.inf {
		position: relative;
		top: 210px;
	}
}

@media screen and (max-width: 760px) {
	.menuleft {
		top: 162px !important;
	}
	.funcBar {
		height: 133px;
	}
	.homecontainer {
		top: 133px;
	}
	.headerImage {
		height: 110px;
		min-width: 400px;
	}
	.toolDiv, .logoDiv {
		position: relative;
		top: 54px;
	}
	.alertDiv {
		position: absolute;
		left: 0px;
	}
	.gadExpanded,
	.divTabsExpanded,
	.divTabsExpandedNoGadget {
		top: 135px;
	}
	.tabPanelsExpanded,
	.tabPanelsExpandedNoGadget {
		top: 162px;
	}
	.hiddenMobile760 {
		display: none;
	}
}

@media screen and (max-width: 450px) {
	.hlayoutColumnasFloatLeft3 > .z-hlayout-inner,
	.hlayoutColumnasFloatLeft2 > .z-hlayout-inner {
		padding-left: 2px;
	}
	.hlayoutColumnasFloatLeft3.firstNoPaddingLeft > .z-hlayout-inner:first-child {
		padding-left: 0;
	}
	.hiddenMobile450 {
		display: none;
	}
}

/* //TODO Esta parte de aumentar el margen inferior al decrementar el alto de la pantalla habría que tratar de buscar otra solución si la hubiera //== */
@media screen and (max-height: 900px) {
	.z-listbox.pt-panel-listbox-vscroll {
		height: 554px;
	}
	.z-listbox.pt-listbox-vscroll {
		height: calc(( 554px - 3 * 7px)/3);
	}
}

@media screen and (max-height: 760px) {
	.modalWindowFull .modalWindowBotones,
	.modalWindowResponsive .modalWindowBotones {
		margin-bottom: 100px;
	}
	.z-listbox.pt-panel-listbox-vscroll {
		height: 476px;
	}
	.z-listbox.pt-listbox-vscroll {
		height: calc(( 476px - 3 * 7px)/3);
	}
}

@media screen and (max-height: 700px) {
	.z-listbox.pt-panel-listbox-vscroll {
		height: 400px;
	}
	.z-listbox.pt-listbox-vscroll {
		height: calc(( 400px - 3 * 7px)/3);
	}
}

@media screen and (max-height: 650px) {
	.modalWindowFull .modalWindowBotones,
	.modalWindowResponsive .modalWindowBotones {
		margin-bottom: 200px;
	}
}

@media screen and (max-height: 550px) {
	.modalWindowFull .modalWindowBotones,
	.modalWindowResponsive .modalWindowBotones {
		margin-bottom: 300px;
	}
}

@media screen and (max-height: 450px) {
	.modalWindowFull .modalWindowBotones,
	.modalWindowResponsive .modalWindowBotones {
		margin-bottom: 450px;
	}
}

/* Para la ayuda dentro de modales*/
.ponerNegro .z-caption-content {
	color: black;
	cursor: pointer;
}

.z-listbox > div:last-child.z-listbox-body tbody.z-listbox-empty-body td {
	padding-top: 6px;
	padding-bottom: 6px;
}

.soloLectura {
	width: 85px;
	text-align: center;
	background-color: red;
	color: white;
	line-height: 24px;
	cursor: default;
	text-transform: uppercase;
	border: 1px solid #545457;
}

.soloLectura .z-label {
	font-weight: bold;
	font-size: 12px;
}

.z-spinner:disabled,
.z-doublespinner:disabled,
.z-timebox:disabled,
.z-datebox:disabled,
.z-bandbox:disabled,
.z-comboitem:disabled,
.z-combobox:disabled {
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	opacity: 0.85;
}

.pt-listcell-encargos > .z-listcell-content > *:not(:last-child) {
	margin-right: 12px;
}

.pt-filtrocontador {
	border: 1px solid grey;
	padding: 2px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	text-align: center;
	width: 140px;
	height: 53px;
	margin-bottom: 0.3em;
}

.pt-filtrocontador:hover {
	background: #33ccff;
}

.pt-filtrocontador > .z-vlayout-inner:not(:last-child) {
	padding-bottom: 0px;
}

.pt-filtrocontador-selected {
	background: #3399ff;
}

.pt-filtrocontador-mark {
	font-size: 22px;
}

.pt-filtrocontador-title {
	
}

.pt-tabla-listcell-ellipsis .z-listitem > .z-listcell > .z-listcell-content,
.pt-tabla-header-ellipsis .z-listhead > .z-listheader > .z-listheader-content,
.tabla-listcell-ellipsis .z-listitem > .z-listcell > .z-listcell-content,
.tabla-listcell-ellipsis .z-listitem > .z-listcell > .z-listcell-content div {
	white-space: nowrap;
	text-overflow: ellipsis;
}

.z-button.pt-tabla-listcell-boton {
	height: 15px;
	line-height: 11px;
	background-image: none;
	background-color: #eeeeee;
	width: 57px;
	padding: 0px;
	border-style: solid;
	border-color: #dddddd;
}

.z-button.pt-tabla-listcell-boton:hover {
	height: 15px;
	line-height: 11px;
	background-image: none;
	background-color: #7c9cdf;
	width: 57px;
	padding: 0px;
	border-style: solid;
	border-color: #678cda;
}

.pt-tabla-header div.z-listheader-content {
	padding: 2px 2px 2px 2px;
}

.pt-tabla-citas .cita-rojo {
	background-color: #ff8080;
}

.pt-tabla-citas .cita-rojo:hover {
	background-color: #ffb3b3;
}

.pt-tabla-citas .cita-iniciada {
	background-color: #fec181;
}

.pt-tabla-citas .cita-iniciada:hover {
	background-color: #fedab3;
}

.pt-tabla-citas .cita-pendiente {
	background-color: #bfbfbf;
}

.pt-tabla-citas .cita-pendiente:hover {
	background-color: #d9d9d9;
}

.asitur-login {
	opacity: 0.3;
}

.asitur-login:hover {
	opacity: 1;
	cursor: pointer;
}

/*MENSAJERIA ENTRE OPERARIOS Y TRAMITADORES*/
.mensajes-layout > .z-vlayout-inner:first-child {
	margin-top: 20px;
}

.mensajes-layout > .z-vlayout-inner:last-child {
	margin-bottom: 20px;
}

.mensajes-div {
	margin: 6px 10px;
}

.mensajes-divTramitador {
	text-align: right;
}

.mensajes-divOperario {
	text-align: left;
}

.mensajes-divSpanTramitador,
.mensajes-divSpanOperario {
	border: 1px solid grey;
	padding: 4px 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
}

.mensajes-divSpanTramitador {
	background-color: #80ccff;
}

.mensajes-divSpanOperario {
	background-color: #f2f2f2;
}

.botonMensaje {
	margin: 20px;
	background-color: transparent !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	height: 50px !important;
	width: 50px !important;
	border: 1px solid grey;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	color: #6B6B70;
}

/*Color de la letra para información unicamente readonly*/
.z-textbox-real-readonly .z-textbox-input,
.z-decimalbox-real-readonly .z-decimalbox-input,
.z-intbox-real-readonly .z-intbox-input,
.z-longbox-real-readonly .z-longbox-input,
.z-doublebox-real-readonly .z-doublebox-input,
.z-textbox-real-readonly .z-textbox-input,
.z-decimalbox-real-readonly .z-decimalbox-input,
.z-intbox-real-readonly .z-intbox-input,
.z-longbox-real-readonly .z-longbox-input,
.z-doublebox-real-readonly .z-doublebox-input {
	color: #737373;
}

.z-textbox-readonly,
.z-textbox-text:disabled,
.z-intbox-readonly,
.z-intbox-text:disabled,
.z-longbox-readonly,
.z-longbox-text:disabled,
.z-doublebox-readonly,
.z-doublebox-text:disabled,
.z-decimalbox-readonly,
.z-decimalbox-text:disabled {
	color: #737373;
}

.z-bandbox-readonly {
	color: #737373;
}

td.z-listcell.colorRojoImportant .z-listcell-content {
	color: red !important;
}

td.z-listcell.colorRojoImportant > div.z-listcell-content > div > div > input.z-textbox > input {
	color: red !important;
}

.boton-papelera-correos {
	color: #17898d;
	padding-top: 4px;
	margin-left: 5px;
	cursor: pointer;
}

.contador-correos-seleccionados {
	font-weight: bold;
	text-alignment: left;
	margin-left: 4px;
	white-space: nowrap;
}

.coberturas {
	padding: 10px 0;
}

.coberturas > .z-hlayout {
	padding: 3px 0;
}

.cbCubiertoNoCubierto > .z-combobox-input {
	width: 100%;
}

.coberturas > .observacionesNoCobertura {
	padding: 20px 0;
}

.z-vlayout > .z-vlayout-inner > .tbObservacionesNoCobertura {
	width: 300px;
}

.contenedor_modal {
	padding: 10px;
}

.contenedor_modal .z-combobox,
.contenedor_modal .z-datebox,
.contenedor_modal .z-textbox,
.contenedor_modal .separacion {
	margin-top: 5px;
}

.contenedor_modal .z-button {
	margin-top: 4px;
}

.contenedor_modal div.columna {
	display: flex;
	flex-direction: column;
}

.contenedor_modal div.fila {
	display: flex;
	flex-direction: row;
}

.contenedor_modal div.fila * {
	margin-right: 5px;
}

.contenedor_modal div.fila *:last-child {
	margin-right: 0px;
}

.contenedor_modal div.centrado.columna {
	align-items: center;
}

.contenedor_modal div.centrado.fila {
	justify-content: center;
}

.boxsizingBorder {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.detalleNoConformidad .encuestaCalidad {
	border-style: groove;
	border-width: 1px;
	padding: 2px 5px 10px 10px;
	width: 300px;
}

.detalleNoConformidad {
	padding: 10px;
}

.detalleNoConformidad .z-hlayout,
.detalleNoConformidad .z-vlayout-inner {
	padding-top: 5px;
}

.detalleNoConformidad .z-bandbox-input {
	background: none;
	width: 220px;
	height: 20px;
	color: black;
}

.vcalope {
	width: calc(100% - 10px);
	margin: auto;
}

.vcalope .calendar-toolbar {
	padding: 4px 0px;
}

.vcalope .calendar-toolbar button {
	width: 30px;
	height: 30px;
	margin-right: 5px;
}

.vcalope .z-calendars-week {
	height: 100% !important;
}

.vcalope .z-calendars-week-header-cnt {
	padding-right: 5px;
}

.vcalope .z-calendars-week-body {
	height: 100% !important;
	margin-right: 6px;
	overflow-y: hidden;
}

/* ZK Calendar 3.x (migración ZK 9.6.6.1): el widget posiciona las citas midiendo
   .z-calendars-hour-sep -> slotHeight = offsetHeight + margin-bottom + 1. El CSS
   breeze de calendar 3.x trae 62px/hora; la geometría histórica de estas pantallas
   es 46px/hora (aplicarAlturas: 1103px ≈ 24x46, rejilla propia de 46px/fila).
   box-sizing border-box: con escalado de Windows (DPR 1.25/1.5) los bordes de 1px
   pintan fraccionados y las líneas derivaban ~0,7px/hora respecto a las etiquetas
   (ya ocurría en ZK8); con el borde DENTRO de la caja el paso es 46px exactos en
   cualquier DPR. El first-child va 1px más corto porque el "+1" de la fórmula JS
   asume que al primer sep le falta el border-top: 22 + 23 + 1 = 46 = slotHeight.
   IMPORTANTE: esta regla debe vivir AQUÍ (theme-uri, <link> del <head> que bloquea
   el arranque de ZK) y no en calendario.css: ese link se inyecta tarde y el widget
   cachea perHeight en su primer onSize (if (!this.perHeight)) con la medida antigua,
   dejando las citas desplazadas aunque la rejilla se re-ajuste después. */
.custom .z-calendars-hour-sep,
.custom2 .z-calendars-hour-sep {
	box-sizing: border-box;
	height: 23px;
	line-height: 21px;
	font-size: 21px;
	margin-bottom: 23px;
}

.custom .z-calendars-hour-sep:first-child,
.custom2 .z-calendars-hour-sep:first-child {
	height: 22px;
}

/* ===== vcalope (portal del operario) sobre calendar 3.x =====
   Se mantiene la estética nueva de calendar 3.x pero con la densidad de información
   del 2.x (decisión con Rafa, jul-2026): */

/* 46px/hora en vez de los 62px de serie: el día completo cabe en pantalla sin scroll.
   Misma técnica border-box que .custom (ver comentario de arriba): el paso queda
   exacto en cualquier DPR y el primer sep va 1px más corto por el "+1" del JS.
   Debe vivir AQUÍ (theme-uri) por el cacheo de perHeight en el primer onSize. */
.vcalope .z-calendars-hour-sep {
	box-sizing: border-box;
	height: 23px;
	line-height: 21px;
	font-size: 21px;
	margin-bottom: 23px;
}

.vcalope .z-calendars-hour-sep:first-child {
	height: 22px;
}

/* Columna del día actual sombreada (petición de negocio jul-2026: azul muy claro
   #edf8fc, más suave que el #CEECFB de la cabecera; antes amarillo estilo 2.x) */
.vcalope .z-calendars-week-day.z-calendars-week-today {
	background: #edf8fc;
}

/* Cabecera de día en una línea ("mié 15/07") y compacta, como el 2.x: el div
   .z-calendars-day-of-week-fmt es block de serie (fecha a 2ª línea con 18px).
   Colores por petición de negocio: blanco sobre gris #545457; el día actual
   negro sobre #CEECFB (mismo esquema que las pestañas de tramitación) */
.vcalope .z-calendars-day-of-week-fmt {
	display: inline;
	font-size: 12px;
}

.vcalope .z-calendars-day-of-week-cnt {
	font-size: 12px;
	text-align: center;
	width: auto;
}

.vcalope .z-calendars-day-of-week-inner {
	height: 22px;
	background: #545457;
	color: white;
	justify-content: center;
}

.vcalope .z-calendars-day-of-week-inner.z-calendars-week-today {
	background: #CEECFB;
	color: #545457;
	border-radius: 0;
}

.vcalope .z-calendars-day-header {
	height: 26px;
}

.vcalope .z-calendars-week-header:before {
	height: 26px;
}

/* Clases para listbox y grid autoajustables */
div.listbox-fill-and-overflow {
	height: 100%;
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
}

.listbox-fill-and-overflow > .z-listbox-header,
.listbox-fill-and-overflow > .z-grid-header {
	height: 33px;
}

.listbox-fill-and-overflow > .z-listbox-body,
.listbox-fill-and-overflow > .z-grid-body {
	height: calc("100% - 34px");
}

.listbox-fill-and-overflow.sin-cabecera > .z-listbox-header,
.listbox-fill-and-overflow.sin-cabecera.mobile > .z-listbox-header,
.listbox-fill-and-overflow.sin-cabecera > .z-grid-header,
.listbox-fill-and-overflow.sin-cabecera.mobile > .z-grid-header {
	height: 0px;
}

.listbox-fill-and-overflow.sin-cabecera > .z-listbox-body,
.listbox-fill-and-overflow.sin-cabecera.mobile > .z-listbox-body,
.listbox-fill-and-overflow.sin-cabecera > .z-grid-body,
.listbox-fill-and-overflow.sin-cabecera.mobile > .z-grid-body {
	height: 100%;
}
	
.listbox-fill-and-overflow.mobile > .z-listbox-header,
.listbox-fill-and-overflow.mobile > .z-grid-header {
	height: 30px;
}
.listbox-fill-and-overflow.mobile > .z-listbox-body,
.listbox-fill-and-overflow.mobile > .z-grid-body {
	height: calc("100% - 30px");
}

.listbox-fill-and-overflow .center > .z-listcell-cnt,
.listbox-fill-and-overflow .center > .z-listheader-cnt {
	text-align: center;
}
/* Fin Clases para listbox y grid autoajustables */

.min-100 > div {
	min-width: 100px;
}

.leftClassFooter div.z-listfooter-content {
	text-align:left;
}

.classFooter div.z-listfooter-content {
	text-align:right;
	padding-right:11px;
}

/* Clases para avisos (De mantenimiento y de pruebas) */
.classAviso {
	position: fixed;
	top: 10px;
	left: calc(50% - 185px);
	background-color: PapayaWhip;
	padding: 5px 5px;
	border-width: 3px;
	border-style: solid;
	border-color: #cfcfcf;
	border-radius: 5px;
	width: 370px;
	z-index: 1;
}
.classAviso.entornoPrueba {
	border-color: #6990C2;
}
.classAviso.mantenimiento {
	border-color: #AF0917;
}
.classAviso > .btnCierre {
	background-color: transparent;
	position: absolute;
	bottom: 2px;
	right: 4px;
	cursor: pointer;
}
.classAviso > .titulo {
	font-weight: bold;
	font-size: 12px;
	line-height: 9px;
}
.classAviso > span {
	font-size: 11px;
	line-height: 8px;
	display: block;
	padding: 5px 4px;
}
.classAviso.entornoPrueba > .btnCierre {
	color: #6990C2;
}
.classAviso.mantenimiento > .btnCierre {
	color: #AF0917;
}
.titulo-popup-rendimiento {
	color: #727272;
	padding-left: 1px;
	font-weight: bold;	
}
.popup-rendimiento{
	&-content{
	padding-bottom: 5px;
	}
}


/* Fin Clases para avisos */

/* Estilos notificaciones y progreso operación en paralelo */
.z-notification-info .z-notification-content {
    background: #54b2e5;
}
.z-progressmeter-image{
	background: #54b2e5;
}

.fa-map-location-dot{
	color: #2d2d30;
	cursor: pointer;
}

.fa-map-location-dot:hover{
	color: #2b6892;
}

/********************************* ESTILOS IA *********************************/

/* Botón verde con hover verde oscuro */
.z-button.btn-ia-verde {
	background: #22C35D;
	color: white;
	border: none;
	padding: 6px 12px;
	margin: 10px;
	font-weight: bold;
}

.z-button.btn-ia-verde:hover:not(.z-button-disabled) {
	background: #198F44;
}

.z-button.btn-ia-verde:active:not(.z-button-disabled) {
	background: #198F44;
	transform: translateY(2px);
}

/* Botón blanco con hover verde */
.z-button.btn-ia-blanco {
	border: none;
	font-weight: bold;
}

/* Alien de botón verde */
.z-button.btn-ia-blanco .fa-alien {
	color: #4CAF50;
	padding-right: 2%;
}

.z-button.btn-ia-blanco:hover:not(.z-button-disabled) {
	color: white;
	background: #22C35D;
}

.z-button.btn-ia-blanco:active:not(.z-button-disabled) {
	background: #198F44;
	transform: translateY(2px);
}

/* Feedback IA: limpiar wrappers ZK hlayout-inner */
.z-hlayout > .z-hlayout-inner .z-button.btn-ia-feedback,
.z-hlayout > .z-hlayout-inner .z-button.btn-ia-feedback-activo {
	vertical-align: top;
	margin: 8px;
}

/* Botón de feedback IA */
.z-button.btn-ia-feedback,
.z-button.btn-ia-feedback-activo {
	background: transparent;
	border: none;
	box-shadow: none;
	outline: none;
	color: #4CAF50;
	padding: 0;
	cursor: pointer;
	border-radius: 3px;
	min-width: unset;
	min-height: unset;
	line-height: 1;
	font-size: 0;
	width: min-content;
	margin: 2%;
}

.z-button.btn-ia-feedback i,
.z-button.btn-ia-feedback-activo i {
	font-size: 1.4rem;
	line-height: 1;
	vertical-align: top;
}


/* Hover: sin reborde, color más oscuro, icono sólido */
.z-button.btn-ia-feedback:hover:not(.z-button-disabled),
.z-button.btn-ia-feedback:focus:not(.z-button-disabled) {
	background: transparent;
	border: none;
	box-shadow: none;
	outline: none;
	color: #198F44;
}

.z-button.btn-ia-feedback:hover:not(.z-button-disabled) i,
.z-button.btn-ia-feedback:focus:not(.z-button-disabled) i {
	font-weight: 900;
}

.z-button.btn-ia-feedback:active:not(.z-button-disabled) {
	background: transparent;
	border: none;
	box-shadow: none;
	outline: none;
	color: #198F44;
}

/* Estado activo (ya seleccionado) */
.z-button.btn-ia-feedback-activo:hover,
.z-button.btn-ia-feedback-activo:focus,
.z-button.btn-ia-feedback-activo:active {
	background: transparent;
	border: none;
	box-shadow: none;
	outline: none;
	color: #198F44;
}

/* ## CONTENEDORES ##*/
.z-vlayout.contenedor-sugerencia-ia {
	border: solid 2px #22C35D;
	border-radius: 5px;
	background: #EBFAF0;
	padding: 2%;
}

.texto-ia-corregido{
	border: solid 2px #22C35D;
	border-radius: 5px;
}

/* QUITAR PROPIEDADES DE BOTÓN PARA QUE SE QUEDE ÚNICAMENTE EL ICONO  */
.z-button.btn-icon, 
.z-button.btn-icon:hover:not(.z-button-disabled),
.z-button.btn-icon:active:not(.z-button-disabled){
	all: unset;
}

/* Alien de botón verde */
div .fa-alien {
	color: #4CAF50;
}

/* TAMAÑO DE ICONO RESUMEN */
.icono-resumen {
    font-size: 25px;      /* tamaño del icono */
    cursor: pointer;
    line-height: 1px;
}
.icono-resumen:hover {
    color: #1b9849;
}
.icono-resumen:active {
	transform: translateY(2px);
}

.resumen-encargo.z-textbox-readonly {
	background: #EBFAF0 !important;
	border: solid 2px #22C35D;
	border-radius: 5px;
}

/* Feedback IA: limpiar wrappers ZK hlayout-inner */
.z-hlayout > .z-hlayout-inner .z-button.btn-ia-feedback,
.z-hlayout > .z-hlayout-inner .z-button.btn-ia-feedback-activo {
	vertical-align: top;
	margin: 8px;
}

/* Botón de feedback IA */
.z-button.btn-ia-feedback,
.z-button.btn-ia-feedback-activo {
	background: transparent;
	border: none;
	box-shadow: none;
	outline: none;
	color: #4CAF50;
	padding: 0;
	cursor: pointer;
	border-radius: 3px;
	min-width: unset;
	min-height: unset;
	line-height: 1;
	font-size: 0;
	width: min-content;
	margin: 2%;
}

.z-button.btn-ia-feedback i,
.z-button.btn-ia-feedback-activo i {
	font-size: 1.4rem;
	line-height: 1;
	vertical-align: top;
}


/* Hover: sin reborde, color más oscuro, icono sólido */
.z-button.btn-ia-feedback:hover:not(.z-button-disabled),
.z-button.btn-ia-feedback:focus:not(.z-button-disabled) {
	background: transparent;
	border: none;
	box-shadow: none;
	outline: none;
	color: #198F44;
}

.z-button.btn-ia-feedback:hover:not(.z-button-disabled) i,
.z-button.btn-ia-feedback:focus:not(.z-button-disabled) i {
	font-weight: 900;
}

.z-button.btn-ia-feedback:active:not(.z-button-disabled) {
	background: transparent;
	border: none;
	box-shadow: none;
	outline: none;
	color: #198F44;
}

/* Estado activo (ya seleccionado) */
.z-button.btn-ia-feedback-activo:hover,
.z-button.btn-ia-feedback-activo:focus,
.z-button.btn-ia-feedback-activo:active {
	background: transparent;
	border: none;
	box-shadow: none;
	outline: none;
	color: #198F44;
}

/* REPARANET-45498: bloque de intervención en la pestaña ENCARGOS (agrupado por intervención).
   La cabecera no lleva color propio; el semáforo (.semaforo-activa/.semaforo-inactiva) es el
   único indicador de si la intervención está activa. */
.intervencion-cabecera-activa,
.intervencion-cabecera-inactiva {
	width: 100%;
	margin-bottom: 0px;
}

/* REPARANET-45498: la fila de cada intervención (cabecera + su listado de encargos) no es
   seleccionable (nonselectableTags="*" en groupsForEdinburgh); tampoco debe resaltar en azul
   al pasar el ratón por encima ni si queda marcada como seleccionada. El azul de este skin
   (línea ~1208 de este mismo fichero) lo pinta el propio <tr class="z-listitem">, no el
   <td class="z-listcell"> — hay que anular el fondo ahí, no en la celda. */
tr.z-listitem.fila-grupo-intervencion:hover,
tr.z-listitem.fila-grupo-intervencion.z-listitem-selected,
tr.z-listitem.fila-grupo-intervencion.z-listitem-selected:hover {
	background: none !important;
}

/* REPARANET-45498: línea + espacio entre bloques de intervención. La línea es el borde inferior
   que el skin aplica por defecto a TODA celda de listbox (regla genérica en la línea ~1255 de
   este mismo fichero, "div.z-listbox-body .z-listcell { border-bottom: 1px solid #A5B8C7; }");
   se anula solo para la celda de esta fila, sin tocar esa regla genérica (la usan otros listbox
   de la app para separar filas). Al quitar el borde desaparece también el hueco que ocupaba. */
tr.z-listitem.fila-grupo-intervencion > td.z-listcell {
	border-bottom: none !important;
}

/* REPARANET-45522: ocultar el footer "No se encontraron resultados" del listbox de encargos anidado
   dentro de cada intervención. CustomListbox lo muestra cuando el modelo está vacío y, al estar
   anidado, no se oculta de forma fiable en el cliente al añadir el primer encargo (aparecía junto a
   la fila nueva). En esta vista agrupada ese mensaje por-intervención es ruido; se oculta siempre.
   Scope acotado a la fila de intervención para no afectar al resto de listbox de la aplicación. */
tr.z-listitem.fila-grupo-intervencion .z-listfoot {
	display: none !important;
}

/* REPARANET-45522: que el listado de encargos crezca con su contenido en vez de recortar/scrollear.
   Antes de REPARANET-44877 el listbox de encargos era de primer nivel y crecía (scrollaba la pestaña,
   no él mismo). Al anidarlo dentro del listbox de intervenciones, tanto la raíz del listbox como su
   cuerpo quedan con altura fija y recortan las filas nuevas. Forzamos altura automática y sin scroll
   propio en la raíz (.z-listbox) Y en el cuerpo (.z-listbox-body) de ambos listbox (intervenciones
   externo + encargos interno; ambos descendientes de .listado-encargos-intervenciones) para que al
   pulsar "Nuevo" la línea quepa y la pestaña scrolle si hace falta, como antes. */
.listado-encargos-intervenciones,
.listado-encargos-intervenciones .z-listbox,
.listado-encargos-intervenciones .z-listbox-body {
	height: auto !important;
	max-height: none !important;
	overflow-y: visible !important;
}

.cabecera-intervencion-row {
	width: 100%;
	padding: 4px 8px;
	font-weight: bold;
}

.semaforo-intervencion {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin-right: 6px;
	vertical-align: middle;
}

.semaforo-activa {
	background-color: #4CAF50;
}

.semaforo-inactiva {
	background-color: #B0B0B0;
}

.fecha-intervencion {
	margin-right: 10px;
	font-weight: bold;
}

.estado-intervencion {
	margin-right: 10px;
	font-weight: normal;
	text-transform: uppercase;
}

.badge-activa {
	color: #4CAF50;
	margin-right: 10px;
}

.badge-inactiva {
	color: #B0B0B0;
	margin-right: 10px;
}

.btn-activar-intervencion {
	margin-left: 10px;
}