/*
// Copyight Information
//
// File Name: app.css 
// Company: PhoenixScribe Limited
// Copyright (c) 2024 All Rights Reserved
// 
// Author: Toby Short
*/
@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

/*body > div:not([class]):not([id]) {
    display: none;
}*/

.text-center .e-textbox {
    text-align: center;
}

td.e-active .e-btn.e-outline.e-primary {
    color: var(--bg-color-2);
    border-color: var(--bg-color-2);
}

.header-logo {
    height: 39.2px !important;
    width: 197.54px;
}

.e-form-label {
    font-size: 0.75rem;
}

.child-form-flex-fill > form {
    flex: 1 1 auto !important;
    min-height: 0;
}

.e-tab .e-content {
    overflow-y: auto;
}

.menu-icon {
    width: 1.125rem;
}

.e-dlg-content .e-editedrow {
    width: 100%;
    height: 100%;
    display: flex;
    flex: 1 1 auto !important;
    flex-direction: column;
}

    .e-dlg-content .e-editedrow .e-gridform {
        height: 100%;
        display: flex;
        flex-direction: column;
        flex: 1 1 auto !important;
    }

.e-edit-dialog .e-dlg-content {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto !important;
    height: 100%;
}


.flexbox-tabs > .e-content {
    display: flex !important;
    flex-direction: column;
    min-height: 0;
    flex: 1 1 auto;
    overflow-y: hidden;
}

    .flexbox-tabs > .e-content > .e-item {
        min-height: 0;
        height: 100%;
    }

.custom-icon-graph {
    font-size: 1rem; /* Adjust the size as needed */
    font-weight: bold;
    color: var(--input-placeholder-color);
}

.e-panel-header {
    min-height: 2.35rem;
}

.e-panel-content {
    min-height: 0;
    flex: 1 1 auto;
    overflow: hidden;
}

.e-panel-container {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.e-panel-header:has(div.tile-header) {
    padding: 0 !important;
}

.mb-before-035::before {
    margin-bottom: 0.35rem;
}

.custom-icon-remove {
    font-size: 2rem; /* Adjust the size as needed */
    font-weight: bold;
    color: var(--input-placeholder-color);
}

.e-emptyrow {
    text-align: center;
}

.logo-vertical {
    content: url('/img/logo/Logo-V-G-NoBG.svg');
}

[data-bs-theme=dark] .logo-vertical {
    content: url('/img/logo/Logo-V-W-NoBG.svg');
}

.logo-horizontal {
    content: url('/img/logo/Logo-H-G-NoBG.svg');
}

.logo-horizontal-responsive {
    content: url('/img/logo/Logo-H-G-NoBG.svg');
}

[data-bs-theme=dark] .logo-horizontal-responsive {
    content: url('/img/logo/Logo-H-W-NoBG.svg');
}

@media(max-width: 768px) {
    .login-logo-container {
        max-width: 20rem;
        border: none !important;
    }
}

.e-toolbar-items .e-hscroll-bar {
    overflow-y: hidden;
}

@media(min-width: 768px) {
    .login-logo-container img {
        min-height: 0;
        border: none !important;
        max-width: 21rem !important;
    }

    .login-form-container > * {
        max-width: 22rem;
    }
}

[data-bs-theme=dark] .logo-horizontal {
    content: url('/img/logo/Logo-H-W-NoBG.svg');
}

.logo {
    content: url('/img/logo/Logo-Only-G-NoBG.svg');
}

[data-bs-theme=dark] .logo {
    content: url('/img/logo/Logo-Only-W-NoBG.svg');
}

.reporting-modal .e-dlg-content {
    padding: 0 0 0.25rem 0 !important;
    min-height: 0 !important;
    overflow-y: hidden !important;
}

:root[data-bs-theme=dark] {
    --theme-bg: linear-gradient(135deg, #210F28 20%, #411041, #210F29 60%);
}

:root {
    --theme-bg: white;
    --theme-bg-2: white;
    --theme-bg-3: white;
    --bg-color-1: #e7603c;
    --bg-color-1-transparent: #e7603c70;
    --bg-color-1-active: #e87d3a;
    --bg-color-2: #fbfbfb;
    --input-bg: #ffffff;
    --input-border: #dee2e6;
    --text-color: #210F28;
    --input-placeholder-color: #6b6e71;
    --header-text-color: #101010;
    --header-border-color: #091E4224;
    --card-body-color: var(--theme-bg-3);
    --card-header-color: var(--bg-color-2);
    --card-header-text-color: var(--text-color);
    --card-border-color: #091E4224;
    --border-color: #091E4224;
    --user-sidebar-header-color: white;
    --btn-color-1: #e7603c;
    --text-color-2: #fff;
    --transparent-bg-hover: #00000014;
    --shimmer-wave: linear-gradient(115deg, transparent calc(50% - 100px), hsl(0deg 0% 100% / 50%) 50%, transparent calc(50% + 100px));
}

    :root[data-bs-theme=dark] {
        --theme-bg: linear-gradient(135deg, #210F28 20%, #411041, #210F29 60%);
        --theme-bg-2: radial-gradient(ellipse at 80% 90%, #210F28 -23%, #411041, #210F29 60%);
        --theme-bg-3: radial-gradient(ellipse at right bottom, #411041, #210F29 89%);
        --bg-color-1: #210F28;
        --bg-color-2: #411041;
        --input-bg: #210F28;
        --input-border: #6c757d;
        --text-color: white;
        --input-placeholder-color: #6c757d;
        --header-border-color: transparent;
        --header-text-color: #fff;
        --card-body-color: var(--bg-color-1);
        --card-header-color: var(--bg-color-1);
        --card-header-text-color: white;
        --card-border-color: #6c757d;
        --user-sidebar-header-color: var(--bg-color-1);
        --btn-color-1: #e7603c;
    }

:root {
    --bs-primary: #ff7315;
    --theme-primary-bg: linear-gradient(45deg, #e7413c, #e7603c, #e87d3a);
    --navbar-height: 3.5rem;
    --terminal-navbar-height: 6rem;
}

.terminal-header-btn-width {
    width: 5rem;
}

.terminal-icon {
    font-size: 2rem !important;
}

.bg-color-1 {
    background: var(--bg-color-1);
}

.bg-color-2 {
    background: var(--bg-color-2);
}

.theme-bg-1 {
    background: var(--theme-bg);
}

.theme-bg-2 {
    background: var(--theme-bg-2);
}

.theme-bg-3 {
    background: var(--theme-bg-3);
}

.user-sidebar-header-card {
    background: var(--user-sidebar-header-color);
}

.loading-bar {
    width: 16rem;
    background: var(--theme-bg);
    height: 0.5rem;
    border: solid 1px var(--input-border);
    border-radius: 0.5rem;
    position: relative;
}

    .loading-bar::after {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: var(--blazor-load-percentage);
        content: ' ';
        background: var(--theme-primary-bg);
        border-radius: 0.5rem;
    }

.transition-all-short {
    max-height: 100vh;
}

.new-notification-hidden {
    transform: translateY(-100%);
    opacity: 0;
    max-height: 0;
    padding: 0 !important;
    margin: 0 !important;
    min-height: 0;
    transition: all 0.3s ease-in-out;
}

.min-width-0 {
    min-width: 0;
}

.min-width-25 {
    min-width: 25%;
}

.min-width-50 {
    min-width: 50%;
}

.min-width-75 {
    min-width: 75%;
}

.min-width-100 {
    min-width: 100%;
}

.min-height-0 {
    min-height: 0;
}

.min-height-25 {
    min-height: 25%;
}

.min-height-50 {
    min-height: 50%;
}

.min-height-75 {
    min-height: 75%;
}

.min-height-100 {
    min-height: 100%;
}

.flex-basis-0 {
    flex-basis: 0;
}

/* Base utilities */
.flex-grow-0 {
    flex-grow: 0 !important;
}

.flex-grow-1 {
    flex-grow: 1 !important;
}

.flex-grow-2 {
    flex-grow: 2 !important;
}

.flex-grow-3 {
    flex-grow: 3 !important;
}

.flex-grow-4 {
    flex-grow: 4 !important;
}

.flex-grow-5 {
    flex-grow: 5 !important;
}

/* Small (?576px) */
@media (min-width: 576px) {

    .min-width-sm-0 {
        min-width: 0;
    }

    .min-width-sm-25 {
        min-width: 25%;
    }

    .min-width-sm-50 {
        min-width: 50%;
    }

    .min-width-sm-75 {
        min-width: 75%;
    }

    .min-width-sm-100 {
        min-width: 100%;
    }

    .flex-grow-sm-0 {
        flex-grow: 0 !important;
    }

    .flex-grow-sm-1 {
        flex-grow: 1 !important;
    }

    .flex-grow-sm-2 {
        flex-grow: 2 !important;
    }

    .flex-grow-sm-3 {
        flex-grow: 3 !important;
    }

    .flex-grow-sm-4 {
        flex-grow: 4 !important;
    }

    .flex-grow-sm-5 {
        flex-grow: 5 !important;
    }
}

/* Medium (?768px) */
@media (min-width: 768px) {

    .min-width-md-0 {
        min-width: 0;
    }

    .min-width-md-25 {
        min-width: 25%;
    }

    .min-width-md-50 {
        min-width: 50%;
    }

    .min-width-md-75 {
        min-width: 75%;
    }

    .min-width-md-100 {
        min-width: 100%;
    }

    .flex-grow-md-0 {
        flex-grow: 0 !important;
    }

    .flex-grow-md-1 {
        flex-grow: 1 !important;
    }

    .flex-grow-md-2 {
        flex-grow: 2 !important;
    }

    .flex-grow-md-3 {
        flex-grow: 3 !important;
    }

    .flex-grow-md-4 {
        flex-grow: 4 !important;
    }

    .flex-grow-md-5 {
        flex-grow: 5 !important;
    }
}

/* Large (?992px) */
@media (min-width: 992px) {

    .min-width-lg-0 {
        min-width: 0;
    }

    .min-width-lg-25 {
        min-width: 25%;
    }

    .min-width-lg-50 {
        min-width: 50%;
    }

    .min-width-lg-75 {
        min-width: 75%;
    }

    .min-width-lg-100 {
        min-width: 100%;
    }

    .flex-grow-lg-0 {
        flex-grow: 0 !important;
    }

    .flex-grow-lg-1 {
        flex-grow: 1 !important;
    }

    .flex-grow-lg-2 {
        flex-grow: 2 !important;
    }

    .flex-grow-lg-3 {
        flex-grow: 3 !important;
    }

    .flex-grow-lg-4 {
        flex-grow: 4 !important;
    }

    .flex-grow-lg-5 {
        flex-grow: 5 !important;
    }
}

/* Extra large (?1200px) */
@media (min-width: 1200px) {

    .min-width-xl-0 {
        min-width: 0;
    }

    .min-width-xl-25 {
        min-width: 25%;
    }

    .min-width-xl-50 {
        min-width: 50%;
    }

    .min-width-xl-75 {
        min-width: 75%;
    }

    .min-width-xl-100 {
        min-width: 100%;
    }

    .flex-grow-xl-0 {
        flex-grow: 0 !important;
    }

    .flex-grow-xl-1 {
        flex-grow: 1 !important;
    }

    .flex-grow-xl-2 {
        flex-grow: 2 !important;
    }

    .flex-grow-xl-3 {
        flex-grow: 3 !important;
    }

    .flex-grow-xl-4 {
        flex-grow: 4 !important;
    }

    .flex-grow-xl-5 {
        flex-grow: 5 !important;
    }
}

.navbar-height {
    height: var(--navbar-height);
}

.terminal-navbar-height {
    height: var(--terminal-navbar-height);
}

.terminal-header-card .e-card-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0.5rem;
}

.navbar-button {
    width: calc(var(--navbar-height) - 1rem);
    height: calc(var(--navbar-height) - 1rem);
    min-width: 2.5rem;
}

.e-card-no-hover:hover, .e-card-no-hover:active {
    background-color: var(--card-body-color);
    border-color: var(--card-border-color);
}

.e-chip-text {
    height: auto !important;
    line-height: initial;
}

.login-wrapper {
    min-width: 26rem;
    background: var(--theme-bg);
}

.login-background {
    background-position: center center;
    background-size: cover;
}

/* Customized dot color */
.default-timeline-section .state-progress {
    outline-color: #007bff;
    background-color: #007bff;
    --dot-size: 25px;
}

.default-timeline-section .state-success {
    outline-color: #28a745;
    background-color: #28a745;
}
/* Customized connector color */
.default-timeline-section .completed.e-connector::after {
    border-color: #28a745;
}

.default-timeline-section .intermediate.e-connector::after {
    border-style: dashed;
}

.default-timeline-section {
    height: 350px;
    width: 520px;
    margin: 30px auto 30px calc(50% - 350px);
}

.e-control.e-toolbar.e-lib.e-tab-header.e-vertical.e-vertical-left {
    padding: 0.5rem 0 0.5rem 0.5rem;
    box-sizing: border-box;
}

@media(max-width: 576px) {
    .e-sidebar.e-left.e-push {
        /*width: 100vw !important;*/
    }
}

@media(max-width: 768px) {
    .login-wrapper {
        min-width: 100vw !important;
    }

    :root {
        --navbar-height: 3rem;
    }

    .thinner-toolbar {
        min-height: 32px;
    }

        .thinner-toolbar .e-toolbar-item {
            min-height: 32px;
        }

    .header-logo {
        height: 31.2px !important;
        width: 155.75px;
    }
}

@media(max-width: 576px) {
    .logo-horizontal-responsive {
        content: url('/img/logo/Logo-Only-G-NoBG.svg');
    }

    [data-bs-theme=dark] .logo-horizontal-responsive {
        content: url('/img/logo/Logo-Only-W-NoBG.svg');
    }

    .header-logo {
        height: 31.2px !important;
        width: 4.25rem;
    }
}

html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    background: var(--theme-bg);
    color: var(--text-color);
}

body {
    height: 100vh;
    height: 100dvh;
}

.fade-in-component {
    animation: fadeInAnimation ease 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes fadeInAnimation {
    0% {
        opacity: 0 !important;
    }

    100% {
        opacity: 1 !important;
    }
}

h1:focus {
    outline: none;
}

a, .btn-link {
    color: #e87d3a;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    display: none;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }

.loading-progress {
    position: relative;
    display: block;
    width: 8rem;
    height: 8rem;
    margin: 20vh auto 1rem auto;
}

    .loading-progress circle {
        fill: none;
        stroke: #e0e0e0;
        stroke-width: 0.6rem;
        transform-origin: 50% 50%;
        transform: rotate(-90deg);
    }

        .loading-progress circle:last-child {
            stroke: #1b6ec2;
            stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%) * 0.8), 500%;
            transition: stroke-dasharray 0.05s ease-in-out;
        }

.loading-progress-text {
    position: absolute;
    text-align: center;
    font-weight: bold;
    inset: calc(20vh + 3.25rem) 0 auto 0.2rem;
}

    .loading-progress-text:after {
        content: var(--blazor-load-percentage-text, "Loading");
    }



.container-fluid {
    padding-left: 0;
    padding-right: 0;
}

#app {
    height: 100vh;
}

.maincontent {
    /*height: 355px;*/
    overflow-x: hidden;
    background: var(--theme-bg-2);
}

#wrapper .content {
    font-size: 1rem;
    overflow-y: auto;
    overflow-x: hidden;
    max-width: 100vw;
}
/* Specifies the Sidebar component related styles */
.dockSidebar.e-sidebar.e-right.e-close {
    visibility: visible;
    transform: translateX(0%);
}

.dockSidebar .e-sb-icon::before {
    font-size: 24px;
}

.dockSidebar.e-close .sidebar-item {
    padding: 5px 20px;
}

.dockSidebar.e-dock.e-close span.e-text {
    display: none;
}

.dockSidebar.e-dock.e-open span.e-text {
    display: inline-block;
}

.dockSidebar span.e-icons {
    line-height: 2
}

.e-open .e-icons {
    margin-right: 16px;
}

.e-open .e-text {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 23px;
    font-size: 15px;
}

/*to remove the edit button alone*/
.e-remove-edit-command .e-unboundcell .e-unboundcelldiv button.e-Editbutton {
    display: none;
}

.e-editor-text-center .e-input {
    text-align: center;
}

/*to remove the delete button alone*/
.e-remove-delete-command .e-unboundcell .e-unboundcelldiv button.e-Deletebutton {
    display: none;
}

/* Specifies the ListView component related styles */
.e-bigger .dockSidebar .e-listview .e-list-icon + .e-list-text {
    padding-left: 10px;
}

.bootstrap4.e-bigger .dockSidebar .e-listview .e-list-icon + .e-list-text {
    padding-left: 4px;
}

.bootstrap4.e-bigger .dockSidebar .e-listview .e-list-icon.sb-icons,
.bootstrap.e-bigger .dockSidebar .e-listview .e-list-icon.sb-icons,
.highcontrast.e-bigger .dockSidebar .e-listview .e-list-icon.sb-icons {
    margin-top: -10px;
}

.bootstrap.e-bigger .dockSidebar .e-listview .e-list-icon.sb-icons,
.bootstrap-dark.e-bigger .dockSidebar .e-listview .e-list-icon.sb-icons {
    margin-top: -15px;
}

.material.e-bigger .dockSidebar .e-listview .e-list-icon.sb-icons,
.material-dark.e-bigger .dockSidebar .e-listview .e-list-icon.sb-icons {
    margin-top: -18px;
}

.fabric.e-bigger .dockSidebar .e-listview .e-list-icon.sb-icons,
.fabric-dark.e-bigger .dockSidebar .e-listview .e-list-icon.sb-icons {
    margin-top: -18px;
}

.e-bigger .dockSidebar .e-listview .e-list-icon.sb-icons::before {
    font-size: 26px;
}

.bootstrap5.e-bigger .dockSidebar .e-listview .e-list-icon.sb-icons,
.bootstrap5-dark.e-bigger .dockSidebar .e-listview .e-list-icon.sb-icons {
    margin-bottom: -10px;
}

.tailwind.e-bigger .dockSidebar .e-listview .e-list-icon.sb-icons,
.tailwind-dark.e-bigger .dockSidebar .e-listview .e-list-icon.sb-icons {
    margin-bottom: -3px;
}

.dockSidebar .e-listview .e-list-icon.sb-icons {
    margin: 0;
    width: 30px;
}

.material .dockSidebar .e-listview .e-list-icon.sb-icons,
.material-dark .dockSidebar .e-listview .e-list-icon.sb-icons,
.bootstrap .dockSidebar .e-listview .e-list-icon.sb-icons,
.bootstrap-dark .dockSidebar .e-listview .e-list-icon.sb-icons {
    margin-top: -8px;
}

.tailwind .dockSidebar .e-listview .e-list-icon.sb-icons,
.tailwind-dark .dockSidebar .e-listview .e-list-icon.sb-icons {
    margin: 0 5px;
    margin-top: -4px;
}

.bootstrap4 .dockSidebar .e-listview .e-list-icon.sb-icons {
    margin-top: -8px;
}

.bootstrap5 .dockSidebar .e-listview .e-list-icon.sb-icons,
.bootstrap5-dark .dockSidebar .e-listview .e-list-icon.sb-icons {
    margin-bottom: -12px;
}

.fabric .dockSidebar .e-listview .e-list-icon.sb-icons,
.fabric-dark .dockSidebar .e-listview .e-list-icon.sb-icons {
    margin-top: -4px;
}

.dockSidebar .e-listview {
    border: 0px;
    border-radius: 0;
}
/* Specifies the Toolbar component related styles */
.dockToolbar.e-toolbar {
    border-left: 0px;
    border-right: 0px;
    background: var(--bg-color-2);
    border-bottom: solid 1px var(--input-border);
}
/* Specifies the ListView template item related styles */
.fabric .dockSidebar .e-listview:not(.e-list-template) .e-list-item,
.material .dockSidebar .e-listview:not(.e-list-template) .e-list-item,
.material-dark .dockSidebar .e-listview:not(.e-list-template) .e-list-item,
.bootstrap .dockSidebar .e-listview:not(.e-list-template) .e-list-item,
.fabric-dark .dockSidebar .e-listview:not(.e-list-template) .e-list-item,
.bootstrap-dark .dockSidebar .e-listview:not(.e-list-template) .e-list-item,
.bootstrap5 .dockSidebar .e-listview:not(.e-list-template) .e-list-item,
.bootstrap4 .dockSidebar .e-listview:not(.e-list-template) .e-list-item,
.bootstrap5-dark .dockSidebar .e-listview:not(.e-list-template) .e-list-item {
    padding-left: 16px;
    padding-right: 16px;
}

.tailwind .e-dock.e-close.dockSidebar .e-listview:not(.e-list-template) .e-list-item,
.tailwind-dark .e-dock.e-close.dockSidebar .e-listview:not(.e-list-template) .e-list-item {
    padding-left: 12px;
    padding-right: 12px;
}

.highcontrast .dockSidebar .e-listview:not(.e-list-template) .e-list-item {
    padding-left: 14px;
    padding-right: 14px;
}
/* Specifies the Toolbar component related styles in light themes*/
.material .dockToolbar.e-toolbar {
    border-bottom: 1px solid rgba(0,0,0,0.12);
}

.fabric .dockToolbar.e-toolbar {
    border-bottom: 1px solid #eaeaea;
}

.tailwind .dockToolbar.e-toolbar {
    border-bottom: 1px solid #d7d7d7;
}

.bootstrap5-dark .dockToolbar.e-toolbar {
    border-bottom: 1px solid #444c54;
}

.bootstrap5 .dockToolbar.e-toolbar {
    border-bottom: 1px solid #dee2e6;
}
/* Specifies the Toolbar component related styles in dark themes*/
.material-dark .dockToolbar.e-toolbar {
    border-bottom: 1px solid #616161;
}

.fabric-dark .dockToolbar.e-toolbar {
    border-bottom: 1px solid #414040;
}

.tailwind-dark .dockToolbar.e-toolbar {
    border-bottom: 1px solid #4b5563;
}
/* Specifies the Sidebar component related styles in light themes*/
.material .dockSidebar {
    border-right: 1px solid rgba(0,0,0,0.12) !important;
}

.fabric .dockSidebar {
    border-right: 1px solid #eaeaea !important;
}

.tailwind .dockSidebar {
    border-right: 1px solid #d7d7d7 !important;
}
/* Specifies the Sidebar component related styles in dark themes*/
.bootstrap5-dark .dockSidebar {
    border-right: 1px solid #444c54 !important;
}

.bootstrap5 .dockSidebar {
    border-right: 1px solid #dee2e6 !important;
}

.material-dark .dockSidebar {
    border-right: 1px solid #616161 !important;
}

.fabric-dark .dockSidebar {
    border-right: 1px solid #414040 !important;
}

.tailwind-dark .dockSidebar {
    border-right: 1px solid #4b5563 !important;
}

.e-bigger.bootstrap5 .dockSidebar .e-listview:not(.e-list-template) .e-list-item,
.e-bigger.bootstrap5-dark .dockSidebar .e-listview:not(.e-list-template) .e-list-item {
    height: 43px;
}

.sf-uploader-button-only > .e-file-select-wrap {
    padding: 0 !important;
}

#wrapper .dockSidebar {
    z-index: 20 !important;
}
/* Specifies the Sidebar component icons related styles*/
@@font-face {
    font-family: 'sb-icons';
    src: url('@(SampleService.WebAssetsPath + "images/sidebar/fonts/controls.ttf?gcjn6a")') format('truetype'), url('@(SampleService.WebAssetsPath + "images/sidebar/fonts/controls.woff?gcjn6a")') format('woff'), url('@(SampleService.WebAssetsPath + "images/sidebar/fonts/controls.svg?gcjn6a#sbicons")') format('svg');
    font-weight: normal;
    font-style: normal;
}

.dockSidebar .e-sb-icon {
    font-family: 'sb-icons';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* Specifies the ListView component icons related styles*/
.dockSidebar .icon-chart::before {
    content: '\e906';
}

.dockSidebar .icon-grid::before {
    content: '\e916';
}

.dockSidebar .icon-datepicker::before {
    content: '\e90f';
}

.dockSidebar .icon-dropdownlist::before {
    content: '\e913';
}

.dockSidebar .icon-dialog::before {
    content: '\e911';
}
/* Specifies the Toolbar component related styles*/
.e-folder {
    font-size: 16px;
    font-weight: 500;
}

.e-bigger .e-folder {
    font-size: 18px;
}
/* Specifies the Toolbar component related styles for light themes*/
.bootstrap5 .e-folder-name, .bootstrap5-dark .e-folder-name {
    margin-top: -2px;
}

.bootstrap4 .e-folder-name,
.bootstrap .e-folder-name, .bootstrap-dark .e-folder-name {
    margin-top: 3px;
}

.material .e-folder-name, .material-dark .e-folder-name {
    margin-top: 1px;
}

@font-face {
    font-family: 'Material_toolbar';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
    font-weight: normal;
    font-style: normal;
}

.e-bigger .e-tbar-btn .tb-icons {
    font-size: 20px;
}

.e-tbar-btn .tb-icons {
    font-family: 'Material_toolbar';
    speak: none;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
}

.e-toolbar .e-icons {
    font-size: 20px;
}

.e-tbar-menu-icon:before {
    content: "\e718";
}

.bootstrap5:not(.e-bigger) .dockToolbar.e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
.bootstrap5-dark:not(.e-bigger) .dockToolbar.e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
.bootstrap4:not(.e-bigger) .dockToolbar.e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
.bootstrap:not(.e-bigger) .dockToolbar.e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
.bootstrap-dark:not(.e-bigger) .dockToolbar.e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
.highcontrast:not(.e-bigger) .dockToolbar.e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
.material:not(.e-bigger) .dockToolbar.e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
.material-dark:not(.e-bigger) .dockToolbar.e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
    margin-left: 10px;
}

.tailwind:not(.e-bigger) .dockToolbar.e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
.tailwind-dark:not(.e-bigger) .dockToolbar.e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
    margin-left: 12px;
    padding: 2px;
}

.tailwind:not(.e-bigger) .dockToolbar.e-toolbar .e-toolbar-items:first-child > .e-toolbar-item:last-child,
.tailwind-dark:not(.e-bigger) .dockToolbar.e-toolbar .e-toolbar-items:first-child > .e-toolbar-item:last-child {
    padding: 0;
}

.fabric:not(.e-bigger) .dockToolbar.e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
.fabric-dark:not(.e-bigger) .dockToolbar.e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
    margin-left: 8px;
}

.bootstrap5.e-bigger .dockToolbar.e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
.bootstrap5-dark.e-bigger .dockToolbar.e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
.highcontrast.e-bigger .dockToolbar.e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
    margin-left: 4px;
}

.material.e-bigger .dockToolbar.e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
.material-dark.e-bigger .dockToolbar.e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
    margin-left: 6px;
}

.bootstrap4.e-bigger .dockToolbar.e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
.tailwind.e-bigger .dockToolbar.e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
.tailwind-dark.e-bigger .dockToolbar.e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
    margin-left: 8px;
}

.e-rowcell.empty-cell::after {
    content: "-";
    pointer-events: none;
}

.e-rowcell.empty-int-cell::after {
    content: "0";
    pointer-events: none;
}

.e-rowcell.bool-false::before {
    content: "\F622";
    color: var(--bs-danger);
}

.e-rowcell.bool-true::before {
    content: "\F26A";
    color: var(--bs-success);
}

.e-rowcell.bool-true::before, .e-rowcell.bool-false::before {
    font-family: "bootstrap-icons" !important;
    pointer-events: none;
    font-size: 0.875rem;
    line-height: 0;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}

.e-rowcell.e-selectionbackground.bool-true::before, .e-rowcell.e-selectionbackground.bool-false::before {
    color: var(--bg-color-2);
}

.e-rowcell.bool-true, .e-rowcell.bool-false {
    position: relative;
    font-size: 0;
}

a:hover {
    color: var(--bg-color-1-active);
}

.e-listview > .e-list-item {
    border-bottom: none !important;
}

.e-list-item > div {
    transition: background 0.1s ease-in-out;
}

    .e-list-item > div:hover {
        background: var(--transparent-bg-hover);
    }

    .e-list-item > div.item-selected {
        background: var(--theme-primary-bg);
        color: white;
    }

.e-spinner-pane.spinner-white .e-spinner-inner svg {
    stroke: rgb(255, 255, 255) !important;
}

@media (max-width: 768px) {
    .hideable-text {
        display: none !important;
    }

    span.e-btn-icon:has(+ .hideable-text) {
        margin: unset !important;
        width: unset !important;
    }

    .e-dialog {
        width: 100% !important;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }
}

li.e-list-item:hover {
    background-color: unset !important;
    color: unset !important;
}

li.e-list-item[aria-selected=true] .d-inline-flex {
    background-color: var(--bg-color-1);
    color: var(--text-color-2);
}

.e-list-box-custom-template li.e-list-item {
    height: unset;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.e-list-box-custom-template .e-list-wrap .e-list-parent .e-list-item {
    height: min-content;
    align-items: start;
}

.e-list-box-custom-template .e-list-wrap .e-list-parent .e-list-item .e-checkbox-wrapper {
    margin-top: 0.6rem;
}