.base-view-mk-header{display:grid;grid-gap:10px;grid-template-columns:1fr 10fr 1fr;padding:10px;margin:-10px;background:#f7f7f7}.base-view-mk-header>.left{display:grid;justify-content:start;align-items:center}.base-view-mk-header>.left>img{height:60px}.base-view-mk-header>.center{display:grid;grid-gap:8px;justify-content:center;align-items:center;font-size:32px;font-weight:700}.base-view-mk-header>.right{display:grid;align-items:center;justify-content:end}@media only screen and (max-width: 992px){.base-view-mk-header{grid-template-columns:auto}}.base-view{display:grid;grid-auto-flow:row;grid-template-rows:auto 1fr auto;padding:10px;grid-gap:10px}.base-view>.header{display:grid;grid-row:1}.base-view>.main{display:grid;grid-row:2;overflow:auto;align-content:start}.base-view>.footer{display:grid;grid-row:3}.icon-widget{display:grid;justify-content:center;align-content:center;width:var(--width);height:var(--height)}.icon-widget .material-design-icon{overflow:hidden;display:grid;width:var(--width);height:var(--height)}.icon-widget .material-design-icon>.material-design-icon__svg{width:100%;height:100%}.icon-widget.clickable{cursor:pointer}.icon-widget.clickable .material-design-icon{border-radius:0%;background:#0000;transform:none;transition:.1s}@media only screen and (hover: hover) and (pointer: fine){.icon-widget.clickable .material-design-icon:hover{background:#0000001a;border-radius:50%;transform:scale(1.2)}}.table-widget{display:grid;grid-template-columns:var(--grid-template-columns);border:1px solid lightgray;font-size:18px}.table-widget>.cell{display:grid;align-content:center;padding:4px}.table-widget>.cell.header{font-weight:700}.table-widget>.cell.even{background:#f7f7f7}.table-widget>.cell.odd{background:#fafafa}.overlay-widget-v2{position:fixed;inset:0;background-color:#0003;z-index:999;display:grid;align-content:space-around;justify-content:space-around;cursor:default;text-align:left}.overlay-widget-v2>.container{display:grid;grid-template-rows:auto 1fr;font-size:18px;position:relative;box-shadow:7px 7px 18px 3px #000000bf;background-color:#fff;border:1px solid lightgray;border-radius:10px;overflow:hidden;min-width:60vw;min-height:20vh;max-width:min(80vw,1200px);max-height:80vh}.overlay-widget-v2>.container>.x{position:absolute;right:8px;top:2px;font-size:24px;cursor:pointer}.overlay-widget-v2>.container>div.title{background:#add8e6;color:#000;display:grid;padding:4px 24px;border-bottom:1px solid lightgray;font-weight:700}.overlay-widget-v2>.container>div.content{display:grid;align-items:center;padding:4px 24px}.new-list-modal{font-size:20px}.new-list-modal div.formelement{border:1px solid lightgray;padding:4px}.new-list-modal div.formelement div.stats{margin-top:4px;border-top:1px solid lightgray}.new-list-modal div.buttonrow{text-align:right}.new-list-modal div.buttonrow button:not(:disabled){border:1px solid blue}.new-list-modal div.buttonrow button{padding:4px}.home-view>.main{padding:10px 0;grid-gap:4px}.home-view>.main div.toolbar{display:grid;grid-template-columns:1fr auto;grid-gap:4px;justify-items:end;font-weight:700;font-size:18px}.home-view>.main div.toolbar div.button{display:grid;grid-auto-flow:column;grid-template-columns:auto 1fr;align-items:center;cursor:pointer;border:1px solid lightgray;padding:4px}@media only screen and (hover: hover) and (pointer: fine){.home-view>.main div.toolbar div.button:hover{background:#0000001a}}.home-view>.main .table-widget .item-toolbar{display:grid;grid-gap:4px;grid-auto-flow:column}.home-view>.main .table-widget .item-toolbar .icon-widget.green{color:green}.home-view>.main .table-widget .item-toolbar .icon-widget.red{color:red}:root{--popper-theme-background-color: #333333;--popper-theme-background-color-hover: #333333;--popper-theme-text-color: #ffffff;--popper-theme-border-width: 0px;--popper-theme-border-style: solid;--popper-theme-border-radius: 6px;--popper-theme-padding: 32px;--popper-theme-box-shadow: 0 6px 30px -6px rgba(0, 0, 0, .25)}#app{height:100vh;width:100vw;display:grid;background:#fff;color:#17355e;font-size:14px}#app>main{display:grid;min-width:600px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;background:#fff;position:relative}@media (min-width: 1000px){#app:before{position:fixed;z-index:-1;background-color:#d3d3d3;width:100%;height:127px;content:"";top:0;left:0}#app{width:1000px;height:calc(100vh - 40px);margin-top:20px;margin-bottom:20px;box-shadow:7px 7px 18px 3px #000000bf;border-radius:4px}}
