:root {
    --color-corporativo: #ff2843;
    --color-corporativo-claro: #ff808c;
    --color-corporativo-muy-claro: #ffc4ca;
    --color-corporativo-rgb: rgb(255, 40, 67);
    --color-corporativo-oscuro: #ff0022;
	--color-corporativo-tranparente: rgba(255, 40, 67, 0.063);
}

/*body {font-family: 'Raleway', sans-serif;}*/
body {padding:0px; font-family: arial; font-size:9pt;}

/* botón corporativo*/
.btn-corporativo {
    --bs-btn-font-weight: 600;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--color-corporativo);
    --bs-btn-border-color: var(--color-corporativo);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--color-corporativo-oscuro);
    --bs-btn-hover-border-color: var(--color-corporativo-oscuro);
    --bs-btn-focus-shadow-rgb: var(--color-corporativo-rgb);
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: var(--color-corporativo-oscuro);
    --bs-btn-active-border-color: var(--color-corporativo-oscuro);
}

/* 1200px --- */
@media (min-width: 1200px) {
	
}

/* 992 --- 1200px */
@media (min-width: 992px) and (max-width:1199px) {
	
}

/* 768 --- 992px */
@media (min-width: 768px) and (max-width:991px) {
	
}

/* --- 768px */
@media (max-width:767px) {
	#logo {text-align: center;}
	#cerrarSesion {margin-top: 0 !important; margin-bottom: 15px;}
	#loginContainer {width: 90% !important; max-width: 350px;}
}

a {color: #000; text-decoration: none;}
a:hover {text-decoration: none; color: #999;}
li { list-style-type: none; }

.textAlignRight {text-align: right;}

.fa {opacity: .7; color: var(--color-corporativo);}
.navbar-default {background-color: #f6f6f6;}
.breadcrumb {background-color: transparent; font-size: 12pt; font-weight: 700;}
.panel-title {font-size: 11pt;}

/* login */
body.login {
	height: 100vh; min-height: 100%; background: #E6E6E6 url(../gfx/background-login.png) repeat center center fixed;
	/*-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;*/
}
#capa-login {background-color: #00000040; height: 100%;}
body.login .container, body.login .row { height: 100%; }
#loginContainer {
	width: 350px; background-color: #fff; opacity: 0.96; border-radius: 20px; box-shadow: 0 0 50px #333; text-align: center; padding: 25px; margin: auto;
	/*height: 300px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);*/
}

#logo {margin: 5px 0 10px 0;}
#logoCabecera {max-width: 100%; height: 75px;}
#cerrarSesion {display: inline-block; margin-top: 35px;}
.separadorHorizontal {border-right: 1px solid #e7e7e7; float: left; display: inline; height: 50px;}

/* */
.textAlignCenter {text-align: center;}
.paddingLeftRight15 {padding-left: 15px; padding-right: 15px;}

TD.celda {font-family: Trebuchet MS; font-size: 10pt; font-weight:bold; color:#FFFFFF;}
INPUT.campo {border:1px solid #9CBBD1; font-family: Trebuchet MS; font-size: 10pt;}
INPUT.boton {font-family: Arial; font-size: 9pt;}
INPUT {font-family: arial; font-size: 9pt;}
SELECT {font-family: Arial; font-size: 9pt;}
TEXTAREA {font-family: Arial; font-size: 9pt;}
TABLE.tablaerror {border:1px solid #6a6a6a; background-color:#F7F7F7;}
TABLE.tablaerror TD {padding:4px; font-family: Arial; font-size: 9pt; font-weight:bold; color: #FF0000;}
TD {font-family: Arial; font-size: 10pt; color:#4D4D4D;}
TD.titulo {font-family: Arial; font-size:24pt; font-weight:bold; letter-spacing:-1px; color: var(--color-corporativo);}
TD.on_gestion {font-family: Arial; font-size:8pt; height:30px; background-color:#F2F2F2;}

A.sub2:link {font-family: Arial; font-size: 9pt; text-decoration: none; color: var(--color-corporativo);}
A.sub2:visited {font-family: Arial; font-size: 9pt; text-decoration: none; color: var(--color-corporativo);}
A.sub2:hover {font-family: Arial; font-size: 9pt; text-decoration: underline; color: var(--color-corporativo);}
A.sub2:active {font-family: Arial; font-size: 9pt; text-decoration: none; color: var(--color-corporativo);}
A.arrows {font-weight: bold; font-family: Verdana; color: #F87F7F; text-decoration:none;}

/* login de acceso */
.tablaLogin {background-color: var(--color-corporativo);border:1px solid #000000;}
.tablaLogin .tdLogo {background-color: #FFFFFF;text-align: center;padding-top: 10px;padding-bottom: 10px;border-bottom: 1px solid #000000;}
.tablaLogin .tdFormLogin {padding-top: 10px;padding-bottom: 10px;}

/* Listados */
TD.cabecera {font-family: Trebuchet MS; font-size:11pt; font-weight: bold; background-color: var(--color-corporativo); color: #FFFFFF; }
TD.cabecera2 {font-family: Trebuchet MS; font-size:11pt; font-weight: bold; background-color: var(--color-corporativo-claro); color: #FFFFFF; }
TR.fila1 {background-color:#eeeeee; height:33px;}
TR.fila2 {background-color:#F9F9F9; height:33px;}
/*TR.filah {background-color:#d3d3d3; cursor: hand; cursor: pointer; height:33px;}*/
TR.fila1v {background-color:#f89595; height:33px;}
TR.fila2v {background-color:#f8b2b2; height:33px;}
TD.fila1 {background-color:#F2F2F2; padding-left: 5px; height:33px;}
TD.fila2 {background-color:#E6E6E6; padding-left: 5px; height:33px;}
/*TD.calendar {font-family: verdana; font-size: 10px; cursor: hand; cursor: pointer;}
TD.calendar1 {font-family: verdana; font-size: 10px; border:1px solid #ECECEC; cursor: hand; cursor: pointer;}
TD.calendar2 {font-family: verdana; font-size: 10px; color: #ca0000; border:1px solid #ECECEC; cursor: hand; cursor: pointer;}*/
/*TD.highlight {font-family: verdana; font-size: 10px; border:1px solid #0000ff; cursor: hand; cursor: pointer;}
TD.cvacia {background-color: white;}
TD.highlight2 {font-family: verdana; font-size: 10px; border:1px solid #0000ff; color: #ca0000; cursor: hand; cursor: pointer;}*/
TR.fila1:hover {background-color:#c6cacf !important;}
TR.fila2:hover {background-color:#c6cacf !important;}
#tablaOrdenable TR.odd, #tablaNoOrdenable TR.odd { background-color:#eeeeee; height:33px; vertical-align: middle; }
#tablaOrdenable TR.even, #tablaNoOrdenable TR.even { background-color:#F9F9F9; height:33px; vertical-align: middle; }
.table TR { border-bottom: 1px solid rgba(0, 0, 0, 0.3); }
#tablaOrdenable .sorting_1 {cursor: all-scroll;}

IMG.foto {background-color: #FFFFFF; padding:6px; border:1px solid #CCCCCC;}
/*.blanco {background-color: white; margin-top: 0px; margin-bottom: 1px; text-align:left; height:25px; border-bottom: 1px solid #cccccc;}*/

.es {width: 16px; height: 11px; background: url(../ico/es.gif) no-repeat center center;}
.en {width: 16px; height: 11px; background: url(../ico/en.gif) no-repeat center center;}

#contContenidoDocumento table {margin: auto;}
#contContenidoDocumento table td {padding: 5px;}
#contContenidoDocumento table.tablaerror td {padding: 5px;}

.posicion-label {text-align: right; align-self: center; font-weight: bold;}
/*.input-en-codigo {
	display: block;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none; 
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}*/

a.nav-link { padding: 15px; color: #000; }
.navbar { background-color: #f6f6f6; border: 1px solid #e7e7e7; margin-bottom: 20px; padding: 0px; }
/*.nav-link:focus, .nav-link:hover { color: var(--color-corporativo); }*/
.nav-link:focus, .nav-link:hover { background-color: var(--color-corporativo); color: #ffffff; }
.nav-link:focus .fa, .nav-link:hover .fa { color: #ffffff !important; }
.nav-link.active:focus .fa, .nav-link.active:hover .fa { color: var(--color-corporativo) !important; }
.dropdown-item:focus, .dropdown-item:hover { color: var(--color-corporativo); }
.dropdown-item:active, .dropdown-item.active { background-color: var(--color-corporativo); color: #ffffff; }
.dropdown-item:active .fa { color: #ffffff !important; }
.bootstrap-select .dropdown-toggle:focus { border-color: #86b7fe; outline: 0 !important; box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%); }
.bootstrap-select .dropdown-toggle:active, .bootstrap-select .dropdown-toggle:hover, .bootstrap-select .dropdown-toggle.show { background-color: #f8f9fa; }
.form-group { margin-bottom: 5px; align-items: center; }
.form-group .bootstrap-select.form-control { border: 1px solid #dee2e6; }
ul.multiselect-container { width: max-content; }
/*.boton-formulario { width: auto; }*/
.titulo-buscador { font-size:11pt; font-weight: bold; }
.img-formulario {max-width: 100%; height: 100px;}
hr { border-color: #5c5c5c; }
.separador-simple { border: 3px solid #5c5c5c; margin-top: 10px; margin-bottom: 10px; }
.separador-simple-fino { border-color: #5c5c5c; margin-top: 10px; margin-bottom: 10px; }
.contenedor-separado { border: 1px solid #ccc; margin-bottom: 30px; padding: 0px 15px; background-color: #f7f7f7;}

/*Bloques*/
#infoBloquesModal p { margin-bottom: 10px; }
.bloque-info { border: 1px solid #ccc; margin-bottom: 30px; padding: 0px 15px; background-color: #f7f7f7;}
.texto-separacion-general {background-color: #5c5c5c; text-align: center; text-transform: uppercase; padding: 5px; margin-left: -15px; margin-right: -15px; color: #ffffff;}
.texto-separacion-interna {background-color: #d3d4d3; text-align: center; text-transform: uppercase; padding: 5px; margin-left: -15px; margin-right: -15px;}
.separacion-col-bloque { border-top: 1px dashed #aaa}
.img-bloque-texto {width: 100px; max-height: 50px;}

/*añadir imagen archivo ckeditor*/
.icono-info-engadir-ia { font-size: large; opacity: 1; vertical-align: middle; }
.modal-info-engadir-ia p { margin-bottom: 10px; }
.imagen-para-seleccionar { width: 100px; padding: 2px; }
.imagen-modal { padding: 2px; }
.img-para-ckedit { width: 100%; cursor: pointer; }
.mensaje-error { padding: 20px; color: #ff0000; }
.div-archivo-modal { padding: 5px;}
.div-archivo-modal div { padding: 2px; cursor: pointer; }

/*.elemento-listado-archivo { padding: 3px;}
.archivo-en-listado { cursor: pointer; }*/

.clase-tooltip { --bs-tooltip-bg: var(--color-corporativo); }
.clase-tooltip .tooltip-inner { border: 1px solid #000000; }
.clase-tooltip.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { border-right-color: #000; }
.clase-tooltip.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { border-left-color: #000; }
.clase-tooltip.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { border-top-color: #000; }
.clase-tooltip.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { border-bottom-color: #000; }

::selection { background-color: var(--color-corporativo); color: #ffffff; }
:disabled { cursor: not-allowed; }
input:not([type="radio"]):not([type="checkbox"]):not([type="button"]):not([type="file"]):not([type="color"]):read-only { cursor: not-allowed; background-color: var(--bs-form-control-disabled-bg); }

.texto-aviso {color: #ff6600;}
.texto-error {color: #ff0000;}

/*selector multiple de archivos*/
.div-input-file { position: relative; display: inline-block; height: 200px; border: solid 1px #6c757d; border-radius: 3px; padding: 0; }
.div-input-file::before { 
	background-color: #e7e7e7;
	color: #000000;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 3px;
	content: ''; /* testo por defecto */
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.div-input-file input[type="file"] { opacity: 0; width: 100%; height: 100%;	display: inline-block; }
.div-texto-input-file {
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
}
.div-texto-input-file i { color: #000000; font-size: 85px; }
.img-nuevas-fotos {width: 100px; height: fit-content; border: solid 1px #e7e7e7; padding: 0; margin: 2px;}
/*selector multiple de archivos*/

.img-galeria { height: 50px;}
.table-modificar-orden tr, .table-modificar-orden td{border: none;}
.tabla-preguntas p {margin: 0;}

.form-control {margin-bottom: 2px;margin-top: 2px;}
.form-control::placeholder {opacity: 0.5;}
.radio-grande { padding-left: 30px; }
.radio-grande input { margin-top: 5px; }
.span-tooltip {display: inline-block;}
.fa-opaco {opacity: 1;}
.fa-inactivo {opacity: 0.5;}

a.enlace-info { color: var(--color-corporativo); margin-bottom: 3px; }
a.enlace-info:hover{ text-decoration: underline; }
.icono-info { font-size: large; opacity: 1; vertical-align: middle; }

#infoMetasModal h5 { font-weight: bold; }

#div-selector { border: 1px solid #ccc; margin: 30px 0; padding: 0 15px; background-color: #f7f7f7; }

/*iconos comentarios*/
#iconoSeleccionado { padding: 10px;}
.icono-seleccionado { padding: 10px; font-size: 50px; display: inline-block;}

/*comentarios productos*/
.estrella {color: #a1a1a1; display: inline-block; -webkit-text-stroke: 0.5px black;}
.estrella-brillante {color: #ffc400 !important;}

/* banderas en listados */
.bandera-listado {width: 25px; border: var(--bs-border-width) var(--bs-border-style) var(--bs-light-border-subtle);}
.bandera-listado-nt {opacity: 0.2;}

.icono-ver-pass{ width: 50px; justify-content: center; margin-bottom: 2px; margin-top: 2px;}

/* botones subir bajar */
#btn-bajar { position: fixed; top: 50%; right: 20px; display: block; z-index: 10;}
#btn-subir { position: fixed; bottom: 50%; right: 20px; display: block; z-index: 10;}

/**********************************************************************************************************************/
.color-rosa {background-color: #f5bdbd !important;}
.btn.color-rosa:hover, .color-rosa:hover td {background-color: #fa9999 !important;}

.color-amarillo {background-color: #f3eead !important;}
.btn.color-amarillo:hover, .color-amarillo:hover td {background-color: #f3ea71 !important;}

.color-azul {background-color: #c1e3e5 !important;}
.btn.color-azul:hover, .color-azul:hover td {background-color: #89e6ec !important;}

.color-verde {background-color: #b7e7ad !important;}
.btn.color-verde:hover, .color-verde:hover td {background-color: #8de77a !important;}

.color-violeta {background-color: #cfbdf5 !important;}
.btn.color-violeta:hover, .color-violeta:hover td {background-color: #8a70c4 !important;}

.color-naranja {background-color: #ffbe88 !important;}
.btn.color-naranja:hover, .color-naranja:hover td {background-color: #ff9946 !important;}

.color-gris {background-color: #c9c9c9 !important;}
.btn.color-gris:hover, .color-gris:hover td {background-color: #979797 !important;}

.color-marron {background-color: #daa775 !important;}
.btn.color-marron:hover, .color-marron:hover td {background-color: #946434 !important;}

.icono-error {cursor: pointer; color: #ff0000; font-size: 1rem;}
.div-error {position: absolute; top: 0px; left: -250px; width: 250px; border: 1px solid #ff0000; background-color: #FFFFFF;}
.total-horas{font-size: 1.5rem; font-weight: bold;}
.extra-total-horas{font-size: 1.2rem; font-weight: bold;}

.tabla-fichajes {
	width: 99%;
}
.tabla-fichajes tr:nth-of-type(odd) {background-color: #f1f0ee !important;}
.tabla-fichajes tr:nth-of-type(even) {background-color: #f0ece4 !important;}

.div-bu {padding: 0 15px 0 0;}
.btn-bu {color: #ffffff; padding: 6px 4px;}
.btn-bu i{color: #ffffff;}

/**********************************************************************************************************************/
.div-botones-fichaje {	
	padding: 10px;
	padding-bottom: 50px;
	margin-bottom: 20px;
	border-bottom: 1px solid #cccccc;
}
.btn-fichaje {
	min-width: 50%;
	font-size: 2rem;
	font-weight: bold;
	color: #ffffff;
	-webkit-text-stroke: 1px #000000;
	box-shadow: 0 0 4px rgba(0,0,0,0.8);
	margin: 10px 0px;
	z-index: 1;
}
#TR_bloque_botones_fichaje .btn-fichaje {
	min-width: 75%;
	font-size: 3rem;
}
.div-botones-entrada, .div-botones-salida {position: relative;}
.div-botones-entrada::before { content: "\f2f6"; }
.div-botones-salida::before { content: "\f2f5"; }
.div-botones-entrada::before, .div-botones-salida::before {
	font-family: "Font Awesome 6 Free";
	font-style: normal;
	font-weight: 900;
	text-decoration: inherit;
	position: absolute;
	font-size: 40px;
	color: #ffffff;
	opacity: 0.5;
}

#nombreUsuario {display: inline-block; /*margin-top: 35px;*/ font-size: 1.3rem;}
.oculto {background-color: #ffffff; color: #ffffff; opacity: 0;}
.btn-check:checked+.btn { border-width: 3px;}

.clase-flecha { font-size: 50px; padding: 0px 10px;}

#codigo { color: #ffffff; }
.negrita {font-weight: bold;}

/*Calendario*/
.calendario {font-size: 1em;}
.calendario-mes { width: 300px; text-align: center; font-weight: bold; font-size: 1.5em;}
.calendario-celda { font-size: 1em; height: 100px; width: 150px; text-align: center; align-items: center; display: grid; padding: 20px; margin: 2px; background-color: #f0f8ff; border: 1px solid #f0f8ff;}
.dia-semana { font-weight: bold; height: 30px; background-color: var(--color-corporativo); padding: 2px; color:#ffffff;}
.celda-dia { border: 1px solid #555555; font-size: 1.5em; }
.celda-dia div { height: 100%; align-items: center; display: grid; }
.dia-festivo { color: #ff0000; cursor: help;}
.vacaciones { font-weight: bold; cursor: pointer; }
.evento {border: 1px solid var(--color-corporativo); border-radius: 50%; font-weight: bold; cursor: pointer; }
.hoy {background-color: var(--color-corporativo-tranparente); border-radius: 50%; font-weight: bold; }
.dia-seleccionado { background-color: #e0e0e0; font-size: 2em; }
.card-eventos { max-width: 90%;}
.card-eventos ul {padding-left: 15px;}
.card-eventos li { font-size: 1em; list-style: square !important;}
.card-eventos h6, .card-eventos .h6 { font-weight: bold; }
.sin-validar {border: 1px dotted red;}
/*******/
#calendario-anual .calendario-dias .calendario-celda {padding: 2px; height: auto;}
.calendario-ano { width: 300px; text-align: center; font-weight: bold; font-size: 2em;}
.card-eventos-anuales { width: 90%; }
#calendario-anual .vacaciones, #calendario-anual .evento {cursor: default;}
#calendario-anual .dia-festivo .vacaciones, #calendario-anual .dia-festivo .evento{ cursor: help;}
/*********************************/
/*selector fechas*/
.calendario-selector .calendario {font-size: .9em;}
.calendario-selector .calendario-mes { width: 140px; text-align: center; }
.calendario-selector .calendario-celda { font-size: .9em; height: 30px; width: 30px; text-align: center; align-items: center; display: grid; padding: 2px; margin: 2px;}
.dia-no-seleccionable {cursor: default; color: var(--color-corporativo-claro);}
.dia-seleccionable {cursor: pointer;}
.dias-intermedios { background-color: var(--color-corporativo-muy-claro); border-radius: 50%; font-weight: bold;}
.dia-inicio, .dia-fin {background-color: var(--color-corporativo); border-radius: 50%; color: #ffffff; font-weight: bold;}
.ancho-total {width: 100%;}
.dias-posibles:hover {background-color: var(--color-corporativo-muy-claro);}
.dias-posibles-resaltados {background-color: var(--color-corporativo-muy-claro);}
.hoy-selector {border: 1px solid var(--color-corporativo-oscuro); border-radius: 50%; font-weight: bold; }
.celda-bloqueada {cursor: default;}
/**********************************************************************************************************************/
@media (max-width:576px) {
	.clase-flecha { font-size: 30px;}
}
@media (max-width:767px) {
	.posicion-label {text-align: left;}
}

@media (max-width:991px) {
	.separadorHorizontal {display: none;}
}