*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)!important}*:focus{outline:0;outline:none}html,body{width:100vw;height:100vh;font-family:'Open Sans',sans-serif;font-size:10px;background:#005CC3;overflow:hidden}a{background-color:transparent;text-decoration:none}a:active,a:hover{outline:0}img{border:0}ul,ul li{list-style:none}.ctrl{margin:0 2.4rem}input.editbut{width:5.5rem;height:5.5rem;border:none;outline:none;background-color:transparent;background-repeat:no-repeat;background-position:center}input[disabled].editbut{opacity:.1}#refreshlist{background-image:url(../img/refresh.png)}#delsrec{margin-left:2rem;background-image:url(../img/trashrec.png)}#delrec{margin-left:2rem;background-image:url(../img/trashrec.png)}#saverec{background-image:url(../img/storerec.png)}#newrecord{margin-left:2rem;background-image:url(../img/addrec.png)}button{margin:0;color:inherit;font:inherit;overflow:visible;text-transform:none;-webkit-appearance:button;opacity:1;transition:opacity 0.5s ease-in-out;cursor:pointer}button:disabled{opacity:.1;cursor:default}button::-moz-focus-inner{padding:0;border:0}button>*{pointer-events:none}#wrapper{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;font-size:1.8rem;-moz-user-select:none;-ms-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overflow:hidden}.tab{position:relative;padding:3.5rem;width:100vw;display:none}.tab.open{display:block}.tab h1{font-size:3.5rem;color:#8ec5fb}.tab h2{margin:4rem 1.8rem 0;padding:.5rem 1.2rem;font-size:2.2rem;color:#eee;background:#005CC3}article{margin:3rem 2.2rem 5rem;display:grid;grid-template-columns:20rem 1fr;grid-gap:1.8rem}article.log{grid-template-columns:1fr}article.timer{grid-template-columns:8rem 1fr}article label{color:#005CC3;font-size:1.8rem}article input{margin:0;padding:4px 12px;color:#333;font-size:2.2rem;border:none;border-bottom:1px solid #333;border-radius:0;outline:none}article input:focus,article textarea:focus{background:#FFFC7F;outline:none}article input[type="date"],article input[type="datetime-local"]{border:1px solid #333;border-radius:5px}article textarea{margin:0;padding:4px 12px;color:#333;font-size:2.2rem;height:15rem}article select{margin:0;padding:4px 12px;color:#333;font-size:2.2rem}article select:focus{background:#FFFC7F;outline:none}.timerbtn{margin:5rem 0;padding:1.6rem;width:100%;color:#005CC3;;background:#fff;font-size:2.2rem;font-weight:400;overflow:visible;text-transform:none;-webkit-appearance:button;border:3px solid #005CC3;;border-radius:15px;cursor:pointer}.confirmbtn{margin:5rem 0;padding:1.6rem;width:100%;color:#005CC3;;background:#fff;font-size:2.2rem;font-weight:400;overflow:visible;text-transform:none;-webkit-appearance:button;border:3px solid #005CC3;;border-radius:15px;cursor:pointer;z-index:4500}button:focus,select:focus{outline:none}::placeholder{color:#ccc;opacity:1}:-ms-input-placeholder{color:#ccc}::-ms-input-placeholder{color:#ccc}.geocntrl{margin:3.5rem 1.8rem 1.2rem}.geocntrl button{margin:0 .25rem;padding:1.5rem;color:#005CC3;background:#fff;font-size:2.2rem;font-weight:400;overflow:visible;text-transform:none;-webkit-appearance:button;border:3px solid #005CC3;border-radius:15px;cursor:pointer}.map{margin:1.2rem 2.2rem;padding:.2rem width:100%;height:450px;border:1px solid #eee;background:#fff}#footer{padding-top:2px;background:#005CC3}.menubut{margin:auto;width:100%;height:7.5rem;background-color:#005CC3;;background-repeat:no-repeat;background-position:center;transition:all 0.2s ease;cursor:pointer}.menubut:nth-child(1){background-image:url(../img/dbw.png)}.menubut:nth-child(2){background-image:url(../img/clw.png)}.menubut:nth-child(3){background-image:url(../img/www.png)}.menubut:nth-child(4){background-image:url(../img/cpw.png)}.menubut:nth-child(5){background-image:url(../img/utw.png)}.menubut.sel{background-color:#fff!important;cursor:pointer;transition-delay:0s}.menubut.sel:nth-child(1){background-image:url(../img/dbb.png)}.menubut.sel:nth-child(2){background-image:url(../img/clb.png)}.menubut.sel:nth-child(3){background-image:url(../img/wwb.png)}.menubut.sel:nth-child(4){background-image:url(../img/cpb.png)}.menubut.sel:nth-child(5){background-image:url(../img/utb.png)}.dblist{margin:.5rem 1.7rem 7.5rem;list-style:none;height:45vh;overflow-y:scroll;-webkit-overflow-scrolling:touch}.dblist li{position:relative;margin:6px;height:100px;line-height:1.4;padding:.3rem 1rem;background-color:#fff;background-repeat:no-repeat;background-position:right 4rem center;border-bottom:1px solid#ccc;outline:8px dashed transparent;transition:all 0.3s ease;overflow:hidden;cursor:pointer}.dblist li:nth-child(1){border-top:1px solid#ccc}.dblist li h3{color:#333;font-size:1.6rem;font-weight:700}.dblist li p{padding:0 .5rem;color:#000;font-size:1.6rem;font-weight:300}.recsel{background-image:url(../img/editform.png);background-color:#f7fceb!important;background-position:right 1rem center!important;outline:2px dashed #a0c244!important;cursor:default!important}.srecsel{background-image:url(../img/move.png);background-color:#fffdfa!important;background-position:right 1rem center!important;outline:2px dashed #cfa23f!important}.srecda{background-image:url(../img/stored.png);background-position:right 1rem center!important;cursor:default!important}.dblist li>*{pointer-events:none}#sw{position:fixed;top:-15rem;left:0;right:0;height:14rem;padding-top:1.2rem;background:rgba(0,0,0,.8);font-family:'Open Sans',sans-serif;text-align:center;transition:top 0.6s ease-in-out}.showStopwatch{top:0!important}#sw h2{color:#FF6;letter-spacing:.4em;font-size:2.2rem}#swDisplay{color:#fff;font-weight:100;font-size:6.8rem}#loginPanel{position:fixed;top:0;left:0;right:0;height:100%;overflow:hidden;background:rgb(4,27,54);background:linear-gradient(28deg,rgba(4,27,54,1) 0%,rgba(0,92,195,1) 65%,rgba(142,197,251,1) 100%);transition:top 1s ease;z-index:9999}.lipclose{top:-120%!important}#limess{margin-top:2rem;height:1.8rem;font-size:1.6rem;text-align:center;color:#FFFC7F}#usersu{padding:0 0 4rem}#usersu label{margin:0;padding:1.2rem 0 .5rem .2rem;color:#FFFC7F;display:block;font-size:1.8rem;font-weight:200}#usersu h2{margin:0;padding:1.2rem 0 .5rem .5rem;color:#FFFC7F;display:block;font-size:1.8rem;font-weight:200}#toknumset{display:flex;justify-content:center;align:items:center}.toknum{margin:0 6px;width:60px;height:60px;line-height:60px;text-align:center;font-size:2.5rem;font-weight:500;color:#444;border:2px solid #ccc}.toknum:nth-child(3){margin-right:30px}#uid{padding:1.2rem;width:100%;font-size:2.2rem;font-weight:400;color:#666;border:none}#storedta{margin:5rem 0;padding:1.6rem;width:100%;color:#fff;background:inherit;font-size:2.2rem;font-weight:400;overflow:visible;text-transform:none;-webkit-appearance:button;border:3px solid #fff;border-radius:15px;cursor:pointer}.smooth-scroll{overflow-y:scroll;-webkit-overflow-scrolling:touch}.no-scroll{overflow:hidden}.hidden{display:none}.shadow{-moz-box-shadow:2px 3px 11px rgba(0,0,0,.5);-webkit-box-shadow:2px 3px 11px rgba(0,0,0,.5);box-shadow:2px 3px 11px rgba(0,0,0,.5)}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.fl-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.fl-middle{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.fl1{-webkit-box-flex:1;-ms-flex:1;flex:1}.fl-space-between{justify-content:space-between}.modal{position:fixed;top:0;left:0;right:0;bottom:0;opacity:0;visibility:hidden;transition:all 0.5s ease;display:flex;align-items:center;justify-content:center}.modal.open{visibility:visible;opacity:1}.modal-bg{position:absolute;background:rgba(0,0,0,.4);width:100%;height:100%}.modal-container{border-radius:10px;background:#fff;position:relative;padding:30px}.modal-close{position:absolute;top:15px;right:15px;outline:none;appearance:none;color:red;background:none;border:0;font-size:2.4rem;font-weight:700;cursor:pointer}#cfrmMess{color:#005CC3;font-size:2rem;line-height:2}.confirmbtn{margin:2.5rem .8rem 1rem}#onlinestatus{height:8px;background-color:green;transition:background-color 0.8s ease-in-out}.offline{background-color:#FFFC7F!important;transition-delay:0s}#recwrap h2{margin:0 1.8rem;padding:.5rem 1.2rem;font-size:2.2rem;color:#eee;background:#5d7e02;border-radius:9px}#profile{position:absolute;top:2.5rem;right:3rem}#username{margin-right:1.2rem;height:5.5rem;line-height:5.5rem;color:#005CC3}#logoutbut{width:5.5rem;height:5.5rem;border:none;outline:none;background-color:#fff;background-repeat:no-repeat;background-position:center;background-image:url(../img/exitlo.png);cursor:pointer}#printrec{position:fixed;top:2.5rem;right:3rem;width:5.5rem;height:5.5rem;border:none;outline:none;background-color:#fff;background-repeat:no-repeat;background-position:center;background-image:url(../img/print.png);display:none;cursor:pointer}.showprinter{display:block!important}#searchbox{margin:1rem 2.2rem 0}#searchbox input{padding:8px 12px 8px 35px;width:100%;color:#444;border:none;outline:none;font-size:17px;-webkit-border-radius:10px 10px 10px 10px;-moz-border-radius:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;background:#eee;background-repeat:no-repeat;background-position:center left;background-size:contain;background-image:url(../img/search.png)}#searchbox input:focus{border:none;outline:none}#searchbox input::placeholder{color:#999;opacity:1}#searchbox input:-ms-input-placeholder{color:#999}#searchbox input::-ms-input-placeholder{color:#999}article.grid3{margin:0;padding:0;width:100%;overflow:hidden;display:grid;grid-template-columns:7rem 1fr 7rem 1fr 7rem 1fr;grid-gap:1.2rem}article.grid3 label{margin:0;padding-top:.5rem;text-align:right}article.grid3 input{width:100%;text-align:left}.messbox{position:relative;top:0;left:calc(50% - 15rem);width:30rem;padding:2.5rem 1.5rem;color:#fff;background:#005CC3;border-radius:0 0 .9rem .9rem;font-size:1.4rem;text-align:center;display:inline-block;opacity:0;transition:opacity 1.2s;z-index:5000}.showmess{opacity:1}#cover{position:fixed;top:0;left:-100vw;width:100vw;bottom:0;background:#005CC3;overflow:hidden;z-index:5000}#cover h1{color:#fff;font-size:4.2rem}#cover h2{margin-bottom:5.5rem;color:#FFFC7F;font-size:3.6rem}#cover h2::before{content:'\2039';margin-right:.8rem;font-size:4rem}#cover>*{pointer-events:none}#logo{width:512px;height:512px;text-align:center;background-color:transparent;background-repeat:no-repeat;background-position:center;background-image:url(../img/logoicon.png)}.printable{display:none}#notification{position:fixed;margin-left:-225px;padding:16px;top:30px;left:50%;width:450px;background-color:#005CC3;color:#fff;font-size:18px;border-radius:5px;text-align:center;z-index:1;visibility:hidden;cursor:pointer}#notification.show{visibility:visible;-webkit-animation:fadein 0.5s;animation:fadein 0.5s}#notification a{color:yellow;cursor:pointer}@-webkit-keyframes fadein{from{top:0;opacity:0}to{top:30px;opacity:1}}@keyframes fadein{from{top:0;opacity:0}to{top:30px;opacity:1}}