@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

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

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

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Medium.ttf') format('ttf');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.ttf') format('ttf');
    font-weight: 700;
    font-style: normal;
}


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

@font-face {
    font-family: 'RobotoMono';
    src: url('../fonts/RobotoMono-Medium.ttf') format('ttf');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoMono';
    src: url('../fonts/RobotoMono-Bold.ttf') format('ttf');
    font-weight: 600;
    font-style: normal;
}


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

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

@font-face {
    font-family: 'RobotoCondensed';
    src: url('../fonts/RobotoCondensed-Bold.ttf') format('ttf');
    font-weight: 700;
    font-style: normal;
}

body {
    overflow-x: hidden;
}

html, body, label {
    font-family: 'Roboto', sans-serif;
}

    body * {
        font-family: Roboto;
    }

h1:focus {
    outline: none;
}

h2 {
    color: var(--text-secondary);
    font-size: 1.5rem;
    font-weight: 600;
    /*margin-bottom:0;*/
}

h6 {
    color: var(--text-secondary);
}

.border-l-0 {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.border-r-0 {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

a, .btn-link {
    color: #0071c1;
}

.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;
}

.overview-title {
    color: var(--text-secondary);
    font-size: 24px;
    font-weight: 600;
}

.overview-sub-title {
    color: var(--text-tertiary);
    font-size: 16px;
    font-weight: 500;
}

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

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: var(--general-negative);
}

#blazor-error-ui {
    background: lightyellow;
    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;
    }

.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."
    }

.spinner {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100px;
    margin-top: 200px;
}

.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: var(--general-brand);
            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");
    }

.e-control {
    font-family: 'Roboto', sans-serif;
}

.text-20 {
    font-size: 20px !important;
}

.w-fit {
    width: fit-content;
}

.w-200 {
    width: 200px;
}

/*Custom Margins*/
.mt-0 {
    margin-left: 0 !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.ml-0\.5 {
    margin-left: 0.5rem !important;
}

.mr-0\.5 {
    margin-right: 0.5rem;
}

.mb-0\.5 {
    margin-bottom: 0.5rem;
}

.mt-0\.5 {
    margin-top: 0.5rem;
}

.ml-1 {
    margin-left: 1rem !important;
}

.mr-1 {
    margin-right: 1rem !important;
}

.mb-1 {
    margin-bottom: 1rem !important;
}

.mt-1 {
    margin-top: 1rem !important;
}

.mt-200 {
    margin-top: 200px;
}

.spinner-left {
    left: -10%;
}

.primary-icon-big {
    font-size: 24px;
    color: var(--text-tertiary);
}

.recentrly-accessed-icon {
    font-size: 20px !important;
    color: var(--text-tertiary);
}



/*Custom Text*/

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.page-title {
    color: var(--text-secondary);
    display: flex;
    align-items: center;
    /*font-size: 24px;*/
}

    .page-title h2, h2.page-title {
        margin: 0;
    }

.card-title {
    font-size: 16px;
    line-height: 24px;
    color: var(--text-secondary);
}

.title-icon {
    font-size: 1.5rem;
    color: #d2d0ce;
    margin-right: 0.6rem;
}

/* font */
.roboto {
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.03rem !important;
}

.bold {
    font-weight: 600;
}

/* font colors */

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

.text-secondary {
    color: var(--text-secondary) !important;
}

.text-tertiary {
    color: var(--text-tertiary);
}

.text-general-negative {
    color: var(--general-negative);
}

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

.secondary {
    color: var(--text-primary) !important;
}

.tertiary {
    color: #8F8F8F;
}

.other {
    color: #525252;
}

.green {
    color: #6BC353 !important;
}

.red {
    color: #A41D24 !important;
}


.text-bolder {
    font-weight: 500;
}


.e-error {
    border-color: var(--general-negative);
}


.main-value {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: var(--text-secondary);
}

.second-value {
    font-size: 12px;
    line-height: 16px;
    color: var(--text-tertiary);
}

.third-value {
    font-size: 12px;
    line-height: 16px;
    color: var(--text-tertiary);
}

.page-form-container {
    margin: 32px 80px;
    display: grid;
    gap: 1.5rem;
}

.fixed-header {
    padding-top: 1rem;
    position: fixed;
    top: 4rem;
    z-index: 600;
    width: 100%;
    background-color: #151618;
    padding-left: 7rem;
}

.wrapper {
    margin: 56px 80px;
    box-sizing: border-box;
    overflow: hidden;
}

.rejected-transfer-wrapper {
    margin: 56px 80px;
    box-sizing: border-box;
}

.fixed-header ~ .wrapper {
    margin-top: 12rem;
}


.content {
    padding-top: 1.1rem;
}


.custom-card {
    width: 90%;
    background: #1B1C1E;
}

@media (max-width: 899px) {
    .custom-card {
        width: 100%;
    }

    .fixed-header ~ .wrapper {
        margin-top: 12rem;
    }
}

.card-footer {
    display: flex;
    align-content: center;
    height: 68px;
    background: var(--widget-background-footer);
    margin: 0 -16px -16px;
}

.divider {
    margin: 24px 0;
    background: var(--input-border);
    border: 1px solid var(--input-border);
}

.row {
    row-gap: 1em;
}

.toolbar-item {
    display: flex;
    gap: 1rem;
    align-items: center;
}

    .toolbar-item > label, .toolbar-item-label {
        color: var(--text-secondary);
        font-family: Roboto, sans-serif;
        white-space: nowrap;
        font-size: 0.9rem;
    }

/*Form*/

.form-wrapper {
    width: 80%;
    max-width: 840px;
    min-width: 600px;
    margin-left: auto;
    margin-right: auto;
    gap: 1.5rem;
    display: flex;
    flex-direction: column;
    position: relative;
}

.form-row {
    display: flex;
    gap: 1rem;
}

/* navigation */
.nav-background {
    background-color: var(--navigation-background);
}

    .nav-background:hover {
        background-color: #232426;
    }

.nav-active, .nav-item active {
    background-color: var(--navigation-active);
}

.menu-item {
    cursor: pointer;
    width: 100%;
}

    .menu-item.active > .menu-btn, .menu-item.active > .menu-item-label {
        background-color: var(--navigation-active);
        color: var(--text-primary);
    }

.menu-item-label {
    display: flex;
    align-items: center;
    gap: 1em;
    color: var(--text-secondary);
    font-family: 'Roboto',sans-serif;
    padding: 1rem;
    margin: 0 0.5rem;
    height: 3.5rem;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    outline: none;
}

    .menu-item-label:hover {
        background-color: var(--navigation-hover);
    }

    .menu-item-label i {
        font-size: 1.2rem;
    }

    a.menu-item, .menu-item-label > * {
        text-decoration: none;
    }

.e-close .menu-item-label {
    justify-content: center;
    padding: 0;
}

.nav-label {
    overflow: hidden;
    text-overflow: ellipsis;
    flex-wrap: nowrap;
    white-space: nowrap;
}

.e-close .nav-label {
    display: none;
}

/* tabs */
.e-tab .e-tab-header:not(.e-vertical)::before {
    border-width: 0 0 1px;
    border-color: var(--input-border);
}

.e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active::before {
    background: var(--general-brand);
    margin-bottom: -2px;
}

.e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-tab-text,
.e-tab .e-tab-header .e-toolbar-item.e-active.e-iright .e-tab-text {
    color: var(--text-primary);
}

    .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-tab-text .clients-tab-label,
    .e-tab .e-tab-header .e-toolbar-item.e-active.e-iright .e-tab-text .clients-tab-label {
        font-size: 12px;
        font-weight: 400;
        color: var(--text-tertiary);
    }

.e-tab .e-tab-header .e-toolbar-item .e-tab-text {
    color: var(--text-tertiary);
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

    .e-tab .e-tab-header .e-toolbar-item .e-tab-text .clients-tab-label {
        font-size: 12px;
        font-weight: 400;
        color: #FFFFFF52;
    }

/*Input*/
.e-input-focus {
    box-shadow: none
}

.e-input-group.e-success, .e-input-group.e-control-wrapper.e-success,
.e-input-group.e-success:not(.e-float-icon-left),
.e-input-group.e-control-wrapper.e-success:not(.e-float-icon-left),
.e-input-group:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success,
.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success,
.e-ddl.e-lib.e-input-group.e-input-focus:not(.e-error):not(.e-warning).e-success,
.e-input-group.e-control-wrapper.e-input-focus:not(.e-error):not(.e-warning).e-success {
    border: 1px solid var(--input-border);
    box-shadow: none;
}

.e-input-group.e-error, .e-input-group.e-control-wrapper.e-error,
.e-input-group.e-error:not(.e-float-icon-left),
.e-input-group.e-control-wrapper.e-error:not(.e-float-icon-left) {
    border-color: var(--general-negative);
}


.e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input, .e-input-group textarea.e-input, .e-input-group.e-control-wrapper textarea.e-input {
    color: var(--text-primary);
    font-family: 'Roboto',sans-serif;
    letter-spacing: .03rem;
    height: 34px;
}

.e-input-group, .e-input-group.e-control-wrapper {
    color: var(--text-primary);
    border-radius: 4px;
    box-shadow: none;
    font-family: 'Roboto',sans-serif;
    background: var(--input-background);
}

    .e-input-group:not(.e-multiselect), .e-input-group.e-control-wrapper:not(.e-multiselect) {
        height: 36px;
    }


    .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
        border-color: transparent;
        box-shadow: none;
        color: var(--text-primary);
        height: 36px;
    }



    .e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
        box-shadow: none;
        height: 36px;
    }

.e-control.e-textbox.e-lib.e-input.e-disabled, .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-disabled,
.e-control.e-numerictextbox.e-lib.e-input.e-disabled {
    background: var(--input-background) !important;
}


/*search input*/
.e-input-group:not(.e-success):not(.e-warning):not(.e-error),
.e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) {
    border: 1px solid var(--input-border);
}

.e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:hover,
.e-control-wrapper.e-date-range-wrapper.e-control-container.e-date-range-container.e-input-group:hover,
.e-ddl.e-lib.e-input-group.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
.e-input-group.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
.e-float-input.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
.e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
.e-float-input.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]),
.e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]),
.e-float-input.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]),
.e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]),
.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
.e-input-group:active:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
.e-input-group.e-control-wrapper:active:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
.e-float-input:active:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
.e-float-input.e-control-wrapper:active:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
.e-float-input:active:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]),
.e-float-input.e-control-wrapper:active:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]),
.e-float-input:active:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]),
.e-float-input.e-control-wrapper:active:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]),
.e-control-wrapper.e-date-range-wrapper.e-control-container.e-date-range-container.e-input-group:active,
.e-control-wrapper.e-date-range-wrapper.e-control-container.e-date-range-container.e-input-group:active:hover {
    border: 1px solid var(--input-border);
}

.e-pager .e-numericitem {
    background: unset;
}

.e-pager .e-spacing.e-numericitem:not(.e-active):not(.e-np):not(.e-pp):hover {
    background: var(--table-cell-hover);
}

.e-dropdown-popup ul .e-item:hover {
    background: var(--input-background-hover);
    color: var(--text-primary);
}

.e-dropdown-popup ul .e-item {
    color: var(--text-primary);
}

.e-custom.e-popup-open {
    color: red;
}

.e-grid .e-table {
    background-color: var(--table-cell);
}

.required-header .e-headercelldiv::after {
    content: " *";
    color: var(--general-negative);
}

.e-grid .e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd),
.e-grid .e-detailrowcollapse:not(.e-editedbatchcell):not(.e-updatedtd),
.e-grid .e-detailrowexpand:not(.e-editedbatchcell):not(.e-updatedtd),
.e-grid .e-gridcontent .e-rowdragdrop:not(.e-editedbatchcell):not(.e-updatedtd),
.e-grid .e-gridheader .e-rowdragdrop:not(.e-editedbatchcell):not(.e-updatedtd),
.e-grid .e-emptyrow:not(.e-editedbatchcell):not(.e-updatedtd) {
    color: var(--text-primary);
}

.e-pager.sf-pager .e-numericcontainer a.e-active {
    font-size: 14px;
    background: #A41D24;
    border-radius: 4px;
    border: none;
    font-weight: 400;
}

.e-dropdownbase .e-list-item {
    background-color: var(--input-background);
    border-color: var(--input-border);
    color: var(--text-primary);
}

.e-ddl.e-popup {
    border-color: var(--input-border);
}

.e-dropdownbase .e-list-item:hover {
    background-color: var(--input-background-hover);
    border-color: var(--input-border);
    color: var(--text-primary);
}

.e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {
    background-color: var(--input-background);
    border-color: var(--input-border);
    color: var(--text-primary);
}


.e-pager .e-numericitem.e-currentitem:hover, .e-pager .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active):hover, .e-pager .e-spacing, .e-pager .e-numericitem:hover, .e-pager .e-currentitem {
    padding: 7.4px 10.5px 8.4px 9.5px;
    border-radius: 4px;
    border: none;
    font-weight: 400;
    font-size: 14px;
}

.e-tooltip-wrap .e-tip-content {
    background-color: var(--widget-background);
}

.e-pager div.e-parentmsgbar {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
}

.e-grid .e-rowcell, .e-grid .e-groupcaption, .e-grid .e-indentcell, .e-grid .e-recordplusexpand,
.e-grid .e-recordpluscollapse, .e-grid .e-rowdragdropcell, .e-grid .e-detailrowcollapse, .e-grid .e-detailrowexpand,
.e-grid .e-detailindentcell, .e-grid .e-detailcell,
.e-grid .e-emptyrow.e-show-added-row .e-lastrowcell {
    border-color: var(--table-divider);
}

/*scroll bar*/
.custom-scrollbar::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.input-search {
}

    .input-search.e-input-group::before, .input-search.e-input-group.e-control-wrapper::before {
        transform: scale(1);
        cursor: default;
    }

    .input-search.e-input-group::before {
        content: 'search' !important;
        font-family: 'Material Icons';
        font-size: 12px;
        padding: 10px 0 10px 12px;
        color: var(--text-tertiary);
    }

/*scroll bar*/
.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: #525252 !important;
    border-radius: 6px;
    background-clip: content-box;
    border: 3px solid transparent;
}

.custom-scrollbar {
    scrollbar-width: thin;
    scrollbar-color: #A0A0A0 #F5F5F5;
}

/*group button*/
.e-btn-group {
    background: var(--tabs-background);
    border-radius: 0.5rem;
}

    .e-btn-group input + label.e-btn {
        background: var(--tabs-background);
        border-color: transparent;
        color: var(--text-secondary);
        width: 100%;
    }

    .e-btn-group input:checked + label.e-btn {
        background: var(--tabs-background-active);
        color: var(--general-white);
        border-color: transparent;
        border-radius: 0.5rem;
        z-index: 3;
    }

*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type,
*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type) {
    border-radius: 0.5rem;
}

.e-btn-group label.e-btn {
    border-radius: 0.5rem;
}

.e-btn, .e-css.e-btn {
    font-family: Roboto;
    font-weight: 500;
}

/*sidebar*/
.sidebar {
    overflow-x: hidden;
}

/*dropdown*/
.e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-error),
.e-control-wrapper.e-date-range-wrapper.e-control-container.e-date-range-container.e-input-group,
.e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper.e-input-focus,
.e-control-wrapper.e-date-range-wrapper.e-control-container.e-date-range-container.e-input-group.e-input-focus {
    height: 2.25rem;
    border-radius: 0.25rem;
    border-color: var(--input-border);
    background: var(--input-background);
    box-shadow: none;
}

    .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:hover,
    .e-control-wrapper.e-date-range-wrapper.e-control-container.e-date-range-container.e-input-group:hover,
    .e-input-group.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
    .e-input-group.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
    .e-float-input.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
    .e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
    .e-float-input.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]),
    .e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]),
    .e-float-input.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]),
    .e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]) {
        background: var(--input-background-hover);
        border-color: var(--input-border);
        box-shadow: none;
    }

    .e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
    .e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
    .e-input-group:active:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
    .e-input-group.e-control-wrapper:active:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
    .e-float-input:active:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
    .e-float-input.e-control-wrapper:active:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
    .e-float-input:active:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]),
    .e-float-input.e-control-wrapper:active:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]),
    .e-float-input:active:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]),
    .e-float-input.e-control-wrapper:active:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]),
    .e-control-wrapper.e-date-range-wrapper.e-control-container.e-date-range-container.e-input-group:active,
    .e-control-wrapper.e-date-range-wrapper.e-control-container.e-date-range-container.e-input-group:active:hover {
        background: var(--input-background-active);
        border-color: var(--input-border-active);
        box-shadow: none;
    }
/*
.e-input-group input.e-input .e-input-group input.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabled]):not(:focus), .e-input-group textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabled]), .e-input-group.e-control-wrapper input.e-input, .e-input-group.e-control-wrapper textarea.e-input, .e-input-group.e-control-wrapper input.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabled]):not(:focus), .e-input-group.e-control-wrapper textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabled]) {
    
    border-color: var(--input-background-hover)!important;
    border-width: 0.1px !important
}

.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:focus, .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:focus, .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input, .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input {
    border-color: var(--input-background-hover)!important;
    border-width: 0.1px !important
}*/



.e-dropdown-popup {
    background: var(--backgound-alt);
    color: var(--text-seconfary);
}

    .e-dropdown-popup:hover {
        background: var(rgba(236, 237, 238, 1));
        color: var(--text-seconfary);
    }


.e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper .e-control.e-dropdownlist.e-lib.e-input {
    color: var(--text-secondary);
}

.e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper .e-input-group-icon.e-ddl-icon.e-icons.e-ddl-disable-icon {
    color: var(--text-other)
}

.e-ddl.e-input-group .e-input-value {
    padding: 0.5em;
}

.e-ddl.e-popup .e-filter-parent .e-input-group, .e-ddl.e-popup .e-filter-parent {
    background: var(--input-background);
}

.e-popup.e-popup-open.e-dialog {
    border-radius: 8px;
}


/*card*/

#dashboard-page .e-card {
    height: 100%;
}

.e-card {
    background: var(--widget-background);
    border: 1px solid var(--input-border) !important;
    border-radius: 8px;
    font-family: 'Roboto' !important;
    /*height: 100%;*/
    width: 100%;
    flex-grow: 1;
}

    .e-card:hover {
        background: var(--widget-background);
    }

    .e-card .e-card-header {
        height: 60px;
        min-height: 60px;
        padding: 0 1rem;
        width: auto;
        justify-content: space-between;
        align-items: center;
        font-weight: 500;
    }

    .e-card .e-card-content {
        padding: 24px;
        flex-grow: 1;
        height: 100%;
        width: 100%;
    }

.card-header-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.card-header-title {
    font-size: 1rem;
    color: var(--text-secondary);
    font-weight: 500;
}

.slow-resize {
    transition: all 2s ease !important;
}


/*scrolbar*/
/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: var(--widget-background);
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

/*Grid*/
.e-grid {
    border-color: transparent;
    border-radius: 8px;
}

    .e-grid .e-toolbar.e-spacer-toolbar .e-toolbar-items {
        padding: 1px !important;
        flex-direction: row-reverse;
    }

.full-card-grid .e-grid {
    border: 0;
}

.e-pager .e-pagerconstant {
    margin-left: 1.5rem;
}

.e-grid .e-row.e-altrow {
    background-color: var(--table-cell-alt);
}

.e-grid .e-row {
    background-color: var(--table-cell);
}

    .e-grid .e-row:hover {
        background-color: var(--table-cell-hover);
        color: white;
    }

.e-grid .e-pager {
    background-color: transparent;
    border: 0;
}

.e-pager.sf-pager .e-pagercontainer {
    background-color: transparent;
}

    .e-pager.sf-pager .e-pagercontainer .e-first, .e-pager.sf-pager .e-pagercontainer .e-prev, .e-pager.sf-pager .e-pagercontainer .e-next, .e-pager.sf-pager .e-pagercontainer .e-last {
        background-color: transparent;
        color: var(--text-primary);
    }

.e-grid .e-focused {
    box-shadow: none;
}

.e-grid .e-rowcell {
    border-width: 1px 0 0 1px;
}

.e-grid .e-rowcell, .e-grid .e-headercell {
    padding: 10px 12px !important;
    color: var(--text-secondary) !important;
}

.e-grid .e-toolbar {
    background: transparent;
    height: 68px !important;
    border: 0;
}

    .e-grid .e-toolbar .e-toolbar-items {
        background: inherit;
        padding: 0 12px;
    }

.e-tab .e-tab-header .e-toolbar-item:hover {
    background: var(--table-header);
}

.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text, .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon:hover {
    color: var(--text-secondary);
}


.e-grid.e-gridhover .e-frozenhover:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
.e-grid.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
.e-grid.e-gridhover:not(.e-rowdrag) .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover
.e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
.e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover
.e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover:not(.e-rowdrag) .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
.e-grid.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row.e-addedrow:not(.e-disable-gridhover):not(.e-detailrow):hover .e-dragindentcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
.e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
    background-color: var(--table-cell-hover);
}

.e-tab .e-tab-header .e-toolbar-item .e-tab-text .clients-tab-label {
    color: var(--text-tertiary);
}

.e-tab .e-tab-header .e-toolbar-item.e-active:hover {
    background: var(--table-header);
}

.e-accordion .e-acrdn-item .e-acrdn-header:hover {
    border-width: 0px !important;
}

.e-grid .e-gridheader tr:first-child th {
    border-color: var(--table-divider);
    border-width: 0 0 1px 1px;
}

.e-grid td.e-active {
    background-color: var(--table-cell-active);
}

.e-grid th.e-headercell[aria-sort=ascending] .e-headertext, .e-grid th.e-headercell[aria-sort=descending] .e-headertext, .e-grid th.e-headercell[aria-sort=ascending] .e-sortfilterdiv, .e-grid th.e-headercell[aria-sort=descending] .e-sortfilterdiv {
    color: var(--text-tertiary);
}

.e-grid .e-gridheader {
    border-color: transparent;
    display: flex;
    align-items: center;
    color: #c0c2c5;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border: 1px solid var(--input-border);
    border-bottom: 0;
}

.e-grid .e-gridcontent {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border: 1px solid var(--input-border);
    border-top: 0;
}

.full-card-grid .e-grid .e-gridheader, .full-card-grid .e-grid .e-gridcontent {
    border: 0;
    border-radius: 0;
}

.e-grid .e-summaryrow .e-summarycell,
.e-grid .e-summaryrow .e-templatecell,
.e-grid .e-summarycontent .e-indentcell,
.e-grid .e-indentcell.e-detailindentcelltop {
    background: var(--table-cell-active);
}

.e-headercell, .e-grid .e-rowcell {
    padding: 0 15px;
}

.e-pager .e-currentitem {
    border-bottom: 2px solid #A51C24;
}

.e-grid .e-headercell, .e-grid .e-detailheadercell {
    background-color: var(--table-header);
    font-weight: 500;
}

.e-grid .e-headercelldiv, .e-grid .e-headercelldiv .e-headertext {
    font-weight: 600;
    color: var(--text-tertiary);
}

.e-toolbar {
    padding: 1px;
    box-shadow: none;
    background: var(--navigation-background);
    /*border-bottom: 1px solid var(--navigation-border);*/
}

.e-toolbar-right {
    padding: 12px;
}

.e-toolbar-left {
    padding: 4px;
}

.e-toolbar .e-toolbar-item.e-spacer {
    cursor: default;
}

/*Button*/

.e-control.e-btn.e-lib {
    height: 36px;
    border-radius: 4px;
    font-weight: 400;
    border: none;
    color: var(--text-secondary);
}

.positive-btn, .positive-btn:focus {
    background: var(--buttons-positive);
    color: var(--general-white) !important;
}

    .positive-btn:hover {
        background: var(--buttons-positive-hover);
    }

    .positive-btn:active {
        background: var(--buttons-positive-active);
    }

.negative-btn, .negative-btn:focus {
    background: var(--buttons-negative);
    color: white !important;
}

    .negative-btn:hover {
        background: var(--buttons-negative-hover);
        color: white !important;
    }

    .negative-btn:active {
        background: var(--buttons-negative-active);
        color: white !important;
    }

.secondary-btn, .secondary-btn:focus {
    background: var(--buttons-secondary);
}

    .secondary-btn:not([disabled]):hover {
        background: var(--buttons-secondary-hover);
    }

    .secondary-btn:not([disabled]):active {
        background: var(--buttons-secondary-active);
    }

.ghost-btn, .ghost-btn:focus {
    background: transparent;
}

    .ghost-btn:hover {
        background: var(--buttons-ghost-hover);
    }

    .ghost-btn:active {
        background: var(--buttons-ghost-active);
    }

.blue-btn, .blue-btn:focus {
    background: var(--buttons-blue);
    color: var(--general-white) !important;
}

    .blue-btn:hover {
        background: var(--buttons-blue-hover);
    }

    .blue-btn:active {
        background: var(--buttons-blue-active);
    }

.e-btn .e-btn-icon, .e-css.e-btn .e-btn-icon {
    margin-top: 0;
}

.e-pager.sf-pager .e-numericcontainer a.e-active {
    color: var(--general-white)
}


.e-daterangepicker.e-popup .e-footer .e-btn.e-apply.e-flat.e-primary, .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-apply.e-flat.e-primary {
    background-color: var(--general-brand);
    border-color: var(--general-brand);
    color: white;
}

/*Rating*/
.e-rating-container .e-rating-item-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 4px;
    margin-left: 4px;
}

    .e-rating-container .e-rating-item-container.e-rating-focus {
        background: var(--buttons-negative);
        border-radius: 4px;
        color: white;
    }

.e-rating-container .e-rating-item-list:focus .e-rating-focus {
    border-radius: 4px;
}

.e-rating-container .e-rating-item-container {
    font-size: 14px;
}

/*Checkbox*/

.e-checkbox-wrapper .e-checkbox + .e-icons.e-frame.e-check,
.e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-check,
.e-css.e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-check {
    width: 16px;
    height: 16px;
    background: var(--general-brand);
    border: none;
    border-radius: 4px;
    color: var(--general-white);
    font-size: 14px;
}

.e-checkbox-wrapper:hover .e-checkbox + .e-icons.e-frame.e-check {
    border: 1px solid var(--general-white);
}

.e-checkbox-wrapper.e-wrapper .e-label {
    color: var(--text-secondary);
    font-family: Roboto;
}

.e-checkbox-wrapper .e-checkbox + .e-icons.e-frame {
    width: 16px;
    height: 16px;
    border-radius: 4px;
}

.e-checkbox-wrapper:hover .e-frame:not(.e-check):not(.e-stop),
.e-css.e-checkbox-wrapper:hover .e-frame:not(.e-check):not(.e-stop) {
    color: var(--general-white);
    font-size: 14px;
}

/*Radio button*/
.e-radio:checked + label::before, .e-radio:checked:focus + label::before, .e-radio:checked:hover + label::before, .e-radio:checked:active + label::before {
    background-color: var(--general-brand);
    border-color: var(--general-brand);
}

.e-radio:checked + label::after, .e-radio:checked:focus + label::after, .e-radio:checked:hover + label::after, .e-radio:checked:active + label::after {
    background-color: white;
    color: white;
}

.e-daterangepicker.e-popup .e-footer .e-btn.e-flat:hover, .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-flat:hover {
    background-color: #5c636a;
}

/*switch button*/
.e-switch-wrapper .e-switch-inner.e-switch-active,
.e-css.e-switch-wrapper .e-switch-inner.e-switch-active,
.e-switch-wrapper:hover .e-switch-inner.e-switch-active,
.e-css.e-switch-wrapper:hover .e-switch-inner.e-switch-active {
    background: var(--general-brand);
}

.e-switch-wrapper .e-switch-inner.e-switch-active,
.e-css.e-switch-wrapper .e-switch-inner.e-switch-active {
    border-color: var(--general-brand);
}

.e-switch-wrapper:hover .e-switch-inner.e-switch-active,
.e-css.e-switch-wrapper:hover .e-switch-inner.e-switch-active {
    border-color: white;
}

    .e-switch-wrapper .e-switch-on,
    .e-css.e-switch-wrapper .e-switch-on,
    .e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on,
    .e-css.e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on {
        background: var(--general-brand);
    }

/*Accordion*/
.e-accordion {
    border-radius: 8px;
}

    .e-accordion .e-acrdn-item.e-select {
        outline: 1px solid var(--general-divider);
    }

    .e-accordion .e-acrdn-item:first-child {
        border-top-right-radius: 8px;
        border-top-left-radius: 8px;
    }

    .e-accordion .e-acrdn-item.e-select:last-child {
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px;
    }

/*Spinner*/

.e-spinner-pane .e-spinner-inner .e-spin-material, .e-spinner-pane .e-spinner-inner .e-spin-material3 {
    stroke: var(--general-brand);
}

.e-spinner-pane .e-spinner-inner .e-spin-label {
    color: var(--general-brand);
}

.e-spinner-pane .e-spinner-inner .e-spin-fluent .e-path-circle, .e-spinner-pane .e-spinner-inner .e-spin-fluent2 .e-path-circle, .e-spinner-pane .e-spinner-inner .e-spin-fabric .e-path-circle {
    stroke: var(--general-brand);
    filter: brightness(50%);
}

.e-spinner-pane .e-spinner-inner .e-spin-fluent .e-path-arc, .e-spinner-pane .e-spinner-inner .e-spin-fluent2 .e-path-arc, .e-spinner-pane .e-spinner-inner .e-spin-fabric .e-path-arc {
    stroke: var(--general-brand);
}

.e-spinner-pane .e-spinner-inner {
    left: 55%;
}

.e-grid .e-spinner-pane .e-spinner-inner {
    left: 50%;
    top: 60px
}
/*Calendar*/
.e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day,
.e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day,
.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day,
.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day,
.e-calendar .e-content td.e-today span.e-day,
.e-calendar .e-content td.e-focused-date.e-today span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-today span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day,
.e-calendar .e-content .e-cell.e-today span.e-day,
.e-calendar .e-content td:hover.e-cell.e-today span.e-day,
.e-calendar .e-content td.e-selected.e-focused-date.e-cell.e-today span.e-day,
.e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day,
.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day,
.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day {
    background-color: var(--general-brand);
    border-color: var(--general-brand);
    color: white;
    box-shadow: none;
    outline: none;
}

.e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons.e-active {
    background-color: var(--input-background);
    border-color: var(--input-border-active);
}
/*Custom components*/
/*Info Card*/
.info-card {
    display: flex;
    border-radius: 8px;
    padding: 16px 24px;
    align-items: center;
    color: var(--text-secondary);
    font-size: 14px;
    line-height: 20px;
}

.info-container {
    background: var(--general-link-shade);
    outline: 1px solid var(--general-link);
}

    .info-container .fa-circle-info {
        color: var(--general-link);
        font-size: 24px;
    }

.warning-container {
    background: var(--general-warning-shade);
    outline: 1px solid var(--general-warning);
}

.rejected-container {
    background: var(--general-negative-shade);
    outline: 1px solid var(--general-negative);
}


.documents-upload-container {
    background: var(--general-positive-shade);
    outline: 1px solid var(--general-positive);
}

.e-upload-files {
    border-radius: 8px;
    border: 0px solid var(--general-divider);
    background: var(--general-positive-shade);
}

.e-upload .e-file-select-wrap .e-btn {
    background: var(--buttons-positive);
    outline: 1px solid var(--general-positive);
    color: var(--general-white);
}

.e-upload .e-file-select-wrap {
    padding: 16px 0 16px 0px !important;
}

.e-upload {
    border: 0px dashed #797775 !important;
}

.e-upload-file-list {
    border: 0px solid var(--general-divider);
}

    .e-upload-file-list:first-child {
        border-top-left-radius: 8px !important;
        border-top-right-radius: 8px !important
    }

    .e-upload-file-list:last-child {
        border-bottom-left-radius: 8px !important;
        border-bottom-right-radius: 8px !important
    }

.e-upload .e-upload-files .e-file-delete-btn.e-icons {
    width: 36px;
    height: 36px;
    background: unset !important;
    border: 0px solid var(--general-positive);
    border-radius: 8px;
    right: 10px;
    top: 45%;
}



    .e-upload .e-upload-files .e-file-delete-btn.e-icons:before {
        content: "\f2ed" !important;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        color: var(--general-positive);
        font-size: 24px
    }

.e-file-container {
    border-right: 0px solid var(--general-divider);
}


.e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):hover {
    background: unset !important;
    border: 0px solid var(--general-positive);
    border-radius: 8px;
    box-shadow: unset
}

.error-container {
    background: var(--general-negative-shade);
    outline: 1px solid var(--general-brand);
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px;
}


/*Divider*/

.divider-input-border {
    width: 100%;
    border: 1px solid var(--input-border);
}

.divider-general {
    width: 100%;
    border: 1px solid var(--light-general-divider, rgba(216, 218, 221, 1));
}

.dark-divider-general {
    width: 100%;
    border: 1px solid var(--dark-general-divider);
}


/*Pager*/
.sf-pager.e-control.e-pager.e-lib {
    background: transparent !important;
    border: 0;
    padding: 0;
    border-top: 1px solid var(--input-border);
}

.e-spinner-pane.dashboard-payments-grid {
    background-color: var(--table-cell);
}
/*Theme switcher*/
.theme-button-span {
    content: "Light Theme"
}

.light .theme-button-span {
    content: "Dark Theme"
}

.e-spin-label {
    color: var(--text-primary) !important
}

/*Empty chart image*/
.areachart_empty_img {
    height: 100%;
    width: 100%;
    content: url("../areachart_emptystate.svg");
}

.light .areachart_empty_img {
    height: 100%;
    width: 100%;
    content: url("../areachart_emptystate_light.svg");
}

.active-header-color {
    color: var(--general-positive);
}

.pending-header-color {
    color: var(--general-warning);
}

.vulnerable-header-color {
    color: var(--text-other);
}


.illustrated-header-color {
    color: var(--general-info);
}

.account-activity-container {
    padding: 16px 13.5rem 0;
}

.cash-movement-panel {
    padding: 16px 170px 0
}

.payments-panel {
    padding: 16px 170px 0
}


@media screen and (max-width: 1600px) {
    .account-activity-container {
        padding: 16px 3.5rem 0;
    }

    .cash-movement-panel {
        padding: 16px 0px 0
    }
}

.dashboard-patments-card {
    min-height: 340px
}

.account-realised-accordion .e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-icon {
    width: 30px !important;
}

.accordion-grid .e-grid {
    border: 0 !important;
    border-radius: 0 !important;
}

.grid-header-accordion {
    padding: 10px 16px !important;
    background: var(--input-border);
    color: var(--text-secondary);
    border-radius: 8px 8px 0 0 !important;
}

    .grid-header-accordion .e-toggle-icon {
        top: 0rem;
    }

.accordion-grid {
    padding-top: .25rem;
}

    .accordion-grid .e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-icon {
        background-color: unset !important;
        top: -0.1rem !important;
    }

    .accordion-grid .e-grid .e-gridheader, .e-grid .e-gridcontent {
        border-radius: 0 !important;
    }

    .accordion-grid .e-acrdn-content {
        padding: 0px !important;
    }

    .accordion-grid .e-grid .e-gridfooter {
        border-radius: 0 !important;
    }

    .accordion-grid .e-grid .e-gridfooter, .e-summaryrow {
        min-height: 44px;
        background: var(--input-border);
    }

    .accordion-grid .e-accordion .e-acrdn-item.e-select:last-child {
        border-radius: 8px !important;
    }

.growth-info-tooltip .e-control.e-tooltip.e-lib {
    display: inline;
    color: var(--general-info);
    margin-left: 5px;
}

.growth-info-tooltip.e-tooltip-wrap.e-popup {
    border: 0px;
    box-shadow: unset !important;
    background: var(--navigation-background);
    border-radius: 8px !important;
}



.growth-info-tooltip .e-tip-content {
    border: 0px;
    background: var(--navigation-background);
    border-radius: 8px !important;
    padding: 1px;
}

.info-tooltip-icon {
    position: absolute;
    margin-top: 0px;
    margin-left: 3px;
    color: var(--buttons-blue);
}

.info-flex-column .flex-column {
    min-height: 45px;
}

.review-row {
    margin-top: 16px;
    margin-bottom: 16px;
}

.e-footer-content .e-btn.e-primary.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info) {
    width: 60px;
    height: 36px;
    opacity: 1;
    border-radius: 4px;
    gap: 8px;
    padding-top: 8px;
    padding-right: 16px;
    padding-bottom: 8px;
    padding-left: 16px;
    color: var(--dark-text-secondary);
}

.result-modal-success .e-popup.e-popup-open.e-dialog {
    top: -12rem !important;
    left: 120px !important;
    border-radius: 8px;
    background: var(--buttons-positive, #1B6629);
    color: var(--dark-text-secondary);
}

.result-modal-success .e-dlg-content {
    background: var(--buttons-positive, #1B6629);
    color: var(--dark-text-secondary);
}

.result-modal-unsuccess .e-popup.e-popup-open.e-dialog {
    top: -12rem !important;
    left: 120px !important;
    border-radius: 8px;
    background: var(--buttons-negative, #1B6629);
    color: var(--dark-text-secondary);
}

.result-modal-unsuccess .e-dlg-content {
    background: var(--buttons-negative, #A41D24);
    color: var(--dark-text-secondary);
}

.result-modal .e-dialog .e-dlg-header {
    font-family: Roboto, sans-serif !important;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    padding-top: 12px;
    color: var(--dark-text-secondary);
}

.result-modal .e-dialog .e-dlg-header-content + .e-dlg-content {
    font-family: Roboto;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: var(--dark-text-secondary);
}

.result-modal .e-dlg-overlay {
    opacity: 0.01 !important;
}

.result-modal-boldtext {
    font-family: Roboto;
    font-weight: 700;
    color: var(--dark-text-secondary) !important;
    letter-spacing: 0.5px
}

.e-btn.e-flat.e-primary:focus, .e-css.e-btn.e-flat.e-primary:focus {
    box-shadow: unset !important;
}

.grid {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem; /* spacing between cells */
}

    /* Default: small screens → 1 column */
    .grid .item {
        flex: 1 1 100%;
    }

/* Large screens → 2 columns */
@media (min-width: 1054px) {
    .grid .item {
        flex: 1 1 calc(50% - 0.5rem); /* two columns */
    }

    .grid .item {
        flex: 1 1 calc(50% - 0.5rem); /* two columns */
    }
}

.item-last {
    flex: 1 1 calc(100% - 0.5rem);
}

@media (min-width: 1600px) {
    .adviser-filer-dropdown {
        min-width: 450px !important;
    }

    .clients-grid .e-input-group, .e-input-group.e-control-wrapper {
        width: 350px;
    }
}

.e-tab .e-tab-header .e-toolbar-items .e-toolbar-item:last-child {
    align-self: center !important;
    margin-bottom: 0 !important;
}
.transfer-cancelation-btn {
    margin-left:20px
}

.transfer-list-button-container {
    margin-bottom: 40px
}


.clients-tab-label.loading-count {
    opacity: 0.5;
    transition: opacity 0.2s ease-in-out;
}

span.e-pagecountmsg.e-rightalign {
    margin-right: 1em;
}