/* CUSTOMER */
/*.PAGE-client.back .header .back,.PAGE-myInsert .header .back,.PAGE-myPresences .header .back,.PAGE-myQrCode .header .back,.PAGE-myQrPage .header .back,.header .back{color: transparent}
.PAGE-client.back .header .back:after,.PAGE-myInsert .header .back:after,.PAGE-myPresences .header .back:after,.PAGE-myQrCode .header .back:after,.PAGE-myQrPage .header .back:after,.header .back:after{
    content: ''; background-image: url("/global/WL/HCL/img/indietro.png"); display: block;width: 18px; height: 15px;background-size: contain;position: absolute;top: 10px;}
*/
body, button {font-family: Poppins, sans-serif;font-weight: 400;font-style: normal;}
.header{background:#fff;height:50px;}
.header a.logo{background:url(/global/WL/CLU/img/logo/logo_old.png) no-repeat left top;background-size:contain;width:170px;height:50px}
label{color:#494949}
.userBox .user {font-family: Montserrat, sans-serif;font-weight: 700;color: #333}
.btn-02{background:#212121;height: 50px;border-radius: 10px; border: 0;text-transform: uppercase}
.btn-01{background:#a9023c;height: 50px;border-radius: 10px; border: 0;text-transform: uppercase}
.PAGE-customer-index .privacyPolicyBox .defaultCheck label{display: flex; align-items: center}
.PAGE-customer-index .privacyPolicyBox .defaultCheck span{line-height: 20px;}
.PAGE-customer-index .privacyPolicyBox .defaultCheck span a{color:#a9023c}

#container .content {background-image: url("/global/WL/CLU/img/bg_texture.jpg");}
.links .separator {border-top: 2px solid #a9023c;}

.goToManual{background-image: url("/global/WL/CLU/img/btn6.png");}
.goToScan{background-image: url('/global/WL/CLU/img/btn7.png')}
.ourMenu{background-image: url('/global/WL/CLU/img/btn-menu.png'); background-repeat: no-repeat; background-position: right top; background-color: #fff; background-size: contain}
.ourMenu a {text-decoration: none}

.footer .row-2:after{  content: ''; background-image: url(/global/img/logo/powered_bg_dark.png); display: block; width: 222px; height: 57px; background-size: contain; background-repeat: no-repeat; margin: 0px auto; position: relative; background-position: center center; margin-top: 15px;  margin-bottom: 27px;}

.footer{padding:30px 10px;box-sizing:border-box;font-size:11px;background-color:#141618;margin:0;width:100%;max-width:100%}
.footer .element{color:#fff;border-left:1px solid #fff}
.footer .row-3{color:#fff;}
.lds-ring div{border:8px solid #141618;border-color:#141618 transparent transparent transparent}
input,select{border:1px solid #85868c;border-radius:0}
.PAGE-customer h1,.PAGE-myInsert h1{color:#000;}

.content{background-color:#fff}
#loginBtn{color:#002020;font-size: 14px}
#loginBtn span{font-weight: normal; color: #a9023c}
.presenceBox .presence {border: 2px solid #eeeeee}
.presenceBox .presenceHead {background: white; color: #000}
.presenceBox .presenceHead .host_qrcodeBox {color: #494949;}
.presenceBox .presenceBody {background: #eeeeee; color: black}

.homeBox .links .linkBox {border: 1px solid #b8b8b8;color: #313131;border-radius: 0}
.qrcodeScanBox .browserNotSupport .text2 button {color: #a9023c}
.phoneConfirmBox .phoneConfirmInner .changePhoneCode {color: #a9023c}
.phoneConfirmBox .phoneConfirmInner .buttonBox button {border: 2px solid #000; color: #000 !important;}
.phoneConfirmBox .phoneConfirmInner .buttonBox button:nth-child(2) {background-color: #a9023c; border: 0; color: white!important;}
.homeBox .links .linkBox{background-color:#fff;color:#a9023c;}
.homeBox .links .linkBox .title {color: #313131;font-family: Montserrat, sans-serif;font-weight: 700;}
.homeBox .links .linkBox .title2 {color: #313131;}
.presenceBox .presenceBody{color:#000000;}
.qrcodeScanBox .browserNotSupport .text2 h3 {color: #a9023c;}
/*.phoneConfirmBox .phoneConfirmInner h2{color: #a9023c}
.phoneConfirmBox .phoneConfirmInner .changePhoneCode{color:#a9023c;}
.sendInfo {color: #a9023c}*/
#qrcodeInfoBox h3 {color: #a9023c}
.attributesInput button {color: white; border: 1px solid #a9023c; background: #a9023c; }

.presenceBox .presenceBody #presenceExpire.btn-02 {height: 50px;border-radius: 10px;background: black;width: 80%;font-family: Montserrat, sans-serif;font-weight: 700;}
.PAGE-customer label, .PAGE-myInsert label, .PAGE-customer-checkin label {font-weight: normal; color: #2b2b2b}
#recoverBtn {font-size: 11px;color: #a9023c;font-weight: 400}
#loginForm {margin: 0 0 30px}
.PAGE-host-index label {font-size: 14px;font-weight: normal;color: #2b2b2b}
.qrcodeScanBox .scanProblem .text2 button {color: #a9023c}
.parsley-errors-list.filled {background: red;}

/* HOST */

.admin .host_name,.admin .currentPresencesBox .current_presences {color: #333}
.admin .links .linkBox.link-qrcode {background-image: url("/global/WL/CLU/img/bt1.png");border: 1px solid #b8b8b8;color: #313131;border-radius: 0}
.admin .links .linkBox.link-insert {background-image: url("/global/WL/CLU/img/bt2.png");border: 1px solid #b8b8b8;color: #313131;border-radius: 0}
.admin .links .linkBox.link-presences {background-image: url("/global/WL/CLU/img/bt4.png");border: 1px solid #b8b8b8;color: #313131;border-radius: 0}
#qrcodeListBox button {background: #a9023c;border-color: #a9023c}
#qrcodeListBox span.icon{background-image: url("/global/WL/CLU/img/print.png");}
.PAGE-adminQrCode #qrcodeListBox {margin: 2px auto 20px}
.header .back,.PAGE-myQrCode .header .back, .PAGE-myQrPage .header .back, .PAGE-myPresences .header .back, .PAGE-myInsert .header .back, .PAGE-client.back .header .back{top: 22px;color: #333;font-weight: normal}
.PAGE-myInsert .btn-back {line-height: 48px}
.PAGE-myInsert #insertPresenceForm #attributesList .attribute:first-child .attributesInput {margin: 10px 0 0}
.PAGE-myInsert #insertPresenceForm.open {background-color: transparent}
.PAGE-customer h1, .PAGE-myInsert h1 {padding: 20px 10px 0;line-height: 1}
.PAGE-myPresences #downloadCSV {color: #a9023c;font-weight: normal}
.PAGE-myPresences #result table {border-color: #a9023c}
.PAGE-myPresences #list .row.head .col {background: #e1e1e1}
.PAGE-myPresences #list .col {border: 1px solid #cfcfcf;}
.admin button.logoutBtn {top: -65px;color: #555}

.presenceBox .presenceHead .parent_name, .presenceBox .presenceHead .qrcode_name,.registration h2, .login h2,.btn-02,.btn-01,.admin .host_name,
.admin .currentPresencesBox .current_presences,.admin .links .linkBox a.title, .PAGE-client .links .linkBox .title {
    font-family: Montserrat, sans-serif;font-weight: 700;
}

#contactForm .btn-02 {margin: 0 0 40px}


@media screen and (max-width: 800px) {
    .admin button.logoutBtn {top: -42px;color: #555555;}
}