body {
	font-family: 'Manrope', Helvetica, Arial, sans-serif;
	margin-top: 90px; /* Mismo alto que header */
	min-height: 100% !important;
	height: 100%;	
 	/*border:3px 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%;
}



/* TREVIEW ------------------------------------------------------  */
ul.listree{
	background-color:rgba(255,255,255,.7);
	padding: 20px;
}
.listree-submenu-heading{
    cursor:pointer;
    padding: 9px 0 9px 0;
	font-size: 1.6rem;
	margin: 0;
    color: rgb(71, 71, 71);
    /* border: 1px solid red; */
    transition: all .2s ease-in-out;
    border-bottom: 1px solid rgb(223, 223, 223);
}

.listree-submenu-heading:hover{
    padding: 9px 0 9px 7px;
    background-color: rgba(0,0,0,.03);
}

span.iconos a{
    display: inline-block;
    float: right;
	text-align: center;
	color: var(--azul_hrptool);
    z-index: 1;
	font-size: 1.4rem;
    width: 25px;
    height: 25px;
	/*padding-top: 2px;*/
    border-radius: 50%;
    /*background-color: rgb(193, 193, 193);*/
    margin: 0px 5px;
    transition: all .2s ease-in-out;
}
span.iconos a:hover{
    background-color: var(--azul_hrptool);
}
span.iconos a:hover i{color: #FFF;}

ul.listree{
    list-style:none;
    transition: all .2s ease-in-out;
}
ul.listree-submenu-items{
    list-style:none;
    border-left:1px solid rgb(0, 0, 0, .3);
    white-space:nowrap;
    /* margin-right:4px; */
    padding-left:35px;
    transition: all .2s ease-in-out;
    /* border:1px solid red; */
}
ul.listree-submenu-items li.archivo{
    display: block;
	font-size: 1.5rem;
    color:rgb(34, 124, 180);
    padding: 10px 0 10px 5px;
    border-bottom: 1px dotted rgba(0,0,0,.1);
}
ul.listree-submenu-items li.archivo i{
    margin-left: 0px;
	margin-right: 0px;
}

div.listree-submenu-heading.collapsed:before{
    content:"+";
    margin-right:4px;
    transition: all .2s ease-in-out;
}
div.listree-submenu-heading.expanded:before{
    content:"-";
    margin-right:4px
}
.scrollable-menu{
    height:auto;
    /* max-width:800px; */
    width: 100%;
    overflow-y:hidden
}

/* TREVIEW ------------------------------------------------------  */


input[type="file" i] {
    appearance: none;
    background-color: initial;
    cursor: default;
    align-items: baseline;
    color: inherit;
    text-overflow: ellipsis;
    white-space: pre;
    text-align: start !important;
    padding: initial;
    border: initial;
	font-size: 1.2rem;
    overflow: hidden !important;
	background-color: rgb(248, 248, 248) !important;
	width: 100%;
}
::-webkit-file-upload-button {
  background-color: rgb(241, 241, 241) !important;
  color: var(--azul_hrptool);
  font-size: 1.3rem;
  border:none;
  padding: 6px 15px;
  cursor: pointer;
}
::-webkit-file-upload-button:hover {
	background-color: rgb(216, 216, 216) !important;
}




input[type=checkbox] {
	/* Add if not using autoprefixer */
	-webkit-appearance: none;
	/* Remove most all native input styles */
	-moz-appearance: none;
		 appearance: none;
	/* For iOS < 15 */
	background-color: #FFF;
	/* Not removed via appearance */
	margin: 0;
	width: 20px;
	height: 20px;
	border: 1px solid #7e7e7e;
	border-radius: 0.15em;
	transform: translateY(-0.075em);
	display: grid;
	place-content: center;
  }
  
  input[type=checkbox]::before {
	content: "";
	width: 1.35em;
	height: 1.35em;
	-webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
			clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
	transform: scale(0);
	transform-origin: bottom left;
	transition: 100ms transform ease-in-out;
	/*box-shadow: inset 1em 1em var(--form-control-color);*/
	/* Windows High Contrast Mode */
	background-color: var(--azul_hrptool);
  }
  
  input[type=checkbox]:checked::before {
	transform: scale(1);
  }
  
  input[type=checkbox]:focus {
	outline: max(2px, 0.15em) solid currentColor;
	outline-offset: max(2px, 0.15em);
  }
  
  input[type=checkbox]:disabled {
	--form-control-color: var(--form-control-disabled);
	color: var(--form-control-disabled);
	cursor: not-allowed;
  }
  
  






:root {	--azul_hrptool: #006699; }
:root {	--azul_claro_hrptool: #5ca0c5; }
:root {	--celeste_hrptool: #dae9f4; } 
:root {	--hover_azul_hrptool: #5ca0c5; }



.azul_hrptool{
	color: var(--azul_hrptool) !important;
}


h3.azul_hrptool{
	color: var(--azul_hrptool) !important;
}


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;
}

a{
	outline: none !important;
	text-decoration: none;
}


.btn-primary{
	font-size: 1.3rem;
	font-weight: 500;
	border-radius: 25px;
	border: none;
	padding: 7px 20px;
	/* color: #333333; */
	background-color: var(--azul_hrptool);
	transition: all .15s ease-in-out;
}
.btn-primary:hover{
	background-color: #333333;
}
.btn-primary.verde{
	background-color: var(--azul_hrptool);
}
.btn-primary.gris{
	background-color: #a3a3a3;
}
.btn-primary.gris:hover{
	background-color: #333333;
}


/*  ---------- 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: rgb(61, 61, 61);
	font-size: 1.6rem;
	font-weight: 400;
}

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

/* ul li {
	margin-bottom: 5px;
}*/

strong{
	font-weight: 800;
}

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



.bg-celeste-hrptool{
	background-color: var(--celeste_hrptool);
}
.bg-iconos-gigantes{
	background-position: center;
	background-repeat: no-repeat;
	background-size: 150%;
}
.bg-icono-upload{
	background-image: url("../img/icono_subir_archivo_transparente.svg");
	background-position: 50% 30%;
}





#cambios{
	padding:15px 65px 15px 150px;
	margin-bottom: 20px;
	color: rgb(54, 54, 54);
	font-weight: 600;
	border-radius: 0 40px 40px 0;
	text-align: right;
	font-size: 1.4rem;
}
#cambios.accion_ok{
	background-image: url("../img/icono_tilde_fondo_verde.svg");
	background-position: right;
	background-repeat: no-repeat;
	background-size: 55px;
	/* background-color: rgb(232, 250, 228); */
	background-color: rgba(181, 241, 168,.2);
	/* background-color: rgba(255,255,255,.9); */
}

p#cambios.opciondos{
	padding: 0;
	margin: 0;
}

#contiene_cambios{
	display: none;
}
#div_cambios{
	/* border-radius: 5px; */
	padding:15px 60px 15px 150px;
	/* width: 300px; */
	margin-bottom: 30px;
	border-radius: 0 40px 40px 0;
}

#div_cambios p{
	color: rgb(67, 197, 175);
	font-weight: 800;
	text-align: right;
	font-size: 1.6rem;
}
#div_cambios.accion_ok{
	background-image: url("../img/icono_tilde_fondo_verde.svg");
	background-position: right;
	background-repeat: no-repeat;
	background-size: 50px;
	width: 100%;
	/* background-color: rgb(232, 250, 228); */
	/* border: 1px solid  rgb(181, 241, 168); */
	background-color: rgba(255,255,255,.9); 
	
}










.file-drop-area {
    position: relative;
    width: 100%;
    padding: 80px 25px 40px 25px;
	text-align: center;
    border: 1px dotted rgba(0, 0, 0, 0.4);
    transition: 0.2s;
	background-image:  url("../img/icono_subir_archivo_azul.svg");
	background-repeat: no-repeat;
	background-position: 50% 20%;
	background-size: 50px;
	background-color: rgba(0,0,0,.03);
}

.choose-file-button {
	display: inline-block;
	font-size: 1.3rem;
	font-weight: 500;
	border-radius: 25px;
	border: none;
	padding: 7px 20px;
 	color: #FFF; 
	background-color: var(--azul_claro_hrptool);
	transition: all .15s ease-in-out;
	margin-top: 10px;
}

.file-message {
    font-size: small;
    font-weight: 400;
    line-height: 1.5;
	color: rgb(71, 71, 71);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

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


/*

VERDE MARCA: var(--azul_hrptool);
GRIS MARCA: #333333;

*/


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(--azul_hrptool);
	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: #333333;
	/* 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(--azul_hrptool);
}
#botonera_ppal_index a.circulares{
	/* display: none; */
	background-color: var(--azul_hrptool);
	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);
}





/*  ---------------------------------------------------------- HEADER -------------------------------------------------- */
#main-header{
	position: fixed;
	top: 0;
	width: 100%;
	padding-top: 0px;
	height: 90px;
	background-color:  #333333;
	z-index: 99;
}
#main-logo {
	max-width: 100px;
	margin-top: 17px;
	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*/
}
#main-logo img{
	width: 100%;
}
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(--azul_hrptool);
}









/* *------- 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(--azul_hrptool);
}
#main-menu li a.active {
	color: var(--azul_hrptool);
}
#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(--azul_hrptool);
		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(--azul_hrptool);
		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: #000;
		color: var(--azul_hrptool);
		-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(--azul_hrptool); */
		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);
	}


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











































/* 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: 'Plafont-weight: 700;yfair Display';
		color: #FFF;
		font-size: 5rem;
		line-height: 4rem;
	}
	#bienvenida_index h1{
		/* font-size: 3.5rem; */
		font-size: 3rem;
		line-height: 2.8rem;
		color: var(--azul_claro_hrptool);
		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: 400px;
	}
	#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(--azul_hrptool); */
	}
	
	#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(--azul_hrptool);
		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: #000;
	}


	



	.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(--azul_hrptool);
	}
	#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: #000;
		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: #000;
		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: #333333;
		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; */
		margin-top: 120px;
	}
	
	/* #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: 200;
		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 #000 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(--azul_hrptool);}*/
	body.reserva_turno{	background-color: var(--azul_hrptool);}


	.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;
	}


	
	/*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: #000; */
		color: #000;
		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(--azul_hrptool);
		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: #333333;
		-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: #000;
		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: 60px;
		height: 60px;
		border-radius: 50%;
		border:1px solid #000;
		background-image: url("../img/icono_taza.svg");
		background-repeat: no-repeat;
		background-position: center;
		background-size: 25px;
	}
	#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_proximo_turno,#contiene_no_hay_turnos_reservados{
		width: 100%;
		padding: 30px;
		background-color: #f0f0f0;
	}


	#contenido_interno_proximo_turno{
		background-color: #FFF;
		padding: 35px 25px;
	}
	#contenido_interno_proximo_turno p.numero_turno_reservado{
		background-color: var(--azul_hrptool);
		font-size: 3.5rem;
		line-height: 4rem;
		padding-top: 22px;
		/* margin-bottom: 50px; */
		color: #000;
		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: #000;
		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(--azul_hrptool);
	}
	#contenido_interno_proximo_turno p#tiempo_restante_turno span#barra_tiempo_turno span{
		display: block;
		height: 100%;
		background-color: #000;
		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: #000;
		font-size: 1.4rem;
		background-color: var(--azul_hrptool);
		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: #000;
		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(--azul_hrptool);
		border-top: 6px solid #000000;
		margin: 40px 0;
		/* margin: 0; */
	}

	#form_nuevo_turno input{
		margin: 7px 0;
	}

	#contenido_iterno_nuevo_turno{
		width: 100%;
	}

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




























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

h1.info_general_empresa{
	font-size: 2rem;
	margin-bottom: 20px;
}
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: #000;
	margin-top: 15px;
	display: inline-block;
}
p.disponibilidad_total span{
	font-weight: 600;
}
p.porcentaje_disponible_oficina{
	text-align: center;
	color: var(--azul_hrptool);
	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: #333;
	margin: -6px 0 20px 0;

	
	/* border: 1px solid red; */
}
p.simulacion_barra span{
	display: block;
	background-color: var(--azul_hrptool);
	/* width: 83%; */
	height: 100%;
}
p.simulacion_barra span.texto{
	display: block;
	text-transform: uppercase;
	color: #000;
	font-weight: 400;
	text-align: right;
	font-size: .9rem;
	background-color: transparent;
}
p.espacios_disponibles{
	font-size: 1.4rem;
	line-height: 1.4rem;
	color: #000;
	margin: 15px 0 20px 0;
}
p.estados_actuales_oficinas.total{
	background-color: var(--azul_hrptool);
	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: #333333;
	}
	#li_tiempo span.valor{
		font-weight: 800;
	}

	#pre_plano_reserva_puestos{
		/* padding: 100px 0; */
		color: #000;
		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: #000;
		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(--azul_hrptool);
		background-color: var(--azul_hrptool);
		font-size: 2em !important;
	}
	.custom-switch .custom-control-label::before {
		left: -2.25rem;
		width: 1.75rem;
		pointer-events: all;
		border-radius: .5rem;
	}
	.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(--azul_hrptool);}
	ul#nuevos_botones_reservas li a.activo:before{
		background-color: var(--azul_hrptool);
	}


	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:15px 0 15px 60px;
		margin-left: -10px;
	}

	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;
	}
	

	p.bajada_confirmacion_reserva{
		text-align: left;
		color: #1d1d1b;
		font-size: 1.5rem;
		line-height: 1.8rem;
		padding: 15px 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(--azul_hrptool);
		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;
	}
	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(--azul_hrptool);
		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: #000;
	}
	ul.listado_dias_periodicos li a.seleccionado,ul.listado_adicionales li a.seleccionado{
		font-weight: 800;
		color: #000;
		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(--azul_hrptool);
		width: 100%;
		height: 50px;
		/* position: relative; */
	}
	#confirmar_perioricidad{
		display: none;
	}

	.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(--azul_hrptool);
		-webkit-transform: translateZ(0);
		-ms-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-animation: load8 1.1s infinite linear;
		animation: load8 1.1s infinite linear;
	}
	@-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 --------*/























p.txt_inicial_reserva_puesto_trabajo{
	font-size: 1.3rem;
	margin-bottom: 50px;
}
h2.internos_reserva_puesto_trabajo{
	display: block;
	width: 100%;
	font-weight: 100;
	font-size: 3rem;
	margin-bottom: 20px;
	color: #3abdde;
	border-bottom: 1px solid rgba(58,189,222,.4);
}


.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;
}





input.reserva_puesto_trabajo{
	border: 1px solid rgb(196, 196, 196) !important;
	/* background-color: red; */
}
input.reserva_puesto_trabajo.solo_linea_abajo{
	border: none !important;
	border-bottom: 1px solid rgb(196, 196, 196) !important;
	/* background-color: red; */
}
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: 800;
	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: 800;
	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: #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.bt_siguiente_uno:hover:before{
	background-color: #121213;
	background-position: 22px center;
}


.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: #000;
}
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: #3abdde;}
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: #000000;}
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_azul_hrptool)
}
#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: #000000;
}
#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: #3abdde;
	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: 15px 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: #000;
	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: #000;
	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-content{
	/* border:1px solid red; */
	border-radius:0;
	padding: 15px 30px;
	border: none;
}
.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(--azul_hrptool);
}

.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(--azul_hrptool);
	font-weight: 800;
	padding:9px 20px;
	transition: all .4s ease-in-out;
	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(--azul_hrptool);
}
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_azul_hrptool);
}



.breadcrumb.front{
	border-top: none
}
.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: var(--azul_hrptool);
}













.contenido_solapa_empleado_registrado{
	position: fixed;
	z-index: 100;
	/* padding: 20px; */
	width: 100%;
	/* max-width: 500px; */
	background-color: var(--azul_hrptool);
}
/* #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(--azul_claro_hrptool);
	text-align: center;
	color: #000;
	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 #000;
}

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: var(--azul_hrptool);
}
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(--azul_hrptool);
}
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: #000;
	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: #37e1c2;
	cursor: pointer;
	border: 7px solid #FFF;
  }
  .slider::-moz-range-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 35px;
	height: 35px;
	border-radius: 50%; 
	background: #42d7f0;
	cursor: pointer;
	border: 7px solid #FFF;
  }
a.bt_siguiente_circular{
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: #42d7f0;
	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(--azul_hrptool);
		border-top: 6px solid #000000;
		margin-bottom: 40px;
		text-align: center;
		/* margin: 0; */
	}
	#contiene_atencion_proximo_turno h1 span{
		color:#000;
		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: #000;
		color: #000;
		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: #000;
		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 #000;
		border-radius: 50%;
		text-align: center;
		font-weight: 200;
		font-size: 3.6rem;
		line-height: 2.2rem;
		letter-spacing: -0.15rem;
		color:#000;
	}	



	#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 #000;
		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(--azul_hrptool);
	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: #000;
	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(--azul_hrptool);
	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;
	/* 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;
}
.form-control.input_filtros_mis_reservas{
	font-size: 1.3rem !important;
	font-weight: 300;
	background-color: rgba(255,255,255,1);
}
.form-control.input_filtros_mis_reservas::placeholder{
	font-size: 1.3rem !important;
	font-weight: 300;
}
.form-control.input_filtros_mis_reservas:focus {
	border-bottom: 1px solid var(--azul_claro_hrptool);
}
label.input_filtros_mis_reservas{
	font-weight: 800;
	font-size: 1.3rem;
}




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: #000;
	padding: 8px 5px 8px 0 !important;
	font-weight: 800;
	border-radius: 0;
	color: #3abcdd;
	/* 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: #000;
} */
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: #3abcdd;}
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: #000000;}
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: #3abcdd;}
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: #000000;}
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: #000;
	position: relative;
	padding-left: 18px;
}
.contenido_ficha_mis_reservas p.estado_reserva:before{
	content: "";
	position: absolute;
	display: block;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background-color: red;
	top: 0;
	left: 0;
	border: 1px solid #FFF;
}
.contenido_ficha_mis_reservas p.estado_reserva.reservado:before{background-color: #3abcdd;}
.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: #000000;}
.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 div.puesto_reservado{
	/* width: 120px; */
	width: 100px;
	/* height: 120px; */
	height: 100px;
	border-radius: 50%;
	font-size: 2rem;
	color: #FFF;
	font-weight: 100;
	background-color: #3abcdd;
	text-align: center;
}

.subcontenido_fichas_mis_reservas div.puesto_reservado.reservado{background-color: #3abcdd;}
.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: #000000;}
.subcontenido_fichas_mis_reservas div.puesto_reservado.inhabilitada{background-color: #ce0b10;}




.subcontenido_fichas_mis_reservas div.contiene_qr{
	margin-top: 20px;
	width: 90px;
	height: 90px;
	padding: 7px;
	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 a.ampliar_qr{
	display: block;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	margin-left: 25px;
	margin-top: 10px;
	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: #c4ebf6;
}



.subcontenido_fichas_mis_reservas  ul.desde_hasta{
	margin: 40px 0 15px 0;
}
.subcontenido_fichas_mis_reservas  ul.desde_hasta li{
	line-height: 1.5rem;
}
.subcontenido_fichas_mis_reservas  ul.desde_hasta li:nth-child(1){
	color: #38b7d7;
	font-size: 2.2rem;
	font-weight: 800;
}
.subcontenido_fichas_mis_reservas  ul.desde_hasta li:nth-child(2){
	color: #373636;
	font-size: 1.4rem;
	font-weight: 800;
}
.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: #000;
	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 ul{
	margin: 20px 0;
}
.subcontenido_fichas_mis_reservas ul.datos_reserva li{
	padding: 1px 0 1px 20px;
	background-repeat: no-repeat;
	background-position: left;
	background-size: 12px;
	font-size: 1.1rem;
	color: #373636;
}
.subcontenido_fichas_mis_reservas 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 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: #38b7d7;
	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 #000;
	/* font-size: 1.3rem; */
}


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




/*
fieldset{
	border: 1px solid red;
	background-color: red;
}
*/

#div_clasesin{
	/*border-top: 1px solid rgba(0, 0, 0, .1);*/
	/*border-bottom: 1px solid rgba(0, 0, 0, .1);*/
	padding: 8px 0 5px 20px;
	margin-bottom: 8px;
	background-color: rgba(0, 0, 0, .05);
	border-radius: 0 0 10px 10px;
}
.titulos_grupo_check{
	display: block;
	width: 100%;
	border-bottom: 1px solid #cfcfcf;
	margin-bottom: 10px;
}
.form-group.decimales{
	padding-top:8px;
	border-top: 1px solid #cfcfcf;
}
































































/* 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: #000;
		float: right;
		margin-top: 5px;
		border-radius:0!important
	}
	button:focus { 
		outline: none; 
	}


	.form-group{
		width: 100%;
		margin-bottom: 12px;
	}
	.form-group label{
		color: rgb(54, 54, 54);
		font-size: 1.3rem;
		font-weight: 700;
	}
	.form-check{
		padding-left: 0;
	}
	.form-check label{
		margin-left: 7px;
		font-weight: 400;
	}
	.form-control{
		width: 100%;
		font-size: 1.6rem;
		line-height: 1.6rem;
		font-weight: 200;
		background-color: #FFF;
		border:none;
		padding: 18px 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.fondo_gris{
		background-color: rgba(0,0,0,.05)
	}

	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: 400;
		font-size: 1.4rem;
	}
	.form-group label span{font-size: 1.2rem;}

	.styled-select{
		-webkit-appearance: none;
		/* background: transparent; */
		width: 100%;
		overflow: hidden;
	}
	.form-control:focus {
		border: none;
		border-bottom: 1px solid var(--azul_claro_hrptool);
		background-color: rgba(0,0,0,.05); 
		padding-left: 10px;
		padding-right: 10px;
		-webkit-box-shadow: none;
		box-shadow: none;
		color: #000;
	}

	.ms-parent{
		width: 100%;
		font-size: 1.7rem;
		line-height: 1.7rem;
		font-weight: 300;
		background-color: #FFF;
		border:none !important;
		padding: 4px 30px 4px 10px;
		border-radius: 0 !important;
		box-shadow: none;
		appearance: none;
		-webkit-appearance: none;
		background-image: url('../img/flecha_abajo_azul.svg');
		background-repeat: no-repeat;
		background-position: 98%;
		background-size: 15px;
	} 
	select{
		width: 100%;
		font-size: 1.7rem;
		line-height: 1.7rem;
		font-weight: 300;
		background-color: #FFF;
		border:none !important;
		padding: 8px 30px 8px 10px;
		border-radius: 0 !important;
		box-shadow: none;
		appearance: none;
		/*color:#006699;*/
		-webkit-appearance: none;
		background-image: url('../img/flecha_abajo_azul.svg');
		background-repeat: no-repeat;
		background-position: 98%;
		background-size: 15px;
	}
	select.fondo_gris{
		background-color: rgba(0,0,0,.05);
		color: var(--azul_hrptool);
	}
	select.sin_background{
		background-image: none;
	}
	select.form-control{
		padding: 5px 10px;
	}
	
/* ESTILOS DE FORM //////// --------------------------------------------------------------------- */




nav#botonera_deplegable_bootstrap{
	/* position: relative; */
	 /* border: 1px solid red !important;  */
	/* background-color: pink; */
	margin-top: 17px;
	margin-right: 95px;
	background-color: #333;
	padding: 10px;
}
nav#botonera_deplegable_bootstrap ul{
	/* position: absolute; */
	background-color: #333;
	/* background-color: red; */
	/* padding: 10px; */
}
button.navbar-toggler{
	color: #FFF;
	font-size: 2rem;
}
.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(--azul_claro_hrptool);
}
.dropdown a.nav-link.activo{
	color: #FFF;
	/* font-weight: 700; */
}

.dropdown-menu{
	background-color: #333;
	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: 100;
	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(--azul_hrptool);
	color: #FFF !important;
}
.dropdown-menu a.dropdown-item:visited, .dropdown-submenu a.multi_nivel:visited{
	background-color: var(--azul_hrptool);
	color: #FFF !important;
}


a.multi_nivel:visited{background-color: #333;}
a.multi_nivel i{
	/* background-color: red; */
	position: relative;
	top: -2px;
	left: 3px;
}

/* .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(--azul_hrptool);
	color: #FFF;
} 









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













/* 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: #000;
}
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: #333333;
	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: 700;
	font-size: 1.6rem;
}

h2.subtitulos_mensajes{
	font-size: 2.3rem;
	font-weight: 700;
	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: #000;
}
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: #000;
	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: #000;
	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(--azul_hrptool);
		/* border-top: 6px solid #000000; */
		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(--celeste_hrptool);
		/*border-top: 1px solid var(--azul_hrptool);*/
		margin-top:20px ;
	}

	a.volver{
		text-decoration: none;
		font-weight: 800;
		font-size: 1.2rem;
		color:#000;
		display: inline-block;
	}

	a.guardar_admin{
		float: right;
		text-decoration: none;
		font-weight: 800;
		padding-left: 20px;
		font-size: 1.2rem;
		color:#000;
		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:#000;
		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;font-weight: 700;
		margin-bottom: 20px;
		display: inline-block;
		font-weight: 800;
		border-bottom: 1px solid #000;
	}

	.contenido_iterno_base_admin h2.nuevos{
		padding-bottom: 5px;
		margin-bottom: 15px;
		display:block;
		font-weight: 800;
		font-size: 1.6rem;

		border-bottom: 1px solid rgba(0,0,0,.2);
	}

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

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





















#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: #000;
	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:#000;
}














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

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: #333333;
		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(--azul_hrptool);
		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(--azul_hrptool);
		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: #000;
		font-weight: 800;
		font-size: 3rem;
		line-height: 5rem;
	}
	ul.listados_numero_puesto li.turno_en_proceso{
		color: #000;
		font-weight: 800;
	}
	.contenido_derecho img.marca{
		width: 100%;
		max-width: 130px;
		margin-bottom: 50px;
	}
	
/* PANTALLA FISICA //////// --------------------------------------------------------------------- */







/* MENU MULTINIVEL BOOTSTRAP 5 //////// --------------------------------------------------------------------- */
@keyframes fadeIn {
	from {
	  opacity: 0;
	}
	to {
	  opacity: 1;
	}
  }
  .dropdown-menu.show {
	-webkit-animation: fadeIn 0.3s alternate;
	/* Safari 4.0 - 8.0 */
	animation: fadeIn 0.3s alternate;
  }
  
  .nav-item.dropdown.dropdown-mega {
	position: static;
  }
  .nav-item.dropdown.dropdown-mega .dropdown-menu {
	width: 90%;
	top: auto;
	left: 5%;
  }
  
  .navbar-toggler {
	border: none;
	padding: 0;
	outline: none;
  }
  .navbar-toggler:focus {
	box-shadow: none;
  }
  .navbar-toggler .hamburger-toggle {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 50px;
	z-index: 11;
	float: right;
  }
  .navbar-toggler .hamburger-toggle .hamburger {
	position: absolute;
	transform: translate(-50%, -50%) rotate(0deg);
	left: 50%;
	top: 50%;
	width: 50%;
	height: 50%;
	pointer-events: none;
  }
  .navbar-toggler .hamburger-toggle .hamburger span {
	width: 100%;
	height: 4px;
	position: absolute;
	background: #FFF;
	border-radius: 2px;
	z-index: 1;
	transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), all 0.2s ease-in-out;
	left: 0px;
  }
  .navbar-toggler .hamburger-toggle .hamburger span:first-child {
	top: 10%;
	transform-origin: 50% 50%;
	transform: translate(0% -50%) !important;
  }
  .navbar-toggler .hamburger-toggle .hamburger span:nth-child(2) {
	top: 50%;
	transform: translate(0, -50%);
  }
  .navbar-toggler .hamburger-toggle .hamburger span:last-child {
	left: 0px;
	top: auto;
	bottom: 10%;
	transform-origin: 50% 50%;
  }
  .navbar-toggler .hamburger-toggle .hamburger.active span {
	position: absolute;
	margin: 0;
  }
  .navbar-toggler .hamburger-toggle .hamburger.active span:first-child {
	top: 45%;
	transform: rotate(45deg);
  }
  .navbar-toggler .hamburger-toggle .hamburger.active span:nth-child(2) {
	left: 50%;
	width: 0px;
  }
  .navbar-toggler .hamburger-toggle .hamburger.active span:last-child {
	top: 45%;
	transform: rotate(-45deg);
  }
  
  .icons {
	display: inline-flex;
	margin-left: auto;
  }
  .icons a {
	transition: all 0.2s ease-in-out;
	padding: 0.2rem 0.4rem;
	color: #ccc !important;
	text-decoration: none;
  }
  .icons a:hover {
	color: white;
	text-shadow: 0 0 30px white;
  }
/* MENU MULTINIVEL BOOTSTRAP 5 //////// --------------------------------------------------------------------- */









.contiene_tabla_admin{
	width: 100%;
	padding: 30px;
	background-color: #f3f3f3;
}
.table-primary{
	background-color: var(--celeste_hrptool);
	/* color: #FFF; */
}
.table-secondary{
	background-color: #dfdfdf;
	/* color: #FFF; */
}
table td p{
	padding: 0;
	margin: 0;
	font-size: 1.4rem;
}
table td input.form-control{
	border: 1px solid rgba(0,0,0,.1);
}
table.bases{
	font-size: 1.1rem;
}
table.bases thead{
	font-weight: 800;
	font-size: 1.5rem;
	color: var(--azul_hrptool);
	
}
table tbody{
	background-color: rgb(0,0,0,.04);
}
table.bases thead th{
	border-top:0;
	border-bottom:none;
	/* background-color: #FFF; */
}
table.bases tbody{
	background-color: rgb(0,0,0,.0);
}
/* table.bases tbody td{
	border-top: 1px solid #FFF;
} */

table.bases ul.acciones_tablas li{
	float: right;
	padding: 0;
	margin: 0;
	margin-left:15px;
	/* background-color: pink; */
	text-align: center;
}
table.bases ul.acciones_tablas li a{
	display: block;
	text-decoration: none;
	color: #000;
	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(--azul_claro_hrptool);
	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: #000;
}


/* 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; */
	/* background-color: blue; */
}
.contiene_titulo_seccion_admin{
	width: 100%;
	/* padding: 30px; */
	padding: 15px;
	background-color: var(--celeste_hrptool);
	/*border-top: 6px solid #000000;*/
	margin-bottom: 20px;
	text-align: center;
}
.contiene_titulo_seccion_admin h1 span{
	color:#000;
	font-size: 2.6rem;
	line-height: 2.4rem;
}
.contiene_titulo_seccion_admin h1{
	font-size: 2.7rem;
	line-height: 3.8rem;
	color: #000;
	position: relative;
	text-align: left;
	padding: 5px 0 0 10px;
}
/* .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: #000;
	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: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: rgba(255,255,255,.5);
	color: #000;
	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 //////// --------------------------------------------------------------------- */
































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






/*// 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: #000;
		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*/
	

}






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

	#botonera_ppal_index{
		margin-top: 0;
		/* background-color: #333333; */
		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: 80px;
		height: 80px;
		float: none;
		margin: 30px 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;
	}

}	






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

}