.flex{display:flex}.grow{flex-grow:1}.items-center{align-items:center}.gap-5{gap:5px}.gap-10{gap:10px}.gap-15{gap:15px}.w-full{width:100%}.h-full{height:100%}.justify-right{justify-content:right}.justify-between{justify-content:space-between}.overflow-auto{overflow:auto}:root{--sidemenu-width:190px;--sidemenu-pos:0px}#app{height:100%}.header{background:#181b1f;display:flex;flex-direction:column;left:0;position:fixed;right:0;z-index:1000}.header .header-top{gap:8px;padding:0 22px 0 16px;-webkit-box-pack:justify;justify-content:space-between}.header .header-bottom,.header .header-top{display:flex;height:40px;-webkit-box-align:center;align-items:center;border-bottom:1px solid rgba(204,204,220,.12)}.header .header-bottom{padding:0 8px 0 10px}.header .header-bottom .hamburger{background:none;border:none;border-radius:2px;color:#ccccdc;cursor:pointer}.header .header-bottom .hamburger:hover{background-color:rgba(204,204,220,.16);opacity:1}.app-container{height:100%;padding-top:80px}.app-container,.app-container-inner{display:flex;flex-direction:column;-webkit-box-flex:1;flex-grow:1}.side-menu{background:#181b1f;border-right:1px solid rgba(204,204,220,.12);height:calc(100% - 80px);left:var(--sidemenu-pos);position:fixed;transition:left .3s ease-out;width:var(--sidemenu-width);z-index:2}.menu-list{box-sizing:border-box;display:flex;flex-direction:column;list-style-type:none;margin:0;padding:8px 8px 16px}.menu-list li{line-height:1.57143;list-style-type:none;padding-left:5px}.menu-list .menu-item{align-items:center;display:flex;gap:10px;height:32px;padding-left:4px}.menu-list .menu-item .icon{padding:2px}.menu-list li.selected{display:flex;-webkit-box-pack:justify;background-color:#22252b;border-bottom-right-radius:2px;border-top-right-radius:2px;justify-content:space-between}.menu-list li a,.menu-list li.selected{height:100%;position:relative;width:100%}.menu-list li a{-webkit-box-align:center;align-items:center;color:rgba(204,204,220,.65)}.menu-list li.selected a{color:#ccccdc}.menu-list li.selected:before{background-image:linear-gradient(.01deg,#4096ff .01%,#4096ff 99.99%);border-radius:2px;content:" ";display:block;height:100%;position:absolute;transform:translateX(-50%);width:4px}.menu-list li a:hover{color:#ccccdc}.ant-dropdown-menu-item-icon{color:rgba(204,204,220,.65)}.user-menu{background:#181b1f;border-radius:2px;box-shadow:0 8px 24px #010409}.user-menu .user-role-name{border-bottom:1px solid rgba(204,204,220,.12);font-size:16px;padding:4px 16px 8px}.user-menu .user-role-name .user-name{color:rgba(204,204,220,.65);font-size:12px;font-weight:400}.main-container{display:flex;flex-direction:column;-webkit-box-flex:1;flex-grow:1;padding-left:calc(var(--sidemenu-width) + var(--sidemenu-pos));transition:padding-left .3s ease-out}.main-container-inner{height:100%;padding:12px 8px 4px 12px}.main-container-inner .ant-card-body{height:100%}.login-container{display:flex;flex-direction:column;height:100vh}.login-container:before{background:url(../images/wasser_glas_en.jpg) top/cover no-repeat;content:"";inset:0;opacity:1;position:fixed;z-index:-1}.login-card-wrapper{-webkit-box-flex:1;display:flex;flex-direction:column;flex-grow:1;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;min-width:100%}.login-card{background:rgba(0,0,0,.7);border:1px solid #000;border-radius:3px;max-width:500px;padding:16px 0}.login-card .presentation-wrapper{padding:32px;text-align:center}.login-card .presentation-wrapper .title{font-size:32px;font-weight:400;letter-spacing:-.00893em}.login-card .actions-wrapper{display:flex;flex-direction:column;padding:0 24px 24px}.login-card .actions-wrapper button{align-items:center;background:#6793ba;border:1px solid transparent;color:#fff;display:flex;display:inline-flex;flex-grow:1;font-size:14px;font-weight:500;gap:5px;height:32px;justify-content:center;line-height:30px;text-align:center}.login-card .actions-wrapper button:hover{background-color:#3f6685;border-color:transparent;box-shadow:0 1px 2px rgba(1,4,9,.75);color:#fff}*{box-sizing:border-box}body,html{height:100%}body{background-color:#111217;color:#ccccdc;font-family:Inter,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400;letter-spacing:.01071em;line-height:1.57143;margin:0;overflow-y:auto!important;position:unset;width:100%}a{text-decoration:none}a:hover{color:#ccccdc;text-decoration:underline}.field-editor{border:1px solid #424242;border-radius:2px;color:#ccccdc;font-size:14px;line-height:1.57143;padding:4px 11px}.field-editor:focus,.field-editor:hover{border-color:#1668dc}.empty{color:#606060}input,textarea{background:#141414;outline:none}.record-editor-container .ant-card-body{padding-left:0;padding-right:6px}.record-editor-header{margin-left:24px}.editors-group{border:none;margin-left:9px;margin-right:2px;padding-left:15px;padding-right:0}.editors-group,.editors-group:hover{border-bottom:1px solid rgba(204,204,220,.12)}.editors-group:hover{background-color:rgba(17,18,23,.2);box-shadow:none}.editors-group .ant-card-head{border:none;font-size:18px;font-weight:700;justify-content:flex-end;min-height:25px;padding:5px 0 0}.ant-select .ant-select-clear{width:auto}.read-only{background:repeating-linear-gradient(45deg,#191919,#333 3px,#191919 6px,#191919 12px)}::-webkit-scrollbar{height:7px;width:7px}::-webkit-scrollbar-track{background:#333}::-webkit-scrollbar-thumb{background-color:#444;border-radius:7px}.record-editor-container{container:record-editor-container/inline-size}.field-component{width:50%}@container record-editor-container (max-width: 550px){.field-component{width:100%}}.ant-table-container{border-color:#333 #444 #444 #333;border-style:solid;border-width:1px}.ant-table-container tr:last-child td{border-bottom:1px solid #000!important}