@media only screen and (min-width:700px){.App{position:absolute;width:420px;height:100%;left:50%;transform:translateX(-50%)}}@media only screen and (max-width:699px){.App{position:absolute;width:100%;height:100%;left:50%;transform:translateX(-50%)}}#app{overflow:hidden;left:0;top:0}#app,.Logonpage-outside{position:absolute;width:100%;height:100%}.Logonpage-outside{background-color:hsla(0,0%,85%,.714);display:flex;justify-content:center;align-items:center}.Logonpage-mainback{position:relative;width:70%;height:60%;border-radius:20px;background-color:rgba(252,254,255,.768);display:flex;flex-wrap:wrap}.Logonpage-mainback h3{position:relative;text-align:center;width:100%}.Mainpage-outside[data-v-69abe042]{position:absolute;width:100%;height:100%}.Mainpage-mainback[data-v-69abe042]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:50%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.Templatepage-outside{position:absolute;width:100%;height:100%;overflow-y:auto;overflow-x:hidden}.Staffpage-outside{position:absolute;width:100%;height:100%;overflow:auto}.popup-example-block1{padding:40px 40px;width:250px;height:100%;display:flex;flex-wrap:wrap;justify-content:center}.Stafftrackpage-outside{position:absolute;width:100%;height:100%;overflow-y:auto}.popup-example-block{position:relative;padding:20px;width:100%;height:40%;overflow-y:hidden}.Pdfviewpage-outside{position:absolute;width:100%;height:100%;display:flex;flex-wrap:wrap;align-content:flex-start}.webviewStyles{width:100%;height:calc(100% - 50px)}.Appdownloadpage-outside[data-v-6c8ca3e0]{position:absolute;width:100%;height:100%;background:linear-gradient(-45deg,#cef3ff,#7be2ff,#cedd2f,#ffd147);background-size:400% 400%;animation:Gradient-6c8ca3e0 15s ease infinite}img[data-v-6c8ca3e0]{position:absolute;left:50%;top:100px;transform:translateX(-50%);width:15vh;height:15vh;padding:2vh;border-radius:20px}text[data-v-6c8ca3e0]{position:absolute;color:0;display:block;width:100%;height:auto;text-align:center;color:#fff;top:250px;font-size:20px;font-weight:700}button[data-v-6c8ca3e0]{position:absolute;left:50%;transform:translateX(-50%);width:0;height:50px;top:60%;border:0;border-radius:30px;background-color:#cef3ff;animation:ButtonExpands-6c8ca3e0 2s forwards}@keyframes ButtonExpands-6c8ca3e0{0%{width:0;color:#cef3ff}20%{color:#cef3ff}to{width:80%;color:grey}}@keyframes Gradient-6c8ca3e0{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}