/*
*
* ORDEN:
* 1. General
*		- De todo
*		- Estilos Enlaces
*		- Selects, Inputs, Divs, Imágenes
*		- Checkboxes
*		- Botones
* 2. Header
* 3. Footer
* 4. Plantilla login
* 5. Plantilla cambio contraseña y cerrar sesión
* X. Plantilla Home
* X. Plantillas Administracion
* X. Licencias y Cuentasparticipe (Titulares)
* X. Media Queries
*/

/****************************************************************************************************/
/* 1. GENERAL
/****************************************************************************************************/
html, 
body {
	height:100%;
	font-family:'Open Sans', sans-serif;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
.container {
	max-width:100%;
	min-width:100%;
	min-height:100%;
    position:relative;
	padding:0px;
	
	background-image:url(../images/fondo_personas.png);
	background-position:right bottom;
	background-repeat:no-repeat;
}

.deshabilitar_celda {
	background-image:url(../images/x.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:100% 100%;;
	filter:Alpha(Opacity=60);
	opacity:0.6;
}
.ausencia_celda {
	background-image:url(../images/x_roja.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:100% 100%;;
	filter:Alpha(Opacity=60);
	opacity:0.6;
}

.output {
	position:absolute;
	padding:5px;
	width:150px;
	height:40px;
	text-align:center;
	border:1px solid #d9d9d9;
	background-color: #33c81b;	
	visibility:hidden;
}
#draw-canvas {
	border: 2px dotted #CCCCCC;
	border-radius: 5px;
	cursor: crosshair;
	margin:10px;
}
#draw-image {
	border: 2px solid #CCCCCC;
	border-radius: 5px;
	margin:10px;
}
.nav-link {
	padding: 0.3rem 0.25rem;
	font-size: 0.95rem;
}
.nav-tabs .nav-link, .nav-tabs .nav-link:focus {
    border-color: #C8C9D7 #C8C9D7 #C8C9D7;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #C8C9D7 #C8C9D7 #C8C9D7;
}
.nav-tabs {
  border-bottom: 1px solid #C8C9D7;
}
.nav {
	padding-right: 10px;
}
.soloweb {
	display:block;
}
.solomovil {
	display:none;
}
.cuerpo {
	padding-top:20px;
	padding-bottom:100px;
}
.nombre_columnas {
	position:absolute;
	left:0;top:30px;
	z-index:1100;
	display:none;
}
.padding_min {
	padding:2px;
}
.titulo-pagina {
	padding: 0px;
}
.titulo-pagina h1 {
	margin: 0px 0px 20px 0px;
	padding-bottom: 10px;
	text-align: center;
	border-bottom: 1px solid #ccc;
}
.lupa2 {
    padding:3px 25px 3px 5px;
    background:url(../images/lupa.png);
    background-position:right center;
    background-repeat:no-repeat;
    background-size:18px auto;
}
.icono {
	clear:both;
	float:left;
    padding:3px 5px 3px 28px;
}
.icono_location {
	background:url(../images/ic-location.png);
    background-position:left center;
    background-repeat:no-repeat;
    background-size:18px auto;
}
.icono_contrato {
	background:url(../images/ic-contrato.png);
    background-position:left center;
    background-repeat:no-repeat;
    background-size:18px auto;
}
.icono_jornada {
	background:url(../images/ic-jornada.png);
    background-position:left center;
    background-repeat:no-repeat;
    background-size:20px auto;
}
.icono_sector {
	background:url(../images/ic-sector.png);
    background-position:left center;
    background-repeat:no-repeat;
    background-size:20px auto;
}
.icono_vacantes {
	background:url(../images/ic-vacantes.png);
    background-position:left center;
    background-repeat:no-repeat;
    background-size:20px auto;
}
.fondo_azul_form {
	background-color:#3c8dd5;
}
.fondo_azul_form:hover {
	background-color:#88b9e6;
}
.fondo_azul_oscuro_form {
	background-color:#1b4d7a;
}
.fondo_azul_oscuro_form:hover {
	background-color:#0d263e;
}
.fondo_rojo_form {
	background-color:#800000;
}
.fondo_rojo_form:hover {
	background-color:#ae0000;
}
.fondo_naranja_form {
	background-color:#d15410;
}
.fondo_naranja_form:hover {
	background-color:#f07837;
}
.fondo_rojo {
	background-color:#ae0000;
}
.fondo_verde {
	background-color:#008040;
}
.fondo_amarillo_oscuro {
	background-color:#aab304;
}
.fondo_amarillo_oscuro2 {
	background-color:#e8d000;
}
.fondo_fusia {
	background-color:#FE76B4;
}
.fondo_es_baja_medica {
	background-color:#e18f8f;
}
.fondo_vacaciones {
	background-color:#89e5b7;
}
.icono_parrilla {
	float:left;
	width:10px;
	height:10px;
	text-align:center;
	padding:0 2px 0 2px;
	border-radius:5px;
	margin:1px;
}
.texto_blanco4 {
	font-size:30px;
	color:#FFFFFF;
	font-weight:bold;
}
.texto_blanco5 {
	font-size:0.8rem;
	color:#FFFFFF;
}
.negrita {
	font-weight:bold;
}
.texto_gris3 {
	font-size:18px;
	color:#999;
}
.texto_gris4 {
	font-size:16px;
	color:#808080;
}
.texto_gris5 {
	font-size:14px;
	color:#808080;
}
.caja_form {
	clear:both;
	float:left;
	width:100%;
	padding-top:20px;
}
.caja_form2 {
	clear:both;
	float:left;
	width:100%;
	padding-top:10px;
}
.caja_form3 {
	clear:both;
	float:left;
	width:100%;
}
.caja_form4 {
	clear:both;
	float:left;
	width:100%;
	padding-top:30px;
}
.caja_form5 {
	clear:both;
	float:left;
	width:100%;
	padding-top:80px;
	padding-bottom:40px;
}
.label_form {
	float:left;
	width:25%;
	text-align:right;
	padding:5px;
}
.label_form2 {
	float:left;
	width:25%;
	text-align:right;
	padding-right:5px;
}
.input_form {
 	float:left;
 	width:75%;
}
.etiqueta {
	float:left;
	width:150px;
	color:#FFFFFF;
	padding:4px;
	border-radius:4px;
	font-size:0.8rem;
	margin:1px;
}
.etiqueta2 {
	float:left;
	width:200px;
	color:#FFFFFF;
	padding:6px;
	border-radius:6px;
	font-size:0.9rem;
	margin:1px;
}
input[data-readonly] {
  pointer-events: none;
}
.ancho_corto {
	width:120px !important;
}
.ancho_corto2 {
	width:105px !important;
}
.ancho_corto3 {
	width:250px !important;
}
.ancho_corto4 {
	width:160px !important;
}
.ancho_columnas {
	width:250px;
}
.seccion {
	clear:both;
	width:95%;
	margin:0 auto;
	padding:5px;
}
.formulario_centrado {
	text-align:center;
	width:800px;
	margin: 0 auto;
}
.sin-datos-asociados {
	width:300px;
	height:80px;
	line-height:80px;
	vertical-align:middle;
	text-align:center;
	margin:80px auto;
}
.sin-datos-asociados-fondo-oscuro {
	width:200px;
	height:80px;
	margin:30px auto; 
	padding: 20px;
	background-color: #333;
	color:#ccc;
	font-size: 0.8rem;
	text-align:center;
}

/* Datepicker CSS */
.datepicker-dropdown {
	font-size: 0.8em;
}
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active:active {
 color:#888!important;
 background-color:#ccc!important;
}

.div_boton {
	position:relative;
	width:300px;
	height:300px;
	margin:20px;
}
.lupa {
	display:none;
	padding:50px;
	background-image:url(../images/icono_lupa_2x.png);
	background-repeat:no-repeat;
	background-size:25%;
	background-position:center center; 
	position:absolute;
	width:100%;
	height:100%;
	z-index:999;
	background-color:rgba(0,0,0,0.6);
	cursor:pointer;	
	border-radius:20px;
}
.imagen_boton {
	padding:50px;
	background-repeat:no-repeat;
	background-size:90%;
	background-position:center center; 
	position:absolute;
	width:100%;
	height:100%;
	z-index:998;
	background-color:rgba(0,0,0,0.6);
	cursor:pointer;	
	border-radius:20px;
}
.imagen_transparente {
	opacity:0.5;
	filter: alpha(opacity=50); 
}
.row {
	margin-left:0;
	margin-right:0;
}
.titulo {
	float:left;
	text-align:left;
}
.botonera {
	float:right;
}
.botonera_centrada {
	width:100%;
	text-align:center;
}
.input_buscar {
	float:left;
	padding-top:7px;
}
.mayusculas_rojas {
	text-transform: uppercase;
	color: #931F10;
}
.mayusculas {
	text-transform: uppercase;
}
.borde_gris_tablas {
	border: 1px solid #C8C9D7;
	padding:10px;
	text-align:center;
}
.obligatorio {
	font-size:1rem;
	color:#a41c1c;
}
.expediente {
	font-size:1rem;
	color:#1b4d7a;
}
.borde_verde {
	border-color:#00FF00;
	border-width:1px;
	border-style:solid;
}
.fondo_degradado {
	background:url(../images/fondo_degradado.png);
    background-position:left top;
    background-repeat:repeat-x;
}
.centrado {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index:1021;
}
#blocker {
	position:fixed;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	z-index:200;
	background: url(../images/transparente.png) repeat;
}
#loading {
	position:fixed;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	z-index:1200;
	background: url(../images/transparente.png) repeat;
}
.loading_imagen {
    position:absolute;
    top:50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
	z-index:1200;
}
.transparente {
	background-color: rgb(36, 36, 36, 70%); 
}
#div_popup {
	z-index:1250;
}
.cortar_texto {
	overflow:hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
}
.texto_cerrar {
	color:#FFFFFF;
	position:relative;
	top:-35px;
	right:-35px;
}
.texto_titulo {
	font-size:1.5rem;
	color:#931F10;
}
.texto_titulo2 {
	font-size:1.2rem;
	color:#931F10;
}
.texto_negro_grande {
	font-size:1.5rem;
	color:#000000;
}
.texto_negro {
	font-size:1.1rem;
	color:#000000;
}
.texto_rojo {
	font-size:1.1rem;
	color:#B94A4B;
}
.texto_rojo2 {
	color:#B94A4B;
}
.texto_rojo3 {
	font-size:0.9rem;
	color:#B94A4B;
}
.texto_rojo4 {
	font-size:0.8rem;
	color:#B94A4B;
}
.texto_verde2 {
	color:#449954;
}
.borde_rojo {
	border: #B94A4B solid 1px;	
}
.texto_blanco2 {
	font-size:1.1rem;
	color:#FFFFFF;
}
.texto_blanco_grande {
	font-size:2.5rem;
	color:#FFFFFF;
}
.texto_negro2 {
	font-size:0.9rem;
	color:#000000;
}
.texto_negro3 {
	font-size:1.0rem;
	color:#000000;
}
.texto_blanco {
	font-size:1.4rem;
	color:#FFFFFF;
}
.texto_negro4 {
	font-size:0.8rem;
	color:#000000;
}
.texto_blanco3 {
	font-size:0.8rem;
	color:#FFFFFF;
}
.texto_gris_peque {
	font-size:0.7rem;
	color:#666A63;
}
.texto_gris_peque2 {
	font-size:0.9rem;
	color:#666A63;
}
.texto_gris_grande {
	font-size:0.9rem;
	color:#666A63;
}
.texto_gris_grande2 {
	font-size:1.5rem;
	color:#666A63;
}
.texto_morado_peque {
	font-size:0.8rem;
	color:#e12046;
}
.tachado {
	text-decoration: line-through;
}
.fondo_gris_claro {
	background-color:#f2f2f2;
}
.fondo_gris_claro2 {
	background-color:#e2e2e2;
}
.fondo_amarillo {
	background-color:#fdff48;
}
.fondo_negro {
	background-color:#000000;
}
.fondo_azul_claro2 {
	background-color:#999bbe;
}
.fondo_blanco {
	background-color:#FFFFFF;
}
.fondo_gris_oscuro {
	background-color:#DDDDDD;
}
.fondo_azul_claro {
	background-color:#5358aa;
}
.borde_gris {
	border: 1px solid #c1bdbd;
}
.borde_negro {
	border: 1px solid #000000;
}
.borde_blanco {
	border: 1px solid #FFFFFF;
}
.borde_gris2 {
	border: 1px solid #C8C9D7;
}
.borde_gris_redondo {
	border: 1px solid #c1bdbd;
	border-radius:20px;
}
.borde_gris_redondo_inferior {
	border: 1px solid #c1bdbd;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}
.texto_gris {
	font-size:0.9rem;
	color: #888888;
}
.texto_azul {
	font-size:0.9rem;
	color:#323263;
}
.texto_azul2 {
	font-size:0.9rem;
	color:#323263;
}
.texto_azul3 {
	font-size:1.1rem;
	color:#323263;
}
.texto_azul3_bis {
	color:#1e73be;
	font-weight: bold;
}
.texto_azul4 {
	color:#1e73be;
}
.texto_azul_claro {
	font-size:0.8rem;
	color: #008FD8;
}
.caja_roja {
	float:left;
	border: 1px solid #EED3D7;
	color: #B94A4B;
	background-color:#F2DEDE;
	font-size:0.8rem;
	padding:5px;
	text-align:left;
	position: relative;
	width: 100%;
	margin-top: 10px;
}
.caja_amarilla {
	border: 1px solid #FBEED5;
	color: #CB9F55;
	background-color:#FCF8E3;
	font-size:0.8rem;
	padding:5px 30px 5px 5px;
	text-align:left;
	position:relative;
}
.caja_gris {
	border: 1px solid #C8C9D7;
	color: #9d9eab;
	background-color:#F0EFEF;
}
.caja_blanca {
	border: 1px solid #C8C9D7;
	/*color: #fff;*/
	background-color:#FFFFFF;
}
.derecha {
	float:right;
	padding-left:20px;
	position:absolute;
	top:5px;
	right:5px;
}
.derecha2 {
	text-align:right;
	padding:5px 10px 5px 0;
}
.borde_tabla {
	border: 1px solid #C7C7C7;
	border-collapse: collapse;
}
.borde_tabla_blanco {
	border: 1px solid #FFFFFF;
	border-collapse: collapse;
}
.paddingTop {
	padding-top:10px;
}
.hr_sinmargin {
	margin-top:0;
	margin-bottom:0;
}
.hr_conmargin {
	margin-top:5px;
	margin-bottom:5px;
}
a:active, a:active * { outline: none !important; -moz-outline-style: none !important; outline-style: none !important;}
a:focus, a:focus * { outline: none !important; -moz-outline-style: none !important; outline-style: none !important;}

.imagen_producto2:hover {
	border:#CCCCCC solid 1px;
}
.div_login {
	float:left;
	position:relative;
	text-align:center;
	padding:0 20px 0 20px;
}
#div_panel_controlA2 {
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
	position:absolute;
	top:40px;
	left:30px;
	z-index:999;
	text-align:left;
	padding:10px;
	display:none;
}
#div_panel_controlB2 {
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
	position:absolute;
	top:80px;
	right:0;
	z-index:1999;
	text-align:left;
	padding:10px;
	display:none;
}
.submenu_panel {
	clear:both;
	float:left;
	padding:3px 10px 3px 10px;
	text-transform: uppercase;
}

/* Paginacion */
.botonera-paginacion .paginacion-mostrados,
.botonera-paginacion .paginacion-ver-todos {
	float:left;
	padding-right:40px;
}
.botonera-paginacion .paginacion-pagina {
	float:left;
	padding-right:10px;
}
.botonera-paginacion select#lstpagina {
	width:60px;
}
.botonera-paginacion .paginacion-mas,
.botonera-paginacion .paginacion-total {
	float:left;
}

/*************************************************************************/
/*  PORTAL EMPLEADO      *************************************************/
/*************************************************************************/

.rellenar {
	overflow:hidden;
}
.titulo_ventana {
	float:left;
	width:50%;
	padding:10px 5px 5px 0;
}
.botones {
	float:right;
	width:50%;
	padding:5px 0 5px 5px;
	text-align:right;
}
.campos {
	clear:both;
	float:left;
	width:100%;
	padding:5px;
}
.campo_etiqueta {
	float:left;
	width:40%;
	padding:5px;
	text-align:right;
}
.campo_etiqueta2 {
	float:left;
	width:30%;
	padding:5px;
	text-align:right;
}
.campo_etiqueta3 {
	float:left;
	padding:5px;
	text-align:right;
}
.campo_dato {
	float:left;
	width:60%;
	padding:5px;
}
.padding_campo {
	padding:0px 0px 0px 5px;
}

/*************************************************************************/
/*  ESTILOS ENLACES      *************************************************/
/*************************************************************************/
a.enlace {
	text-decoration: none;
	font-size:0.8rem;
	color: #931F10;
}
a.enlace:visited {
	text-decoration: none;
	font-size:0.8rem;
	color: #931F10;
}
a.enlace:hover {
	text-decoration: none;
	font-size:0.8rem;
	color: #cb766b;
}
a.enlace_blanco {
	text-decoration: none;
	font-size:0.8rem;
	color: #FFFFFF;
}
a.enlace_blanco:visited {
	text-decoration: none;
	font-size:0.8rem;
	color: #FFFFFF;
}
a.enlace_blanco:hover {
	text-decoration: none;
	font-size:0.8rem;
	color: #FFFFFF;
}
a.enlace_blanco2 {
	text-decoration: none;
	font-size:0.8rem;
	color: #FFFFFF;
	font-weight: normal;
}
a.enlace_blanco2:visited {
	text-decoration: none;
	font-size:0.8rem;
	color: #FFFFFF;
	font-weight: normal;
}
a.enlace_blanco2:hover {
	text-decoration: underline;
	font-size:0.8rem;
	color: #FFFFFF;
	font-weight: normal;
}
a.enlace_blanco3 {
	text-decoration: none;
	font-size:1.1rem;
	color:#FFFFFF;
}
a.enlace_blanco3:visited {
	text-decoration: none;
	font-size:1.1rem;
	color:#FFFFFF;
}
a.enlace_blanco3:hover {
	text-decoration: underline;
	font-size:1.1rem;
	color:#FFFFFF;
}
a.enlace_amarillo {
	text-decoration: none;
	font-size:0.8rem;
	color: #CB9F55;
}
a.enlace_amarillo:visited {
	text-decoration: none;
	font-size:0.8rem;
	color: #CB9F55;
}
a.enlace_amarillo:hover {
	text-decoration: none;
	font-size:0.8rem;
	color: #CB9F55;
}
a.enlace_rojo {
	text-decoration: none;
	font-size:0.8rem;
	color: #B94A4B;
}
a.enlace_rojo:visited {
	text-decoration: none;
	font-size:0.8rem;
	color: #B94A4B;
}
a.enlace_rojo:hover {
	text-decoration: none;
	font-size:0.8rem;
	color: #B94A4B;
}
a.enlace_blanco_grande {
	text-decoration: none;
	font-size:1.2rem;
	color: #FFFFFF;
}
a.enlace_blanco_grande:visited {
	text-decoration: none;
	font-size:1.2rem;
	color: #FFFFFF;
}
a.enlace_blanco_grande:hover {
	text-decoration: none;
	font-size:1.2rem;
	color: #FFFFFF;
}
a.enlace_azul_grande {
	text-decoration: none;
	font-size:0.8rem;
	color: #008FD8;
}
a.enlace_azul_grande:visited {
	text-decoration: none;
	font-size:0.8rem;
	color: #008FD8;
}
a.enlace_azul_grande:hover {
	text-decoration: underline;
	font-size:0.8rem;
	color: #008FD8;
}
a.enlace_azul {
	text-decoration: none;
	font-size:0.9rem;
	color:#323263;
}
a.enlace_azul:visited {
	text-decoration: none;
	font-size:0.9rem;
	color:#323263;
}
a.enlace_azul:hover {
	text-decoration: underline;
	font-size:0.9rem;
	color:#323263;
}
a.enlace_gris {
	text-decoration: none;
	font-size:0.9rem;
	color: #7a7a7a;
}
a.enlace_gris:visited {
	text-decoration: none;
	font-size:0.9rem;
	color: #7a7a7a;
}
a.enlace_gris:hover {
	text-decoration: underline;
	font-size:0.9rem;
	color: #7a7a7a;
}
a.enlace_gris_grande {
	text-decoration: none;
	font-size:1.1rem;
	color: #7a7a7a;
}
a.enlace_gris_grande:visited {
	text-decoration: none;
	font-size:1.1rem;
	color: #7a7a7a;
}
a.enlace_gris_grande:hover {
	text-decoration: underline;
	font-size:1.1rem;
	color: #7a7a7a;
}

a.enlace_gris_menu {
	text-decoration: none;
	font-size:0.9rem;
	color: #7a7a7a;
}
a.enlace_gris_menu:visited {
	text-decoration: none;
	font-size:0.9rem;
	color: #7a7a7a;
}
a.enlace_gris_menu:hover {
	text-decoration: underline;
	font-size:0.9rem;
	color: #7a7a7a;
	background-color:#E6E6E6;
}
a.enlace_negro_grande {
	text-decoration: none;
	font-size:1.1rem;
	color: #000000;
}
a.enlace_negro_grande:visited {
	text-decoration: none;
	font-size:1.1rem;
	color: #000000;
}
a.enlace_negro_grande:hover {
	text-decoration: none;
	font-size:1.1rem;
	color: #000000;
}
a.enlace_negro {
	text-decoration: none;
	font-size:1.0rem;
	color: #000000;
}
a.enlace_negro:visited {
	text-decoration: none;
	font-size:1.0rem;
	color: #000000;
}
a.enlace_negro:hover {
	text-decoration: underline;
	font-size:1.0rem;
	color: #000000;
}
a.enlace_negro2 {
	text-decoration: none;
	font-size:0.9rem;
	color: #000000;
}
a.enlace_negro2:visited {
	text-decoration: none;
	font-size:0.9rem;
	color: #000000;
}
a.enlace_negro2:hover {
	text-decoration: none;
	font-size:0.9rem;
	color: #000000;
}
a.enlace_negro_peque {
	text-decoration: none;
	font-size:0.8rem;
	color: #000000;
}
a.enlace_negro_peque:visited {
	text-decoration: none;
	font-size:0.8rem;
	color: #000000;
}
a.enlace_negro_peque:hover {
	text-decoration: underline;
	font-size:0.8rem;
	color: #000000;
}

/*************************************************************************/
/** SELECTS, INPUTS, DIVS, CONTORNOS, IMAGENES ***************************/
/*************************************************************************/
input.formateado, select.formateado, textarea.formateado  {
	color:#666A63;
	background-color: #FFFFFF;
	border: 1px;
	font-size: 1.0rem;
	border-width: 1px;
	border-style: solid;
	border-color: #CACED1;
	margin-right:4px;
	margin-top:-1px;
}
input.formateado3, select.formateado3, textarea.formateado3  {
	color:#666A63;
	background-color: #FFFFFF;
	border-bottom: 1px #CACED1 solid;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	width:100%;
}
.input-width-cien {
	width:100px;
}
.input-width-cien-cincuenta {
	width:150px;
}
.input-width-doscientos {
	width:200px;
}
select.gris  {
	padding:2px 20px 2px 2px; 
	border: 0;
	background-color:#f2f2f2;
	font-size:0.9rem;
	color: #7a7a7a;	
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/* Some browsers will not display the caret when using calc, so we put the fallback first */ 
	background: url("../images/flecha.png") #f2f2f2 no-repeat 90.5% !important; 
	background: url("../images/flecha.png") #f2f2f2 no-repeat calc(100%) !important;
}
input.gris  {
	padding:2px 20px 2px 2px; 
	border: 0;
	background-color:#f2f2f2;
	font-size:0.9rem;
	color: #7a7a7a;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.contorno_div_select {
	padding:15px;
	border-top-left-radius:50px;
	border-bottom-left-radius:50px;
}
.contorno_div_select2 {
	padding:5px 15px 5px 15px;
	border-radius:50px;
}
.div_redondo_left {
	padding:30px;
	border-top-left-radius:20px;
	border-bottom-left-radius:20px;
	border-right:#FFFFFF solid 2px;
}
.div_redondo_right {
	padding:30px;
	border-top-right-radius:20px;
	border-bottom-right-radius:20px;
	border-left:#FFFFFF solid 2px;
}
.contorno_div_input {
	padding:15px;
}
.contorno_div_input_redondo {
	border-radius:15px;
	padding:10px;
}
.contorno_div_input_redondo2 {
	border-radius:15px;
	padding:5px 20px 5px 20px;
}
.contorno_div_input2 {
	border-top-right-radius:50px;
	border-bottom-right-radius:50px;
}
.div_circulo {
	border-radius:50px;
	padding:16px;
	background-color:#5358aa;
}
.div_circulo2 {
	border-radius:150px;
	border:solid #CCCCCC 1px;
	width:100px;
	height:100px;
}
.div_circulo3 {
	border-radius:50px;
	padding:5px 20px 5px 20px;
}
.imagen_fondo {
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center center;
}
.imagen_fondo_derecha {
	background-size: 45% 100%;
	background-repeat: no-repeat;
	background-position: right center;
}
.imagen_fondo_vertical {
	background:url(../images/fondo.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center bottom;
	
	padding:40px 0 0 0;
	text-align:center;
	margin:0 auto;
	width:100%;
	margin-bottom:20px;
	height:300px;
	position:relative;
}
.imagen_fondo2 {
	background-size: auto auto;
	background-repeat: no-repeat;
	background-position: center center;
}
.div_circulo_rojo {
	position:absolute;
	top:0;
	right:0;
	border-radius:50px;
	background-color:#d8246f;
	color:#FFFFFF;
	width:25px;
	text-align:center;
	font-size:1.0rem;
}
.boton_paginar {
	width:55px;
	margin-right:10px;
}
.material-icons.white { color: #FFFFFF; }
/*For IE*/
select::-ms-expand { display: none; }

.material-icons.md-48 { 
	font-size:2.5rem;
	padding:0 10px 0 10px; 
}
.material-icons.md-48movil { 
	font-size:1.8rem;
	padding:0; 
}
.material-icons.md-36movil { 
	font-size:1.4rem;
	padding:0; 
}
.contrado_vertical {
	display:flex;
	align-items:center;
}
.contrado_vertical_inf {
	display:flex;
	align-items:buttom;
}
input.formateado_peque, 
select.formateado, 
textarea.formateado  {
	color:#666A63;
	background-color: #FFFFFF;
	padding: 1px;
	border: 1px;
	font-size: 0.9rem;
	border-width: 1px;
	border-style: solid;
	border-color: #CACED1;
}
textarea.formateado:focus, 
select.formateado:focus, 
input[type="text"].formateado:focus, 
input[type="password"].formateado:focus, 
.uneditable-input:focus {
    border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 2px rgba(82, 168, 236, 0.6);
    outline: 0 none;
}
div.upload {
	position: relative;
	width: 60px;
	height: 27px;
	overflow:hidden;
	background-color:#3a3d77;
	color:#FFFFFF;
	cursor:pointer;
	text-align:center;
	padding-top:5px;
}
div.upload input {
	position: absolute;
	left: auto;
	right: 0px;
	top: 0px;
	margin:0;
	padding:0;
	filter: Alpha(Opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	cursor:pointer;
}
.form-group {
	padding: 0 20px 0 20px;
}

/*************************************************************************/
/**** CHECKBOXES    ******************************************************/
/*************************************************************************/
.checkbox_container {
	display: block;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin:0 auto;
	/*
	margin-right:0;
	padding-left:18px;
	*/
	margin-right:5px;
	padding-left:30px;
}
.checkbox_container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 23px;
	width: 23px;
	background-color: #eee;
	border: solid #49679c 1px;
}
.checkbox_container:hover input ~ .checkmark {
	background-color: #c1bdbd;
}
.checkbox_container input:checked ~ .checkmark {
	background-color: #c1bdbd;
}
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
.checkbox_container input:checked ~ .checkmark:after {
	display: block;
}
.checkbox_container .checkmark:after {
	left: 6px;
	top: 1px;
	width: 9px;
	height: 14px;
	border: solid #49679c;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
/*** CHECKBOX AZUL ***/
.checkbox_container_azul {
	display: block;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin:0 auto;
	margin-right:5px;
}
.checkmark_azul {
	position: absolute;
	top: 0;
	left: 0;
	height: 23px;
	width: 23px;
	background-color: #eee;
	border: solid #5358aa 1px;
}
.checkbox_container_azul:hover input ~ .checkmark_azul {
	background-color: #c1bdbd;
}
.checkbox_container_azul input:checked ~ .checkmark_azul {
	background-color: #c1bdbd;
}
.checkmark_azul:after {
	content: "";
	position: absolute;
	display: none;
}
.checkbox_container_azul input:checked ~ .checkmark_azul:after {
	display: block;
}
.checkbox_container_azul .checkmark_azul:after {
	left: 6px;
	top: 1px;
	width: 9px;
	height: 14px;
	border: solid #5358aa;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* Titulares de Licencias */
.titulares-form-checkbox {
	margin:5px 0 7px 0;
}

/*************************************************************************/
/*** BOTONES        ******************************************************/
/*************************************************************************/
.noticia {
	cursor:pointer;
	background-color:#d6ebeb;
	border:#408080 solid 1px;
	border-radius: 10px;
}
.noticia:hover {
	cursor:pointer;
	background-color:#bcdede;
	border:#408080 solid 1px;
	border-radius: 10px;
}
.cuadro {
	border:#FFFFFF solid 1px;
	border-radius: 20px;
}
.cuadro:hover {
	cursor:pointer;
	background-color:#f6f6f6;
	border:#f2f2f2 solid 1px;
}
.cuadro2 {
	cursor:pointer;
	background-color:#f2f2f2;
	color:#000000;
}
.cuadro2:hover {
	cursor:pointer;
	background-color:#5358aa;
	color:#FFFFFF;
}
.cuadro2_deshabilitado {
	background-color:#f6f6f6;
	color:#c6c6c6;
}
.cuadro3 {
	cursor:pointer;
	background-color:#c4c4c4;
	color:#000000;
}
.cuadro3:hover {
	cursor:pointer;
	background-color:#5358aa;
	color:#FFFFFF;
}
.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: none;
}
.btn_morado {
	color:#FFFFFF;
	font-weight: bold;
	background-color:#e12046;
}
.btn_morado:hover {
	color:#e5e5e5;
	background-color:#841933;
}
.btn_amarillo {
	color:#FFFFFF;
	font-weight: bold;
	background-color:#F89407;
}
.btn_amarillo:hover {
	color:#e5e5e5;
	background-color:#e1890b;
}

.btn_amarillo_peque {
	color:#FFFFFF;
	background-color:#F89407;
	padding:2px 8px 2px 8px;
}
.btn_amarillo_peque_claro {
	color:#FFFFFF;
	background-color:#fbdbaa;
	padding:2px 8px 2px 8px;
}
.btn_amarillo_peque:hover {
	color:#e5e5e5;
	background-color:#e1890b;
}
.btn_amarillo_peque_claro:hover {
	color:#c0c0c0;
	background-color:#fef1de;
}


.btn_verde {
	color:#FFFFFF;
	font-weight: bold;
	background-color:#8ace3a;
}
.btn_verde:hover {
	color:#e5e5e5;
	background-color:#6fa62e;
}
.btn_gris {
	color:#FFFFFF;
	font-weight: bold;
	background-color:#CCCCCC;
}
.btn_gris:hover {
	color:#e5e5e5;
	background-color:#b5b4b4;
}
.btn_azul {
	color:#FFFFFF;
	font-weight: bold;
	background-color:#5358aa;
}
.btn_azul:hover {
	color:#e5e5e5;
	background-color:#3a3d77;
}
.btn_borde {
	padding-left:25px;
	padding-right:25px;
}
.btn_borde_redondo {
	border-radius: 50px;
	padding:15px 30px 15px 30px;
	font-size:0.8rem;
}
.btn_borde_redondo2 {
	border-radius: 50px;
	padding:12px 30px 12px 30px;
	font-size:1.0rem;
	font-weight: bold;
}

.btn_pequeno {
	padding: 2px 5px 2px 5px;
}

.btn_maspequeno {
	padding: 2px 0 2px 0;
}

/* Modificaciones componente Bootstrap select */
.bootstrap-select.form-control {
	border:1px solid #ced4da!important;
	border-radius: initial;	
}
div.bootstrap-select  {
	/*max-width:90%;*/
	max-width:100%;
}
div.bootstrap-select .bs-placeholder {
	background-color: #fff;
	color:#495057;
}
div.bootstrap-select input.form-control,
div.bootstrap-select .dropdown-menu.show {
	font-size:0.8rem;
}

 div.bootstrap-select input.form-control {
	width:100%!important;
}

.form-conductores-field-vehiculos-asignados .dropdown-menu.show,
.form-conductores-field-vehiculos-asignados .dropdown-menu.show> .inner.show {
	min-height: 200px!important;
	max-height: initial!important;
	overflow-y: visible!important;
}

/****************************************************************************************************/
/* 2. HEADER
/****************************************************************************************************/
.cabecera_formulario {
	width:100%;
	border-bottom:1px solid #ccc;
}
.cabecera {
	display: flex;
	border-bottom:1px solid #ccc;
}
.fondo_menu {
	background-image:url(../images/fondo_menu.png);
	background-position:left top;
	background-repeat:no-repeat;
	background-size:100%;
}
.fondo_menu2 {
	background-image:url(../images/fondo_menu.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	background-size:100%;
}
.imagencabecera {
	clear:both;
	float:left;
}
.imagencabecera > a > img {
	height:80px;
	width:auto;
	margin:10px;
	padding:0 10px 0 10px;
}
.subcabecera {
	flex-grow: 100;
}
.titulocabecera {
	width:100%;
	clear:both;
	float:left;
	padding:5px;
}
.titulocabecera > div {
	float:left;width:100%;text-align:center;
}
.titulocabecera > div > img {
	height:120px;
	width:auto;
	padding:0 5px 5px 5px;
}
.menucabecera {
	clear:both;
	float:left;
	width:100%;
}
.menu-hamburguesa-movil {
	display:none;
}
.menu-informes {
	display: none;
}


/****************************************************************************************************/
/* 3. FOOTER
/****************************************************************************************************/
.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color:#fff;
	border-top: 1px solid #ccc;
	height:50px;
	padding:4px 10px 4px 0;
	text-align: center;
}
.footer p {
	padding-top:10px;
	padding-right:20px;
	color: #333;
	font-size: 0.8em;
}


/****************************************************************************************************/
/* 4. PLANTILLA LOGIN
/****************************************************************************************************/
.ancho_login {
	width:40%;
}
.ancho_login .imagen_fondo_vertical h1 {
	position:absolute;
	bottom:0;
	width:100%;
	margin-bottom:0px;
}
.padding_login {
	margin:0 auto;
	margin-top:30px;
	margin-bottom:80px;	
}
.ancho_popup {
	width:30%;
}


/****************************************************************************************************/
/* 5. PLANTILLA CAMBIO CONTRASEÑA Y CERRAR SESIÓN
/****************************************************************************************************/
.formulario-cambio-contrasena {
	margin-top: 5%;
	padding: 0!important;
}
.formulario-cambio-contrasena .cabecera_formulario {
	margin-bottom: 40px;
	padding: 20px;
	background-color: #333;
	border: initial;
	color: #fff;
	text-align: center;
	font-size: 2em;
}
.formulario-cambio-contrasena .form-group {
	margin-bottom: 30px;
	text-align: left;
	font-size: 0.8em;
}
.formulario-cambio-contrasena button {
	margin-bottom: 30px;
	font-weight: initial;
}
.formulario-cambio-contrasena .invalid-feedback {
	font-size: 1em;
	font-weight: bold;
}
.formulario-cambio-contrasena .contrasena-cambiada {
	text-align: center;
	font-size: 1.5em;
	color: green;
}
.formulario-cambio-contrasena .cambio-contrasena-again a {
	font-size: 0.6em;
	color:#333;
}
.formulario-cambio-contrasena .cambio-contrasena-again a:hover {
	color:#F55856;
	text-decoration: initial;
}
#cerrarSesion {
	text-align: center;
}
#cerrarSesion .modal-header {
	padding: 0;
	border-bottom: initial;
}
#cerrarSesion .cabecera_formulario{
	margin-bottom: 20px;
	padding: 20px;
	background-color: #333;
	border: initial;
	color: #fff;
	text-align: center;
	font-size: 2em;
}
#cerrarSesion .modal-footer {
	display: initial;
}

/****************************************************************************************************/
/* X. PLANTILLA HOME
/****************************************************************************************************/
.card-body {
	padding: 0.75rem 0 1.25rem 0.75rem;
}
.contenido-home {
	margin-top:30px;
}
.contenido-home .bloque-home {
	background-color: #333;
	padding: 20px 5px 20px 20px;
}
.contenido-home i {
	color:#fff;
}
.contenido-home h2 a,
#headerAcordeonLicencias h2 button,
#headerAcordeonContabilidad h2 button,
#headerAcordeonVehiculos h2 button,
#headerAcordeonConductores h2 button,
#headerAcordeonSeguros h2 button,
#headerAcordeonRecursosHumanos h2 button,
#headerAcordeonMultas h2 button,
#headerAcordeonParking h2 button {
	font-size: 1.4rem;
	color:#fff;
}
.contenido-home h2 a:hover,
#headerAcordeonLicencias h2 button:hover,
#acordeonLicencias .card-body a:hover,
#headerAcordeonContabilidad h2 button:hover,
#acordeonContabilidad .card-body a:hover,
#headerAcordeonVehiculos h2 button:hover,
#acordeonVehiculos .card-body a:hover,
#headerAcordeonConductores h2 button:hover,
#acordeonConductores .card-body a:hover,
#headerAcordeonSeguros h2 button:hover,
#acordeonSeguros .card-body a:hover,
#headerAcordeonRecursosHumanos h2 button:hover,
#acordeonRecursosHumanos .card-body a:hover,
#headerAcordeonMultas h2 button:hover,
#headerAcordeonParking h2 button:hover,
#acordeonMultas .card-body a:hover,
#acordeonParking .card-body a:hover {
	color:#F55856;
	text-decoration: none;
}
#headerAcordeonLicencias,
#headerAcordeonContabilidad,
#headerAcordeonVehiculos,
#headerAcordeonConductores,
#headerAcordeonSeguros,
#headerAcordeonRecursosHumanos,
#headerAcordeonMultas,
#headerAcordeonParking {
	padding-top:0px!important;
	background: #333;
}
#acordeonLicencias .card,
#acordeonContabilidad .card,
#acordeonVehiculos .card,
#acordeonConductores .card,
#acordeonSeguros .card,
#acordeonRecursosHumanos .card,
#acordeonMultas .card,
#acordeonParking .card  {
	border: initial;
	background-color: #333;
}
#acordeonLicencias .card-body,
#acordeonContabilidad .card-body,
#acordeonVehiculos .card-body,
#acordeonConductores .card-body,
#acordeonSeguros .card-body,
#acordeonRecursosHumanos .card-body,
#acordeonMultas .card-body,
#acordeonParking .card-body  {
	margin-left: 15px;
	font-size:0.9rem;
}
#acordeonLicencias .card-body a,
#acordeonContabilidad .card-body a,
#acordeonVehiculos .card-body a,
#acordeonConductores .card-body a,
#acordeonSeguros .card-body a,
#acordeonRecursosHumanos .card-body a,
#acordeonMultas .card-body a,
#acordeonParking .card-body a {
	color: #fff;
}
#acordeonLicencias .card-body li,
#acordeonContabilidad .card-body li,
#acordeonVehiculos .card-body li,
#acordeonConductores .card-body li,
#acordeonSeguros .card-body li,
#acordeonRecursosHumanos .card-body li,
#acordeonMultas .card-body li,
#acordeonParking .card-body li {
	margin-bottom: 10px;
}
#acordeonLicencias .card-body i,
#acordeonContabilidad .card-body i,
#acordeonVehiculos .card-body i,
#acordeonConductores .card-body i,
#acordeonSeguros .card-body i,
#acordeonRecursosHumanos .card-body i,
#acordeonMultas .card-body i,
#acordeonParking .card-body i {
	padding-right: 7px;
}
#acordeonContabilidad .configuracion-contabilidad {
	margin-top:20px;
	padding-top:25px;
	border-top: 1px solid #ccc;
	font-weight: bold;
	color:#fff;
}
#contenidoAcordeonLicencias .configuracion-licencias {
	margin-top:20px;
	padding-top:25px;
	border-top: 1px solid #ccc;
	font-weight: bold;
	color:#fff;
}
#contenidoAcordeonVehiculos .configuracion-vehiculos {
	margin-top:20px;
	padding-top:25px;
	border-top: 1px solid #ccc;
	font-weight: bold;
	color:#fff;
}
#contenidoAcordeonConductores .configuracion-conductores {
	margin-top:20px;
	padding-top:25px;
	border-top: 1px solid #ccc;
	font-weight: bold;
	color:#fff;
}
#contenidoAcordeonSeguros .configuracion-seguros {
	margin-top:20px;
	padding-top:25px;
	border-top: 1px solid #ccc;
	font-weight: bold;
	color:#fff;
}
#contenidoAcordeonRecursosHumanos .configuracion-recursos_humanos {
	margin-top:20px;
	padding-top:25px;
	border-top: 1px solid #ccc;
	font-weight: bold;
	color:#fff;
}
#contenidoAcordeonMultas .configuracion-multas {
	margin-top:20px;
	padding-top:25px;
	border-top: 1px solid #ccc;
	font-weight: bold;
	color:#fff;
}
#contenidoAcordeonParking .configuracion-parking {
	margin-top:20px;
	padding-top:25px;
	border-top: 1px solid #ccc;
	font-weight: bold;
	color:#fff;
}
.contenido-home #id_mensaje i {
	color:#333;
}

/****************************************************************************************************/
/* X. PLANTILLAS ADMINISTRACION
/****************************************************************************************************/
.textos_filtro {
	float:left;
	text-align:left;
	padding:5px;
}
.admin-editar-conductor {
	padding:0px;
}
.admin-editar-conductor > .fondo_negro{
	clear:both;
	float:left;
	width:100%;
	padding:15px;
	position:relative;
	z-index:2;
}
.edicion-facturas.admin-editar-conductor > .fondo_negro{
	float: initial;
}
.botonera-administracion .form-group {
	margin-bottom: 0px;
	padding: 0px;
}
.botones-admin-conductores,
.admin-boton-filtro,
.boton-admin-eliminar-dato {
	background-color: #ccc;
}
.botones-admin-conductores:hover,
.admin-boton-filtro:hover,
.boton-admin-eliminar-dato:hover {
	background-color: #007bff;
	color: #fff;
}
.filtro-tablas-administracion #lista_filtros {
	float:right;
	border-top: 1px solid #ccc;
}
.filtro-tablas-administracion input,
.filtro-tablas-administracion select,
.filtro-tablas-administracion textarea {
	border-radius: initial;
}
.filtro-tablas-administracion .botonera {
	margin-top: 10px;
	margin-bottom: 20px;
}
.filtro-tablas-administracion .botonera button:first-of-type {
	margin-right: 20px;
}
.botonera-administracion .separador-movil {
	display: none;
}
.botonera-listados {
	float:left;
	text-align:left;
}
.botonera-listados-botones {
	float:left;
	padding:0 10px 10px 0;
}
.botonera-listados-botones > .input-group > .form-control {
	width:200px;
}
.botonera-listados-boton-nuevo {
	float:left;
	padding:0 0 10px 0;
}
.contenedor-tabla {
	width:100%;
	/* float:left; */ 
	overflow:auto;
	min-height: 150px;
}
.cabecera-tabla-admin {
	background-color:#f2f2f2;
	border: 1px solid #ccc;
	padding-left: 5px;
	font-weight: bold;
}
td.cabecera-tabla-admin.boton-columnas {
	width:38px;
	height:20px;
}
.cabecera-tabla-admin_sin_negrira {
	background-color:#f2f2f2;
	border: 1px solid #ccc;
	padding-left: 5px;
}
.cabecera-tabla-admin-botones {
	background-color:#f2f2f2;
	border: 1px solid #ccc;
	padding-left: 5px;
	font-weight: bold;
	font-size: 0.8em;
}
.cabecera-tabla-admin .btn {
	color: #000;
}
.datos-tabla-admin {
	cursor:pointer;
}
.datos-tabla-admin .checkmark {
	width: 22px;
	height: 20px;
	top: 2px;
	left: 5px;
}
.admin-guardar-columnas button:first-of-type {
	margin-right: 10px;
}
.admin-tabla-editar-columnas {
	margin-top: 20px;
}
.admin-tabla-editar-columnas table,
.admin-editar-conductor table {
	width: 100%;
}
.admin-editar-conductor table.botones-ver-conductor {
	table-layout: fixed;
	width: 100%;
}
table.botones-ver-conductor2 {
	width: 100%;
}

.admin-editar-conductor table.datos-formulario-editar {
	width:100%;
	border-collapse:initial;
	padding-top:20px;
}
.admin-editar-conductor table.editar-gestion-administrativa .bootstrap-select {
	max-width: 200px;
}
td.admin-input-editar-conductor input,
td.admin-input-editar-conductor select,
td.admin-input-editar-conductor textarea {
	width:100%; /*!important; */
}
.admin-tabla-editar-columnas table tr td,
.admin-editar-conductor table tr td {
	padding: 10px;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
	background-color: #F2F2F2;
	border-color: #C8C9D7 #C8C9D7 #C8C9D7;
	border-bottom: 1px solid #F2F2F2;
}

/* Facturas */
p.explicacion-asignacion-fac {
	font-size: 0.8rem;
	width: 90%;
	margin: 20px 0px 20px 30px;
}

/* Licencias */
.tab-licencias {
	clear:both;
	width:100%;
	padding:30px 0 0 0;
}
.tab-content-licencias {
	width:100%;
	border-collapse:initial;
	padding-top: 10px;
	padding-bottom: 10px;
}
.tab-content-licencias .subir-fichero-licencias {
	padding-top:15px;
}
.tab-content-licencias .subir-fichero-licencias > div {
	float:left;
}

/* Beneficios */
.periodos-abiertos {
	margin-bottom:20px;
	margin-left:0;
	padding: 20px 0px 0px 0px;
	background-color: #333;
	font-size: 0.8rem;
	color:#fff;
}
.tabla-detalle-beneficios {
	width:70%;
	max-width:70%;
	margin-top: 40px;
}

/****************************************************************************************************/
/* X. LICENCIAS Y CUENTASPARTICIPE (TITULARES)
/****************************************************************************************************/
.porcentaje-cuentaparticipe-superado,
.porcentaje-licencia-superado {
	display:none;
	float:left;
	border: 1px solid #EED3D7;
	color: #B94A4B;
	background-color:#F2DEDE;
	font-size:0.8rem;
	padding:5px;
	text-align:left;
	position: relative;
	width: 100%;
	margin-top: 10px;
}
#CuentaParticipe {
	text-align: center;
}
#CuentaParticipe .modal-header {
	padding: 0;
	border-bottom: initial;
}
#CuentaParticipe .cabecera_formulario{
	padding: 20px;
	background-color: #333;
	border: initial;
	color: #fff;
	text-align: center;
	font-size: 2em;
}
#CuentaParticipe .modal-footer {
	display: initial;
}
#Licencia {
	text-align: center;
}
#Licencia .modal-header {
	padding: 0;
	border-bottom: initial;
}
#Licencia .cabecera_formulario{
	padding: 20px;
	background-color: #333;
	border: initial;
	color: #fff;
	text-align: center;
	font-size: 2em;
}
#Licencia .modal-footer {
	display: initial;
}

#Seguros {
	text-align: center;
}
#Seguros .modal-header {
	padding: 0;
	border-bottom: initial;
}
#Seguros .cabecera_formulario{
	padding: 20px;
	background-color: #333;
	border: initial;
	color: #fff;
	text-align: center;
	font-size: 2em;
}
#Seguros .modal-footer {
	display: initial;
}

#Documento {
	text-align: center;
}
#Documento .modal-header {
	padding: 0;
	border-bottom: initial;
}
#Documento .cabecera_formulario{
	padding: 20px;
	background-color: #333;
	border: initial;
	color: #fff;
	text-align: center;
	font-size: 2em;
}
#Documento .modal-footer {
	display: initial;
}

#Documento2 {
	text-align: center;
}
#Documento2 .modal-header {
	padding: 0;
	border-bottom: initial;
}
#Documento2 .cabecera_formulario{
	padding: 20px;
	background-color: #333;
	border: initial;
	color: #fff;
	text-align: center;
	font-size: 2em;
}
#Documento2 .modal-footer {
	display: initial;
}

#Comentario {
	text-align: center;
}
#Comentario .modal-header {
	padding: 0;
	border-bottom: initial;
}
#Comentario .cabecera_formulario{
	padding: 20px;
	background-color: #333;
	border: initial;
	color: #fff;
	text-align: center;
	font-size: 2em;
}
#Comentario .modal-footer {
	display: initial;
}

#CalendarioEmpleado {
	text-align: center;
}
#CalendarioEmpleado .modal-header {
	padding: 0;
	border-bottom: initial;
}
#CalendarioEmpleado .cabecera_formulario{
	padding: 20px;
	background-color: #333;
	border: initial;
	color: #fff;
	text-align: center;
	font-size: 2em;
}
#CalendarioEmpleado .modal-footer {
	display: initial;
}

#Desasignar {
	text-align: center;
}
#Desasignar .modal-header {
	padding: 0;
	border-bottom: initial;
}
#Desasignar .cabecera_formulario{
	padding: 20px;
	background-color: #333;
	border: initial;
	color: #fff;
	text-align: center;
	font-size: 1.5em;
}
#Desasignar .modal-footer {
	display: initial;
}

#Sociedades {
	text-align: center;
}
#Sociedades .modal-header {
	padding: 0;
	border-bottom: initial;
}
#Sociedades .cabecera_formulario{
	padding: 20px;
	background-color: #333;
	border: initial;
	color: #fff;
	text-align: center;
	font-size: 2em;
}
#Sociedades .modal-footer {
	display: initial;
}


#Comunicaciones {
	text-align: center;
}
#Comunicaciones .modal-header {
	padding: 0;
	border-bottom: initial;
}
#Comunicaciones .cabecera_formulario{
	padding: 20px;
	background-color: #333;
	border: initial;
	color: #fff;
	text-align: center;
	font-size: 2em;
}
#Comunicaciones .modal-footer {
	display: initial;
}

#Tramites {
	text-align: center;
}
#Tramites .modal-header {
	padding: 0;
	border-bottom: initial;
}
#Tramites .cabecera_formulario{
	padding: 20px;
	background-color: #333;
	border: initial;
	color: #fff;
	text-align: center;
	font-size: 2em;
}
#Tramites .modal-footer {
	display: initial;
}

#RespuestaTicket {
	text-align: center;
}
#RespuestaTicket .modal-header {
	padding: 0;
	border-bottom: initial;
}
#RespuestaTicket .cabecera_formulario{
	padding: 20px;
	background-color: #333;
	border: initial;
	color: #fff;
	text-align: center;
	font-size: 2em;
}
#RespuestaTicket .modal-footer {
	display: initial;
}

/****************************************************************************************************/
/* X. Media Queries: siguiendo los breakpoints de Bootstrap 4
/****************************************************************************************************/

/* X.1 Móviles max-width: 767px
/*************************************************************************/
@media (max-width: 767px) { 

	/* General */
	html {
		font-size: 100%;
  	}
	body {
		margin-bottom: 0px;
	}
	.solomovil {
		display:block;
	}
	.soloweb {
		display:none;
	}
	.div_circulo2 {
		width:140px;
		height:140px;
	}
	.imagen_fondo_vertical {
		height:750px;
	}
	.div_circulo_rojo {
		top:5px;
		right:5px;
		width:35px;
		font-size:0.8rem;
	}
	input.formateado, 
	select.formateado, 
	textarea.formateado  {
		font-size: 1.1rem;
		margin-top:3px;
	}
	.checkbox_container {
		margin-right:30px;
	}
	.checkmark {
		height: 33px;
		width: 33px;
	}
	.checkbox_container .checkmark:after {
		left: 7px;
		width: 15px;
		height: 22px;
	}
	.checkbox_container_azul {
		margin-right:30px;
	}
	.checkmark_azul {
		height: 33px;
		width: 33px;
	}
	.checkbox_container_azul .checkmark_azul:after {
		left: 7px;
		width: 15px;
		height: 22px;
	}
	.btn_borde_redondo2 {
		font-size:0.7rem;
	}
	.btn_borde {
		padding-left:25px;
		padding-right:25px;
	}

	/* Header */
	.imagencabecera {
		clear:both;
		float:left;
		text-align:center;
		margin:0 auto;
	}
	.subcabecera {
		clear:both;
		float:left;
		padding:5px 0px 0 0px;
		width:100%;
	}
	.titulocabecera {
		padding-top:10px;
		padding-bottom:20px;
	}
	.titulocabecera img {
		width: 100px;
	}

	/* Footer */
	.footer{
		height:60px;
		padding: 0px 20px;
		text-align: center;	
	}	
	.footer p {
		margin-bottom: 0px;
		padding-right: 0px;
	}

	/* Login */
	.centrado.ancho_login{
		position: initial;
		transform: initial;
		width: 100%;	
	}
	.imagen_fondo_vertical {
		height: 400px;
	}	

	/* Administracion ver/editar conductor */	
	.admin-editar-conductor >table{
		display: block;
	}
	.botones-ver-conductor,
	.botones-ver-conductor tr,
	.botones-ver-conductor td {
		display: block;
	}
	.botones-ver-conductor .primera-td-botones-ver-conductor {
		display: none;
	}
	.inicio-subtabla-vehiculos-conductores,
	.inicio-subtabla-vehiculos-conductores td {
		display: block;
	}
	.subtabla-vehiculos-conductores tr {
		display: block;
		margin-top: 20px;	
	}
	.subtabla-vehiculos-conductores tr:first-of-type,
	.subtabla-vehiculos-conductores tr:nth-child(2) {
		margin-top:0px;
	}
	.admin-input-editar-conductor input {
		width: 150px!important;
	}
	.filtro-tablas-administracion #lista_filtros .textos_filtro,
	.filtro-tablas-administracion #lista_filtros .textos_filtro input,
	.filtro-tablas-administracion #lista_filtros .textos_filtro select {
		width:90%!important;
	}

	/* Home */
	.contenido-home .bloque-home {
		max-width: 90%!important;
		margin: 0 auto;
	}
	.contenido-home .bloque-home:first-of-type {
		margin-bottom: 30px;
	}
	.imagen-home {
		font-size: 10px;
	}

	/* Formularios edición datos */
	.edicion-facturas .botones-ver-conductor button {
		float:left;
		margin-bottom: 20px;
	}

	/* Reparto beneficios */
	.tabla-detalle-beneficios {
		width:100%;
		max-width:100%;
	}
	
	/* PyG */
	.datos-pyg table td {
		width:100%;
		display:block;
	}
}

/* X.2 Min-width: 768px && max-width: 960px
/*************************************************************************/
@media (min-width: 768px) and (max-width: 960px) {
	/* General */
	html {
		font-size: 100%;
  	}
	body {
		margin-bottom: 20px;
	}
	.solomovil {
		display:block;
	}
	.soloweb {
		display:none;
	}
	.ancho_popup {
		width:95%;
	}
	h4 {
		font-size:1.1rem;
	}
	.ancho_columnas {
		width:60%;
	}
	.formulario_centrado {
		text-align:center;
		width:100%;
	}
	.div_circulo2 {
		width:140px;
		height:140px;
	}
	.imagen_fondo_vertical {
		height:750px;
	}
	.div_circulo_rojo {
		top:5px;
		right:5px;
		width:35px;
		font-size:0.8rem;
	}
	input.formateado, 
	select.formateado, 
	textarea.formateado  {
		font-size: 0.8rem;
		margin-top:3px;
	}
	.checkbox_container {
		margin-right:30px;
	}
	.checkmark {
		height: 33px;
		width: 33px;
	}
	.checkbox_container .checkmark:after {
		left: 7px;
		width: 15px;
		height: 22px;
	}
	.checkbox_container_azul {
		margin-right:30px;
	}
	.checkmark_azul {
		height: 33px;
		width: 33px;
	}
	.checkbox_container_azul .checkmark_azul:after {
		left: 7px;
		width: 15px;
		height: 22px;
	}
	.btn_borde_redondo2 {
		font-size:0.7rem;
	}
	.btn_borde {
		padding-left:25px;
		padding-right:25px;
	}

	/* Header */
	.soloweb.imagencabecera {
		display: block;
	}
	.solomovil.titulocabecera {
		display: none;
	}

	/* Footer */
	.footer {
	  height:35px;
	}

	/* Login */
	.ancho_login {
		width:95%;
	}
	.padding_login {
		margin:0 auto;
		margin-top:150px;
		margin-bottom:180px;	
	}
	
	/* Home */
	.imagen-home {
		font-size: 8px;
	}
	#headerAcordeonLicencias,
	#headerAcordeonContabilidad,
	#headerAcordeonVehiculos,
	#headerAcordeonConductores,
	#headerAcordeonSeguros,
	#headerAcordeonRecursosHumanos,
	#headerAcordeonMultas,
	#headerAcordeonParking,
	#contenidoAcordeonLicencias .card-body,
	#contenidoAcordeonContabilidad .card-body,
	#contenidoAcordeonVehiculos .card-body,
	#contenidoAcordeonConductores .card-body,
	#contenidoAcordeonSeguros .card-body,
	#contenidoAcordeonRecursosHumanos .card-body,
	#contenidoAcordeonMultas .card-body,
	#contenidoAcordeonParking .card-body {
		margin: 0;
		padding:0;
	}
	
	#headerAcordeonLicencias h2 button,
	#headerAcordeonContabilidad h2 button,
	#headerAcordeonVehiculos h2 button,
	#headerAcordeonConductores h2 button,
	#headerAcordeonSeguros h2 button,
	#headerAcordeonRecursosHumanos h2 button,
	#headerAcordeonMultas h2 button,
	#headerAcordeonParking h2 button,
	#contenidoAcordeonLicencias .card-body,
	#contenidoAcordeonContabilidad .card-body,
	#contenidoAcordeonVehiculos .card-body,
	#contenidoAcordeonConductores .card-body,
	#contenidoAcordeonSeguros .card-body,
	#contenidoAcordeonRecursosHumanos .card-body,
	#contenidoAcordeonMultas .card-body,
	#contenidoAcordeonParking .card-body {
		font-size: 12px;
	}

	/* Formularios edicion datos */
	input#ficheroX {
		margin-top:0px;
	}
	.edicion-facturas .col-12.col-md-6 {
		width: 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	/* Reparto beneficios */
	.tabla-detalle-beneficios {
		width:100%;
		max-width:100%;
	}

}

.fila-ausencia a.guardar, .fila-ausencia a.actualizar {
	padding-left: 25px;
    padding-right: 25px;
	color: #fff;
	cursor: pointer;
}
.fila-ausencia a.guardar:hover, .fila-ausencia a.actualizar {
	color: #fff;
}
.errores {
	display: none;
	width: 100%;
	color: red;
	padding: 10px;
}
.avisos {
	display: none;
	width: 100%;
	color: #5358aa;
	padding: 10px;
}

#add_fila {
	background-color: #5358aa;
    padding-left: 25px;
    padding-right: 25px;
    color: #fff;
    cursor: pointer;
    margin-left: 10px;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
}
.editar-activo {
	display: none;
}
.errores_validacion {
	display: none;
}

.help-block {
	font-size: 14px;
	color:#9A0E0E;
}

/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/

.container_radio {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 1.1rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.container_radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.checkmark_radio {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
  clear:both;
  float:left;
  border: solid #49679c 1px;
}

.container_check_radio:hover input ~ .checkmark_radio {
  background-color: #c1bdbd;
}

.container_check_radio input:checked ~ .checkmark_radio {
  background-color: #c1bdbd;
}

.checkmark_radio:after {
  content: "";
  position: absolute;
  display: none;
}

.container_check_radio input:checked ~ .checkmark_radio:after {
  display: block;
}

.container_check_radio .checkmark_radio:after {
 	top: 8px;
	left: 8px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #49679c;
}

/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/