.loader{z-index:999;overflow:show;margin:auto;bottom:0;right:0;text-align:center}.loader,.loader:before{position:fixed;top:0;left:0}.loader:before{content:"";display:block;width:100%;height:100%;background:transparent}.alert{display:flex;z-index:999;overflow:show;margin:auto;bottom:0;right:0;text-align:center}.alert,.alert:before{position:fixed;top:0;left:0}.alert:before{content:"";display:block;width:100%;height:100%;background:rgba(0,0,0,.3)}.alert-message{align-self:center;width:80%;max-width:450px;background:#fff;position:relative;margin:auto;border-radius:3px;padding:25px 15px 20px}.toast{position:fixed;bottom:50px;width:100%;z-index:9;text-align:center}.toast .toast-message{width:200px;color:#fff;background:#535252;margin:auto;border-radius:20px;white-space:nowrap;padding:15px;font-size:16px;white-space:pre-wrap}.select_item,.toast .toast-message{overflow:hidden;text-overflow:ellipsis}.select_item{border-bottom:thin solid var(--app-color);margin:3px 5px;line-height:25px;text-align:left;white-space:nowrap;cursor:pointer}.select_item.selected{background:var(--app-color);color:var(--app-color-inverse)}:root{--app-color:teal;--app-color-inverse:#fff;--app-font-color:teal;--app-font-size:16px;--app-body-bg:teal;--app-header-height:42px}body{font-family:Arial,sans-serif;font-size:var(--app-font-size);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;display:block;color:var(--app-font-color);background-color:var(--app-body-bg);overflow:hidden;height:100%;margin:0}.app,body{position:fixed;width:100%}.app{top:0;left:0;margin-top:env(safe-area-inset-top);margin-bottom:env(safe-area-inset-bottom);height:calc(100% - env(safe-area-inset-bottom))}.blurred{filter:blur(3px)}.main{position:absolute;overflow-y:auto;background:var(--app-color-inverse);scroll-behavior:smooth;top:var(--app-header-height);left:0;width:100%;height:calc(100% - var(--app-header-height));text-align:center}@keyframes fadein{0%{visibility:hidden;opacity:0}to{visibility:visible;opacity:1}}@media only screen and (orientation:landscape){.landscape{visibility:visible}.portrait{visibility:hidden;display:none}}@media only screen and (orientation:portrait){.landscape{visibility:hidden;display:none}.portrait{visibility:visible}}.container{width:100%;overflow-x:hidden;overflow-y:scroll}.container,.scroller{height:100%;margin:auto}.scroller{width:98%;min-width:300px;max-width:800px}.header{position:absolute;top:0;left:0;height:var(--app-header-height);max-height:var(--app-header-height);line-height:var(--app-header-height);width:100%;z-index:3;color:var(--app-color-inverse);background:var(--app-color);display:grid;grid-template-columns:repeat(3,1fr);border-bottom:thin solid darken(var(--app-color),5%)}.header .header_title{padding:0;margin:auto;color:var(--app-color-inverse)}.header .header_menu,.header .header_title{font-size:120%;background:var(--app-color);white-space:nowrap}.header .header_menu{padding:0 0 0 5px;overflow:hidden;text-overflow:ellipsis;text-align:left;line-height:var(--app-header-height);max-height:var(--app-header-height)}.header .header_menu.reverse{padding:0 5px 0 0;text-align:right}.back{display:flex;height:var(--app-header-height);width:30px;align-items:center!important;justify-content:center!important;cursor:pointer}.back span{position:relative!important;width:18px;height:2px;background-color:initial}.back span:before{top:6px;transform:rotate(45deg)}.back span:after,.back span:before{position:absolute;content:"";width:18px;height:2px;left:0;background:var(--app-color-inverse)}.back span:after{top:-6px;transform:rotate(-45deg)}a{outline:0;color:inherit}a,a.btn,button{text-decoration:none}a.btn,button{height:37px;text-align:center;min-width:90px;padding:5px 15px;background:var(--app-color);color:var(--app-color-inverse);font-size:var(--app-font-size);border:0;cursor:pointer;border-radius:3px;margin:2px}a.btn.cancel,button.cancel{background-color:grey}a.btn:disabled,button:disabled{opacity:.5}.fakeinput,input{font-family:inherit;font-size:var(--app-font-size);color:var(--app-color);background:transparent;border-color:transparent;border-width:0;border-bottom:2px solid #d3d3d3}input:focus{outline:none;border-bottom-color:var(--app-color);border-bottom-width:2px;margin-bottom:-1px}input.readonly{border-bottom-color:transparent}input[type=number]{-moz-appearance:textfield}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=checkbox]:checked{background-color:var(--app-color)}.fakeinput{text-align:left;line-height:35px}select{font-family:inherit;font-size:var(--app-font-size);-webkit-appearance:none;appearance:none;background:transparent;border-color:transparent transparent #d3d3d3;border-width:0 0 2px}select:focus{outline:none}select+span{-webkit-user-select:none;user-select:none;pointer-events:none;margin-left:-10px}textarea{font-family:inherit;font-size:var(--app-font-size);resize:none;background:transparent;border-width:0;border-color:transparent #d3d3d3 transparent transparent;border-bottom:2px solid #d3d3d3}textarea.readonly{border-bottom-color:transparent;background:#d3d3d3}tbody.striped tr:nth-child(2n){background-color:#f2f2f2}thead.sticky{position:-webkit-sticky;position:sticky;top:0;background:#fff}