body {background-color:#fff;  font-family: 'Open Sans', sans-serif; color:#0d0d0d;}
/* #turnero {width:100%; background-size:auto; background-color:#DDDED8; background-position:top right; background-repeat:repeat-x;  font-family: 'Open Sans', sans-serif;} */
/* #logow {display:none; width:100%;} */

a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
outline: none;
box-shadow: none !important;
}

#header {
margin-bottom: 30px;
box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.10);
}
#header .container {position:relative;}
#logo {height:100px; text-align:center; display:block; padding:20px 0;}
#logo img {height:60px;}

#goBack {position:absolute; top:50%; left:15px; transform:translateY(-50%);}
#goBack button {border:0; outline:none !important; background-color:transparent; cursor:pointer;}
#goBack img {width:30px; /*44*/}

#userInfo {position:absolute; top:15px; right:15px;}
#userInfo img {width:20px;}
#userInfoW {position:absolute; top:15px; right:15px; background-color:#FFF; box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.15); padding:5px 15px 15px 15px; display:none; width:180px;}
#userInfoW .uIW_nombre {font-size:14px; font-weight:700;}
#userInfoW .uIW_logout button {border:1px solid #ccc; outline:none !important; background-color:transparent; cursor:pointer; font-size:13px; padding:4px 6px;}

#userInfoW a {color:#523eba;}

.uIW_logout {text-align:right;}

#uIW_cerrar {top:4px; right:4px; }
#ol_close, #or_close, #of_close {top:14px; left:14px; }

.closex {position:absolute; text-align:center; width:18px; height:18px; padding:0px; border-radius:50%; background-color:#0d0d0d; color:#fff; cursor:pointer; line-height:1;}
.closeb {position:absolute; text-align:center; width:30px; height:18px; padding:0px; cursor:pointer; line-height:1;}
.closeb img {width:30px;}

.tAc {color:#523eba;}

#subHeader {}
#direccion {text-align:center;  font-size:18px; border-radius:40px; padding:10px 0; line-height:1;
box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.10);
}

#titulo {text-align:center; color:#523eba; font-weight:bold; font-size:38px; margin-top:82px;}
#texto {text-align:center; color:#523eba; font-weight:bold; font-size:25px; margin-top:4px;}

#botones {margin:30px 0 0 0;}

#botones .botonW {text-align:center; margin-top:0px; margin-bottom:18px;}

#botones .boton {
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25);
}

#printFrame {position:absolute; top:0; width:1px; height:1px; overflow:hidden;}

.boton, .boton-cat, .gobackbtn, .botonSubmit, .putan {
    -moz-user-select: none;
    background-image: none;
    border: 0px solid transparent;
    border-radius: 6px;
    cursor: pointer;
    display: inline-block;
    font-size: 24px; 
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 14px 22px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
	background-color:#523eba;
	border-color:#523eba;
	color:#fff; 
	display:block;
	width:100%;	
}
.boton.active.focus, .boton.active:focus, .boton.focus, .boton.focus:active, .boton:active:focus, .boton:focus {
    outline: thin dotted;
    outline-offset: -2px;
}
.boton.focus, .boton:focus, .boton:hover {
    color: #fff;
    text-decoration: none;
}
.boton.active, .boton:active {
    background-image: none;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
    outline: 0 none;
}
.boton.disabled, .boton[disabled], fieldset[disabled] .boton {
    box-shadow: none;
    cursor: not-allowed;
    opacity: 0.65;
}
a.boton.disabled, fieldset[disabled] a.boton {
    pointer-events: none;
}

.putan {background-color:#FFF; border:1px solid #000; color:#0d0d0d;  padding: 10px 2px; font-size:16px;}

.gobackbtn {font-size: 18px;}
.boton-cat {}
.boton-cat.active.focus, .boton-cat.active:focus, .boton-cat.focus, .boton-cat.focus:active, .boton-cat:active:focus, .boton-cat:focus {
    outline: thin dotted;
    outline-offset: -2px;
}
.boton-cat.focus, .boton-cat:focus, .boton-cat:hover {
    color: #fff;
    text-decoration: none;
}
.boton-cat.active, .boton-cat:active {
    background-image: none;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
    outline: 0 none;
}
.boton-cat.disabled, .boton-cat[disabled], fieldset[disabled] .boton-cat {
    box-shadow: none;
    cursor: not-allowed;
    opacity: 0.65;
}
a.boton-cat.disabled, fieldset[disabled] a.boton-cat {
    pointer-events: none;
}

#infoBtn {padding-bottom:20px;}

#iB_nombre {font-size:22px; padding-left:50px; position:relative; line-height:27px; font-weight:600;}
#iB_nombre::before {content: ""; background-color:#523eba; width:40px; height:30px; position:absolute; top:0; left:0; border-radius:0px 30px 30px 0px;}

#tiempoEspera {background-color:#FFF;
max-width:370px; width:90%;
border-radius:50%;
margin:0 auto;
position:relative;
box-shadow: 0px 10px 7px 0px rgba(0,0,0,0.25);
}

#tiempoEsperaW {
	position:absolute;
	width:100%;
}

#tiempoEspera:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.tE_icon {position:absolute; top:20px; left:50%; transform:translateX(-50%); margin-left:-6px;}
.tE_icon img {width:44px;}
.tE_tit {text-align:center; font-size:14px; padding-top:30%;}

.tE_tiempo {font-size:90px; font-weight:700; text-align:center;}
.tE_tiempo span {position:relative;}

.tE_dp {color:#c7c7c7; padding:0 13px; vertical-align: 14px; font-size:65px;}
.tE_aclara {font-size:14px; font-weight:300;}

#tE_horas::after, #tE_minutos::after {content:"HORAS"; text-align:center; width:100%; position:absolute; bottom:-6px; left:0; font-size:14px; font-weight:300; color:#0d0d0d;}
#tE_minutos::after {content:"MINUTOS";}

#queueInfo {text-align:center;  font-size:18px; border-radius:40px; padding:10px 0; line-height:1;
margin-top:30px;
box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.15);}
#queueInfo img {width:32px;}
#queueInfo span {font-weight:700; margin-left:12px;}
#queueInfo.noTiempoApp {display:none;}

#tuTurno {font-size:16px; text-transform:uppercase; text-align:center; line-height:1; margin-top:20px;}
#tuTurno span {font-size:60px; font-weight:700; vertical-align:-9px;}

#unirse {margin-top:30px;}

#actionsTurno {margin-top:30px;}

.pull-right {float:right;}

#Ologin, #Oregister, #Oforgot {position:absolute; z-index:98; background-color:#fff; width:100%; top:0; left:0; right:0; padding:50px 30px 30px 30px; display:none; min-height:100vh;}


.ol_tit {font-size:32px; line-height:1; font-weight:600;}
.ol_txt {font-size:20px;}

.login-wrap {margin-top:40px;}

.tForm .form-control {border:0; border-radius:0; border-bottom:1px solid #78859d; margin-bottom:20px;}
.tForm .form-control.fError { border-bottom:1px solid #ff0000;}
.tForm .alert {font-size:12px; margin-bottom:5px;}

.iti.iti--allow-dropdown {margin-bottom:20px; width:100%;}

.registration {text-align:center; margin-top:10px;}

.botonSubmit {font-size:16px;}

.tEActivo {
	/* animation: shadow 2s infinite; */
}

.tEtActivo {
	font-size:40px;
	line-height: 1;
	margin-top: 60px;
}

.tFinal {
	color:#ff0000;
	font-weight:700;
	border:2px solid #523eba;
}
#queueInfo.tActivo {
	box-shadow: none;
	animation: bblink 2s infinite;
	color:#282828;
	font-weight:700;
	border:2px solid #523eba;
}

#procAlert {display:none;}

#OforgotRec {margin-top:20px;}


#misTurnos {margin-top:30px;}
.mTurno {display:flex; width:100%; align-items: center; padding:20px 0; margin-bottom:20px; border-bottom:1px solid #ccc;}
.mT_izq {flex:1;}
.mT_der {width: 100px; text-align:right;}

.mtiNombre {color:#523eba; font-size:22px;}
.mtiDir {font-size:18px;}

.mT_der button {border-radius:10px; border:0; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25); font-size:16px; font-weight:700; background-color:#FFF; padding:11px 25px;}

#cerrado {/*margin-top:-50px;*/}
#ups_cerrado {max-width:100%;}
#cerrado_horarios {margin-top:20px;}
#cerrado_horarios .tit {font-size:20px; color:#523eba; text-align:center;}

#cerrado_horarios_lista {text-align:center;}
.chl_tit {font-size:16px; color:#523eba; background:transparent url(../img/hora.png) 0 center no-repeat; background-size:16px 16px; line-height:1; display:table; margin:10px auto 0; padding-left:20px; font-weight:700; padding-right: 10px;}
.chl_txt {font-size:13px; font-weight:600; color:#868686; margin-top: 10px; margin-bottom: 20px;}


@media (max-width: 360px) {
	.tE_tit { padding-top:27%;}
	#tiempoEspera {width:96%;}
}

@media (max-width: 330px) {
	.tE_tit { padding-top:30%;}
	.tE_tiempo {margin-top:-20px;}
	#queueInfo {font-size:16px;}
}


@keyframes shadow {
	0% {
		box-shadow: 0px 10px 7px 0px rgba(0,0,0,0.25);
	}

	25% {
		box-shadow: -10px 0px 7px 0px rgba(0,0,0,0.25);
	}

	50% {
		box-shadow: 0px -10px 7px 0px rgba(0,0,0,0.25);
	}

	100% {
		box-shadow: 10px 0px 7px 0px rgba(0,0,0,0.25);
	}
}
@keyframes bblink {
	0% {
		border:2px solid #fff;
	}

	70% {
		border:2px solid #523eba;
	}

	100% {
		border:2px solid #fff;
	}
}

@keyframes pulse {
	0% {
		transform: scale(0.95);
	}

	70% {
		transform: scale(1);
	}

	100% {
		transform: scale(0.95);
	}
}