/*
Put here your own style
*/

#ox_Genoma_SeleccionParaCalculo__editor_empresaDesde select {
  height: 120px;
}

#ox_OpenSEEP_Trabajadores__fotoTrabajador .filepond--drop-label {
	display:inline
}

.row-new A.row-new {
	color: #4e9a06;
}

.row-modified A.row-modified {
	color: #c4a000;
}

.row-deleted A.row-deleted {
	color: #a40000;
	text-decoration: overline;
}

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

div#content {
	background-color: #ffff;
}

div#cabecera {
	background-color: #efefef;
	/* background-image: url("http://www.transparenttextures.com/patterns/p6.png"); */
	/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
}

div#datosUsuario {
	background: rgba(212, 212, 212, 1) !important;
	border: 1px solid #666;
}

div#datosUsuario i {
	font-size: 25px;
}

td.textoTareas {
	height: 20px;
}

a#mostrarMenu {
	position: absolute;
	top: 105px;
	left: 5px;
	z-index: 99;
	float: left;
}

a#mostrarMenu i {
	font-size: 25px;
}

div.anuncioTablon {
	background-color: #EFEFEF;
	padding: 10px;
	border-radius: 10px;
	margin-bottom: 10px;
}

div.detalleAnuncios {
	background-color: #FFF;
	border: 2px solid #D4D4D4;
	padding: 10px;
	border-radius: 10px;
	margin-bottom: 10px;
}

.tituloTablon {
	width: 100%;
	text-align: center;
}

/* hoja de estilos para sobreescribir los estilos de Naviox y OpenSEA */
#wrapper {
	background: rgb(237, 237, 237);
}

.ox-view {
	background-color: #FFF;
	margin-bottom: 10px;
	font-size: 1em;
}

.ox-frame {
	background-color: #FFF;
}

/* secciones o pestanyas */
.ox-section {
/* 	margin: 10px -5px; */
}

.ox-section table {
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 0;
}

.ox-section td {
	
}

.ox-section-tab {
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 0px;
	border-bottom: 0px;
}

.ox-first .ox-section-tab {
	border: none;
}

.ox-active .ox-section-tab {
	border: none;
}

.ox-active-section {
	background-color: #FFF;
}

span.ox-section-tab {
	background-color: #A1A5AA;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

span.ox-section-tab:hover a, a.ox-section-link, .ox-section-tab a {
	color: #000;
	text-decoration: none;
}

span.ox-active span:hover {
	background-color: #FFF;
}

/* mensajes */
div.ox-errors, .ox-errors .ox-message-box {
	background-color: #F9C5CC;
	border: 1px solid #BA4736;
}

div.ox-infos, .ox-infos .ox-message-box {
	background-color: #C4E5FC;
	border: 1px solid #4C96C9;
	color: #005A96;
}

div.ox-messages, .ox-messages .ox-message-box {
	background-color: #E3FCCC;
	border: 1px solid #9ED36F;
	color: #4E5F3D;
}

.ox-message-box {
	padding: 10px;
	font-size: 12px;
	border-radius: 10px;
	margin: 10px !important;
}

div.ox-warnings, .ox-warnings .ox-message-box {
	background-color: #FFC;
	background-image: url(../images/messages/alert.png);
	background-position: 6px 20%;
	border: 1px solid #FC0;
	color: #6b685c;
}

/* iconos */
i {
	color: #666666;
}

/* i:hover, .ui-resizable a:hover { */
/* 	color: #0090F8; */
/* } */
i.ox-required-icon {
	font-size: 80%;
}

.ui-resizable {
	color: #666666;
}




.ox-list-header {
	background-color: #D4D4D4;
	padding: 3px;
}



.mdi-clock-start {
	color: rgb(17, 171, 17);
}

.mdi-clock-end {
	color: #ce0d0d;
}

.mdi-delete {
	color: #ce0d0d !important;
}

.mdi-email-outline {
	color: orange;
}

.ox-frame-title {
	padding-top: 5px;
	background: rgba(0, 0, 0, 0.15);
	/* For browsers that do not support gradients */
	/*     background: -webkit-linear-gradient(#FFF, #424F5A); For Safari 5.1 to 6.0 */
	/*     background: -o-linear-gradient(#FFF, #424F5A); For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.15), #A1A5AA);
	background: linear-gradient(left, #FFF, #424F5A);
	border-radius: 5px;
}

.ox-frame-content {
	padding-top: 10px;
	padding-bottom: 10px;
}

div.portlet-content {
	font-size: 12px;
}

td.ox-label {
	padding: 3px;
}

/* botones */
.ox-bottom-buttons input:nth-of-type(2):hover {
	background-color: #0000FF;
	box-shadow: 0px 1px 3px blue;
}

.ox-bottom-buttons input[id*="delete"] {
	background: #DC4A38;
	border-color: #B0281A;
	color: white;
	box-shadow: 0px 1px 3px red;
	-moz-box-shadow: 0px 1px 3px red;
	-webkit-box-shadow: 0px 1px 3px red;
}

.ox-bottom-buttons input[id*="delete"]:hover {
	background: #FF0000;
	/*     border-color: #B0281A; */
	color: white;
	box-shadow: 0px 1px 3px red;
	-moz-box-shadow: 0px 1px 3px red;
	-webkit-box-shadow: 0px 1px 3px red;
}

.mislabels {
	color: #6B6B6B;
	margin-top: 5px;
	margin-bottom: 5px;
}

.ui-dialog .ui-dialog-titlebar {
	background-color: #cbcbcc !important;
}

.mdl-badge {
	position: relative;
	white-space: nowrap;
	margin-right: 24px;
}

.mdl-badge:not([data-badge]){
	margin-right:auto;
}
.mdl-badge[data-badge]:after {
	content: attr(data-badge);
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	top: 5px;
	right: -24px;
	font-family: "Roboto", "Helvetica", "Arial", sans-serif;
	font-weight: 600;
	font-size: 12px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: #E6B012;
	color: #000;
}

.mdl-button .mdl-badge[data-badge]:after {
	top: -10px;
	right: -5px;
}

.mdl-badge.mdl-badge--no-background[data-badge]:after {
	color: rgb(255, 64, 129);
	background: rgba(255, 255, 255, 0.2);
	box-shadow: 0 0 1px gray;
}

.mdl-badge.mdl-badge--overlap {
	margin-right: 10px;
}

.mdl-badge.mdl-badge--overlap:after {
	right: -10px;
}

.mdi-check {
	color: green !important;
}

.mdi-autorenew {
	color: #C49515 !important;
}

.mdi-undo {
	color: red !important;
}

.mdi-certificate {
	color: #356DB2 !important;
}

.mdi-chevron-double-down {
	color: #356DB2 !important;
}

.mdi-pen {
	color: #356DB2 !important;
}

.mdi-file-check {
	color: #C49515 !important;
}

.mdi-block-helper {
	font-size: 1.2em !important;
}

.mdi-check-all {
	color: green !important; /* #32c515*/
}

.mdi-bookmark-check {
	color: #ff7500 !important;
}

.alertas {
	padding: 10px;
	background-color: #7CC7FF;
	margin-bottom: 15px;
	border-radius: 10px;
	margin-top: 10px;
	font-weight: bold;
	box-shadow: 2px 2px 6px #020202;
	z-index: 99;
}

#alertasContenedor {
	position: fixed;
	z-index: 99;
	margin-left: 27%;
	margin-right: 30%;
	width: 41%;
}

#cerrarAlerta {
	cursor: pointer;
	transition: 0.3s;
}

/* When moving the mouse over the close button */
.cerrarAlerta {
	color: black;
}

.ox-list-pair div, .ox-list-odd div {
	font-size: 13px;
}

.ox-message-box .mdi-close{
	color: #2a2927;
}

.ox-messages-wrapper {
    top: auto;
    left: auto;
    right: auto;
    position: relative;
    margin-top: 10px;
}

.ox-errors .ox-message-box .mdi-close{
	color: #ffffff;
}

div.ox-warnings, .ox-warnings .ox-message-box{
	background-color: #F9F930;
	color: #2a2927;
}

div.ox-messages, .ox-messages .ox-message-box{
	background-color: #C0FE88;
	border: 1px solid #9ED36F;
	color: #2a2927;
}

div.ox-errors, .ox-errors .ox-message-box {
	background-color: #ce0d0d;
	border: 1px solid #BA4736;
	color: #ffffff
}

div.ox-infos, .ox-infos .ox-message-box {
	background-color: #C4E5FC;
	border: 1px solid #4C96C9;
	color: #2a2927;
}

/* FILE POND */
.filepond--root {
	width:300px;
}

div.ox-errors .ox-message-box, div.ox-errors-wrapper tr td.ox-errors div.ox-message-box {
	color: #ffffff;
	padding-right: 10px;
}

div.ox-messages .ox-message-box {
	color: #4E5F3D;
}

tr.ox-list-odd.row-desactivada:hover {
    background: gray;
}

.row-desactivada > div {
	color: white
}

.row-desactivada {
    background: gray;
    font-weight: bold;
}

tr.row-desactivada td:nth-child(even) {
    background: dimgray;
    font-weight: bold;
}

tr.row-desactivada td:nth-child(2) { 
    background: gray; 
    font-weight: bold;
}

tr.row-desactivada:hover > td,
tr.row-desactivada:hover  td,
tr.row-desactivada:hover > td > a > div {
    background: var(--list-row-hover-background); 
    font-weight: bold;
    color:black
}

tr.row-desactivada.selected-row > td,
tr.row-desactivada.selected-row  td,
tr.row-desactivada.selected-row > td > a > div {
    background: var(--list-row-hover-background) !important; 
    font-weight: bold;
    color:black
}

tr.ox-list-odd.row-rojo:hover {
    background: lightcoral;
}

.row-rojo > div {
	color: white
}

.row-rojo {
    background: indianred;
}

tr.row-rojo td:nth-child(even) {
    background: #c93b3b;
}

tr.row-rojo td:nth-child(2) { 
    background: indianred; 
}

tr.row-rojo:hover > td,
tr.row-rojo:hover  td,
tr.row-rojo:hover > td > a > div {
    background: var(--list-row-hover-background); 
    font-weight: bold;
    color:black 
}

tr.row-rojo.selected-row > td,
tr.row-rojo.selected-row  td,
tr.row-rojo.selected-row > td > a > div {
    background: var(--list-row-hover-background) !important;  
    font-weight: bold;
    color:black
}


tr.ox-list-odd.row-verde:hover {
    background: #C0FE88;
}

.row-verde > div {
	color: black
}

.row-verde {
    background: #C0FE88;
}

tr.row-verde td:nth-child(even) {
    background: #9ED36F;
}

tr.row-verde td:nth-child(2) { 
    background: #C0FE88; 
}

tr.row-verde:hover > td,
tr.row-verde:hover  td,
tr.row-verde:hover > td > a > div {
    background: var(--list-row-hover-background); 
    font-weight: bold;
    color:black 
}

tr.row-verde.selected-row > td,
tr.row-verde.selected-row  td,
tr.row-verde.selected-row > td > a > div {
    background: var(--list-row-hover-background) !important;  
    font-weight: bold;
    color:black
}

tr.ox-list-odd.row-amarillo:hover {
    background: lightgoldenrodyellow;
}

.row-amarillo > div {
	color: black
}

.row-amarillo {
    background: lightgoldenrodyellow;
}

tr.row-amarillo td:nth-child(even) {
    background: palegoldenrod;
}

tr.row-amarillo td:nth-child(2) { 
    background: lightgoldenrodyellow; 
}

tr.row-amarillo:hover > td,
tr.row-amarillo:hover  td,
tr.row-amarillo:hover > td > a > div {
    background: var(--list-row-hover-background); 
    font-weight: bold;
    color:black 
}

tr.row-amarillo.selected-row > td,
tr.row-amarillo.selected-row  td,
tr.row-amarillo.selected-row > td > a > div {
    background: var(--list-row-hover-background) !important;  
    font-weight: bold;
    color:black
}

/* CORRIGE EL ELIMINAR COLUMNAS */
.ox-list-header .mdi-close-circle {
	position: inherit;
}

#ox_OpenSEEP_ConceptosAyudasDP__porcentajeObtenible {
	display: none;	
}

#ox_OpenSEEP_ListadoComparativaAltasBajas__view >.ox-frame >.ox-frame-title,
#ox_OpenSEEP_ListadoComparativaVariaciones__view >.ox-frame >.ox-frame-title {
	display: none;
}