/**********************
        Common  
   ***********************/
.cien-container{ width:100%; margin:auto;height: calc(100% - 82px);overflow: hidden; overflow-y: auto;max-width: 800px;}
.cien-container2{ width:100%; margin:auto;height: calc(100% - 12px);overflow: hidden; overflow-y: auto;max-width: 800px;}
.full { width:100%; float: left; }

.cien-login-header{ width:100%; text-align:center; background:url(../img/login-header-bg.jpg) no-repeat center 0; background-size: cover;}
.cien-logo{ width:75%; height:70px; margin:8rem auto 1rem; display: inline-block;}
.cien-logofr{height:70px; margin:3rem auto 2rem; display: inline-block;}
.cien-logo img{width:100%; height:auto; max-width:299px; margin-top:-2rem;}
.cien-login-innerContainer { float: left; width: 100%;}
.cein-login-form { margin: 25px 30px; float: left; width: calc(100% - 60px);}
.cein-login-form fieldset input { width: calc(100% - 45px); float: left; height: 85px; border-bottom:2px solid #22d8a6;padding: 0 0 0 45px; font-size: 22px;}
.login-username{ background:url(../img/icn-username.png) no-repeat 0 center #fff;}
.cein-login-form fieldset select {
    width: calc(100% - 15px);
    float: left;
    height: 55px;
    font-size: 18px;
}
.login-pwd{background:url(../img/icn-pwd.png) no-repeat 0 center #fff;}
.login-pwd2{background:url(../img/barrio.png) no-repeat 0 center #fff;}
.login-pwd3{background:url(../img/clave2.png) no-repeat 0 center #fff;}
.login-cabana{background:url(../img/cabana.png) no-repeat 0 center #fff;}
.login-usuario{background:url(../img/usuario.png) no-repeat 0 center #fff;}
.login-ubicacion{background:url(../img/ubicacion.png) no-repeat 0 center #fff;}

.remeberMe {float: left; margin: 28px 0; width: 50%;}
#trigger { display: none;}
.checker { background: url(../img/icn-remember-me-uncheck.png) no-repeat 0 0; height: 29px; float: left;padding-left: 40px;
    font-size:18px; line-height: 18px; width: calc(100% - 40px);}
#trigger:checked + .checker { background: url(../img/icn-remember-me-check.png) no-repeat 0 0;}
.cein-login-form .forgotPwd {float: right; margin: 26px 0 28px; font-size: 18px; color: #16c394; width:50%; text-align:right;line-height: 20px;}
.cein-login-form button{ background:#22d8a6; border-radius:5px; color:#fff; font-size:22px; width: 100%; height: 60px;box-shadow: 0 3px 16px 6px #baf3e3;}
.signUpLink{ text-align:center; font-size:18px; margin:30px 0 0;}
.signUpLink a{color: #16c394; display: block; text-align: center;}

/**********************
             INDEX CON PHONEBOOK 
   ***********************/
.cien-login-header2.innerpage2 {height: 150px;}
.cien-login-header3.innerpage2 {height: 100px;}
.cien-login-header2{ width:100%; text-align:center; background:url(../img/login-header-bg.jpg) no-repeat center 0; background-size: cover;}  
.cien-login-header3{ width:100%; text-align:center; background:url(../img/login-header-bg.jpg) no-repeat center 0; background-size: cover;}  
.innerpage2 .cien-logo{margin:85px auto 40px; height: auto;}    
.innerpage2 .cien-logo img { width: 196px; height: auto;}

.innerpage2 .cien-logo2{margin:0px auto 40px; height: auto;} 
.innerpage2 .cien-logo2 img { width: 200px; height: auto; margin: 5% 20% 5% 6%;}
/**********************
             Inner  
   ***********************/
.cien-login-header.innerpage {height: 312px;}   
.innerpage .cien-logo{margin:50px auto 40px -15%; height: auto;}   
.cien-col {width: calc(120% + 40px); float: left; margin: 0 20px;}
.innerpage .cien-logo img { width: 196px; height: auto;}
.cien-col section { padding:25px 0; float: left; background: #fff; width: calc(33.333% - 10px); margin: 0 5px; height: 100px; text-align:center;}
.cien-col section h1 { font-size: 18vw; line-height: 18vw;}
.cien-col section h2 { font-size: 4vw; display: flex; justify-content: center; align-items: center; /* height: 40px; */text-transform: uppercase;}

/**********************
         Tab 
   ***********************/
/* QR New Access */   
.cien-innerContainer {width: 100%; margin: 0; padding: 0; background: #fff; float: left;}
.warpper{ display:flex; flex-direction: column; align-items: center;}
.tabs { margin: 25px 20px; width: calc(100% - 40px); padding: 0;}
.tab{ cursor: pointer; padding: 0; margin: 0 20px 0 0; background: #fff; display: flex; justify-content: center; align-items: center;
border-radius: 5px; box-shadow: 0 0.5rem 0.8rem #b7f2e2; width: calc(50% - 10px); float: left; font-size: 5vw; text-align: center; line-height: 6vw;
    height: 54px; font-family: 'gothambold'; text-transform: uppercase;}
.tab:last-child { margin: 0;}
.panels{ min-height: 200px; width: calc(100% - 40px); padding:10px 20px; max-width: 500px; overflow: hidden; margin: 0;}
.panel{ display:none; animation: fadein .8s;}
.qrVisit-tab li {float: left; width: 100%; background: #fff; border-radius: 5px; margin-bottom: 8px; padding: 7px 0;
	box-shadow: 0 0 6px 2px rgba(162, 169, 171, 0.8);}
.qrVisit-tab li figure { width: 90px; float: left; text-align: center; border-right: 1px solid #e5e5e5;}
.qrVisit-tab li section { padding: 0 0 0 18px; width: calc(100% - 110px); vertical-align: middle; height: 50px; display: table-cell;}
.qrVisit-tab li section h3 { font-size: 5vw;}
.qrVisit-tab li section p { font-size: 4vw; line-height: 5vw;}

.radio{display:none;}
#one:checked ~ .panels #one-panel, #two:checked ~ .panels #two-panel{ display:block; }
#one:checked ~ .tabs #one-tab, #two:checked ~ .tabs #two-tab{ background: #22d8a6; color: #fff;}

/* QR COMPARTIR*/
.qrVisit2-tab li {float: left; width: 100%; background: #fff; border-radius: 5px; margin-bottom: 8px; padding: 7px 0;
	box-shadow: 0 0 6px 2px rgba(162, 169, 171, 0.8);}
.qrVisit2-tab li figure { width: 90px; float: left; text-align: center; border-right: 1px solid #e5e5e5;}
.qrVisit2-tab li section { padding: 0 0 0 18px; width: calc(100% - 110px); vertical-align: middle; display: table-cell;}
.aux{ margin: -50px 0 0 37% !important; float:left !important; padding: 10px 5px 5px 5px !important; }
.qrVisit2-tab li section h3 { font-size: 5vw;}
.qrVisit2-tab li section p { font-size: 4vw; line-height: 5vw;}
.qrVisit2-tab li section input[type="text"]{ font-size: 4vw; line-height: 5vw; text-transform: uppercase; font-family: 'gothamlight'; color: #0d0d0d;}

/*MENU INICIO*/
.cien-search-results4 li .resultRight {
    float: right;
}
.cien-search-results4 {
    float: left;
    width: calc(100% - 40px);
    margin: 0 20px;
    text-transform:uppercase;
}
.cien-search-results4 li {
    background: #fff;
    float: left;
    width: calc(100% - 30px);
    padding: 20px 15px;
	margin-bottom:10px;
}
.cien-search-results4 li .resultLeft {
    float: left;
    width: calc(65% - 85px);
    margin-right: 20px;
}
.cien-search-results4 li .resultLeft h3 {
    font-size: 4vw;
    line-height: 5vw;
}
.cien-search-results4 li .resultRight {float: left;border-radius: 5px;color: #fff;text-transform: uppercase;font-size: 12px;
    font-family: 'gothambold'; display: flex;line-height: 30px; margin-right: 10px; margin-top: 10px}

/*OBSERVACIONES*/
.qrVisit3-tab li {float: left; width: 100%; background: #fff; border-radius: 5px; margin-bottom: 8px; padding: 7px 0;
	box-shadow: 0 0 6px 2px rgba(162, 169, 171, 0.8);}
.qrVisit3-tab li figure { width: 90px; float: left; text-align: center; border-right: 1px solid #e5e5e5;}
.qrVisit3-tab li section { padding: 0 0 0 18px; width: calc(100% - 10px); vertical-align: middle; display: table-cell;}
.qrVisit3-tab li section h3 { font-size: 5vw;}
.qrVisit3-tab li section p { font-size: 4vw; line-height: 5vw;}

/*SIN CONTACTO*/
.qrVisit5-tab li {float: left; width: 100%; background: #cb3234; border-radius: 5px; margin-bottom: 8px; padding: 7px 0;
	box-shadow: 0 0 6px 2px rgba(162, 169, 171, 0.8); color:#fff; text-align:center;}
.qrVisit5-tab li figure { width: 90px; float: left; text-align: center; border-right: 1px solid #e5e5e5;}
.qrVisit5-tab li section { padding: 0 0 0 5px; width: calc(100% - 10px); vertical-align: middle; display: table-cell;}
.qrVisit5-tab li section h3 { font-size: 5vw;}
.qrVisit5-tab li section h4 { font-size: 5vw; color: #fff;}
.qrVisit5-tab li section p { font-size: 4vw; line-height: 5vw;}

/*GIRO*/
.qrVisit4-tab li {float: left; width: 100%; background: #fff; border-radius: 5px; margin-bottom: 8px; padding: 7px 0px;
	box-shadow: 0 0 6px 2px rgba(162, 169, 171, 0.8);}
.qrVisit4-tab li figure { width: 90px; float: left; text-align: center; border-right: 1px solid #e5e5e5;}
.qrVisit4-tab li section { padding: 0 0 0 18px; width: calc(100% - 10px); vertical-align: middle; display: table-cell;}
.qrVisit4-tab li section h3 { font-size: 5vw;}
.qrVisit4-tab li section p { font-size: 4vw; line-height: 5vw;}

/*INDEX*/
.qrVisit6-tab li {float: left; width: 100%; background: #fff; border-radius: 5px; margin-bottom: 8px; padding: 7px 0;
	box-shadow: 0 0 6px 2px rgba(162, 169, 171, 0.8);}
.qrVisit6-tab li figure { width: 90px; float: left; text-align: center; border-right: 1px solid #e5e5e5; margin-top:5px;}
.qrVisit6-tab li section { padding: 0 0 0 18px; width: calc(100% - 110px); vertical-align: middle; height: 60px; display: table-cell;}
.qrVisit6-tab li section h3 { font-size: 5vw;}
.qrVisit6-tab li section p { font-size: 4vw; line-height: 5vw;}

/*AVISO DE ACTUALIZACIÓN*/
.qrVisit6-ac li {float: left; width: 100%; background: #fff; border-radius: 5px; margin-bottom: 8px; padding: 7px 0;
	box-shadow: 0 0 6px 2px rgba(162, 169, 171, 0.8); list-style:none; text-align: center}

/*BOTON COMPARTIR QR*/
.btnshare { background:#22d8a6; border-radius:5px; color:#fff; font-size:22px; width: 100%; height: 60px;box-shadow: 0 3px 16px 6px #baf3e3; margin-bottom:12px; margin-top:12px;}

/*BOTON FRECUENTES QR*/
.btnsfrec { background:#0c2730; border-radius:5px; color:#fff; font-size:22px; width: calc(100% - 60px); height: 60px;box-shadow: 0 3px 16px 6px #e1e1e1; margin-bottom:12px; margin-top:12px; margin-left: 30px;}

/*FORMULARIO FRECUENTE*/
.cien-new-visit-form2 { background: #fff;  float: left; padding: 30px 14px; box-shadow: 0 0.5rem 1rem 0px #b7f2e2; }
.cien-new-visit-form2 input, .cien-new-visit-form select, .cien-new-visit-form textarea { margin:3px 0 10px 0; border-radius:5px; float: left; padding:10px 10px; font-weight:bold; width: calc(100% - 20px); background: #f1f1f1; border: 1px solid #e1e1e1; height: 30px;font-size: 4vw; color: #818181;
 font-family: 'gotham_bookitalic'; text-transform:uppercase;}
 .m41{margin-left:30px; margin-right:30px;}
 
 .ceinNewVisit-form2 button {
    background: #22d8a6;
    border-radius: 5px;
    color: #fff;
    font-size: 22px;
    width: calc(100% - 20px);
    height: 60px;
    box-shadow: 0 3px 16px 6px #baf3e3;
    margin: 10px 10px 0 10px;
}

/*ACCESOS ACTIVOS*/
.cien-search-results2 li .resultRight {
    float: right;
}
.cien-search-results2 {
    float: left;
    width: calc(100% - 40px);
    margin: 0 20px;
    text-transform:uppercase;
}
.cien-search-results2 li {
    background: #fff;
    float: left;
    width: calc(100% - 30px);
    padding: 20px 15px;
	margin-bottom:10px;
}
.cien-search-results2 li .resultLeft {
    float: left;
    width: calc(100% - 85px);
    margin-right: 10px;
}
.cien-search-results2 li .resultLeft h3 {
    font-size: 4vw;
    line-height: 5vw;
}
.cien-search-results2 li .resultLeft p {
    font-size: 3.5vw;
    color: #818181;
    font-family: 'gotham_bookitalic';
    font-weight: 600;
    margin: 5px 0;
}
.cien-search-results2 li .resultLeft span {
    color: #22d8a6;
    font-size: 3.5vw;
    font-family: 'gotham_bookitalic';
    font-weight: 600;
}
.cien-search-results2 li .resultRight a.fre-gr-btn {float: left;border-radius: 5px;color: #fff;text-transform: uppercase;font-size: 12px;
    font-family: 'gothambold'; display: flex;line-height: 30px; margin-right: 10px; margin-top: 10px}
.cien-search-results2 li .resultRight a.fre-gr-btn img { margin-left: 5px;}
.cien-search-results2 li .resultRight a.fre-a-common { margin: 12px 0 0; float: left;     border-left: 1px solid #b2b2b2;
    padding-left: 6px; }
    
    
    /*ACCESOS EMPRESAS*/
.cien-search-results3 li .resultRight {
    float: right;
}
.cien-search-results3 {
    float: left;
    width: calc(100% - 40px);
    margin: 0 20px;
    text-transform:uppercase;
}
.cien-search-results3 li {
    background: #fff;
    float: left;
    width: calc(100% - 30px);
    padding: 20px 15px;
	margin-bottom:10px;
}
.cien-search-results3 li .resultLeft {
    float: left;
    margin-right: 10px;
}
.cien-search-results3 li .resultLeft h3 {
    font-size: 4vw;
    line-height: 5vw;
}
.cien-search-results3 li .resultLeft p {
    font-size: 3.5vw;
    color: #818181;
    font-family: 'gotham_bookitalic';
    font-weight: 600;
    margin: 5px 0;
}
.cien-search-results3 li span {
    color: #ffa307;
    font-size: 3.5vw;
    font-family: 'gotham_bookitalic';
    font-weight: 600;
}
.cien-search-results3 li .resultRight a.fre-gr-btn {float: left;border-radius: 5px;color: #fff;text-transform: uppercase;font-size: 12px;
    font-family: 'gothambold'; display: flex;line-height: 30px; margin-right: 10px; margin-top: 10px}
.cien-search-results3 li .resultRight a.fre-gr-btn img { margin-left: 5px;}
.cien-search-results3 li .resultRight a.fre-a-common { margin: -12px 0 0; float: left;     border-left: 1px solid #b2b2b2;
    padding-left: 6px; }

/*avisos*/
.cien-search-resultsav li .resultRight {
    float: right;
}
.cien-search-resultsav {
    float: left;
    width: calc(100% - 40px);
    margin: 0 20px;
    text-transform:uppercase;
}
.cien-search-resultsav li {
    background: #fff;
    float: left;
    width: calc(100% - 30px);
    padding: 20px 15px;
	margin-bottom:10px;
}
.cien-search-resultsav li .resultLeft {
    float: left;
    width: calc(100% - 50px);
    margin-right: 10px;
}
.cien-search-resultsav li .resultLeft h3 {
    font-size: 4vw;
    line-height: 5vw;
}
.cien-search-resultsav li .resultLeft p {
    font-size: 3.5vw;
    color: #818181;
    font-family: 'gotham_bookitalic';
    font-weight: 600;
    margin: 5px 0;
}
.cien-search-resultsav li .resultLeft span {
    color: #22d8a6;
    font-size: 3.5vw;
    font-family: 'gotham_bookitalic';
    font-weight: 600;
}
.cien-search-resultsav li .resultRight a.fre-gr-btn {float: left;border-radius: 5px;color: #fff;text-transform: uppercase;font-size: 12px;
    font-family: 'gothambold'; display: flex;line-height: 30px; margin-right: 10px; margin-top: 10px}
.cien-search-resultsav li .resultRight a.fre-gr-btn img { margin-left: 5px;}
.cien-search-resultsav li .resultRight a.fre-a-common { margin: 12px 0 0; float: left;     border-left: 1px solid #b2b2b2;
    padding-left: 6px; }

/* QR Frequently Access Visitas*/  
.frequentlyAccess-tab { float: left; width: 100%;}
.frequentlyAccess-tab li{ width:calc(100% - 18px); float:left; border:1px solid #22d8a6; padding:20px 8px; background: #ffffff;margin-bottom: 8px;
	box-shadow: 0 0 6px 2px rgba(162, 169, 171, 0.6);}
.frequentlyAccess-tab li section { font-size: 14px; width: calc(100% -233px); margin-right: 25px; float: left;text-transform: uppercase; 
	font-family: 'gothambold';}
.frequentlyAccess-tab li section span {float: left; width: 100%;color: #2bd5a6; margin-top: 4px;}
.frequentlyAccess-tab li a.fre-gr-btn {float: left;background: #2bd5a6;border-radius: 5px;color: #fff;text-transform: uppercase;font-size: 12px;
    font-family: 'gothambold'; padding: 5px 8px 5px 13px; display: flex;line-height: 30px; margin-right: 5px;}
.frequentlyAccess-tab li a.fre-gr-btn img { margin-left: 5px;}
.frequentlyAccess-tab li a.fre-a-common { margin: 8px 0 0 5px; float: left; border-left: 1px solid #b2b2b2;padding-left: 6px;}

/* QR Frequently Access Empleados*/  
#emplesres li{ border:1px solid #cb3234 !important; }

/* MEJORA DE BOTONES*/  
.frequentlyAccessb-tab { float: left; width: 100%;}
.frequentlyAccessb-tab li{ width:calc(100% - 18px); float:left; border:1px solid #22d8a6; padding:20px 8px; background: #ffffff;margin-bottom: 8px;
	box-shadow: 0 0 6px 2px rgba(162, 169, 171, 0.6);}
.frequentlyAccessb-tab li section { font-size: 14px; width: calc(50%); margin-right: 25px; float: left;text-transform: uppercase; 
	font-family: 'gothambold';}
.frequentlyAccessb-tab li section span {float: left; width: 100%;color: #2bd5a6; margin-top: 4px;}
.frequentlyAccessb-tab li a.fre-gr-btn {float: left;border-radius: 5px;color: #fff;text-transform: uppercase;font-size: 12px;
    font-family: 'gothambold'; display: flex;line-height: 30px; margin-right: 15px; margin-top:-2px;}
.frequentlyAccessb-tab li a.fre-gr-btn img { margin-left: 5px;}
.frequentlyAccessb-tab li a.fre-a-common { float: left; border-left: 1px solid #b2b2b2;padding-left: 6px;}


/* cUENTAS FAMILIARES*/  
.frequentlyAccess2-tab { float: left; width: 100%;}
.frequentlyAccess2-tab li{ width:calc(100% - 18px); float:left; border:1px solid #22d8a6; padding:20px 8px; background: #ffffff;margin-bottom: 8px;
	box-shadow: 0 0 6px 2px rgba(162, 169, 171, 0.6);}
.frequentlyAccess2-tab li section { font-size: 14px; width: calc(100% -233px); margin-right: 25px; float: left;text-transform: uppercase; 
	font-family: 'gothambold';}
.frequentlyAccess2-tab li section span {float: left; width: 100%;color: #2bd5a6; margin-top: 4px;}
.frequentlyAccess2-tab li a.fre-gr-btn {float:left;background: #2bd5a6;border-radius: 5px;color: #fff;text-transform: uppercase;font-size: 12px;
    font-family: 'gothambold'; padding: 5px 8px 5px 13px; display: flex;line-height: 30px; margin-right: 5px;}
.frequentlyAccess2-tab li a.fre-gr-btn img { margin-left: 5px;}
.frequentlyAccess2-tab li a.fre-a-common { margin: 8px 0 0 5px; float: right; border-left: 1px solid #b2b2b2;padding-left: 6px;}

/*New Visit*/
.cienTitle {font-family: 'gothambold'; color: #fff;font-size: 6vw; line-height: 7vw; margin: 65px auto auto -15%;height: auto;}
.cienTitle2 {font-family: 'gothambold'; color: #fff;font-size: 5vw; line-height: 7vw; margin: 30px auto auto -15%;height: auto;}
.cien-login-header.newHeader { height: 120px;}
.cien-login-header.newHeader2 { height: 120px;}
.cien-new-visit-form { background: #fff;  float: left; padding: 30px 14px; box-shadow: 0 0.5rem 1rem 0px #b7f2e2; margin: 20px 14px 0;}
.cien-new-visit2-form { background: #fff;  padding: 30px 14px; box-shadow: 0 0.5rem 1rem 0px #b7f2e2; margin: 20px 14px 0;}
.cien-new-visit-form h2 { font-size: 17px;}
.cien-new-visit2-form h2 { font-size: 17px;}
.cien-new-visit-form input, .cien-new-visit-form select, .cien-new-visit-form textarea { margin:3px 0 10px 0; border-radius:5px; float: left; padding:10px 10px; font-weight:bold; width: calc(100% - 20px); background: #f1f1f1; border: 1px solid #e1e1e1; height: 30px;font-size: 4vw; color: #818181;
 font-family: 'gotham_bookitalic'; text-transform:uppercase;}
 .formulario { margin:3px 0 10px 0; border-radius:5px; float: left; padding:10px 10px; font-weight:bold; width: calc(100% - 20px); background: #f1f1f1; border: 1px solid #e1e1e1; height: 30px;font-size: 4vw; color: #818181;
 font-family: 'gotham_bookitalic'; text-transform:uppercase;}
.cien-new-visit-form select { width: 100%; height: 54px;text-transform: uppercase;}
  .cien-new-visit-form .pass1 {text-transform: none !important; }
.cien-new-visit-form textarea{ height:120px;}
.ceinNewVisit-form button{background: #22d8a6; border-radius: 5px; color: #fff; font-size: 22px; width: calc(100% - 40px); height: 60px;
	box-shadow: 0 3px 16px 6px #baf3e3; margin:30px 20px;}
	
/*PHONEBOOK*/	
.cien-new-visit-form3 { background: #fff; padding: 30px 14px; box-shadow: 0 0.5rem 1rem 0px #b7f2e2; margin: 20px 14px 0;}
.cien-new-visit-form3 h2 { font-size: 17px;}
.cien-new-visit-form3 input{ margin:3px 0 10px 0; border-radius:5px; float: left; padding:10px 10px; font-weight:bold; width: calc(100% - 20px); background: #f1f1f1; border: 1px solid #e1e1e1; font-size: 4vw; color: #818181;
 font-family: 'gotham_bookitalic'; text-transform:uppercase;}

.cien-car-visit {width: 100%;float: left;text-align: center; background: #efefef; margin: 0 0 20px 0;}	
.qr-code { width: 200px; margin: 20px auto 10px; display: inline-block;}
.qr-code img { width: 100%;height: auto;max-width: 156px;}
.cien-car-visit section{ text-align:center; width:100%; float:left; font-size:14px; color:#000000; font-family: 'gothambold'; margin-bottom: 10px;}

.cien-info { float: left; text-transform:uppercase;}
.cien-info section { float: left; width: 50%;}
.cien-info section figure { float: left; width: 61px; margin-right: 10px;}
.cien-info section figure img { width: 100%; height: auto; max-width: 61px;}
.cien-info section div {float: left; width: calc(100% - 71px);}
.cien-info section div h3 { font-size: 1rem;}
.cien-info section div span {font-family: 'gotham_bookitalic';}

.cien-observations { float: left; width: calc(100% - 40px); text-align: center; padding: 20px; background: #ffffff;border-radius: 5px; margin: 10px 0 0;
    box-shadow: 1px 2px 7px 4px #e1e1e1;}
.cien-observations p{font-family: 'gothambold'; font-size:16px;}

.large-btn{float: left; width: calc(100% - 40px); text-align: center; padding: 20px; background: #ffffff;border-radius: 5px; margin: 10px 0 0;
    box-shadow: 0 0 8px 4px rgba(162, 169, 171, 0.8); font-family: 'gothambold'; }
.large-btn:hover{ color:#fff;}	
.cien-btn-share-access-qr{ background:#0c2730; color:#fff; margin-bottom: 10px;}
.cien-btn-add-frequently-access{ background:#0c2730; color:#fff;}
.cien-btn-save-frequently-access{ background:#22d8a6; color:#fff;}


/*BOTON BACK*/
.bback{  background:url(../img/back2.png) no-repeat center;}

nav li {
float: left;
width: 20%;
text-align: center;
}

nav li a{
    float: left;
    width: 100%;
    padding: 0 0;
    height: 56px;
    margin: 0;
    color:#fff;
}
nav{
    margin-left: -10px;
}

.cien-new-visit-form5 { background: #fff;  float: left; padding: 30px 14px; box-shadow: 0 0.5rem 1rem 0px #cae9f6; margin: 20px 14px 0;}

/**********************
         Footer 
   ***********************/
footer { margin:auto; width: 100%; bottom: 0; background: #fff;max-width: 800px;}
footer li { float: left; width: 32%; text-align: center;}
footer li span {font-size: 80%;}
footer li a {float: left; width: 100%; padding-bottom: 10px; height: 72px; margin: 0;}
.home{  background:url(../img/home-icn.png) no-repeat center; }
.hold{  background:url(../img/hold-icn.png) no-repeat center;  }
.setting{  background:url(../img/setting-icn.png) no-repeat center;  }
.profile{  background:url(../img/profile-icn.png) no-repeat center;  }
.go{  background:url(../img/go-icn.png) no-repeat center; }

footer li:hover .home {  background:url(../img/home-active.png) no-repeat center #0f2a32;}

footer li .homea {  background:url(../img/home-active.png) no-repeat center #0f2a32;}

footer li:hover .hold{  background:url(../img/hold-active.png) no-repeat center #0f2a32; }
footer li .holda{  background:url(../img/hold-active.png) no-repeat center #0f2a32; }

footer li:hover .setting{  background:url(../img/setting-active.png) no-repeat center #0f2a32; }
footer li .settinga{  background:url(../img/setting-active.png) no-repeat center #0f2a32; }

footer li:hover .profile{  background:url(../img/profile-active.png) no-repeat center #0f2a32; }
footer li .profilea{  background:url(../img/profile-active.png) no-repeat center #0f2a32; }

footer li:hover .go{  background:url(../img/go-active.png) no-repeat center #0f2a32; }
footer li .goa{  background:url(../img/go-active.png) no-repeat center #0f2a32; }

@media (prefers-color-scheme: dark) {
footer { margin:auto; width: 100%; bottom: 0; background: #fff;max-width: 800px;}
footer li { float: left; width: 32%; text-align: center;}
footer li span {font-size: 80%;}
footer li a {float: left; width: 100%; padding-bottom: 10px; height: 72px; margin: 0;}
.home{  background:url(../img/home-icn.png) no-repeat center; }
.hold{  background:url(../img/hold-icn.png) no-repeat center;  }
.setting{  background:url(../img/setting-icn.png) no-repeat center;  }
.profile{  background:url(../img/profile-icn.png) no-repeat center;  }
.go{  background:url(../img/go-icn.png) no-repeat center; }

footer li:hover .home {  background:url(../img/home-active.png) no-repeat center #0f2a32;}

footer li .homea {  background:url(../img/home-active.png) no-repeat center #0f2a32;}

footer li:hover .hold{  background:url(../img/hold-active.png) no-repeat center #0f2a32; }
footer li .holda{  background:url(../img/hold-active.png) no-repeat center #0f2a32; }

footer li:hover .setting{  background:url(../img/setting-active.png) no-repeat center #0f2a32; }
footer li .settinga{  background:url(../img/setting-active.png) no-repeat center #0f2a32; }

footer li:hover .profile{  background:url(../img/profile-active.png) no-repeat center #0f2a32; }
footer li .profilea{  background:url(../img/profile-active.png) no-repeat center #0f2a32; }

footer li:hover .go{  background:url(../img/go-active.png) no-repeat center #0f2a32; }
footer li .goa{  background:url(../img/go-active.png) no-repeat center #0f2a32; }
    
    }
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
/*TAGS*/
.cien-search-results3 .pass1 {text-transform: none !important; 
    text-align: justify;
}

.h40{height:40px; float:left; width:100%;}
.p30{padding-left:30px; padding-right:30px;}
.p31{margin-top:30px; padding-left:30px; padding-right:30px;}
.m40{margin-left:20px; margin-right:20px;}
.wdhCal40{ width:calc(100% - 80px); }

.blueBg{ background:#0c262f;}
.blueBg .large-btn{ box-shadow:none;}
.cien-searchbar{ width:calc(100% - 100px); margin:20px 20px; float:left; background:#fff; border-radius:5px; padding:10px 30px;}
.cien-searchbar input[type="text"] { float: left;  width: calc(100% - 50px); height: 42px; margin-right: 10px; color:#818181; 
	font-family: 'gotham_bookitalic'; font-size:5vw;}

.cien-search-results {
    float: left;
    width: calc(100% - 40px);
    margin: 0 20px;
}
.cien-search-results li {
    background: #fff;
    float: left;
    width: calc(100% - 30px);
    padding: 20px 15px;
	margin-bottom:10px;
}
.cien-search-results li .resultRight {
    float: right;
    width: 175px;
}
.cien-search-results li .resultLeft {
    float: left;
    width: calc(100% - 185px);
    margin-right: 10px;
}
.cien-search-results li .resultLeft h3 {
    font-size: 4vw;
    line-height: 5vw;
}
.cien-search-results li .resultLeft p {
    font-size: 3.5vw;
    color: #818181;
    font-family: 'gotham_bookitalic';
    font-weight: 600;
    margin: 5px 0;
}
.cien-search-results li .resultLeft span {
    color: #ffa307;
    font-size: 3.5vw;
    font-family: 'gotham_bookitalic';
    font-weight: 600;
}
.cien-search-results li .resultRight a.fre-gr-btn {float: left;background: #2bd5a6;border-radius: 5px;color: #fff;text-transform: uppercase;font-size: 12px;
    font-family: 'gothambold'; padding: 5px 8px 5px 13px; display: flex;line-height: 30px; margin-right: 5px;}
.cien-search-results li .resultRight a.fre-gr-btn img { margin-left: 5px;}
.cien-search-results li .resultRight a.fre-a-common { margin: 8px 0 0; float: left; }


.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../img/loader.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
}
 
.button-escaneo {    
    background: #22d8a6;
    border-radius: 5px;
    color: #fff;
    font-size: 22px;
    width: calc(100% - 40px);
    height: 60px;
    box-shadow: 0 3px 16px 6px #baf3e3;
    margin: 10px 0px 0px 20px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 374px){
	.frequentlyAccess-tab li section{width: calc(100% - 148px);margin-right: 0;}
	.frequentlyAccess-tab li a.fre-a-common.cien-editn-icn { border-left: none;}
	.large-btn{ font-size: 4vw; line-height: 5vw;}
	.cien-search-results li .resultRight{float: left;}
	.cien-search-results li .resultLeft{width: 100%; margin: 0 0 10px 0;}
	.cien-info section figure{width: 40px; margin-right: 10px;}
	.cien-info section div { float: left; width: calc(100% - 55px);}
}

@media only screen and (min-device-width: 375px) and (max-device-width: 812px){
	.tab{ line-height: 5vw; font-size: 4vw;}
	.cien-info section figure{width: 40px; margin-right: 10px;}
	.cien-info section div { float: left; width: calc(100% - 55px);}
}




