/*
*
* 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
/****************************************************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

html, 
body {
	height:100%;
	font-family:'Open Sans', sans-serif;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	color: #006E63;
}

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

/****************************************************************************************************/
.cursor_pointer {
	cursor: pointer;
}
.float_left {
	float:left;
}
.float_right {
	float:right;
}
.padding_10_0 {
	padding:10px 0 10px 0;
}
.display_none {
	display:none;
}
.display_block {
	display:block;
}
.padding-bottom {
	padding-bottom:0;
}
.height_100 {
	height:100%;
}
.height_100px {
	height:100px;
}
.height_630px {
	height:630px;
}
.width_100 {
	width:100%;
}
.width_30 {
	width:30px;
}
.width_90 {
	width:90%;
}
.height_40 {
	height:40px;
}
.absolute1 {
	position:absolute;
	left:0;
	top:5px;
}
.relative1 {
	height:100%;
	position:relative;
}
.index1 {
	z-index:1202;
}
.skip-link { 
	z-index: 9999; 
	padding: 5px; 
	padding: 0.5rem; 
	font-size: 1rem; 
	color: #000; 
	background: #FFF; 
	position: absolute; 
	top: -5rem;
}
.skip-link:focus{
	top:0;
}

*:focus{
	outline: 2px solid !important;
}
button:focus {
  border: 2px solid #8ef780; /* 666a63 */
}
img { border: 0; }

.centrado_tabla {
	margin: 0 auto;
}

.cellspacing_0 {  border-collapse: collapse; border-spacing: 0; }
.cellspacing_3 { border-collapse: separate; border-spacing: 3px; }
.cellspacing_10 { border-collapse: separate; border-spacing: 5px; }

th, td { padding: 5px; }

.valign_t { vertical-align:top; }
.valign_m { vertical-align:middle; }
.valign_b { vertical-align:bottom; }

.align_l { text-align:left; }
.align_c { text-align:center; }
.align_r { text-align:right; }

::placeHolder {
  	color: #707070;
 	opacity: 1; /* Firefox */
}

::-ms-input-placeHolder { /* Edge 12 -18 */
 	color: #707070;
}
.form-control::placeholder {
	color: #707070;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
 	color: #707070;
}
div.bootstrap-select .bs-placeholder {
	 	color: #707070;
}
/****************************************************************************************************/
.border_anclado {
	background-color:#ebdfe1;
	border: 1px solid #c3707c;	
	border-radius:5px;
}
.box-green {
	background-color:#d9edc2;
	border:1px solid #b2ce96;
	border-radius:5px;
}
.box-yellow {
	background-color:#fef5c4;
	border:1px solid #fadf98;
	border-radius:5px;
}
.box-red {
	background-color:#f9dbdb;
	border:1px solid #e9b3b3;
	border-radius:5px;
}
.box-blue {
	background-color:#d8ecf7;
	border:1px solid #afcde3;
	border-radius:5px;
}
.box-green2 {
	background: linear-gradient(to left top, #d9edc2 50%, #d5ecac 50%);
	border-radius:5px;
}
.box-yellow2 {
	background: linear-gradient(to left top, #fef5c4 50%, #fadf98 50%);
	border-radius:5px;
}
.box-red2 {
	background: linear-gradient(to left top, #f9dbdb 50%, #e9b3b3 50%);
	border-radius:5px;
}
.box-blue2 {
	background: linear-gradient(to left top, #d8ecf7 50%, #c2e9f3 50%);
	border-radius:5px;
}

.container {
	max-width:100%;
	min-width:100%;
	min-height:100%;
    position:relative;
	padding:0px;
	
	/* background-color:#f1f1f1; */

	background-image:url(../images/fondo_personas.png);
	background-position:right bottom;
	background-repeat:no-repeat;

}
.fondo_verde_a {
	background-color:#ddf9dd;
}
.fondo_verde_b {
	background-color:#b3f2d9;
}
.ancho_menu_1 {
	float:left;
	width:5%;
}
.ancho_menu_2 {
	float:left;
	width:95%;
}
.linea1 {
	position:absolute;
	top:40px;
	width:100%;	
}
.linea2 {
	position:absolute;
	top:40%;
	width:100%;
}
.linea3 {
	position:absolute;
	bottom:40px;
	width:100%;
}
.boton1 {
	float:left;
	width:45%;
	height:12vh;
	text-align:right;
}
.boton2 {
	float:left;
	width:45%;
	height:12vh;
	text-align:left;
}
.boton3 {
	float:left;
	width:35%;
	height:12vh;
	text-align:right;
}
.boton4 {
	float:left;
	width:35%;
	height:12vh;
	text-align:left;
}
.boton5 {
	float:left;
	width:45%;
	height:12vh;
	text-align:right;
}
.boton6 {
	float:left;
	width:45%;
	height:12vh;
	text-align:left;
}
.boton1_movil {
	clear:both;
	float:left;
	width:100%;
	height:15vh;
	text-align:left;
	padding-top:20px;
}
.boton2_movil {
	clear:both;
	float:right;
	width:100%;
	height:15vh;
	text-align:right;
	padding-top:20px;
}
.separacion1 {
	float:left;
	width:10%;
}
.separacion2 {
	float:left;
	width:30%;
}
.relativo {
	padding:relative;
}
.fondo_boton {
	background-color:#2e2e2e; /* d44f50 */
	padding:8px 15px 8px 15px;
	text-align:center;	
}

.ancho_imagen {
	width:300px;
}
.ancho_imagen_comentario {
	width:150px;
}
.ancho_comentario1 {
	width:75%;
}
.ancho_comentario2 {
	width:80%;
}

@media (min-width: 500px) {
	.boton1_movil {
		height:35vh;
	}
	.boton2_movil {
		height:35vh;
	}
}
.nav-link {
	padding: 0.5rem 1.0rem;
}
.nav-tabs .nav-link, .nav-tabs .nav-link:focus {
    border-color: #e9ecef #e9ecef #dee2e6;
}
.soloweb {
	display:block;
}
.solomovil {
	display:none;
}

.nombre_columnas {
	position:absolute;
	left:0;top:30px;
	z-index:1100;
	display:none;
}
.padding_min {
	padding:2px;
}
.titulo-pagina {
	padding: 10px;
}
.titulo-pagina h1 {
	margin: 0px 0px 20px 0px;
	padding-bottom: 10px;
	text-align: center;
	border-bottom: 1px solid #ccc;
}
.titulo-pagina h2 {
	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_verde {
	background-color:#006E63;
}
.texto_blanco4 {
	font-size:30px;
	color:#FFFFFF;
	font-weight:bold;
}
.texto_gris3 {
	font-size:18px;
	color:#999;
}
.texto_gris33 {
	color:#c1bdbd;
}
.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:120px !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: #006E63;
	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); 
}
.imagen_transparente2 {
	opacity:0.05;
	filter: alpha(opacity=20); 
}
.imagen_opaca {
	opacity:1;
	filter: alpha(opacity=100); 
}
.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;
}
.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_titulo2_size {
	font-size:1.2rem;
}
.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:#006E63;
}
.texto_verde3 {
	font-size:1.4rem;
	color:#006E63;
}
.texto_leyenda {
	font-family: 'Montserrat', sans-serif;
	font-size:0.9rem;
	color:#006E63;
}
.borde_rojo {
	border: #B94A4B solid 1px;	
}
.texto_blanco2 {
	font-size:1.1rem;
	color:#FFFFFF;
}
.texto_blanco5 {
	font-size:1.0rem;
	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.8rem;
	color:#666A63;
}
.texto_gris_peque2 {
	font-size:0.9rem;
	color:#666A63;
}
.texto_gris_peque3 {
	font-size:0.8rem;
	color:#414440;
}
.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_con_borde {
	background-color:#f2f2f2;
	border: 1px solid #c1bdbd;
}
.fondo_gris_claro_con_borde:hover {
	background-color:#e2e2e2;
}

.fondo_gris_claro {
	background-color:#f2f2f2;
}
.fondo_gris_claro2 {
	background-color:#e2e2e2;
}
.fondo_amarillo {
	background-color:#fdff48;
}
.fondo_negro {
	background-color:#a7a7a7;
}
.fondo_azul_claro {
	background-color:#5358aa;
}
.fondo_blanco {
	background-color:#FFFFFF;
}
.fondo_gris_oscuro {
	background-color:#DDDDDD;
}
.fondo_azul_claro {
	background-color:#5358aa;
}
.borde_gris {
	border: 1px solid #c1bdbd;
}
.borde_blanco {
	border: 1px solid #FFFFFF;
}
.borde_gris2 {
	border: 1px solid #C8C9D7;
}
.borde_gris_redondo {
	border: 1px solid #c1bdbd;
	border-radius:20px;
}
.borde_gris_redondo2 {
	border: 1px solid #c1bdbd;
	border-radius:5px;
}
.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: #4D4D4D; /* #737373 */
}
.texto_gris2 {
	font-size:0.9rem;
	color: #4D4D4D;
}
.texto_azul {
	font-size:0.9rem;
	color:#006E63;
}
.texto_azul2 {
	font-size:0.9rem;
	color:#006E63;
}
.texto_azul3 {
	font-size:1.1rem;
	color:#006E63;
}
.texto_azul3_bis {
	color:#1e73be;
	font-weight: bold;
}
.texto_azul4 {
	color:#1e73be;
}
.texto_azul_claro {
	font-size:0.8rem;
	color: #006E63;
}
.texto_azul_claro_peque {
	font-size:0.7rem;
	color: #006E63;
}
.caja_roja {
	float:left;
	border: 1px solid #EED3D7;
	color: #6E2B2C;
	background-color:#F2DEDE;
	font-size:0.8rem;
	padding:5px;
	text-align:left;
	position: relative;
	width: 100%;
	margin-top: 10px;
}
.caja_roja2 {
	float:left;
	border: 1px solid #EED3D7;
	color: #6E2B2C;
	background-color:#F2DEDE;
	font-size:0.8rem;
	padding:5px;
	text-align:left;
	position: relative;
	width: 100%;
	margin-top: 10px;
}
.caja_roja2:hover {
	float:left;
	border: 1px solid #EED3D7;
	color: #6E2B2C;
	background-color:#e3bbbb;
	font-size:0.8rem;
	padding:5px;
	text-align:left;
	position: relative;
	width: 100%;
	margin-top: 10px;
}
.caja_amarilla {
	border: 1px solid #FBEED5;
	color: #5D461D;
	background-color:#FCF8E3;
	font-size:0.8rem;
	padding:5px;
	text-align:left;
	position:relative;
}
.caja_amarilla2 {
	float:left;
	border: 1px solid #FBEED5;
	color: #a07630;
	background-color:#FCF8E3;
	font-size:0.8rem;
	padding:5px;
	text-align:left;
	position: relative;
	width: 100%;
	margin-top: 10px;
}
.caja_amarilla2:hover {
	float:left;
	border: 1px solid #FBEED5;
	color: #a07630;
	background-color:#f2e288;
	font-size:0.8rem;
	padding:5px;
	text-align:left;
	position: relative;
	width: 100%;
	margin-top: 10px;
}
.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 select#lstpagina2 {
	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_dato {
	float:left;
	width:60%;
	padding:5px;
}


/*************************************************************************/
/*  ESTILOS ENLACES      *************************************************/
/*************************************************************************/
a.enlace_rojo2 {
	text-decoration: none;
	color: #B94A4B;
}
a.enlace_rojo2:visited {
	text-decoration: none;
	color: #B94A4B;
}
a.enlace_rojo2:hover {
	text-decoration: underline;
	color: #B94A4B;
}
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_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: #6E2B2C;
}
a.enlace_rojo:visited {
	text-decoration: none;
	font-size:0.8rem;
	color: #6E2B2C;
}
a.enlace_rojo:hover {
	text-decoration: none;
	font-size:0.8rem;
	color: #6E2B2C;
}
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 {
	color: #006E63;
}
a:visited {
	color: #006E63;
}
a:hover {
	color: #00a8a8;
}
a.enlace_azul_grande {
	text-decoration: none;
	font-size:0.8rem;
	color: #006E63;
}
a.enlace_azul_grande:visited {
	text-decoration: none;
	font-size:0.8rem;
	color: #006E63;
}
a.enlace_azul_grande:hover {
	text-decoration: underline;
	font-size:0.8rem;
	color: #00a8a8;
}
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;
}
.div_gris_grande {
	font-size:1.1rem;
	color: #7a7a7a;
	cursor:pointer;
}
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.0rem;
	color: #006E63;
}
a.enlace_negro_grande:visited {
	text-decoration: none;
	font-size:1.0rem;
	color: #006E63;
}
a.enlace_negro_grande:hover {
	text-decoration: none;
	font-size:1.0rem;
	color: #006E63;
}
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, span.upload {
	position: relative;
	width: 60px;
	height: 27px;
	overflow:hidden;
	background-color:#00a8a8;
	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        ******************************************************/
/*************************************************************************/
.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_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:#636363;
}
.btn_gris:hover {
	color:#e5e5e5;
	background-color:#6d6d6d;
}
.btn_gris2 {
	font-size:0.8rem;
	color:#FFFFFF;
	background-color:#CCCCCC;
}
.btn_gris2:hover {
	color:#e5e5e5;
	background-color:#6d6d6d;
}
.btn_azul {
	color:#FFFFFF;
	font-weight: bold;
	background-color:#006E63;
}
.btn_azul:hover {
	color:#e5e5e5;
	background-color:#00a8a8;
}
.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;
}

.btn_pequeno2 {
	padding: 0 5px 0 5px;
	font-size:1.5rem;
	margin: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:70px;
	width:auto;
	margin:5px;
}
.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;
}

.cuerpo {
	min-height: calc(100vh - 243px);
	padding-bottom: 50px;
}
.ancho_imagen_pie {
	width:35%;
}
.pulpo {
	background-image:url(../images/pulpo.png?v=2);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:auto 100%;
	min-height: calc(100vh - 243px);
}
/****************************************************************************************************/
/* 3. FOOTER
/****************************************************************************************************/
.footer {
	/* position: absolute;
	bottom: 0; */
	width: 100%;
	background-color:#fff;
	border-top: 1px solid #ccc;
	height:160px;
	padding:0;
	text-align: center;
	margin-top: 0;
}
.footer p {
	color: #006E63;
	font-size: 0.9em;
	margin-top:5px;
	margin-bottom:5px;
}


/****************************************************************************************************/
/* 4. PLANTILLA LOGIN
/****************************************************************************************************/
.ancho_login {
	width:40%;
}
.ancho_login .imagen_fondo_vertical h1 {
	position:absolute;
	bottom:0;
	width:100%;
	margin-bottom:0px;
}
.ancho_login .imagen_fondo_vertical h2 {
	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: 30px;
	padding: 0!important;
}
.formulario-cambio-contrasena .cabecera_formulario {
	margin-bottom: 40px;
	padding: 20px;
	background-color: #006E63;
	border: initial;
	color: #fff;
	text-align: center;
	font-size: 2em;
}
.pie_formulario {
	background-color: #006E63;
	border: initial;
	color: #fff;
	text-align: center;
}
.formulario-cambio-contrasena .form-group {
	margin-bottom: 30px;
	text-align: left;
	font-size: 0.9em;
}
.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:#006E63;
}
.formulario-cambio-contrasena .cambio-contrasena-again a:hover {
	color:#006E63;
	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: #006E63;
	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: #006E63;
	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 {
	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,
#acordeonMultas .card-body a:hover {
	color:#006E63;
	text-decoration: none;
}
#headerAcordeonLicencias,
#headerAcordeonContabilidad,
#headerAcordeonVehiculos,
#headerAcordeonConductores,
#headerAcordeonSeguros,
#headerAcordeonRecursosHumanos,
#headerAcordeonMultas {
	padding-top:0px!important;
	background: #006E63;
}
#acordeonLicencias .card,
#acordeonContabilidad .card,
#acordeonVehiculos .card,
#acordeonConductores .card,
#acordeonSeguros .card,
#acordeonRecursosHumanos .card,
#acordeonMultas .card {
	border: initial;
	background-color: #006E63;
}
#acordeonLicencias .card-body,
#acordeonContabilidad .card-body,
#acordeonVehiculos .card-body,
#acordeonConductores .card-body,
#acordeonSeguros .card-body,
#acordeonRecursosHumanos .card-body,
#acordeonMultas .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 {
	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 {
	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 {
	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;
}
.contenido-home #id_mensaje i {
	color:#006E63;
}

/****************************************************************************************************/
/* 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: #006E63;
	color:#FFFFFF;
}
.botones-admin-conductores:hover,
.admin-boton-filtro:hover,
.boton-admin-eliminar-dato:hover {
	background-color: #00a8a8;
	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-botones {
	background-color:#f2f2f2;
	border: 1px solid #ccc;
	padding-left: 5px;
	font-weight: bold;
	font-size: 0.8em;
}
.cabecera-tabla-admin .btn {
	color: #00a8a8;
}
.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:97%;
	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: 8px;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
	background-color: #F2F2F2;
	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: #006E63;
	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;
}
#ProponerVideo {
	text-align: left;
}
#ProponerVideo .modal-header {
	padding: 0;
	border-bottom: initial;
}
#ProponerVideo .cabecera_formulario{
	padding: 20px;
	background-color: #006E63;
	border: initial;
	color: #fff;
	text-align: center;
	font-size: 2em;
}
#ProponerVideo .modal-footer {
	display: initial;
	text-align: center;
}
#TextosAlternativosComentarios {
	text-align: left;
}
#TextosAlternativosComentarios .modal-header {
	padding: 0;
	border-bottom: initial;
}
#TextosAlternativosComentarios .cabecera_formulario{
	padding: 20px;
	background-color: #006E63;
	border: initial;
	color: #fff;
	text-align: center;
	font-size: 2em;
}
#TextosAlternativosComentarios .modal-footer {
	display: initial;
	text-align: center;
}

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

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

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

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

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

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


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

#Reclamacion {
	text-align: left;
}
#Reclamacion .modal-header {
	padding: 0;
	border-bottom: initial;
}
#Reclamacion .cabecera_formulario{
	padding: 20px;
	background-color: #006E63;
	border: initial;
	color: #fff;
	text-align: center;
	font-size: 2em;
}
#Reclamacion .modal-footer {
	display: initial;
	text-align: center;
}
/****************************************************************************************************/
/* X. Media Queries: siguiendo los breakpoints de Bootstrap 4
/****************************************************************************************************/

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

	.ancho_menu_1 {
		float:left;
		width:100%;
	}
	.ancho_menu_2 {
		float:left;
		width:100%;
	}
	
	/* 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: 80%;
	}
	.ancho_imagen_pie {
		width:100%;
	}
	.ancho_imagen {
		width:100%;
	}
	.ancho_imagen_comentario {
		width:100%;
	}
	.ancho_comentario1 {
		width:100%;
	}
	.ancho_comentario2 {
		width:100%;
	}
	/* Footer */
	.footer {
		height:180px;
		padding: 0px 10px;
		text-align: center;	
	}	
	.footer p {
		margin-bottom: 0px;
		padding-right: 0px;
		padding-top: 5px;
	}
	.fondo_menu2 {
		background-repeat: repeat;
	}
	/* 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;
	}

	/* Login */
	.ancho_login {
		width:95%;
	}
	.ancho_imagen {
		width:100%;
	}
	.ancho_imagen_comentario {
		width:100%;
	}
	.ancho_comentario1 {
		width:100%;
	}
	.ancho_comentario2 {
		width:100%;
	}

	.padding_login {
		margin:0 auto;
		margin-top:150px;
		margin-bottom:180px;	
	}
	
	/* Home */
	.imagen-home {
		font-size: 8px;
	}
	#headerAcordeonLicencias,
	#headerAcordeonContabilidad,
	#headerAcordeonVehiculos,
	#headerAcordeonConductores,
	#headerAcordeonSeguros,
	#headerAcordeonRecursosHumanos,
	#headerAcordeonMultas,
	#contenidoAcordeonLicencias .card-body,
	#contenidoAcordeonContabilidad .card-body,
	#contenidoAcordeonVehiculos .card-body,
	#contenidoAcordeonConductores .card-body,
	#contenidoAcordeonSeguros .card-body,
	#contenidoAcordeonRecursosHumanos .card-body,
	#contenidoAcordeonMultas .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,
	#contenidoAcordeonLicencias .card-body,
	#contenidoAcordeonContabilidad .card-body,
	#contenidoAcordeonVehiculos .card-body,
	#contenidoAcordeonConductores .card-body,
	#contenidoAcordeonSeguros .card-body,
	#contenidoAcordeonRecursosHumanos .card-body,
	#contenidoAcordeonMultas .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;
}
a.enlace_boton:hover {
	opacity:0.8;
	filter: alpha(opacity=80); 
}
.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;
}
.caja_mensajes {
	overflow:auto;
	width:100%;
	max-height:300px;
	min-height:100px;
}
.caja_mensaje1 {
	clear:both;
	float:right;
	width:70%;
	background-color:#c0ecc6;
	padding:5px;
	margin:5px;
}
.caja_mensaje2 {
	clear:both;
	float:left;
	width:70%;
	background-color:#bcecee;
	padding:5px;
	margin:5px;
}
.texto_mensaje {
	float:left;
	width:100%;
	text-align:left;
}
.imagen_mensaje2 {
	float:left;
	text-align:left;
	padding-right:10px;
	width:20%;
}
.texto_mensaje2 {
	float:right;
	text-align:left;
	padding-right:10px;
	width:76%;
}
.texto_mensaje2_bis {
	float:right;
	text-align:left;
	padding-right:10px;
	width:96%;
}
.borrar_mensaje2 {
	float:right;
	text-align:right;
	width:3%;
}
.texto_mensaje_fecha {
	clear:both;
	float:right;
	width:100%;
	text-align:right;
}
.card-header {
	border-bottom: 1px solid #ccc;
}
.cookie {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	background-color:#006E63;
	color:#FFFFFF;
	padding:8px;
	font-size:0.8rem;
	color:#FFFFFF;
}
.cookie a, .cookie a.btn{
	color: white;
}

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

.emoji {
    font-size: 25px;
    position: relative;
    cursor: pointer;
    margin-left: 5px;
}

.emoji > div {
    padding: 0;
    border: 1px solid transparent;
    transition: 100ms linear;
    text-align: center;
}

.emoji > div:hover {
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #e7e7e7;
    box-shadow: 0 7px 14px 0 rgb(0 0 0 / 12%);
}

.emoji-picker {
    padding: 6px;
    font-size: 25px;
    z-index: 1;
    position: absolute;
    display: none;
    width: 260px;
    border-radius: 4px;
    top: 45px;
    left: -20px;
    background: #fff;
    border: 1px solid #e7e7e7;
    box-shadow: 0 7px 14px 0 rgb(0 0 0 / 12%);
}

.my-emoji {
    cursor: pointer;
    width: 35px;
    height: 37px;
    display: inline-block;
    text-align: center;
    /*padding-top: 4px;*/
}

.my-emoji:hover {
    background-color: #cacaca;
    border-radius: 4px;
}

.emoji-arrow {
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    left: 43px;
    box-sizing: border-box;
    border-color: transparent transparent #fff #fff;
    border-style: solid;
    border-width: 4px;
    transform-origin: 0 0 0;
    transform: rotate(135deg);
}
/*********************************************************************************************/
/*********************************************************************************************/
/*********************************************************************************************/
.esp_button_verde{
    background: linear-gradient(to left top, #008d8d 50%, #007070 50%);
    width:auto;
    min-width:200px;
    height:70px;
    letter-spacing: 3px;
    font-size: 1.2rem;
    padding: 0px 15px 0px 15px;
    margin:10px;
}
.esp_button_rojo{
    background: linear-gradient(to left top, #8d0025 50%, #69011c 50%);
    width:100%;
    /*height:30px;*/
    letter-spacing: 1px;
    font-size: 1.0rem;
    padding: 5px 8px 5px 8px;
    margin:10px 0 10px 0;
}
.esp_button{
    border-style: none;
    color:#fff;
    /*font-family: 'Lato';*/
    /*font-weight: 600;*/
    outline: none;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: all .5s;
    box-shadow: 0px 1px 2px rgba(0,0,0,.2);
}
.esp_button span{
    position: absolute;
    display: block;
}
/*
.esp_button span:nth-child(1){
    height: 3px;
    width:200px;
    top:0px;
    left:-200px;
    background: linear-gradient(to right, rgba(0,0,0,0), #f6e58d);
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px;
    animation: span1 2s linear infinite;
    animation-delay: 1s;
}

@keyframes span1{
    0%{
        left:-200px
    }
    100%{
        left:200px;
    }
}
.esp_button span:nth-child(2){
    height: 70px;
    width: 3px;
    top:-70px;
    right:0px;
    background: linear-gradient(to bottom, rgba(0,0,0,0), #f6e58d);
    border-bottom-left-radius: 1px;
    border-bottom-right-radius: 1px;
    animation: span2 2s linear infinite;
    animation-delay: 2s;
}
@keyframes span2{
    0%{
        top:-70px;
    }
    100%{
        top:70px;
    }
}
.esp_button span:nth-child(3){
    height:3px;
    width:200px;
    right:-200px;
    bottom: 0px;
    background: linear-gradient(to left, rgba(0,0,0,0), #f6e58d);
    border-top-left-radius: 1px;
    border-bottom-left-radius: 1px;
    animation: span3 2s linear infinite;
    animation-delay: 3s;
}
@keyframes span3{
    0%{
        right:-200px;
    }
    100%{
        right: 200px;
    }
}

.esp_button span:nth-child(4){
    height:70px;
    width:3px;
    bottom:-70px;
    left:0px;
    background: linear-gradient(to top, rgba(0,0,0,0), #f6e58d);
    border-top-right-radius: 1px;
    border-top-left-radius: 1px;
    animation: span4 2s linear infinite;
    animation-delay: 4s;
}
@keyframes span4{
    0%{
        bottom: -70px;
    }
    100%{
        bottom:70px;
    }
}
*/
.esp_button_verde:hover{
    transition: all .5s;
    transform: rotate(-3deg) scale(1.1);
    box-shadow: 0px 3px 5px rgba(0,0,0,.4);
}
.esp_button_rojo:hover{
    transition: all .5s;
    transform: rotate(-1deg) scale(1.1);
    box-shadow: 0px 3px 5px rgba(0,0,0,.4);
}
.esp_button:hover span{
    animation-play-state: paused;
}
/*********************************************************************************************/
/*********************************************************************************************/
/*********************************************************************************************/
.file-select {
	float:left;
 	position: relative;
 	display: inline-block;
 	margin-right:5px;
 	margin-bottom:5px;
}
.file-select:hover {
	cursor:pointer;
}
.file-select::before {
	background-color: #00a8a8;
	color: #FFFFFF;
	display: flex;
	justify-content: center;
	align-items: center;
	background-size:100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	position: absolute;
	font-family: 'FontAwesome';
}
.file-select input[type="file"] {
	width: 32px;
	height: 32px;
	display: inline-block;
}
.file_imagen::before {
	background-image:url(../images/image-regular.svg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:75% 75%;
	content: "";
	/*content: "\f093";*/
}
.file_video::before {
	background-image:url(../images/film-solid.svg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:75% 75%;
	content: "";
	/*content: "\f008";*/
}
/*********************************************************************************************/
/*********************************************************************************************/
/*********************************************************************************************/
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red {
	background-color: #881D11;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red:hover {
	background-color: #6a160d;
}

#notificaciones_movil, #notificaciones_web {
	display:none;
}
.campana {
  -webkit-animation: tiembla 0.5s infinite;
}
@-webkit-keyframes tiembla{
  0%  { -webkit-transform:rotateZ(-15deg); }
  50% { -webkit-transform:rotateZ( 0deg) scale(1.2); }
  100%{ -webkit-transform:rotateZ( 15deg); }
}
.caja_notificaciones:hover {
	background-color:#E6E6E6;
	cursor:pointer;
}
.w-20 {
	width:20%
}
.div_circulo_flecha {
	border-radius:50%;
	padding:6px;
	background-color:#FFFFFF;
	height:35px;
	width:35px;
	text-align:center;
	color: #006E63;
	margin-top:3px;
}