@import 'light.css';

:root {
	
 --color-fondo-iconos: #3777D7;
 --color-fondo-iconos-hover: #06C;
 --color-base: #E6B012;
 --color-hover: #191919;
 
 --required-editor-border: #56b4ef;
 --list-row-action-hover-color: var(--color-hover);
 --action-hover-color: var(--color-fondo-iconos-hover);
 --section-background: white; 
 --action-color: #5755D2;
 --color-menu-hover: #AAA;
 --highlight-bar-action-hover-background: var(--color-fondo-iconos-hover);
 --reference-search-icon-background: var(--color-fondo-iconos);
 --highlight-bar-action-background: var(--color-fondo-iconos);
 --list-header-arrows-color: black;
 --list-row-action-color:  var(--my-gray);
 --button-bar-button-color: var(--my-gray);
 --section-hover-background:  var(--color-seccion-hover);
 --color-seccion-hover: var(--color-base);
 --color-submenu-hover: var(--color-base);
 --color-pagina-seleccionada: var(--color-base);
}



* {
	margin: 0;
	padding: 0;
}

/* Distribucion */
#principal {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: auto;
}

#cabecera {
	min-height: 120px;
	background-color: #EFEFEF;
	/* 	border-bottom: 2px solid #AAA; */
}

#cabecera h1 {
	color: #000;
	text-shadow: 3px 2px #CCC;
}

#cabecera-escudo{
	max-height: 95px;
	margin-left: 3px;
	display: inline-block;
}

.escudo {
	margin-left: -1px;
	height: 85px;
}

#menu {
	position: absolute;
	left: 0;
	width: 260px;
	height: 100%;
	display: block;
}

div#contenedor {
	position: relative;
	left: 0;
	right: 0;
}

#contenido {
	position: absolute;
	right: 0;
	left: 260px;
	/* 	bottom: 0; */
	/* 	border-left: 2px solid #AAA; */
	min-height: 100%;
}

#pie {
	visibility: hidden;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	font-size: 1.1em;
	line-height: 20px;
}

#contenido-footer{
	border-top: 10px solid;
	border-color: var(--color-base);
	background-color: white;
	text-align: center;
	padding-bottom: 5px;
}

#contenido-footer div{
	padding-top: 5px;
}
.icono-footer{
	font-size: initial !important;
	padding-left: 10px;
	padding-right: 3px;
}


/* Menu */
div#tareasPendientes {
	text-align: left;
	background-color: #CECECE;
	margin-bottom: 10px;
	font-size: 1.2em;
	color: rgb(0, 0, 0);
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}

.cabecera{
	margin-right: 0px;
}

.texto-escudo{
	font-size: 27px;
	padding: 10px;
	color: #000;	
	font-weight: bold;
}
.datosUsuario {
	font-size: 1.1em;
	color: #000;
	position: initial;
}

label{
	font-weight: inherit;
}

.datosUsuario b {
	color: rgb(173, 41, 54);
}
.datosUsuario i{
	font-size: 25px;
}

.contenedor-datosUsuario {
	border-radius: 5px;
	background: rgba(212, 212, 212, 1);
	border: 1px solid #666;
	margin: 10px;
	padding: 10px;
	right: 25px;
}

ul.ulMenu {
	left: 0;
	right: 0;
	margin: 0;
	overflow: hidden;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}

#divMenuE{
	
    margin-bottom: 10px;
}

.liMenuGeneral {
	width: 100%;
	list-style: none;
	line-height: 20px;
	padding: 0;
	margin: 0;
	padding: 5px 0;
	background-color: #D3DADD;
	border-bottom: 1px solid #AAA;
}

ul.ulMenu li:last-child {
	border-bottom: none;
}

ul.ulMenu a {
	text-decoration: none;
	font-size: 1.2em;
	display: block;
	width: 100%;
	margin-left: 10px;
	color: #000;
}

ul.ulSubmenu {
	margin: 0;
	display: none;
}

.liSubMenuGeneral {
	width: 100%;
	list-style: none;
	line-height: 20px;
	padding: 0;
	margin: 0;
	padding: 5px 0;
	background-color: #EEE;
	padding-left: 10px;
	border-bottom: 1px solid #AAA;
}

ul.ulMenu>li:hover {
	background-color: var(--color-menu-hover);
}

ul.ulMenu li:hover a {
	color: #000;
}

ul.ulSubmenu>li:hover {
	background-color: var(--color-submenu-hover);
}

ul.ulSubmenu>li:hover a {
	color: #000;
}

.linkMenu-seleccionado {
	width: 100%;
	list-style: none;
	line-height: 20px;
	padding: 0;
	margin: 0;
	padding: 5px 0;
	border-bottom: 1px solid #AAA;
	background-color: var(--color-pagina-seleccionada);
}

.li-seleccionado {
	background-color: var(--color-pagina-seleccionada);
}

span.mas img {
	max-height: 15px;
	position: absolute;
	right: 10px;
	padding-top: 2px;
}

/* Firmardocumento */
.tablaPrincipal {
	position: absolute;
	left: 1%;
	width: 98%;
	margin-top: 5px;
}

#tablaFirma {
	margin: 0 auto;
}

#botonesFirma {
	width: 200px;
	margin: 0 auto;
}

/* Estilos modificados de OX */
/*
div.portlet {
	border: none;
}
input[type=button] {
	// 	height: 40px; 
	// 	width: 150px; 
	font-size: 1.2em;
}

*/
.xava_loading {
	padding: 20px;
	border: medium none;
	background: #F2C62D none repeat scroll 0% 0%;
	border-radius: 7px;
	font-weight: bold;
	box-shadow: 10px 10px 10px black;
	display: none;
	z-index: 9999999;
	position: fixed;
	top: 25%;
	left: 45%;
	font-size: large;
}

.mislabels {
	font-weight: bold;
	font-size: 10pt;
}

.linkMenuNumeros {
	color: black;
	text-decoration: none;
	font-family: 'Helvetica', Arial, sans-serif;
	font-size: 14px;
	text-shadow: 1px 1px 1px #AAAAAA;
}

.linkMenuNumeros:HOVER {
	text-decoration: none;
	/* 	padding: 3px 10px; */
	color: #0F507F;
}

span.num-tareas {
	font-size: 1.1em;
	color: red;
}

.tabla-tareas {
	border-collapse: separate;
	padding: 0;
	margin: 0;
	border-spacing: 0px 15px;
}

.tabla-tareas a {
	margin-left: 5px;
}

td.textoTareas {
	background-color: var(--color-base);
	color: #000;
	font-weight: bold;
	font-size: medium;
	position: absolute;
	top: 5px;
	width: 100%;
	padding-bottom: 2px;
	padding-top: 2px;
	border-top-right-radius: 15px;
	position: absolute;
	text-align: center;
}

.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.2;
	filter: alpha(opacity = 20);
}

.ie6 .ui-widget-overlay {
	position: absolute;
}

.botonFirmar {
	background: #3777D7 none repeat scroll 0% 0%;
	border-color: #096EB3;
	color: #FFF;
	box-shadow: 0px 1px 3px #00F;
}

.lineaSeparadora {
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

/* Para ocultar los botones de cerrar frame */
#ox_OpenSEA_RegistroTelematico__frame_group_DatosDeNotificacionhide {
	display: none;
}

#ox_OpenSEA_RegistroTelematico__frame_group_DatosDelSolicitantehide {
	display: none;
}

#ox_OpenSEA_RegistroTelematico__frame_asuntohide {
	display: none;
}

#ox_OpenSEA_RegistroTelematico__frame_observacioneshide {
	display: none;
}

#ox_OpenSEA_RegistroTelematico__frame_documentoshide {
	display: none;
}

#ox_OpenSEA_CertificadoEmpadronamiento__frame_group_DatosDelSolicitantehide
	{
	display: none;
}

/* Para ocultar los botones de modificar elementos en una colecion */
#ox_OpenSEA_RegistroTelematico__customize_documentos {
	display: none;
}

/* ---------- Tablon de anuncios ---------- */
.divTablonAnuncios {
	/* 	border: 2px solid #ddd; */
	min-width: 500px;
	padding-bottom: 1em;
	padding-right: 1em;
	padding-left: 1em;
	border-radius: 15px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	margin-left: 25px;
	margin-right: 25px;
}

.colorBase {
	color: var(--color-base);
}

.tituloTablon {
	color: #000000;
	font-size: 14pt;
	padding-right: 2px;
	margin-top: 15px;
}

.tabTituloTablon {
	/* 	border: 2px solid #ddd; */
	background: #fff;
	top: -1em;
	color: #AAAAAA;
	font-size: 16pt;
	border-radius: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
}

.tabTituloTablon tr {
	padding: 0px;
}

#anuncios {
	width: 100%;
}

#anuncios tr {
	padding: 20px;
	font-size: 12pt;
}

.asuntoAnuncio {
	font-size: 16pt;
	color: #045C93;
}

.asuntoAnuncioLink {
	font-size: 16pt;
	color: #045C93;
}

.asuntoAnuncioLink:hover {
	text-shadow: 2px 2px 2px #D3D3D3;
	text-decoration: underline;
}

.fechaAnuncio {
	font-size: 10pt;
	font-weight: bold;
}

.ajustar {
	width: 100%;
	/* 	float: left; */
	white-space: pre;
	white-space: pre-wrap;
	white-space: pre-line;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -hp-pre-wrap;
	word-wrap: break-word;
	font-size: 10pt;
	height: 60px;
	max-height: 60px;
}

.ajustar p {
	margin-top: -15px;
	margin-bottom: -15px;
}

#adjuntos {
	padding: 10px;
	border-radius: 15px;
}

#adjuntos a {
	color: #369;
	text-decoration: underline;
}

#adjuntos a:link, a:visited {
	color: (internal value);
	text-decoration: none;
}

#adjuntos a:hover {
	text-shadow: 2px 2px 2px #D6D6D6;
}

#adjuntos th {
	padding: 5px;
	text-align: center;
	border: solid white;
}

#adjuntos tr {
	font-size: 12pt;
}

#adjuntos td {
	padding: 15px;
}

#adjuntos thead {
	background-color: #EEEEEE;
}

#divAnuncios {
	overflow-y: auto;
	font-size: 12pt;
	padding-right: 10px;
	padding-left: 10px;
	height: 670px;
}

/* ---------- FIN Tablon de anuncios ---------- */
.enlaceBotonCampoReemplazo {
	background: #F5F5F5;
	border: 1px solid #C6C6C6;
	padding: 8px;
	margin-right: 4px;
	color: #6F6F6F;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
	box-shadow: 0px 1px 2px #CCCCCC;
	-moz-box-shadow: 0px 1px 2px #CCCCCC;
	-webkit-box-shadow: 0px 1px 2px #CCCCCC;
}

.enlaceBotonCampoReemplazo:link, .enlaceBotonCampoReemplazo:visited {
	text-decoration: none;
}

.enlaceBotonCampoReemplazo:hover {
	background: #D4D4D4;
	text-decoration: none;
}

/* ---------- Modificaciones parte publica ---------- */
#ox_OpenSEA_SolicitudGeneral__frame_group_DatosDelSolicitantehide {
	display: none;
}

#ox_OpenSEA_SolicitudGeneral__frame_group_DatosDeNotificacionhide {
	display: none;
}

#ox_OpenSEA_SolicitudGeneral__frame_exponehide {
	display: none;
}

#ox_OpenSEA_SolicitudGeneral__frame_solicitahide {
	display: none;
}

#ox_OpenSEA_SolicitudGeneral__frame_documentosAdjuntoshide {
	display: none;
}

#ox_OpenSEA_SolicitudGeneral__frame_group_EnRepresentacionDehide {
	display: none;
}

#ox_OpenSEA_MisTramites__frame_group_ConsultaDeExpedienteshide {
	display: none;
}

#ox_OpenSEA_MisTramites__frame_resultadoBusquedahide {
	display: none;
}

.finProcedimiento {
	width: 50%;
	margin-left: 25%;
	height: 300px;
	background-color: #e5e5e5;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.row-red {
	font-weight: bold;
	color: red !important;
}

.row-green {
	font-weight: bold;
	color: #3eb93e !important;
}

.row-orange {
	font-weight: bold;
	color: #ed6400 !important;
}

.row-orange-ligth {
	font-weight: bsolicitud-confirmadoold;
	color: orange !important;
}

.firmante-actual td {
	background-color: #EAC96E !important;
}

.facturas-no-validadas {
	color: red;
}

/* Para quitar los botones de detalle y lista */
#ox_OpenSEA_NotificacionTelematica__button_bar {
	display: none;
}

#ox_OpenSEA_NotificacionTelematica__List___hideRows {
	display: none;
}

#ox_OpenSEA_NotificacionTelematica__list th {
	height: 25px;
}

#ox_OpenSEA_NotificacionTelematica__list_col0 {
	width: 600px;
}

#ox_OpenSEA_NotificacionTelematica__customize_adjuntos {
	display: none;
}

#ox_OpenSEA_NotificacionTelematica__list_col1 {
	width: 110px;
}

#ox_OpenSEA_NotificacionTelematica__list_col2 {
	width: 110px;
}

#ox_OpenSEA_NotificacionTelematica__list_col3 {
	width: 120px;
}

#ox_OpenSEA_NotificacionTelematica__list tr td:nth-child(2) {
	display: none;
}

#ox_OpenSEA_NotificacionTelematica__list tr th:nth-child(2) {
	display: none;
}

#ox_OpenSEA_NotificacionTelematica__adjuntos tr th:nth-child(2) {
	display: none;
}

#ox_OpenSEA_NotificacionTelematica__adjuntos tr td:nth-child(2) {
	display: none;
}

#ox_OpenSEA_NotificacionTelematica__texto {
	background-color: white;
	color: black;
}

#ox_OpenSEA_NotificacionTelematica__frame_adjuntosheader {
	margin-left: 10px;
}

#ox_OpenSEA_NotificacionTelematica__frame_adjuntoshide a {
	display: none;
}

#ox_OpenSEA_NotificacionTelematica__frame_textohide {
	display: none;
}

#ox_OpenSEA_NotificacionTelematica__view {
	font-size: 10pt;
}

#ox_OpenSEA_ExpedientesRecibidos__customize_list {
	display: none;
}

#ox_OpenSEA_ExpedientesRecibidos__List___hideRows {
	display: none;
}

#ox_OpenSEA_ExpedientesRecibidos__customize_otrosInteresados {
	display: none;
}

#ox_OpenSEA_ExpedientesRecibidos__customize_documentos {
	display: none;
}

#ox_OpenSEA_ExpedientesRecibidos__customize_fases {
	display: none;
}

#ox_OpenSEA_ExpedientesRecibidos__customize_documentosNecesarios {
	display: none;
}

#ox_OpenSEA_ExpedientesRecibidos__customize_intervinientes {
	display: none;
}

#ox_OpenSEA_ExpedientesRecibidos__customize_tareas {
	display: none;
}

#ox_OpenSEA_ExpedientesRecibidos__customize_documentoPortafirmas___incidenciasCalculadas
	{
	display: none;
}

#ox_OpenSEA_ExpedientesRecibidos__customize_documentoPortafirmas___intervinientes
	{
	display: none;
}

#ox_OpenSEA_ExpedientesRecibidos__customize_documentoPortafirmas___interesados
	{
	display: none;
}

#ox_OpenSEA_ExpedientesRecibidos__customize_documentoPortafirmas___adjuntarDocumento
	{
	display: none;
}

#ox_OpenSEA_ExpedientesRecibidos__frame_documentoPortafirmashide {
	display: none;
}

#ox_OpenSEA_ExpedientesRecibidos__frame_group_documentoPortafirmas___DatosDelDocumentohide
	{
	display: none;
}

#ox_OpenSEA_ExpedientesRecibidos__frame_asuntohide {
	display: none;
}

#ox_OpenSEA_ExpedientesRecibidos__frame_otrosInteresadoshide {
	display: none;
}

#ox_OpenSEA_ExpedientesRecibidos__frame_documentohide {
	display: none;
}

#ox_OpenSEA_ExpedientesRecibidos__frame_documentoshide {
	display: none;
}

#ox_OpenSEA_ExpedientesRecibidos__frame_group_InformacionIncidenciahide
	{
	display: none;
}

#ox_OpenSEA_ExpedientesRecibidos__frame_observaciones2hide {
	display: none;
}

#ox_OpenSEA_ExpedientesRecibidos__frame_resolucionhide {
	display: none;
}

div[id*='Factura'] table[id*='s_table'] {
	table-layout: fixed;
	animation: fade 8s linear;
}

div[id*='Factura'] table[id*='s_table'] td {
	padding-left: 20px;
}

div[id*='Factura'] div#ox_OpenSEA_FacturasEnTramitacion__errors div {
	position: fixed;
	width: 400px;
	bottom: 170px;
	right: 50px;
	opacity: 0.3;
	animation: fade 10s linear;
}

div[id*='Factura'] div > table[id*='s_table']{
	position: fixed;
	width: 400px;
	bottom: 50px;
	right: 50px;
	opacity: 0.1;
    animation: fade 10s linear;
}

div[id*='Factura'] div:hover > table[id*='s_table']{
	opacity: 1;
	position: fixed;
	bottom: 50px;
	right: 50px;
}

@keyframes fade {
  0% { opacity: 0}
  3% { opacity: 1 }
  97% { opacity: 1 }
  100% { opacity: 0 }
}

@keyframes move {
  0% { position: fixed; bottom: 50px; right: -370px;}
  5% { position: fixed; bottom: 50px; right: 50px;}
  95% { position: fixed; bottom: 50px; right: 50px; }
  100% { position: fixed; bottom: 50px; right: -370px; }
}

div#ox_OpenSEA_RegistroFacturas__messages{
/* 	padding-left: 20px; */
}

div#ox_OpenSEA_NotificacionTelematica__view > table td[class*='ox-list-title'] {
	display: none;
}

#ox_OpenSEA_DocumentosRecibidos__customize_expedientes{
	display: none;
}

.banderita {
	float: right;
	padding: 9px;
	margin-right: 20px;
}

.banderita img {
	margin-left: 10px !important;
	cursor: pointer;
}

#ox_OpenSEA_SubirDocumento__property_actions_actuacion {
	display: none;
}

.logOut{
	display: flex;
	justify-content: flex-end;
}

.ox-layout-aligned-cell .ox-editor-wrapper {
	display: inline-block;
}

.icono-menu {
	font-size: 25px !important;
    color: black;
}

.cabecera-titulo {
	display: inline-block;
	width: 100%;
}

.cabecera-menu {
	background: var(--color-base) !important;
}

[contentEditable=true]:empty:not(:focus):before{
    content:attr(data-text)
}

.ox-required-editor input {
    border-left-color: #56b4ef !important;
    border-left-width: 4px !important;
}

.ox-section-tab, input[type="button"] {
	text-transform: none;
}

.ox-list-formats{
	float: none !important;
}

i:hover, .ox-icon i.mdi-plus:hover, .ox-icon i.mdi-close-circle:hover, .ox-list-header a:hover, .ox-list-header a:hover i, .ox-image-link:hover i, .ox-page-navigation:hover, .ox-customize-controls .mdi-sort-numeric:hover, .ox-customize-controls a:hover .mdi-sort-numeric, .ox-customize-controls .mdi-sort-alphabetical:hover, .ox-customize-controls a:hover .mdi-sort-alphabetical, .ox-customize-controls .mdi-filter:hover, .ox-customize-controls .mdi-filter-remove:hover, .ox-charts .ox-element-collection .ox-image-link:hover i {
    color: none;
}

.ox-list-title select {
    margin-left: 10px;
}

span.ox-section-tab:hover {
    background-color: var(--color-seccion-hover);
}
.ox-image-link:hover{
	background: none;
}

.ox-collection-list-actions .ox-button-bar-button i, i{

	color: var(--my-gray);
}

 .ox-collection-list-actions > span:nth-of-type(1) a, .ox-collection-list-actions > span:nth-of-type(1) i{

	color: var(--my-gray);
	background: none;
}

.ox-collection-list-actions span:nth-of-type(1) a:hover i, .ox-collection-list-actions span:nth-of-type(1) a:hover {
    color: var(--color-hover);
    background: none;
}

.ox-errors-wrapper {
    left: auto;
}

.ox-error-editor input, .ox-error-editor textarea .ox-error-editor select {
    
    border-left-color: var(--error-editor-border) !important;
    border-color: var(--error-editor-border) !important;
}

.ox-list-title a {
    font-size: 13px;
}

div#wrapper{
	margin-bottom: 70px !important;
}
.liDivBotonMenuSeleccionado {
	padding: 0px;
	margin:0px;
	color: inherit;
}

.liDivBotonMenu {
	padding: 0px;
	margin:0px;
	color: inherit;
}

input[type="button"].boton-menu, input[type="button"].boton-menu-seleccionado {
	margin-bottom:0px;
	width: 100%;
	padding: 5px;
	font-size: medium;
	color: inherit;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

input[type="button"].boton-menu {
	text-decoration: underline;
	opacity: 0.6;
}

input[type="button"].boton-menu-seleccionado {
	text-decoration: none;
	font-size: x-large;	
}


input[type="button"].boton-menu-seleccionado:hover {
	background: inherit;
	color: inherit;
}

#ox_PortalEmpleado_MisDatosPersonales__view .ox-label, #ox_PortalEmpleado_MisDatosPersonalesConVacas__view .ox-label {
	vertical-align: inherit;
	font-weight: bold;
}

#ox_PortalEmpleado_MisDatosPersonales__view .ox-editor-wrapper, #ox_PortalEmpleado_MisDatosPersonalesConVacas__view .ox-label { 
	padding: 1px 12px 5px 5px;
	font-style: italic;
}

#tabla-tareas {
	position:relative;	
}

#divMenuLast{
	
    margin-bottom: 75px;
}