.header{background-color:var(--cold-metal);padding:20px}.header h1{text-align:center;margin-bottom:0;font-size:20px}.header p,.header .logo{text-align:center}.header .logo img{cursor:pointer;width:100px}.menu{background-color:var(--deep-dark);text-align:center;padding:15px 0;display:flex;flex-direction:row;justify-content:space-around}.menu .menuItem{margin:0 30px}.menu .menuItem.iconised{font-size:small}.menu .menuItem svg{fill:#fff}.menu .menuItem a{color:var(--pearl-white);text-decoration:none;display:flex;flex-direction:column;align-items:center}.menu .menuItem.Logout{margin:10px;position:absolute;top:0;right:0}.menu .menuItem.Logout svg{fill:var(--live-metal)}.page{padding:30px}.page h3,.page h2,.page p{text-align:center}.page .action-footer{display:flex;flex-direction:row;justify-content:flex-end;padding-right:2px}.form-feedback-issue,.query_exception,.issue-hint{color:var(--carmine-red);font-size:smaller}.form-feedback-warning,.warning-hint{color:var(--orange);font-size:smaller}.form-feedback-warning,.form-feedback-issue{border-bottom:1px solid;text-decoration:blink;font-size:large;text-align:center}label{display:flex;align-items:center}label.valid svg{fill:green}label.invalid svg{fill:var(--carmine-red)}label.invalid *{color:var(--carmine-red);margin-left:.5em}.Table{--columns:0;border:1px solid var(--dark-grey);max-height:50vh;overflow:auto}.Table table{border:1px solid var(--medium-grey);width:100%;list-style:none;padding:0;margin:0}.Table table thead{position:sticky;color:var(--darker-grey);text-align:center;top:0;z-index:99;background:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:4px 0 8px var(--dark-grey)}.Table table thead .header_group{display:flex;flex-direction:row;padding:.2em;align-items:center}.Table table thead .header_group .header_label{flex-grow:1}.Table table thead .header_group svg{font-size:smaller;width:18px;cursor:pointer}.Table table thead .header_group svg.sorted{fill:var(--saturated-metal)}.Table table tr{vertical-align:middle}.Table table tr svg{fill:var(--cold-metal);margin:.5em}.Table table tr.role_row0{background-color:#fff}.Table table tr.role_row1{background-color:#f0f8ff}.Table table tr.role_drawer{display:none;background-color:#f0f8ff66;box-shadow:inset 0 0 4px var(--dark-grey)}.Table table tr.role_drawer.extended{display:table-row}.Table table tr>td{padding:.2em}.Table table tr>td svg.collapsed_icon{display:none}.Table table tr>td svg.expanded_icon{display:inline-block}.Table table tr>td.extended svg.collapsed_icon{display:inline-block}.Table table tr>td.extended svg.expanded_icon{display:none}.Table table tr>td.id{font-size:smaller;opacity:.75}.Table table tr>td .date-time{display:flex;flex-direction:column;gap:.3em}.Table table tr>td .date-time .time{font-size:smaller;opacity:.75}.Table table .drawer_content{padding:12px}.Table table .drawer_content .label_value_grp{display:flex;gap:5px;margin-top:11px}.Table table .drawer_content .label_value_grp .field_label{font-weight:700}.Table table .drawer_content .label_value_grp .stack_value{background-color:#eee;color:#2452a8;font-size:small;padding:4px}.Table table .action_column{display:flex;align-items:center;justify-content:center;gap:.2em}.Dialog{position:absolute;top:0;left:0;right:0;bottom:0;z-index:999;background-color:var(--cold-metal-05);display:flex;justify-content:center;align-items:center}.Dialog .frame{position:relative;background-color:var(--pearl-white);width:auto;height:auto;padding:10px 30px}.Dialog .dialog-content{padding:5px}.Dialog .dialog-content>*{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}.Dialog .dialog-content>*.dialog-form label{display:flex;align-items:center}.Dialog .dialog-content>*.dialog-form label.valid svg{fill:green}.Dialog .dialog-content>*.dialog-form label.invalid svg{fill:var(--carmine-red)}.Dialog .dialog-content>*.dialog-form label.invalid *{color:var(--carmine-red);margin-left:.5em}.Dialog .dialog-content>*.dialog-form>*{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;justify-items:baseline;gap:5px}.Dialog .dialog-content>*.dialog-form>* select,.Dialog .dialog-content>*.dialog-form>* input{width:270px}.Dialog .dialog-content>*.dialog-form>* select[type=checkbox],.Dialog .dialog-content>*.dialog-form>* input[type=checkbox]{height:auto;width:auto}.Dialog .dialog-content>*.dialog-form>* input{height:40px}.table-onaction-error-wrapper{min-height:29px;display:flex;align-items:center;justify-content:center;padding:5px}.table-onaction-error-wrapper .message{color:var(--carmine-red);font-weight:700;line-height:inherit}.inputs{display:flex;flex-direction:column;gap:10px;align-items:center}.inputs>div{width:310px}.inputs input{font-size:inherit;height:50px;width:300px;padding:.5em}.inputs img.qrCode{height:180px;width:180px}.inputs button{width:308px}select{font-size:inherit;height:52px;width:306px}select option{margin:0;padding:0}button{text-align:center;border:none;padding:10px 24px;margin:10px 0;background-color:var(--darker-grey);color:var(--pearl-white)}button.role_register{background-color:var(--jade-green);color:var(--pearl-white)}button.role_delete{background-color:var(--carmine-red);color:var(--pearl-white)}button.role_edit{background-color:var(--cold-metal);color:var(--pearl-white)}button.iconised{background:none}button.iconised .icon-label-group{color:var(--dark-grey)}button.iconised svg{fill:#000}button.iconised.role_delete svg{fill:var(--carmine-red)}button.iconised.role_register svg{fill:var(--jade-green)}button.iconised.role_edit svg{fill:var(--cold-metal)}button .icon-label-group{display:flex;flex-direction:column;justify-content:center;align-items:center;fill:#fff;color:var(--light-grey)}button .icon-label-group span{font-size:11px;font-style:italic}button:disabled{opacity:.5}.PasswordInput{display:flex;flex-direction:row;align-items:center;border:1px solid;border-color:var(--input-border-color, rgb(118, 118, 118));border-radius:2px;width:300px!important}.PasswordInput input{flex-grow:1;width:auto;border:none;outline:none;background-color:transparent}.PasswordInput svg{margin:.2em;fill:var(--input-border-color, rgb(133, 133, 133))}.PasswordInput.hasFocus{outline:1px solid var(--input-outline-color)}:root{--orange: #b96900;--carmine-red: #a11212;--pearl-white: #f5f5f5;--light-grey: #D3D3D3FF;--medium-grey: #afafaf;--dark-grey: #a1a1a1;--darker-grey: #6b6b6b;--input-border-color:rgb(118, 118, 118);--input-outline-color: rgb(0, 95, 204);--deep-dark: #020e2d;--deep-dark-25: rgba(2, 14, 45, .25);--live-metal: #b2c4f3;--saturated-metal: #4268b7;--cold-metal: #7687aa;--cold-metal-05: rgba(118, 135, 170, .5);--jade-green: #008000FF}*{box-sizing:border-box}body{margin:0;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;font-size:14px}body code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}input{outline-color:var(--input-outline-color)}input::-ms-clear,input::-ms-reveal{display:none}.disconnection-overly{display:flex;position:absolute;top:0;left:0;right:0;bottom:0;background:#22445985;justify-content:center;align-items:center;color:#fff}.disconnection-overly>*{max-width:480px;text-align:center}a{color:var(--saturated-metal);text-decoration:none}button{cursor:pointer}