body {
    margin: 0;
    padding: 0;
    letter-spacing: inherit;
    word-spacing: inherit;
}


hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}


a {
    background-color: transparent;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

b,
strong {
    font-weight: bolder;
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.5;
    margin: 0;
}

button {
    max-width: fit-content;
}



button,
input {
    overflow: visible;
}



button,
select {
    text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}



    button::-moz-focus-inner,
    [type="button"]::-moz-focus-inner,
    [type="reset"]::-moz-focus-inner,
    [type="submit"]::-moz-focus-inner {
        border-style: none;
        padding: 0;
    }



    button:-moz-focusring,
    [type="button"]:-moz-focusring,
    [type="reset"]:-moz-focusring,
    [type="submit"]:-moz-focusring {
        outline: 1px dotted ButtonText;
    }


fieldset {
    padding: 0;
}


legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}


progress {
    vertical-align: baseline;
}


textarea {
    overflow: auto;
}


[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}


[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}



[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}


    [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

details {
    display: block;
}

summary {
    display: list-item;
}


template {
    display: none;
}


[hidden] {
    display: none;
}

html {
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    font-smooth: antialiased;
    line-height: 1.5;
    -webkit-text-size-adjust: 100% !important;
}

input: -webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
    font-family: Comfortaa !important;
    -webkit-text-fill-color: var(--rz-base-800) !important;
    -webkit-box-shadow: 0 0 0 100px var(--rz-body-background-color) inset !important;
    -webkit-background-clip: border-box;
}


input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.rz-sidebar {
    transition: width 250ms ease-in !important;
}

.rz-sidebar-toggle:hover, .rz-sidebar-toggle:focus-visible {
    background-color: var(--sidebar-focus-background);
}

.rz-sidebar-toggle .notranslate.rzi.rz-display-flex.rz-align-items-center:hover, .rz-sidebar-toggle .notranslate.rzi.rz-display-flex.rz-align-items-center:focus-visible {
    background-color: var(--sidebar-focus-background);
}

.rz-sidebar-toggle:focus-visible {
    outline: var(--sidebar-focus-outline);
}

.rz-button-text {
    letter-spacing: 1.75px !important;
}

.dialog-backdrop {
    backdrop-filter: blur(4px) !important;
}

.rz-dialog-titlebar {
    background-color: var(--rz-primary) !important;
}

.rz-dialog-title {
    color: var(--rz-white) !important;
}

.rzi.rzi-time {
    margin-block-end: 0.25rem;
    color: var(--rz-white);
}

.notranslate.rz-button-icon-left.rzi.rzi-time {
    color: var(--rz-base);
}

.office-hours-options-rows {
    margin-block-end: var(--rz-gap);
}

.rz-dialog-titlebar-close .rzi-times:hover {
    border-radius: calc(var(--rz-border-radius) * 4) !important;
    background-color: var(--rz-primary-light);
    color: var(--rz-base-800) !important;
}

.rz-button:hover {
    transform: translateY(1px);
}

.register-wrapper {
    margin-inline: auto;
    margin-block-start: 2rem;
    width: 45%;
    min-width: 600px;
}

.rz-panel-menu {
    border-top-right-radius: calc(var(--rz-border-radius) * 4);
    border-bottom-right-radius: calc(var(--rz-border-radius) * 4);
}

    .rz-panel-menu .rz-navigation-item {
        border-block-end: none;
    }

.rz-navigation-item-wrapper {
    color: var(--rz-white);
}

.rz-navigation-item-text {
    color: var(--rz-black) !important;
}

.rz-navigation-item-link .rz-navigation-item-icon, .rz-navigation-item-link .rz-navigation-item-icon-children {
    color: var(--rz-black) !important;
}

.rz-state-expanded:has() .rz-expander-content {
    color: red !important;
}

.rz-dialog-titlebar {
    padding-block: 1.5rem 0.5rem;
}

.rz-dialog-content {
    background-color: var(--rz-white);
}

.rz-form-field {
    height: 60px;
    position: relative;
    width: 100%;
}


.rz-form-field.rz-state-focused .rz-form-field-content, .rz-numeric:focus-within:not(.rz-state-disabled), .rz-autocomplete:focus-within:not(.rz-state-disabled), .rz-timespanpicker > .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus, .rz-colorpicker:not(:disabled):not(.rz-state-disabled):focus, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):focus, .rz-numeric:not(:disabled):not(.rz-state-disabled):focus, .rz-datepicker > .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus, .rz-multiselect:not(:disabled):not(.rz-state-disabled):focus, .rz-dropdown:not(:disabled):not(.rz-state-disabled):focus, .mask:not(:disabled):not(.rz-state-disabled):focus, .rz-textarea:not(:disabled):not(.rz-state-disabled):focus, .rz-textbox:not(:disabled):not(.rz-state-disabled):focus {
    border-width: 2px !important;
}

.rz-form-field-content {
    border-width: 2px !important;
}

    .rz-form-field-content:hover {
        border-width: 2px !important;
    }

.rz-messages-error {
    display: block;
    font-family: Comfortaa;
    letter-spacing: 0 !important;
    word-spacing: 0 !important
}

.no-block-padding {
    padding-inline: 1rem;
    padding-block: 0;
}

.layout-menu {
    display: flex;
    align-items: center;
    flex: 1;
}

.footer {
    display: flex;
    justify-content: space-evenly;
    padding-block: 0.25rem;
    padding-inline: 0.25rem;
}

.register-wrapper {
    margin-inline: auto;
    margin-block-start: 2rem;
    width: 45%;
    min-width: 600px;
}

.active-user-wrapper {
    display: flex;
    flex: 1;
    gap: 1rem;
    align-items: center;
    justify-content: flex-end;
}

.login {
    padding-block: 2rem;
    display: flex;
    flex-direction: column;
    justify-self: center;
    align-self: center;
    flex: 1 0 auto;
    width: 600px;
    height: 100%;
}

.login-card {
    height: fit-content;
}

.login-register {
    margin-block: 1rem;
    padding-block: 0.5rem;
    padding-inline: 0.75rem;
    background-color: var(--rz-base-200);
    border-radius: calc(var(--rz-border-radius) * 4)
}

i.notranslate.rzi.rz-display-flex.rz-align-items-center {
    color: var(--rz-on-primary);
}

i.notranslate.rzi {
    color: var(--rz-base);
}

.view-password {
    cursor: pointer;
    margin: 5px;
    border-radius: calc(var(--rz-border-radius) * 2);
}

    .view-password:hover, .view-password:focus-within, .view-password:focus {
        background-color: var(--rz-base-500);
    }

.active-user-empty {
    content: "";
}

.rz-fieldset {
    border-radius: calc(var(--rz-border-radius) * 4);
    min-height: 83px;
}

.rz-fieldset-legend {
    margin-block: 0;
}

.rzi-sort {
    color: var(--rz-base-700) !important;
}

    .rzi-sort:hover {
        color: var(--rz-base-800) !important;
        background-color: var(--rz-base-400) !important;
        border-radius: calc(var(--rz-border-radius) * 2) !important;
    }

.rz-grid-filter-icon {
    color: var(--rz-base-700) !important;
}

    .rz-grid-filter-icon:hover {
        color: var(--rz-base-800) !important;
        background-color: var(--rz-base-400) !important;
        border-radius: calc(var(--rz-border-radius) * 2) !important;
    }

.rz-dropdown-trigger-icon {
    color: var(--rz-base-700) !important;
}

.rz-datepicker-trigger.rz-datepicker-field-button.rz-button.rz-button-icon-only {
    transform: translateY(-50%);
}

.rz-dropdown-trigger-icon:hover {
    color: var(--rz-base-800) !important;
    background-color: var(--rz-base-400) !important;
    border-radius: calc(var(--rz-border-radius) * 2);
}

.rz-tooltip-content {
    background-color: var(--rz-secondary-light);
    padding: 0.375rem;
    border-radius: calc(var(--rz-border-radius) * 4);
    color: var(--rz-base);
    font-family: Comfortaa;
    font-weight: 900;
    font-size: 0.75rem;
    font-variation-settings: "wght";
    box-shadow: var(--rz-shadow-1);
}

.rz-overlaypanel {
    border-radius: calc(var(--rz-border-radius) * 4);
    background-color: var(--rz-base-50);
}

.rz-grid-filter-buttons {
    background-color: var(--rz-base-50);
}

.rz-overlaypanel:has(:focus) {
    border: none;
    outline: none;
}

.rz-datepicker {
    width: 100%;
}

.rz-button-icon-left {
    color: var(--rz-base);
}

.rz-datepicker-popup-container {
    border-radius: calc(var(--rz-border-radius) * 4) !important;
    box-shadow: var(--rz-shadow-10);
}


.clear-dropdown > span.rz-button-box > .notranslate.rz-button-icon-left.rzi {
    color: var(--rz-base);
}

.rz-button-icon-only.clear-dropdown {
    max-width: fit-content !important;
    max-height: fit-content !important;
    margin-block-end: 0.25rem;
}

.rz-button-icon-left.rzi {
    margin: 0;
}

.rz-button.rz-button-md.rz-secondary {
    max-width: fit-content;
}

.rzi.rzi-caret-up, .rzi.rzi-caret-down, .rzi.rzi-caret-right, .rzi.rzi-caret-left, .rzi.rz-calendar-prev-icon, .rzi.rz-calendar-next-icon {
    color: var(--rz-base) !important;
}

.rz-dropdown-clear-icon.rzi {
    color: var(--rz-base);
    align-self: center;
    height: fit-content;
    justify-self: center;
    inset-block-start: 21% !important;
    border-radius: calc(var(--rz-border-radius) * 3);
}

.rz-textbox:has(.invalid) {
    border-color: var(--rz-danger) !important;
}

.required-label {
    color: var(--required-red);
    margin-inline-start: 0.25rem;
}

.rz-menu.rz-profile-menu {
    border-radius: 50% !important;
    height: auto;
    margin: 0 !important;
    padding: 0.5rem !important;
    width: fit-content;
    background-color: var(--rz-secondary-light);
    border: 2px solid transparent;
}

    .rz-menu.rz-profile-menu:hover, .rz-menu.rz-profile-menu:focus, .rz-menu.rz-profile-menu:focus-within {
        border-color: var(--rz-on-secondary);
        box-shadow: var(--rz-shadow-4);
        outline: 4px solid var(--rz-on-secondary);
        outline-offset: 2px
    }

ul.rz-profile-menu .rz-navigation-menu {
    border-radius: calc(var(--rz-border-radius) * 4);
}

[class="notranslate rzi"] {
    color: var(--rz-on-primary);
}

.rz-button-box:has(> i.notranslate.rz-button-icon-left.rzi) {
    color: var(--rz-base) !important;
}

.rz-button-icon-left.rzi {
    color: var(--rz-on-primary);
}

.select-clicked > td {
    background-color: var(--rz-pager-numeric-button-selected-background-color) !important;
}

.rz-menu {
    border-radius: calc(var(--rz-border-radius) * 3) !important;
}

.rz-navigation-menu.rz-open {
    border-radius: calc(var(--rz-border-radius) * 3) !important;
}

.rz-data-grid {
    border-radius: calc(var(--rz-border-radius) * 4) !important;
}

.notranslate.rz-button-icon-left.rzi.rzi-calendar {
    color: var(--rz-base);
}

.datagrid-header {
    margin-inline: 0.5rem;
}

.rz-column-title-content {
    font-weight: 700;
}

.datagrid-menu {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-block: 0.25rem !important;
    padding-inline: 1rem !important;
    background-color: var(--rz-grid-header-background-color);
}

.rz-button-box .notranslate.rz-button-icon-left.rzi {
    color: var(--rz-on-primary);
}

.primary-button .rz-button-text {
    color: var(--rz-on-primary) !important;
}

.primary-button {
    color: var(--rz-on-primary) !important;
}

.single-button {
    float: right;
}

.datagrid-menu-button {
    justify-self: flex-end;
    color: var(--rz-on-primary);
}

.reset-password-wrapper {
    display: flex;
    flex-direction: column;
    gap: calc(var(--rz-gap) * 1.5);
}

.reset-password-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--rz-gap);
}

.reset-password-input {
    flex: 1;
}

.form {
    display: flex;
    flex-direction: column;
    gap: var(--rz-gap);
    width: 100%;
}

.form-save {
    align-self: flex-end;
    margin-inline-end: 0.25rem;
}

.form-column {
    display: flex;
    align-items: center;
}

.two-button-save {
    display: flex;
    justify-content: space-between;
    padding-inline: var(--inline-padding);
    margin-block-start: var(--block-padding);
}

.switch-wrapper {
    display: flex;
    align-items: center;
    gap: var(--rz-gap);
}

[class="notranslate rzi rzi-times"]::before {
    color: var(--rz-on-primary) !important;
}

.rz-switch.valid {
    height: 20px;
}

.rz-switch.rz-switch-checked .rz-switch-circle::before {
    transform: translateX(1.4rem) !important;
}

.rz-switch-circle::before {
    border: 2px solid var(--rz-base);
    border-radius: 50% !important;
}

.rz-switch.rz-switch-checked .rz-switch-circle {
    border: 2px solid var(--rz-base);
}



.rz-switch .rz-switch-circle {
    align-self: center;
    border-radius: calc(var(--rz-border-radius) * 8) !important;
    height: 20px;
}

.table-actions {
    display: flex;
    gap: 0.25rem;
}

.datagrid-toggle-wrapper {
    display: flex;
    align-items: center;
    min-height: 60px;
}


@media screen and (max-width: 1280px) {
    .rz-row {
        gap: 0;
    }
}

.rz-expander.rz-state-expanded.rz-fieldset-content-wrapper {
    height: 100%;
}

.location-office-hours {
    height: 100%;
}

    .location-office-hours .rz-fieldset-content {
        display: flex;
        flex-direction: column;
        height: 100%;
        padding-block-start: 0.25rem;
    }

.form-field {
    width: 100%;
}

.form-file-input {
    display: flex;
    justify-content: flex-end;
}

textarea {
    resize: none;
}

:root {
    --required-red: #D60A0A;
    --sidebar-focus-outline: 3px solid #5F4B8B;
    --sidebar-focus-background: #004080;
    --inline-padding: 0.75rem;
    --block-padding: 0.75rem;
    --rz-primary: #4675B8;
    --rz-text-tertiary-color: #76868f;
    --rz-base: #58595B;
    --rz-base-50: #f8f9fb;
    --rz-base-100: #f3f5f9;
    --rz-base-200: #e3e8f3;
    --rz-base-300: #dfe3ec;
    --rz-base-400: #dbdfe6;
    --rz-base-500: #d7dae0;
    --rz-base-600: #c6cad2;
    --rz-base-700: #74787e;
    --rz-base-800: #45494f;
    --rz-base-900: #1b1d20;
    --rz-base-light: #f3f5f9;
    --rz-base-lighter: #fff;
    --rz-base-dark: #45494f;
    --rz-base-darker: #1b1d20;
    --rz-on-base: #1b1d20;
    --rz-on-base-light: #1b1d20;
    --rz-on-base-lighter: #1b1d20;
    --rz-on-base-dark: #fff;
    --rz-on-base-darker: #f8f9fb;
    --rz-primary-light: #bcd7ff;
    --rz-primary-lighter: rgba(0, 105, 255, 0.13);
    --rz-primary-dark: #37588b;
    --rz-primary-darker: #001f5d;
    --rz-on-primary: #fff;
    --rz-on-primary-light: #001f5d;
    --rz-on-primary-lighter: #001f5d;
    --rz-on-primary-dark: #fff;
    --rz-on-primary-darker: #bcd7ff;
    --rz-secondary: #6CB476;
    --rz-secondary-light: #c2dcc6;
    --rz-secondary-lighter: rgba(0, 255, 36, 0.13);
    --rz-secondary-dark: #445847;
    --rz-secondary-darker: #192b1b;
    --rz-on-secondary: #000;
    --rz-on-secondary-light: #192b1b;
    --rz-on-secondary-lighter: #192b1b;
    --rz-on-secondary-dark: #fff;
    --rz-on-secondary-darker: #c2dcc6;
    --rz-white: #ffffff;
    --rz-black: var(--rz-base-800);
    --rz-info: #085786;
    --rz-info-light: #aadaff;
    --rz-info-lighter: rgba(170, 218, 255, 0.5);
    --rz-info-dark: #086791;
    --rz-info-darker: #002d41;
    --rz-success: #386A20;
    --rz-success-light: #c0ffaa;
    --rz-success-lighter: rgba(192, 255, 170, 0.5);
    --rz-success-dark: #3e9108;
    --rz-success-darker: #194100;
    --rz-warning: #e8e971;
    --rz-warning-light: #f9ffaa;
    --rz-warning-lighter: rgba(249, 255, 170, 0.5);
    --rz-warning-dark: #918908;
    --rz-warning-darker: #413d00;
    --rz-danger: #b3261e;
    --rz-danger-light: #ffb4aa;
    --rz-danger-lighter: rgba(255, 180, 170, 0.5);
    --rz-danger-dark: #91080a;
    --rz-danger-darker: #410001;
    --rz-on-info: #ffffff;
    --rz-on-info-light: #002d41;
    --rz-on-info-lighter: #086791;
    --rz-on-info-dark: #ffffff;
    --rz-on-info-darker: #aadaff;
    --rz-on-success: #ffffff;
    --rz-on-success-light: #194100;
    --rz-on-success-lighter: #194100;
    --rz-on-success-dark: #000000;
    --rz-on-success-darker: #c0ffaa;
    --rz-on-warning: #1b1c20;
    --rz-on-warning-light: #413d00;
    --rz-on-warning-lighter: #413d00;
    --rz-on-warning-dark: #000000;
    --rz-on-warning-darker: #f9ffaa;
    --rz-on-danger: #ffffff;
    --rz-on-danger-light: #410001;
    --rz-on-danger-lighter: #410001;
    --rz-on-danger-dark: #ffffff;
    --rz-on-danger-darker: #ffb4aa;
    --rz-series-1: #75abf0;
    --rz-series-2: #9c75f0;
    --rz-series-3: #f075e8;
    --rz-series-4: #f0758c;
    --rz-series-5: #f0ba75;
    --rz-series-6: #c9f075;
    --rz-series-7: #75f07d;
    --rz-series-8: #75f0d9;
    --rz-series-9: #478eeb;
    --rz-series-10: #7b47eb;
    --rz-series-11: #eb47e0;
    --rz-series-12: #eb4766;
    --rz-series-13: #eba447;
    --rz-series-14: #b7eb47;
    --rz-series-15: #47eb52;
    --rz-series-16: #47ebcc;
    --rz-series-17: #3d72b8;
    --rz-series-18: #643db8;
    --rz-series-19: #b83db0;
    --rz-series-20: #b83d54;
    --rz-series-21: #b8823d;
    --rz-series-22: #91b83d;
    --rz-series-23: #3db845;
    --rz-series-24: #3db8a1;
    --rz-border-radius: 2px;
    --rz-input-border-radius: calc(var(--rz-border-radius) * 4);
    --rz-button-border-radius: calc(var(--rz-border-radius) * 5);
    --rz-sidebar-toggle-hover-border-radius: calc(var(--rz-border-radius) * 4);
    --rz-header-background-color: var(--rz-primary);
    --rz-layout-background-color: var(--rz-primary);
    --rz-footer-background-color: var(--rz-primary);
    --rz-sidebar-background-color: var(--rz-primary);
    --rz-sidebar-toggle-color: var(--rz-on-primary);
}