body {
	/* font-family: 'Manrope', Helvetica, Arial, sans-serif; */
	font-family: "Poppins";
	margin-top: 90px; /* Mismo alto que header */
	min-height: 100% !important;
	height: 100%;	
	/* border:1px solid red; */
}
body.sin_header {
	margin-top: 0 !important;
	/* border:1px solid red; */
}
/* .sin_padding_lateral{
	padding-left: 15px;
	padding-right: 15px;
} */

html {
	font-size: 10px;
	position: relative;
	min-height: 100% !important;
    height: 100%;
}


a i{
	color: var(--hover_verde_oficina);
}


#total_reservas_usuarios{
	width: 100% !important;
	max-width: 280px !important;
	background-color: rgba(0,0,0,.05);
	border-radius: 10px;
	padding: 20px;
	margin-top: 35px;
	margin-bottom: 30px;
}




:root {	--main_color: #007682; }  /*Anterior oficina: 37e0c1*/
:root {	--amarillonodi: #E3FF68; }  /*Anterior oficina: 37e0c1*/
:root {	--naranjanodi: #FF521B; }
:root {	--grisnodi: #8F8F8F; }
:root {	--blacknodi: #070707; }
:root {	--main_color10: #D5E8EA; }

:root {	--hover_verde_oficina: #22b499; }

:root {	--rojo: #E33F3F; }














h1.tu_reserva span{
	/* background-color: #3abdde; */
	color: var(--blacknodi);
	padding: 5px 10px;
	font-size: 2.2rem;
	font-weight: 900;
	padding-left: 23px;
	position: relative;
	margin-left: 15px;
}
h1.tu_reserva span:before{
	position: absolute;
	left: 0;
	top: 10px;
	content:"";
	width: 20px;
	height: 20px;
	display: block;
	/* background-color: red; */
	background-image: url("../img/tilde_celeste.svg");
	background-repeat: no-repeat;
	background-position: center;
}

h1 span.subtitulo{
	font-weight: 600;
	font-size: 1.7rem;
	line-height: 1.7rem;
}

a.bt_secundario{
	display: block;
	font-weight: 800;
	color: #3abdde;
	font-size: 1.7rem;
	line-height: 3rem;
	position: relative;
	/* padding-left: 55px; */
	text-decoration: none;
}
a.bt_confirmar_nuevo{
	display: block;
	font-weight: 800;
	color: #FFF;
	padding: 4px 0;
	text-align: center;
	font-size: 1.7rem;
	line-height: 3rem;
	position: relative;
	text-decoration: none;
	background-color: #3abdde;
}

.btn-primary, button.btn-primary{
	width: auto;
	background-color: var(--main_color);
	border-radius: 30px;
	padding: 5rem;
	color: white;
	font-size: 1.4rem;
	line-height:1.2rem;
	padding: 8px 25px 8px 15px;
	position: relative;
	border:none;
	z-index: 6;
}
.btn-primary.outline, button.btn-primary.outline{
	border: 1px solid #FFF;
	background-color: transparent;
}


.btn-primary:after, button.btn-primary:after{
	position: absolute;
	top: 50%;
	right: 6px;
	content: "";
	margin-top: -3px;
	width:6px;
	height:6px;
	border-radius: 50%;
	background-color: var(--amarillonodi);
	transition: all .15s ease-in-out;
}

.btn-mas{
	max-width: fit-content;
	max-height: fit-content;
	font-size: 1.4rem;
	line-height:1.4rem;
	padding: 6px 8px;
	z-index: 4;
	color: var(--amarillonodi);
}
.btn-mas:after{
	content: none;
}

.mas_info_cursos{
	text-decoration: none;
	width: 30px;
	height: 30px;
	text-align: center;
	padding-top: 6px;
	background-color: var(--main_color);
	font-size: 1.8rem;
	line-height:1.8rem;
	border-radius: 50%;
	color: var(--amarillonodi);
	transition: all .2s ease-in-out;
	/* position: relative; */
}
.mas_info_cursos:hover{
	background-color: var(--amarillonodi);
	color: var(--main_color);
}
.mas_info_cursos:before{
	content: "";
	display: block;
	position: absolute;
	width:0px;
	height: 0px;
	top: calc(50% - 5px);
	left:calc(50% - 5px);
	border-radius: 50%;
	background-color: var(--main_color);
	opacity: 0;
}
.mas_info_cursos:hover:before{
	animation: dot_grow .3s;
	transition: ease-in-out;
}


@keyframes dot_grow{
	0% {
		width: 0px;
		height: 0px;
		top: calc(50% - 5px);
		left:calc(50% - 5px);
		opacity: 0;
	}
	70% {
		width: 500px;
		height: 500px;
		top: calc(50% - 250px);
		left:calc(50% - 250px);
		opacity: .15;
	}
	100%{
		width: 500px;
		height: 500px;
		top: calc(50% - 250px);
		left:calc(50% - 250px);
		opacity: 0;

	}
	
  }






.curso_aprobado a.mas_info_cursos, .curso_nodisponible a.mas_info_cursos{
	background-color: var(--grisnodi);
}


.btn:focus .btn:focus:active {
	outline: none;
  	box-shadow: none;
	background-color: transparent;
	color: var(--main_color);
	border: 1px solid var(--main_color);
}

.btn-primary:hover{
	background-color: var(--amarillonodi);
	color: var(--main_color);
}

.btn-primary:hover:after{
	background-color: var(--main_color);
	width:8px;
	height:8px;
	right: -3px;
	margin-top: -4px;
}

.btn-close {
	width: 13px;
	height: 13px;
	background-image: url(../img/IconoCerrar.svg);
	background-size: 100%;
}

.btn-siguiente {
	background-image: url(../img/RightArrow.svg);
}

.btn-secondary{
	background: none;
	color: var(--blacknodi);
	font-size: 1.2rem;
	line-height:1.2rem;
	border: none;
	position: relative;
	/*border: 1px solid var(--amarillonodi);*/
	padding: 10px 15px 10px 0;
}
.btn-secondary:after{
	position: absolute;
	content:"";
	height: 13px;
	width: 13px;
	/*border: 1px solid magenta;*/
	background-image: url(../img/IconoRightArrow-mini.svg);
	background-repeat: no-repeat;
	object-fit: cover;
	right: -3px;
}
.btn-secondary:hover{
	background: none;
	color: var(--main_color);
}
.btn-secondary:focus:active{
	background: var(--amarillonodi);
	color: var(--blacknodi);
}

.btn-back {
    background: none;
    color: var(--main_color);
    font-size: 1.2rem;
    line-height: 1.2rem;
    border: none;
    position: relative;
}
.btn-back.invertido {
    color: #FFF;
}
.btn-back.invertido:before {
	background-image: url(../img/Icono-BackStackArrow-white.svg);
}



.btn-back:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 25px;
    background-image: url(../img/Icono-BackStackArrow-verde.svg);
    background-repeat: no-repeat;
    object-fit: cover;
    background-size: cover;
    top: 0px;
    left: 0px;
}



/*  ---------- Saco borde celeste focus bootstrap -------------- */
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
button,
.uneditable-input:focus {   
  /*border-color: rgba(126, 239, 104, 0.8);*/
  box-shadow: 0;
  outline: 0 none;
}
/*  ---------- Saco borde celeste focus bootstrap -------------- */

.sucursal_piso_nombre{
	font-weight: 800;
    font-size: 22px;
}


p {
	color: #777;
	font-size: 1.6rem;
	font-weight: 300;
}

ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

ul li {
	margin-bottom: 5px;
}

strong{
	font-weight: 700;
}

h1{
	font-weight: 800;
	font-size: 2.6rem;
	margin-bottom: 10px;
}
h1.serif{
	font-family: "Playfair Display";
	font-weight: 400;
	font-size: 4rem;
	margin-bottom: 10px;
}



/*

VERDE MARCA: var(--main_color);
GRIS MARCA: var(--blacknodi);

*/


ul#bt_chat_mail{
	position: absolute;
	top: 0;
	left: 15px;
	top: 20px;
}
ul#bt_chat_mail li{
	float: left;
}
ul#bt_chat_mail li a{
	display: block;
	background-color: var(--main_color);
	width: 35px;
	height: 35px;
	border-radius: 50%;
	margin-left: 10px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px;
	display: inline-block !important;
}
ul#bt_chat_mail li a.chat{
	background-image: url("../img/icono_chat_negro.svg");
	float: left !important;
}
ul#bt_chat_mail li a.mail{
	background-image: url("../img/icono_mail_negro.svg");
}






#ubicacion_botonera{
	position: absolute;
	top: 0;
	z-index: 9999;
	/* padding-left: 0;
	padding-right: 0; */
	/* background-color: rgba(55,225,194,1); */
}
#contiene_botonera_ppal_index{
	/* display: block; */
	/* border: 1px solid orange; */
	padding-top:20px ;
	width: 100% !important;
}
#botonera_ppal_index{
	margin-top: 30px;
	background-color: var(--blacknodi);
	/* background-color: transparent; */
	padding: 20px;
	/* padding: 0px; */
}
#botonera_ppal_index a{
	text-align: right;
	/* background-color: blue; */
	color: #FFF;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 1.2rem;
	margin-right: 5px;
	line-height: 3rem;
	border-bottom: 1px dotted rgba(255,255,255,.1);
	/* border-bottom: none; */
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#botonera_ppal_index a:hover{
	color:  var(--main_color);
}
#botonera_ppal_index a.circulares{
	/* display: none; */
	background-color: var(--main_color);
	width: 35px;
	height: 35px;
	border-radius: 50%;
	margin-left: 10px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px;
}
#botonera_ppal_index a.circulares.chat{
	background-image: url("../img/icono_chat_negro.svg");
	float: left !important;
}
#botonera_ppal_index a.circulares.mail{
	background-image: url("../img/icono_mail_negro.svg");
}
#menu_hambur{
	color: #FFF;
	font-weight: 800;
}

#botonera_ppal_index a.circulares:hover{
	/* background-size: 50px; */
	box-shadow:inset 2px 2px 3px rgba(0,0,0,.5);
}

.imp-main-image{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}


/*  ---------------------------------------------------------- HEADER -------------------------------------------------- */
#main-header{
	position: fixed;
	top: 0;
	width: 100%;
	padding-top: 0px;
	height: 90px;
	background-color:  var(--blacknodi);
	z-index: 99;
}
.contiene_logos_header{
	background-color: rgb(233, 233, 233);
	transform: skewX(25deg);
	border-right: 7px solid var(--main_color);
	box-shadow: -100px 0px 0px 0px rgb(233, 233, 233);
}
#main-logo {
	transform: skewX(-25deg);
	max-width: 100px;
	/* margin-top: 17px; */
	height: 90px;
	margin-left: 15px;
	display: inline-block;
	/* border: 1px solid red; */
	position: relative;
	z-index: 1; /*este z es para que se ponga por enncima de la botonera de bootstrap que ocupa todo el ancho*/
	mix-blend-mode: multiply !important;
}
#main-logo img{
	max-height: 70px;
	mix-blend-mode: multiply !important;
}
ul#botonera_usuario_logueado{
	position: absolute;
	right: 20px;
	top: 25px;
	/* background-color: red; */
}
ul#botonera_usuario_logueado li{
	margin: 0;
	padding: 0;
	color: #FFF;
	font-weight: 200;
	font-size: 1.2rem;
	text-align: right;
}
ul#botonera_usuario_logueado li a{
	color: #FFF;
	text-decoration: none;
	font-weight: 800;
	display: block;
	/* margin-top: 2px; */
	font-size: 1.7rem;
	-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
}
ul#botonera_usuario_logueado li a:hover{
	color: var(--main_color);
}









/* *------- Botonera ppal --------- */
#main-menu {
	position: absolute;
	top: 30px;
	right: 100px;
	/* border: 1px solid blue; */
}

#main-menu li{
	float: left;
	margin: 0;
	
}
#main-menu li a{
	font-size: 1.3rem;
	line-height: 3rem;
	font-weight: 500;
	color: #FFF;
	padding: 10px 0 10px 20px;
	text-decoration: none;
	outline:0px;
	border-radius: 0;
	margin-right: 20px;
	background-repeat: no-repeat;
	background-position: left;
	background-size: 14px;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#main-menu li a:hover {
	background-color: none;
	color: var(--main_color);
}
#main-menu li a.active {
	color: var(--main_color);
}
#main-menu li a.sucursales{background-image: url("../img/icono_ubicacion_verdeclaro.svg"); background-size: 11px;}
#main-menu li a.puestos{background-image: url("../img/icono_pc.svg");}
#main-menu li a.colas{background-image: url("../img/icono_colas.svg");}
#main-menu li a.agentes{background-image: url("../img/icono_agente.svg");}



/* ICONO BOTON HAMBURGUESA */

.menu_hamburguesa{
	position: absolute;
	display:  block;
	width: 30px !important;
	height: 35px !important;
	/* background-color: olive; */
	padding: 5px;
	right: 15px;
	top: 20px;
}
 /*Linea centar:*/
.menu_hamburguesa span {
	margin: 0 auto;
	position: relative;
	top: 10px;
	/*border:1px solid red;*/
}
/*Linea sup e inf:*/
.menu_hamburguesa span:before, .menu_hamburguesa span:after { 
	position: absolute;
	content: '';
}
/*Le doy color y medidas a las tres líneas:*/
.menu_hamburguesa span, .menu_hamburguesa span:before, .menu_hamburguesa span:after {
	width: 25px;
	height: 3px;
	border-radius: 0px;
	background-color: #FFF;
	display: block;
}
/*Separo la linea superior:*/
.menu_hamburguesa span:before {
	margin-top: -8px;
}
/*Separo la linea Inferior:*/
.menu_hamburguesa span:after {
	margin-top: 8px;
}
/* --- ICONO BOTON HAMBURGUESA --- */


/*-----------------ANIMACION CRUZ ICONO HAMBURGUESA -----------*/
/*Dejo transparente la linea central:*/
.ejemplo_cruz.animo_menu_hamburguesa span {
	background-color: rgba(0,0,0,0.0);
	-webkit-transition-delay: 0.15s; transition-delay: 0.15s;
}
.ejemplo_cruz span {
	-webkit-transition-duration: 0s; 
	transition-duration: 0s;
	-webkit-transition-delay: 0.15s; 
	transition-delay: 0.15s;
}
.ejemplo_cruz span:before {
	transition-property: margin, transform;
	-webkit-transition-property: margin, -webkit-transform; 

	transition-duration: 0.15s;
	-webkit-transition-duration: 0.15s; 
	transition-delay: 0.15s, 0s;
	-webkit-transition-delay: 0.15s, 0s; 
}
.ejemplo_cruz.animo_menu_hamburguesa span:before {
	margin-top: 0;
	-webkit-transform: rotate(45deg); transform: rotate(45deg);
	-webkit-transition-delay: 0s, 0.15s; transition-delay: 0s, 0.15s;
}
.ejemplo_cruz span:after {
	-webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform;
	-webkit-transition-duration: 0.15s; transition-duration: 0.15s;
	-webkit-transition-delay: 0.15s, 0s; transition-delay: 0.15s, 0s;
}
.ejemplo_cruz.animo_menu_hamburguesa span:after {
	margin-top: 0;
	-webkit-transform: rotate(-45deg); transform: rotate(-45deg);
	-webkit-transition-delay: 0s, 0.15s; transition-delay: 0s, 0.15s;
}
/*-----------------ANIMACION CRUZ ICONO HAMBURGUESA -----------*/










/*-------- Menu mobile------------ */
#contiene_botonera_desplegable{
	/* position: absolute; */
	z-index: 90;
	/*float: left;*/
	width: 100%;
	/*height: 100%;*/
	display: none;
	margin-top: 0px;
	padding: 20px 0 40px 0;
	background-color:  #464646;
}
ul#mobile-main-menu{
	position: relative;
}
ul#mobile-main-menu li{
	margin: 0;
	padding: 0 15px;
	border-bottom:1px solid rgba(255,255,255,.3);
}
ul#mobile-main-menu li a{
	display: block;
	width: 100%;
	padding: 12px 0 12px 25px;
	font-size: 1.5rem;
	line-height: 3rem;
	font-weight: 500;
	color: #FFF;
	text-align: left;
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: left;
	/*text-transform: uppercase;*/
}
ul#mobile-main-menu li:last-child{border-bottom: none;}

ul#mobile-main-menu li a.sucursales{background-image: url("../img/icono_ubicacion_verdeclaro.svg"); background-size: 11px;}
ul#mobile-main-menu li a.puestos{background-image: url("../img/icono_pc.svg");}
ul#mobile-main-menu li a.colas{background-image: url("../img/icono_colas.svg");}
ul#mobile-main-menu li a.agentes{background-image: url("../img/icono_agente.svg");}



/*-------- Menu mobile------------ */





































section{
	/* min-height: 100%; */
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	padding-top: 30px;
	padding-bottom: 30px;
	/* border:1px solid green */
}
section.sin_header_footer{
	padding-top: 0px;
	padding-bottom: 00px;
}



















/* DEMO //////// --------------------------------------------------------------------- */


	img.log_ppal_demo{
		width: 100%;
		max-width: 120px;
	}

	h1.intro_demo{
		color: var(--main_color);
		margin: 30px 0 5px 0;
	}
	p.intro_demo{
		display: block;
		color: #FFF;
		font-size: 1.4rem;
		line-height: 1.7rem;
		margin-bottom: 50px;
	}
	
	.foto_fondo_demo{
		background-image: url("../img/bg_demo.jpg");
		background-size: cover;
		background-position: center !important;
		/* border:1px solid red; */
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.contiene_cada_boton_acceso{
		background-color: pink;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	a.bt_ppales_demo{
		display: block;
		width: 100%;
		text-align: center;
		text-decoration: none;
		position: relative;
		padding-top: 70px;
		color: var(--main_color);
		font-weight: 600;
		font-size: 1.2rem;
		line-height: 1.2rem;
		margin-bottom: 25px;
	}
	a.bt_ppales_demo:before{
		content: "";
		display: block;
		width: 60px;
		height: 60px;
		border:1px solid rgba(255,255,255,.5);
		border-radius: 50%;
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -30px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: 20px;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	a.bt_ppales_demo.reserva:before{background-image: url("../img/icono_escritorio_blanco.svg"); background-size: 27px;}
	a.bt_ppales_demo.carteleria:before{background-image: url("../img/icono_carteleria_blanco.svg"); background-size: 26px;}
	a.bt_ppales_demo.checkin:before{background-image: url("../img/icono_checkinout_blanco.svg");}
	a.bt_ppales_demo.servicios:before{background-image: url("../img/icono_servicios_blanco.svg"); background-size: 25px;}
	a.bt_ppales_demo.gestion:before{background-image: url("../img/icono_gestion_blanco.svg"); background-size: 25px;}
	a.bt_ppales_demo.admin:before{background-image: url("../img/icono_ruedas_blanco.svg"); background-size: 30px;}
	a.bt_ppales_demo.integraciones:before{background-image: url("../img/icono_puzzle_blanco.svg"); background-size: 27px;}

	a.bt_ppales_demo:hover:before{
		background-color: rgba(55,225,194,.7);
	}

	ul#redes_demo.modificaciones_index{
		margin-top: 40px;
		margin-right: -10px;
	}
	ul#redes_demo{
		margin-top: 50px;
	}
	ul#redes_demo li{
		float: left;
		margin: 0 8px;
	}
	ul#redes_demo li a{
		display: block;
		width: 25px;
		height: 25px;
		/* background-color: red; */
		background-repeat: no-repeat;
		background-position: center;
		background-size: 15px;
		opacity: .5;
	}
	ul#redes_demo li a:hover{
		opacity: 1;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	ul#redes_demo li a.instagram{background-image: url("../img/logo_instagram_blanco.svg");}
	ul#redes_demo li a.facebook{background-image: url("../img/logo_facebook_blanco.svg"); background-size: 6px;}
	ul#redes_demo li a.linkedin{background-image: url("../img/logo_linkedin_blanco.svg");}
	ul#redes_demo li a.twitter{background-image: url("../img/logo_twitter_blanco.svg"); background-size: 16px;}
	ul#redes_demo li a.prensa{background-image: url("../img/icono_diario_blanco.svg"); background-size: 15px;}


	ul#tiendas{
		margin-top: 40px;
	}
	ul#tiendas li{
		float: left;
		margin: 0 3px;
	}
	ul#tiendas li a{
		display: block;
		border:1px solid rgba(255,255,255,0);
		border-radius: 6px;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	ul#tiendas li a img{
		width: 100%;
		max-width: 120px;
	}
	ul#tiendas li a:hover{
		border:1px solid rgba(255,255,255,.2);
	}





	a.bt_internos_opciones_modales{
		width: 80px;
		height: 80px;
		background-color: #FFF;
		border-radius: 50%;
		text-align: center;
		color: rgb(49, 49, 49);
		font-weight: 200;
		font-size: 1.4rem;
		line-height: 1.4rem;
		text-decoration: none;
		margin: 0 7px;
	}
	a.bt_internos_opciones_modales:hover{
		background-color: var(--blacknodi);
		color: var(--main_color);
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}


	ul#opciones_modales li{
		float: left;
		margin: 0 15px;
	}
	ul#opciones_modales li a{
		display: block;
		text-align: center;
		text-decoration: none;
		position: relative;
		padding-top: 70px;
		color: #FFF;
		/* color: var(--main_color); */
		font-weight: 600;
		font-size: 1.2rem;
		line-height: 1.2rem;
		/* background-color: red; */
	}
	ul#opciones_modales li a:before{
		content: "";
		display: block;
		width: 60px;
		height: 60px;
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -30px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: 30px;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	ul#opciones_modales li a.limpieza:before{background-image: url("../img/icono_limpieza_negro.svg"); background-size: 32px;}
	ul#opciones_modales li a.seguridad:before{background-image: url("../img/icono_casco_negro.svg"); background-size: 40px;}
	ul#opciones_modales li a.mantenimiento:before{background-image: url("../img/icono_herramientas_negro.svg"); background-size: 31px;}
	
	
	ul#opciones_modales li a:hover:before{
		background-color: rgba(55,225,194,.7);
	}


/* CAMBIOS JEZA //////// --------------------------------------------------------------------- */



.bg-encabezado-reserva-vencida {
	background-color: #f7f7f7;
	padding: 20px 15px 0 15px;
	margin-bottom: 40px;
	height: 153px;
	
}









































/* INICIO //////// --------------------------------------------------------------------- */

	section#inicio,section#ingreso_con_dni,section#demo{
		padding: 0 !important;
		position: relative;
		/* height: 100%; */
		/* background-color: olive; */
	}


	.contenido_izquierdo_index{
		padding: 30px 0;
		height: 100% !important;
		/* border:1px solid pink; */
		/* background-color: pink; */
	}
	.foto_index{
		/* height: 100vh; */
		/* height: 45vh; */
		background-image: url("../img/bg_inicio.jpg");
		background-size: cover;	
	}
	.foto_panel_inicial{
		padding-top: 100px;
	}
	.foto_index>.pie_advanced{
		width: 110px;
		opacity: .4;
		position: absolute;
		bottom: 10px;
		left: 15px;
	}

	#bienvenida_index {
		width: 100%;
		padding-right: 15px;
	}
	#bienvenida_index h2{
		font-family: 'Playfair Display', serif;
		color: #FFF;
		font-size: 5rem;
		line-height: 4rem;
		font-weight: 400;
	}
	#bienvenida_index h1{
		/* font-size: 3.5rem; */
		font-size: 3rem;
		line-height: 2.8rem;
		color: var(--main_color);
		font-weight: 200;
	}
	#bienvenida_index p span{
		font-weight: 700;
	}
	#bienvenida_index p{
		opacity: .8;
		display: inline-block;
		color: #fff;
		width: 100%;
		font-size: 1.7rem;
		/* line-height: 2.8rem; */
		line-height: 2.3rem;
		max-width: 600px;
	}
	#bienvenida_index p.panel_inicial{
		max-width: 400px;
		font-size: 1.9rem;
		line-height: 2.5rem;
		margin-top: -5px;
		/* background-color: red; */
	}
	.form_index{
		height: 100%;
		/* background-color: var(--main_color); */
	}
	
	#bienvenida_index a.quiero_oficina_segura{
		font-family: 'Playfair Display';
		text-align: center;
		display: inline-block;
		color: #FFF;
		font-size: 2rem;
		line-height: 2rem;
		border: 1px solid rgba(55,225,194,.4);
		text-decoration: none;
		padding: 10px 15px;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		-ms-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
	#bienvenida_index a.quiero_oficina_segura span{
		color: var(--main_color);
		font-weight: 800;
		font-size: 1.1rem;
		font-family: 'Manrope', Helvetica, Arial, sans-serif;
	}
	#bienvenida_index a.quiero_oficina_segura:hover{
		background-color: rgba(55,225,194,1);
	}
	#bienvenida_index a.quiero_oficina_segura:hover span{
		color: var(--blacknodi);
	}


	



	.col_der_inicio{
		/* height: 100vh; */
		background-color: #FFF;
		/* background-color: red; */
	}
	#contiene_parte_sup_panel_inicial{
		width: 100%;
		text-align: center;
		padding-left: 15px;
		padding-right: 15px;
		position: relative;
		background-color: var(--main_color);
	}
	#contiene_parte_sup_panel_inicial img{
		width: 100%;
		max-width: 120px;
		margin: 35px 0 35px 0;
	}
	#contiene_parte_sup_panel_inicial p{
		padding: 0 30px;
		color: var(--blacknodi);
		margin-bottom: 30px;
	}
	
	
	#contenido_derecho_panel_inicial{
		width: 100%;
		/* border:1px solid olive; */
	}
	#contenido_derecho_panel_inicial h1#como_ayudar_panel_inicial{
		display: block;
		width: 100%;
		text-align: center;
		line-height: 2.7rem;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	#botonera_panel_inicial{
		/* background-color: green; */
		padding: 20px;
	}	
	a.btns_panel_inicial{
		display: block;
		color: var(--blacknodi);
		text-decoration: none;
		padding:15px 0 20px 60px;
		font-size: 1.2rem;
		line-height: 1.2rem;
		position: relative;
		margin-bottom: 15px;
		font-weight: 100;
	}
	a.btns_panel_inicial span{
		font-weight: 700;
	}
	a.btns_panel_inicial:before{
		position: absolute;
		content: "";
		left: 0;
		top: 0;
		display: block;
		width: 55px;
		height: 55px;
		border-radius: 50%;
		background-repeat: no-repeat;
		background-position: center;
		background-size: 30px;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		-ms-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
	a.btns_panel_inicial.turno:before{
		background-color: #35d4b7;
		background-image: url("../img/icono_campana_blanca.svg");
		background-size: 28px;
	}
	a.btns_panel_inicial.lugar_trabajo:before{
		background-color: #42d8f1;
		background-image: url("../img/icono_escritorio.svg");
		/* background-size: 32px; */
	}
	a.btns_panel_inicial.limpieza:before{
		background-color: #d9bf30;
		background-image: url("../img/icono_limpieza.svg");
		background-size: 32px;
	}
	a.btns_panel_inicial.salud_ocupacional:before{
		background-color: #a87aff;
		background-image: url("../img/icono_corazon_blanco.svg");
		/* background-size: 50px; */
	}
	a.btns_panel_inicial.seguridad:before{
		background-color: #828282;
		background-image: url("../img/icono_matafuegos.svg");
		/* background-size: 50px; */
	}
	a.btns_panel_inicial.mantenimiento:before{
		background-color:#b8505e;
		background-image: url("../img/icono_mantenimiento_blanco.svg");
		background-size: 28px;
	}
	a.btns_panel_inicial.inmunocard:before{
		background-color: #0277ff;
		background-image: url("../img/icono_inmunocard.svg");
		background-size: 25px;
	}
	a.btns_panel_inicial:hover:before{
		/* background-size: 50px; */
		box-shadow:inset 3px 3px 5px rgba(0,0,0,.5);
	}




	body.login_nuevo{
		background-color: var(--blacknodi);
		background-image: url("../img/wifi_logo_blanca_transp.svg");
		background-repeat: no-repeat;
		background-position: 120% 100%;
		background-size:650px;
	}
	.form_index_login_nuevo{
		height: 100%;
	}
	button.bt_ingresar_login_nuevo{
		background-color: #33d3b4;
		border: none;
		width: 100%;
		color: #FFFFFF;
		font-weight: 600;
		font-size: 2rem;
		padding: 8px 0;
		max-width: 270px;
		margin-top: 10px;
	}
	a.boton_acceso_ad{
		display: block;
		margin-top: 70px;
	}
	a.boton_acceso_ad img{
		width: 100%;
		max-width: 70px;
	}

	#contiene_form_index{
		width: 100%;
		text-align: center;
		padding-left: 15px;
		padding-right: 15px;
		/* position: relative; */
		/* border:1px solid red; */
		/* background-color: #FFF; */
		margin-top: 120px;
	}
	
	#contiene_form_index input{
		background-color: rgb(232, 232, 232);
	}

	p.seprador_acceso_login{
		width: 100%;
		text-align: center;
		/* background-color: pink; */
		position: relative;
		margin-top: 10px;
	}
	p.seprador_acceso_login:before,p.seprador_acceso_login:after{
		content: "";
		display: block;
		width: 45%;
		height: 1px;
		background-color: rgb(205, 205, 205);
		position: absolute;
		top: 13px;
	}
	p.seprador_acceso_login:after{
		right: 0;
	}
	
	/* #contiene_form_index:before{
		content: "";
		display: block;
		position: absolute;
		bottom:15px;
		left: 5px;
		width: 100px;
		height: 100px;
		opacity: .15;
		background-color: blue;
		background-image: url("../img/in_blanco.svg");
		background-repeat: no-repeat;
	} */
	#contiene_img_login_nuevo{
		width: 100%;
		text-align: center;
	}

	#contiene_form_index img.logo{
		width: 100%;
		max-width: 150px;
		margin: 15px 0 55px 0;
	}
	.form-group.login_nuevo{
		margin-bottom: 25px;
	}
	.input_login_nuevo{
		background-color: transparent;
	}
	input.form-control_login_nuevo{
		background-color: transparent;
		border:none;
		border-bottom: 1px solid rgba(255,255,255,.2);
		width: 100%;
		padding: 10px 15px 10px 30px;
		color: #FFF;
		font-size: 1.7rem;
		font-weight: 400;
		max-width: 270px;
		background-repeat: no-repeat;
		background-position: left;
		background-size: 17px;
	}
	input.form-control_login_nuevo::placeholder{
		color: rgba(255,255,255,.5)
	}
	input.form-control_login_nuevo.pass{
		background-image: url("../img/icono_candado_verde.svg");
		
	}
	input.form-control_login_nuevo.usuario{
		background-image: url("../img/icono_user_verde.svg");
	}



	select#select_idiomas_login_web{
		position: absolute !important;
		top:20px;
		right: 35px;
		/* margin: 15px 0 0 0; */
		width: 35px;
		height: 16px;
		font-size: 1.3rem;
		/* background-color: red; */
		background-color: transparent;
		color: rgb(0, 0, 0);
		padding: 1px 0;
		font-weight: 600;
		background-image: url("../img/flecha_abajo_blanca.svg") !important;
		background-size: 11px;
	}
	


	

	input.form-control_login_nuevo:-webkit-autofill,
	input.form-control_login_nuevo:-webkit-autofill:hover, 
	input.form-control_login_nuevo:-webkit-autofill:focus
	{
		-webkit-text-fill-color: #FFF;
		-webkit-box-shadow: 0 0 0px 1000px var(--blacknodi) inset;
		transition: all 5000s ease-in-out 0s;
	}
	


/*
	a.idiomas_nuevo{
		color: #FFF;
		opacity: .7;
		font-weight: 800;
		font-size: 1.2rem;
		margin-left: 10px;
	}
	a.idiomas_nuevo.activo{
		color: #13af93;
		opacity: 1;
		font-weight: 800;
	}*/
	
/* INICIO //////// --------------------------------------------------------------------- */









































/* PUESTO DE TRABAJO //////// ---------------------------------------------------------------- */

	body.reseva_puesto_trabajo{	background-color: var(--main_color);}
	body.reserva_turno{	background-color:  var(--main_color)}


	.form_index.puesto_trabajo{
		/* height: 55vh; */
		/* background-color: #42d8f1; */
		margin-bottom: 50px;
	}

	form#form_login_puesto_trabajo{
		position: relative;
	}
	h1.login_interno{
		font-weight: 100;
		background-repeat: no-repeat;
		background-position: top center;
		background-size: 35px;
		padding-top: 40px;
		margin-bottom: 40px;
		font-size: 2.5rem;
	}
	h1.login_interno.puesto_trabajo{
		background-image: url("../img/icono_escritorio.svg");
	}


	#contiene_img_login_interno{
		width: 100%;
		/* background-color: blue; */
		text-align: center;
		margin-bottom: 15px;
	}
	img.login_puesto_trabajo{
		width: 100%;
		/* border: 1px solid yellow; */
		max-width: 90px !important;
		margin: 0 !important;
	}


	/* .bg-puesto-seleccionado {
		background-color: ;
	} */

	.bg-puesto {
		background-color: var(--main_color);
	}


	
	/*Oculto checkbbox original*/
	.content-input input,
	.content-select select{
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
	}
	.content-input input{
		visibility: hidden;
		position: absolute;
		right: 0;
	}
	/*Oculto checkbbox original*/

	.content-input{
		position: relative;
		/* margin-bottom: 30px; */
		padding:5px 0 5px 26px; /* Damos un padding de 60px para posicionar 
			el elemento <i> en este espacio*/
		display: block;
		width: 150px;
		/* background-color: var(--blacknodi); */
		color: var(--blacknodi);
		font-weight: 300;
		font-size: 1.3rem;
		line-height: 2rem;
	}
	 
	/* Estas reglas se aplicarán a todos las elementos i 
	después de cualquier input*/
	.content-input input + i{
		   background: #f0f0f0;
		   /* border:2px solid rgba(0,0,0,0.2); */
		   position: absolute; 
		   left: 0;
		   top: 5px;
	}
	 
	/* Estas reglas se aplicarán a todos los i despues 
	de un input de tipo checkbox*/
	.content-input input[type=checkbox ] + i{
		width: 40px;
		height: 20px;
		border-radius: 15px;
	}
	/*
	Creamos el círculo que aparece encima de los checkbox
	con la etqieta before. Importante aunque no haya contenido
	debemos poner definir este valor.
	*/
	.content-input input[type=checkbox] + i:before{
		content: ''; /* No hay contenido */
		width: 20px;
		height: 20px;
		background: #fff;
		border-radius: 50%;
		position: absolute;
		z-index: 1;
		left: 0px;
		top: 0px;
		-webkit-box-shadow: 3px 0 3px 0 rgba(0,0,0,0.2);
		box-shadow: 3px 0 3px 0 rgba(0,0,0,0.2);
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		-ms-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}

	/*Cambio de positcion de ficha */
	.content-input input[type=checkbox]:checked + i:before{
		left: 20px;
		top: 1px;
		width: 18px;
		height: 18px;
		-webkit-box-shadow: -3px 0 3px 0 rgba(0,0,0,0.2);
		box-shadow: 3px 0 -3px 0 rgba(0,0,0,0.2);
		background-color: var(--main_color);
		border: 1px solid rgba(255,255,255,1);
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		-ms-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
	
	.content-input input[type=checkbox]:checked + i{
		background: var(--blacknodi);
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		-ms-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
	

	.content-input input[type=checkbox] + i:after{
		content: '';
		position: absolute;
		font-size: 10px;
		color: rgba(255,255,255,0.6);
		top: 8px;
		left: 4px;
		opacity: 0 /* Ocultamos este elemento */;
		transition: all 0.25s ease 0.25s;
		
	}
	
	/* Cuando esté checkeado cambiamos la opacidad a 1 y lo mostramos */
	.content-input input[type=checkbox]:checked + i:after{
		opacity: 1;
	}
/* PUESTO DE TRABAJO //////// ---------------------------------------------------------------- */




































/* RESERVA TURNO //////// --------------------------------------------------------------------- */

	#contiene_no_hay_turnos_reservados p{
		text-align: center;
		font-family: 'Playfair Display';
		/* font-size: 3.7rem; */
		font-size: 3rem;
		/* line-height: 4rem; */
		line-height: 3.5rem;
		color: var(--blacknodi);
		padding-top: 80px;
		position: relative;
		/* margin: 50px 0; */
		margin: 15px 0;
	}
	#contiene_no_hay_turnos_reservados p:before{
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -30px;
		width: 65px;
		height: 65px;
		padding: 5px;
		/* border-radius: 50%; */
		/* border:1px solid var(--blacknodi); */
		/* background-image: url("../img/icono_taza.svg"); */
		background-image: url("../img/icono_persona_trabajando.png");
		background-repeat: no-repeat;
		background-position: center;
		background-size: 90%;
		/* background-color: pink; */
	}
	#contiene_no_hay_turnos_reservados p span{
		display: block;
		font-size: 1.5rem;
		line-height: 1.7rem;
		font-family: 'Manrope', Helvetica, Arial, sans-serif;
		margin-top: 40px;
		padding-top: 20px;
		position: relative;
	}
	#contiene_no_hay_turnos_reservados p span:before{
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -60px;
		width: 120px;
		height: 1px;
		background-color: rgb(0, 0, 0,.2);
	}


	#contiene_no_hay_turnos_reservados{
		width: 100%;
		padding: 30px;
		background-color: #f0f0f0;
	}


	/* no hay solicitudes */

	#contiene_no_hay_solicitudes_reservados p{
		text-align: center;
		font-family: 'Playfair Display';
		font-size: 3.7rem !important;
		/* line-height: 4rem; */
		line-height: 3.5rem;
		color: var(--blacknodi);
		padding-top: 80px;
		position: relative;
		/* margin: 50px 0; */
		margin: 15px 0;
	}
	#contiene_no_hay_solicitudes_reservados p:before{
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -30px;
		width: 65px;
		height: 65px;
		padding: 5px;
		/* border-radius: 50%; */
		/* border:1px solid var(--blacknodi); */
		/* background-image: url("../img/icono_taza.svg"); */
		background-image: url("../img/icono_solicitudes_campanita.png");
		background-repeat: no-repeat;
		background-position: center;
		background-size: 90%;
		/* background-color: pink; */
	}
	#contiene_no_hay_solicitudes_reservados p span{
		display: block;
		font-size: 1.5rem;
		line-height: 1.7rem;
		font-family: 'Manrope', Helvetica, Arial, sans-serif;
		margin-top: 40px;
		padding-top: 20px;
		position: relative;
	}
	#contiene_no_hay_solicitudes_reservados p span:before{
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -60px;
		width: 120px;
		height: 1px;
		background-color: rgb(0, 0, 0,.2);
	}


	#contiene_proximo_turno,#contiene_no_hay_solicitudes_reservados{
		width: 100%;
		padding: 30px;
		background-color: #f0f0f0;
	}

	/* FIN no hay solicitudes*/


	#contenido_interno_proximo_turno{
		background-color: #FFF;
		padding: 35px 25px;
	}
	#contenido_interno_proximo_turno p.numero_turno_reservado{
		background-color: var(--main_color);
		font-size: 3.5rem;
		line-height: 4rem;
		padding-top: 22px;
		/* margin-bottom: 50px; */
		color: var(--blacknodi);
		border-radius: 50%;
		width: 85px;
		height: 85px;
		text-align: center;
	}
	#contenido_interno_proximo_turno p#datos_turno_reservado{
		color: #4bb1a7;
		font-size: 2rem;
		line-height: 2rem;
		font-weight: 800;
		margin-top: 30px;
	}
	#contenido_interno_proximo_turno p#datos_turno_reservado span{
		display: block;
		font-size: 3rem;
		line-height: 3rem;
		font-weight: 200;
		color: #373636;
		margin-top: 5px;
	}
	#contenido_interno_proximo_turno p#tiempo_restante_turno{
		font-size: 1rem;
		color: var(--blacknodi);
		font-weight: 400;
	}

	#contenido_interno_proximo_turno p#tiempo_restante_turno span#barra_tiempo_turno{
		display: block;
		width: 100%;
		height: 5px;
		margin-top: 3px;
		background-color: var(--main_color);
	}
	#contenido_interno_proximo_turno p#tiempo_restante_turno span#barra_tiempo_turno span{
		display: block;
		height: 100%;
		background-color: var(--blacknodi);
		width: 30%;
	}
	#contenido_interno_proximo_turno ul#detalle_proximo_turno li:last-child{
		border:none
	}
	
	#contenido_interno_proximo_turno ul#detalle_proximo_turno li{
		margin: 0;
		padding: 10px 0 10px 30px;
		color:#373636;
		font-size: 1.4rem;
		line-height: 1.5rem;
		border-bottom: 1px solid #dfdfdf;
		background-repeat: no-repeat;
		background-position: left;
		background-size: 20px;
	}
	#contenido_interno_proximo_turno ul#detalle_proximo_turno li a{
		color:#373636;
	}
	#contenido_interno_proximo_turno ul#detalle_proximo_turno li.institucion{
		background-image: url("../img/icono_edificio_verde.svg");
	}
	#contenido_interno_proximo_turno ul#detalle_proximo_turno li.direccion{
		background-image: url("../img/icono_ubicacion_verde.svg");
		background-size: 12px;
		background-position: 3px;
	}
	#contenido_interno_proximo_turno ul#detalle_proximo_turno li.whatsapp{
		background-image: url("../img/icono_whatsapp_verde.svg");
		background-size: 16px;
		background-position: 2px;
	}

	
	
	#contenido_interno_proximo_turno a.bt_turno_reservado{
		display: block;
		padding: 8px 0 8px 50px;
		text-decoration: none;
		color: var(--blacknodi);
		font-size: 1.4rem;
		background-color: var(--main_color);
		margin-top: 15px;
		background-repeat: no-repeat;
		background-position: 15px;
		background-size: 20px;
		-webkit-transition: all 0.25s ease-in-out;
		-moz-transition: all 0.25s ease-in-out;
		-o-transition: all 0.25s ease-in-out;
		-ms-transition: all 0.25s ease-in-out;
		transition: all 0.25s ease-in-out;
	}
	
	#contenido_interno_proximo_turno a.bt_turno_reservado.reprogramar{
		background-image: url("../img/icono_reprogramar.svg");
	}	
	#contenido_interno_proximo_turno a.bt_turno_reservado.reprogramar:hover{
		background-color: #08be63;
		color:#FFF;
	}
	#contenido_interno_proximo_turno a.bt_turno_reservado.cancelar:hover{
		background-color: rgb(245, 47, 47);
		color:#FFF;
	}
	#contenido_interno_proximo_turno a.bt_turno_reservado.cancelar{
		background-image: url("../img/cruz_negra.svg");
		background-size: 17px;
	}	

	
	a#ver_todos_los_turnos{
		display: inline-block;
		font-size: 1.6rem;
		line-height: 1.6rem;
		padding: 10px 0 10px 30px;
		background-image: url("../img/icono_calendario.svg");
		background-repeat: no-repeat;
		background-position: left;
		background-size: 20px;
		font-weight: 800;
		color: var(--blacknodi);
		margin-top: 20px;
		text-decoration: none;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	a#ver_todos_los_turnos:hover{
		padding: 10px 0 10px 35px;
	}

	#contiene_reserva_turno{
		width: 100%;
		padding: 30px;
		background-color: var(--main_color);
		border-top: 6px solid var(--blacknodi)000;
		margin: 40px 0;
		/* margin: 0; */
	}

	#form_nuevo_turno input{
		margin: 7px 0;
	}

	#contenido_iterno_nuevo_turno{
		width: 100%;
	}

/* RESERVA TURNO //////// --------------------------------------------------------------------- */















#boton_modal_sector.inhabilitado{
	background-color: red;
}












/* RESERVA PUESTO DE TRABAJO //////// ----------------------------------------------- */
#contiene_info_sobre_oficinas{
	width: 100%;
	padding: 30px;
	background-color: #f0f0f0;
	margin-bottom: 15px;
}

h1.info_general_empresa{
	font-size: 1.7rem;
	margin-bottom: 20px;
	border-bottom: 1px solid rgba(0, 0, 0,.1);
}
img.logo_empresa_reserva_puesto{
	width: 100%;
	max-width: 120px;
	margin-bottom: 30px;
}
p.disponibilidad_total{
	font-size: 1.4rem;
	line-height: 1.4rem;
	color: var(--blacknodi);
	margin-top: 15px;
	display: inline-block;
}
p.disponibilidad_total span{
	font-weight: 600;
}
p.porcentaje_disponible_oficina{
	text-align: center;
	color: var(--main_color);
	font-size: 3rem;
	line-height: 3.5rem;
	margin-top: 2px;
	font-weight: 200;
	/* background-color: red; */
}
p.porcentaje_disponible_oficina span{
	display: block;
	color: rgb(46, 46, 46);
	font-size: 1.7rem;
	line-height: 1.7rem;
	margin-top: 10px;
	font-weight: 100;
}
p.simulacion_barra{
	display: block;
	width: 100%;
	height: 3px;
	background-color: var(--blacknodi);
	margin: -6px 0 20px 0;

	
	/* border: 1px solid red; */
}
p.simulacion_barra span{
	display: block;
	background-color: var(--main_color);
	/* width: 83%; */
	height: 100%;
}
p.simulacion_barra span.texto{
	display: block;
	text-transform: uppercase;
	color: var(--blacknodi);
	font-weight: 400;
	text-align: right;
	font-size: .9rem;
	background-color: transparent;
}
p.espacios_disponibles{
	font-size: 1.4rem;
	line-height: 1.4rem;
	color: var(--blacknodi);
	margin: 15px 0 20px 0;
}
p.estados_actuales_oficinas.total{
	background-color: var(--main_color);
	color: #FFF;
	border: none;
}
p.estados_actuales_oficinas.total span{
	color: #FFF;
}
p.estados_actuales_oficinas{
	display: block;
	float: left;
	border:1px solid rgba(0,0,0,.4);
	width: 65px;
	height: 65px;
	border-radius: 50%;
	padding-top: 10px;
	text-align: center;
	font-size: 0.9rem;
	font-weight: 500;
	margin: 0 5px;
}
p.estados_actuales_oficinas span{
	display: block;
	color: #646363;
	font-weight: 900;
	font-size: 2.5rem;
	line-height: 2.5rem;
	text-align: center;
}















/*Redisenio --------*/
	p.espacios_disponibles_titulo{
		font-size: 1.2rem;
		color: rgb(39, 39, 39);
		font-weight: 700;
		margin: 0;
	}
	ul.listado_disponibilidad_reserva{
		/* background-color: olive; */
		height: 30px;
		margin-top: 5px;
		padding: 0;
	}
	ul.listado_disponibilidad_reserva li{
		float: left;
		padding: 0 8px 2px 8px;
		margin: 0;
		border-right: 1px solid #a5a5a5;
		/* background-color: red; */
	}
	ul.listado_disponibilidad_reserva li span:first-child{
		color: #686868;
		font-size: 1.6rem;
		line-height: 1.6rem;
		font-weight: 800;
		display: block;
		/* background-color: pink; */
	}
	ul.listado_disponibilidad_reserva li:last-child{border-right: none}
	ul.listado_disponibilidad_reserva li:first-child{padding-left: 0;}

	ul.listado_disponibilidad_reserva li span{
		display: block;
		font-size: 1.05rem;
		line-height: 1rem;
		margin-left: 1px;
		font-weight: 400;
		margin-top: 1px;
		padding: 0;
		/* background-color: green; */
	}

	#li_tiempo{
		/* background-color: red; */
		background-image: url("../img/icono_cronometro_negro.svg");
		background-repeat: no-repeat;
		background-position: left;
		background-size: 13px;
		padding-left: 22px;
		color: var(--blacknodi);
	}
	#li_tiempo span.valor{
		font-weight: 800;
	}

	#pre_plano_reserva_puestos{
		/* padding: 100px 0; */
		color: var(--blacknodi);
		background-color: #f0f0f0;
		background-image: url("../img/icono_plano_blanco.svg");
		background-repeat: no-repeat;
		background-position: center;
		background-size: 110%;
		height: 100%;
	}
	#pre_plano_reserva_puestos p{
		color: var(--blacknodi);
		font-size: 1.4rem;
		line-height: 1.6rem;
		padding: 10px 0 10px 45px;
		background-image: url("../img/icono_plano.svg");
		background-repeat: no-repeat;
		background-position: left;
		background-size: 30px;
	}

	a.nuevo_boton_adicionales{
		display: block;
		width: 100%;
		color:#575756;
		text-decoration: none;
		padding: 8px 0;
		cursor: pointer;
		text-align: center;
		font-size: 1.4rem;
		font-weight: 200;
		border: 1px solid #bbbbbb;
		transition: all .3s ease-in-out;
	}
	a.nuevo_boton_adicionales:hover{
		background-color: #bbbbbb;
		color:#FFF;
	}
	a.nuevo_boton_adicionales.desactivado{
		opacity: .3;
		cursor: default;
	}
	a.nuevo_boton_adicionales.desactivado:hover{
		background-color: #FFF;
		color:#575756;
	}





	.custom-control-input:checked~.custom-control-label::before {
		color: #fff;
		border-color: var(--main_color);
		background-color: var(--main_color);
		font-size: 2rem !important;
		padding-left: 20px;
	}
	.custom-switch .custom-control-label::before {
		/* background-color: red; */
		left: -3.4rem;
		width: 3rem;
		height: 1.6rem;
		pointer-events: all;
		border-radius: 1rem;
	}
	.custom-control-label::before{
		top: 0rem;
	}
	.custom-switch .custom-control-input:checked~.custom-control-label::after { /*Punto del switch seleccionado*/
		background-color: #FFF;
		transform: translateX(1.3rem);
	}
	.custom-switch .custom-control-label::after {  /*Punto del switch en reposo*/
		/* margin-top: 1px; */
		width: 10px;
		height: 10px;
		top: 3px;
		left: -3.1rem;
	}

	.custom-control-label{
		font-size: 1.4rem !important;
		line-height: 1.5rem !important;
		color:#575756;
		font-weight: 200;
		cursor: pointer;
	}
	.custom-control-label.desactivado{
		cursor: default;
		opacity: .3;
	}
	




	



	ul#nuevos_botones_reservas li{
		text-align: center;
	}
	
	ul#nuevos_botones_reservas li a#con_periodica.deshabilitado,ul#nuevos_botones_reservas li a#confirmar.deshabilitado,ul#nuevos_botones_reservas li a#confirmar_e.deshabilitado{
		opacity: .4;
		cursor: default;
		/* border:2px solid red */
	}
	ul#nuevos_botones_reservas li a#con_periodica.deshabilitado:hover:before,ul#nuevos_botones_reservas li a#confirmar_e.deshabilitado:hover:before,ul#nuevos_botones_reservas li a#confirmar.deshabilitado:hover:before{
		background-color: #cccccc;
	}
	ul#nuevos_botones_reservas li a{
		display: block;
		color: #1d1d1b;
		font-size: 1rem;
		line-height: 1.1rem;
		text-decoration: none;
		position: relative;
		padding-top: 42px;
		margin-bottom: 18px;
		font-weight: 300;
		/* background-color: red; */
	}
	ul#nuevos_botones_reservas li a:before{
		content: "";
		width: 40px;
		height: 40px;
		border-radius: 50%;
		background-color: #cccccc;
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -20px;
		display: block;
		background-repeat: no-repeat;
		background-position: center;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	ul#nuevos_botones_reservas li a.periodica:before{
		background-image: url("../img/icono_reserva_periodica_blanco.svg");
		background-size: 22px;
	}
	ul#nuevos_botones_reservas li a.empleado:before{
		background-image: url("../img/icono_usuario_blanco.svg");
		background-size: 17px;
	}
	ul#nuevos_botones_reservas li a.tercero:before{
		background-image: url("../img/icono_tercero_blanco.svg");
		background-size: 19px;
	}
	ul#nuevos_botones_reservas li a:hover:before{background-color: var(--main_color);}
	ul#nuevos_botones_reservas li a.activo:before{
		background-color: var(--main_color);
	}


	h2.titulos_modales_nuevos{
		color: #1d1d1b;
		text-align: left;
		font-size: 2.2rem;
		line-height: 2rem;
		font-weight: 200;
		padding:5px 0 5px 60px;
		background-repeat: no-repeat;
		background-position: left;
		background-size: 45px;
	}
	h2.titulos_modales_nuevos.periodica{background-image: url("../img/icono_reserva_periodica_negro.svg");}
	h2.titulos_modales_nuevos.empleado{background-image: url("../img/icono_usuario_negro.svg"); background-size: 33px;}
	h2.titulos_modales_nuevos.externo{background-image: url("../img/icono_tercero_negro.svg"); background-size: 33px;}
	h2.titulos_modales_nuevos.adicionales{background-image: url("../img/icono_mas_negro.svg"); background-size: 45px;}
	h2.titulos_modales_nuevos.confirmar_reserva{
		background-image: url("../img/icono_tilde_fondo_verde.svg"); 
		background-size: 55px;
		padding:65px 0 15px 60px;
		background-position: top center;
	}

	/* h2.titulos_modales_nuevos.confirmar_reserva-sector{
		background-image: url("../img/icono\ sectoricono-sector.svg"); 
		background-size: 70px;
		padding:15px 0 15px 60px;
		margin-left: -10px;
	} */

	.sectoricono {
		width: 70px;
	}
	h2.reservasector {
		font-size: 30px;
		font-weight: 900;
		padding-top: 20px;
		line-height: 32px;
	}

	img.tilde_verde_confirma_reserva{
		width: 55px;
		margin-bottom: 50px;
	}
	h2.titulos_modales_nuevos_centradosserif{
		color: #1d1d1b;
		text-align: center;
		font-size: 3.7rem;
		line-height: 3.7rem;
		font-weight: 200;
		/* padding:5px 0 5px 60px; */
		padding: 0;
		font-family: 'Playfair Display';
		background-repeat: no-repeat;
		background-position: top;
	}
	h2.titulos_modales_nuevos_centradosserif.cierre_reserva{
		background-image: url("../img/icono_personaescritorio_negro.svg"); 
		background-size: 60px;
		padding-top: 110px;
	}
	
	h2.titulos_modales_nuevos_centradosserif.sector_completo{
		background-image: url("../img/icono_sector_negro.svg"); 
		background-size: 60px;
		padding-top: 100px;
	}
	

	p.bajada_confirmacion_reserva{
		text-align: center;
		color: #1d1d1b;
		font-size: 1.5rem;
		line-height: 1.8rem;
		/* box-sizing: content-box; */
		/* width: 80%; */
		/* display: inline-block; */
		/* align-content: center; */
	}




	.bg-gris {
		background-color:#f6f6f6;
		padding: 10px 0 5px 10px;
		display: flex;
		align-items: flex-start;
		margin-bottom: 30px;
		border-radius: 15px
	}

	.bg-gris img {
		margin:3px 10px 0 0;
	}

	.bg-gris p {
		text-align: left;
		color: #1d1d1b;
		font-size: 1.4rem;
		line-height: 2rem;
}


	.fechadereserva {
		font-size: 25px;
		font-weight: 900;
		padding-top: 20px;
		line-height: 26px;
		text-align: left;
		color: #26d1b2;
		display: inline;
		float: left;
	}
	.fechadereserva span{
		font-weight: 100;
	}

	p.horadereserva {
		font-size: 19px;
		font-weight: 1000;
		line-height: 18px;
		color:#888888;
		margin-bottom: 0%;
		text-align: left;
	}

	p.horadereserva span {
		font-weight: 100;
		margin-bottom: 0%;
	}






	p.primeros_datos_confirmacion_reserva{
		width: 100%;
		border-bottom: 1px solid rgba(0,0,0,.2);
		text-align: left;
	}
	p.primeros_datos_confirmacion_reserva span#li_fecha{
		color: var(--main_color);
		font-size: 2.1rem;
		font-weight: 700;
	}
	p.primeros_datos_confirmacion_reserva span#li_hora{
		color: #b2b2b2;
		font-size: 2.1rem;
		font-weight: 700;
		margin-left: 10px;
	}
	p.primeros_datos_detalle_hora{
		text-align: left;
		margin-bottom: 10px;
		margin-top: 5px;

	}
	p.primeros_datos_detalle_hora span#li_tiempo{
		
	}

	p.tu_seleccion_en_mapa{
		/* visibility: hidden; */
		width: auto;
		opacity: 0;
		text-align: right;
		margin-top: -20px;
		/* border-top: 8px solid var(--main_color); */
		transition: all .3s ease-in-out;
	}
	p.tu_seleccion_en_mapa.activo{
		margin-top: 0;
		opacity: 1;
	}
	p.tu_seleccion_en_mapa span{
		font-weight: 800;
	}

	ul.listado_dias_periodicos,ul.listado_adicionales{
		padding: 20px 0;
	}
	ul.listado_dias_periodicos li,ul.listado_adicionales li{
		text-align: left;
		padding: 8px 0;
		border-bottom: 1px solid #dddddd;
	}
	ul.listado_dias_periodicos li:last-child,ul.listado_adicionales li:last-child{
		border-bottom: none;
	}
	ul.listado_dias_periodicos li a,ul.listado_adicionales li a{
		font-size: 1.5rem;
		font-weight: 200;
		color: #666666;
		text-decoration: none;
		display: block;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		-ms-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
	}
	ul.listado_dias_periodicos li a:hover,ul.listado_adicionales li a:hover{
		font-weight: 700;
		color: var(--blacknodi);
	}
	ul.listado_dias_periodicos li a.seleccionado,ul.listado_adicionales li a.seleccionado{
		font-weight: 800;
		color: var(--blacknodi);
		padding-left: 23px;
		background-image: url("../img/icono_tilde_verde2.svg");
		background-repeat: no-repeat;
		background-position: left;
		background-size: 16px;
	}
	p.verificando{
		position: absolute;
		background-color: var(--main_color);
		width: 100%;
		height: 50px;
		/* position: relative; */
	}
	#confirmar_perioricidad{
		display: none;
	}



	#contiene_loader_full{
		display: none;
		position: absolute;
		top:0;
		left: 0;
		z-index: 9999;
		width: 100%;
		height: 100vh;
		background-color: rgba(0, 0, 0, 0.7);
	}


	.loader,
	.loader:after {
		border-radius: 50%;
		width: 35px;
		height: 35px;
		display: none;
		/* background-color: red; */
	}
	.loader {
		/* margin: 0px auto; */
		/* font-size: 10px; */
		position: relative;
		top: 30px;
		left: 140px;
		/* text-indent: -9999em; */
		border-top: 5px solid rgba(55, 224, 193, 0.2);
		border-right: 5px solid rgba(55, 224, 193, 0.2);
		border-bottom: 5px solid rgba(55, 224, 193, 0.2);
		border-left: 5px solid var(--main_color);
		-webkit-transform: translateZ(0);
		-ms-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-animation: load8 1.1s infinite linear;
		animation: load8 1.1s infinite linear;
	}
	.loader.centrado{
		top: 50%;
		left: 50%;
		display: block;
	}
	@-webkit-keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
	}
	@keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
	}
	  

/*Redisenio --------*/











































































































/* ----------------------------------------------------CURSADA  -------------------------------------------  */



.cursosycertificados .miscursos{
	padding-top: 20px;
	/* background-color: red; */
}


/* CARDS VERTICALES//////// --------------------------------------------------------------------- */

.card{
	border: none;
	border: 1px solid var(--main_color);
	border-radius: 15px;
	overflow: hidden;
	position: relative;
}



.card .card-body{
	padding: 0;
}
.card .card-body h2{ 
	font-weight: 600;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2; /* Número máximo de líneas */
	overflow: hidden;
	text-overflow: ellipsis;
}
.card .contenedor_img{
	height: 200px;
	width: 100%;
	/* border: 1px solid blue; */
	overflow: hidden;
	justify-content: left !important;
}
.card .contenedor_img img{
	height: 200px;
	width: 100%;
	object-fit: cover;
	/* border: 1px solid red; */
}
.card .detalle{
	padding: 2rem;
	padding-bottom: 3rem;
	position: relative;
}
.card .detalle .aviso{
	color: var(--naranjanodi);
	font-weight: bold;
	font-size: 1,3rem;
	line-height: 1.3rem;
	padding-bottom: 5px;
	padding-top: 5px;
}

.card .detalle .info{
	font-size: 1.2rem;
	line-height: 1.2rem;
	color: var(--grisnodi);
	
}
 .card .detalle .info li{
	position: relative;
	padding-left: 17px;
	padding-bottom: 5px;
	font-size: 1.2rem;
	line-height: 1.2rem;
	padding-top: 5px;
	
}
.card .detalle .info li:after{ 
	position: absolute;
	content: "";
	height: 13px;
	width: 13px;
	top: 4px;
	left: 0px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	
}
.card .detalle .info li.plazo:after{
	background-image: url(../img/IconoCalendario.svg);
}
.card .detalle .info li.duracion:after{ 
	background-image: url(../img/IconoReloj.svg);
	
}
.card .detalle ul {
	font-size: 1.2rem;
	line-height: 1.2rem;
	color: var(--grisnodi);
}
.card .detalle span {
	font-weight: 700;
	font-size: 1.2rem;
	line-height: 1.2rem;
}
.card .detalle h5{
	text-transform: uppercase;
}
.card-footer {
	border: none;
	background: none;
	padding-bottom: 10px;
	padding-top: 15px;
	/*position: relative;*/
	font-size: 1.2rem;
	line-height: 1.2rem;
}
.etiqueta-data{
	display: block;
	/* border: 1px solid var(--main_color); */
	z-index: 0;
	padding: 3px;
	font-size: 1.1rem;
	line-height: 1.2rem;
	margin-left: 10px;
}
/*
.etiqueta-data:after{
	position: absolute;
	content: "";
	height: 35px;
	width: 33px;
	background-color: white;
	top: 11px;
	left: 7px;
	z-index: 4;
}
.etiqueta-data:before{
	position: absolute;
	content: "";
	height: 34px;
	width: 35px;
	border-radius: 50%;
	border: 1px solid var(--main_color);
	background-color: white;
	top: 11px;
	left: 11px;
	z-index: 3;
}*/

img.img_antesdecomenzar{
	width: 100%;
	max-width: 350px;
}

/* Curso aprobado y cursadp*/
.card.curso_aprobado .contenedor_img img{filter: grayscale(100%);}
/*.card.curso_aprobado .detalle .etiquetas{opacity: .3}
.card.curso_aprobado .detalle{opacity: .3}*/
.card.card.curso_aprobado{ border: none; background-color: var(--main_color10);}
/*.card.curso_aprobado .card-footer .btn-mas{background-color: var(--grisnodi);}*/


/* Curso pendiente */
/*.card.curso_pendiente .detalle .etiquetas {background-color: var(--naranjanodi);}*/


/* Curso No disponible */
.card.curso_nodisponible .card-footer .btn-mas{background-color: var(--grisnodi);}
.card.curso_nodisponible{border: 2px solid var(--amarillonodi);}
/*.card.curso_nodisponible .contenedor_img img{filter: grayscale(100%);}




/* ETIQUETAS//////// --------------------------------------------------------------------- */


.card .etiquetas{
	position: absolute;
	top: -15px;
	left: 0px;
}


.etiquetas{
	display: block;
	color: white;
	background-color: var(--main_color);
	border-radius: 7px;
	border: 2px solid var(--amarillonodi);
	line-height: normal;
	text-align: center;
	padding: 5px 9px;
	width: auto;
	font-size: 1.1rem;
	line-height: 1.1rem;
}

.etiquetas.proximamente{
	background-color: var(--grisnodi);
}
.etiquetas.desaprobado {
	background-color: var(--blacknodi);
}
.etiquetas.pendiente{
	background-color: var(--naranjanodi);
}
.etiquetas.en-progreso{
	background-color: white;
	color: var(--main_color);
	font-weight: 600;
}






/* CARDS HORIZONTALES//////// --------------------------------------------------------------------- */



.cursosycertificados .miscertificados {
	padding-top: 20px;
	/*background-color: pink;*/
}

.cards-horizontales .card{
	border: none;
	/*max-width: 300px;*/
	/*height: 150px;*/
	/*background-color: green;*/
}

.cards-horizontales .card .detalle h3{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1; /* Número máximo de líneas */
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: capitalize;
	transition: all .2s ease-in-out;
	font-weight: 700;
}
.cards-horizontales .card .contenedor_img{
	position: relative;
	padding-bottom: 10px;
	height: 137px;
	width: auto;
	overflow: visible;
	z-index: 0;
	/*border: 1px solid violet;*/
}
.cards-horizontales .card .contenedor_img:before{
	content: "";
	width: 90px;
	height: 50px;
	background-color: var(--amarillonodi);
	position: absolute;
	bottom: 0;
	left: 17px;
	z-index: -1;
	transition: all .2s ease-in-out;
}
.cards-horizontales .card .card-body:hover > .contenedor_img img{filter: grayscale(0%); border: 4px solid #FFF;}
.cards-horizontales .card .card-body:hover > .contenedor_img:before{background-color: var(--main_color);}
.cards-horizontales .card .card-body:hover > .detalle h3{color: var(--main_color);}




.cards-horizontales .card-body .contenedor_img img {
	border: 7px solid #FFF;
	border-radius: 50%;
	width: 125px;
	overflow: hidden;
	height: 125px;
	object-fit: cover;
	filter: grayscale(100%);
	transition: all .2s ease-in-out;
}
.cards-horizontales .card-body .detalle{
	padding: 5px;
	padding-left: 0px;
}
.cards-horizontales .card-body .detalle .etiquetas{
	max-width: 80px;
	top: -2px;
	position: relative;
}

.cards-horizontales .card-body .detalle .plazo{
	max-width: max-content;
	padding-left: 17px;
	padding-top: 4px;
	padding-bottom: 13px;
	position: relative;
}
.cards-horizontales .card-body .detalle .plazo:after{
	position: absolute;
	content: "";
	height: 13px;
	width: 13px;
	top: 3px;
	left: 0px;
	background-image: url(../img/IconoCalendario.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;

}

.cards-horizontales .btn-secondary{
	height: fit-content;
	width: fit-content;
	position: absolute;
	right: 10px;
	bottom: 30px;
}







/* CURSO DESPLEGADO //////// --------------------------------------------------------------------- */

/* 
.offcanvas.offcanvas-top{
	height: auto;
} */

.offcanvas-top{
	min-height: 600px;
}
.offcanvas.offcanvas-top{
	/*border: 1px solid red;*/
	padding-bottom: 20px;
	min-height: 700px; 
	padding: 20px;
}

.offcanvas .offcanvas-body .detalle h5{
	text-transform: uppercase;
	font-size: 1.2rem;
	line-height: 1.2rem;
}
.offcanvas .offcanvas-body img{
	max-height: 100%;
	border-radius: 20px;
}


.offcanvas .detalle span {
	font-weight: 700;
}
.offcanvas .detalle .descripcion{
	font-size: 1.4rem;
	line-height: 1.8rem;
	color: var(--main_color);
	padding-top: 20px;
	/* border: 1px solid pink; */
}
.offcanvas .detalle p{
	font-size: 1.3rem;
	padding-top: 15px;
}



.offcanvas .offcanvas-body .detalle .info{
	font-size: 1.2rem;
	line-height: 1.6rem;
	color: var(--grisnodi);
	position: relative;
	/* border: 1px solid orange; */
}

.offcanvas .offcanvas-body .detalle .info li{ 
	position: relative;
	display: block;
	/* border: 1px solid red; */
	margin: 0 0 4px 0;
	padding-left: 20px;
}
.offcanvas .offcanvas-body .detalle .info li:after{ 
	position: absolute;
	content: "";
	height: 13px;
	width: 13px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	left: 0px;
	top: 2px;
}
.offcanvas .offcanvas-body .detalle .info li.plazo:after{background-image: url(../img/IconoCalendario.svg);}
.offcanvas .offcanvas-body .detalle .info li.duracion:after{background-image: url(../img/IconoReloj.svg);}

.offcanvas .offcanvas-body .etiquetas.pendiente{
	position: relative;
	max-width: fit-content;
	top: -2px;
	left: 0px;
}
.offcanvas .offcanvas-body .etiquetas.desaprobo{
	position: relative;
	max-width: fit-content;
	top: -2px;
	left: 0px;
}

/* Avisos //////// --------------------------------------------------------------------- */


.avisosilustrados h2 {
	max-width: fit-content;
	text-transform: initial;
	/* border: 2px solid red; */
}
.avisosilustrados h2.alerta{ color: var(--naranjanodi);}

.avisosilustrados .descripcion p{
	font-size: 1.3rem;
	line-height: 1.8rem;
	max-width: 400px;
	/* background-color: olive; */
}
.avisosilustrados .descripcion span{
	font-weight: 700;
	color: var(--main_color);
	font-size: 1.3rem;
	line-height: 1.8rem;
}

.descripcion_antescursada h3{
	font-weight: 700;
}
.descripcion_antescursada p{
	font-size: 1.4rem;
}
.descripcion_antescursada{
	font-size: 1.3rem;
	line-height: 1.8rem;
	max-width: 400px;
}

/*
.avisosilustrados .contenedor_img img{
	width: 100%;
}

.avisosilustrados .contenedor_img img{
	max-width: 300px;
}*/


/* Temporizador //////// --------------------------------------------------------------------- */

.contiene_temporizador h5{
	font-size: 1rem !important;
	margin-bottom: 10px;
}

ul.temporizador li{
	display: inline-block;
	position: relative;
	background-color: var(--amarillonodi);
	width: 60px;
	text-align: center;
	padding: 4px 0;
	border-radius: 6px;
	color: var(--main_color);
	font-size: 2rem;
	font-weight: 800;
}
ul.temporizador li:first-child{
	margin-right: 5px;
}
ul.temporizador li span{
	position: absolute;
	bottom: -15px;
	left: 0;
	font-size: .9rem !important;
	font-weight: 400 !important;
	text-align: center;
	width: 100%;
}
/*
.temporizador .cuentaregresiva .minutos{
	padding-right: 0px;
}
.temporizador .cuentaregresiva h3{
	background-color: var(--amarillonodi);
	padding-left: 5px;
	border-radius: 6px;
	color: var(--main_color);
}*/

/* Durante cursada //////// --------------------------------------------------------------------- */


.durantecursada h3{
	color: var(--main_color);
}
.durantecursada .contenedor_multimedia {
	border-radius: 25px;
	background-color: var(--blacknodi);
	position: relative;
	padding: 40px;
	/*padding-bottom: 56.25%;*/ /* 16:9 aspect ratio */
}

.durantecursada .form-check.etiqueta-data{
	/* background-color: red; */
	width: 100% !important;
	font-size: 1.2rem;
	line-height: 1.3rem;
	width: fit-content;
	margin: 15px 0 0 0;
	position: relative;
	padding-left: 22px;
}
/*
.durantecursada .etiqueta-data:after{
	top: -2px;
	left: -25px;
	z-index: 2;
	background-color: red;
}*/

.durantecursada .form-check .form-check-input{
	position: absolute;
	background-color: var(--amarillonodi) !important;
	border-radius: 0;
	top: 0px;
	left: 18px;
	border: 2px solid var(--main_color);
	width: 16px;
	height: 16px;
}

.durantecursada .form-check .form-check-input:checked{
	background-color: var(--main_color) !important;
}

/*
.modal .curso-finalizado .contenedor_img img{
	width: 100%;
	height: auto;
}*/
.modal-body h5{
	text-transform: uppercase;
	font-size: 1.2rem;
	line-height: 1.2rem;
}

.durantecursada .visualizarcontenido .btn-primary{
	/*border: 1px solid red;*/
	margin-top: 15px;
}

/* evaluacion //////// ---------------------------------------------------------------- */

.evaluacion h3{
	color: var(--main_color);
}




.evaluacion .pregunta {
    /* border: 1px solid blue; */
	margin-bottom: 20px;
	padding: 15px 20px;
	border-radius: 10px;
	background-color: rgba(0, 118, 130, .1)
}
.evaluacion .pregunta p{
    font-weight: 400;
	font-size: 1.3rem;
	color: var(--blacknodi);
}
.evaluacion .pregunta p strong{
    font-weight: 600;
}
.evaluacion .pregunta .form-check{
	font-size: 1.2rem;
	color: var(--main_color);
	margin-bottom: 5px;
}
.evaluacion .pregunta .form-check .form-check-input{
	border: 1px solid var(--main_color);
}
.evaluacion .pregunta .form-check .form-check-input:checked{
	background-color: var(--main_color);
	background-image: none;
}
/*
.evaluacion .cantidad-preguntas .list-group-item.active:after {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    border-radius: 10px;
    border: 1px solid var(--amarillonodi);
    bottom: 9px;
    right: 8px;
	background-color: red;
}

.evaluacion .cantidad-preguntas .list-group-item.active {
    background-color: var(--main_color);
    color: white;
    border-radius: 10px;
    position: relative;
}

.evaluacion .cantidad-preguntas ul.list-group li {
    border: none;
    max-width: 30px;
    font-size: 1.3rem;
    line-height: 2rem;
    font-weight: 700;
	max-width: 50px;
}
*/

.contiene_info{
	background-image: url("../img/confetti3.svg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 450px;
}

body.evaluacion_aprobada{background-color: var(--main_color);}
body.evaluacion_desaprobada{background-color: var(--blacknodi);}

body.evaluacion_desaprobada .contiene_info{
	background-image: none;
}
body.evaluacion_desaprobada p.respuestas_correctas_cantidad{
	border: 9px solid var(--naranjanodi);
    outline: 12px solid rgba(255,82,27,.2);
}



p.respuestas_correctas_cantidad{
	color: #FFF;
	width: 120px;
	height: 120px;
	font-size: 2.9rem;
	letter-spacing: -.1rem;
	border-radius: 50%;
	text-align: center;
	border: 9px solid var(--amarillonodi);
    outline: 12px solid rgba(227,255,104,.2);
	font-weight: 200;
}
.etiquetas.consolapa{
	position: relative;
	margin-top: 20px;
}
.etiquetas.consolapa:after{
	content: "";
	display: block;
	width: 64px;
	height: 40px;
	position: absolute;
	left: 50%;
	margin-left: -32px;
	bottom: 23px;
	background-color: rgba(227,255,104,.15);
}
a.vercertificado_aprobado{
	display: block;
	color: #FFF;
	width: 80px;
	height: 80px;
	width: 70px;
	height: 70px;
	letter-spacing: -.1rem;
	border-radius: 50%;
	text-align: center;
	background-color: var(--amarillonodi);
    outline: 15px solid rgba(227,255,104,.2) !important;
	transition: all .2s ease-in-out;
	/* margin-top: 60px; */
	margin-top: 30px;
	padding: 8px;
}
a.vercertificado_aprobado:hover{
    outline: 19px solid rgba(227,255,104,.45) !important;
}
.contenido_mensaje_aprobado{
	/* margin-top: 250px; */
	margin-top: 30px;
	/* margin-left: -30px; */
	margin-left: 0px;
}
.contenido_mensaje_aprobado h2{
	color: var(--amarillonodi);
}
.contenido_mensaje_aprobado p{
	color: #FFF;
	font-size: 1.3rem;
}
.contiene_imagen_cierrecurso{
	position: relative;
}
.contiene_imagen_cierrecurso .imagen_cierre_decurso{
	position: absolute;
	/* top: 220px; */
	top: 0px;
	right: 0px;
	width: 100%;
	max-width: 350px;
}






/* ----------------------------------------------------CURSADA  -------------------------------------------  */






































































































































































p.txt_inicial_reserva_puesto_trabajo{
	font-size: 1.3rem;
	margin-bottom: 50px;
}
h2.internos_reserva_puesto_trabajo{
	display: block;
	width: 100%;
	font-weight: 300;
	font-size: 3rem;
	margin-bottom: 20px;
	color: var(--main_color);
	padding-bottom: 10px;
	border-bottom: 1px solid var(--main_color);
}


.nuevos_select{
	width: 100%;
	border-bottom: 1px solid rgb(196, 196, 196) !important;
	
}
/* .nuevos_select select{
	background-color: transparent;
} */
.nuevos_select.edificio:before{
	content: "";
	width: 20px;
	height: 20px;
	background-color: red;
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	background-image: url("../img/icono_edificio_negro.svg");
}

#image-map-pro-container{
	width: 100%;
	background-color: #f3f3f3;
	border:1px solid #f3f3f3;
	position: relative;
}

.lds-ring {
	display: inline-block;
	position: relative;
	width: 40px;
	height: 40px;
	/* background-color: red; */
  }
  .lds-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 40px;
	height: 40px;
	margin: 0px;
	border: 6px solid var(--main_color);
	border-radius: 50%;
	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: var(--main_color) transparent transparent transparent;
  }
  .lds-ring div:nth-child(1) {
	animation-delay: -0.45s;
  }
  .lds-ring div:nth-child(2) {
	animation-delay: -0.3s;
  }
  .lds-ring div:nth-child(3) {
	animation-delay: -0.15s;
  }
  @keyframes lds-ring {
	0% {
	  transform: rotate(0deg);
	}
	100% {
	  transform: rotate(360deg);
	}
  }

#verificando_disponibilidad{
	/* border:1px solid red; */
	position: absolute;
	/* z-index: 99999; */
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	/* background-color: rgb(10, 87, 73,0); */
	background-color: rgba(0, 0, 0,0);
	/* opacity: 0; */
	visibility: hidden;
	text-align: center;
	/* display: none; */
	transition: all .3s ease-in-out;
}
#verificando_disponibilidad p{
	color: #FFF;
	text-align: left;
	font-size: 1.4rem;
	line-height: 1.6rem;
	margin: 4px 0 0 8px;
}
#verificando_disponibilidad.visible{
	/* background-color: rgb(10, 87, 73,1); */
	background-color: rgba(0, 0, 0,.65);
	visibility: visible;
	transition: all .3s ease-in-out;
	/* z-index: -100; */
}




/* DATETIME PICKER */
	 .bootstrap-datetimepicker-widget{
		border:1px solid rgba(0,0,0,0.5) !important;
		position:absolute;
		top:-2px;
		right:0;
		z-index: 2;
		background-color:#FFF !important;
	} 

/* DATETIME PICKER */

select.sacar-focus:focus {
	border-bottom: 1px solid rgb(196, 196, 196) ;
	padding-left: 0;
}


select.reserva_puesto_trabajo{
	position: relative;
	background-position: 100%;
	padding-left: 0;
	font-size: 1.5rem ;
	border-bottom: 1px solid rgb(196, 196, 196) ;
	border-left: none;
	background-position: 100%;
}



select.reserva_puesto_trabajo option{
	background-color: #FFFFFF;
	border-radius: 0;
}


select.reserva_puesto_trabajo.semiactivo{
	background-color: #e2fffa;
	padding-left: 10px;
	background-position: 97%;
	transition: all .3s ease-in-out;
	border-radius: 10px;
	border-left: 2px solid var(--main_color) ;
	border-bottom: none !important;
}

p.semiactivo-seleccionar {
	background-color: #e2fffa;
	background-size: auto 45x ;
	padding-right: 15px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-position: 97%;
	transition: all .3s ease-in-out;
	border-left: 2px solid var(--main_color) ;
}





/* div.semiactivo {
	padding: 10px 20px;
	background-color: #cefff6;
	border-left: 3px solid var(--main_color);
	height: 120px;
	transition: all .3s ease-in-out;
	margin-bottom: 0;
} */



input.reserva_puesto_trabajo{
	border: 1px solid rgb(196, 196, 196) !important;
	font-size: 1.5rem !important;
	/* background-color: red; */
}


.fecha_picker_desactivado::placeholder{
	font-size: 1.5rem !important;
}





/*
input.reserva_puesto_trabajo:disabled{
	font-size: 1.5rem !important;
}*/

input.reserva_puesto_trabajo.solo_linea_abajo{
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
}

input.reserva_puesto_trabajo.semiactivo{
	background-color: #e2fffa;
	padding-left: 10px;
	background-position: 97%;
	transition: all .3s ease-in-out;
	border-radius: 10px;
	border-left: 2px solid var(--main_color) !important ;
	border-bottom: none !important;
}




input.reserva_puesto_trabajo:disabled{
	background-color: transparent;
	opacity: .3;
}
.reserva_puesto_trabajo:disabled{
	background-color: transparent;
	opacity: .3;
}

.form-control.subir_img{
	font-size: 1rem !important;
	font-weight: 400;
	padding-top:7px ;
	padding-bottom:27px ;
}
/* .form-control.reserva_puesto_trabajo:focus {
	border-bottom: 1px solid rgba(0,0,0,1);
	background-color: rgba(58,189,222,.3);
} */
label.reserva_puesto_trabajo{
	/* background-color: red; */
	display: block;
	width: 100%;
	font-weight: 500;
	text-align: left;
	font-size: 1.5rem;
	padding-left: 20px;
	margin-bottom: 10px;
	background-position: left;
	background-repeat: no-repeat;
	background-size: 17px;
}
label.reserva_puesto_trabajo.edificio{
	background-image: url("../img/icono_edificio_negro.svg");
	padding-left: 24px;
}
label.reserva_puesto_trabajo.oficina{
	background-image: url("../img/icono_silla_negro.svg");
	background-size: 10px;
	padding-left: 18px;
}
label.reserva_puesto_trabajo.dia{
	background-image: url("../img/icono_calendario_negro.svg");
	background-size: 15px;
}
label.reserva_puesto_trabajo.hora{
	background-image: url("../img/icono_reloj_negro.svg");
	background-size: 15px;
}
label.reserva_puesto_trabajo.tiempo_reserva{
	background-image: url("../img/icono_cronometro_negro.svg");
}
label.sin_icono{
	font-weight: 500;
	font-size: 1.4rem;
	background-position: left;
	background-repeat: no-repeat;
	background-size: 17px;
	padding-left: 0px;
}














option{
	position: relative;
}

.placeholder_select_edificio{
	border-left: 5px solid red !important;
}

.placeholder_select_edificio:before{
	content: "";
	width: 20px;
	height: 20px;
	background-color: red;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background-image: url("../img/icono_edificio_negro.svg");
}




a.bt_siguiente_uno.confirmar{
	margin-top: 20px;
	margin-left: -3px;
}
a.bt_siguiente_uno{
	display: block;
	font-weight: 800;
	color: #3abdde;
	font-size: 1.7rem;
	line-height: 4.2rem;
	position: relative;
	padding-left: 55px;
	text-decoration: none;
}
a.bt_siguiente_uno:before{
	content:"";
	position: absolute;
	left: 0;
	width: 45px;
	height: 45px;
	background-color: #1db196;
	border-radius: 50%;
	background-image: url("../img/flecha_triangulo_blanca_derecha.svg");
	background-repeat: no-repeat;
	background-position: 17px center;
	background-size: 15px;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
a.bt_siguiente_uno:hover:before{
	background-color: #121213;
	background-position: 22px center;
}
h3.oficinas_disponibilidad span{
	font-weight: 400;
	color: #31a9c7;
}
h3.oficinas_disponibilidad{
	font-size: 1rem;
	font-weight: 800;
	color: var(--blacknodi);
}

.btn-disponibilidad{
	display: block;
    font-weight: 800;
    color: #3abdde;
    font-size: 1.7rem;
    line-height: 4.2rem;
    position: relative;
    padding-left: 55px;
    text-decoration: none;
    background: transparent;
    border: none;
}

.btn-volver, .btn-filtrar{
	display: inline-block;
    font-size: 1.6rem;
    line-height: 1.6rem;
    padding: 10px 0 10px 30px;
    font-weight: 800;
    color: #3abdde;
    margin-top: 20px;
    text-decoration: none;
}

/*Segunda parte---- */

ul#reservar_mismos_parametros{
	margin-bottom: 30px;
}
ul#reservar_mismos_parametros li:first-child,ul#reservar_mismos_parametros li:last-child{
	border-bottom: none;
}
ul#reservar_mismos_parametros li:first-child{
	color: #31a9c7;
	font-size: 1.3em;
	font-weight: 300;
	line-height: 1.3rem;
	margin-bottom: 10px;
}
ul#reservar_mismos_parametros li{border-bottom: 1px solid rgba(0,0,0,.2);}
ul#reservar_mismos_parametros li a{
	display: block;
	font-size: 1.8rem;
	color: rgb(58, 58, 58);
	font-weight: 800;
	text-decoration: none;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
ul#reservar_mismos_parametros li a:hover{
	padding-left: 5px;
	color: var(--blacknodi);
}
ul#referencias_puestos{
	/* display: block; */
	opacity: 0;
	margin-top: 7px;
	/* background-color: red; */
	/* width: 100%; */
	overflow: hidden;
	transition: all .3s ease-in-out;
}
ul#referencias_puestos.activo{
	opacity: 1;
}
ul#referencias_puestos li{
	float: left;
	/* color: red; */
	font-size: 1.2rem;
	line-height: 1.1rem;
	font-weight: 300;
	margin-right: 15px;
	position: relative;
	padding-left: 13px;
}	
ul#referencias_puestos li:before{
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 50%;
	/* background-color: red; */
	display: block;
	position: absolute;
	left: 0;
}	
ul#referencias_puestos li.disponible:before{background-color: var(--main_color);}
ul#referencias_puestos li.ocupado:before{background-color: #FFF; border: 1px solid #3abdde;}
ul#referencias_puestos li.no_disponible:before{background-color: #969696;}
ul#referencias_puestos li.mi_puesto:before{background-color: red;}
ul#referencias_puestos li.en_limpieza:before{background-color: yellow;}
ul#referencias_puestos li.p_seleccionado:before{background-color: var(--blacknodi)000;}
ul#referencias_puestos li.p_bloqueado:before{background-color: #FF8000;}
ul#referencias_puestos li.planos:before{background-color: yellow;}

.boton_siguiente_reserva_mapa{
	opacity: 0;
	visibility: hidden;
	transition: all .3 ease-in-out;
	padding-left: 40px !important;
	padding-right: 40px !important;
	margin-top: 20px !important;
	margin-bottom: 50px !important;
}
.boton_siguiente_reserva_mapa.activo{
	opacity: 1;
	visibility: visible;
}
#contiene_puestos_a_seleccionar{
	/* margin: 20px 0; */
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: rgba(58,189,222,.15);
	padding: 30px;
	position: relative;
}
#contiene_puestos_a_seleccionar a.cada_puesto_a_seleccionar.espuesto{
	background-image: url("../img/icono_escritorio_negro.svg");
	background-repeat: no-repeat;
	background-position: left;
	background-size: 22px;
}
#contiene_puestos_a_seleccionar a.cada_puesto_a_seleccionar.essala{
	background-image: url("../img/icono_sala.svg");
	background-repeat: no-repeat;
	background-position: left;
	background-size: 20px;
}
a#ver_plano_oficina{
	display: block;
	width: 45px;
	height: 55px;
	/* border-radius: 50%; */
	/* border-top: 1px solid #FFF; */
	/* border-left: 1px solid #FFF; */
	/* border-bottom: 1px solid #FFF; */
	border-radius: 5px 0 0 5px;
	box-shadow: -2px 2px 6px rgba(0,0,0,.2);
	position: absolute;
	z-index: 80;
	top: 55px;
	right: -0px;
	background-color: #b1b1b1;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	font-size: 1rem;
	font-weight: 500;
	padding-top: 12px;
	line-height: 1.2rem;
	background-image: url("../img/icono_imagenes_blanco.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 25px;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
a#ver_plano_oficina.activo{
	right: 15px;
	visibility: visible;
	opacity: 1;
}
a#ver_plano_oficina:hover{
	background-color: var(--hover_verde_oficina)
}
#contiene_puestos_a_seleccionar a.cada_puesto_a_seleccionar{
	display: block;
	width: 100%;
	text-align: center;
	font-size: 2.5rem;
	font-weight: 200;
	margin: 15px 0;
	cursor: default;
	text-decoration: none;
	color: #3abdde;
}
#contiene_puestos_a_seleccionar a.cada_puesto_a_seleccionar.espuesto{
	background-image: url("../img/icono_escritorio_negro.svg");
	background-repeat: no-repeat;
	background-position: left;
	background-size: 22px;
}
#contiene_puestos_a_seleccionar a.cada_puesto_a_seleccionar.essala{
	background-image: url("../img/icono_sala.svg");
	background-repeat: no-repeat;
	background-position: left;
	background-size: 20px;
}

#contiene_puestos_a_seleccionar a.cada_puesto_a_seleccionar.no_disponible{
	color: rgba(0,0,0,.2);
}
#contiene_puestos_a_seleccionar a.cada_puesto_a_seleccionar.p_seleccionado{
	color: var(--blacknodi)000;
}
#contiene_puestos_a_seleccionar a.cada_puesto_a_seleccionar.p_bloqueado{
	color: #FF8000;
}
#contiene_puestos_a_seleccionar a.cada_puesto_a_seleccionar.limpieza{
	color: #ffc400c4;
}
#contiene_puestos_a_seleccionar a.cada_puesto_a_seleccionar.ocupado{
	color: #FFF;
	color: yellow;
	/* text-shadow: 0px 0px 4px rgba(0,0,0,.1); */
}
#contiene_puestos_a_seleccionar a.cada_puesto_a_seleccionar.seleccionado{
	background-color: #3abdde;
	color: #FFF;
}
#contiene_puestos_a_seleccionar a.cada_puesto_a_seleccionar.disponible{
	cursor: pointer;
	text-decoration: none;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
#contiene_puestos_a_seleccionar a.cada_puesto_a_seleccionar.disponible:hover{
	background-color: var(--main_color);
	color: #FFF;
}
#contiene_puestos_a_seleccionar a.cada_puesto_a_seleccionar span{
	font-weight: 800;
}

h1.tu_reserva{
	font-size: 1.5rem;
	line-height: 1.7rem;
	background-image: url("../img/icono_puesto_negro.svg");
	background-position: left;
	background-size: 30px;
	background-repeat: no-repeat;
	padding:10px 0 10px 40px;
}
ul#reserva_a_confirmar{
	padding: 10px 0 20px 0;
	text-align: left;
	list-style: none;
	/* border-top: 1px solid rgba(0,0,0,.2); */
	/* border-bottom: 1px solid rgba(0,0,0,.2); */
}
ul#reserva_a_confirmar li{
	margin: 5px 0;
	color: #373636;
	font-size: 1.5rem;
	font-weight: 600;
	/* padding-left: 10px; */
	position: relative;
}
ul#reserva_a_confirmar li span{
	font-weight: 200;
}
/* ul#reserva_a_confirmar li:before{
	content: "";
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #3abdde;
	position: absolute;
	left: 0;
	top: 7px;
} */

ul#reserva_a_confirmar_datos_lugar{
	padding: 15px 0;
	border-bottom: 1px solid rgba(0,0,0,.2);
}
ul#reserva_a_confirmar_datos_lugar li, ul#reserva_a_confirmar_datos_lugar li a{
	padding-left: 30px;
	color: #373636;
	font-size: 1.3rem;
	font-weight: 200;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left;
	background-size: 15px;
}
ul#reserva_a_confirmar_datos_lugar li a{
	padding-left: 0;
}
ul#reserva_a_confirmar_datos_lugar li a:hover{
	color: #31a9c7;
}
ul#reserva_a_confirmar_datos_lugar li.edificio{
	background-image: url("../img/icono_edificio_celeste.svg");
	background-size: 19px;
}
ul#reserva_a_confirmar_datos_lugar li.ubicacion{
	background-image: url("../img/icono_ubicacion_celeste.svg");
	background-size: 11px;
	background-position: 4px;
}
ul#reserva_a_confirmar_datos_lugar li.whatsapp{
	background-image: url("../img/icono_whatsapp_celeste.svg");
	background-position: 4px;
}
ul#acciones_reserva_a_confirmar{
	/* background-color: red; */
	display: inline-block;
	/* overflow: hidden; */
	margin-bottom: 20px;
}
ul#acciones_reserva_a_confirmar li{
	float: left;
}
ul#acciones_reserva_a_confirmar li a{
	display: block;
	color: var(--blacknodi);
	font-size: 1.1rem;
	line-height: 1.1rem;
	padding: 7px 0 0 45px;
	margin-right: 30px;
	text-decoration: none;
	position: relative;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
ul#acciones_reserva_a_confirmar li a:hover{
	color: #31a9c7;
}
ul#acciones_reserva_a_confirmar li a span{
	font-weight: 800;
}
ul#acciones_reserva_a_confirmar li a:before{
	content: "";
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 15px;
	border:1px solid #31a9c7;
	position: absolute;
	left: 0;
	top: 0;
}
ul#acciones_reserva_a_confirmar li a.google_calendar:before{
	background-image: url("../img/icono_google_calendar.svg");
}
ul#acciones_reserva_a_confirmar li a.enviar_por_mail:before{
	background-image: url("../img/icono_enviar_mail_negro.svg");
}

ul#acciones_reserva_a_confirmar li a.ultima_reserva{
	font-weight: 800;
}
ul#acciones_reserva_a_confirmar li a.ultima_reserva span{
	color: #31a9c7;
}
ul#acciones_reserva_a_confirmar li a.ultima_reserva:before{
	background-color: var(--blacknodi);
	background-image: url("../img/icono_reserva_blanco.svg");
	background-size: 18px;
}



/*Segunda parte---- */




/* RESERVA PUESTO DE TRABAJO //////// ----------------------------------------------- */








a#cerrar_modal{
	position: absolute;
	right: 10px;
	top: 10px;
	width: 50px;
	height: 50px;
	z-index: 30;
	background-image: url('../img/cruz_negra.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 15px;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
a#cerrar_modal:hover{
	transform: rotate(90deg);
}
.modal{
	background-color: rgba(0,0,0,.5);
}

.modal-body .avisosilustrados{
	padding: 0px 15px;
	border-radius: 50px !important;
}

.modal-content{
	padding: 15px 20px;
	border-radius: 12px;
	border: 1px solid var(--main_color);
}




.modal-header{
	border:none;
	/* background-color: red; */
}
.modal-footer{
	text-align: center;
	border:none;
}
.modal-body{
	/*padding: 40px 20px 20px 20px;*/
	/*text-align: center;*/
}

.modal-content.opciones_demo{
	background-color: var(--main_color);
}

.modal-content.alertas_iniciales{
	text-align: center;
}
.modal-content.alertas_iniciales h1{
	font-size: 3.5rem;
	line-height: 3.5rem;
}
.modal-content.alertas_iniciales p{
	color: #121213;
	font-size: 1.3rem;
	line-height: 1.7rem;
	margin: 25px 0;
}
.modal-content.alertas_iniciales img.iconos_alerta{
	width: 100%;
	max-width: 50px;
	margin: 10px 0;
}
.modal-content.alertas_iniciales img.iconos_alerta.estado{
	margin-bottom: 30px;
}



input.botones_acciones,a.botones_acciones,button.botones_acciones{
	border: none;
	color: #FFF;
	display: inline-block;
	text-decoration: none;
	margin:7px 0 20px 0;
	font-size: 1.5rem;
	background-color: var(--main_color);
	font-weight: 800; 
	padding:9px 20px;
	transition: all .4s ease-in-out;
	border-radius: 30px;
	/* width: 100%; */
}
input.botones_acciones.ancho_auto,a.botones_acciones.ancho_auto,button.botones_acciones.ancho_auto{
	width: auto;
}
input.botones_acciones.ok,a.botones_acciones.ok,button.botones_acciones.ok{
	background-color: var(--main_color);
}
input.botones_acciones.cancelar,a.botones_acciones.cancelar,button.botones_acciones.cancelar{
	background-color: #bdbdbd;
}
input.botones_acciones.cancelar:hover,a.botones_acciones.cancelar:hover,button.botones_acciones.cancelar:hover{
	background-color: #929292;
}
input.botones_acciones:hover,a.botones_acciones:hover,button.botones_acciones:hover{
	background-color: var(--hover_verde_oficina);
}

.boton_comentarios_cursos{
	background-color: red;
	position: relative;
	padding: 6px 12px !important;
}
.boton_comentarios_cursos span{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 17px;
	height: 17px;
	background-color: red;
	border-radius: 50%;
	font-size: 1rem;
	position: absolute;
	top: -5px;
	right:-5px;
	text-align: center;
	
}



.breadcrumb{
	border-radius: 0;
	background-color: transparent;
	padding: 5px 0 0 0;
	margin-top: 10px;
	border-top: 1px solid rgb(216, 216, 216)
}
.breadcrumb .breadcrumb-item{
	font-size: 1.4rem;
	font-weight: 400;
	color: rgb(150, 150, 150);
}
.breadcrumb .breadcrumb-item a{
	color: #4bb1a7;
}













.contenido_solapa_empleado_registrado{
	position: fixed;
	z-index: 100;
	/* padding: 20px; */
	width: 100%;
	/* max-width: 500px; */
	background-color: var(--main_color);
}
/* #contenido_solapa_empleado_registrado.desplegado{
	top: 0;
} */
a#solapa_empleado{
	position: fixed;
	top: 0;
	right: 40px;
	/* bottom: -70px; */
	width: 60px;
	height: 70px;
	z-index: 200;
	border-radius: 0 0 50px 50px;
	background-color: var(--blacknodi)000;
	text-align: center;
	color: var(--blacknodi);
	text-decoration: none;
	font-size: 0.9rem;
	font-weight: 700;
	padding-top: 5px;
}
a#solapa_empleado:before{
	display: none;
	content: "";
	width: 15px;
	height: 10px;
	/* background-color: #FFF; */
	position: absolute;
	bottom: -10px;
	background-image: url("../img/flecha_triangulo_blanca_derecha.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 8px;
	transform: rotate(90deg);
}
#contiene_avatar_empleado_registrado{
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border:2px solid #FFF;
	position: absolute;
	bottom: 10px;
	left: 10px;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
#contiene_avatar_empleado_registrado:hover{
	border:2px solid var(--blacknodi);
}

a#cerrar_session{
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	/* background-color: red; */
	position: absolute;
	right: 5px;
	top: 25px;
	background-image: url("../img/icono_apagado_blanco.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 15px;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
a#cerrar_session:hover{
	background-color: #209781;
}
ul#botonera_ppal_internas{
	position: absolute;
	top: 35px;
	right:120px;
	/* background-color: blue; */
}
ul#botonera_ppal_internas li a{
	color: #FFF;
	font-size: 1.2rem;
	line-height: 1.2rem;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left;
	padding: 8px 0 0 25px;
	background-size: 15px;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
ul#botonera_ppal_internas li a:hover{
	color: var(--main_color);
}
ul#botonera_ppal_internas li a.mis_reservas{
	background-image: url("../img/icono_reserva_blanco.svg");
}
div.contiene_hora_minutos{
	float: left;
	/* width: 150px; */
	width: 100%;
	/* border: 1px solid red; */
	margin-bottom: 10px;
	/* background-color: blue; */
}



p.hora_min_vacio{
	/* display: none; */
	width: 100%;
	/* background-color: red; */
	float: left;
	text-align: right;
	margin-right:10px;
}
p.hora_min{
	display: none;
	float: left;
	margin-right:10px;
}
p.hora_min span.detalle{
	margin-left: 0;
	font-weight: 100;
	color: rgb(124, 124, 124);
}
p.hora_min span.valor{
	margin-left: 0px;
	font-size: 1.8rem;
	color: var(--blacknodi);
	font-weight: 800;
}
ul#botones_suma_resta{
	float: right;
	width: 70px;
	height: 30px;
	display: inline-block;
	/* background-color: red; */
}
ul#botones_suma_resta li{
	float: right;
}
a.bt_suma_resta{
	/* float: left; */
	text-align: center;
	display: block;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background-color: #3abdde;
	color: #FFF;
	font-size: 2rem;
	line-height: 2.5rem;
	font-weight: 800;
	margin-left: 10px;
	text-decoration: none;
}




.contiene_tiepo_e_input_range{
	margin-top:5px;
	/* border:1px solid pink */
	margin-bottom: 30px;
	opacity: 1;
	transition: all .3s ease-in-out;
}
.contiene_tiepo_e_input_range.desactivado{
	opacity: .2;
}
.contenedor_input_range{
	width: 100%; /* Width of the outside container */
	/* border:1px solid green; */
	/* margin-bottom: 30px; */
	margin-top: 30px;
	/* opacity: .2; */
}
.slider:before,.slider:after{
	background-repeat: no-repeat;
	background-position: center;
	background-size: 9px;
	top:-8px;
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	background-color: FFF;
}
.slider:before{
	background-image: url("../img/flecha_gris_der.svg");
	right:-20px;
}
.slider:after{
	background-image: url("../img/flecha_gris_izq.svg");
	left:-20px;
}
.slider {
	position: relative;
	-webkit-appearance: none;
	width: 90%;
	height: 5px;
	/* padding: 0 20px; */
	border-radius: 5px;
	background: #a5a5a5;
	outline: none;
	opacity: 1;
	-webkit-transition: .2s;
	transition: opacity .2s;
  }
  .slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 35px;
	height: 35px;
	border-radius: 50%; 
	background: var(--main_color);
	cursor: pointer;
	border: 7px solid #FFF;
  }
  .slider::-moz-range-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 35px;
	height: 35px;
	border-radius: 50%; 
	background: var(--main_color);
	cursor: pointer;
	border: 7px solid #FFF;
  }
a.bt_siguiente_circular{
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: var(--main_color);
	background-image: url("../img/flecha_der_blanca.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 15px;
	margin-bottom: 50px;
}
















































/* PANTALLA AGENTE //////// --------------------------------------------------------------------- */


	#contiene_atencion_proximo_turno{
		width: 100%;
		padding: 30px;
		background-color: var(--main_color);
		border-top: 6px solid var(--blacknodi)000;
		margin-bottom: 40px;
		text-align: center;
		/* margin: 0; */
	}
	#contiene_atencion_proximo_turno h1 span{
		color:var(--blacknodi);
		font-size: 2.6rem;
		line-height: 2.4rem;
	}
	#contiene_atencion_proximo_turno h1{
		font-size: 7rem;
		line-height: 6rem;
		color: #FFF;
	}
	#contiene_atencion_proximo_turno a#llamar_proximo_turno{
		display: inline-block;
		width: 140px;
		height: 140px;
		border-radius: 50%;
		background-color: var(--blacknodi);
		color: var(--blacknodi);
		text-decoration: none;
		font-size: 1.8rem;
		line-height: 32rem;
		font-weight: 800;
		text-align: center;
		margin: 20px 0;
		background-image: url("../img/campana_blanca.svg");
		background-repeat: no-repeat;
		background-position: center;
		background-size: 55px;
		-webkit-transition: all 0.15s ease-in-out;
		-moz-transition: all 0.15s ease-in-out;
		-o-transition: all 0.15s ease-in-out;
		-ms-transition: all 0.15s ease-in-out;
		transition: all 0.15s ease-in-out;
	}
	#contiene_atencion_proximo_turno a#llamar_proximo_turno:hover{
		/* background-color: #FFF; */
		background-size: 70px;
	}

	#contiene_atencion_proximo_turno p#timer_proximo_turno{
		color: var(--blacknodi);
		font-size: 3rem;
		margin:10px 0 40px 0;
	}
	#contiene_atencion_proximo_turno p#personas_en_lista span{
		font-size: 1.1rem;
		font-weight: 500;
		letter-spacing: 0;
	}
	#contiene_atencion_proximo_turno p#personas_en_lista{
		width: 70px;
		height: 70px;
		display: inline-block;
		margin: 0;
		padding: 0;
		border:1px solid var(--blacknodi);
		border-radius: 50%;
		text-align: center;
		font-weight: 200;
		font-size: 3.6rem;
		line-height: 2.2rem;
		letter-spacing: -0.15rem;
		color:var(--blacknodi);
	}	



	#contiene_desempenio_hoy{
		width: 100%;
		padding: 30px;
		background-color: #f0f0f0;
	}
	#contenido_interno_desempenio_hoy{
		background-color: #FFF;
		padding: 35px 25px;
	}
	#contiene_desempenio_hoy h1{
		background-image: url("../img/icono_cocarda.svg");
		background-repeat: no-repeat;
		background-position: left;
		font-size: 2.2rem;
		background-size: 22px;
		padding:5px 0 5px 30px;
	}
	
	ul#minutos_desempenio_agente{
		width: 180px;
	}
	ul#minutos_desempenio_agente li{
		margin: 0;
		padding:10px 0 10px 70px;
		font-size: 2rem;
		font-weight: 800;
		border-bottom:1px solid rgba(0,0,0,.1);
		background-repeat: no-repeat;
		background-position: 3px;
		background-size: 30px;
	}
	ul#minutos_desempenio_agente li:last-child{
		border-bottom:none;
	}
	ul#minutos_desempenio_agente li span{
		font-weight: 200;
		margin-left: 10px;
	}
	ul#minutos_desempenio_agente li.cara_1{background-image: url("../img/icono_cara_1.svg");}
	ul#minutos_desempenio_agente li.cara_2{background-image: url("../img/icono_cara_2.svg");}
	ul#minutos_desempenio_agente li.cara_3{background-image: url("../img/icono_cara_3.svg");}
	ul#minutos_desempenio_agente li.cara_4{background-image: url("../img/icono_cara_4.svg");}


	ul#promedio_desempenio{
		float: right;
		margin-top: 15px;
		/* border:1px solid red; */
	}
	ul#promedio_desempenio li{float: left;}
	ul#promedio_desempenio li.txt{
		font-size: 1.4rem;
		line-height: 1.5rem;
		font-weight: 800;
		text-align: right;
		padding: 36px 15px 0 0;
	}
	ul#promedio_desempenio li.resultado{
		width: 110px;
		height: 110px;
		display: block;
		margin: 0;
		padding-top: 25px;
		border:1px solid var(--blacknodi);
		border-radius: 50%;
		text-align: center;
		font-weight: 200;
		font-size: 5rem;
		line-height: 4rem;
		letter-spacing: -0.15rem;
	}
	ul#promedio_desempenio li.resultado span{
		font-size: 1.9rem;
		font-weight: 500;
		display: block;
		letter-spacing: 0;
		margin-top: -10px;
	}


/* PANTALLA AGENTE //////// --------------------------------------------------------------------- */













.encabezado_encuesta{
	background-color: var(--main_color);
	padding: 15px 0 15px 0;
}
.encabezado_encuesta h1{
	font-size: 2.8rem;
	line-height: 2.5rem;
	display: block;
	padding-left: 60px;
	position: relative;
	margin-left: 10px;
}
.encabezado_encuesta h1:before{
	content: "";
	display: block;
	width: 45px;
	height: 45px;
	position: absolute;
	left: 0;
	background-color: #FFF;
	border-radius: 50%;
	background-image: url("../img/icono_encuesta_medica_negro.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px;
}
.encabezado_encuesta h1 span{
	display: block;
	color: #FFF;
	font-weight: 900;
	font-size: 1.8rem;padding-left: 3px;
	font-family: 'Manrope', Helvetica, Arial, sans-serif;
}

ul.datos_personales_encuesta{
	/* float: right; */
	background-color: rgba(0,0,0,.08); 
	padding: 15px 25px; 
}
ul.datos_personales_encuesta li{
	color: #FFF;
	text-align: left;
	font-size: 1.3rem;
	text-align: right;
	text-align: left;
	margin: 0;
	padding: 0;
}
ul.datos_personales_encuesta li:first-child{
	font-weight: 800;
	font-size: 1.8rem;
	line-height: 1.7rem;
}
ul.datos_personales_encuesta li.fecha{
	font-weight: 100;
	font-size: 2.2rem;
	margin-bottom: 10px;
}
.contiene_encuesta{
	width: 100%;
	padding: 20px 30px 30px 30px;
	background-color: #f0f0f0;
}

.contiene_encuesta p.txt_intro{
	font-size: 1.2rem;
	color: var(--blacknodi);
	font-weight: 400;

}
.preguntas_encuesta{
	padding-bottom: 30px;
	border-bottom: 1px solid rgb(199, 199, 199);
	margin-bottom: 30px;
}
.preguntas_encuesta span.subpregunta{
	/* color: red; */
	font-weight: 400;
	display: block;
	margin-bottom: 5px;
	padding: 0;
}
.preguntas_encuesta p{
	position: relative;
	font-size: 1.3rem;
	/* padding-left: 15px; */
	line-height: 1.6rem;
	font-weight: 700;
	/* color: rgb(105, 105, 105); */
	color: #13af93;
}
/* .preguntas_encuesta p:before{
	content: "";
	width: 7px;
	height: 7px;
	background-color: var(--main_color);
	border-radius: 50%;
	position: absolute;
	top: 5px;
	left: 0;
} */
a.btn_encuensta{
	display: block;
	width: 100px;
	float: right;
}
.contenido_interno_encuesta{ 
	background-color: #FFF;
	padding: 35px 25px 5px 25px;
}
.contiene_encuesta h1{
	background-image: url("../img/icono_cocarda.svg");
	background-repeat: no-repeat;
	background-position: left;
	font-size: 2.2rem;
	background-size: 22px;
	padding:5px 0 5px 30px;
}
img.logo_ministerio_encuesta{
	/* float: right; */
	width: 100%;
	max-width: 120px;
}












































p.no_permisos{
	color: #FFF;
	font-size: 2rem;
	line-height: 1.9rem;
}
img.imagen_no_permisos{
	max-width: 150px;
	padding: 100px 0 20px 0;
}



/* MIS RESERVAS //////// --------------------------------------------------------------------- */


.contiene_filtros{
	width: 100%;
	/* background-color: #c4ebf6; */
	background-color: rgba(55,224,193,.4);
	/* height: 150px; */
	padding-top: 15px;
	padding-bottom: 15px;
}



a#confirma_filtros_mis_reservas{
	display: inline-block;
	font-weight: 800;
	color: #3abdde;
	font-size: 1.7rem;
	line-height: 4.2rem;
	position: relative;
	padding-left: 55px;
	text-decoration: none;
	margin:15px 0 50px 0;
}
a#confirma_filtros_mis_reservas:before{
	content:"";
	position: absolute;
	left: 0;
	width: 45px;
	height: 45px;
	background-color: #3abdde;
	border-radius: 50%;
	background-image: url("../img/flecha_triangulo_blanca_derecha.svg");
	background-repeat: no-repeat;
	background-position: 17px center;
	background-size: 15px;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
a#confirma_filtros_mis_reservas:hover:before{
	background-color: #121213;
	background-position: 22px center;
}



select.select_filtros_mis_reservas{
	background-color: rgba(255,255,255,1);
	background-image: url('../img/flecha_abajo_gris.svg');
	background-position: 93%;
	font-size: 1.3rem;
	height: 36px;
	padding: 0 15px  !important;
}
.form-control.input_filtros_mis_reservas{
	font-size: 1.3rem !important;
	font-weight: 400;
	background-color: rgba(255,255,255,1);
}
.form-control.input_filtros_mis_reservas::placeholder{
	font-size: 1.3rem !important;
	font-weight: 400;
}
/* .form-control.input_filtros_mis_reservas:focus {
	border-bottom: 1px solid rgba(0,0,0,1);
} */
label.input_filtros_mis_reservas{
	font-weight: 800 !important;
	font-size: 1.3rem !important;
}




h1.mis_reservas{
	/* background-color: red; */
	margin-bottom: 5px;
}
ul#modos_visualizacion{
	float: right;
}


a#ver_fichas_por_estados{
	/* display: block; */
	/* float: left; */
	/* width: 300px; */
	font-size: 1.1rem;
	color: var(--blacknodi);
	padding: 8px 5px 8px 0 !important;
	font-weight: 800;
	border-radius: 0;
	color: var(--main_color);
	/* background-color: #c4ebf6; */
}
ul#filtros_segun_estados{
	float: left;
	margin-bottom: 15px;
	margin-top: 15px;
	width: 150px;
}
ul#filtros_segun_estados li{
	border-bottom: 1px solid rgba(0,0,0,.1);
	margin: 0;
}
ul#filtros_segun_estados li:last-child{
	border: none;
}
ul#filtros_segun_estados li,ul#filtros_segun_estados li a{
	float: none;
	color: #646363;
	font-size: 1rem;
}
/* ul#filtros_segun_estados li:first-child{
	display: none;
	font-weight: 800;
	color: var(--blacknodi);
} */
ul#filtros_segun_estados li a:before,ul#filtros_segun_estados li:before{
	content: "";
	position: absolute;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	display: block;
	top: 10px;
	left: 0;
}
ul#filtros_segun_estados li a, ul#filtros_segun_estados li{
	display: block;
	margin-left: 15px;
	position: relative;
	padding: 8px 0 8px 15px;
	/* padding: 0 0 0  12px; */
}
ul#filtros_segun_estados li a, ul#filtros_segun_estados li:first-child{
	margin-left: 0;
}
ul#filtros_segun_estados li a.todas{padding-left: 0;}
ul#filtros_segun_estados li a.todas:before{background-color: transparent;}
ul#filtros_segun_estados li a.reservado:before{background-color: var(--main_color);}
ul#filtros_segun_estados li a.enuso:before{background-color: #bfbfbf;}
ul#filtros_segun_estados li a.limpieza:before{background-color: #ebce11;}
ul#filtros_segun_estados li a.mantenimiento:before{background-color: var(--blacknodi)000;}
ul#filtros_segun_estados li a.inhabilitada:before{background-color: #ce0b10;}

ul#filtros_segun_estados li.todas:before{background-color: transparent;}
ul#filtros_segun_estados li.reservado:before{background-color: var(--main_color);}
ul#filtros_segun_estados li.enuso:before{background-color: #bfbfbf;}
ul#filtros_segun_estados li.limpieza:before{background-color: #ebce11;}
ul#filtros_segun_estados li.mantenimiento:before{background-color: var(--blacknodi)000;}
ul#filtros_segun_estados li.inhabilitada:before{background-color: #ce0b10;}



.contenido_ficha_mis_reservas{
	background-color: #f0f0f0;
	margin-bottom: 30px;
}
.contenido_ficha_mis_reservas p.estado_reserva{
	font-size: 0.9rem;
	line-height: 1.5rem;
	font-weight: 600;
	color: var(--blacknodi);
	position: relative;
	padding-left: 18px;
}
.contenido_ficha_mis_reservas p.estado_reserva:before{
	content: "";
	position: absolute;
	display: block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: red;
	top: 1px;
	left: 0;
	/* border: 1px solid #FFF; */
}
.contenido_ficha_mis_reservas p.estado_reserva.reservado:before{background-color: var(--main_color);}
.contenido_ficha_mis_reservas p.estado_reserva.enuso:before{background-color: #bfbfbf;}
.contenido_ficha_mis_reservas p.estado_reserva.limpieza:before{background-color: #ebce11;}
.contenido_ficha_mis_reservas p.estado_reserva.mantenimiento:before{background-color: #27a7dd;}
.contenido_ficha_mis_reservas p.estado_reserva.inhabilitada:before{background-color: #ce0b10;}





ul.acciones_de_cada_reserva li a{
	display: inline-block;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	/* background-color: red; */
	background-repeat: no-repeat;
	background-position: center;
	background-size: 14px;
	margin-left: 3px;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
ul.acciones_de_cada_reserva li a:hover{
	background-color: rgba(0,0,0,.1);
}
ul.acciones_de_cada_reserva li a.calendar{background-image: url("../img/icono_google_calendar_mas.svg");  background-size: 17px;}
ul.acciones_de_cada_reserva li a.compartir{background-image: url("../img/icono_compartir_negro.svg"); background-size: 12px;}
ul.acciones_de_cada_reserva li a.mail{background-image: url("../img/icono_enviar_mail_negro.svg");}
ul.acciones_de_cada_reserva li a.imprimir{background-image: url("../img/icono_impresora_negro.svg");}


ul#modos_visualizacion li{
	float: left;
	margin-left: 5px;
}
ul#modos_visualizacion li a{
	display: block;
	width: 23px;
	height: 23px;
	background-repeat: no-repeat;
	background-position: center;
}
ul#modos_visualizacion li a.grilla{
	background-image: url("../img/icono_vista_grilla.svg");
	background-size: 14px;
}
ul#modos_visualizacion li a.lista{
	background-image: url("../img/icono_vista_lista.svg");
	background-size: 17px;
}

.subcontenido_fichas_mis_reservas{
	background-color: #FFF;
	padding: 20px;
}


.subcontenido_fichas_mis_reservas_vencidas{
	background-color: #FFF;
	padding: 0px 15px 15px 15px;
}

.subcontenido_fichas_mis_reservas div.puesto_reservado{
	width: 95px;
	height: 95px;
	/* width: 100%; */
	/* max-width: 100px; */
	border-radius: 50%;
	font-size: 2rem;
	color: #FFF;
	font-weight: 200;
	background-color: var(--main_color);
	text-align: center;
}

.subcontenido_fichas_mis_reservas div.puesto_reservado.reservado{background-color: var(--main_color);}
.subcontenido_fichas_mis_reservas div.puesto_reservado.enuso{background-color: #bfbfbf;}
.subcontenido_fichas_mis_reservas div.puesto_reservado.limpieza{background-color: #ebce11;}
.subcontenido_fichas_mis_reservas div.puesto_reservado.mantenimiento{background-color: var(--blacknodi)000;}
.subcontenido_fichas_mis_reservas div.puesto_reservado.inhabilitada{background-color: #ce0b10;}



.encabezado_reserva_encurso{
	background-color: #D2F9F1;
	position: relative;
	top: -20px;
	left: -5px;
	padding: 30px 20px 30px 30px;
	position: relative;
	margin-bottom: 0px;
}
.encabezado_reserva_encurso:before{
	display: block;
	content:"";
	position: absolute;
	background-color: #D2F9F1;
	top: 0px;
	right: -10px;
	width: 10px;
	height: 100%;
}


p.info_puesto_listado_reserva{
	position: relative;
	width: 95px;
	height: 95px;
	border-radius: 50%;
	text-align: center;
	background-color: rgba(55, 225, 194, 1);
	line-height: 1.6rem;
	color: #FFF;
	padding-top: 17px;
}




p.info_puesto_listado_reserva.en_curso{
	background-color: rgba(255, 255, 255, 1);
	border:3px solid rgba(55, 225, 194, 1);
	color: var(--blacknodi);
}

p.aviso_reserva_en_curso_nuevo{
	position: absolute;
	bottom:-6px;
	z-index: 2;
	font-size: 1.1rem;
	border-radius: 10px;
	line-height: 1.5rem;
	font-weight: 500;
	color: var(--blacknodi);
	left: 20px;
	padding: 1px 6px;
	background-color: var(--main_color);
}

/* INFO PUESTO LISTADO RESERVA VENCIDA */

p.info_puesto_listado_reserva_vencida{
	position: relative;
	width: 95px;
	height: 95px;
	border-radius: 50%;
	text-align: center;
	background-color: rgb(255, 255, 255);
	line-height: 1.6rem;
	color: #666666;
	padding-top: 17px;
}

/* p.info_puesto_listado_reserva_vencida{
	background-color: rgba(255, 255, 255, 1);
	border:3px solid rgb(245, 208, 0);
	color: var(--blacknodi);
} */

p.info_puesto_listado_reserva_vencida span.icono{
	display: block;
	width: 100%;
	height: 25px;
	/* background-color: pink; */
	background-repeat: no-repeat;
	background-position: center;
	margin-bottom: 3px;
}
p.info_puesto_listado_reserva_vencida span.icono.puesto{
	background-image: url("../img/icono_silla_negro.svg");
	background-size: 14px;
	opacity: 0.3;
}
p.info_puesto_listado_reserva_vencida span.icono.cochera{
	background-image: url("../img/icono_autonuevo_blanco.svg");
	background-size: 37px;
}
p.info_puesto_listado_reserva_vencida span.icono.sala{
	background-image: url("../img/icono_salanuevo_blanco.svg");
	background-size: 31px;
}

p.info_puesto_listado_reserva_vencida.en_curso span.icono.puesto{
	background-image: url("../img/icono_silla_negro.svg");
	background-size: 14px;
}
p.info_puesto_listado_reserva_vencida.en_curso span.icono.cochera{
	background-image: url("../img/icono_autonuevo_negro.svg");
	background-size: 37px;
}
p.info_puesto_listado_reserva_vencida.en_curso span.icono.sala{
	background-image: url("../img/icono_salanuevo_negro.svg");
	background-size: 31px;
}
p.info_puesto_listado_reserva_vencida.en_curso span.icono.asiento{
	background-image: url("../img/icono_transporte_blanco.svg");
	background-size: 31px;
}

p.info_puesto_listado_reserva_vencida .tipo_puesto{
	font-size: 1.3rem;
	text-transform: uppercase;
	opacity: 0.7;
}
p.info_puesto_listado_reserva_vencida .numero_puesto{
	font-weight: 700;
	font-size: 1.5rem;
	opacity: 0.7;
}

.fecha-reserva-gris {
	color: #575756;
}


/* FIN INFO PUESTO LISTADO RESERVA VENCIDA */



p.info_puesto_listado_reserva span.icono{
	display: block;
	width: 100%;
	height: 25px;
	/* background-color: pink; */
	background-repeat: no-repeat;
	background-position: center;
	margin-bottom: 3px;
}
p.info_puesto_listado_reserva span.icono.puesto{
	background-image: url("../img/icono_silla_blanco.svg");
	background-size: 14px;
}
p.info_puesto_listado_reserva span.icono.cochera{
	background-image: url("../img/icono_autonuevo_blanco.svg");
	background-size: 37px;
}
p.info_puesto_listado_reserva span.icono.sala{
	background-image: url("../img/icono_salanuevo_blanco.svg");
	background-size: 31px;
}

p.info_puesto_listado_reserva span.icono.comedor{
	background-image: url("../img/comedornuevo_blanco.svg");
	background-size: 17px;
        margin-top: 5px;
}

p.info_puesto_listado_reserva span.icono.comedornegro{
	background-image: url("../img/Icono_comedor_negro.svg");
	background-size: 17px;
        margin-top: 5px;
}

p.info_puesto_listado_reserva span.icono.asiento{
	background-image: url("../img/icono_transporte_blanco.svg");
	background-size: 31px;
}

p.info_puesto_listado_reserva.en_curso span.icono.puesto{
	background-image: url("../img/icono_silla_negro.svg");
	background-size: 14px;
}
p.info_puesto_listado_reserva.en_curso span.icono.cochera{
	background-image: url("../img/icono_autonuevo_negro.svg");
	background-size: 37px;
}
p.info_puesto_listado_reserva.en_curso span.icono.sala{
	background-image: url("../img/icono_salanuevo_negro.svg");
	background-size: 31px;
}


.parpadea {
	animation-name: parpadeo;
	animation-duration: 1.3s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	-webkit-animation-name:parpadeo;
	-webkit-animation-duration: 1.3s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
  }
  
  @-moz-keyframes parpadeo{  
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
  }
  
  @-webkit-keyframes parpadeo {  
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	 100% { opacity: 1.0; }
  }
  
  @keyframes parpadeo {  
	0% { opacity: 1.0; }
	 50% { opacity: 0.0; }
	100% { opacity: 1.0; }
  }







p.info_puesto_listado_reserva .tipo_puesto{
	font-size: 1.3rem;
	text-transform: uppercase;
}
p.info_puesto_listado_reserva .numero_puesto{
	font-weight: 700;
	font-size: 1.5rem;
}

a.ubicacion_nuevo_disenio_reservas{
	display: block;
	width: 13px;
	/* background-color: red; */
}





/* ul.botones_acciones_reservas{background-color: red;} */
ul.botones_acciones_reservas li a{
	color: #1d1d1b;
	display: block;
	font-size: 1.1rem;
	line-height: 1.1rem;
	padding: 2px 0;
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 25px;
	text-decoration: none;
	position: relative;
	top: 0;
	border-radius: 30px;
	transition: all .15s ease-in-out;
}
ul.botones_acciones_reservas li a:hover{color: var(--blacknodi); top: -3px;}
ul.botones_acciones_reservas li a.pedidos{background-image: url("../img/icono_cafe.svg"); background-size: 25px; padding-left: 28px;}
ul.botones_acciones_reservas li a.invitar{background-image: url("../img/icono_invitar.svg");}
ul.botones_acciones_reservas li a.cancelar{background-image: url("../img/icono_cancelar.svg"); background-size: 23px; padding-left:28px}
ul.botones_acciones_reservas li a.checkinear{background-image: url("../img/icono_persona_trabajando.png"); background-size: 23px; padding-left:28px}


.subcontenido_fichas_mis_reservas div.contiene_qr{
	/* margin-top: 20px; */
	width: 75px;
	height: 75px;
	padding: 7px;
	margin-left: -7px;
	/* border:1px solid red */
	/* background-image: url("../img/angulo_sup_izq_qr.svg"),url("../img/angulo_inf_der_qr.svg"); */
	/* background-position:left top, right bottom; */
	/* background-repeat: no-repeat; */
	/* background-size: 17px; */
}

.subcontenido_fichas_mis_reservas_vencidas div.contiene_qr{
	/* margin-top: 20px; */
	width: 75px;
	height: 75px;
	padding: 7px;
	margin-left: -7px;
	/* border:1px solid red */
	/* background-image: url("../img/angulo_sup_izq_qr.svg"),url("../img/angulo_inf_der_qr.svg"); */
	/* background-position:left top, right bottom; */
	/* background-repeat: no-repeat; */
	/* background-size: 17px; */
}

p.validar_qr_aviso{
	font-size: 1.1rem;
	line-height: 1.2rem;
	font-weight: 300;
	color: var(--blacknodi);
	margin: 0 0 0 10px;
}
p.validar_qr_aviso span{
	font-weight: 600;
}

.subcontenido_fichas_mis_reservas a.ampliar_qr{
	display: block;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	margin-left: 25px;
	margin-top: -15px;
	position: relative;
	z-index: 2;
	background-color: #FFF;
	background-image: url("../img/icono_lupa_negro.svg");
	background-repeat: no-repeat;
	background-position: 8px 8px;
	background-size: 12px;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
.subcontenido_fichas_mis_reservas  a.ampliar_qr:hover{
	background-color: rgba(55,224,193,1);
}



.subcontenido_fichas_mis_reservas  ul.desde_hasta{
	/* margin: 40px 0 15px 0; */
	margin-left: 15px;
	padding-top:7px;
	/* background-color: red; */
}
.subcontenido_fichas_mis_reservas  ul.desde_hasta li{
	line-height: 1.7rem;
}
.subcontenido_fichas_mis_reservas  ul.desde_hasta li:nth-child(1){ /*Fecha*/
	color: var(--main_color);
	font-size: 2.5rem;
	font-weight: 800;
}

.subcontenido_fichas_mis_reservas_vencidas ul{
	margin: 0px 15px 0px 15px;
}

.subcontenido_fichas_mis_reservas_vencidas li{
	margin-bottom: 0;
	margin-top: 0;
}

.subcontenido_fichas_mis_reservas_vencidas  ul.desde_hasta li:nth-child(1){ /*Fecha*/
	color: #939393;
	font-size: 2.5rem;
	font-weight: 800;
	line-height: 2.5rem;
	opacity: 0.7;
}

.subcontenido_fichas_mis_reservas_vencidas  ul.desde_hasta li:nth-child(2){  /*Hora*/
	color: #939393; 
	font-size: 1.8rem;
	font-weight: 700;
	letter-spacing: 0;
	opacity: 0.7;
	/* background-color: blue; */
}

.subcontenido_fichas_mis_reservas  ul.desde_hasta li:nth-child(2){  /*Hora*/
	color: #6b6b6b; 
	font-size: 1.8rem;
	font-weight: 700;
	letter-spacing: 0;
	/* background-color: blue; */
}
.subcontenido_fichas_mis_reservas  ul.desde_hasta li:nth-child(3){
	color: #373636;
	font-size: 1.4rem;
	font-weight: 100;
}

.subcontenido_fichas_mis_reservas p.tiempo_reserva{
	border-top: 1px solid rgba(0,0,0,.1);
	border-bottom: 1px solid rgba(0,0,0,.1);
	color: var(--blacknodi);
	font-size: 1.4rem;
	padding: 5px 0 5px 25px;
	background-image: url("../img/icono_cronometro_negro.svg");
	background-repeat: no-repeat;
	background-position:left;
	background-size: 15px;
}

.subcontenido_fichas_mis_reservas p.fin_reserva_web{
	color: var(--blacknodi);
	font-size: 1.5rem;
	line-height: 1.8rem;
	padding-left: 15px;
}
.subcontenido_fichas_mis_reservas p.fin_reserva_web span{
	font-weight: 700;
}




p.habilitacion_checkin_time{
	background-color: #f0f0f0;
	color: #373636;
	font-size: 1.2rem;
	line-height: 1.4rem;
	padding: 10px 15px 10px 45px;
	font-weight: 400;
	background-image: url("../img/icono_cronometro_negro.svg");
	background-repeat: no-repeat;
	background-position:15px 50%;
	background-size: 20px;
}
p.habilitacion_checkin_time strong{
	font-weight: 600;
}
p.habilitacion_checkin_time.encurso{
	position: absolute;
	width: 100%;
	top: 10px;
	border: 3px solid #FFF;
	text-align: center;
	padding: 10px 15px;
	background-image: none;
}

.subcontenido_fichas_mis_reservas ul{
	margin: 20px 0;
}
.subcontenido_fichas_mis_reservas ul.datos_reserva li{
	padding: 5px 0;
	background-repeat: no-repeat;
	margin: 0;
	background-position: left;
	background-size: 12px;
	font-size: 1.4rem;
	color: #373636;
	border-bottom: 1px solid rgba(0,0,0,.1);
}

.subcontenido_fichas_mis_reservas_vencidas ul.datos_reserva li{
	padding: 5px 0;
	background-repeat: no-repeat;
	margin: 0;
	background-position: left;
	background-size: 12px;
	font-size: 1.4rem;
	color: #373636;
	border-bottom: 1px solid rgba(0,0,0,.1);
}
.subcontenido_fichas_mis_reservas ul.datos_reserva li:last-child{
	border-bottom: none;
}

.subcontenido_fichas_mis_reservas_vencidas ul.datos_reserva li:last-child{
	border-bottom: none;
}
.subcontenido_fichas_mis_reservas ul.datos_reserva li a{
	color: #373636;
}

.subcontenido_fichas_mis_reservas_vencidas ul.datos_reserva li a{
	color: #373636;
}


.subcontenido_fichas_mis_reservas ul.datos_reserva li.edificio{background-image: url("../img/icono_edificio_celeste.svg");}
.subcontenido_fichas_mis_reservas ul.datos_reserva li.oficina{background-image: url("../img/icono_silla_celeste.svg"); background-size: 9px;}
.subcontenido_fichas_mis_reservas ul.datos_reserva li.puesto{background-image: url("../img/icono_escritorio_celeste.svg");}
.subcontenido_fichas_mis_reservas ul.datos_reserva li.direccion{background-image: url("../img/icono_ubicacion_celeste.svg"); background-size: 10px;}
.subcontenido_fichas_mis_reservas ul.datos_reserva li.whatsapp{background-image: url("../img/icono_whatsapp_celeste.svg");}

.subcontenido_fichas_mis_reservas_vencidas ul.datos_reserva li.edificio{background-image: url("../img/icono_edificio_celeste.svg");}
.subcontenido_fichas_mis_reservas_vencidas ul.datos_reserva li.oficina{background-image: url("../img/icono_silla_celeste.svg"); background-size: 9px;}
.subcontenido_fichas_mis_reservas_vencidas ul.datos_reserva li.puesto{background-image: url("../img/icono_escritorio_celeste.svg");}
.subcontenido_fichas_mis_reservas_vencidas ul.datos_reserva li.direccion{background-image: url("../img/icono_ubicacion_celeste.svg"); background-size: 10px;}
.subcontenido_fichas_mis_reservas_vencidas ul.datos_reserva li.whatsapp{background-image: url("../img/icono_whatsapp_celeste.svg");}


.subcontenido_fichas_mis_reservas a.bt_acciones_finales_reserva{
	display: block;
	width: auto;
	padding: 8px 0 8px 30px;
	color: #FFF;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 10px;
	background-size: 15px;
	font-size: 1.2rem;
	margin-bottom: 10px;
	border-left: 1px solid #FFF;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}

.subcontenido_fichas_mis_reservas_vencidas a.bt_acciones_finales_reserva{
	display: block;
	width: auto;
	padding: 8px 0 8px 30px;
	color: #FFF;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 10px;
	background-size: 15px;
	font-size: 1.2rem;
	margin-bottom: 10px;
	border-left: 1px solid #FFF;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}



.subcontenido_fichas_mis_reservas a.bt_acciones_finales_reserva.reprogramar{
	background-color: var(--main_color);
	background-image: url("../img/icono_reprogramar_blanco.svg");
}
.subcontenido_fichas_mis_reservas a.bt_acciones_finales_reserva.cancelar{
	background-color: #ce0b10;
	background-image: url("../img/icono_cruz_blanca.svg");
	background-size: 12px;
}
.subcontenido_fichas_mis_reservas a.bt_acciones_finales_reserva:hover{
	/* padding: 8px 0 8px 35px; */
	border-left: 8px solid var(--blacknodi);
	/* font-size: 1.3rem; */
}


.subcontenido_fichas_mis_reservas_vencidas a.bt_acciones_finales_reserva.reprogramar{
	background-color: var(--main_color);
	background-image: url("../img/icono_reprogramar_blanco.svg");
}
.subcontenido_fichas_mis_reservas_vencidas a.bt_acciones_finales_reserva.cancelar{
	background-color: #ce0b10;
	background-image: url("../img/icono_cruz_blanca.svg");
	background-size: 12px;
}
.subcontenido_fichas_mis_reservas_vencidas a.bt_acciones_finales_reserva:hover{
	/* padding: 8px 0 8px 35px; */
	border-left: 8px solid var(--blacknodi);
	/* font-size: 1.3rem; */
}


/* MIS RESERVAS //////// --------------------------------------------------------------------- */

p.habilitacion_checkin_time_vencida{
	background-color: #ebebeb;
	color: #373636;
	font-size: 1.4rem;
	line-height: 1.4rem;
	padding: 10px 15px 10px 45px;
	font-weight: 900 !important;
	background-image: url("../img/icono_cronometro_negro.svg");
	background-repeat: no-repeat;
	background-position:15px 50%;
	background-size: 20px;
	margin-bottom: 15px;
}











































p.aclaracion_formato_foto{
	font-size: 1.2rem;
	line-height: 1.4rem;
	font-weight: 400;
	color: var(--hover_verde_oficina);
}


p.estados{
	display: inline-block;
	border-radius: 20px;
	padding: 3px 10px;
	font-size: 1.1rem;
	line-height: 1.5rem;
	color: #FFF;
	font-weight: 500;
}
p.estados.en_armado{background-color: #8b8b8b;}
p.estados.en_asignacion{background-color: #8b8b8b;}
p.estados.ajustar{background-color: #cb4b4b;}
p.estados.pendiente{background-color: #e89a35;}
p.estados.pendiente_revision{background-color: #e89a35;}
p.estados.autorizado{background-color:rgb(72, 165, 36)}
p.estados.publicado{background-color:rgb(72, 165, 36)}
p.estados.discontinuado{background-color: #3D3D3D;}
p.estados.pausado{background-color: #C2E3F6; color: var(--blacknodi);}
p.estados.archivado{background-color: #A2A2A2;}


/*Publicaciones*/
p.estados.novisible{background-color: transparent; border: 1px dotted rgb(165, 165, 165); color: #545454;}
p.estados.visible{background-color:rgb(176, 227, 155); color: #303030;}
p.estados.encurso{background-color:rgb(72, 165, 36) !important}
p.estados.finalizada{background-color:rgb(71, 96, 196)}
p.estados.vencida{background-color: #e89a35;}
p.estados.discontinuada{background-color: #3D3D3D;}
p.estados.pausada{background-color: #C2E3F6; color: var(--blacknodi);}
p.estados.archivada{background-color: #A2A2A2;}








p.cursos_disponibles{
	margin-top: 22px;
	color: #2c2c2c;
	font-size: 1.3rem;
	font-weight: 800;
}
p.cursos_disponibles span{
	color: var(--hover_verde_oficina);
	font-size: 1.5rem;
}
p.aclaracion_cursos_encontrados{
	font-size: 1.2rem;
	line-height: 1.7rem;
	padding: 5px 10px 7px 30px;
	font-weight: 600;
	background-color: rgb(0, 0, 0,.08);
	background-image: url("../img/icono_info.svg");
	background-repeat: no-repeat;
	background-position: 10px 50%;
	background-size: 12px;
}

ul.listado_cursos_elegir{
	padding: 0;
	margin: 0;
}
ul.listado_cursos_elegir li{
	display: block;
	padding: 10px 0;
	margin:  0;
	line-height: 1.4rem;
	font-size: 1.5em;
	border-bottom:1px solid rgba(0,0,0,.15) ;
	/* background-color: red; */
}
ul.listado_cursos_elegir li:last-child{
	border-bottom: none;
	/* background-color: red; */
}
ul.listado_cursos_elegir li .form-check{
	/* border: 1px solid red; */
	padding-left: 0;
}

.check-toggle, .check-toggle:before, .check-toggle:after, .check-toggle:checked:before, .check-toggle:checked:after {
    transition: ease .3s;
    -webkit-transition: ease .3s;
    -moz-transition: ease .3s;
    -o-transition: ease .3s;
	appearance: none;
	border: none;
	margin-right: 5px;
}
.check-toggle:after {
    content: '';
    width: 42px;
    height: 22px;
    display: inline-block;
    background: rgba(0, 0, 0, 0.25);
    border-radius: 18px;
    clear: both;
}
.check-toggle:before {
    content: '';
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    left: 3px;
    top: 3px;
    border-radius: 50%;
    background: rgb(255, 255, 255);
    /* box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6); */
}
.check-toggle:checked:after {
    background: var(--main_color);
}
.check-toggle:checked:before {
    left: 23px;
    /* box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.6); */
}





























/*CURSOS -------------------------------------------------------------------- */

	
	ul#tabsCargaCurso{border: 0;}

	img.img_ejemplos_cursos{
		display: block;
		width: 100%;
		max-width: 250px;
	}

	ul#tabsCargaCurso li button{
		background-color: transparent;
		border: 0;
		font-size: 1.3rem;
		line-height: 1.3rem;
		padding: 0;
		border-bottom: 2px solid #a0a0a0;
		margin-right: 20px;
		padding: 0 40px 10px 0;
		color: #a0a0a0;
	}
	ul#tabsCargaCurso li button:last-child{
		margin-right: 0px;
	}

	ul#tabsCargaCurso li button span{
		display: inline-block;
		font-weight: 800;
		line-height: 1.1rem;
		padding: 10px;
		width: 30px;
		height: 30px;
		border-radius: 50%;
		color: #FFFFFF;
		margin-right: 5px;
		background-color: #a0a0a0;
		transition: all .3s ease-in-out;
	}

	ul#tabsCargaCurso li button:hover span{
		background-color: var(--blacknodi);
	}

	ul#tabsCargaCurso li button.active{
		border-bottom: 2px solid var(--main_color);
		color: var(--main_color);
		font-weight: 800;
	}

	ul#tabsCargaCurso li button.active span{
		background-color: var(--main_color);
	}

	#tabsCargaCursoContent input, #tabsCargaCursoContent select{
		border: 2px solid #ebebeb;
		color: #545454;
	}

	#tabsCargaCursoContent select{
		border: 2px solid #ebebeb;
		color: #545454;
		padding-left: 10px;
		padding-right: 23px;
	}
	#tabsCargaCursoContent textarea{
		border: 2px solid #ebebeb;
		color: #545454;
		padding-left: 10px;
		font-size: 1.6rem;
	}


	
	a.bt_ver_preview{
		display: none;
		font-size: 1.1rem;
		line-height: 1.4rem;
		color: #ffffff;
		text-decoration: none;
		background-color: var(--hover_verde_oficina);
		padding: 2px 8px;
		border-radius: 15px;
		margin-top: 9px;
		transition: all .2s ease-in-out;
	}
	a.bt_ver_preview:hover{
		background-color: #5d5d5d;
	}
	.previews_files{
		width: 100%;
		max-width: 200px;
		margin-top: 15px;
		opacity: .8;
		border: 1px dotted rgba(0,0,0,.3);
	}

	#contenidoCurso{
		border: none;
   	}
	#contenidoCurso .nav-link {
		border-radius: 0;
   	}
	.bt_carga_contenido_curso{
		font-size: 1.3rem;
		font-weight: 500;
		padding: 10px 20px 10px 55px;
		border:1px solid rgba(0,0,0,.1) !important;
		border-radius: 6px !important;
		position: relative;
		overflow: hidden;
		margin-right: 20px;
		background-color: transparent;
	}
	.bt_carga_contenido_curso::before{
		background-repeat: no-repeat;
		background-position: center;
		background-size: 19px;
		content: "";
		width: 40px;
		height: 40px;
		background-color: rgba(0,0,0,.1);
		position: absolute;
		left: 0;
		top:0;
		border-radius: 5px !important;
		transition: all .15s ease-in-out;
	}
	.bt_carga_contenido_curso.archivo.active::before{background-image: url("../img/icono_adjunto_verde.svg");}
	.bt_carga_contenido_curso.archivo::before{background-image: url("../img/icono_adjunto_gris.svg");}
	.bt_carga_contenido_curso.link.active::before{background-image: url("../img/icono_link_verde.svg");}
	.bt_carga_contenido_curso.link::before{background-image: url("../img/icono_link_gris.svg");}

	.bt_carga_contenido_curso.active{
		border:1px solid rgba(55,227,196,.5) !important;
	}
	.bt_carga_contenido_curso.active::before{
		background-color: rgba(55,227,196,.2) !important;
	}
	.bt_carga_contenido_curso:hover{
		color: var(--hover_verde_oficina)
	}


	.evaluacion_no p{
		text-align: center;
		width: 100%;
		font-weight: 300;
		line-height: 1.9rem;
		max-width: 400px;
		background-color: rgba(55,227,196,.3);
		padding: 40px 0;
		margin-top: 10px;
	}
	.evaluacion_no p span{
		font-weight: 600;
	}



	p.aclaracion_certificado{
		font-size: 1.4rem;
		font-weight: 300;
		line-height: 1.6rem;
	}



	#modal_preguntas .modal-content{
		padding: 0;
	}


	#modal_preguntas textarea{
		border: 2px solid #ebebeb;
		color: #545454;
		padding-left: 10px;
		font-size: 1.6rem;
		padding-top: 5px;
		transition: all .15s ease-in-out;
	}

	#modal_preguntas textarea.obligatorio{
		border: 1px solid red;
		box-shadow: 0 0 5px rgba(252, 1, 1, 0.476);
	}
	#modal_preguntas textarea::placeholder{
		color: #b2b2b2;
		font-size: 1.3rem;
	}
	#modal_preguntas input, #modal_preguntas select{
		border: 2px solid #ebebeb;
		color: #545454;
	}

	#modal_preguntas select{
		border: 2px solid #ebebeb;
		color: #545454;
		padding-left: 10px;
	}
	a.bt_aniadir_preg_resp{
		color: var(--blacknodi);
		font-size: 1.2rem;
		line-height: 2.4rem;
		font-weight: 500;
		text-decoration: none;
		position: relative;
		padding-left: 30px;
	}
	a.bt_aniadir_preg_resp:before{
		content: "";
		display: block;
		width: 23px;
		height: 23px;
		border-radius: 50%;
		background-color: #BBF4EB;
		position: absolute;
		left:0;
		background-image: url("../img/signo_mas_verde.svg");
		background-position: center;
		background-size: 10px;
		background-repeat: no-repeat;
	}

	h1.grupos_evaluacion{
		font-size: 1.5rem;
		line-height: 3rem;
		margin-bottom: 25px;
		background-repeat: no-repeat;
		background-position: left;
		padding-left: 30px;
		/* background-color: red; */
	}

	h1.grupos_evaluacion.preguntas{
		background-image: url("../img/icono_birrete.svg");
		background-size: 22px;
	}
	h1.grupos_evaluacion.tiempos{
		background-image: url("../img/icono_cronometro.svg");
		background-size: 18px;
	}

	

	.contenedor_grupo_preguntas_tiempos_evaluacion{
		border: 1px solid var(--main_color);
		border-radius: 10px;
		padding: 30px 20px;
	}

	a.bt_aniadir_preg{
		display: block;
		color: rgb(38, 38, 38);
		font-size: 1.3rem;
		line-height: 3.6rem;
		font-weight: 500;
		border-radius: 7px;
		text-decoration: none;
		position: relative;
		padding:0 13px 0 47px;
		border: 1px solid var(--main_color);
		transition: all .1s ease-in-out;
	}
	a.bt_aniadir_preg:hover:before{
		width: 100%;
		background-color: var(--hover_verde_oficina);
	}
	a.bt_aniadir_preg:before{
		content: "";
		display: block;
		width: 36px;
		height: 36px;
		border-radius: 5px;
		background-color: var(--main_color);
		position: absolute;
		left:0;
		background-image: url("../img/signo_mas_blanco.svg");
		background-position: center;
		background-size: 15px;
		background-repeat: no-repeat;
		transition: all .3s ease-in-out;
	}






	#modal_preguntas .modal-header{
		padding: 15px 20px;
		background-color: #BBF4EB;
		border-radius: 0;
	}
	#modal_preguntas .modal-content .modal-header h5{
		color: #8F8F8F !important;
		font-size: 1.8rem;
		line-height: 1.7rem;
		font-weight: 800;
	}

	#modal_preguntas .modal-body{
		/* background-color: red; */
	}
	


	#preguntas_reordenar{
		border: 2px solid #f0f0f0;
		padding: 15px 20px;
	}
	#preguntas_reordenar div{
		width: 100%;
		border-bottom: 1px solid #d1d1d1;
		padding: 10px 0;
		cursor: move;

		transition: all .15s ease-in-out;

		animation-name: destaca;
		animation-duration: 1.5s; 
		animation-timing-function: ease-out; 
		animation-delay: .3;
		animation-direction: normal;
		animation-iteration-count: 1;
		animation-fill-mode: forwards;
		animation-play-state: running; 

	}


	@keyframes destaca {
		0% {
			background-color: transparent;
			padding-left: 0px;
			padding-right: 0px;
			border-radius: 0px;
		}
		20%{
			background-color: #BBF4EB;
			padding-left: 10px;
			padding-right: 10px;
			border-radius: 2px;
		}	
		80%{
			background-color: #BBF4EB;
			padding-left: 10px;
			padding-right: 10px;
			border-radius: 2px;
		}	
		100% {
			background-color: transparent;
			padding-left: 0px;
			padding-right: 0px;
			border-radius: 0px;
		}
	}



	


	#preguntas_reordenar div:last-child{
		border-bottom: none;
	}
	#preguntas_reordenar div p{
		font-size: 1.3rem;
		line-height: 1.4rem;
		color: #505050;
		font-weight: 600;
		margin: 0;
		/* background-color: green; */
	}
	#preguntas_reordenar div p span.badge{
		background-color: #ececec;
		border-radius: 10px;
		display: inline-block;
		text-align: center;
		font-size: .8rem;
		margin-left: 0px;
		padding: 2px 5px;
	}

	ul#bts_editar_eliminar_preg{
		display: flex;
		justify-content: end;
		width: 70px;
		height: auto;
		/* background-color: red; */
	}
	


	p.total_preguntas_cargadas{
		font-size: 1.4rem;
		font-weight: 400;
		color: var(--blacknodi);
		border: 1px solid #ededed;
		padding: 0px 0 0px 15px;
		border-radius: 8px;
		margin: 0;
	}
	p.total_preguntas_cargadas span{
		display: inline-block;
		padding: 8px 10px;
		margin-left: 10px;
		color: #929292;
		font-weight: 800;
		border-left:1px solid #ededed;
	}

	span.info_aclaraciones{
		display: inline-block;
		width: 14px;
		height: 14px;
		font-size: .7rem;
		line-height: 1.4rem;
		text-align: center;
		border: 1px solid var(--main_color);
		border-radius: 50%;
		color: var(--main_color);
		position: relative;
		top: 2px;
		background-image: url("../img/i_info.svg");
		background-repeat: no-repeat;
		background-position: center;
		background-size: 5px;
	}

	

/*CURSOS -------------------------------------------------------------------- */

















/* ESTILOS DE FORM //////// --------------------------------------------------------------------- */
	button.bt_ingresar_dni,button.bt_reservar_turno{
		border: none;
		background-color: transparent !important;
		font-weight: 800;
		font-size: 1.8rem;
		color: var(--blacknodi);
		float: right;
		margin-top: 5px;
		border-radius:0!important
	}
	button:focus { 
		outline: none; 
	}


	.form-group{
		width: 100%;
		margin-bottom: 12px;
	}
	.form-control{
		width: 100%;
		font-size: 1.6rem;
		line-height: 1.6rem;
		font-weight: 400;
		background-color: #FFF;
		border:none;
		padding: 12px 10px;
		border-radius: 0 !important;
		box-shadow: none;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.form-control.conborde{
		border:1px solid #d6d6d6;
	}
	
	input:-webkit-autofill,
	input:-webkit-autofill:hover, 
	input:-webkit-autofill:focus, 
	input:-webkit-autofill:active{
		-webkit-box-shadow: 0 0 0 100px white inset !important;
	}


	input:focus, select:focus, select, input.form-control:focus  {
		outline:none !important;
		outline-width: 0 !important;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
	}

	.form-control.sin_padding_left{
		padding-left: 0;
	}
	.form-control::-webkit-input-placeholder{
		color: rgba(0,0,0,.4);
		font-weight: 600;
		font-size: 1.4rem;
	}
	.form-group label span{font-size: 1.2rem;}
	.form-group label {
		font-size: 1.4rem;
		/* font-weight: 600; */
		color: rgba(0, 0, 0,.7);
		font-weight: 600;
	}

	.dt-buttons{
		display: block;
		width: 100%;
		max-width: 200px;
		/* margin-top: -50px; */
		/* background-color: red; */
	}

	.styled-select{
		-webkit-appearance: none;
		/* background: transparent; */
		width: 100%;
		overflow: hidden;
	}
	.form-control:focus {
		/* border-bottom: 1px solid rgba(0,0,0,1); */
		/* background-color: rgba(0,0,0,.01); */
		padding-left: 10px;
		padding-right: 10px;
		-webkit-box-shadow: none;
		box-shadow: none;
		color: var(--blacknodi);
	}
	select{
		width: 100%;
		font-size: 1.7rem;
		line-height: 1.7rem;
		font-weight: 200;
		background-color: #FFF;
		/*border:none !important;*/
		border-top:none;
		border-left:none;
		border-right:none;
		padding: 8px 10px 8px 0;
		border-radius: 0 !important;
		box-shadow: none;
		appearance: none;
		-webkit-appearance: none;
		background-image: url('../img/flecha_abajo_verde.svg');
		background-repeat: no-repeat;
		background-position: 98%;
		background-size: 15px;
	}

	.input-select {
		width: 100%;
		font-size: 1.7rem;
		line-height: 1.7rem;
		font-weight: 400;
		background-color: #FFF;
		border:none !important;
		padding: 8px 10px 8px 0;
		border-radius: 0 !important;
		box-shadow: none;
		appearance: none;
		-webkit-appearance: none;
		background-image: url('../img/flecha_abajo_verde.svg');
		background-repeat: no-repeat;
		background-position: 100%;
		background-size: 15px;
	}




	select.sin_background{
		background-image: none;
	}
	select.form-control{
		padding: 16px 10px;
	}
	


	.lower{
		text-transform:lowercase;
	}
	.lower::first-letter{
		text-transform:uppercase;
	}


	p.cantidades_usuarios{
		color: #505050;
		display: inline-block;
		font-size: 1.2rem;
		line-height: 1.2rem;
		font-weight: 600;
		position: relative;
		left: 5px;
	}
	p.cantidades_usuarios::before{
		content: "";
		display: block;
		position: absolute;
		width: 5px;
		height: 5px;
		border-radius: 50%;
		left: -9px;
		top: 4px;
	}

	p.cantidades_usuarios.pendientes::before{background-color: rgb(237, 141, 62);}
	p.cantidades_usuarios.aprobados::before{background-color: var(--hover_verde_oficina);}
	p.cantidades_usuarios.desaprobados::before{background-color: rgb(216, 59, 59);}





	.cada_respuesta.correcta{
		position: relative !important;
		transition: all .2s ease-in-out;
	}
	.cada_respuesta.correcta:before{
		content: "Correcta";
		color: #09b45f;
		font-weight: 800;
		display: block;
		position: absolute !important;
		bottom: 2px;
		right: 28px;
	}
	.cada_respuesta.correcta > input.form-control{
		border: 2px solid #0bc367 !important;
		transition: all .2s ease-in-out;
	}

	.check_certificado{
		margin-bottom: 5px;
		/* background-color: red; */
		padding-left: 20px;
	
	}


	.check_certificado > .form-check-input {
		position: absolute;
		margin-top: 0.4rem;
		margin-left: -2rem;
		margin-right: 5px;
	}
	input[type=radio].form-check-input {
		accent-color: var(--main_color)
	}



/* ESTILOS DE FORM //////// --------------------------------------------------------------------- */




nav#botonera_deplegable_bootstrap{
	/* position: relative; */
	/* border: 1px solid red; */
	/* background-color: pink; */
	margin-top: 17px;
	margin-right: 95px;
	background-color: transparent;
	padding: 10px;
}
nav#botonera_deplegable_bootstrap ul{
	/* position: absolute; */
	background-color: var(--blacknodi);
	/* background-color: pink; */
	/* padding: 10px; */
}
button.navbar-toggler{
	font-size: 2rem;
	background-color: var(--amarillonodi);
}
.navbar-toggler-icon{
	background-color: var(--amarillonodi)
}
.dropdown a.nav-link{
	/* color: rgb(207, 207, 207); */
	color: #FFF;
	font-size: 1.3rem;
	margin-right: 5px;
	font-weight: 400;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
.dropdown a.nav-link:hover{
	color: var(--amarillonodi);
}
.dropdown a.nav-link.activo{
	color: var(--amarillonodi);
	/* font-weight: 700; */
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{
	color: var(--amarillonodi);
}

.dropdown-menu{
	background-color: var(--blacknodi);
	border: none;
	border-radius: 0;
}
.dropdown-menu a.dropdown-item, .dropdown-submenu a.multi_nivel{
	color:#FFF;
	font-size: 1.3rem;
	padding: 7px 10px;
	font-weight: 300;
	border-top: 1px solid rgba(255,255,255,.1);
	text-decoration: none;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
.dropdown-menu a.dropdown-item:hover, .dropdown-submenu a.multi_nivel:hover{
	background-color: var(--main_color);
	color: var(--amarillonodi);
}
.dropdown-item:focus, .dropdown-item:hover{background-color: var(--blacknodi);}

a.multi_nivel:visited{background-color: var(--blacknodi);}
a.multi_nivel i{
	/* background-color: red; */
	position: relative;
	top: -2px;
	left: 3px;
	color: var(--amarillonodi);
}

/* .dropdown-submenu{
	position: relative;
}*/
ul.contiene_submenu{
	display: none;
	background-color: rgba(255,255,255,.15) !important;
}
ul.contiene_submenu.activo{
	display: block;
}
ul.contiene_submenu{
	/* border:1px solid red; */
	padding: 0px 10px;
	/* background-color: pink !important; */
	margin-top: 0px;
} 
ul.contiene_submenu li{
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	margin-left: 10px;
	border-bottom: 1px solid rgba(255,255,255,.1);
}
ul.contiene_submenu li:last-child{
	border-bottom: none;
}
ul.contiene_submenu li a{
	display: block;
	font-size: 1.2rem;
	width: 100%;
	color: #FFF;
	padding: 5px 10px 5px 3px;
	text-decoration: none;
	transition: all .3s ease-in-out;
} 
ul.contiene_submenu li a:hover{
	background-color: var(--amarillonodi);
	color: var(--blacknodi);
} 









.imp-shape-container{
	/* border:1px solid red !important; */
	/* opacity: .2; */
	background-color:rgba(243, 243, 243, 0.3);
}



p.explicacion_reportes{
	background-color: rgb(245, 245, 245);
	padding: 10px 15px 10px 35px;
	font-size: 1.3rem;
	color: rgb(97, 97, 97);
	margin-bottom: 20px;
	font-weight: 400;
	background-image: url("../img/icono_info.svg");
	background-repeat: no-repeat;
	background-size: 18px;
	background-position: 10px 10px;
}








/* PUESTOS DE CONTROL //////// --------------------------------------------------------------------- */

body.puestos_validacion{
	/*background-image: url("../img/puestos_control/triangulo_rb.svg");
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 130px;*/
}
section.pantalla_mensajes{
	padding-top: 0;
	padding-bottom: 0;
	/* border: 1px solid red; */
}
.franja_gris_iconos{
	background-color: #F6F6F6;
	transform: skew(-10deg);
}
.contiene_iconos{
	/* border:1px solid red; */
	height: 100%;
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 180px;
}
.contiene_iconos.qr_usado{background-image: url("../img/puestos_control/icono_qr_usado.svg");}
.contiene_iconos.qr_tarde{background-image: url("../img/puestos_control/icono_tarde.svg");}
.contiene_iconos.qr_invalido{background-image: url("../img/puestos_control/icono_qr_invalido.svg");}
.contiene_iconos.qr_temprano{background-image: url("../img/puestos_control/icono_temprano.svg");}

img.triangulo_rb{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 120px;
}
img.triangulo_conlogo{
	position: absolute;
	left: 0;
	top: 0;
	width: 160px;
	z-index: 10;
}

.seccion_escanear_qr{
	background-image: url("../img/puestos_control/icono_lector.svg");
	background-repeat: no-repeat;
	background-size: 650px;
	background-position: 90% bottom;
}
p.negro{
	color: var(--blacknodi);
}
h1.titulo_puesto_control{
	font-size: 5.5rem;
	padding-left: 70px;
}
h1.titulo_puesto_control.mensajes{
	margin-left: -2px;
	font-size: 4.2rem;
	line-height: 6rem;
	/* background-color: red; */
	color: var(--blacknodi);
	background-repeat: no-repeat;
	background-position: 0 3px;
	background-size: 55px;
}
/* .contiene_mensajes{
	padding-left: 70px;
} */

h1.titulo_puesto_control.mensajes.icono_atencion{background-image: url("../img/puestos_control/icono_info.svg");}
h1.titulo_puesto_control.mensajes.icono_error{background-image: url("../img/puestos_control/icono_error.svg");}

h2{
	font-weight: 600;
	font-size: 1.9rem;
}

h2 span.nombre_curso_breadcrumb{
	color: var(--hover_verde_oficina);
}

h2.subtitulos_mensajes{
	font-size: 2.3rem;
	font-weight: 600;
	position: relative;
	padding-bottom: 30px;
	padding-top: 10px;
}
p.mensaje_opciones_validacion{
	color: #1D1D1B;
	font-size: 2.2rem;
	line-height: 3.8rem;
	margin-top: 40px;
	width: 100%;
	max-width: 450px;
	/* background-color: pink; */
}
h2.subtitulos_mensajes:before{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 70px;
	height: 4px;
	background-color: var(--blacknodi);
}
h1.valido_ok{
	font-size: 4.5rem;
	padding-left: 55px;
	position: relative;
}
h1.valido_ok:before{
	content: "";
	position: absolute;
	left: -6px;
	top: 6px;
	display: block;
	width: 50px;
	height: 50px;
	background-image: url("../img/puestos_control/icono_tilde_ok.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
}
p.mensaje_escanear_qr{
	padding-top: 20px;
	font-size: 2.7rem;
	font-weight: 200;
}
img.celu_escanear_qr{
	max-width: 310px;
}
p.mensaje_valido_ok{
	margin: 30px 0 40px;
	font-size: 2.3rem;
}
img.celu_pantalla_checkin{
	max-width: 400px;
}
.tarjeta_reserva_ok{
	margin-top: 20px;
	background-color: #F6F6F6;
	border-radius: 8px;
	padding: 20px 25px;
}
ul.listado_reserva_ok li:first-child{
	color: var(--blacknodi);
	font-weight: 800;
	font-size: 1.5rem;
	margin-bottom: 20px;
}
ul.listado_reserva_ok li{
	color:#646363;
	font-size: 1.8rem;
	font-weight: 100;
}
ul.listado_reserva_ok li span{
	font-weight: 700;
}
p.tiempo_reserva{
	color: var(--blacknodi);
	position: relative;
	padding-left: 30px;
	font-size: 1.7rem;
	margin-top: 20px;
	/* background-color: pink; */
}
p.tiempo_reserva:before{
	content:"";
	display: block;
	width: 22px;
	height: 22px;
	position: absolute;
	left: 0;
	top: 2px;
	background-image: url("../img/puestos_control/icono_cronometro_negro.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 17px;
}

p.recordatorio_15min{
	font-size: 1.2rem;
	line-height: 1.3rem;
	position: relative;
	padding-left: 30px;
	margin-top: 20px;
}
p.recordatorio_15min:before{
	content: "";
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 20px;
	height: 20px;
	background-image: url("../img/puestos_control/icono_info_gris.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px;
}





/* PUESTOS DE CONTROL //////// --------------------------------------------------------------------- */
























/* INICIO ADMINISTRADOR //////// --------------------------------------------------------------------- */
	#contiene_inicio_admin{
		width: 100%;
		padding: 30px;
		background-color: var(--main_color);
		/* border-top: 6px solid var(--blacknodi)000; */
		margin-bottom: 40px;
		text-align: center;
		position: relative;
		padding-bottom: 110px;
	}
	#contiene_inicio_admin:before {
		content: ' ';
		display: block;
		position: absolute;
		right: 15px;
		bottom: 15px;
		width: 60px;
		height: 60px;
		z-index: 1;
		opacity: 0.2;
		background-image: url("../img/in_blanco.svg");
		background-position: bottom right;
		background-repeat: no-repeat;
	}

	#contenido_inicio_admin.inicio_agente h1{
		background-image: url("../img/icono_agente_negro.svg");
		background-position: 5px;
		background-size: 35px;
	}

	#contenido_inicio_admin{
		width: 100%;
	}
	#contenido_inicio_admin h1{
		display: inline-block;
		/* background-color: blue; */
		padding: 20px 0 20px 58px;
		font-size: 2.2rem;
		font-weight: 200;
		background-image: url("../img/rueda_admin.svg");
		background-repeat: no-repeat;
		background-position: left;
		background-size: 48px;
		margin: 30px 0;
	}
	#contenido_inicio_admin > img.logo_inicio_admin{
		width: 100%;
		max-width: 120px;
	}
/* INICIO ADMINISTRADOR //////// --------------------------------------------------------------------- */









/* BASE ADMIN //////// --------------------------------------------------------------------- */
	
	.contiene_base_admin{
		width: 100%;
		padding: 20px;
		/* background-color: var(--main_color); */
		background-color: #efefef;
		/* border-top: 3px solid var(--blacknodi)000; */
		margin-top:20px ;
	}

	a.volver{
		text-decoration: none;
		font-weight: 800;
		font-size: 1.2rem;
		color:var(--blacknodi);
		display: inline-block;
	}

	a.guardar_admin{
		float: right;
		text-decoration: none;
		font-weight: 800;
		padding-left: 20px;
		font-size: 1.2rem;
		color:var(--blacknodi);
		display: inline-block;
		background-image: url("../img/icono_guardar.svg");
		background-repeat: no-repeat;
		background-position: left;
		background-size: 15px;
		-webkit-transition: all 0.15s ease-in-out;
		-moz-transition: all 0.15s ease-in-out;
		-o-transition: all 0.15s ease-in-out;
		-ms-transition: all 0.15s ease-in-out;
		transition: all 0.15s ease-in-out;
	}
	a.guardar_admin:hover{
		color:#4bb1a7;
	}

	ul.subbotoneras_acciones_admin{
		float: right;
	}
	ul.subbotoneras_acciones_admin li{
		float: left;
	}
	ul.subbotoneras_acciones_admin li a{
		text-decoration: none;
		font-weight: 800;
		padding-left: 20px;
		font-size: 1.2rem;
		color:var(--blacknodi);
		display: inline-block;
	}
	ul.subbotoneras_acciones_admin li a i{
		color:#4bb1a7;
		font-size: 1.4rem;
		padding-right: 3px;
	}
	ul.subbotoneras_acciones_admin li a:hover{
		color:#4bb1a7;
	}






	.contenido_iterno_base_admin{
		width: 100%;
	}
	
	.contenido_iterno_base_admin h2{
		padding-bottom: 10px;
		margin-bottom: 20px;
		display: inline-block;
		border-bottom: 1px solid var(--blacknodi);
	}

	.contenido_iterno_base_admin h2.nuevos{
		padding-bottom: 5px;
		margin-bottom: 15px;
		/* color: red; */
		margin-top: 10px;
		display:block;
		font-size: 1.6rem;
		color:var(--main_color);
		border-bottom: 1px solid rgba(0,0,0,.1);
	}


	.contenido_iterno_base_admin h2.nuevos span{
		display: block;
		font-weight: 300;
		margin-top: 5px;
		font-size: 1.4rem;
	}



	h2.nuevos_admin{
		padding-bottom: 5px;
		margin-bottom: 5px;
		display: block;
		font-weight: 600;
		font-size: 1.6rem;
		/* color: #FFF; */
		border-bottom: 1px solid #FFF;
	}

/* BASE ADMIN //////// --------------------------------------------------------------------- */






/* CHECKBOX -------------------------------------------------------- */

.custom-control.material-switch {
    padding-left: 0;
    /* border: 1px solid red; */
    width: 65px;
	margin-right: 10px;
  }
  
  .custom-control.material-switch .material-switch-control-input {
    display: none;
  }
  
  .custom-control.material-switch .material-switch-control-input:checked~.material-switch-control-indicator::after {
    background-color:green;
    left: 29px;
  }
  
  .custom-control.material-switch .material-switch-control-indicator {
    display: inline-block;
    position: relative;
    margin: 0 10px 5px 0;
    top: 4px;
    width: 60px;
    height: 30px;
    background: #fff;
    border: 1px solid rgb(210, 210, 210);
    border-radius: 20px;
    transition: 0.3s;
  }
  
  .custom-control.material-switch .material-switch-control-indicator::after {
    content: '';
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    transition: 0.3s;
    top: -1px;
    left: -1px;
    background: #c1c1c1;
    /* box-shadow: 0 2px 10px #aaa; */
  }


  .custom-control.material-switch .material-switch-control-indicator p{
	font-weight: 800;
	color: rgb(162, 162, 162);
	/* border: 1px solid red; */
	width: 100%;
	font-size: 1.4rem;
	padding: 3px 0 3px 3px;
  }
  .custom-control.material-switch .material-switch-control-indicator p span.si{
	color: green;
	padding: 0px 0 0 1px;
  }

  p.aclaracion_switch{
	font-size: 1.3rem;
	line-height: 1.7rem;
	color: var(--blacknodi);
  }
/* CHECKBOX -------------------------------------------------------- */






ul.preguntas_respuesta_ddjj li{
	font-size: 1.7rem;
	line-height: 1.7rem;
	font-weight: 500;
	color: rgb(76, 76, 76);
	border-bottom: 1px solid rgb(212, 212, 212);
	padding: 17px 0 17px 15px;
	position: relative;
	margin: 0;
}
ul.preguntas_respuesta_ddjj li:before{
	content: "";
	position: absolute;
	left: 0;
	top: 25px;
	display: block;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color:rgba(76, 76, 76,.5);
}
ul.preguntas_respuesta_ddjj li:last-child{
	border-bottom: none;
}
ul.preguntas_respuesta_ddjj li span{
	color: #448377;
	font-weight: 300;
	padding-left: 10px;
	font-size: 1.6rem;
	border-left: 1px solid #448377;
	margin-left: 5px;	
}
ul.preguntas_respuesta_ddjj li span strong{
	font-weight: 600;
}











#cargando_ad{
	width: 100%;
	/* text-align: center; */
	/* background-color: rgba(0,0,0,.5); */
	display: none;
}
.lds-roller {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
	left: 50%;
	margin-left: -80px;
  }
  .lds-roller div {
	animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	transform-origin: 40px 40px;
  }
  .lds-roller div:after {
	content: " ";
	display: block;
	position: absolute;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--blacknodi);
	margin: -4px 0 0 -4px;
  }
  .lds-roller div:nth-child(1) {
	animation-delay: -0.036s;
  }
  .lds-roller div:nth-child(1):after {
	top: 63px;
	left: 63px;
  }
  .lds-roller div:nth-child(2) {
	animation-delay: -0.072s;
  }
  .lds-roller div:nth-child(2):after {
	top: 68px;
	left: 56px;
  }
  .lds-roller div:nth-child(3) {
	animation-delay: -0.108s;
  }
  .lds-roller div:nth-child(3):after {
	top: 71px;
	left: 48px;
  }
  .lds-roller div:nth-child(4) {
	animation-delay: -0.144s;
  }
  .lds-roller div:nth-child(4):after {
	top: 72px;
	left: 40px;
  }
  .lds-roller div:nth-child(5) {
	animation-delay: -0.18s;
  }
  .lds-roller div:nth-child(5):after {
	top: 71px;
	left: 32px;
  }
  .lds-roller div:nth-child(6) {
	animation-delay: -0.216s;
  }
  .lds-roller div:nth-child(6):after {
	top: 68px;
	left: 24px;
  }
  .lds-roller div:nth-child(7) {
	animation-delay: -0.252s;
  }
  .lds-roller div:nth-child(7):after {
	top: 63px;
	left: 17px;
  }
  .lds-roller div:nth-child(8) {
	animation-delay: -0.288s;
  }
  .lds-roller div:nth-child(8):after {
	top: 56px;
	left: 12px;
  }
  @keyframes lds-roller {
	0% {
	  transform: rotate(0deg);
	}
	100% {
	  transform: rotate(360deg);
	}
  }







#ocupacion{
	border: 2px solid red;
}

a.quien_reservo{
	/* display: none; */
	visibility: hidden;
	opacity: 0;
	background-image: url("../img/icono_reservado.svg");
	background-repeat: no-repeat;
	background-position: left;
	background-size: 16px;
	padding: 10px 0 10px 23px;
	font-size: 1.2rem;
	color:#4bb1a7;
	text-decoration: none;
	transition: all .3s ease-in-out;
	margin-right: 15px;
}
a.quien_reservo.visible{
	visibility: visible;
	opacity: 1;
	margin-right: 0;
}
a.quien_reservo:hover{
	color:var(--blacknodi);
}














ul.ulmenu{
	font-family: Arial, Verdana;   
	font-size: 14px;   
	margin: 0;   
	padding: 0;   
	list-style: none; 
	z-index: 9999; 
	background-color: var(--blacknodi); 
} 

ul li.limenu{ 
	display: block;  
	width: 100%; 
	position: relative;   
	float: left; 
	z-index: 9999;
	/* border:1px solid red */
} 
li ul.ulmenu {display: none; z-index: 9999;} 
ul.ulmenu li a { padding: 10px 10px 10px 10px !important; z-index: 9999; display: block;   text-decoration: none;   color: #ffffff;  padding: 5px 15px 5px 15px;    margin-left: 1px;   white-space: nowrap; } 
ul.ulmenu li a:hover {background: #617F8A; z-index: 9999; } 
li:hover ul.ulmenu {display: block; position: absolute; z-index: 9999; } 
li:hover li.ulmenu {float: none; font-size: 11px; z-index: 9999; } 
						







/* PANTALLA FISICA //////// --------------------------------------------------------------------- */

	.contenido_izquierdo{
		/* height: 100vh; */
		height: 50vh;
		background-color: var(--blacknodi);
		position: relative;
	}
	.contenido_izquierdo:before{
		content:"";
		position: absolute;
		right: 13px;
		bottom: 5px;
		width: 90px;
		height: 30px;
		display: block;
		background-image: url("../img/advanced_footer_blanco.svg");
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100%;
		opacity: .35;
	}
	
	#llamado_turno p{
		text-align: center;
		-webkit-animation: fadeinout 1s  infinite;
		animation: fadeinout 1s  infinite;
		opacity: 0;
	}
	@keyframes fadeinout {
		0% { opacity: 0.05; }
		50% { opacity: 1; }
		100% { opacity: .05; }
	}

	#llamado_turno p span{display: block;}
	#llamado_turno p span.titulo{
		color: #FFF;
		font-size: 4rem;
		line-height: 4rem;
		font-family: 'Playfair Display';
	}
	#llamado_turno p span.numero:before{
		display: block;
		content: "";
		width: 35px;
		height: 70px;
		position: absolute;
		/* right: -80px; */
		right: -50px;
		top: 50%;
		margin-top: -20px;
		background-image: url("../img/ondas_verdes_derecha.svg");
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100%;
	}
	#llamado_turno p span.numero:after{
		display: block;
		content: "";
		width: 35px;
		height: 70px;
		position: absolute;
		/* left: -80px; */
		left: -50px;
		top: 50%;
		margin-top: -20px;
		background-image: url("../img/ondas_verdes_derecha.svg");
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100%;
		transform: rotate(180deg);
	}

	#llamado_turno p span.numero{
		position: relative;
		font-weight: 800;
		/* font-size: 20rem; */
		font-size: 16rem;
		/* line-height: 20rem; */
		line-height: 16rem;
		color: var(--main_color);
		letter-spacing: -1rem;
	}
	#llamado_turno p span.puesto{
		font-weight: 800;
		/* font-size: 7rem; */
		font-size: 5.5rem;
		/* line-height: 5rem; */
		line-height: 4rem;
		color: #FFF;
	}

	.contenido_derecho{
		/* height: 100vh; */
		background-color: var(--main_color);
		text-align: center;
	}
	ul.listados_numero_puesto{
		text-align: center;
		color: #FFF;
		font-size: 9rem;
		line-height: 10rem;
	}
	ul.listados_numero_puesto li{
		padding:0 ;
	}
	ul.listados_numero_puesto li.titulo{
		background-color: var(--blacknodi);
		font-weight: 800;
		font-size: 3rem;
		line-height: 5rem;
	}
	ul.listados_numero_puesto li.turno_en_proceso{
		color: var(--blacknodi);
		font-weight: 800;
	}
	.contenido_derecho img.marca{
		width: 100%;
		max-width: 130px;
		margin-bottom: 50px;
	}
	
/* PANTALLA FISICA //////// --------------------------------------------------------------------- */











/*UPLOAD FILES DRAG AND DROP------------------------------------------------ */
	.file-drop-area {
		position: relative;
		display: flex;
		align-items: center;
		width: 100%;
		max-width: 350px;
		padding: 40px 15px;
		border: 1px dashed rgba(0, 0, 0, 0.15);
		border-radius: 3px;
		transition: 0.2s;
		background-color: rgba(0, 0, 0, 0.05);
		transition: all .15s ease-in-out;
	}
	.file-drop-area.activo {
		background-color: rgb(228, 252, 237);
		border: 1px solid rgb(183, 226, 199);
	}
	
	.choose-file-button {
		flex-shrink: 0;
		background-color: red;
		border: 1px solid rgba(0, 0, 0, 0.1);
		border-radius: 3px;
		padding: 8px 15px;
		margin-right: 10px;
		font-size: 12px;
	}
	
	.file-message {
		font-size: 1.3rem;
		display: block;
		width: 100%;
		font-weight: 400;
		line-height: 1.4rem;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		text-align: center;
		color: rgb(0, 0, 0,.4);
		background-image: url("../img/icono_upload.svg");
		background-repeat: no-repeat;
		background-position: top center;
		background-size: 25px;
		padding-top: 35px;
		/*background-color: red;*/
	}

	.file-message.activo{	
		font-size: 1.3rem;
		font-weight: 600;
		color: #43ba7f;
	}

	
	.file-input_drag {
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		cursor: pointer;
		opacity: 0;
	}


	
	.mt-100{
		margin-top:100px;
	}
/*UPLOAD FILES DRAG AND DROP------------------------------------------------ */





.contenedor_mensaje_finalizar{
	position: relative;
	min-height: 300px;
	/*background-image: url("../img/ImgFinalGuardadoCurso.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;*/
}
.contenedor_mensaje_finalizar .contenido_finalizar{
	position: relative;
	z-index: 1;
	height: 100%;
	margin-top: 150px;
	margin-top: 0px;
	padding-right: 50px;
}
.contenedor_mensaje_finalizar .contenido_finalizar h1{
	background-image: url("../img/icono_aviso.svg");
	background-repeat: no-repeat;
	background-size: 45px;
	background-position: center;
	font-size: 3.5rem;
	color: #444444;
	padding-top: 115px;
}
.contenedor_mensaje_finalizar img{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	/*background-image: url("../img/ImgFinalGuardadoCurso.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;*/
}





.contiene_tabla_admin{
	width: 100%;
	padding: 30px;
	background-color: #f0f0f0;
}
table.bases{
	font-size: 1.1rem;
}
table.bases thead{
	font-weight: 700;
	font-size: 1.5rem;
	color: #4bb1a7;
}
table.bases thead th{
	border-top:0;
	border-bottom:none;
	vertical-align: top;
	padding-bottom: 20px;
	/* background-color: #FFF; */
	background-color: transparent;
}

table.bases thead th:first-child{
	/* background-color: red; */
	padding-left: 0;
}

table.bases tbody tr.pausada{
	background-color: #E5EAFF;
	color: #6A7DCA !important;
}
table.bases tbody tr.pausada p.cantidades_usuarios {
	color: #6A7DCA;
}

 table.bases tbody td{
	background-color: transparent;
	font-size: 1.2rem;
	vertical-align: top;
} 
table.bases tbody td:first-child{
	padding-left: 0;
} 

/* table.bases ul.acciones_tablas{
	background-color: red;
} */
table.bases ul.acciones_tablas li{
	float: right;
	padding: 0;
	margin: 0;
	margin-left:10px;
	/* background-color: pink; */
	text-align: center;
}
table.bases ul.acciones_tablas li a{
	display: block;
	text-decoration: none;
	color: var(--blacknodi);
	text-transform: uppercase;
	font-size: .9rem;
	line-height: 1rem;
	padding: 2px;
	/* background-position: top center; */
	/* background-size: 15px; */
	/* margin-top: -10px; */
	/* background-color: red; */
	background-repeat: no-repeat;
	/* padding-top: 20px; */
}
table.bases ul.acciones_tablas li a span{
	margin-top: -7px;
	display: block;
}
table.bases ul.acciones_tablas li a i{
	font-size: 1.5rem;
	color: var(--hover_verde_oficina);
	position: relative;
	padding: 2px 2px 10px 2px;
	/* background-color: orange; */
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
table.bases ul.acciones_tablas li a i:hover{
	color: var(--blacknodi);
}


/* table.bases ul.acciones_tablas li a:hover{text-decoration: underline;} */
table.bases ul.acciones_tablas li a.editar{
	background-image: url("../img/icono_editar_verde.svg");
}
table.bases ul.acciones_tablas li a.colas{
	background-image: url("../img/icono_colas_verde.svg");
}
table.bases ul.acciones_tablas li a.eliminar{
	background-image: url("../img/icono_eliminar_verde.svg");
	background-size: 12px;
}
table.bases td,table.bases th{vertical-align:middle}
table.bases td.contiene_acciones_tablas{
	/* width: 250px; */
	min-width: 200px;
	/* background-color: blue; */
}

.contiene_titulo_seccion_admin{
	width: 100%;
	/* padding: 30px; */
	/* padding: 15px; */
	background-color: var(--main_color);
	border-top: 5px solid var(--amarillonodi);
	margin-bottom: 15px;
	text-align: center;
}
.contiene_titulo_seccion_admin h1 span{
	color:var(--amarillonodi);
	font-size: 2.6rem;
	line-height: 2.4rem;
}
.contiene_titulo_seccion_admin h1{
	font-size: 2.5rem;
	line-height: 3rem;
	color: var(--amarillonodi);
	position: relative;
	text-align: left;
	padding: 5px 0 0 10px;
	font-weight: 600;
}
/* .contiene_titulo_seccion_admin h1:before{
	content: "";
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background-color:rgba(255,255,255,.7);
	position: absolute;
	left: 0;
	margin-left: 0px;
	top: 0;
	font-size: 2.7rem;
	line-height: 3.8rem;
	color: var(--blacknodi);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 15px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 15px;
} */

.contiene_titulo_seccion_admin h1.sucursales:before{
	background-image: url("../img/icono_ubicacion_verde.svg");
	
}
.contiene_titulo_seccion_admin a#agregar_item_admin{
	display: inline-block;
	/* float: right; */
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: rgba(255,255,255,.5);
	color: var(--amarillonodi);
	text-decoration: none;
	font-size: 1.8rem;
	font-weight: 800;
	text-align: center;
	/* margin: 30px 0; */
	margin: -55px 0;
	position: relative;
	/* z-index: 50; */
	border:1px solid rgba(0,0,0,.4);
	background-image: url("../img/signo_mas.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 40px;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
.contiene_titulo_seccion_admin a#agregar_item_admin:hover{
	background-color: rgba(255,255,255,.8);
}












































/* FOOTER //////// --------------------------------------------------------------------- */

	footer.pie_abajo {
		z-index: 1;
		width: 100%; 	
		margin-bottom: 10px;
	}
	img.desarrollo_adv_footer{
		width: 100%;
		max-width: 90px;
		float: right;
	}

/* FOOTER //////// --------------------------------------------------------------------- */












/*Sweer Alert*/
.swal2-styled{
	background-color: var(--hover_verde_oficina) !important;
	padding: 8px 20px !important;
	border-radius: 0 !important;
	font-weight: 700 !important;
	font-size: 1.3rem !important;
}
.swal2-confirm{
	background-color:  var(--hover_verde_oficina) !important;
}
.swal2-cancel{
	background-color:  #929292 !important;
}
.swal2-html-container{
	font-size: 1.3rem !important;
}
/*Sweer Alert*/












.grafico{
	width: 100%;
	height: 150px;
	border-radius: 50%;
	background-color:#8b8b8b
}
.contiene_cada_curso_detalle_estado{
	/* margin-bottom: 30px !important; */
}
.cada_curso_detalle_estado{
	border: none !important;
	background-color: transparent;
	position: relative;
	padding: 35px 0;
	background-color: #F0F0F0 !important;
	border-radius: 6px ;
	overflow: visible;
}
.cada_curso_detalle_estado span.estado{
	position: absolute;
	top: -9px;
	left: 10px;
	font-size: 1rem;
	line-height: 1rem;
	color: #FFF;
	border: 3px solid #FFF;
	padding: 3px 6px;
	border-radius: 15px;
}
/*Publicaciones*/
.cada_curso_detalle_estado span.estado.novisible{background-color: #FFF; border: 1px dotted rgb(165, 165, 165); color: #545454;}
.cada_curso_detalle_estado span.estado.visible{background-color:rgb(176, 227, 155); color: #303030;}
.cada_curso_detalle_estado span.estado.encurso{background-color:rgb(72, 165, 36) !important}
.cada_curso_detalle_estado span.estado.finalizado{background-color:rgb(71, 96, 196)}
.cada_curso_detalle_estado span.estado.vencido{background-color: #e89a35;}
.cada_curso_detalle_estado span.estado.discontinuado{background-color: #3D3D3D;}
.cada_curso_detalle_estado span.estado.pausado{background-color: #C2E3F6; color: var(--blacknodi);}
.cada_curso_detalle_estado span.estado.archivado{background-color: #A2A2A2;}




.cada_curso_detalle_estado ul.acciones_avance_cursos{
	position: absolute;
	top: -5px;
	right: 15px;
	display: none;
}

.cada_curso_detalle_estado .card-body{
	/* background-color: blue; */
	padding: 0 0 0 15px;
}
.cada_curso_detalle_estado h2{
	font-size: 2rem;
	line-height: 2rem;
	font-weight: 600;
	/* background-color: pink; */
	margin: 0;
}
.cada_curso_detalle_estado p.obligatorio_evaluacion{
	font-size: 1.2rem;
	line-height: 1.2rem;
	/* background-color: blue; */
	margin: 0;
	margin-bottom: 5px;
	color: #7B7B7B;
	font-weight: 400;
}

.cada_curso_detalle_estado p.asignacion{
	font-size: 1.3rem;
	line-height: 1.4rem;
	/* background-color: blue; */
	margin: 7px 0;
	font-weight: 500;
	color: #26AC94;
}
.cada_curso_detalle_estado p.fecha{
	font-size: 1.2rem;
	line-height: 1.2rem;
	/* background-color: blue; */
	margin: 0;
	font-weight: 600;
	background-image: url("../img/icono_calendario.svg");
	background-size: 12px;
	padding-left: 15px;
	background-position: left;
	background-repeat: no-repeat;
	color: var(--blacknodi);
}
.cada_curso_detalle_estado p.fecha span{
	color: var(--rojo);
	margin-left: 5px;
	font-weight: 400;
}
.cada_curso_detalle_estado a.usuarios_asignados{
	border: 1px solid rgba(0, 0, 0, 0.3);
	background-color: transparent;
	text-decoration: none;
	color: var(--blacknodi);
	display: inline-block;
	border-radius: 5px;
	padding: 3px 25px 3px 10px;
	margin-top: 25px;
	transition: all .15s ease-in-out;
	background-image: url("../img/arrow_right_gris.svg");
	background-repeat: no-repeat;
	background-size: 7px;
	background-position:  95% center;
}
.cada_curso_detalle_estado a.usuarios_asignados:hover{
	background-color: var(--main_color);
	border: 1px solid rgba(0, 0, 0, 0.000005);
}
.cada_curso_detalle_estado a.usuarios_asignados span.totales{
	font-size: 2.2rem;
	line-height: 2.2rem;
	font-weight: 400;
	background-image: url("../img/icono_usuario_negro.svg");
	background-size: 13px;
	padding-left: 15px;
	background-position: left;
	background-repeat: no-repeat;
}
.cada_curso_detalle_estado a.usuarios_asignados span.con_estado{
	font-size: 1.4rem;
	line-height: 1.4rem;
	font-weight: 400;
	top: -4px;
	position: relative;
	padding-left: 7px;
	margin-left: 7px;
}
.cada_curso_detalle_estado a.usuarios_asignados span.con_estado:before{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 8px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
}
.cada_curso_detalle_estado a.usuarios_asignados span.con_estado.desaprobados:before{background-color: var(--rojo);}
.cada_curso_detalle_estado a.usuarios_asignados span.con_estado.pendientes:before{background-color: #EB930F;}
.cada_curso_detalle_estado a.usuarios_asignados span.con_estado.aprobados:before{background-color: #2E892C;}


ul.referencias_estado_cursos{
	position: absolute;
	bottom: 5px;
	left: 10px;
	font-size: .8rem;
}
ul.referencias_estado_cursos li{
	display: inline-block;
	padding: 0 0 0 7px;
	margin: 0 5px 0 0;
	position: relative;
	color: var(--blacknodi);
}
ul.referencias_estado_cursos li::before{
	content: "";
	display: block;
	width: 4px;
	height: 4px;
	background-color: blue;
	border-radius: 50%;
	position: absolute;
	top: 4px;
	left: 0;
}
ul.referencias_estado_cursos li.desaprobados:before{background-color: var(--rojo);}
ul.referencias_estado_cursos li.pendientes:before{background-color: #EB930F;}
ul.referencias_estado_cursos li.aprobados:before{background-color: #2E892C;}



.modalUsuariosAsignadosCursos .modal-content{
	padding: 0;
}
.modalUsuariosAsignadosCursos .modal-header{
	padding: 18px 20px;
	background-color: var(--hover_verde_oficina);
}
.modalUsuariosAsignadosCursos .modal-header button{
	margin: 0px 0px 0 0 ;
	background-image: url("../img/cruz_blanca.svg");
	background-repeat: no-repeat;
	background-position: center;
}
.modalUsuariosAsignadosCursos .modal-title{
	font-weight: 700;
	font-size: 2rem;
	line-height: 2.4rem;
	color: #FFF;
}
.modalUsuariosAsignadosCursos .modal-title span{
	display: block;
	font-weight: 300;
	font-size: 1.4rem;
	color: #FFF !important;
}

.modalUsuariosAsignadosCursos .modal-body{
	padding: 18px 20px;
}

.modalUsuariosAsignadosCursos .modal-body ul.usuarios_asignados{
	color: var(--blacknodi);
	display: block;
}
.modalUsuariosAsignadosCursos .modal-body ul.usuarios_asignados li{
	display: inline-block;
}
.modalUsuariosAsignadosCursos .modal-body ul.usuarios_asignados li.totales{
	font-size: 2.2rem;
	line-height: 2.2rem;
	font-weight: 400;
	background-image: url("../img/icono_usuario_negro.svg");
	background-size: 14px;
	padding-left: 19px;
	background-position: left;
	background-repeat: no-repeat;
}
.modalUsuariosAsignadosCursos .modal-body ul.usuarios_asignados li.con_estado{
	font-size: 1.4rem;
	line-height: 1.4rem;
	font-weight: 400;
	position: relative;
	padding-left: 7px;
	margin-left: 7px;
}
.modalUsuariosAsignadosCursos .modal-body ul.usuarios_asignados li.con_estado:before{
	content: "";
	display: block;
	position: absolute;	
	left: 0;
	top: 8px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
}
.modalUsuariosAsignadosCursos .modal-body ul.usuarios_asignados li.con_estado.desaprobados:before{background-color: var(--rojo);}
.modalUsuariosAsignadosCursos .modal-body ul.usuarios_asignados li.con_estado.pendientes:before{background-color: #EB930F;}
.modalUsuariosAsignadosCursos .modal-body ul.usuarios_asignados li.con_estado.aprobados:before{background-color: #2E892C;}
.modalUsuariosAsignadosCursos .modal-body p.estado{
	color: rgba(0,0,0,.5);
	font-size: 1.2rem;
	line-height: 1.2rem;
	font-weight: 600 !important;
}

.modalUsuariosAsignadosCursos .modal-body ul.listado_notas_detalle_usuarios li{
	margin: 6px 0;
	padding: 0;
	padding-left: 12px;
	color: var(--blacknodi);
	font-size: 1.25rem;
}
.modalUsuariosAsignadosCursos .modal-body ul.listado_notas_detalle_usuarios li:first-child{
	font-weight: 700;
	position: relative;
	padding-left: 10px;
}
.modalUsuariosAsignadosCursos .modal-body ul.listado_notas_detalle_usuarios li:first-child:before{
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color: red;
	position: absolute;
	left: 0;
	top:7px;
}
.modalUsuariosAsignadosCursos .modal-body ul.listado_notas_detalle_usuarios li.desaprobados:first-child:before{background-color: var(--rojo);}
.modalUsuariosAsignadosCursos .modal-body ul.listado_notas_detalle_usuarios li.pendientes:first-child:before{background-color: #EB930F;}
.modalUsuariosAsignadosCursos .modal-body ul.listado_notas_detalle_usuarios li.aprobados:first-child:before{background-color: #2E892C;}

.modalUsuariosAsignadosCursos .modal-footer{
	padding: 20px;
}

p.detalle_fecha_visualizacion{
	font-size: 1.2rem;
	font-weight: 600;
	color: #8F8F8F;
	line-height: 1.2rem;
}









































































/*// Small devices (landscape phones, 576px and up) col-sm*/
@media (min-width: 576px) {



	/*Ajuste para 7 columnas*/
		.seven-cols .col-md-1,
		.seven-cols .col-sm-1,
		.seven-cols .col-lg-1  {
			width: 100%;
			*width: 100%;
		}
	/*Ajuste para 7 columnas*/



	.cursosycertificados .miscertificados {
		padding-top: 20px;
	}

	.miscursos .col{
		padding-bottom: 20px;
	}
	
	.miscertificados .container-fluid{
		padding-top: 10px;
	}

	
	/*.avisosilustrados .contenedor_img img{
		grid-column-start: 5;
	}*/

	.avisosilustrados .h2{
		font-size: 2.5rem;
		line-height: 3rem;
		border: 1px solid red;
	}

	.durantecursada .modal .avisosilustrados{
		display: block;
	}

/*
	.avisosilustrados .contenedor_img img{
		margin-left: 0px;
	}
	*/
		
}






/*// Medium devices (tablets, 768px and up) col-md*/
@media (min-width: 768px) {



	.encabezado_encuesta{
		padding: 0 0 0 20px;
	}
	ul.datos_personales_encuesta li{
		text-align: right;
	}
	




		
	/* INICIO //////// --------------------------------------------------------------------- */
		
		/* #bienvenida_index {
			padding-right: 50px;
		} */
		.form_index{
			height: 100vh;
		}
		#contiene_form_index{
			padding-left: 25px;
			padding-right: 25px;
			margin-top: 0;
		}
		#contiene_form_index:before{
			left: 70%;
		}
		#contiene_form_index img{
			margin: 80px 0 80px 0;
		}

		#bienvenida_index h1{
			font-size: 3.5rem;
		}
		#bienvenida_index p{
			line-height: 2.8rem;
		}

	/* INICIO //////// --------------------------------------------------------------------- */



	#contiene_img_login_interno{
		margin-bottom: 40px;
	}


	/* DASHBOARD */	
	.contenedor_detalles_piso, .contenedor_detalles_grafico{
		width: 100%;
		padding: 30px;
		background-color: #f0f0f0;
		margin-bottom: 15px;
	}
	.porcentaje_disponible_dashboard{
		display: inline-block;
		float: right;
		text-align: center;
		color: #3abdde;
		font-size: 5rem;
		line-height: 6rem;
	}
	.check_refresh{
		padding: 5px 0 5px 50px;    
		margin-top: 25px;
	}


	/* RESPORTING */
	.dt-button{
		display: inline-block;
		font-weight: 800;
		color: var(--blacknodi);
		font-size: 1.5rem;
		line-height: 2rem;
		margin-bottom: 10px;
		text-decoration: none;
    	background: transparent;
		border: none;
		position: relative;
		padding-left: 17px;
		margin-right: 15px;
	}
	.dt-button:hover{
		color: #2ad3b3;
	}

	.dt-button:before{
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		width: 12px;
		height: 22px;
		content: '';
		background-repeat: no-repeat;
		background-position: left;
		background-size: 100%;
	}
	.dt-button.buttons-excel:before{
		background-image: url("../img/file-excel_verde.svg");
	}
	.dt-button.buttons-pdf:before{
		background-image: url("../img/file-pdf_verde.svg");
	}
	p.mensaje_sindatos{
		color:#3d3d3d;
		padding: 40px;
		margin-top: 40px;
		text-align: center;
		font-size: 1.7rem;
		line-height: 1.9rem;
		background-image: url("../img/emoji_preocupado.svg");
		background-repeat: no-repeat;
		background-position: top center;
		background-size: 30px;
	}
	
	/* .dt-buttons{
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-right: -15px;
		margin-left: -15px;
	} */


	/* RESRVA TURNO //////// --------------------------------------------------------------------- */

		#contiene_no_hay_turnos_reservados p{
			font-size: 3.7rem;
			line-height: 4rem;
			margin: 50px 0;
		}
		#contiene_reserva_turno{
			margin: 0;
		}

	/* RESRVA TURNO //////// --------------------------------------------------------------------- */








	/* PANTALLA AGENTE //////// --------------------------------------------------------------------- */
		#contiene_atencion_proximo_turno{
			margin: 0;
		}
	/* PANTALLA AGENTE //////// --------------------------------------------------------------------- */












	/* CARTELERA FISICA //////// --------------------------------------------------------------------- */
		
		.contenido_izquierdo{
			height: 100vh;
		}
		#llamado_turno p span.numero:before{
			right: -80px;
		}
		#llamado_turno p span.numero:after{
			left: -80px;
		}

		#llamado_turno p span.numero{
			font-size: 20rem;
			line-height: 20rem;
		}
		#llamado_turno p span.puesto{
			font-size: 7rem;
			line-height: 5rem;
		}

	/* CARTELERA FISICA //////// --------------------------------------------------------------------- */

	

		

	/* MIS RESERVAS //////// ---------------------------------------- */


		ul#filtros_segun_estados li:first-child{
			display: block;

		}
		ul#filtros_segun_estados{
			margin-bottom: 10px;
			margin-top: 0px;
			width: auto;
		}
		
		ul#filtros_segun_estados li{
			border-bottom: none;
		}

		ul#filtros_segun_estados li a:before{
			top:3px;
		}
		ul#filtros_segun_estados li a{
			padding: 0 0 0  12px;
		}

		ul#filtros_segun_estados li:last-child{
			border: none;
		}
		ul#filtros_segun_estados li,ul#filtros_segun_estados li a{
			/* float: none; */
			float: left;
		}

		/* .subcontenido_fichas_mis_reservas div.puesto_reservado{
			width: 120px;
			height: 120px;
		} */
	/* MIS RESERVAS //////// ---------------------------------------- */



	/*Ajuste para 7 columnas*/
		.seven-cols .col-md-1,
		.seven-cols .col-sm-1,
		.seven-cols .col-lg-1 {
			width: 14.285714285714285714285714285714%;
			*width: 14.285714285714285714285714285714%;
			max-width: 14.285714285714285714285714285714% !important;
		flex:none !important;
		}
	/*Ajuste para 7 columnas*/





	a.vercertificado_aprobado{
		width: 80px;
		height: 80px;
		margin-top: 60px;
	}
	.contiene_imagen_cierrecurso .imagen_cierre_decurso{
		top: 250px;
		right: -120px; 
	}
	
	.contenido_mensaje_aprobado{
		margin-top: 250px;
		margin-left: -30px;
	}
	

}






/*// Large devices (desktops, 992px and up) col-lg*/
@media (min-width: 992px) {



	.contenedor_mensaje_finalizar .contenido_finalizar{
		margin-top: 150px;
	}
	

	#botonera_ppal_index{
		margin-top: 0;
		/* background-color: var(--blacknodi); */
		background-color: transparent;
		/* padding: 20px; */
		padding: 0px;
	}

	#botonera_ppal_index a{
		border-bottom: none;
	}

	 
	.contiene_titulo_seccion_admin{
		padding: 30px;
	}
	.contiene_titulo_seccion_admin h1{
		padding: 0px 0 0 0;
		text-align: center;
	}
	/* .contiene_titulo_seccion_admin h1:before{
		left: 50%;
		margin-left: -22.5px;
	}  */
	 .contiene_titulo_seccion_admin a#agregar_item_admin{
		width: 70px;
		height: 70px;
		float: none;
		margin: 15px 0;
	} 


	.seven-cols .col-md-1,
	.seven-cols .col-sm-1,
	.seven-cols .col-lg-1 {
		width: 14.285714285714285714285714285714%;
		*width: 14.285714285714285714285714285714%;
		max-width: 14.285714285714285714285714285714% !important;
	flex:none !important;
	}



	.contenido_mensaje_aprobado{
		margin-left: -80px;
	}
	.contiene_imagen_cierrecurso .imagen_cierre_decurso{
		top: 220px;
		right: -170px; 
	}

}	






/*// Extra large devices (large desktops, 1200px and up) col-xl */
@media (min-width: 1200px) { 



	/*Ajuste para 7 columnas*/
		.seven-cols .col-md-1,
		.seven-cols .col-sm-1,
		.seven-cols .col-lg-1 {
			width: 14.285714285714285714285714285714%;
			*width: 14.285714285714285714285714285714%;
			max-width: 14.285714285714285714285714285714% !important;
		flex:none !important;
		}
	/*Ajuste para 7 columnas*/

}




.color-puesto-seleccionado {
	color: var(--main_color);
}

.texto-puesto {
	font-size: 1.2rem;
	/* background-color: red; */
}

.btn-link {
	color: #1D1D1B !important;
}

.btn-sector-completo {
	border-radius: 20px;
	opacity: 1;
	transition: all .3s ease-in-out;
}

.btn-sector-completo.inhabilitado {
	opacity: .3;
}

.btn-sector-completo:hover {
	text-decoration: none;
	background-color:#26d1b2;
}

.btn-sector-completo:focus {
	text-decoration: none;
	background-color:#26d1b2;
}