#app{font-family:Open Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#6b6f81;font-size:16px;height:100vh}.footer{text-align:left;padding:15px}@font-face{font-family:Flags;src:url(../fonts/BabelStoneFlags.b81298c2.ttf);font-weight:400;font-variant:normal}.country-code-picker{position:relative;color:#000;height:100%;font-family:-apple-system,BlinkMacSystemFont,Flags,sans-serif;display:flex;align-items:center}.country-code-picker .placeholder{display:flex;padding:6px 5px 6px 0;font-size:14px;align-items:center;line-height:1;white-space:nowrap}.country-code-picker select{-webkit-appearance:none;font-size:16px;opacity:0;position:absolute;height:100%;width:100%;top:0;left:0}.vi-phone-number{position:relative;display:flex;z-index:1;align-items:center;box-sizing:border-box;border:1px solid #d9d9d9;border-radius:4px;max-width:100%;box-shadow:none;outline:none;padding:0 15px}.vi-phone-number input:focus+.bg-input{box-shadow:none}.vi-phone-number input::-webkit-inner-spin-button,.vi-phone-number input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.vi-phone-number input[type=number]{-moz-appearance:textfield}.vi-phone-number input{background:none;border:none;flex:1;font-size:14px;outline:none;height:38px}.vi-phone-number .bg-input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border:none;padding:6px 10px;font-size:16px;outline:none}.add-user-visit .sub-label{display:flex;justify-content:flex-end;margin-top:10px}.add-user-visit .sub-label a{text-decoration:none;color:#d32d0b}.home-page{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.home-page img{height:110px;margin-bottom:50px}.home-page .title{font-size:1.5em;color:#000;margin-bottom:30px}.home-page .subtitle{text-align:center;width:100%;margin-bottom:30px}.home-page .add-user-visit{width:100%}.upload-image,.upload-image .upload-image{display:flex;position:relative}.upload-image .upload-image{width:100%;height:135px;align-items:center;justify-content:center;cursor:pointer;background-size:contain;background-position:50%;background-repeat:no-repeat;border:1px dashed #000}.upload-image .upload-image span{padding:5px}.upload-image .container{flex:1}.upload-image .upload-button-container .label{color:rgba(0,0,0,.6);font-size:12px;line-height:20px;font-weight:400;letter-spacing:.00937em;text-decoration:inherit;text-transform:inherit}.upload-image .upload-button{text-align:center}.upload-image .label{padding-bottom:10px}.upload-image .files{display:flex;flex-direction:column;align-items:center}.upload-image .file{width:100px;height:100px;background-size:contain;background-position:50%;background-repeat:no-repeat;border:1px solid #ccc;margin-left:15px;border-radius:4px}.upload-image .file .delete{position:absolute;font-size:4em;color:hsla(0,0%,100%,.6);z-index:100;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}.upload-image .file img,.upload-image .file video{width:100%}.upload-image input{display:none;position:absolute;z-index:-1000;visibility:hidden}.upload-image .error-message{font-size:12px;min-height:12px;line-height:1;color:rgba(0,0,0,.54);transform:translate3d(0,100%,0);color:#000}.register-page{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.register-page img{height:110px;margin-bottom:50px}.register-page .title{font-size:1.5em;color:#000;margin-bottom:30px}.register-page .subtitle{text-align:center;width:100%;margin-bottom:30px}.register-page .user-register{width:100%}.user-visit-sector,.user-visit-sector .sector{display:flex;align-items:center}.user-visit-sector .sector{padding:10px;color:#fff;justify-content:center;font-size:1em!important;border-radius:4px;cursor:pointer;transition:all .3s ease}.user-visit-sector .sector.disabled{opacity:.5;cursor:not-allowed}.user-visit-sector .sector:hover{font-weight:700}.user-visit-sector .sector.red{border:1px solid #d32d0b;color:#d32d0b;margin-right:5px}.user-visit-sector .sector.red.active{background-color:#d32d0b;color:#fff}.user-visit-sector .sector.blue{border:1px solid #0652dd;color:#0652dd}.user-visit-sector .sector.blue.active{background-color:#0652dd;color:#fff}.user-visit-sector .sector.green{border:1px solid #3d9f4b;color:#3d9f4b}.user-visit-sector .sector.green.active{background-color:#3d9f4b;color:#fff}.user-visit-sector .sector.yellow{border:1px solid #dddc00;color:#dddc00}.user-visit-sector .sector.yellow.active{background-color:#dddc00;color:#fff}.user-visits-list{text-align:left}.user-visits-list .user-visit-row{display:flex;flex-direction:row;margin:15px 0}.user-visits-list .user-visit-row .user-visit-row-index{flex:0.1}.user-visits-list .user-visit-row .user-details{display:flex;flex:1;justify-content:space-between;align-items:center;color:#000}.user-visits-list .user-visit-row .user-details div{flex:1;font-size:1.2em}.user-visits-list .user-visit-row .user-details .re-send-btn{padding:10px;display:flex;align-items:center;justify-content:center;font-size:1.2em;border-radius:4px;border:1px solid #000;margin-left:5px;cursor:pointer;transition:all .3s ease}.user-visits-page{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh}.user-visits-page img{height:110px;margin-bottom:50px}.user-visits-page .title{font-size:1.5em;color:#000;margin-bottom:20px}.user-visits-page .subtitle,.user-visits-page .title{text-align:left;width:100%}.user-visits-page .visits-stats{text-align:left;width:100%;margin-bottom:10px;display:flex;align-items:center;justify-content:center}.user-visits-page .visits-stats .sector-visits-stats{display:flex;align-items:center;margin-right:30px}.user-visits-page .visits-stats .sector-visits-stats .sector-title{color:#000;font-weight:700;font-size:1.4em}.user-visits-page .visits-stats .sector-visits-stats .sector-title.BLUE{color:#0652dd}.user-visits-page .visits-stats .sector-visits-stats .sector-title.RED{color:#d32d0b}.user-visits-page .visits-stats .sector-visits-stats .sector-title.GREEN{color:#3d9f4b}.user-visits-page .visits-stats .sector-visits-stats .sector-title.YELLOW{color:#dddc00}.user-visits-page .visits-stats .sector-visits-stats .sector-number{margin-left:5px;font-weight:700;font-size:1.6em;color:#000}.user-visits-page .sector-visits-stats{display:flex}.user-visits-page .user-visits-list{width:100%}.user-visits-page>.fc-form{width:100%;margin-bottom:20px}.visit-success-page{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.visit-success-page img{height:110px;margin-bottom:50px}.visit-success-page .info{color:#d32d0b;margin-bottom:30px}.visit-success-page .title{font-size:1.5em;color:#000;margin-bottom:30px}.visit-success-page .subtitle{text-align:left;width:100%;margin-bottom:30px}.visit-success-page .success{color:green;text-align:left;font-size:1.3em;width:100%}.user-visits-sector-page img{height:110px;margin-bottom:50px}.user-visits-sector-page .title{font-size:1.5em;color:#000;margin-bottom:30px}.user-visits-sector-page .notifications-container .vue-notification-group{top:15px!important}.user-visits-sector-page .notifications-container .vue-notification{background:#6e9c50;border-left:5px solid #6e9c50}.user-visits-sector-page .notifications-container .vue-notification.warn{background:#d8000c;border-left:5px solid #d8000c}.user-visits-sector-page video{max-width:100%}.resend-qr-code-page img{height:110px;margin-bottom:50px}.resend-qr-code-page .title{font-size:1.5em;color:#000;margin-bottom:30px}.resend-qr-code-page .notifications-container .vue-notification-group{top:15px!important}.resend-qr-code-page .notifications-container .vue-notification{background:#6e9c50;border-left:5px solid #6e9c50}.resend-qr-code-page .notifications-container .vue-notification.warn{background:#d8000c;border-left:5px solid #d8000c}