@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.loading{position:absolute;left:calc(50% - 35px);top:55%;width:55px;height:55px;border-radius:50%;box-sizing:border-box;border:3px solid transparent}.loading.component-loader{margin-top:-60px}.loading .effect-1,.loading .effect-2{position:absolute;width:100%;height:100%;border:3px solid transparent;border-left-color:#7961f9;border-radius:50%;box-sizing:border-box}.loading .effect-1{-webkit-animation:rotate 1s ease infinite;animation:rotate 1s ease infinite}.loading .effect-2{-webkit-animation:rotateOpacity 1s ease .1s infinite;animation:rotateOpacity 1s ease .1s infinite}.loading .effect-3{width:100%;height:100%;border:3px solid transparent;border-left-color:#7961f9;-webkit-animation:rotateOpacity 1s ease .2s infinite;animation:rotateOpacity 1s ease .2s infinite;border-radius:50%;box-sizing:border-box}.loading .loading .effects{transition:all .3s ease}.fallback-logo{position:absolute;left:calc(50% - 75px);top:40%}.fallback-spinner{border:2px solid #fff}@-webkit-keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes rotateOpacity{0%{transform:rotate(0deg);opacity:.1}to{transform:rotate(1turn);opacity:1}}@keyframes rotateOpacity{0%{transform:rotate(0deg);opacity:.1}to{transform:rotate(1turn);opacity:1}}.keyboard-col{padding:1vh 20vw 0;height:50%;display:flex;align-items:start}.keyboard-col .keyboard-wrapper{width:100%;background-color:#f6f6f6;border:.2vw solid rgba(0,64,79,.1);border-radius:.8vw}.keyboard-col .keyboard-wrapper .col{padding:0!important}.keyboard-col .keyboard-wrapper .input-wrapper{width:90%;margin:0 auto 1vh;color:#00404f}.keyboard-col .keyboard-wrapper .input-wrapper .pin-key{min-height:8vh;max-height:8vh;padding:0;position:relative}.keyboard-col .keyboard-wrapper .input-wrapper .pin-key .pin-div{position:absolute;top:50%;left:50%;transform:translate(-50%,-35%);font-size:3.2vw}.keyboard-col .keyboard-wrapper .input-wrapper .pin-key .float{background-color:#00404f;width:35%;position:absolute;bottom:1.5vh;height:.2vh;left:50%;transform:translate(-50%)}.keyboard-col .keyboard-wrapper .keys-row .col{color:#00404f;margin-bottom:.4vw}.keyboard-col .keyboard-wrapper .keys-row .nums-row{margin:0}.keyboard-col .keyboard-wrapper .keys-row .nums-row .col-numb{display:flex;align-items:center;justify-content:center}.keyboard-col .keyboard-wrapper .keys-row .nums-row .col-numb .key{width:70%;height:80%;margin:1.9vh 0;background-color:transparent;border-radius:.7vw;transition:all .1s ease-in-out}.keyboard-col .keyboard-wrapper .keys-row .nums-row .col-numb .key:active{background-color:#e2e2e2}.keyboard-col .keyboard-wrapper .keys-row .nums-row .col-numb .key .key-text{margin:0;font-size:2.8vw;font-weight:700;color:#00404f}.keyboard-col .keyboard-wrapper .keys-row .nums-row .col-numb .key .delete-icon{height:2vw;width:2vw}.keyboard-col .keyboard-wrapper .keys-row .nums-row .col-numb .key .delete-icon *{stroke:#00404f}.keyboard-col .keyboard-wrapper .confirm-button-row{margin:2vh 0;height:5vh}.keyboard-col .keyboard-wrapper .confirm-button-row button{border-radius:.7vw;color:pointer;display:flex;align-items:center;justify-content:center;width:85%;height:100%;outline:none;border:none;background-color:#0282c3;font-size:3vw}.Toastify__toast-container{width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important}.Toastify__toast-container .Toastify__toast{box-shadow:none!important;border-radius:.4vw;font-size:2.3vw}.Toastify__toast-container .Toastify__toast.Toastify__toast--success{background:#fff!important;border:2px solid #00404f}.Toastify__toast-container .Toastify__toast.Toastify__toast--error{background:#fff!important;border:2px solid red}.Toastify__toast-container .Toastify__toast .Toastify__toast-body{color:#00404f!important}.Toastify__toast-container .Toastify__toast .Toastify__close-button svg{color:#00404f;margin-left:15px;width:25px;height:25px}.Toastify__toast-container .Toastify__toast .Toastify__progress-bar{background-color:#00404f}body{font-family:"Open Sans",sans-serif;font-size:.75rem;overflow:hidden;max-width:100vw}#root,body{max-height:100vh}#root{padding:0;margin:0;min-height:100vh}p{font-size:.9rem;font-weight:400;color:#626262;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}h4{font-size:1.32rem;font-weight:500;line-height:1.2;color:#2c2c2c}.office-container{margin:0;padding:0;height:100%;width:100%;position:relative}.office-container .logo-row{position:absolute;top:2.5vh;left:4vw}.office-container .logo-row .logo-img{height:4.5vh}.office-container .logo-row svg{padding:0;margin:0;width:10vw}.office-container .logo-row svg *{fill:#00404f}.office-container .lang-row{position:absolute;top:3vh;right:4vw;width:auto;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none}.office-container .lang-row button{border-radius:.4vw;color:#00404f;outline:none;border:.2vw solid #00404f;display:flex;align-items:center;justify-content:center;width:4vw;height:4vw;font-size:2vw}.office-container .lang-row button:first-of-type{margin-right:2vw}.office-container .lang-row button.active{border:none;background-color:#0282c3}.office-container .pin-submit-office{margin:0;height:100%;width:100%}.office-container .pin-submit-office .help-section{padding:0;height:50%;display:flex;align-items:center}.office-container .pin-submit-office .help-section .help-container{margin-top:10vh}.office-container .pin-submit-office .help-section .help-container .section-title{-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none;text-align:center}.office-container .pin-submit-office .help-section .help-container .section-title h2{font-size:4.3vw;color:#0282c3}.office-container .pin-submit-office .help-section .help-container .qr-div{margin:4vh auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border:.2vw solid hsla(0,0%,50.2%,.3);border-radius:.7vw}.office-container .pin-submit-office .help-section .help-container .qr-div canvas{padding:0;border-radius:.7vw}.office-container .pin-submit-office .help-section .help-container .subtitle-row{white-space:nowrap;text-align:center;display:flex;justify-content:center}.office-container .pin-submit-office .help-section .help-container .subtitle-row p{font-size:2.5vw;padding:0;margin:auto;text-align:center}.office-container .pin-submit-office .help-section .help-container .subtitle-row p span{color:#0282c3;font-size:2.7vw}.modal-dialog{display:flex;justify-content:center}.modal-body-successOpenDoor{margin:50px 20px}.modal-door-wrapper-successOpenDoor .modal-door-successOpenDoor,.modal-door-wrapper .modal-door{font-size:6vw;font-weight:400;width:150px;height:150px;border-radius:.7vw;border:.5vw solid #0282c3;display:flex;justify-content:center;align-items:center}.modal-text-successOpenDoor{padding:40px 0 0}.modal-text-confirmed,.modal-text-successOpenDoor{display:flex;justify-content:center;align-items:center;color:#00404f;font-size:2.7vw}.modal-text-confirmed{padding:40px 0}.modal-text-doorOpenConfirmed{display:flex;justify-content:center;align-items:center;padding:40px 0 0;color:#00404f;font-size:2.7vw}.modal-text-doorOpen,.modal-text-retrieve{color:#00404f;font-size:2.5vw;padding:5px 0}.modal-btn,.modal-text-doorOpen,.modal-text-retrieve{display:flex;justify-content:center;align-items:center}.modal-btn{border-radius:.7vw;color:pointer;width:70%;outline:none;border:none;background-color:#0282c3!important;font-size:3vw;height:5vh}.modal-content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:35px 50px;border-radius:1vw}@-webkit-keyframes fade-out-bg{0%{top:-10%}to{top:100%}}@keyframes fade-out-bg{0%{top:-10%}to{top:100%}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.8c033135.chunk.css.map */