:root { --box-shadow-dark-border: 0 1px 1px #020e2570; --box-shadow-dark-large: 0 25px 35px #020e2570; --overlay-mask-color: #020e25cc; }

html, body { padding: 0; margin: 0; height: 100%; width: 100%; background: white; overflow: hidden; color: #141619; }

html, iframe, img, video { -webkit-filter: unset !important; }

body { overflow: auto; }

html, body, input, textarea, button, select { font-family: silka, sans-serif; font-size: 12px; -webkit-font-smoothing: antialiased; }

input:not([type=checkbox]), textarea, select { border: 1px solid #C1C7CF; border-radius: 4px; background: white; padding: 11px 16px 10px 16px; font-weight: 600; width: 100%; box-sizing: border-box; -moz-appearance: none; -webkit-appearance: none; appearance: none; }

input:not([type=checkbox]):focus, textarea:focus, select:focus { border-color: #F45B39; outline: 0; }

input:not([type=checkbox]):invalid, textarea:invalid, select:invalid { outline: 0; box-shadow: none; }

[type=checkbox] { -moz-appearance: none; -webkit-appearance: none; appearance: none; border: 1px solid #A0A9B6; border-radius: 2px; width: 20px; height: 20px; padding: 0; margin: 0; display: inline-block; }

[type=checkbox]:checked { background: #F45B39; border-color: #F45B39; position: relative; }

[type=checkbox]:checked::before { position: absolute; pointer-events: none; content: ''; top: 0; right: 0; bottom: 0; left: 0; background: white; -webkit-mask: url("/icons/check.svg") center center / 14.4px 14.4px no-repeat; mask: url("/icons/check.svg") center center / 14.4px 14.4px no-repeat; }

[type=checkbox]:focus { outline: 1px solid #F45B39; outline-offset: 2px; }

::placeholder { color: #69707A; opacity: 1; font-weight: normal; }

textarea { box-sizing: border-box; height: 76px; }

a { color: black; }

h1 { font-size: 28px; }

button.primary, button.secondary, button.transparent, button.tertiary { border-radius: 6px; font-weight: 700; box-sizing: border-box; border: 0; min-height: 40px; min-width: 40px; padding: 0 15px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }

button.small { min-height: 28px; min-width: 28px; }

button.icon-left > .icon { margin-right: 5px; }

button.icon-center { padding: 0; }

button.icon-right > .icon { margin-left: 5px; }

button.primary { color: white; --color: white; background: linear-gradient(88.72deg, #e9303b 0%, #fc7a31 100%), #dde0e4; }

button.primary:hover { background: #c24628; }

button.primary:focus { background: #92321c; outline: 1px solid #F45B39; outline-offset: 2px; }

button.primary:disabled { background: #dde0e4; cursor: default; }

button.secondary { color: white; --color: white; background: #f45936; }

button.secondary:hover { background: #c24628; }

button.secondary:focus { background: #92321c; outline: 1px solid #F45B39; outline-offset: 2px; }

button.secondary:disabled { background: #dde0e4; cursor: default; }

button.tertiary { color: #f45b39; --color: #f45b39; background: #fdf1f0; }

button.tertiary:hover { background: #fbd8d4; }

button.tertiary:focus { color: #c24628; background: #fbd8d4; outline: 1px solid #F45B39; outline-offset: 2px; }

button.tertiary:disabled { --color: white; color: white; background: #dde0e4; cursor: default; }

button.transparent { background: transparent; --color: white; color: white; }

button.transparent:focus { background: #00000022; outline: 1px solid #F45B39; outline-offset: 2px; }

button.transparent:disabled { color: #868F9C; --color: #868F9C; cursor: default; }

.hidden { display: none !important; }

.form { width: 100%; }

.form > input { margin-bottom: 20px; }

.form .note { margin-bottom: 20px; font-size: 12px; color: #444; }

.form-title { font-weight: bold; margin-top: 20px; margin-bottom: 20px; font-weight: 16px; }

.form-info { font-weight: 500; font-size: 16px; color: #696e8c; margin-bottom: 40px; text-align: center; }

.form-buttons { display: flex; align-items: center; margin-bottom: 20px; }

.form-buttons button { flex: 1; }

.form-buttons button:not(:first-child) { margin-left: 10px; }

.form-big-fail { padding-top: 110px; background: center top url(icons/big-fail.svg) no-repeat; color: #eb5757; font-size: 26px; font-weight: bold; margin-bottom: 20px; text-align: center; }

.form-big-success { padding-top: 110px; background: center top url(icons/big-success.svg) no-repeat; color: #27AE60; font-size: 26px; font-weight: bold; margin-bottom: 20px; text-align: center; }

.form-links { display: flex; align-items: flex-start; padding-top: 10px; justify-content: center; margin-bottom: 20px; }

.form-links .fill { flex: 1; }

.form-links a { font-size: 16px; color: #122253; }

.form-links a:not(:first-child) { margin-left: 20px; }

.form-field { margin-bottom: 20px; }

.form-field > label { display: block; margin-bottom: 8px; font-size: 14px; color: #122253; }

.form-field > .message { margin-top: 5px; color: #eb5757; font-weight: 500; }

.form-field.error input, .form-field.error textarea, .form-field.error select { border-color: #eb5757; }

.form-field[data-gw="ImageUploadField"] { margin-top: 40px; margin-bottom: 40px; }

.form-field[data-gw="ImageUploadField"] > label { margin-bottom: 5px; text-align: center; font-size: 18px; font-weight: 600; color: #122253; }

.form-segment { border-radius: 10px; background: #f3f3f6; padding: 20px; box-sizing: border-box; margin-bottom: 20px; }

.form-segment > .header { position: sticky; top: 0; display: flex; align-items: center; background: #f3f3f6; }

.form-segment > .header > .status { width: 20px; height: 20px; margin-right: 10px; }

.form-segment > .header > .expand { cursor: pointer; border-radius: 20px; background: white; border: 1px solid #ddd; width: 26px; height: 26px; position: relative; }

.form-segment > .header > .expand::before { position: absolute; pointer-events: none; content: ''; top: 0; right: 0; bottom: 0; left: 0; background: black; -webkit-mask: url("/icons/arrow-down.svg") center center / 16.8px 16.8px no-repeat; mask: url("/icons/arrow-down.svg") center center / 16.8px 16.8px no-repeat; }

.form-segment > .header > .title { font-weight: bold; font-size: 18px; padding: 3px 0; flex: 1; }

.form-segment > .fields { margin-top: 20px; }

.form-segment.collapsed > .fields, .form-segment.collapsed > .form-buttons, .form-segment.collapsed > .form-progress { display: none; }

.form-segment:not(.collapsible) > .header > .expand { display: none; }

.form-segment:not(.collapsed) > .header > .expand { position: relative; }

.form-segment:not(.collapsed) > .header > .expand::before { position: absolute; pointer-events: none; content: ''; top: 0; right: 0; bottom: 0; left: 0; background: black; -webkit-mask: url("/icons/arrow-up.svg") center center / 16.8px 16.8px no-repeat; mask: url("/icons/arrow-up.svg") center center / 16.8px 16.8px no-repeat; }

.form-segment[data-status=ok] > .header > .status { position: relative; --thickness: 3; }

.form-segment[data-status=ok] > .header > .status::before { position: absolute; pointer-events: none; content: ''; top: 0; right: 0; bottom: 0; left: 0; background: green; -webkit-mask: url("/icons/check.svg") center center / 19.2px 19.2px no-repeat; mask: url("/icons/check.svg") center center / 19.2px 19.2px no-repeat; }

.form-segment[data-status=error] > .header > .status { position: relative; }

.form-segment[data-status=error] > .header > .status::before { position: absolute; pointer-events: none; content: ''; top: 0; right: 0; bottom: 0; left: 0; background: red; -webkit-mask: url("/icons/cross.svg") center center / 19.2px 19.2px no-repeat; mask: url("/icons/cross.svg") center center / 19.2px 19.2px no-repeat; }

.image-upload-field > img { display: block; width: 100%; margin-bottom: 5px; }

.image-upload-field > .controls { text-align: center; }

.image-upload-field > .controls a { font-size: 16px; color: #122253; font-weight: 500; }

.image-upload-field > button { width: 100%; }

.bin-switch { display: inline-block; border-radius: 30px; height: 28px; width: 46px; background: #dedfe6; box-sizing: border-box; position: relative; transition: background-color .15s; }

.bin-switch > .bullet { box-sizing: border-box; display: inline-block; border-radius: 30px; width: 24px; height: 24px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); background: white; position: absolute; top: 2px; left: 2px; transition: left .15s; }

.bin-switch[data-state=on] { background: #3f67dd; }

.bin-switch[data-state=on] > .bullet { border-color: green; left: 19px; }

.progress-bar { height: 5px; border-radius: 10px; overflow: hidden; background: #dedfe6; }

.progress-bar .progress-bar-indicator { height: 100%; background: #3f67dd; width: 0%; }

.ack-checkbox { margin-bottom: 20px; }

.ack-checkbox.error > .check { color: #eb5757; }

.ack-checkbox > .check { display: flex; align-items: center; }

.ack-checkbox > .check > input { flex: none; margin: 0; }

.ack-checkbox > .check > label { flex: 1; margin-left: 7px; font-weight: bold; }

.ack-checkbox > .info { margin-top: 5px; margin-left: 30px; }

.ack-checkbox > .links { margin-top: 10px; margin-left: 30px; }

.ack-checkbox > .links a { display: block; margin-top: 5px; }

.popup-menu { background: white; box-shadow: var(--box-shadow-dark-large); border: 1px solid grey; border-radius: 3px; overflow: auto; box-sizing: border-box; display: inline-block; }

.desktop-ui .popup-menu { max-width: 350px; min-width: 120px; }

.popup-menu:focus { outline: 0; }

.popup-menu .option { display: flex; align-items: center; text-decoration: none; color: black; background: white; min-height: 32px; padding: 10px 15px; }

.popup-menu .option .option-icon { margin-right: 5px; transition: background-color .15s; }

.popup-menu .option .option-icon .icon { --color: $color-active; }

.popup-menu .option .option-text { color: black; transition: color .15s; font-weight: 500; padding-right: 15px; flex: 1; }

.popup-menu .option:hover:not(.disabled) { color: white; background: black; }

.popup-menu .option:hover:not(.disabled) .option-text { color: white; }

.popup-menu .option:hover:not(.disabled) .option-icon .icon { --color: white; }

.popup-menu .option.disabled { pointer-events: none; }

.popup-menu .option.disabled .option-text { color: var(--app-grey); }

.popup-menu .option + .option { margin-top: 10px; }

.popup-menu.no-icons .option .option-icon { display: none; }

.popup-menu.no-icons .option .option-text { padding-right: 0; }

.popup-menu .note { color: var(--app-grey); font-size: 14px; margin-top: 15px; }

.success-message .info { text-align: center; margin-bottom: 20px; font-size: 16px; }

.success-message .buttons { margin-top: 80px; text-align: center; }

.success-message .buttons button { min-width: 130px; }

.big-button-menu a { border-radius: 10px; padding: 20px 60px; text-align: center; font-weight: bold; box-sizing: border-box; text-decoration: none; display: block; margin-bottom: 20px; font-size: 17px; background: #3f67dd; color: white; }

.notify-bar { position: fixed; display: inline-flex; align-items: center; overflow: hidden; min-height: 40px; top: 7px; border-radius: 30px; }

.notify-bar .text { flex: 1; text-align: center; max-width: calc(70vw); padding: 4px 15px; line-height: 1.5; font-weight: 500; }

.notify-bar .text strong, .notify-bar .text b { font-weight: bold; }

.notify-bar .pad { width: 20px; height: 1px; display: inline-block; }

.notify-bar a.close { display: none; line-height: 1; margin: 0 10px; padding: 10px; text-decoration: none; font-size: 18px; }

.mobile-ui .notify-bar a.close { padding: 15px; }

.notify-bar a:not(.close) { font-weight: bold; text-decoration: underline; cursor: pointer; }

.notify-bar a:not(.close):hover { text-decoration: none; }

.notify-bar[data-kind=error] { background: #ffd1d1; }

.notify-bar[data-kind=error], .notify-bar[data-kind=error] a { color: red; }

.notify-bar[data-kind=info] { background: #27AE60; }

.notify-bar[data-kind=info], .notify-bar[data-kind=info] a { color: #fff; }

.notify-bar[data-kind=warning] { background: yellow; }

.notify-bar[data-kind=warning], .notify-bar[data-kind=warning] a { color: black; }

.mask-overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 2000; display: flex; flex-direction: column; align-items: center; justify-content: center; background: var(--overlay-mask-color); }

.mask-overlay > .pad-top { flex: 1; }

.mask-overlay > .pad-bottom { flex: 6; }

.mobile-mask-overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 2000; display: flex; background: var(--overlay-mask-color); }

.mobile-mask-overlay.align-left { flex-direction: row; align-items: stretch; justify-content: flex-start; }

.mobile-mask-overlay.align-left > * { height: 100%; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; max-width: calc(100% - 75px); box-sizing: border-box; overflow: auto; position: relative; }

.mobile-mask-overlay.align-bottom { flex-direction: column; align-items: stretch; justify-content: flex-end; }

.mobile-mask-overlay.align-bottom > * { width: auto !important; border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; max-height: calc(100% - 75px); box-sizing: border-box; overflow: auto; position: relative; }

.mobile-mask-overlay.align-fullscreen { flex-direction: column; align-items: stretch; justify-content: flex-end; }

.mobile-mask-overlay.align-fullscreen > * { width: auto !important; border-radius: 0 !important; box-sizing: border-box; overflow: auto; position: relative; flex: 1 0 auto; min-height: 0; }

.public-screen { margin: 50px auto 0 auto; max-width: 400px; padding: 40px; background: #FDF1F0; box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.2); }

.public-screen h1 { text-align: center; font-size: 24px; margin: 20px 0 40px 0; color: #F45B39; }

.public-screen h2 { text-align: center; font-size: 18px; margin: 0 0 20px 0; }

[data-routegroup="admin"], [data-routegroup="admin"] body, [data-routegroup="admin"] .application { width: 100%; height: 100%; overflow: hidden; }

[data-routegroup="admin"] .application > .admin-screen { width: 100%; height: 100%; }

@media screen and (min-width: 600px) { .dense { display: none; } }

@media screen and (max-width: 600px) { .not-dense { display: none; } }

@media screen and (max-width: 300px) { .hide-lt-300 { display: none; } }

@media screen and (max-width: 400px) { .hide-lt-400 { display: none; } }

@media screen and (max-width: 500px) { .hide-lt-500 { display: none; } }

@media screen and (max-width: 600px) { .hide-lt-600 { display: none; } }

@media screen and (max-width: 700px) { .hide-lt-700 { display: none; } }

@media screen and (max-width: 800px) { .hide-lt-800 { display: none; } }

@media screen and (max-width: 900px) { .hide-lt-900 { display: none; } }

@media screen and (max-width: 1000px) { .hide-lt-1000 { display: none; } }

@media screen and (max-width: 1100px) { .hide-lt-1100 { display: none; } }

@media screen and (max-width: 1200px) { .hide-lt-1200 { display: none; } }

@media screen and (max-width: 1300px) { .hide-lt-1300 { display: none; } }

.admin-screen { display: grid; grid-template-columns: 130px minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr) auto; grid-template-areas: 'header header' 'sidebar body' 'sidebar footer'; }

@media screen and (max-width: 600px) { .admin-screen { grid-template-columns: auto minmax(0, 1fr); } }

.admin-screen h1 { margin: 0; font-size: 16px; }

.admin-screen > .header { grid-area: header; display: flex; align-items: center; justify-content: space-between; background: #a5fdbf; }

.admin-screen > .header h1 { padding: 5px 20px; }

.admin-screen > .header .profile { display: flex; align-items: center; cursor: pointer; align-self: stretch; padding: 5px 10px; }

.admin-screen > .header .profile:hover { background: #F46539; color: white; --color: white; }

.admin-screen > .header .profile .name { margin-right: 5px; font-weight: bold; }

.admin-screen > .sidebar { grid-area: sidebar; border-right: 1px solid #dde0e4; background: #e4e8ea; padding: 10px; }

@media screen and (max-width: 600px) { .admin-screen > .sidebar { padding: 0; } }

.admin-screen > .sidebar a { display: block; padding: 11px; text-decoration: none; font-weight: bold; border-radius: 6px; }

@media screen and (max-width: 600px) { .admin-screen > .sidebar a { padding: 16px 3px; text-align: center; border-radius: 0px; } }

.admin-screen > .sidebar a:hover { background: #d5dcdf; }

.admin-screen > .sidebar a.selected { color: white; background: #F46539; }

.admin-screen > .body { grid-area: body; }

.admin-screen > .footer { grid-area: footer; }

.fullscreen-message { display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 24px; color: #868F9C; height: 100%; }

.item-list a { display: block; padding: 10px; text-decoration: none; font-weight: bold; border-radius: 6px; }

.item-list a:hover { background: #e4e8ea; }

.item-list a.selected { color: white; background: #F46539; }

.smart-table { position: relative; overflow: auto; }

.smart-table table { width: 100%; border-spacing: 0; table-layout: fixed; }

.smart-table td, .smart-table th { padding: 5px 10px; text-align: left; }

.smart-table th { border-bottom: 1px solid #dde0e4; }

.smart-table td.right, .smart-table th.right { text-align: right; }

.smart-table thead tr th { position: sticky; top: 0; background: #F2F4F5; }

.smart-table .empty-message { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 24px; color: #868F9C; }

.smart-table.selectable tr { cursor: pointer; }

.smart-table.selectable tr:hover td, .smart-table.selectable tr:hover th { background: #F2F4F5; }

.smart-table.selectable tr.selected td, .smart-table.selectable tr.selected th { background: #ffca85; }

.smart-table tr.totals { background: #dde0e4; font-weight: bold; }

.smart-table tr.totals td { border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; }

.property-table > .property { margin-bottom: 10px; }

.property-table > .property > .label { font-size: 11px; font-weight: bold; color: #F45B39; margin-bottom: 3px; }

.property-table > .property > .value { white-space: pre-wrap; font-weight: 500; }

.admin-dialog-mask { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.4); display: flex; align-items: center; justify-content: center; }

.admin-dialog-mask > .admin-dialog { width: 500px; padding: 20px; background: white; border-radius: 4px; box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.2); }

.admin-dialog-mask > .admin-dialog > .header > h1 { margin: 10px 0 40px 0; font-size: 24px; text-align: center; }

.admin-dialog-mask > .admin-dialog > .header > .subtitle { font-weight: bold; margin-bottom: 20px; }

.admin-dialog-mask.fullscreen > .admin-dialog { height: calc(100vh - 60px); width: calc(100vw - 60px); }

[data-gw="Admin.OverviewScreen"] > .body { overflow: auto; }

[data-gw="Admin.OverviewScreen"] .dasboard { display: grid; grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)); grid-template-rows: auto; grid-gap: 10px; padding: 10px; }

@media screen and (max-width: 600px) { [data-gw="Admin.OverviewScreen"] .dasboard { padding: 0px; grid-template-columns: auto; } }

[data-gw="Admin.OverviewScreen"] .dasboard .dasboard-box { border: 1px solid #dde0e4; }

[data-gw="Admin.OverviewScreen"] .dasboard .dasboard-box > .header { font-weight: bold; font-size: 16px; background: #F46539; color: white; padding: 10px; }

.admin-list-detail-screen > .body { display: grid; grid-template-columns: minmax(100px, 1fr) minmax(200px, 300px); grid-template-rows: auto minmax(0, 1fr); grid-template-areas: 'toolbar toolbar' 'table detail'; overflow: auto; }

.admin-list-detail-screen > .body > .toolbar { grid-area: toolbar; border-bottom: 1px solid #dde0e4; display: flex; align-items: center; padding: 10px; }

.admin-list-detail-screen > .body > .toolbar > *:not(:last-child) { margin-right: 5px; }

.admin-list-detail-screen > .body > .toolbar > select, .admin-list-detail-screen > .body > .toolbar > input { width: auto; }

.admin-list-detail-screen > .body > .toolbar > .fill { flex: 1; }

.admin-list-detail-screen > .body > .detail { grid-area: detail; border-left: 2px solid #dde0e4; padding: 10px; overflow: auto; }

.admin-list-detail-screen > .body > .detail h1 { margin-bottom: 20px; }

.admin-list-detail-screen > .body > .detail .side-buttons { float: right; margin-left: 20px; margin-bottom: 20px; display: flex; flex-direction: column; background: #fbd8d4; padding: 10px; border-radius: 6px; }

.admin-list-detail-screen > .body > .detail .side-buttons:empty { display: none; }

.admin-list-detail-screen > .body > .detail .side-buttons > *:not(:first-child) { margin-top: 10px; }

.admin-list-detail-screen > .body > .smart-table { grid-area: table; }

[data-gw="Admin.Calendar"] { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); grid-template-areas: 'header' 'body'; }

[data-gw="Admin.Calendar"] > .header { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); overflow-y: scroll; }

[data-gw="Admin.Calendar"] > .header > .day { font-weight: bold; font-size: 20px; padding: 6px 3px; background: #eee; border-right: 1px solid #bbb; line-height: 1; text-align: center; user-select: none; }

[data-gw="Admin.Calendar"] > .header > .day[data-day="5"], [data-gw="Admin.Calendar"] > .header > .day[data-day="6"] { color: #888; background: #ddd; }

[data-gw="Admin.Calendar"] > .body { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); overflow: auto; position: relative; }

[data-gw="Admin.Calendar"] > .body > .day { border-right: 1px solid #ddd; line-height: 1; }

[data-gw="Admin.Calendar"] > .body > .day > .timespan { padding: 2px 3px; border-top: 1px dotted #ddd; text-align: right; user-select: none; box-sizing: border-box; height: 16px; }

[data-gw="Admin.Calendar"] > .body > .day > .timespan[data-min="0"] { border-top: 1px solid #bbb; }

[data-gw="Admin.Calendar"] > .body > .day > .timespan[data-min="0"] { font-size: 11px; font-weight: bold; }

[data-gw="Admin.Calendar"] > .body > .day > .timespan:not([data-min="0"]) { font-size: 11px; color: gray; }

[data-gw="Admin.Calendar"] > .body .event { position: absolute; border-radius: 4px; background: #ffca85; padding: 5px; overflow: hidden; box-sizing: border-box; border: 1px solid #ffba61; width: calc(100% / 7 - 60px); top: calc(24 * 4 * 16px * var(--hour)); left: calc(100% / 7 * var(--day)); height: calc(24 * 4 * 16px * var(--duration)); }

@media screen and (max-width: 600px) { [data-gw="Admin.Calendar"] > .body .event { width: calc(100% / 7); padding: 0; word-break: break-all; word-wrap: break-word; } }

[data-gw="Admin.CalendarScreen"] > .body { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); grid-template-areas: 'toolbar' 'cal'; }

[data-gw="Admin.CalendarScreen"] > .body > .toolbar { grid-area: toolbar; border-bottom: 1px solid #dde0e4; display: flex; align-items: center; padding: 10px; }

[data-gw="Admin.CalendarScreen"] > .body > .toolbar > *:not(:last-child) { margin-right: 5px; }

[data-gw="Admin.CalendarScreen"] > .body > .toolbar > select, [data-gw="Admin.CalendarScreen"] > .body > .toolbar > input { width: auto; }

[data-gw="Admin.CalendarScreen"] > .body > .toolbar > .fill { flex: 1; }

[data-gw="Admin.CalendarScreen"] > .body > .toolbar .bigdate { font-weight: bold; font-size: 16px; }

[data-gw="Admin.CalendarScreen"] > .body > [data-gw="Admin.Calendar"] { grid-area: cal; }

[data-gw="Admin.CalendarScreen"] > .body > [data-gw="Admin.Calendar"] .red { background: #ff948f; }

[data-gw="Admin.StudentsScreen"] > .body, [data-gw="Admin.ImportScreen"] > .body { display: grid; grid-template-columns: minmax(550px, 1fr) 260px 300px; grid-template-rows: auto minmax(0, 1fr); grid-template-areas: 'toolbar toolbar toolbar' 'table detail1 detail2'; overflow: auto; }

[data-gw="Admin.StudentsScreen"] > .body > .toolbar, [data-gw="Admin.ImportScreen"] > .body > .toolbar { grid-area: toolbar; border-bottom: 1px solid #dde0e4; display: flex; align-items: center; padding: 10px; }

[data-gw="Admin.StudentsScreen"] > .body > .toolbar > *:not(:last-child), [data-gw="Admin.ImportScreen"] > .body > .toolbar > *:not(:last-child) { margin-right: 5px; }

[data-gw="Admin.StudentsScreen"] > .body > .toolbar > select, [data-gw="Admin.StudentsScreen"] > .body > .toolbar > input, [data-gw="Admin.ImportScreen"] > .body > .toolbar > select, [data-gw="Admin.ImportScreen"] > .body > .toolbar > input { width: auto; }

[data-gw="Admin.StudentsScreen"] > .body > .toolbar > input, [data-gw="Admin.ImportScreen"] > .body > .toolbar > input { width: 110px; }

[data-gw="Admin.StudentsScreen"] > .body > .toolbar > .fill, [data-gw="Admin.ImportScreen"] > .body > .toolbar > .fill { flex: 1; }

[data-gw="Admin.StudentsScreen"] > .body > .detail1, [data-gw="Admin.ImportScreen"] > .body > .detail1 { grid-area: detail1; border-left: 1px solid #dde0e4; padding: 10px; overflow: auto; }

[data-gw="Admin.StudentsScreen"] > .body > .detail1 h1, [data-gw="Admin.ImportScreen"] > .body > .detail1 h1 { margin-bottom: 20px; }

[data-gw="Admin.StudentsScreen"] > .body > .detail1 .form-buttons, [data-gw="Admin.ImportScreen"] > .body > .detail1 .form-buttons { margin-top: 10px; }

[data-gw="Admin.StudentsScreen"] > .body > .detail1 .icon[data-name="pencil"], [data-gw="Admin.ImportScreen"] > .body > .detail1 .icon[data-name="pencil"] { width: calc(0.6 * var(--width)); height: calc(0.6 * var(--height)); }

[data-gw="Admin.StudentsScreen"] > .body > .detail1 h2, [data-gw="Admin.ImportScreen"] > .body > .detail1 h2 { clear: both; }

[data-gw="Admin.StudentsScreen"] > .body > .detail1 td[data-col="edit"], [data-gw="Admin.ImportScreen"] > .body > .detail1 td[data-col="edit"] { padding: 2px; text-align: right; }

[data-gw="Admin.StudentsScreen"] > .body > .detail2, [data-gw="Admin.ImportScreen"] > .body > .detail2 { grid-area: detail2; border-left: 1px solid #dde0e4; padding: 10px; overflow: auto; }

[data-gw="Admin.StudentsScreen"] > .body > .detail2 h1, [data-gw="Admin.ImportScreen"] > .body > .detail2 h1 { margin-bottom: 20px; }

[data-gw="Admin.StudentsScreen"] > .body .lessons-overview .unpaired, [data-gw="Admin.ImportScreen"] > .body .lessons-overview .unpaired { color: red; }

[data-gw="Admin.StudentsScreen"] > .body .lessons-overview .ignored, [data-gw="Admin.ImportScreen"] > .body .lessons-overview .ignored { color: gray; }

[data-gw="Admin.StudentsScreen"] > .body .side-buttons, [data-gw="Admin.ImportScreen"] > .body .side-buttons { float: right; margin-left: 20px; margin-bottom: 20px; display: flex; flex-direction: column; background: #fbd8d4; padding: 10px; border-radius: 6px; }

[data-gw="Admin.StudentsScreen"] > .body .side-buttons:empty, [data-gw="Admin.ImportScreen"] > .body .side-buttons:empty { display: none; }

[data-gw="Admin.StudentsScreen"] > .body .side-buttons > *:not(:first-child), [data-gw="Admin.ImportScreen"] > .body .side-buttons > *:not(:first-child) { margin-top: 10px; }

[data-gw="Admin.StudentsScreen"] > .body > .smart-table, [data-gw="Admin.ImportScreen"] > .body > .smart-table { grid-area: table; }

[data-gw="Admin.StudentsScreen"] > .body > .smart-table [data-col=account] .account-id, [data-gw="Admin.ImportScreen"] > .body > .smart-table [data-col=account] .account-id { font-size: 11px; color: #777; margin-top: 3px; }

[data-gw="Admin.StudentsScreen"] > .body > .smart-table [data-col=student] > .name-row, [data-gw="Admin.ImportScreen"] > .body > .smart-table [data-col=student] > .name-row { margin-bottom: 3px; }

[data-gw="Admin.StudentsScreen"] > .body > .smart-table [data-col=student] > .name-row > .name, [data-gw="Admin.ImportScreen"] > .body > .smart-table [data-col=student] > .name-row > .name { font-weight: bold; }

[data-gw="Admin.StudentsScreen"] > .body > .smart-table [data-col=student] > .name-row > .ignored, [data-gw="Admin.ImportScreen"] > .body > .smart-table [data-col=student] > .name-row > .ignored { font-weight: bold; color: #777; }

[data-gw="Admin.StudentsScreen"] > .body > .smart-table [data-col=student] > .name-row > .new, [data-gw="Admin.ImportScreen"] > .body > .smart-table [data-col=student] > .name-row > .new { font-weight: bold; color: red; }

[data-gw="Admin.StudentsScreen"] > .body > .smart-table [data-col=student] a, [data-gw="Admin.ImportScreen"] > .body > .smart-table [data-col=student] a { text-decoration: none; }

[data-gw="Admin.StudentsScreen"] > .body > .smart-table [data-col=student] a:hover, [data-gw="Admin.ImportScreen"] > .body > .smart-table [data-col=student] a:hover { text-decoration: underline; }

[data-gw="Admin.StudentsScreen"] > .body { grid-template-columns: minmax(150px, 1fr) minmax(300px, 500px); grid-template-areas: 'toolbar toolbar' 'table detail1'; }

[data-gw="Admin.StudentsScreen"] > .body > .detail2 { display: none; }

[data-gw="Admin.StudentsScreen"] > .body .lessons-overview .cancelled { color: red; }

[data-gw="Admin.GroupBilling"] > .body { display: grid; grid-template-columns: minmax(440px, 1fr) auto; grid-template-rows: auto minmax(0, 1fr); grid-template-areas: 'toolbar toolbar' 'bill review'; overflow: auto; }

[data-gw="Admin.GroupBilling"] > .body > .toolbar { grid-area: toolbar; border-bottom: 1px solid #dde0e4; display: flex; align-items: center; padding: 10px; }

[data-gw="Admin.GroupBilling"] > .body > .toolbar > *:not(:last-child) { margin-right: 5px; }

[data-gw="Admin.GroupBilling"] > .body > .toolbar > .fill { flex: 1; }

[data-gw="Admin.GroupBilling"] > .body > .toolbar .bigdate { font-weight: bold; font-size: 16px; }

[data-gw="Admin.GroupBilling"] > .body > .bill-table { grid-area: bill; }

[data-gw="Admin.GroupBilling"] > .body [data-col="student_name"] { width: 120px; }

@media screen and (max-width: 600px) { [data-gw="Admin.GroupBilling"] > .body [data-col="lessons_price_xls"] { display: none; } }

[data-gw="Admin.GroupBilling"] > .body [data-col="notes"] { width: 150px; }

[data-gw="Admin.GroupBilling"] > .body > .review { grid-area: review; border-left: 1px solid #dde0e4; }

[data-gw="Admin.GroupBilling"] > .body > .review h2 { margin: 10px; }

[data-gw="Admin.GroupBilling"] > .body > .review button { margin: 10px; }

.account-log .lesson { background: #eee; margin-bottom: 10px; border-radius: 4px; overflow: hidden; border: 2px solid #888; }

.account-log .lesson > .header { display: flex; padding: 5px; background: #ccffcc; }

.account-log .lesson > .header > .name { font-weight: bold; color: green; margin-right: 5px; }

.account-log .lesson > .header > .start { flex: 1; }

.account-log .lesson > .header > .duration { font-weight: bold; }

.account-log .lesson > .title { font-weight: bold; margin-top: 10px; padding: 5px; }

.account-log .lesson > .calls { padding: 5px; }

.account-log .lesson > .calls .call { background: #ecd; border-radius: 4px; overflow: hidden; padding: 5px; margin-bottom: 5px; }

.account-log .lesson > .calls .call .account { display: flex; }

.account-log .lesson > .calls .call .account .name { flex: 1; }

.account-log .lesson > .calls .call .times { display: flex; }

.account-log .lesson > .calls .call .times .start { flex: 1; }

.account-log .lesson > .messages { padding: 5px; }

.account-log .lesson > .messages .message { background: #ffffcc; border-radius: 4px; overflow: hidden; padding: 5px; margin-bottom: 5px; }

.account-log .lesson > .messages .message.other { margin-left: 40px; }

.account-log .lesson > .messages .message.mine { margin-right: 40px; background: #ccffff; }

.account-log .lesson > .messages .message .ts { float: right; font-size: 10px; color: gray; }

.account-log > .message { background: #ffffcc; border-radius: 4px; overflow: hidden; padding: 5px; margin-bottom: 5px; }

.account-log > .message.other { margin-left: 40px; }

.account-log > .message.mine { margin-right: 40px; background: #ccffff; }

.account-log > .message .ts { float: right; font-size: 10px; color: gray; }

/*# sourceMappingURL=admin.css.map */