.centered-container{display:flex;align-items:center;justify-content:center;position:relative;height:100vh}.view{position:absolute;transition:all .5s cubic-bezier(.55,0,.1,1)}.slide-left-enter{opacity:0;transform:translateY(30px)}.slide-left-leave-active{opacity:0;transform:translateY(-30px)}.view-container{overflow:auto;height:100vh}.app-container{height:calc(100% - 64px);padding:16px}.container{min-height:100vh;height:100%}.profile_photo{width:56px;height:56px;border-radius:4px;margin-left:5px}.header{position:sticky;top:0;z-index:3;justify-content:space-between;background:#222;padding:8px 8px 8px 16px}.header,.header__employee{display:flex;align-items:center}.header__employee{gap:10px}.header__navigation{display:flex}.header__navigation button{display:flex;align-items:center;justify-content:center}.header__navigation button.active{background-color:#a7a7a7}.header__navigation button.close{margin-right:0;margin-left:10px;padding:0;padding-right:20px;padding-left:20px}.header h2{font-family:"Dajana Rodriguez Serif",serif;color:#fff;margin:0;font-weight:400}.menu-button{width:56px;height:56px}@font-face{font-family:"Dajana Rodriguez Serif";src:url(/fonts/DajanaRodriguezSerif-Bold.62d6c32b.woff2) format("woff2"),url(/fonts/DajanaRodriguezSerif-Bold.e975dda2.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Dajana Rodriguez Serif";src:url(/fonts/DajanaRodriguezSerif-Regular.93f2a9fa.woff2) format("woff2"),url(/fonts/DajanaRodriguezSerif-Regular.4121b759.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Dajana Rodriguez Serif";src:url(/fonts/DajanaRodriguezSerif-Light.8a69da37.woff2) format("woff2"),url(/fonts/DajanaRodriguezSerif-Light.2483ad25.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"Dajana Rodriguez Serif";src:url(/fonts/DajanaRodriguezSerif-ExtraLight.22f6c259.woff2) format("woff2"),url(/fonts/DajanaRodriguezSerif-ExtraLight.3f407720.woff) format("woff");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:"Dajana Rodriguez Serif";src:url(/fonts/DajanaRodriguezSerif-Thin.4829da85.woff2) format("woff2"),url(/fonts/DajanaRodriguezSerif-Thin.bb816498.woff) format("woff");font-weight:100;font-style:normal;font-display:swap}*,:after,:before{box-sizing:border-box}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#222}::-webkit-scrollbar-thumb{background:#888}body,html{height:100%;overflow:hidden;background:#0d0d0d;font-family:Arial;height:100vh;padding:0;margin:0;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#fff;overscroll-behavior-x:none}h4{font-weight:600;font-size:14px;text-transform:uppercase;margin-top:18px}.message{max-width:400px;position:absolute;font-size:16px;text-align:center;background:#444;padding:8px;border-radius:3px;margin:0 auto;left:0;right:0;color:#fff;z-index:10;bottom:20px}.message.green{background:green}.message.red{background:#9c0000}button{background:#333;padding:15px 20px;border:0;color:#fff;border-radius:4px;background:#555;margin-right:8px;font-size:16px;font-weight:700;text-transform:uppercase;font-family:Arial}button:active{box-shadow:inset 0 0 0 2px hsla(0,0%,81%,.3)}button.start{background:#218838}button.end{background:#c82333}.title{font-size:15px;margin-top:0;margin-bottom:15px}.spinner{-webkit-animation:rotator 1.4s linear infinite;animation:rotator 1.4s linear infinite}.spinner .path{stroke-dasharray:187;stroke-dashoffset:0;transform-origin:center;stroke:#888;-webkit-animation:dash 1.4s ease-in-out infinite;animation:dash 1.4s ease-in-out infinite}@-webkit-keyframes rotator{0%{transform:rotate(0deg)}to{transform:rotate(270deg)}}@keyframes rotator{0%{transform:rotate(0deg)}to{transform:rotate(270deg)}}@-webkit-keyframes dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;transform:rotate(135deg)}to{stroke-dashoffset:187;transform:rotate(450deg)}}@keyframes dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;transform:rotate(135deg)}to{stroke-dashoffset:187;transform:rotate(450deg)}}.view-container-loading{display:flex;width:100%;height:100vh;align-items:center;justify-content:center}.view-container{width:100%}.view-container-leave-active{display:none}.view-container-enter-active{opacity:0;transform:translate3d(0,150px,0);transition-property:opacity,transform;will-change:opacity,transform}.view-container-enter-to{opacity:1;transform:translateZ(0)}