:root {
    --btn-active-border-width: 3px;
}

@font-face {
    src: url('../fonts/Montserrat-Light.ttf');
    font-family: 'Montserrat';
    font-weight: 300;
    font-style: normal;
}

@font-face {
    src: url('../fonts/Montserrat-Regular.ttf');
    font-family: 'Montserrat';
    font-weight: normal;
    font-style: normal;
}

@font-face {
    src: url('../fonts/Montserrat-SemiBold.ttf');
    font-family: 'Montserrat';
    font-weight: bold;
    font-style: normal;
}

html, body {
    font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    height: 100%;
}

html {
    min-width: 320px;
}

app.plain {
    height: 100%;
}

p {
    margin-bottom: 0.5rem;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

app {
    position: relative;
    display: flex;
    flex-direction: column;
}

hr.index-page {
    margin-top: 0px;
}

.structure-chart-container {
    height: 100vh;
    margin-top: -1rem;
    margin-left: -1.5rem;
    margin-bottom: -4.6rem;
}

.product-feedback-container {
    height: calc(100vh - 5.7rem);
    margin-top: -1rem;
    margin-left: -1.5rem;
    margin-bottom: -4.6rem;
}

.top-row {
    display: flex;
    z-index: 500;
    align-items: center;
}

.main {
    flex: 1;
}

.main .top-row {
    border-bottom: 1px solid;
}

.top-row ul.nav {
    white-space: nowrap;
    padding-right: 0;
    padding-left: 0;
    margin-left: auto
}

.top-row .dropdown-menu.show {
    position: absolute;
    transform: translate3d(-16px, 42px, 0px);
    top: 0px;
    left: 0px;
    will-change: transform;
}

.top-row .nav-link .oi {
    font-size: 1.1rem;
    width: 1.5rem;
    vertical-align: text-top;
    top: 0px;
}

.nav-breadcrumbs {
    margin-left: 0.5rem;
    white-space: nowrap !important;
    overflow: hidden;
}

.nav-breadcrumbs button.back {
    font-size: 40px;
    line-height: 60%;
    margin: 0 0.5rem 0 0;
    text-decoration: none;
    padding: 0 0 0.25rem 0;
    color: var(--btn-primary);
}

.rz-breadcrumb-item + .rz-breadcrumb-item::before {
    content: "/";
}

@media (max-width: 768px) {
    .nav-breadcrumbs .rz-breadcrumb-item {
        display: none;
    }
}

.navbar, .navbar a {
    padding-top: 0;
    padding-bottom: 0;
}

.sidebar .nav-link {
    padding: 0.5rem 0.75rem;
}

.sidebar a .oi {
    width: 1.5rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.sidebar .nav-item {
    font-size: 1rem;
    padding-bottom: 0.25rem;
}

.sidebar .nav-item span, .top-row .nav-link span.oi {
    margin-top: 1px;
}

.nav-left {
    padding-top: 0.75rem;
    padding-bottom: 0.5rem;
}

.sidebar .nav-item > a {
    border-radius: 4px;
    height: 2.75rem;
    display: flex;
    align-items: center;
}

.version {
    padding: 0.5rem 0 1rem;
    display: none;
}

.dashboard-tile {
    scrollbar-color: var(--primary-color-1) var(--secondary-color-2);
}

@media (min-width: 768px) {

    .sidebar {
        scrollbar-color: var(--primary-color-1) var(--secondary-color-1);
        min-height: 42rem;
        height: 100vh;
        position: sticky;
        top: 0;
        overflow-y: auto;
    }

    .historic-view .sidebar {
        min-height: 24rem;
    }

    .version {
        display: block;
        margin: 0.5rem 0 0;
        padding: 0;
    }

    .nav-left {
        height: calc(100vh - 3.5rem);
        padding: 0;
    }

    .nav-left ul {
        padding: 0.5rem 0;
        display: block;
        height: calc(100vh - 8rem);
        overflow-x: hidden;
        overflow-y: auto;
    }

    .nav-left ul.nav-secondary {
        padding: 1rem 0 0;
        border-top: 1px solid #ced4da;
        width: 100%;
        font-size: 10px;
        text-align: center;
        height: 4rem;
        overflow-y: hidden;
    }

    .nav-secondary a span.oi {
        font-size: 0.85rem;
        width: auto;
        padding-right: 1px;
        top: 0;
    }

    .nav-secondary li.nav-item {
        padding-left: 0 !important;
        padding-right: 0 !important;
        display: inline-block;
        margin: 0rem 0.25rem;
        font-size: 0.8rem;
    }

    .nav-secondary .nav-item > a {
        display: inline;
        border: solid 1px;
    }

    .navbar-brand {
        margin-left: 1.25rem;
    }

    .navbar-brand-custom {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

.top-row .nav-item {
    margin-right: 0.25rem;
}

.top-row .nav-item > a, .top-row .nav-item > button {
    display: inline-block;
    padding: 7px 11px;
    border-radius: 4px;
    border: solid 2px;
}

.top-row .nav-link, top-row .nav-link:focus {
    margin: 0;
    outline: 0;
    border: 2px solid !important;
}

.top-row .nav-item > .active {
    border: solid 2px !important;
}

.content {
    padding-top: 1.1rem;
    padding-bottom: 1.1rem;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid;
}

.valid.modified[type=radio] {
    outline: none;
}

.invalid {
    outline: 1px solid;
}

#blazor-error-ui {
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

.top-row {
    min-height: 3.5rem;
}

.top-row ul.nav {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    flex-wrap: nowrap;
}

@media (max-width: 767.98px) {
    .main .top-row {
        min-height: 0;
    }
}

.main > div {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

    .main > div.top-row {
        padding-left: 4px;
        padding-right: 4px;
    }

@media (min-width: 768px) {
    app {
        flex-direction: row;
    }

    .sidebar {
        width: 219px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .main {
        width: calc(100% - 219px);
    }

        .main > div {
            padding-left: 1rem;
            padding-right: 1rem;
        }

            .main > div.top-row {
                position: sticky;
                top: 0;
                padding-left: 0.5rem;
                padding-right: 0.5rem;
            }

    .navbar-toggler {
        display: none;
    }

    .sidebar .collapse {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}

h2, h3, h4, h5, legend {
    font-weight: normal;
}

h2 {
    font-size: 2.25rem;
    font-weight: 300;
    margin: 0;
}

h3 {
    font-size: 1.7rem;
}

h4 {
    font-size: 1.4rem;
    margin-top: 0.5rem;
    margin-bottom: 0;
}

h5 {
    font-size: 1.25rem;
    margin-bottom: .5rem;
}

h3.popover-header {
    margin-top: 0;
}

.popover-body button {
    padding: 10px;
}

.popover-body input, .popover-body select {
    margin-top: 4px;
}

.popover-body div.justify-content-md-center {
    text-align: right;
}

blockquote {
    margin-left: 4rem;
}

fieldset {
    margin-bottom: 0.5rem;
}

legend {
    font-size: 1.25rem;
}

.card-body {
    margin: 0.5rem;
    padding: 0.75rem;
}

.table-nowrap td {
    white-space: nowrap;
}

.buttons {
    margin-top: 1.1rem;
    text-align: right;
}

.modal-body .container-fluid {
    padding: 0;
}

td span.disabled::after {
    content: 'Disabled';
    font-size: 80%;
    margin-left: 8px;
}

td span.noauth::after {
    content: 'Not authorised';
    font-size: 80%;
    margin-left: 8px;
}

table.table {
    border-bottom: solid 1px;
}

table.table th {
    padding: 0.5rem 0.5rem;
    white-space: nowrap;
}

table.table td {
    padding: 0.5rem;
}

table.table td.buttons-cell {
    padding: 4px;
    text-align: right;
}

table.table td.buttons-cell a.btn, table.table td.buttons-cell button.btn {
    margin-left: 6px;
}

.buttons .btn {
    margin-left: 8px;
}

div.table-responsive {
    overflow-x: auto;
}

.tab-pane {
    margin-top: 1rem;
    position: relative;
}

.tab-pane nav {
    margin-top: -0.5rem;
}

.tab-pane > h4 {
    display: inline-block;
}

td.wrap {
    white-space: normal;
}

td.wrap-anywhere {
    white-space: normal;
    overflow-wrap: anywhere;
}

td.half {
    min-width: 25%;
    max-width: 50%;
}

td.third {
    min-width: 16.5%;
    max-width: 33%;
}

td.fixed-third {
    width: 30%;
    white-space: normal;
}

td.icon-width, th.icon-width {
    width: 3%;
}

td ul {
    margin-bottom: 0;
    padding-bottom: 0;
}

.page-nav {
    padding-top: 0.5rem;
}

div.page-item {
    padding: 1rem 1rem 0.5rem;
}

.page-item button {
    margin-left: 0.25rem;
}

.page-item h4 {
    display: inline;
}

.page-item > div.row {
    clear: right;
}

.page-item > div.row ~ div.row {
    clear: unset;
}

.page-first-items {
    margin-top: -0.5rem;
}

div.paged-items {
    margin-bottom: 1rem;
}

.btn-right {
    float: right;
}

.flag .btn-right {
    margin-right: -1.5rem;
}

.guidance-message {
    margin-bottom: 0.5rem;
    padding: 5px 0px 5px 0px;
    font-weight: 600;
}

div.content {
    position: relative;
}

.page-header {
    margin: -1.1rem -1.5rem 0.2rem -1.5rem;
    padding: 1.1rem 1.5rem 0.3rem 1.5rem;
}

.page-header.external-data {
    padding-top: 3.1rem;
}

.page-header button.btn-right {
    margin-left: 2rem;
}

.data-message {
    margin: -1.1rem -1.5rem 0;
    padding: 0.5rem;
    font-size: 90%;
    height: 2.25rem;
    z-index: 500;
}

.data-message p {
    text-align: center;
    margin: 0;
    padding: 0;
}

.data-message-padding {
    height: 2rem;
}

@media (max-width: 767.98px) {
    .data-message {
        position: absolute;
        left: 0;
        right: 0;
        margin: -1.1rem 0;
    }
}

h2.flag {
    padding-right: 3rem;
}

h2 img {
    position: absolute;
    top: 4px;
}

h2 button.row-badge {
    position: absolute;
    right: -1rem;
    top: 0;
    font-size: 1.75rem;
}

.inline-flag {
    margin-left: 28px;
    position: relative;
    display: inline-block;
    font-weight: bold !important;
}

.inline-flag img {
    position: absolute;
    left: -28px;
    top: 3px;
}

td .inline-flag {
    font-weight: normal !important;
}

div.item-details, div.section-details, dl {
    margin: 0.5rem 0 0;
}

div.item-details p {
    font-weight: bold;
    margin: 0 0 0.5rem;
    padding: 0;
}

div.item-details a {
    word-break: break-all;
}

div.item-details p span {
    font-weight: normal;
}

div.item-details h5 {
    font-size: 1rem;
    font-weight: normal;
    position: relative;
    margin: 0 0 0.25rem;
    padding: 0;
}

div.item-details-label {
    margin-top: 0.35rem;
}

div.item-section-text {
    margin: 0 0 1rem;
}

h2, h4 {
    position: relative;
}

.btn-light, .badge-light {
    border: solid 1px;
}

.badge {
    padding: 0.15rem 0.25rem;
    vertical-align: text-top;
    margin-left: 0.5rem;
    font-size: 85%;
}

.h4-badge {
    margin-top: 0.25rem !important;
    font-size: 65%;
}

input.form-control, input.form-control-plaintext, input.form-control-file, select.form-control, textarea.form-control, .custom-rz-autocomplete {
    margin-bottom: 0.75rem;
}

select.form-control {
    padding-left: 0.5rem;
}

div.form-control {
    margin-bottom: 0.5rem;
}

.flex-shrink div.form-check {
    margin-left: 0.75rem;
    margin-top: 0.25rem;
}
div.form-check {
    margin-bottom: 0.25rem;
}
div.form-check input {
    margin-top: 0.375rem;
}
.input-group-prepend {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
    border-radius: .3rem !important;
}

.input-group-append div.form-check {
    margin-bottom: 0;
}

div.form-check-input {
    margin-top: 0.5rem;
}

div.modal-radio-group {
    margin-bottom: 0.5rem;
}

textarea.form-control {
    height: 6rem;
}

input.form-control-plaintext {
    padding: 0.375rem 0.75rem;
}

.multi-items input.form-control {
    margin-bottom: 0.5rem;
}

.multi-items {
    margin-bottom: 0.25rem;
}

.progress {
    margin-bottom: 1rem;
}

.input-group-space-below {
    margin-bottom: 1.5rem;
}

.modal-dialog .input-group {
    margin-bottom: 0.75rem;
}

.badge-pending {
    font-weight: normal;
    margin-left: 8px;
    font-size: 0.75rem;
    padding: 3px 6px 5px;
    position: absolute;
    margin-top: -2px;
}

.badge-pending .oi {
    top: 2px;
}

.modal-navigation {
    margin: 0;
    margin-left: -0.25rem;
    position: absolute;
    left: 1rem;
}
.k-window .modal-navigation {
    margin-left: -0.75rem;
}

.modal-navigation button {
    margin: 0.25rem;
}

.btn-wide {
    width: 100%;
}

.btn-top {
    margin-top: .2rem;
}

.btn-label-top {
    margin-top: 2.2rem;
}

app.plain div.main {
    margin-bottom: 1rem;
    width: 100%;
    max-width: 520px;
    border-radius: 0.5rem;
    border: solid 1px;
    margin-left: auto;
    margin-right: auto;
}

app.plain div.background {
    width: 100%;
    height: 100%;
    padding: 0.75rem;
    background-size: cover;
    background-repeat: repeat;
    background-position: center center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

app.plain div.background > div {
    width: 100%;
}

.background div.copyright {
    text-align: center;
    font-weight: bold;
    font-size: 0.9rem;
}

.background .content {
    border: solid 1px;
    margin: 8px;
    border-radius: 4px;
    padding-left: 1rem;
    padding-right: 1rem;
}

.plain-logo {
    padding-bottom: 20px;
}

.plain-logo h4 {
    position: absolute;
    right: 1.5rem;
    width: 160px;
    top: 0.9rem;
    text-align: right;
    font-size: 0.9rem;
    line-height: 135%;
    font-weight: bold;
}

.plain a.btn {
    margin-left: 0.25rem;
}

.forgotten-password {
    float: right;
}

.plain .tab-pane {
    margin-top: 0.5rem;
}

@media (max-width: 540px) {
    app.plain div.main {
        min-width: auto;
    }
}

.readonly {
    text-transform: uppercase;
    border-radius: 4px;
    border: solid 1px #eee;
    display: inline-block;
    margin: 0 0 0 0.25rem;
    padding: 0 0.25rem 0.05rem;
    font-size: 80%;
    vertical-align: text-top;
    font-weight: bold;
}

.page-buttons ul.dropdown-menu {
    margin-left: -0.35rem;
    margin-top: 2rem;
}

.dropdown-menu {
    padding: 0.25rem 0;
    z-index: 1025;
}

.dropdown-divider {
    margin: 0.25rem 0;
}

.dropdown-item, .dropdown-item:focus {
    padding: 0.375rem 1.5rem;
    outline: none !important;
}

.dropdown-item-checked::before {
    position: absolute;
    left: .4rem;
    content: '✓';
    font-weight: 600;
}

.top-row .dropdown-toggle::after {
    margin-left: 0.5rem;
}

table td.min-width, table th.min-width {
    width: 1px;
    padding-right: 0;
}

table td.min-right, table th.min-right {
    width: 1px;
}
table td.min-width input[type="checkbox"] {
    margin-top: 0.3rem;
}

table .form-control {
    margin-bottom: 0;
}
table.table-disabled th {
    background-color: #ddd !important;
}
table.table-disabled td, table.table-disabled th {
    color: #888 !important;
}
table .table-striped {
    border-top: solid 1px !important;
}

table.table-striped tr {
    border-bottom: solid 1px;
}
table.table-hover tbody tr:not(.row-selected):hover {
    background-color: #eeaa5544;
}
table.table-hover tbody tr:hover {
    cursor: pointer;
}

div.paged-items {
    border-top: solid 1px;
}

div.page-item {
    border-bottom: solid 1px;
}

td.notes {
    max-width: 200px;
}

td.row-flag {
    width: 24px;
    padding: 0.4rem 0 0.4rem 0.5rem !important;
}

.modal-content td.row-flag {
    padding-left: 0.5rem !important;
}

table td.row-compliance {
    width: 20px;
    padding: 0.5rem 0.2rem 0.3rem 0.6rem !important;
}

td.row-filings {
    padding-right: 0.5rem !important;
}

td.row-filings .custom-control {
    margin-top: -0.25rem;
}

th.row-edit {
    padding: 0;
    width: 1px;
}

table.table td.row-edit {
    padding-left: 0.2rem !important;
    padding-right: 0 !important;
    width: 1px;
}

td.row-edit button.edit-field {
    position: initial;
}

td button.row-badge, td span.row-badge {
    padding: 0;
    margin-right: 0.5rem;
}

.row-badge {
    border: none !important;
}

span.row-severity-0 {
    margin-left: -2px;
}

span.row-severity-1 {
    margin-left: -1px;
}

span.row-severity-2 {
    margin-left: 2px;
}

div.edit-field {
    display: inline;
}

.edit-field {
    border: none !important;
    outline: none !important;
    position: absolute;
    margin-left: 4px;
    margin-top: 0.6rem;
    font-size: 1.1rem;
    padding: 0 0 0 1px;
}

.column-edit .edit-field {
    margin-top: 0.4rem;
    padding: 0;
}

.edit-field span {
    text-align: center;
    width: 1.25rem;
}

h2 .edit-field {
    margin-top: 0.25rem;
}

h3 .edit-field {
    margin-top: 0.15rem;
}

h4 .edit-field {
    position: relative;
    margin-left: 0;
    margin-top: 0;
}

h5 .edit-field {
    margin-top: 0;
}

td .edit-field {
    margin-top: -0.125rem;
}

.field-icons-wrapper {
    position: absolute;
}

.field-icons-wrapper button.edit-field {
    position: static;
}

.btn-edit-mode, .btn-edit-mode:active, .btn-edit-mode:focus, .btn-edit-mode:hover {
    background-color: #eeaa55 !important;
    color: #fff;
    border: none;
}
/*
.table-striped {
border-top: solid 1px #ddd;
}
.table-striped tr {
border-bottom: solid 1px #ddd;
}
*/


label {
    font-size: 1rem;
}

.h-form .input-group label {
    margin-top: 0.4rem;
}

.modal-body .flex-fill label {
    max-width: 290px;
}

.rz-dropdown-label {
    margin-top: -0.25rem !important;
}

.h-form .flex-shrink {
    padding-left: 1rem;
}

.h-form .form-check-input {
    margin-top: 0.7rem;
}

.h-form .input-group {
    margin-bottom: 0.75rem;
}

.h-form .input-group .form-control:has(+ *) {
    border-right: none;
}

.h-form .input-group-append button {
    height: calc(1.5em + .75rem + 4px);
}

.h-form .input-group-append .form-check {
    height: calc(1.5em + .75rem + 2px);
    border-top: solid 1px;
    border-bottom: solid 1px;
    padding-right: 0.75rem;
    padding-left: 1.75rem;
}

.h-form .input-group-append-last .form-check {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-right: solid 1px;
    margin-bottom: 0;
}

.advanced-search {
    margin-top: -0.5rem;
    padding: 0.75rem 1rem 0.25rem;
    margin-bottom: 1rem;
    border-radius: 4px;
    display: none;
}

.advanced-search-display {
    display: block;
}

p.subtext {
    font-size: 80%;
    margin: -0.5rem 0 0 0;
    padding: 0;
}

.search-no-buttons {
    margin-bottom: 1rem;
}

.modal-header {
    padding-bottom: 0.75rem;
}

.modal-content {
    box-shadow: 0 0 1rem;
}

.modal-body .flex-shrink {
    margin-left: 0.5rem;
    margin-top: 3px;
}

div.modal-body-button {
    margin-bottom: 0.75rem;
}

div.modal-body {
    padding-top: 0.75rem;
    padding-bottom: 0;
}

div.modal-section {
    padding-bottom: 0.5rem;
}

div.modal-scroll-area {
    max-height: 320px;
    overflow-y: auto;
    overflow-x: hidden;
}

div.modal-body div.h-form {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.modal-additional {
    padding-top: 0.75rem;
    border-top: solid 1px;
    margin-top: 0.5rem;
    margin-bottom: -0.5rem;
}

.modal-top-additional {
    padding-bottom: 0.25rem;
    border-bottom: solid 1px;
    margin-bottom: 0.75rem;
    margin-top: -0.75rem;
    padding-top: 0.75rem;
    margin-left: calc(-1rem - 1px);
    margin-right: calc(-1rem - 1px);
    border-left: solid 1px;
    border-right: solid 1px;
    text-align: center;
}

.modal-top-additional-info {
    padding-bottom: 0.25rem;
    border-bottom: solid 1px;
    margin-bottom: 0.75rem;
    margin-top: -0.75rem;
    padding-top: 0.75rem;
    margin-left: calc(-1rem - 1px);
    margin-right: calc(-1rem - 1px);
    border-left: solid 1px;
    border-right: solid 1px;
    text-align: center;
}

h3.card-title, h3.modal-title {
    padding-top: 0.125rem;
    margin-bottom: 0;
    padding-bottom: 0;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: clip;
    font-size: 1.4rem;
    line-height: 1.2;
}

.card-body {
    overflow-x: hidden;
}

table.table td.table-dropdown {
    padding-top: 0.25rem;
    padding-bottom: 0;
    padding-right: 0.25rem;
    width: 124px;
}

    table.table td.table-dropdown select {
        margin-bottom: 0rem;
        padding-left: 0.25rem;
        padding-top: 0.125rem;
        padding-bottom: 0.125rem;
        height: calc(1.5em + .375rem + 2px)
    }

table.table td.table-button {
    padding-top: 0.25rem;
    padding-bottom: 0;
    text-align: right;
    width: 1px;
    padding-right: 0.25rem;
}

table.table td.table-button a, table.table td.table-button button {
    white-space: nowrap;
    margin-bottom: 0.25rem;
}

.table .thead-light th {
    border: 0;
}

table.table, .table td, .table th {
    border: 0;
}

label {
    margin-bottom: 0.25rem;
}

label.disabled {
    opacity: 0.65;
}

.btn.disabled, .btn:disabled {
    opacity: 0.25 !important;
}

.page-buttons {
    overflow: auto;
    margin: -0.25rem -0.25rem 0.5rem;
    padding: 0.25rem;
    border-radius: 0.25rem;
}

.page-buttons i, .nav-item button i, .btn i {
    margin-left: 6px;
    font-style: normal;
}

.page-buttons-left {
    float: left;
}

.page-buttons-right {
    float: right;
}

.page-buttons-left button {
    margin-right: 0.25rem;
}

.page-buttons-right button {
    margin-left: 0.25rem;
}

.page-buttons span {
    font-size: 90%;
    padding-top: 4px;
}

a.disabled {
    text-decoration: none;
    cursor: default;
}

    a.disabled:hover {
        text-decoration: inherit;
    }

ul.icons {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    flex-direction: row;
}

ul.icons li {
    margin: 0;
    padding: 0;
}

ul.icons li a {
    text-decoration: none !important;
    width: 8.25rem;
    display: inline-block;
    border-radius: 4px;
    padding: 0.5rem;
}

ul.icons li a span {
    font-size: 2rem;
    display: block;
    margin-bottom: 0.75rem;
}

.modal-dialog {
    max-width: 600px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.modal-dialog-wide {
    max-width: 800px;
}

.modal-dialog-extra-wide {
    max-width: 1200px;
}

.rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox {
    height: 2.4rem;
    line-height: 2rem;
}

.select-operation {
    min-width: 5rem;
    max-width: 8rem;
    margin-right: 0.5rem;
}

.ratio {
    padding-left: 1rem;
    padding-right: 1rem;
}

.list-items h5 {
    padding: 0;
    margin: 0;
}

.list-items a, .list-items i, .list-items button {
    display: block;
    margin: 0.25rem 0 0 0;
    font-style: normal;
}

.list-items span {
    margin-top: 0.375rem;
    font-size: 1.75rem;
    position: absolute;
    text-align: center;
    width: 1.75rem;
}

.list-items p, .list-items a, .list-items i, .list-items button {
    margin-left: 2.25rem;
}

.list-items {
    margin-bottom: 1rem;
}

.list-items p {
    margin-bottom: 0;
}

.list-items div {
    border: solid 1px;
    margin-bottom: 4px;
}

.list-items .disabled {
    margin-left: -0.75rem;
    padding-left: 0.75rem;
    margin-right: -0.75rem;
    padding-right: 0.75rem;
    border-radius: 0.5rem;
    height: 100%;
}

.modal-header {
    padding: 0.75rem 1rem;
}

.flex-fill-secondary {
    margin-left: 0.5rem;
    width: 29%;
}

nav .nav {
    white-space: nowrap;
    display: block !important;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

    nav .nav a {
        display: inline-block;
    }

@media (min-width: 768px) {
    nav .nav {
        width: calc(100vw - 220px - 3rem);
    }
}

app.plain nav .nav {
    width: 100%;
}

app.plain p {
    margin: 0;
}

ul.task-documents {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    margin-top: 0.5rem;
}

ul.task-documents li {
    margin-left: 1.375rem;
    padding-left: 0;
    position: relative;
    font-weight: bold;
}

ul.task-documents button {
    margin-left: -1.25rem;
}

ul.task-documents li > span {
    text-decoration: none !important;
    margin-left: -1.25rem;
    position: absolute;
    top: 3px;
}

ul.task-documents li > a > span {
    font-size: 80%;
    position: absolute;
    padding: 3px;
}

ul.task-documents a {
    font-weight: normal;
    display: inline-block;
}

.rz-tooltip {
    margin-top: -6px;
    max-width: 600px;
    max-height: 400px;
    overflow: hidden;
}
.rz-tooltip-content {
    white-space: normal;
    margin-right: 50px;
    margin-left: 50px;
    padding: 10px;
}
.help-text {
    float: right;
    font-weight: bold;
    margin-top: 2px;
    margin-right: 2px;
    cursor: help;
    z-index: 1000;
    max-width: 300px;
    -ms-word-wrap: inherit;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.table-responsive .help-text {
    float: none;
}

.form-check > .help-text {
    position: absolute;
    right: 0;
}
.rz-popup {
    margin-left: -8px;
}
.help-text > div {
    max-width: 200px;
    max-width: 300px;
    -ms-word-wrap: inherit;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

label.required::after {
    color: #d00;
    content: '*';
    margin-left: 3px;
}

span.required::after {
    color: #d00;
    content: '*';
    margin-left: 3px;
}

ul.validation-errors {
    padding: 0.5rem 30px;
    margin: -0.75rem -15px .75rem;
    border-bottom: solid 1px;
}
.k-window ul.validation-errors {
    padding: 0.5rem 30px;
    margin: -1rem -16px .75rem;
}

ul.validation-errors li {
    list-style: none;
    text-align: center;
}

app.plain ul.validation-errors {
    padding: 0.5rem;
    padding: 0.5rem;
    margin: 0 -1.5rem 0.75rem;
    border-top: solid 1px;
}

app.plain #userPasswordModel .validation-errors {
    margin-left: -1rem;
    margin-right: -1rem;
}

.email-break {
    word-break: break-all;
    white-space: normal !important;
}

.beta {
    padding-left: 4px;
    font-weight: bold;
    font-size: 60%;
    display: inline-block;
    padding-bottom: 6px;
}

.sandbox .sidebar .top-row {
}

ul.no-bullets, ul.no-bullets li {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

ul.no-bullets {
    margin-left: 4px;
    margin-top: 0.5rem;
}

.hidden {
    display: none;
}

.modal-header button.close {
    padding: 0.5rem;
    margin: -0.5rem;
}

.zoom-1-5 {
    zoom: 150%;
}

span.btn {
    cursor: default !important;
}

.omnisearch {
    padding: 0.5rem;
    border-radius: 0.25rem;
    position: relative;
}

.omnisearch > input {
    margin: 0;
}

.omniresults {
    border: 1px solid;
    border-top: 0;
    margin: calc(-0.5rem - 3px) 0.5rem 0;
    position: absolute;
    left: 1.5rem;
    right: 1.5rem;
    z-index: 100;
}

.omniresult {
    position: relative;
}

.omniresult a {
    padding: 0.25rem 0.75rem;
    display: block;
    width: 100%;
    text-decoration: none;
}

.omniresult span {
    margin-left: 8px;
    text-decoration: none;
    font-size: 90%;
}

.omniresult span.omnitype {
    position: absolute;
    right: 0.75rem;
    top: 0.375rem;
}

.omnitotal {
    padding: 0.125rem 0.75rem;
    font-size: 80%;
    display: block;
}

.dashboard-tile {
    margin-top: 1rem;
    padding: 0.25rem 0.75rem 0.75rem;
    border: 1px solid;
    border-radius: 0.25rem;
}

.dashboard-tile h4 {
    margin-bottom: 0.5rem;
}

.dashboard-tile p {
    margin-bottom: 0;
}

.dashboard-tile .table {
    margin-bottom: 0;
}

.dashboard-tile ul.pagination {
    margin-top: 1rem;
    margin-bottom: -0.5rem;
}

.flaggedobjects {
    margin-top: -0.75rem;
    padding-top: 0.75rem;
    max-height: 15rem;
    overflow-y: auto;
    overflow-x: hidden;
    margin-bottom: -0.75rem;
}

.flaggedobject {
    position: relative;
}

.flaggedobject > a {
    display: block;
    border: solid 1px;
    padding: 0.5rem 0.5rem 0;
    position: relative;
    margin-bottom: 0.75rem;
    border-radius: 0.25rem;
    width: 100%;
}

.flaggedobject > a:hover {
    text-decoration: none;
}

.flaggedobject h3, .flaggedobject p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 32px);
    display: inline-block;
    margin: 0 0 0 32px;
    padding: 0;
    line-height: 100%;
}

.flaggedobject a > span {
    font-size: 1.75rem;
    position: absolute;
    left: 7px;
    top: 8px;
}

.flaggedobject h3 {
    font-size: 1rem;
    padding-right: 13px !important;
}

.flaggedobject a > p {
    font-size: 90%;
    display: block;
    margin: -2px 0 0.5rem 32px;
    padding-bottom: 1px;
    text-decoration: none !important;
}

.flaggedobject > button {
    position: absolute;
    right: 4px;
    top: 3px;
    border: none !important;
    background-color: transparent !important;
    outline: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.comparison-report-table-title hr {
    margin-top: 0;
}

.rz-legend-right {
    width: 40%;
}

.rz-legend-items {
    width: 100%;
}

.rz-legend-item svg {
    min-width: 10px;
}

ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-wrapper {
    padding: 0 0.5rem;
    font-size: 90%;
}

.separator-bottom p {
    padding-bottom: 0.5rem !important;
    border-bottom: solid 1px;
    margin-bottom: 0.75rem !important;
}

.options-qr {
    float: right;
    margin-top: -8px;
    margin-right: -8px;
}

.dashedtop {
    border-top: dashed 1px rgba(0,0,0,.20);
    border-bottom: dashed 1px rgba(0,0,0,.20);
    margin-top: -1px;
    position: relative;
}

.dashedtop .btn {
    position: absolute;
    right: 1rem;
    top: 0.5rem;
}

.custom-rz-autocomplete {
    width: 100%;
    overflow: visible;
}

.custom-rz-autocomplete input.form-control {
    margin-bottom: 0;
}

.rz-autocomplete-panel {
    margin-top: 1px;
}

/* Primary button - Start */
.btn-primary, .btn-primary.disabled, .btn-primary:disabled, .btn-primary:disabled:hover, .btn-primary:active, .btn-primary:focus {
    color: #fff;
    background-color: var(--btn-primary) !important;
    border-color: var(--btn-primary) !important;
}

.btn-primary:hover {
    background-color: var(--btn-primary-light) !important;
    border-color: var(--btn-primary-light) !important;
}

.btn-primary:active, .btn-primary:focus {
    box-shadow: 0 0 0 var(--btn-active-border-width) var(--btn-primary-lighter) !important;
}

.btn-primary:focus {
    border-color: black !important;
}

.btn-primary.disabled, .btn-primary:disabled:active, .btn-primary:disabled:focus {
    box-shadow: 0 0 0 0px !important;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--btn-primary-dark) !important;
    border-color: var(--btn-primary-dark) !important;
}
/* Primary button - End */

/* Info button - Start  */
.btn-info, .btn-info.disabled, .btn-info:disabled, .btn-info:disabled:hover, .btn-info:active, .btn-info:focus {
    color: #fff;
    background-color: var(--btn-info) !important;
    border-color: var(--btn-info) !important;
}

.btn-info:hover {
    background-color: var(--btn-info-light) !important;
    border-color: var(--btn-info-light) !important;
}

.btn-info:active, .btn-info:focus {
    box-shadow: 0 0 0 var(--btn-active-border-width) var(--btn-info-lighter) !important;
    background-color: var(--btn-info) !important;
    border-color: var(--btn-info) !important;
}

.btn-info:focus {
    border-color: black !important;
}

.btn-info.disabled, .btn-info:disabled:active, .btn-info:disabled:focus {
    box-shadow: 0 0 0 0px !important;
}

.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: var(--btn-info-dark) !important;
    border-color: var(--btn-info-dark) !important;
}
/* Info button - End */

/* Succcess button - Start  */
.btn-success, .btn-info.disabled, .btn-success:disabled, .btn-success:disabled:hover, .btn-success:active, .btn-success:focus {
    color: #fff;
    background-color: var(--btn-success) !important;
    border-color: var(--btn-success) !important;
}

.btn-success:hover {
    background-color: var(--btn-success-light) !important;
    border-color: var(--btn-success-light) !important;
}

.btn-success:active, .btn-success:focus {
    box-shadow: 0 0 0 var(--btn-active-border-width) var(--btn-success-lighter) !important;
}

.btn-success:focus {
    border-color: black !important;
}

.btn-success.disabled, .btn-success:disabled:active, .btn-success:disabled:focus {
    box-shadow: 0 0 0 0px !important;
}

.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: var(--btn-success-dark) !important;
    border-color: var(--btn-success-dark) !important;
}
/* Succcess button - End */

.primary-color-text {
    color: var(--primary-color-1);
}

.btn-review, .btn-review:hover, .btn-review:focus, .btn-review.focus {
    color: #000;
}

.btn-review {
    background-color: #FFD944;
    border-color: #FFD944;
}

.btn-review:hover, .btn-review:focus, .btn-review.focus, .table-row-review {
    background-color: #FFDF6D !important;
    border-color: #FFDF6D;
}

.btn-review:focus, .btn-review.focus {
    box-shadow: 0 0 0 0.2rem #FFDF6D;
}

/* Text-only button */
.btn-text-only {
    background-color: transparent !important;
    border: none !important;
    color: var(--btn-primary) !important;
    padding: 0;
    font-size: inherit;
    cursor: pointer;
}

.btn-text-only:hover,
.btn-text-only:focus {
    text-decoration: underline;
    color: var(--btn-primary-light) !important;
}

.btn-text-only:disabled {
    color: rgba(var(--btn-primary), 0.5) !important;
    cursor: default;
    text-decoration: none;
}

.btn-text-only:focus,
.btn-text-only:active {
    outline: none;
    box-shadow: none;
}
.list-item-edit .edit-field {
    margin-top: 0;
}

.edit-theme-image {
    border-width: 1px;
    border-color: #d6d5d5;
    border-style: solid;
    display: flex;
    align-items: center;
    padding-left: 1.3rem !important;
    justify-content: left;
}

.edit-theme-image > input {
    width: 100px;
    margin-bottom: 1.1rem;
    margin-left: auto;
    margin-right: 50px;
}

.edit-theme-image > legend {
    font-size: 1.1rem;
    width: auto;
    color: inherit;
    padding-left: 5px;
    padding-right: 5px;
}

.edit-theme-image > span {
    margin-bottom: 1.1rem;
}

.edit-theme-image > button {
    margin-bottom: 1.1rem;
    margin-right: 1.1rem;
}

.navbar-logo-custom {
    max-width: 199px;
    max-height: 46px;
}

.navbar-brand-custom {
    margin-left: 1.25rem;
}

.top-row-custom {
    background-color: #FFF;
    min-height: 3.5rem;
    padding: 0 !important;
}

.plain-logo-img-custom {
    max-width: 272px;
    max-height: 105px;
}

.text-uppercase::placeholder {
    text-transform: none !important;
}

.kube-ref-container {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.kube-ref-prefix-box {
    padding: 0rem 0.25em;
    border: 1.0px solid #6c757d;
    border-radius: 0.2rem;
    font-weight: bold !important;
    line-height: 1.2
}

.kube-ref-value {
    padding-left: 0.2rem;
    text-transform: uppercase;
    font-weight: bold !important;
}

.copy-button {
    width: 20px !important;
    height: 20px !important;
}

.document-manager .full-page {
    height: calc(100vh - 12.1em);
}

.document-manager .toolbar-item-label,
.folder-picker-dialog .toolbar-item-label {
    margin-bottom: 0;
}

.document-manager .k-toolbar,
.folder-picker-dialog .k-toolbar {
    border-bottom-style: none;
}

.document-manager .k-treeview-leaf .k-svg-icon,
.folder-picker-dialog .k-treeview-leaf .k-svg-icon {
    width: 30px;
}

.document-manager .k-treeview-leaf .k-treeview-leaf-text,
.folder-picker-dialog .k-treeview-leaf .k-treeview-leaf-text {
    font-size: 15px;
}

.document-manager .k-breadcrumb-item, k-breadcrumb-item-text,
.folder-picker-dialog .k-breadcrumb-item, k-breadcrumb-item-text {
    font-size: 15px;
}

.document-manager .grid-file-icon > .telerik-blazor.k-icon.k-svg-icon,
.folder-picker-dialog .grid-file-icon > .telerik-blazor.k-icon.k-svg-icon {
    margin-bottom: 2px;
    margin-right: 5px;
    width: 36px;
}

.document-manager-upload {
    max-height: 800px;
}

.document-manager-upload .upload-grid {
    max-height: 350px;
}

.document-manager-upload .grid-file-icon > .telerik-blazor.k-icon.k-svg-icon {
    width: 24px;
    margin-bottom: 1px;
}

.document-manager .grid-file-text,
.document-manager-upload .grid-file-text,
.folder-picker-dialog .grid-file-text {
    font-size: 15px;
}

.document-manager .list-file-icon > .telerik-blazor.k-icon.k-svg-icon,
.folder-picker-dialog .list-file-icon > .telerik-blazor.k-icon.k-svg-icon {
    margin-bottom: 5px;
    width: 48px;
}

.document-manager .file-preview {
    height: 100%;
    padding: 15px;
    margin-top: 60px;
    text-align: center;
}

.document-manager .file-preview .file-preview-icon > .telerik-blazor.k-icon.k-svg-icon {
    width: 5rem;
}

.document-manager .file-preview .file-name {
    margin-top: 30px;
    margin-bottom: 50px;
}

.document-manager .file-preview .file-info {
    text-align: left;
    font-size: medium;
}

.animation-parent {
    position: relative;
}
.filter-search {
    margin-bottom: 0.5rem; /* todo: causes a jump in the animation -- update general layout to not require this */
    padding: 0.75rem 1rem 0.25rem;
    border-radius: 4px;
    border: 1px #ddd solid;
    position: relative; /* required by Telerik animation component */
    overflow: hidden; /* required by Telerik animation component */
}
.filter-buttons {
    background-color: #ddd1fa;
    margin: -0.75rem -1.5rem 0.5rem;
    padding: 0.5rem 1rem;
    overflow: hidden; /* required by Telerik animation component */
}
.filter-search label .btn-link {
    position: absolute;
    right: 1rem;
}
.filter-search .oi-x {
    color: #d00;
}
.filter-search label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 1.5rem;
}
.filter-search .input-group {
    margin-bottom: 0.75rem;
}

.edit-dialog.modal-dialog-wide {
    width: 800px;
}

.edit-dialog {
    width: 95%;
    max-width: 550px;
}
.edit-dialog.modal-dialog-wide {
    width: 95%;
    max-width: 800px;
}
.edit-dialog.modal-dialog-extra-wide {
    width: 95%;
    max-width: 1200px;
}

.k-colorpicker {
    display: block;
    width: 100%;
}
td label {
    margin: 0;
}
.k-window {
    min-height: 10rem;
    max-height: 90%;
}
.k-dialog-content {
    transition: height 0.15s ease-out;
}
.k-window ul.pagination {
    margin: 0;
}

.table-search {
    margin-bottom: 0.5rem;
}
.k-textbox .k-checkbox-wrap {
    padding-left: 0.25rem;
}
.k-textbox label {
    margin-top: 0.25rem;
    padding-right: 0.5rem;
}
.k-textbox .k-checkbox {
    margin: 0.65rem 0.325rem 0;
}

div.drag {
    width: 1.25rem;
    padding: 0 0.125rem;
    margin-top: -1px;
}
.drag, .drag p, .drag label, .drag input, .drag select, .drag textarea, .drag a {
    cursor: grab !important;
}
.drag-disabled {
    color: #888;
}
.dragover, td.dragover, tr.dragover td {
    background-color: #ffff0044 !important;
    color: #666 !important;
}
div.questionnaire div.drag {
    width: 100%;
    padding: 0;
    margin: 0;
}

.flex-shrink div.drag {
    width: 1rem !important;
    margin-right: 0.75rem !important;
}
.question-number {
    max-width: 15%;
}

.document-manager .list-container,
.folder-picker-dialog .list-container {
    height: 100%;
    overflow: auto;
    border-top: solid;
    border-top-width: thin;
    border-color: rgba(33, 37, 41, 0.13);
}

.document-manager .list-container .k-listview-content,
.folder-picker-dialog .list-container .k-listview-content {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    row-gap: 0px;
    column-gap: 0px;
    padding: 5px;
}

.text-internal-checkbox .form-check {
    background-color: #fff;
    height: calc(1.5em + .75rem + 2px);
    border-top: solid 1px;
    border-bottom: solid 1px;
    padding-right: 0.75rem;
    padding-left: 1.75rem;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-right: solid 1px;
    margin-bottom: 0;
    padding-top: 0.375rem;
    border-color: #ddd;
}
.page-errors ul.validation-errors {
    margin: 0.5rem 0 1rem;
    border: solid 1px #ebb;
    border-radius: 0.5rem;
}

.questionnaire-item {
    margin: 0.5rem 0 1rem;
}

.questionnaire-data {
    background-color: #eee;
    padding: 1rem 1rem 0.5rem;
    border: solid 0.25rem #444;
}

.questionnaire .form-text {
    margin-top: -0.375rem;
    margin-bottom: 0.5rem;
    font-size: 0.75rem;
}
button.btn {
    white-space: nowrap;
}
.question-number {
    width: 1.75rem;
    position: absolute;
    font-weight: bold;
}
.question-indent {
    margin-left: 1.75rem;
}
.question {
    display: block;
    font-weight: bold;
}
.input-group .row {
    width: 100%;
}
.btn-inline {
    padding: 0;
    margin: 0;
}
.nowrap {
    white-space: nowrap;
}
p.error {
    color: #d00;
}

.document-manager .list-container .list-item,
.folder-picker-dialog .list-container .list-item {
    width: 125px; /* Adjust width as needed */
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 20px 10px 10px 10px;
    row-gap: 15px;
}

.document-manager .list-container .folder-empty,
.folder-picker-dialog .list-container .folder-empty {
    padding-top: 20px;
    text-align: center;
}

.document-manager .list-file-name,
.folder-picker-dialog .list-file-name {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Limit to 3 lines */
    -webkit-box-orient: vertical;
    max-width: 100%; /* Ensure it doesn't overflow */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal; /* Allow wrapping */
    font-size: 14px;
    line-height: 1.2em; /* Adjust line height if needed */
    max-height: 3.6em; /* Allow for up to 3 lines (3 * 1.2em = 3.6em) */
    overflow-wrap: break-word;
    hyphens: auto;
}

.document-manager .tree-view-pane,
.folder-picker-dialog .tree-view-pane {
    padding-top: 10px;
}

.file-info-grid {
    display: grid;
    grid-template-columns: max-content 1fr;
    row-gap: 0.5rem;
    align-items: start;
}

.file-info .label {
    font-weight: bold;
    padding-right: 1rem;
}

.file-info .file-info-grid .label {
    white-space: nowrap;
}

.file-info-grid .value {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.file-info .document-description-value {
    max-height: 300px;
    min-height: 100px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #f9f9f9;
    padding: 0.5rem;
    overflow: auto;
    white-space: pre-wrap;
}

.dropzone-over .k-dropzone-inner {
    border: 2px dashed;
}

.k-toolbar-button.k-disabled {
    opacity: 0.3;
}

.k-window.k-dialog {
    border-width: 0;
}

.folder-name-dialog-stack {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.popup-table-limited-height {
    max-height: calc(100vh - 18rem);
    overflow: auto;
}
.no-padding.table {
    margin-bottom: 0;
}
.references-top-table-shrink {
    max-height: calc(100vh - 30rem);
}
.min-width button.btn-inline {
    padding: 0;
}
div.nowrap {
    white-space: nowrap;
}
.btn-inline {
    color: var(--kendo-color-primary, #550098)
}

.k-context-menu .k-svg-icon {
    width: 24px;
    height: 24px;
}
button.back:focus {
    box-shadow: none;
}

.document-manager .loader .k-loader-container-overlay {
    opacity: 0;
}

.document-manager .k-loader-container-panel {
    border-style: none;
}

.document-manager .is-folder {
    outline-color: #0078D7;
}

.document-manager .highlight-drop-zone {
    outline: 5px dashed #0078D7 !important;
    outline-offset: -5px;
}

.k-grid.disable-text-selection td, .k-grid.disable-text-selection th,
.k-listview.disable-text-selection .k-listview-item,
.k-treeview.disable-text-selection .k-treeview-item {
    user-select: none;
    cursor: default;
}

/* Redefine the selected cell background colour to force it to display on alt rows.
   The built-in cell selector Telerik ThemeBuilder uses for cells in alt rows
   has more specificity than the cell selector it uses for selected cells.
*/
.k-grid:not(.no-row-highlight) .k-grid-table .k-table-row.k-selected > td {
    background-color: #eeaa55 !important;
    color: #fff !important;
    border-bottom-color: #e4e4e4;
    border-bottom: solid 1px;
    margin-bottom: -1px;
}

.document-manager .custom-scroll {
    overflow: auto;
}

.document-manager-upload .clear-button-icon:before {
    padding-bottom: 2px;
}

.document-manager-upload .k-upload .k-dropzone-hint {
    display: none;
}

.document-manager .k-pager-sizes .k-dropdownlist,
.folder-picker-dialog .k-pager-sizes .k-dropdownlist {
    width: 90px;
}

.document-upload-info-dialog .label {
    font-weight: bold;
}

.document-upload-info-dialog .value {
    margin-bottom: 10px;
}

.document-manager .breadcrumbs {
    flex-shrink: 0;
}

.document-manager .grid-container, .document-manager .list-container {
    flex: 1 1 auto;
    overflow: auto;
}

.folder-picker-dialog .grid-container .k-grid-table tr:hover .grid-file-text,
.folder-picker-dialog .list-container .k-listview-item:hover .list-file-name {
    text-decoration: underline;
}

.large-toast-notification {
    z-index: 20000;
}

/* for centered content */
.large-toast-notification .k-notification,
/* for top content */
.large-toast-notification .k-notification-content {
    font-size: 20px;
}

.large-toast-notification .k-svg-icon {
    width: 32px;
}

.k-context-menu .k-link.k-menu-link {
    padding-inline-start: 0.5rem;
    gap: 1rem;
}
.drag, .drag p, .drag label, .drag input, .drag select, .drag textarea, .drag a {
    cursor: grab !important;
}

.drag-disabled {
    color: #888;
}

.dragover, td.dragover {
    background-color: #ffff0044 !important;
}

.question-number {
    max-width: 15%;
}

.questionnaire .input-group .form-control:has(+ *) {
    border-right: none;
}

.questionnaire .input-group {
    margin-bottom: 0.5rem;
}

.text-internal-checkbox .form-check {
    background-color: #fff;
    height: calc(1.5em + .75rem + 2px);
    border-top: solid 1px;
    border-bottom: solid 1px;
    padding-right: 0.75rem;
    padding-left: 1.75rem;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-right: solid 1px;
    margin-bottom: 0;
    padding-top: 0.375rem;
    border-color: #ddd;
}

.page-errors ul.validation-errors {
    margin: 0.5rem 0 1rem;
    border: solid 1px #ebb;
    border-radius: 0.5rem;
}

.requirements {
    padding: 0.5rem 1rem 0.5rem;
    background-color: #eafbbe;
    border: solid 0.25rem #444;
}

.requirements-children {
    margin: 0.25rem 0;
    padding-left: 1rem;
    border-left: solid 0.25rem #444;
}

.requirement-item {
    background-color: #eafbbe;
    margin: -0.5rem -1rem -0.5rem;
    padding: 0.75rem 1rem 0.25rem;
}

.requirement-options {
    margin: 0.5rem 0 0.5rem;
}

.requirements-help {
    background-color: #444;
    margin: 0;
    padding: 0.25rem 1rem 0 0.5rem;
    font-size: 0.75rem;
    color: #fff;
}

.questionnaire-data {
    background-color: #eee;
    padding: 1rem 1rem 0.5rem;
    border: solid 0.25rem #444;
}

.questionnaire .form-text {
    margin-top: -0.375rem;
    margin-bottom: 0.5rem;
    font-size: 0.75rem;
}

button.btn {
    white-space: nowrap;
}

.question-number {
    width: 1.75rem;
    position: absolute;
    font-weight: bold;
}

.question-indent {
    margin-left: 1.75rem;
}

.question {
    display: block;
    font-weight: bold;
}

.input-group .row {
    width: 100%;
}

.btn-inline {
    padding: 0;
    margin: 0;
}

.nowrap {
    white-space: nowrap;
}

p.error {
    color: #d00;
}

.k-context-menu .k-link.k-menu-link {
    padding-inline-start: 0.5rem;
    gap: 1rem;
}
.filings-menu-dropdown-item {
    padding-left: 10px;
    padding-right: 10px;
}

.btn-link {
    border: none;
    color: var(--primary-color-1);
    padding: 0;
    background-color: transparent;
}

.btn-link:hover {
    color: var(--primary-color-1-light);
}

.edit-dialog .k-progressbar {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: calc(3.25rem + 2px);
    height: 1px;
}

.disabled-row {
    cursor: auto !important;
}

div.modal-access-groups {
    max-height: calc(100vh - 19.5rem);
    overflow-y: auto;
    overflow-x: hidden;
}

.file-extensions {
    display: flex;
    margin-bottom: 0.625rem;
}

.file-extensions-item {
    flex: 1;
    max-width: 52.375rem;
    min-width: 24.375rem
}

.k-table-td.k-table-group-td.k-group-cell {
    background-color: #fafafa !important;
}

.k-grid .k-grid-table .k-table-row.k-selected > td.k-table-td.k-table-group-td.k-group-cell {
    background-color: #fafafa !important;
}

.k-grouping-row, .k-group-cell {
    background-color: #fafafa;
}

.k-chip-solid-base {
    color: #fff;
    background-color: var(--btn-primary) !important;
    border-color: var(--btn-primary) !important;
}

.telerik-blazor.k-grouping-header {
    background-color: #f3f2f9;
}

.k-pager {
    background-color: #f3f2f9;
}

.k-button-flat-primary {
    color: var(--kendo-color-primary-on-surface, #dfd2f8) !important;
}

.k-grid a {
    color: var(--primary-color-1);
}

.k-grid a:hover {
    text-decoration: underline;
}

.k-focus .k-picker-solid, .k-picker-solid, .k-picker-solid:focus {
    background-color: #fff;
}

.grid-no-scroll .k-grid-content {
    overflow-y: auto;
}

.grid-no-scroll .k-grid-header,
.grid-no-scroll .k-grid-footer {
    padding-right: 0 !important; /* version 2.26 and older requires !important here */
}

.grid-no-scroll .k-grid-header-wrap,
.grid-no-scroll .k-grid-footer-wrap {
    border-right-width: 0;
}

.k-grid-table tbody tr.row-addition td.k-table-td.k-table-group-td.k-group-cell {
    background-color: #fafafa !important;
}

.k-grid-table tbody tr.row-inactive td.k-table-td.k-table-group-td.k-group-cell {
    background-color: #fafafa !important;
}

.b-gray-i {
    background-color: lightgrey !important;
}

.top-menu-switch {
    display: flex;
    flex: auto;
    justify-content: flex-end;
    align-items: center;
    padding-right: 1rem;
}

.top-menu-switch .text {
    padding-right: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 768px) {
    .top-menu-switch .text {
        display: none;
    }
}


.main-layout.k-drawer-container {
    height: 100vh;
    width: 100vw;
}

.main-layout .k-drawer-content {
    height: 100%;
    overflow-x: hidden;
}

.main-layout .k-drawer-content .content {
    position: relative;
    height: calc(100vh - 60px);
}

.main-layout .k-drawer-content .content .structure-chart-container {
    height: 100%;
    margin-top: -1rem;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
}

.main-layout .k-drawer-content .content .structure-chart-widget .structure-chart-container {
    height: calc(100vh - 38px);
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

.main-layout .k-drawer-content .content .structure-chart-container .options-button {
   z-index: 9; 
}

.main-layout .k-drawer-wrapper {
    height: 100%;
}

.main-layout .narrow-screen.logo-bar {
    display: flex;
    flex-wrap: nowrap;
    height: 3.5rem;
    padding-right: 5px;
    align-items: center;
    width: 100%;
}

.main-layout .narrow-screen.logo-bar .menu-button {
    margin-left:auto;
    padding-right: 5px;
}

.main.menu-expanded {
    width: calc(100vw - 241px);
}

.main.menu-collapsed {
    width: calc(100vw - 49px);
}

@media (max-width: 768px) {
    .main.menu-expanded {
        width: calc(100vw - 15px);
    }
    .main.menu-collapsed {
        width: calc(100vw - 15px);
    }
}

.side-navbar {
    height: 100%;
    overflow: hidden;
}

.side-navbar .k-drawer-item.k-level-0 {
    font-weight: bold;
}

.side-navbar .k-drawer-toggle-button {
    background-color: inherit !important;
    border: none;
}

.side-navbar .top-row {
    flex-wrap: nowrap;
    padding-left: 0.47rem;
    padding-right: 5px;
}

.side-navbar .k-drawer-item.k-selected {
    border-radius: 2px;
}

.side-navbar .sidebar-children {
    padding-inline-start: 0;
    overflow: hidden;
    transition: max-height 0.5s ease;
    max-height: 0;
    visibility: hidden;
    opacity: 0;
    transition-property: max-height, opacity, visibility;
}

.side-navbar .sidebar-children.expanded {
    max-height: 200px;
    visibility: visible;
    opacity: 1;
}

.side-navbar .k-drawer-item .vertical-center-span {
    display: flex;
    align-items: center;
    height: 100%;
}

.side-navbar .k-drawer-item .k-item-text {
    text-overflow: clip;
    display: inline-table;
}

.side-navbar .k-drawer-item .menu-badge {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 27px;
    border: 1px;
    border-style: solid;
    padding: 1px 5px 0px 5px;
    font-size: 12px;
    border-radius: 7px;
    font-weight: bold;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: -10px;
    margin-right: -10px;
    white-space: nowrap;
}

.side-navbar .k-drawer-item .child-item-line {
    box-sizing: content-box;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #FFFFFF;
    margin-left: -9px;
    margin-right: -8px;
    margin-top: -6px;
    margin-bottom: -6px;
}

.side-navbar .drawer-chevron-icon {
    margin-left: auto;
}

.side-navbar .menu-bar {
    height: calc(100% - 56px - 3rem);
    overflow-y: auto;
    overflow-x: hidden;
}

.side-navbar .footer {
    position: sticky;
    bottom: 0;
    height: 2rem;
    width: 100%;
}

.side-navbar .footer .version {
    display: block;
    font-size: 12px;
    text-align: center;
}

.k-button-text {
    font-size: 14px;
}

.k-table-td.k-command-cell .btn-danger {
    color: #fff !important;
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
}

.bg-light-red {
    background-color: #fed7da !important;
}

.card-content {
    cursor: pointer;
}

.card-content-overdue-pressed {
    cursor: pointer;
    background-color: #F7B9BF;
}

.card-content-open-pressed {
    cursor: pointer;
    background-color: #CDBAF2;
}

.card-content-completed-pressed {
    cursor: pointer;
    background-color: #B6DBC9;
}

.card-content-unopened-matter-pressed {
    cursor: pointer;
    background-color: #F7B9BF;
}

.card-content-opened-matter-pressed {
    cursor: pointer;
    background-color: #CDBAF2;
}

.card-content-processed-matter-pressed {
    cursor: pointer;
    background-color: #B6DBC9;
}

.warning {
    color: #eeaa55;
}
.relative {
    position: relative;
}

.workflow-diagram {
    width: 100%;
    height: calc(100vh - 12.5rem);
    min-height: 400px;
    border: solid 1px #ccc;
    border-radius: 0.25rem;
    background-color: #f8f8f8;
}

.workflowDiagram-buttons {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    width: calc(100% - 2rem);
}

.workflowDiagram-buttons button {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 99;
}

.workflowDiagram-buttons .left-button {
    left: 0;
    right: auto;
}

.filings-menu-dropdown-item {
    padding-left: 10px;
    padding-right: 10px;
}

.btn-link {
    border: none;
    color: var(--primary-color-1);
    padding: 0;
    background-color: transparent;
}

    .btn-link:hover {
        color: var(--primary-color-1-light);
    }

.edit-dialog .k-progressbar {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: calc(3.25rem + 2px);
    height: 1px;
}

.disabled-row {
    cursor: auto !important;
}

div.modal-access-groups {
    max-height: calc(100vh - 19.5rem);
    overflow-y: auto;
    overflow-x: hidden;
}

.questionnaire-validation {
    border: solid 1px #ddd;
    border-color: var(--kendo-color-border-alt, rgba(33, 37, 41, 0.2));
    border-radius: 0.5rem;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0.5rem;
    max-height: 15rem;
    overflow-y: auto;
}

.questionnaire-validation .flex-shrink ul {
    flex-wrap: nowrap;
}

.questionnaire-validation p {
    padding: 0;
    margin: 0;
    color: #555;
}

.questionnaire-validation-field {
    display: block;
    margin-top: 0.25rem;
    font-weight: bold;
}

.questionnaire-validation-details {
    display: block;
    margin-top: -0.25rem;
}

.k-list-group-sticky-header, .k-list-group-item {
    padding-inline: var(--kendo-spacing-3, 1rem) !important;
}

.k-button-group.fill {
    width: 100%;
    display: flex;
}

.k-button-group.fill button {
    flex-grow: 1;
}

td.min-width .btn-group {
    margin-right: 0.5rem;
}

/* telerik drop downs don't horizontally resize correctly for the requirements */
.restrict-width .k-input-value-text {
    white-space: normal;
    height: 1.375rem;
}

/* Top menu bar */
.main-layout .k-drawer-content .top-row {
    display: block;
    z-index: 500;
    align-items: center;
    min-height: 3.5rem;
}

.main-layout .k-drawer-content .main .top-row {
    border-bottom: 1px solid;
}

@media (max-width: 767.98px) {
    .main-layout .k-drawer-content .top-row {
        min-height: 0;
    }
}

.main-layout .k-drawer-content > div.top-row {
    padding-left: 4px;
    padding-right: 4px;
}

@media (min-width: 768px) {
    .main-layout .k-drawer-content .main > div.top-row {
        position: sticky;
        top: 0;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
}

.main-layout .k-drawer-content .top-row .k-button-text .icon {
    font-size: 16px;
}

.main-layout .k-drawer-content .top-row .k-button-text .badge.super {
    vertical-align: super;
    margin-left: -6px;
    padding-bottom: 1px;
    padding-top: 1px;
    font-size: 11px;
}

.main-layout .k-drawer-content .top-row .k-button-text .icon.sub {
    vertical-align: bottom;
}

.main-layout .k-drawer-content .top-row .top-menu-switch {
    font-size: 15px;
}

.main-layout .k-drawer-content .top-row .nav-breadcrumbs button.back {
    color: #192A45;
}

.main-layout .k-drawer-content .top-row .nav-breadcrumbs .rz-breadcrumb-item .rz-label {
    font-weight: bold;
}

.main-layout .k-drawer-content .top-row .k-button-md.k-icon-button .k-button-icon.k-svg-icon > svg, .k-button-md.k-icon-button .k-button-icon.k-icon-md > svg {
    width: 20px;
    height: 20px;
}

.omnisearch-popover .omniresults {
    border: 1px solid;
    border-top: 0;
    border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12));
    position: absolute;
    z-index: 100;
    margin: unset;
    margin-top: 5px;
    left: 0.0rem;
    right: 0.0rem;
    box-shadow: var(--kendo-elevation-4, 0px 6px 13px rgba(0, 0, 0, 0.125));
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.omnisearch-popover .omnitotal {
    border: 1px solid;
    border-top: 0;
    border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12));
    padding: 0.125rem 0.75rem;
    font-size: 80%;
    display: block;
    box-shadow: var(--kendo-elevation-4, 0px 6px 13px rgba(0, 0, 0, 0.125));
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    margin-top: 20px;
}

.omnisearch-loader {
    text-align: center;
}

.list-item-header {
    padding: 0.5em;
    margin-bottom: 1em;
}

.list-item-header h4 {
    margin-top: 0;
    overflow-wrap: break-word;
}

.list-view-header {
    height: 60px;
    border-bottom: 1px solid #dee2e6;
    border-top: 1px solid #dee2e6;
    padding-top: 1em;
}

.listview-item {
    width: 97%;
}

.k-event {
    margin-top: 0.3em;
}

#activitiesList li {
    overflow-wrap: break-word;
}

/* -- Tabstrip start -- */
.k-tabstrip {
    border-width: 0;
    border-color: rgba(0,0,0,0);
    box-sizing: border-box;
    outline: 0;
    font-family: var(--kendo-font-family, inherit);
    font-size: var(--kendo-font-size, inherit);
    line-height: 1.4285714286;
    color: inherit;
    background-color: rgba(0,0,0,0);
    display: flex;
    flex-flow: column nowrap;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.k-tabstrip-items .k-item {
    margin: 0;
    padding: 0;
    border: 0px solid rgba(0,0,0,0);
    position: relative;
    flex-shrink: 0;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-items: stretch;
    outline: 0
}

.k-tabstrip-items .k-link {
    padding-block: var(--kendo-spacing-3\.5, 0.875rem);
    padding-inline: var(--kendo-spacing-6, 1.5rem);
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    vertical-align: middle;
    flex: 1 1 auto;
    flex-direction: row;
    align-content: center;
    align-items: center;
    gap: var(--kendo-spacing-2, 0.5rem)
}

.k-tabstrip-items .k-item.k-disabled, .k-tabstrip-items .k-item[disabled] {
    opacity: 1
}

.k-tabstrip-content, .k-tabstrip > .k-content {
    margin: 0 !important;
    padding-block: unset;
    padding-inline: unset;
    padding-top: 1rem;
    box-sizing: border-box;
    border-width: 0px;
    border-style: solid;
    border-color: inherit;
    display: none;
    overflow: auto;
    flex: 1 1 auto;
    position: relative
}

.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-width: 0
}

.k-tabstrip-top > .k-content, .k-tabstrip-top > .k-tabstrip-content {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-width: 0 !important;
    overflow: hidden;
}

.k-tabstrip-bottom > .k-tabstrip-items-wrapper .k-item {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-width: 0
}

.k-tabstrip-bottom > .k-content, .k-tabstrip-bottom > .k-tabstrip-content {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-width: 0 !important
}

.k-tabstrip-left > .k-tabstrip-items-wrapper .k-item {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-right-width: 0
}

.k-tabstrip-left > .k-content, .k-tabstrip-left > .k-tabstrip-content {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-left-width: 0 !important
}

.k-tabstrip-right > .k-tabstrip-items-wrapper .k-item {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-left-width: 0
}

.k-tabstrip-right > .k-content, .k-tabstrip-right > .k-tabstrip-content {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-right-width: 0
}

.k-tabstrip-items-wrapper .k-item::after {
    content: "";
    border-width: 0;
    border-style: solid;
    display: none;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none
}

.k-tabstrip-items-wrapper .k-item.k-active::after {
    display: block
}

.k-tabstrip-items-wrapper .k-item > .k-link {
    z-index: 1
}

.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item::after {
    border-bottom-width: 2px
}

.k-tabstrip-bottom > .k-tabstrip-items-wrapper .k-item::after {
    border-top-width: 2px
}

.k-tabstrip-left > .k-tabstrip-items-wrapper .k-item::after {
    border-right-width: 2px
}

.k-tabstrip-right > .k-tabstrip-items-wrapper .k-item::after {
    border-left-width: 2px
}

.k-tabstrip-items-wrapper .k-item.k-tabstrip-dragging::after {
    display: none !important
}

.k-tabstrip-sm .k-tabstrip-items .k-link {
    font-size: var(--kendo-font-size, inherit);
    line-height: 1.4285714286;
    padding-block: var(--kendo-spacing-3, 0.75rem);
    padding-inline: var(--kendo-spacing-6, 1.5rem)
}

:is(.k-tabstrip-sm.k-tabstrip-left,.k-tabstrip-sm.k-tabstrip-right):is(.k-tabstrip-scrollable-overlay) :is(.k-tabstrip-items-wrapper)::before, :is(.k-tabstrip-sm.k-tabstrip-left,.k-tabstrip-sm.k-tabstrip-right):is(.k-tabstrip-scrollable-overlay) :is(.k-tabstrip-items-wrapper)::after {
    height: calc(1.4285714286em + 2px + var(--kendo-spacing-3, 0.75rem)*2)
}

.k-tabstrip-md .k-tabstrip-items .k-link {
    font-size: var(--kendo-font-size, inherit);
    line-height: 1.4285714286;
    padding-block: var(--kendo-spacing-3\.5, 0.875rem);
    padding-inline: var(--kendo-spacing-6, 1.5rem)
}

:is(.k-tabstrip-md.k-tabstrip-left,.k-tabstrip-md.k-tabstrip-right):is(.k-tabstrip-scrollable-overlay) :is(.k-tabstrip-items-wrapper)::before, :is(.k-tabstrip-md.k-tabstrip-left,.k-tabstrip-md.k-tabstrip-right):is(.k-tabstrip-scrollable-overlay) :is(.k-tabstrip-items-wrapper)::after {
    height: calc(1.4285714286em + 2px + var(--kendo-spacing-3\.5, 0.875rem)*2)
}

.k-tabstrip-lg .k-tabstrip-items .k-link {
    font-size: var(--kendo-font-size, inherit);
    line-height: 1.4285714286;
    padding-block: var(--kendo-spacing-4, 1rem);
    padding-inline: var(--kendo-spacing-6, 1.5rem)
}

.k-tabstrip-items {
}

.k-tabstrip-left .k-tabstrip-items .k-link {
    justify-content: flex-end
}

.k-tabstrip-items-wrapper {
    border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12));
    color: var(--kendo-color-subtle, #757575);
}

.k-tabstrip-items-wrapper .k-item {
    color: var(--kendo-color-subtle, #757575)
}

.k-tabstrip-items-wrapper .k-item:hover,
.k-tabstrip-items-wrapper .k-item.k-hover {
    border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12));
    border-width: 1px 1px 0 1px;
    border-style: solid;
    margin: -1px -1px 0 -1px;
    /* Use instead of heavier font-weight to avoid tab title resizing on selection */
    text-shadow: 0px 0px 1px var(--kendo-color-on-app-surface, #212121);
}

.k-tabstrip-items-wrapper .k-item:active .k-item:hover,
.k-tabstrip-items-wrapper .k-item.k-active .k-item:hover,
.k-tabstrip-items-wrapper .k-item.k-selected .k-item:hover {
    border-color: unset;
    border-width: unset;
    border-style: unset;
    margin: unset;
    color: var(--kendo-color-on-app-surface, #212121);
    background-color: unset;
    font-weight: 400;
    /* Use instead of heavier font-weight to avoid tab title resizing on selection */
    text-shadow: 0px 0px 1px var(--kendo-color-on-app-surface, #212121);
}

.k-tabstrip-items-wrapper .k-item:active,
.k-tabstrip-items-wrapper .k-item.k-active,
.k-tabstrip-items-wrapper .k-item.k-selected {
    border-color: unset;
    border-width: unset;
    border-style: unset;
    margin: unset;
    color: var(--primary-color-1);
    background-color: unset;
    font-weight: 400;
    /* Use instead of heavier font-weight to avoid tab title resizing on selection */
    text-shadow: 0px 0px 1px var(--primary-color-1);
}

.k-tabstrip-items-wrapper .k-item:focus, .k-tabstrip-items-wrapper .k-item.k-focus {
    box-shadow: unset;
}

.k-tabstrip-items-wrapper .k-item.k-tabstrip-dragging {
    box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14))
}

.k-tabstrip-items-wrapper .k-item.k-disabled, .k-tabstrip-items-wrapper .k-item[disabled] {
    color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent)
}

.k-tabstrip-content, .k-tabstrip > .k-content {
    border-color: unset;
    color: unset;
    background-color: rgba(0,0,0,0)
}

.k-tabstrip-content:focus, .k-tabstrip-content.k-focus, .k-tabstrip > .k-content:focus, .k-tabstrip > .k-content.k-focus {
    outline-color: var(--kendo-color-on-app-surface, #212121)
}

/* -- Tabstrip end -- */

.k-drawer-push:has(.k-drawer.k-drawer-end) {
    flex-direction: row !important;
}

.edit-drawer-container .k-drawer-push:has(.k-drawer.k-drawer-end) {
    flex-direction: row-reverse !important;
}

.sliding-side-panel .k-drawer-push:has(.k-drawer.k-drawer-end) {
    flex-direction: row-reverse !important;
    position: fixed;
    z-index: 10002;
    top: 0;
    right: 0;
    height: 100%;
}

.sliding-side-panel .k-drawer-expanded .k-drawer-wrapper {
    width: 500px !important;
    background-color: #fff !important;
}

.sliding-side-panel .k-drawer-expanded .k-drawer.k-drawer-end {
    border-inline-start-width: 0px !important;
}

.panel-buttons {
    position: absolute;
    bottom: 1em;
    right: 2em;
}

.k-scheduler-nav-today, .k-scheduler-views {
    display: none !important;
}

.saved-charts-window {
    box-shadow: var(--kub-panel-shadow-ekstra),var(--kub-panel-shadow) !important;
}

.structure-chart-options {
    box-shadow: var(--kub-panel-shadow-ekstra),var(--kub-panel-shadow) !important;
}


.structure-chart-container button {
    box-shadow: var(--kub-panel-shadow-ekstra),var(--kub-panel-shadow);
    background-color: var(--kub-panel-background-color);
    padding: 12px 12px 12px 12px;
    z-index: 3;
}

.structure-chart-container .loader .k-loader-container-overlay {
    opacity: 0;
}

.saved-charts-tooltip .k-tooltip {
    padding: 5px 12px 5px 12px;
    margin-right: -3px;
}

.saved-charts-tooltip .k-callout {
    display:none;
}

.saved-charts-loader {
    height: 100%;
    text-align: center;
}

.saved-charts-loader .k-loader {
    height: 100%
}

.saved-charts-loader .k-loader .k-loader-canvas {
    height: 100%
}

.save-structure-chart-confirm .content {
    width: 250px;
}

.structure-chart-widget {

}

.dashboard-tab-strip {
    margin-top: -15px;
}

.dashboard-tab-strip .k-tabstrip-content.k-active {
    padding-block-start: unset;
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
}

.dashboard-overview {
    padding-top: 1.1rem !important;
    padding-bottom: 1.1rem !important;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}

.window-buttons {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

.window-buttons-left {
    display: flex;
    justify-content: flex-start;
    gap: 0.5rem;
}

.window-display-area {
    padding: 0.5rem 0rem 0.5rem 0rem;
}

.tippy-variation-tooltip {
    z-index: 100000 !important;
}

.k-scheduler-cell.k-heading-cell, .k-more-events {
    pointer-events: none;
}

.month-day-slot {
    cursor: pointer;
}

.k-column-list-wrapper .k-actions .k-button-solid-base {
    display: none;
}

.k-grid tr.no-children td.k-hierarchy-cell * {
    display: none;
}

.k-grid tr.no-children td.k-hierarchy-cell {
    pointer-events: none;
}

.k-grid tr.hide-checkbox .k-checkbox,
.k-grid tr.hide-checkbox .k-checkbox {
    display: none;
}

.k-grid tr.hide-checkbox .k-checkbox,
.k-grid tr.hide-checkbox .k-checkbox {
    pointer-events: none;
}

.initial-modal-open {
    overflow: hidden;
}

.initial-modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}