.mobile{--bottom:50px}.mobile,.mobilekeyboardopen{--buttonhovercolor:var(--text2)}.desktop,.mobilekeyboardopen{--bottom:0px}.desktop{--buttonhovercolor:var(--secondary)}.App{z-index:0;scrollbar-color:#bebebe transparent;text-align:center;justify-content:center;flex-direction:column;overflow:visible;position:fixed;top:0;height:100%;width:100%;color:#fff;margin:0;-webkit-tap-highlight-color:transparent;--font1:"Roboto",sans-serif;--font2:"Poppins",sans-serif;--font3:"Monda",sans-serif}App::-webkit-scrollbar-track{background:transparent}App::-webkit-scrollbar-thumb{background:#bebebe}.ikkunacontainer{align-content:flex-start;justify-content:center;position:fixed;top:35px;width:100%;max-width:1200px;bottom:var(--bottom);overflow:auto;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);display:flex;flex-direction:row;flex-wrap:wrap;grid-row-gap:30px;row-gap:30px;grid-column-gap:30px;-webkit-column-gap:30px;column-gap:30px;vertical-align:top;color:var(--text)}.ikkuna{border-radius:5px;box-shadow:5px 5px 25px -3px grey;overflow:hidden;justify-content:center;border:0 solid #a0a0a0;border-top:0;position:relative;height:370px;max-width:530px;width:95%;background-color:var(--windowbg);transition:height .2s}.grid-container2{top:5px;grid-row-gap:10px;row-gap:10px}.grid-container2,.reportfieldcontainer{position:relative;display:grid;justify-items:center;align-items:top;height:auto;width:100%;overflow:visible}.reportfieldcontainer{grid-row-gap:45px;row-gap:45px}.basiclistitem,.basiclistitemnoclick{border:0;font-family:"Poppins",sans-serif;font-size:13px;position:relative;height:50px;width:330px;border-radius:3px;background-color:#fff;box-shadow:0 0 3px 0 var(--shadow)}.basiclistitem{cursor:pointer}.basiclistitem,.basiclistitem:hover{transition:opacity 1s,color .2s,background-color .2s}.basiclistitem:hover{color:var(--text2);background-color:var(--primary)}.basiclistitem:active{opacity:.6;transition:opacity 0s}.pagebuttoncontainer{position:relative;display:grid;grid-row-gap:15px;row-gap:15px;grid-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;justify-items:center;align-items:top;height:40px;width:auto}.pagebutton{font-family:var(--font2);font-size:20px;color:var(--text2);background-color:var(--primary);cursor:pointer;border-radius:5px;width:30px;height:30px;opacity:1;border:0;grid-row:1}.pagebutton:hover{color:var(--buttonhovercolor);transition:opacity .2s,color .2s}.pagebutton:active{opacity:.6;transition:opacity .2s}.basicbutton{box-shadow:0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3);-webkit-user-select:none;-ms-user-select:none;user-select:none;font-family:"Poppins",sans-serif;cursor:pointer;font-size:17px;position:relative;border:0;border-radius:3px;background-color:var(--primary);color:var(--text2);width:300px;height:35px;overflow:hidden;transition:opacity 1s,color .2s;opacity:1}.basicbutton:hover{color:var(--buttonhovercolor);transition:opacity 1s,color .2s}.basicbutton:active{opacity:.6;transition:opacity 0s}@-webkit-keyframes spinner{0%{-webkit-transform:translate3d(-50%,-50%,0) rotate(0deg);transform:translate3d(-50%,-50%,0) rotate(0deg)}to{-webkit-transform:translate3d(-50%,-50%,0) rotate(1turn);transform:translate3d(-50%,-50%,0) rotate(1turn)}}@keyframes spinner{0%{-webkit-transform:translate3d(-50%,-50%,0) rotate(0deg);transform:translate3d(-50%,-50%,0) rotate(0deg)}to{-webkit-transform:translate3d(-50%,-50%,0) rotate(1turn);transform:translate3d(-50%,-50%,0) rotate(1turn)}}.spin:before{border:3px solid var(--primary);border-bottom-color:var(--secondary);border-radius:50%}.spin2:before,.spin:before{-webkit-animation:spinner 1.5s linear infinite;animation:spinner 1.5s linear infinite;-webkit-animation-play-state:inherit;animation-play-state:inherit;content:"";height:20px;width:20px;position:absolute;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);will-change:transform}.spin2:before{border:3px solid var(--secondary);border-bottom-color:var(--primary);border-radius:50%}.previousicon{-webkit-filter:var(--pagefilter);filter:var(--pagefilter);cursor:pointer;left:10px;top:15px;position:fixed;height:30px;width:30px}.searchinput{font-family:"Poppins",sans-serif;font-size:17px;position:relative;border:1px solid var(--primary);border-radius:3px;color:var(--text);background-color:var(--inputbg2);width:300px;text-align:center;height:35px;overflow:hidden}.dateinput,.react-select-container,.select,.smallertextarea,.textarea,.timeinput,.transparentbutton{position:relative;font-family:var(--font2);height:25px;font-size:14px;color:var(--text);background-color:var(--inputbg2);border-radius:3px;border:0;border-bottom:1px solid var(--secondary);text-align:center;box-shadow:0 0 2px 0 var(--shadow)}.transparentbutton{-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;font-size:17px;width:300px;height:35px;overflow:hidden}.transparentbutton:hover{color:var(--buttonhovercolor);transition:opacity 1s,color .2s}.transparentbutton:active{opacity:.6;transition:opacity 0s}.select{width:150px}.react-select-container{display:inline-block;width:150px}.viewarea{color:var(--text);border-radius:5px;background-color:transparent;border:1px solid var(--primary);font-size:14px;font-family:var(--font2)}.textarea,.viewarea{width:330px;height:100px}.textarea{text-align:left}.smallertextarea{width:330px;height:70px;text-align:left}.dateinput,.timeinput{width:150px}.popupwindow{transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;overflow:visible;color:var(--text);border:1px solid var(--primary);border-radius:2px;left:50%;top:35%;height:auto;margin-bottom:25px;position:fixed;width:350px;max-width:90%;font-size:18px;background-color:var(--background);text-align:center;z-index:1;justify-items:center;align-items:center;font-family:var(--font2);box-shadow:0 0 15px 0 var(--shadow)}::-webkit-input-placeholder{color:var(--text);opacity:.7}:-ms-input-placeholder{color:var(--text);opacity:.7}::placeholder{color:var(--text);opacity:.7}.form{position:fixed;height:100%;text-align:center;flex-direction:column;color:#fff}.notpressed{color:var(--text2);transition:background-color .3s,color .3s}.gap,.notpressed{background-color:var(--primary)}.pressed{background-color:var(--secondary);color:var(--secondaryinner)}.navbutton,.pressed{transition:background-color .3s,color .3s}.navbutton{overflow:hidden;position:absolute;cursor:pointer;bottom:0;margin:0;width:33%;height:50px;padding:0;border:0;background-color:var(--primary);color:var(--text2);font-family:"Monda",sans-serif}a:active,a:hover,a:link,a:visited{color:#fff;background-color:transparent;text-decoration:underline}.navbutton:before{overflow:hidden;border-radius:50%;background-color:hsla(0,0%,100%,.6);content:"";position:absolute;top:50%;left:50%;width:0;height:0}.navbutton:focus:before{overflow:hidden;transition:all .5s ease-out;opacity:0;width:160px;height:160px;margin-top:-80px;margin-left:-80px}.window{overflow:auto;color:var(--text);background-color:var(--background);width:100%;max-width:1200px;left:50%;-webkit-transform:translate(-50%,100%);transform:translate(-50%,100%);position:fixed;bottom:var(--bottom);top:35px;font-family:var(--font1);transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s}.grid-container{position:relative;display:grid;grid-row-gap:10px;row-gap:10px;top:10px;justify-items:center;align-items:center;width:100%}.over-container{position:fixed;width:100%;top:170px;bottom:var(--bottom);overflow:auto}.reportlistitem,.reportlistitemseen{background-color:#fff;box-shadow:0 0 3px 0 var(--shadow);transition:opacity 1s,color .2s,background-color .2s;overflow:hidden}.reportlistitem,.reportlistitemseen{border:0;font-family:"Poppins",sans-serif;cursor:pointer;font-size:13px;position:relative;height:50px;max-width:550px;width:90%;border-radius:3px}.reportlistitemseen{background-color:#e1e1e1}.reportlistitem:hover,.reportlistitemseen:hover{color:var(--text2);background-color:var(--primary);transition:opacity 1s,color .2s,background-color .2s}.reportlistitem:active,.reportlistitemseen:active{opacity:.6;transition:opacity 0s}.querybox{height:115px;background-color:var(--windowbg);width:95%;max-width:520px;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15);display:inline-block;border-radius:5px}*{margin:0!important;padding:0!important}body{overflow:hidden;background-color:var(--background);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}
/*# sourceMappingURL=main.4be2e5de.chunk.css.map */