:root {
    --fb: #4267B2;
    --tw: #000000;
    --lin: #0077B5;
    --ins: #C13584;
    --primaryClicked: var(--ep-primary-active);
}

    :root.theme-default .dxbs-sc-time-cell.bg-light.non-working-hour-cell {
        background-color: var(--calendarCellDisabledBG) !important;
    }

.cnt-panel-body .timeln-item {
    cursor: pointer;
}

.sl-disabled {
    opacity: 0.3;
    pointer-events: none;
    cursor: default;
}

.locked-img {
    width: 24px;
}

.ep-fieldset.wh-group-checkbox .ep-checkbox.label-right {
    margin-top: 0;
    margin-bottom: 0;
}

.ep-fieldset.wh-group-checkbox .flex-item-1 {
    max-height: 24px;
}

.btn-custom-svg svg {
    width: 24px;
    height: 24px;
}

.btn-custom-svglarge svg {
    width: 48px;
    height: 48px;
}

.centered {
    text-align: center;
}

.wh-footerSum-template {
    text-align: right;
}

.wh-noborder {
    border: none;
}

.wh-color-primary {
    color: var(--ep-primary);
}

.wh-color-dark {
    color: var(--textDark);
}

.wh-color-primaryFaded {
    color: var(--ep-primary-subtle);
}

.wh-centered {
    text-align: center;
}

.wh-hidden-header .k-grid-header {
    display: none;
}

li.listeditor-item.-inactive {
    opacity: 0.5;
}

.wh-min-height {
    min-height: 250px !important;
}

.wh-mt-caption {
    margin-top: 1.5rem;
}

.k-button.wh-mt-caption {
    float: right;
}

.wh-float-right {
    float: right;
}

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

.wh-hidden {
    display: none !important;
}

/* Logo */

.about-form-logo-area {
    margin: 0 2rem 0 2rem;
}

    .about-form-logo-area .main-logo {
        aspect-ratio: 200/200;
    }

    .about-form-logo-area .secondary-logo {
        aspect-ratio: 200/47
    }

    .about-form-logo-area .main-logo {
        fill: #050306;
    }

    .about-form-logo-area .secondary-logo {
        fill: #050306;
    }

.dark-mode .about-form-logo-area .main-logo {
    fill: #fff;
}

.dark-mode .about-form-logo-area .secondary-logo {
    fill: #fff;
}

/* End Logo */

.whtext-bold {
    font-weight: bold;
}

.wh-masterpage-summaryview {
    border: none;
    background: none;
}

    .wh-masterpage-summaryview .ep-panel__body {
        padding: .5rem .5rem 0.5rem 0;
    }

.wh-masterpage-editview {
    border: none;
}

.wh-container-general-padding {
    padding: var(--generalPadding) !important;
}

.ep-tab.ep-layout.wh-child-container-mr-1rem .ep-tab__host {
    margin-right: 1rem;
}

.cnt-panel-container {
    box-shadow: rgba(99, 99, 99, 0.15) 0px 1px 5px 0px;
    border-radius: 0.7rem;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: var(--mainBG);
    background-color: var(--panelBG);
}

.cnt-panel-header,
.cnt-panel-header {
    font-size: 1rem;
    font-weight: 600;
    padding: var(--generalPadding) 1rem;
    background-color: var(--toolbarBG);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .cnt-panel-header .header-btn,
    .cnt-panel-header .header-btn {
        cursor: pointer;
        width: 26px;
        height: 26px;
        border-radius: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: .1s ease-in background;
    }

        .cnt-panel-header .header-btn:hover {
            background: var(--shade900);
        }

.cnt-panel-body {
    padding: 0;
    overflow: auto;
    background-color: var(--panelBg);
}

.modal-window .cnt-panel-body {
    height: 100%;
}


.cnt-panel-body .ep-listeditor {
    display: flex;
    overflow: auto;
    padding: 1rem;
    gap: 1rem;
}

.cnt-panel-body .timeln-list {
    background: none;
    padding: 1rem;
}

.cnt-addresses {
    margin-bottom: 1rem;
}

.cnt-timeline {
    height: 100%;
}

    .cnt-timeline .cnt-panel-body {
        height: calc(100% - 3rem);
    }

.modal-window {
    position: fixed !important;
    background-color: rgba(0, 0, 0, 0.75);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10003;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
    transition: all 0.3s;
    padding: 3% !important;
    box-sizing: border-box;
    height: 100%;
}

    .modal-window .ep-listeditor {
        display: grid;
    }

.wh-tab-page.modal-window .ep-layout-item.flex-container {
    padding: 14px;
    background-color: white;
}

.dark-mode .modal-window {
    background-color: rgba(0, 0, 0, 0.8);
}


/*Financial Data*/
.dropdown {
    margin: 0;
    list-style: none;
}

    .dropdown li {
        position: relative;
        cursor: pointer;
    }

        .dropdown li:hover a:hover {
            color: var(--ep-primary);
        }

        .dropdown li .menu_button {
            color: var(--buttonColor);
            border-radius: var(--borderRadius);
            text-align: center;
            text-decoration: none;
            display: block;
        }

        .dropdown li a {
            color: #ffffff;
            text-align: center;
            text-decoration: none;
            display: block;
            padding: 10px;
        }

        .dropdown li ul {
            position: absolute;
            top: 100%;
            margin: 0;
            padding: 0;
            list-style: none;
            display: none;
            line-height: normal;
            background-color: #333;
        }

            .dropdown li ul li a {
                text-align: left;
                color: #cccccc;
                font-size: 14px;
                padding: 10px;
                display: block;
                white-space: nowrap;
            }

            .dropdown li ul li ul {
                left: 100%;
                top: 0;
            }

ul li:hover > ul {
    display: block;
}

.fd-infofield {
    height: 75px;
    background-color: var(--ep-primary);
    color: white;
    margin: 5px;
    text-align: center;
    position: relative;
    box-shadow: 2px 2px 5px rgba(99, 99, 99, 0.9);
}

    .fd-infofield.fd-q.fd-q-items {
        height: 100px;
        margin: 1px;
    }

.fd-infofield-value {
    font-size: 26px;
    text-align: end;
    padding-top: 6px;
    padding-right: 10px;
}

.fd-infofield.fd-q.fd-q-items .fd-infofield-value {
    font-size: 16px;
    padding: 5px;
}

.fd-infofield-caption {
    font-size: 13px;
    padding: 10px;
    text-align: start;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.fd-infofield.fd-q.fd-q-items .fd-infofield-caption {
    font-size: 13px;
    padding: 5px;
}

.fd-infofield.fd-q.fd-q-items-wh {
    height: 45px;
}

    .fd-infofield.fd-q.fd-q-items-wh .fd-infofield-caption {
        font-size: 11px;
    }

    .fd-infofield.fd-q.fd-q-items-wh .fd-infofield-value {
        font-size: 16px;
    }


.fd-infofield-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem;
    margin-bottom: auto;
    margin-top: auto;
}

.fd-crminfofield-filter-caption,
.fd-crminfofield-selected-caption {
    flex: 1;
    margin-right: auto;
    text-align: start
}

.fd-crminfofield-filter-caption {
    font-size: 14px;
    font-weight: bold;
}

fd-crminfofield-selected-caption {
    font-size: 10px !important;
    font-weight: lighter;
}

.fd-crminfofield-filter-value,
.fd-crminfofield-selected-value {
    flex: 0;
    margin-left: auto;
}

.fieldinfo-crm:hover {
    background-color: var(--ep-primary-hover);
    cursor: pointer;
    transition: .5s;
}
/*.sidenav {
    width: 250px;
    position: fixed;
    z-index: 1;
    right: -270px;
    overflow-x: hidden;
    transition: 1s;
    padding-left: 10px;
    padding-right: 10px;
    background: var(--mainBG);
}*/
.sidenav {
    overflow: hidden;
    padding: 0;
    flex-grow: 0;
}

    .sidenav.expanded {
        overflow-y: auto;
        padding: var(--generalPadding);
        flex-basis: 280px;
    }

    .sidenav.sidenav-medium.expanded {
        overflow-y: auto;
        flex-basis: 530px;
    }

    .sidenav.sidenav-large.expanded {
        overflow-y: auto;
        flex-basis: 780px;
    }

.overflow-hidden {
    overflow: hidden;
}

.qfd-trigger-btn button {
    position: fixed;
    width: 45px;
    height: 45px;
    bottom: 40px;
    right: 60px;
    background-color: var(--ep-primary);
    color: #FFF;
    border-radius: 50% !important;
    text-align: center;
    box-shadow: 1px 1px 5px #999;
    z-index: 3000;
    border-width: 2px;
}

    .qfd-trigger-btn button:hover {
        color: var(--ep-primary);
        border-color: var(--ep-primary);
    }

.fd-q-whname {
    padding-left: 6px;
    font-weight: bold;
    font-size: 11px;
}

.fd-infofield.fd-q.fd-q-items-wh {
    height: 45px;
    background-color: transparent;
    color: black;
    border: 1px solid var(--ep-primary);
}

ul.leaders {
    max-width: 37em;
    padding: 0;
    overflow-x: hidden;
    list-style: none;
    margin: 5px;
    padding-left: 10px;
}

    ul.leaders li {
        margin: 3px;
    }

        ul.leaders li:before {
            float: left;
            width: 0;
            white-space: nowrap;
            content: ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
        }

    ul.leaders span:first-child {
        padding-right: 0.33em;
        background-color: var(--shade900);
        font-size: 12px;
    }

    ul.leaders span + span {
        float: right;
        padding-left: 0.33em;
        background-color: var(--shade900);
        font-size: 13px;
    }

        ul.leaders span + span:before {
            padding-right: 0.15em;
        }

.fd-panel-hdr {
    width: 100%;
}

.fd-panel-hdr-data {
    width: 100%;
}

span.fd-panel-hdr-total {
    color: var(--ep-primary-active);
    font-size: 11px;
}

    span.fd-panel-hdr-total.left-total {
        float: left;
    }

    span.fd-panel-hdr-total.right-total {
        float: right;
        margin-right: 20px;
    }

.fd-panel-container.fd-q-items .ep-panel__title {
    width: 100%;
}

.-open > .ep-panel__content {
    max-height: 10000px;
}

.ep-chart {
    height: 100%;
}

/* =Card*/
.wp-contactcard {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    box-shadow: rgba(99, 99, 99, 0.15) 0px 2px 8px 0px;
    padding: 1rem;
    border-radius: .7rem;
    margin: 1rem;
    margin-top: 0;
    background: var(--panelBg);
}

.card__divider {
    height: 1px;
    width: 100%;
    background: var(--borderColor);
}

.card__header {
    font-size: 1.1rem;
    font-weight: 600;
    align-self: flex-start;
}

.contact__icon {
    background: var(--shade200);
    width: 6rem;
    height: 6rem;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2.5rem;
    color: #fff;
}

.contact__title {
    margin: 0 0 1rem 0;
    font-size: 1.3rem;
    color: var(--textDark);
    text-align: center;
}

.contact__subtitle {
    margin: 0 0 .5rem 0;
    font-size: 1.1rem;
    color: var(--textDefault);
    text-align: center;
}

.contact__tin {
    margin: 0;
    font-size: 1rem;
    color: var(--textLight);
    text-align: center;
    font-weight: 300;
}

.social-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    width: 100%;
    gap: 1rem;
}

    .social-list a {
        background: var(--buttonBG);
        width: 2rem;
        height: 2rem;
        border-radius: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1rem;
        text-decoration: none;
        transition: .1s all ease-in;
    }

        .social-list a:hover {
            background: var(--shade100);
            opacity: .7;
        }

    .social-list .fb a {
        background: var(--fb);
        color: #fff;
    }

    .social-list .tw a {
        background: var(--tw);
        color: #fff;
    }

    .social-list .lin a {
        background: var(--lin);
        color: #fff;
    }

    .social-list .ins a {
        background: var(--ins);
        color: #fff;
    }

.dark-mode .social-list a {
    opacity: .7;
}

    .dark-mode .social-list a:hover {
        opacity: 1;
    }

.contact-list {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

    .contact-list li {
        display: flex;
        align-items: center;
        gap: 1rem;
    }

.contact-list__icon {
    background: var(--shade600);
    width: 2rem;
    height: 2rem;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    text-decoration: none;
    transition: .1s all ease-in;
}

.contact-list a {
    text-decoration: none;
    color: var(--ep-primary)
}

    .contact-list a:hover {
        text-decoration: underline;
    }

.dark-mode .contact__icon {
    background: var(--buttonBG);
}

.fd-crm-overview-container {
    display: flex;
    height: 125px;
    padding: 1rem;
}

.fd-crm-allitems-card {
    display: flex;
    width: 25%;
    height: 100%;
    justify-content: start;
    align-items: center;
    border-radius: 10px;
    color: var(--textDefault);
    background-color: var(--buttonBG);
}

    .fd-crm-allitems-card:hover {
        background-color: var(--buttonHoverBG);
        cursor: pointer;
    }

    .fd-crm-allitems-card > .title:hover {
        background-color: var(--buttonHoverBG);
        cursor: pointer;
    }

    .fd-crm-allitems-card.selected {
        background-color: var(--ep-secondary) !important;
        color: var(--buttonBG);
    }

.fd-crm-allitems-container {
    border-radius: 50%;
    height: 30px;
    margin: .5rem 1.25rem;
    width: 30px;
    justify-content: center;
    display: flex;
    align-items: center;
}

    .fd-crm-allitems-container > i {
        font-size: 24px;
        color: var(--ep-primary) !important;
    }

    .fd-crm-allitems-container:hover > i {
        font-size: 24px;
        color: var(--buttonBG) !important;
    }

.fd-crm-column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.fd-crm-column-40 {
    margin-right: 3rem;
    flex: 40%;
}

.fd-crm-column-60 {
    margin-left: 3rem;
    flex: 60%;
}

.fd-crm-row {
    flex: 1;
    flex-grow: 1;
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
}

.fd-crm-allinfo-container > .title {
    color: var(--textDefault);
    font-size: large;
    font-weight: lighter;
    margin-top: auto;
}

.fd-crm-allinfo-container > .value {
    color: var(--textDefault);
    font-size: 22px;
    text-align: start;
    font-weight: lighter;
    margin-top: auto;
}

.fd-crm-allinfo-container {
    margin: 0.25rem 1rem;
    display: flex;
    flex-direction: row;
    align-items: start;
    height: 100%;
}

.fd-crm-subcategory-container {
    margin: 0rem;
    display: flex;
    flex-direction: column;
    align-items: start;
    height: calc(100% - 3rem);
    width: 33.33%;
}

    .fd-crm-subcategory-container > .title {
        color: var(--textDefault);
        background-color: var(--buttonBG);
        font-size: 14px;
        padding: 0.25rem 0.75rem;
        border-radius: .5rem;
        font-weight: 400;
        transition: .125s all;
        margin-top: auto;
    }

        .fd-crm-subcategory-container > .title.selected {
            background-color: var(--ep-secondary) !important;
            color: var(--buttonBG);
        }

        .fd-crm-subcategory-container > .title:hover {
            background-color: var(--buttonHoverBG);
            cursor: pointer;
        }

    .fd-crm-subcategory-container > .value {
        color: var(--buttonBG);
        font-size: 18px;
        font-weight: 500;
        text-align: start;
        margin-top: auto;
    }

.fd-crm-row-60 {
    flex: 60%;
}

.fd-crm-row-40 {
    flex: 40%;
    margin-left: 1rem;
    margin-right: 1rem;
}

.fd-crm-box {
    flex-grow: 1;
    display: flex;
    text-align: center;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
}

.fd-crm-box-60 {
    flex: 60% !important;
}

.fd-crm-box-40 {
    flex: 40% !important;
    flex-direction: row;
}

.fd-crm-box-all {
    width: 50%;
    justify-content: center;
    align-items: start;
}

.fd-crm-box-50 {
    flex: 50% !important;
    flex-direction: row;
    justify-content: space-between;
}

.fd-crm-category-card {
    height: calc(100% - 1rem);
    min-width: 76px;
    width: 33.33%;
    border-radius: 8px;
    transition: 0.5s all;
    justify-content: center;
    background-color: var(--ep-primary);
    align-items: center;
    flex-direction: column;
    display: flex;
}

    .fd-crm-category-card > .value {
        font-size: 18px;
        margin-top: auto;
        margin-bottom: auto;
        color: var(--buttonBG);
    }

    .fd-crm-category-card > .title {
        font-size: 14px;
        margin-top: auto;
        margin-bottom: 0.125rem;
        color: var(--buttonBG);
    }

.fd-crm-subcategory-container.last {
    display: flex;
    justify-content: end;
    align-items: end;
}

.fd-crm-subcategory-container.middle {
    display: flex;
    justify-content: center;
    align-items: center;
}

.fd-crm-vertical-line-split {
    width: 2px;
    height: calc(100% - 2rem);
    background-color: #00000022;
    margin: 1rem auto 1rem auto;
}

.diagram-node {
    text-align: center;
    white-space: pre;
}

.ep-splitterpane.ep-layout.flex-container {
    height: 100%;
}

/*SCHEDULER*/
/* Hot Fix For Scheduler Scroll*/
.ep-dx-scheduler {
    height: 100%;
}

dxbl-scheduler .dxbs-sc-resource-hr {
    font-size: var(--txtSizeLarge);
}

.dxbl-toolbar.dxbl-toolbar-adaptive > .dxbl-btn-toolbar > div:nth-child(5) {
    display: none;
}

.dxsc-cell-content-hidden {
    height: inherit;
    overflow: hidden;
}

dxbl-scheduler > div.dxsc-main-container > dxbl-view > div.dxbs-sc-scroll-container {
    overflow: auto;
}

    dxbl-scheduler > div.dxsc-main-container > dxbl-view > div.dxbs-sc-scroll-container::-webkit-scrollbar {
        display: none;
    }

.dxbs-sc-dayview {
    flex: 1;
    display: flex;
    flex-direction: column;
    /* height: 100%; */
    min-height: 0;
}
/*SCHEDULER*/


.access-rights-lock.ep-grid-column-viewtemplate {
    width: 100%;
    height: 100%;
}

.wh-icon-template {
    width: 100%;
    height: 100%;
}

.wh-show-more-less-btn {
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
}

    .wh-show-more-less-btn.-closed {
        margin-top: -1.5rem;
    }

.wh-show-more-less-pnl {
    border: none;
    margin-bottom: 0;
}

    .wh-show-more-less-pnl .ep-panel__body.flex-container.direction-column.flex-item-1 {
        padding: 0;
    }

    .wh-show-more-less-pnl.panel-body__ps-1 .ep-panel__body.flex-container.direction-column.flex-item-1 {
        padding-left: 1rem;
    }

.wh-tab-content-no-padding .wh-tab-page {
    padding: 0;
}

    .wh-tab-content-no-padding .wh-tab-page .k-grid {
        border-width: 1px 0 0 0;
    }

.fd-crm-category-card i {
    color: #fff;
    font-size: 3rem;
}

.fd-filters {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.fd-filter {
    cursor: pointer;
    background: var(--buttonBG);
    color: var(--buttonColor);
    border-radius: 100px;
    padding: 0 .8rem;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    gap: 1rem;
    transition: .1s ease-in background;
}

    .fd-filter:hover {
        background: var(--buttonHoverBG);
    }

.fd-filter__title {
    display: flex;
    gap: .5rem;
    align-items: center;
}

.fd-filter__num {
    min-width: 22px;
    height: 22px;
    display: inline-flex;
    background: var(--buttonColor);
    color: #fff;
    border-radius: 100px;
    align-items: center;
    justify-content: center;
    font-size: .8em;
    line-height: 1;
    opacity: .5;
    font-weight: 700;
    box-sizing: border-box;
    padding: 0 5px;
}

.fd-filter.-selected,
.fd-filter.-selected:hover {
    background: var(--ep-primary);
    color: #fff;
}

    .fd-filter.-selected .fd-filter__num {
        background: #fff;
        color: var(--ep-primary);
        opacity: 1;
    }

.dark-mode .fd-filter__num {
    color: var(--buttonBG);
}

.fd-cards.-crm {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.fd-card {
    background: var(--panelBg);
    border-radius: .5rem;
    flex: 1;
    padding: 1rem;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 12px 0px;
    border: 1px solid var(--borderColor);
    position: relative;
}

    .fd-card .value {
        font-size: 2.5rem;
        font-weight: 500;
        line-height: 1;
        margin: 0;
    }

    .fd-card .title {
        font-size: 1rem;
        font-weight: 500;
        color: var(--textGray);
    }

    .fd-card i {
        font-size: 3.5rem;
        position: absolute;
        right: 1rem;
        top: 1rem;
    }

    .fd-card.-draft i {
        color: var(--ep-info);
    }

    .fd-card.-closed i {
        color: var(--ep-success);
    }

    .fd-card.-inprogress i {
        color: var(--ep-warning);
    }


/*.fd-card.-draft { background: var(--ep-info); }
.fd-card.-closed { background: var(--ep-success); }
.fd-card.-inprogress { background: var(--ep-warning); }*/
.fd-progressbar {
    height: 3px;
    width: 100%;
    border-radius: .5rem;
    background: var(--shade600);
    margin-top: 1rem;
    display: flex;
    align-items: center;
}

.fd-progressvalue {
    height: 100%; /*filter: saturate(0); opacity: .25;*/
}

.fd-card .fd-progressvalue.-draft {
    background: var(--ep-info);
}

.fd-card .fd-progressvalue.-closed {
    background: var(--ep-success);
}

.fd-card .fd-progressvalue.-inprogress {
    background: var(--ep-warning);
}

.fd-card.-draft .fd-progressvalue.-draft {
    background: var(--ep-info);
    filter: saturate(1);
    opacity: 1;
    height: 8px;
    border-radius: .5rem;
}

.fd-card.-closed .fd-progressvalue.-closed {
    background: var(--ep-success);
    filter: saturate(1);
    opacity: 1;
    height: 8px;
    border-radius: .5rem;
}

.fd-card.-inprogress .fd-progressvalue.-inprogress {
    background: var(--ep-warning);
    filter: saturate(1);
    opacity: 1;
    height: 8px;
    border-radius: .5rem;
}



.carousel-inner {
    display: flex;
    flex-direction: column;
}

.carousel-item {
    display: none;
}

    .carousel-item.active {
        display: block;
    }

/*.qs-categories-card {
    border: 0;
    background-color: var(--buttonBG);
    padding: 0.5rem 0.25rem 0.5rem 0.5rem;
    height: 90px;
    transition: background-color 0.3s ease;
}*/

.qs-price-card {
    border: 0;
    background-color: var(--buttonBG);
    padding: 0.5rem;
}

/*.card:hover {
    background-color: #333;
}*/

.card-title {
    font-size: larger;
    color: var(--textDefault);
    font-weight: 600;
}

.qs-item-card-title {
    font-size: medium;
    color: var(--textDefault);
    font-weight: 400;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
}




.card-text {
    font-size: medium;
    color: var(--textDefault);
    font-weight: 300;
    margin-top: auto;
    padding-left: .225rem;
    padding-bottom: .125rem;
}

.card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--buttonHoverBG);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.card:hover .card-overlay {
    opacity: 1;
}

.card-body {
    display: flex;
    flex-direction: column;
    padding: 0.875rem;
    z-index: 1;
}

.qs-parent-categories-fs {
    opacity: 1;
    display: block;
    z-index: 1;
    transition: all 0.3s ease-in-out;
}

    .qs-parent-categories-fs.has-active-parent-category-fs {
        opacity: 0;
        z-index: -1;
        display: none;
    }

.qs-children-categories-fs {
    opacity: 0;
    display: none;
    z-index: -1;
    transition: all 0.3s ease-in-out;
}

    .qs-children-categories-fs.has-active-parent-category-fs {
        opacity: 1;
        display: block;
        z-index: 1;
    }

.qs-back-button {
    margin-bottom: 1.5rem !important;
}



.qs-item-card .card-title {
    font-size: larger;
    color: var(--textDefault);
    font-weight: 600;
}

.qs-item-card .card-text {
    font-size: medium;
    color: var(--textDefault);
    font-weight: 300;
    margin-top: auto;
    padding-left: .225rem;
    padding-bottom: .125rem;
}

.qs-item-card:hover > .card-overlay {
    opacity: 1;
}

.qs-item-card > .card-body {
    display: flex;
    flex-direction: column;
    padding: 0.875rem;
    z-index: 1;
}

.qs-item-button {
    position: relative;
    border: 0;
    height: 48px;
    width: 48px;
    padding: .5rem;
    overflow: hidden;
    color: var(--textDefault);
    border-radius: .33rem;
    background-color: var(--ep-primary-subtle);
    transition: all 0.3s ease;
}

    .qs-item-button:hover {
        height: 51.84px;
        width: 51.84px;
    }

.qs-item-button-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--buttonHoverBG);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.qs-item-button:hover > .qs-item-button-overlay {
    opacity: .5;
}

.qs-item-quantity {
    color: var(--textDefault);
    opacity: 0.8;
}

.qs-item-price {
    color: var(--textDefault);
    font-size: medium;
    opacity: 0.8;
}

.qs-items-fs {
    opacity: 0;
    display: none;
    z-index: -1;
    transition: all 0.3s ease-in-out;
}

    .qs-items-fs.has-active-child-category-fs {
        opacity: 1;
        display: block;
        z-index: 1;
    }


div.layout-wrapper.sidebar-hoverable.sidebar-pinned > div.layout-main > div > div.content.--with-toolbar.--with-pagenav > div.main-panel.-form > div > div > div > div:nth-child(2) > div > div > div.ep-layout.flex-container.can-wrap.flex-item-1.-overflow.ep-row > div > div > div > div.k-toolbar.telerik-blazor.k-grid-toolbar.k-toolbar-md > div > div > div > input {
    margin: 0px !important;
    flex: 0 0 auto;
    width: 83.33333333%;
}


.qs-grid-item-card {
    height: 80px;
}


.info-column-buttons:hover {
    background-color: var(--buttonHoverBG);
}


.info-column-buttons {
    transition: all 0.5s ease;
}


.default-text-color {
    color: var(--textDefault) !important
}


    .default-text-color * {
        color: var(--textDefault) !important
    }

.mxd-payment-button {
    background-color: var(--buttonBG) !important;
    border-width: medium;
    border-color: var(--buttonBorder);
    /*display: -webkit-box;*/
    /*-webkit-box-orient: vertical;*/
    overflow: hidden;
    /*-webkit-line-clamp: 3;*/
    /*text-overflow: ellipsis;*/
    height: 100px !important;
    width: 100px !important;
    border-radius: 5% !important;
}

.credit-card-icon-color {
    color: var(--ep-info);
}

.cash-icon-color {
    color: var(--ep-success);
}

.credit-card-row-template-card {
    background-color: var(--buttonBG);
}

.ep-statcard {
    height: 100%;
}

.costing-undo-green-gradient {
    background-image: linear-gradient(to right, transparent, #049a10);
}

.costing-undo-green-yellow-gradient {
    background-image: linear-gradient(to right, transparent, #c3fa47);
}

/*#region Aade myData */

.aade-panel.ep-panel {
    border: 0;
}

.aade-panel .ep-panel__body {
    padding: 0;
}

.aade-panel .k-splitter-flex .k-pane:not(.k-pane-static) {
    flex-basis: 500px !important; /*prevents the panel to collapse on load*/
}

.aade-invoice-action {
    box-shadow: rgba(0, 0, 0, 0.16) 0 1px 3px;
    background: var(--cardBG);
    height: 100px;
    border: 1px solid var(--borderColor);
    border-radius: .5rem;
    overflow: hidden;
}

    .aade-invoice-action.active {
        pointer-events: auto;
        cursor: pointer;
    }

    .aade-invoice-action.inactive {
        pointer-events: none;
        cursor: default;
    }

.aade-card-header {
    background: var(--buttonBG);
    color: var(--buttonColor);
}

.aade-badge {
    display: inline-block;
    padding: .35em .65em;
    font-size: 80%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .2rem;
    background-color: var(--ep-primary);
}

.aade-rounded-pill {
    border-radius: 50rem !important;
}

.aade-cards {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
    width: 100%;
}

.aade-card {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 12rem;
    background: var(--panelBG);
    border-radius: .5rem;
    padding: 1rem 1rem 0.1rem 1rem;
    box-shadow: rgba(0, 0, 0, 0.05) 0 4px 12px 0;
    border: 1px solid var(--borderColor);
    position: relative;
    height: 9rem;
    display: flex;
    flex-direction: column;
}

    .aade-card .value {
        font-size: 2.5rem;
        font-weight: 500;
        line-height: 1;
        margin: 0;
        flex-grow: 1;
    }

    .aade-card .title {
        font-size: 1rem;
        font-weight: 500;
        color: var(--textGray);
        margin-top: auto;
    }

    .aade-card i {
        font-size: 3.5rem;
        position: absolute;
        right: 1rem;
        top: 1rem;
    }

    .aade-card.-pending i {
        color: var(--ep-info);
    }

    .aade-card.-failed i {
        color: var(--ep-warning);
    }

    .aade-card.-error i {
        color: var(--ep-danger);
    }

    .aade-card.-completed i {
        color: var(--ep-success);
    }


/*#region Aade Grid Row Color */

.aade-panel .k-multiselect-focusable .k-row-edited .k-table-td {
    font-weight: 700;
}

/*.k-colorful .k-grid .k-table-row.aade-status-completed > .k-table-td:not(.k-grid-content-sticky), 
.k-colorful .k-grid .k-table-row.aade-status-failed > .k-table-td:not(.k-grid-content-sticky),
.k-colorful .k-grid .k-table-row.aade-status-incompatible > .k-table-td:not(.k-grid-content-sticky){
    color: #fff;
}

.k-colorful .k-grid .k-table-row.aade-status-completed > .k-table-td:not(.k-grid-content-sticky) a,
.k-colorful .k-grid .k-table-row.aade-status-failed > .k-table-td:not(.k-grid-content-sticky) a,
.k-colorful .k-grid .k-table-row.aade-status-incompatible > .k-table-td:not(.k-grid-content-sticky) a,
.k-colorful .k-grid .k-table-row.aade-status-completed > .k-table-td:not(.k-grid-content-sticky) i,
.k-colorful .k-grid .k-table-row.aade-status-failed > .k-table-td:not(.k-grid-content-sticky) i,
.k-colorful .k-grid .k-table-row.aade-status-incompatible > .k-table-td:not(.k-grid-content-sticky) i {
    color: var(--ep-danger-subtle);
}*/

.aade-status-pending {
    background-image: linear-gradient(to right, #df9111, #df7111);
}

.aade-status-completed {
    background-image: linear-gradient(to right, #76e397, var(--ep-success));
}

.aade-status-failed {
    background-image: linear-gradient(to right, #f29daf, var(--ep-danger));
}

.aade-status-incompatible {
    background-image: linear-gradient(to right, #f5eb7d, var(--ep-warning));
}

.aade-status-nottransmitted {
    background-image: linear-gradient(to right, transparent, #112fdf);
    height:25px;
}

.aade-status-offlineprinted {
    background-image: linear-gradient(to right, transparent, #ffe021);
    height:25px;
}

.aade-status-pdfnotsent {
    background-image: linear-gradient(to right, transparent, #734e2e);
    height:25px;
}

.aade-status-nosynopsis {
    background-image: linear-gradient(to right, transparent, #ed0c0c);
    height:25px;
}

.aade-status-classifications {
    background-image: linear-gradient(to right, transparent, #f47916);
    height:25px;
}

.aade-status-completed2 {
    background-image: linear-gradient(to right, transparent, #049a10);
    height: 25px;
}

.aade-status-massive-pending {
    background-image: linear-gradient(to right, transparent, #df7111);
}

.aade-status-massive-failed {
    background-image: linear-gradient(to right, transparent, #ed0c0c);
}

.aade-status-massive-incompatible {
    background-image: linear-gradient(to right, transparent, #fff000);
}

.aade-status-massive-match {
    background-image: linear-gradient(to right, transparent, #90ee90);
}

.aade-status-massive-rejected {
    background-image: linear-gradient(to right, transparent, #db7093);
}

.aade-status-form-control-pending {
    background-image: linear-gradient(to left, #df7111, transparent);
    /* font-weight: bold; */
}

.aade-status-form-control-completed {
    background-image: linear-gradient(to left, #90ee90, transparent);
    /* font-weight: bold; */
}

.aade-status-form-control-failed {
    background-image: linear-gradient(to left, #ed0c0c, transparent);
    /* font-weight: bold; */
}

.aade-status-form-control-incompatible {
    background-image: linear-gradient(to left, #fff000, transparent);
    /* font-weight: bold; */
}

.aade-statusmemo-container {
    flex-wrap: wrap;
    color: #0a0c0d;
}

    .aade-statusmemo-container > *:not(:last-child) {
        margin-right: 1rem;
    }

.aade-hyperlink-sticky {
    text-align: center;
}

.aade-table-td {
    color: black;
}

.aade-esend-diffs {
    background-color: rgba(209, 84, 119, 0.5) !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    outline-color: white !important;
    font-weight: bold;
}

.aade-esend-no-diffs {
    background-color: rgba(140, 220, 160, 0.5) !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    outline-color: white !important;
    font-weight: bold;
}

.aade-esend-diffs-null {
    background-color: none;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    outline-color: white !important;
}

.k-numerictextbox
.k-input
.aade-esend-diffs
.k-focus
.telerik-blazor
.k-input-solid
.k-rounded-md
.k-input-md {
    font-weight: bold;
}

.aade-esend-classifications-diffs {
    background-color: rgba(209, 84, 119, 0.5) !important;
    font-weight: bold;
}

.aade-esend-classifications-no-diffs {
    background-color: rgba(140, 220, 160, 0.5) !important;
    font-weight: bold;
}

.aade-inline-icon-start {
    display: flex;
    align-items: flex-start;
    width: 100%;
    gap: 0.5rem
}

.aade-inline-icon-end {
    display: flex;
    align-items: flex-end;
    width: 100%;
    gap: 0.5rem
}

.aade-control-end-icon {
    position: relative;
    left: 0;
    top: 50%;
    color: var(--ep-primary)
}
 

.aade-description-label {
    flex: 1;
    white-space: normal;
    word-wrap: break-word;
}


.mydatasetup-document-series-duplicate {
    background-image: linear-gradient(to left,  var(--ep-warning), transparent);
}

.mydatasetup-classification-has-classtype {
    background-image: linear-gradient(to left,  var(--ep-success), transparent);
}

.mydatasetup-classification-detail-is-deleted {
    text-decoration: line-through;
    color: var(--ep-danger);
}

/*#endregion Aade Grid Row Color */

/* open items */
.openitem-status-partial {
    background-image: linear-gradient(#CAE7F4CC,#87CEEBCC);
}

.openitem-status-open {
    background-image: linear-gradient(#CFF8CFCC,#90EE90CC);
}

.openitem-status-closed {
    background-image: linear-gradient( #FCE0E4CC,#FFC0CBCC);
}

.openitem-status-inadvance {
    background-image: linear-gradient(#F0ECECCC, #D3D3D3CC);
}

.openitem-icons-container {
    justify-content: space-between;
}

    .openitem-icons-container > * {
        padding: 0px 5px;
    }

.open-item-icon > * {
    padding-right: 3px;
}

.k-colorful .k-grid .k-table-row.k-selected.openitem-status-partial > .k-table-td:not(.k-grid-content-sticky) {
    font-weight: 500;
    color: #444444;
    background-image: linear-gradient(#CAE7F4CC,#87CEEBCC);
}

.k-colorful .k-grid .k-table-row.k-selected.openitem-status-open > .k-table-td:not(.k-grid-content-sticky) {
    font-weight: 500;
    color: #444444;
    background-image: linear-gradient(#CFF8CFCC,#90EE90CC);
}

.k-colorful .k-grid .k-table-row.k-selected.openitem-status-closed > .k-table-td:not(.k-grid-content-sticky) {
    font-weight: 500;
    color: #444444;
    background-image: linear-gradient( #FCE0E4CC,#FFC0CBCC);
}

.k-colorful .k-grid .k-table-row.k-selected.openitem-status-inadvance > .k-table-td:not(.k-grid-content-sticky) {
    font-weight: 500;
    color: #444444;
    background-image: linear-gradient(#F0ECECCC, #D3D3D3CC);
}

.k-colorful .k-grid .k-table-row.k-selected.openitem-status-partial > td:first-child,
.k-colorful .k-grid .k-table-row.k-selected.openitem-status-open > td:first-child,
.k-colorful .k-grid .k-table-row.k-selected.openitem-status-closed > td:first-child,
.k-colorful .k-grid .k-table-row.k-selected.openitem-status-inadvance > td:first-child {
    border-left: 3px solid #444444;
}
/*#endregion open items */

/*#region crm workarea*/
.crmworkarea-redduerows {
    background-image: linear-gradient(to left, #ffb3bf, #fff5f6);
}

.crmworkarea-grayduerows {
    background-image: linear-gradient(to left, #BFBFBF, #f2f2f2);
}
/*#endregion crm workarea*/

/* multiselect grid with focus */
.k-multiselect-focusable .k-grid table.k-table .k-table-row.k-selected-bold td {
    background-color: hsl(var(--ep-primaryH), var(--ep-primaryS), 60%);
}
/*#endregion multiselect grid with focus */

div.-component-page {
    width: 100%;
}

    div.-component-page div.toolbar {
        position: initial;
        width: 100%;
    }

        /* Toolbar List, Save, Add, Delete Buttons */
        div.-component-page div.toolbar > .toolbar__secondary div.k-toolbar.ep-toolbar-inner,
        div.-component-page:not(.show-savebutton) div.toolbar > .toolbar__main div.k-toolbar.ep-toolbar-inner > button.ep-savebutton,
        div.-component-page:not(.show-savebutton) div.toolbar > .toolbar__main div.k-toolbar.ep-toolbar-inner > button.ep-savebutton > span,
        div.-component-page div.toolbar > .toolbar__main div.k-toolbar.ep-toolbar-inner > button.ep-savebutton + button,
        div.-component-page div.toolbar > .toolbar__main div.k-toolbar.ep-toolbar-inner > button.ep-savebutton + button > span,
        div.-component-page div.toolbar > .toolbar__main div.k-toolbar.ep-toolbar-inner > button.ep-savebutton ~ button:nth-child(4),
        div.-component-page div.toolbar > .toolbar__main div.k-toolbar.ep-toolbar-inner > button.ep-savebutton ~ button:nth-child(4) > span {
            visibility: hidden;
            min-width: 0;
            max-width: 0;
            padding: 0;
            margin: 0;
        }

div.-component-page__show-savebutton div.toolbar > .toolbar__secondary div.k-toolbar.ep-toolbar-inner > button:nth-child(1),
div.-component-page__show-savebutton div.toolbar > .toolbar__secondary div.k-toolbar.ep-toolbar-inner > button:nth-child(1) > span,
div.-component-page__show-savebutton div.toolbar > .toolbar__main div.k-toolbar.ep-toolbar-inner > button.ep-savebutton + button,
div.-component-page__show-savebutton div.toolbar > .toolbar__main div.k-toolbar.ep-toolbar-inner > button.ep-savebutton + button > span,
div.-component-page__show-savebutton div.toolbar > .toolbar__main div.k-toolbar.ep-toolbar-inner > button.ep-savebutton ~ button:nth-child(4),
div.-component-page__show-savebutton div.toolbar > .toolbar__main div.k-toolbar.ep-toolbar-inner > button.ep-savebutton ~ button:nth-child(4) > span {
    visibility: hidden;
    min-width: 0;
    max-width: 0;
    padding: 0;
    margin: 0;
}

/*#endregion Aade myData */

.qse-scan-area-wrapper {
    background-color: var(--buttonBG);
    box-shadow: rgba(99, 99, 99, 0.15) 0px 1px 5px 0px;
    border-radius: 0.7rem;
    overflow: hidden !important;
    height: 40px;
    width: 95% !important;
    z-index: 100;
}


.qse-extra-class {
    width: 100% !important;
    height: 100%;
}

    .qse-extra-class .ep-textbox__input {
        width: 100% !important;
    }

    .qse-extra-class .ep-button {
        width: 42px;
    }

    .qse-extra-class .k-button {
        width: 100%;
        height: 100%;
    }


    .qse-extra-class .wh-scancode-icon {
        font-size: 1.8em;
    }


    .qse-extra-class .k-textbox {
        height: 100%;
    }

    .qse-extra-class .ep-control__wrapper {
        height: 100%;
    }


    .qse-extra-class .ep-control__buttons {
        height: 100%;
    }

.qse-black-panel {
    background-color: #191919;
    height: 180px !important;
    border: 2px solid #ccc !important;
    border-radius: .5rem;
    box-shadow: rgba(99, 99, 99, 0.15) 0px 1px 5px 0px;
}

.k-progressbar-indeterminate {
    background-color: var(--ep-primary);
}
/*=LCD Panel*/
.qs-lcd-panel {
    background: hsl(var(--ep-primaryH) 20% 20%);
    box-shadow: inset 0px 0px 10px 0px #242427;
    border-radius: var(--borderRadius);
    border: 1px solid var(--borderColor);
    cursor: pointer;
    transition: .1s opacity ease-in;
}

.theme-default .qs-lcd-panel {
    background: hsl(var(--ep-secondaryH) 20% 20%);
}

.qs-lcd-panel:hover {
    opacity: .9;
}

.qs-lcd-panel__body {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    gap: 2rem;
    min-height: 62px;
    color: hsl(210deg 10% 95%);
    font-size: 1.5rem;
    font-weight: 600;
    font-family: monospace;
}

.qs-lcd-panel__item {
    font-weight: 300;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: auto;
}

.qs-lcd-panel__quantity {
    flex-shrink: 0;
}

    .qs-lcd-panel__quantity > i {
        opacity: .5;
    }

.qs-lcd-panel__totalValue {
    flex-shrink: 0;
}

.qs-lcd-panel__total {
    font-weight: 300;
    opacity: .5;
}

.qs-lcd-panel__nodata {
    opacity: .5;
}

.qs-lcd-panel.-expanded .qs-lcd-panel__body {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 1rem;
    text-align: right;
    line-height: 1.2;
}

.qs-lcd-panel.-expanded .qs-lcd-panel__item {
    white-space: normal;
    font-size: 1.4em;
    margin-right: 0;
}

.qs-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 50px;
}

.qs-breadcrumbs {
    display: flex;
    gap: .5rem;
    align-items: center;
}

.qs-breadcrumb__item {
    color: var(--ep-primary);
    background: #fff;
    padding: .3rem .8rem;
    border-radius: 20px;
    cursor: pointer;
}

.theme-default .qs-breadcrumb__item {
    color: var(--ep-secondary);
}

.dark-mode .qs-breadcrumb__item {
    background: #1e253b
}

.qs-breadcrumb__item.-active {
    color: #fff;
    background: var(--ep-primary);
}

.theme-default .qs-breadcrumb__item.-active {
    background: var(--ep-secondary);
}

/*CAROUSEL*/
.carousel-panel__body {
    position: relative;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    transition: all 0.2s;
    will-change: transform;
    user-select: none;
    cursor: pointer;
    display: flex;
    gap: 1rem;
    padding-bottom: .5rem;
    background: var(--qsPanelBG);
    padding: 1rem 1rem .5rem 1rem;
    border-radius: var(--borderRadius);
    border: 1px solid var(--qsPanelBG);
}

    .carousel-panel__body.-active {
        cursor: grabbing;
        cursor: -webkit-grabbing;
    }

.modal-window .carousel-panel {
    box-shadow: rgba(99, 99, 99, 0.15) 0px 1px 5px 0px;
    border-radius: var(--borderRadius);
    height: 100%;
    width: 80%;
    overflow: hidden;
    background-color: var(--panelBG);
    display: flex;
    flex-direction: column;
    -webkit-animation: scale-in-center 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: scale-in-center 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.modal-window .carousel-panel__header {
    display: flex;
    font-size: 1rem;
    font-weight: 600;
    padding: var(--generalPadding) 1rem;
    background-color: var(--panelHeaderBG);
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.5rem;
}

.modal-window .carousel-panel__body {
    position: relative;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    cursor: default;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    flex-direction: column;
    padding: 1rem;
}

.carousel-card {
    background-color: var(--qsCardBG);
    padding: 0.5rem;
    transition: background-color 0.3s ease; /* box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 6px; */
    flex-basis: 200px;
    flex-shrink: 0;
    flex-grow: 0;
    font-size: 1.2rem;
    cursor: pointer;
    border-radius: var(--borderRadius);
    border: 1px solid var(--borderColor);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: .5rem;
    transition: .1s ease-in;
    min-height: 82px;
}

.carousel-card {
    background-color: hsla(var(--ep-primaryH), var(--ep-primaryS), 70%, .2);
    border-color: hsla(var(--ep-primaryH), var(--ep-primaryS), 70%, .2);
    font-size: 1.1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: .5rem;
    transition: .1s ease-in;
    min-height: 76px;
}

.theme-default .carousel-card {
    background-color: hsla(var(--ep-secondaryH), var(--ep-secondaryS), 70%, .2);
    border-color: hsla(var(--ep-secondaryH), var(--ep-secondaryS), 70%, .2);
}

.carousel-card i {
    color: var(--ep-primary);
}

.theme-default .carousel-card i {
    color: var(--ep-secondary);
}

.carousel-card:hover {
    background-color: hsla(var(--ep-primaryH), var(--ep-primaryS), 70%, .1 );
    box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 6px;
    transform: scale(1.05);
}

.theme-default .carousel-card:hover {
    background-color: hsla(var(--ep-secondaryH), var(--ep-secondaryS), 70%, .1 );
}

/*.carousel-card.-active { background-color: var(--ep-primary); color: #fff; }*/
/*.theme-default .carousel-card.-active { background-color: var(--ep-secondary); }*/
/*.carousel-card.-active .carousel-card__title { color: #fff; }*/
.carousel-card.-active {
    outline: 3px solid var(--ep-primary);
    outline-offset: 2px;
}

.carousel-card__title {
    font-size: 1em;
    color: var(--textStrong);
    font-weight: 400;
    line-height: 1.2;
    margin: 0;
}

.carousel-panel__header,
.qs-invattr__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
}

.carousel-panel__title,
.qs-invattr__title {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--ep-primary);
}

/* Lines Panel */
:root {
    --qsPanelBG: #e8eff7;
    --qsCardBG: #fff;
}

.dark-mode {
    --qsPanelBG: #212136;
    --qsCardBG: #333349;
}

.qs-lines-panel {
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 1rem;
    padding: 1rem;
    background: var(--qsPanelBG);
    border-radius: var(--borderRadius);
}

.ep-grid-toolbar .qs-scancode {
    order: -1;
    flex: 1 1 auto;
    padding-right: 10rem;
}

.qs-scancode .ep-textbox__input {
    flex: 1;
}

.qs-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    flex: 1;
    overflow: auto;
}

.qs-empty-list {
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    font-weight: 300;
    font-size: 1.5rem;
    padding: 0 5rem;
}

.qs-list-item {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    border-radius: var(--borderRadius);
    padding: 0.5rem;
    align-items: center;
    font-size: 1.1rem;
    gap: .5rem;
    background: var(--qsCardBG);
    border: 2px solid var(--qsCardBG);
    color: var(--textStrong);
    transition: .1s ease-in;
    overflow: auto;
    flex-shrink: 0;
}

    .qs-list-item.-active {
        border-color: var(--ep-primary);
        background-color: var(--qsCardBG);
    }

    .qs-list-item:hover {
        box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 6px;
        background-color: hsla(var(--ep-primaryH), var(--ep-primaryS), 100%, .8);
    }

.theme-default .qs-list-item:hover {
    background-color: hsla(var(--ep-secondaryH), var(--ep-secondaryS), 100%, .8);
}

.dark-mode .qs-list-item {
    background-color: hsla(var(--ep-secondaryH), var(--ep-secondaryS), 30%, .2);
}

    .dark-mode .qs-list-item:hover {
        background-color: hsla(var(--ep-secondaryH), var(--ep-secondaryS), 20%, .2);
    }

.qs-list-item__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    gap: 1rem;
}

.qs-list-item__footer {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
}

.qs-list-item h2 {
    font-size: 1em;
    font-weight: 400;
    line-height: 1.1;
    margin: 0;
    margin-right: auto;
    cursor: pointer;
    color: var(--ep-primary);
}

.theme-default .qs-list-item h2 {
    color: var(--ep-secondary);
}

.qs-list-item h2:hover {
    text-decoration: underline;
}

.qs-list-item__del-btn {
    font-size: 1em;
    cursor: pointer;
    transition: .1s all ease-in;
}

    .qs-list-item__del-btn:hover {
        color: var(--ep-danger);
    }

.qs-list-item__attributes-btn {
    font-size: 1em;
    cursor: pointer;
    transition: .1s all ease-in;
}

    .qs-list-item__attributes-btn:hover {
        color: var(--ep-orange);
    }

.qs-list-item__quantity {
    display: flex;
    gap: .5rem;
    align-items: center;
}

    .qs-list-item__quantity .fa-xmark {
        opacity: .5
    }

/* =dials*/
.qs-list-item__dials {
    display: flex;
    gap: .2rem;
    align-items: center;
    background: var(--buttonBG);
    border-radius: 20px;
    padding: 0;
    overflow: hidden;
    color: var(--buttonColor);
}

.qs-list-item__dial-btn {
    font-size: 2rem;
    padding: 5px;
    cursor: pointer;
    line-height: 1;
    transition: .1s all ease-in;
}

    .qs-list-item__dial-btn:hover {
        color: var(--textStrong);
        background: var(--buttonHoverBG);
    }

.qs-list-item__dials input {
    width: 50px;
    padding: 0 2px;
    height: 2rem;
    border: none;
    box-sizing: border-box;
    text-align: center;
    border-radius: var(--borderRadius);
    background: var(--inputBG);
}

    .qs-list-item__dials input::-webkit-outer-spin-button,
    .qs-list-item__dials input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
    /* Chrome, Safari, Edge, Opera */
    .qs-list-item__dials input[type=number] {
        -moz-appearance: textfield;
    }
    /* Firefox */
    .qs-list-item__dials input:focus-visible {
        outline: 1px solid var(--ep-primary);
    }

.qs-list-item__totalValue {
    flex-shrink: 0;
    flex-basis: 100px;
    text-align: right;
    font-weight: 500;
}

.qs-list-item__total {
    opacity: .5;
    font-weight: 400;
}

/*=totals*/
.qs-totals {
    background: var(--qsCardBG);
    padding: 1rem;
    border-radius: 10px;
    margin-top: auto;
}

.qs-totals__total-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.5rem;
    border-top: 2px dashed var(--textStrong);
    color: var(--textStrong);
    padding-top: .3rem;
    margin-top: 1rem;
}

.qs-totals__vat-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--textDefault);
    margin-top: .3rem;
}

.qs-totals__discount-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--textDefault);
    margin-top: .3rem;
}

.qs-totals strong {
    font-size: 1.5em;
    font-weight: 600;
}

/*=Carousel QuickSales*/
.qs-carousel-buttons {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
    margin-bottom: 1rem;
}

.qs-categories-panel__header {
    display: none;
}

.qs-categories-panel__body {
    position: relative;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    transition: all 0.2s;
    will-change: transform;
    user-select: none;
    cursor: pointer;
    display: flex;
    gap: 1rem;
    padding-bottom: .5rem;
    background: var(--qsPanelBG);
    padding: 1rem 1rem .5rem 1rem;
    border-radius: var(--borderRadius);
    border: 1px solid var(--qsPanelBG);
}

    .qs-categories-panel__body.-active {
        cursor: grabbing;
        cursor: -webkit-grabbing;
    }

/* =fake modal */
.modal-window .qs-categories-panel {
    box-shadow: rgba(99, 99, 99, 0.15) 0px 1px 5px 0px;
    border-radius: var(--borderRadius);
    height: 100%;
    width: 80%;
    overflow: hidden;
    background-color: var(--panelBG);
    display: flex;
    flex-direction: column;
    -webkit-animation: scale-in-center 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: scale-in-center 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.modal-window .qs-categories-panel__header {
    display: flex;
    font-size: 1rem;
    font-weight: 600;
    padding: var(--generalPadding) 1rem;
    background-color: var(--panelHeaderBG);
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.5rem;
}

.modal-window .qs-categories-panel__body {
    position: relative;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    cursor: default;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    flex-direction: column;
    padding: 1rem;
}

@-webkit-keyframes scale-in-center {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes scale-in-center {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

.qs-sub-categories {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 1rem;
    padding: 1rem;
}

/* =Cards */
.qs-categories-card,
.qs-item-card {
    background-color: var(--qsCardBG);
    padding: 0.5rem;
    transition: background-color 0.3s ease; /* box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 6px; */
    flex-basis: 200px;
    flex-shrink: 0;
    flex-grow: 0;
    font-size: 1.2rem;
    cursor: pointer;
    border-radius: var(--borderRadius);
    border: 1px solid var(--borderColor);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: .5rem;
    transition: .1s ease-in;
    min-height: 82px;
}

.qs-item-card {
    background-color: hsla(var(--ep-primaryH), var(--ep-primaryS), 70%, .2);
    border-color: hsla(var(--ep-primaryH), var(--ep-primaryS), 70%, .2);
    font-size: 1.1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: .5rem;
    transition: .1s ease-in;
    min-height: 76px;
}

.theme-default .qs-item-card {
    background-color: hsla(var(--ep-secondaryH), var(--ep-secondaryS), 70%, .2);
    border-color: hsla(var(--ep-secondaryH), var(--ep-secondaryS), 70%, .2);
}

.qs-item-card i {
    color: var(--ep-primary);
}

.theme-default .qs-item-card i {
    color: var(--ep-secondary);
}

.qs-categories-card:hover {
    box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 6px;
    transform: scale(1.05);
}

.qs-item-card:hover {
    background-color: hsla(var(--ep-primaryH), var(--ep-primaryS), 70%, .1 );
    box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 6px;
    transform: scale(1.05);
}

.theme-default .qs-item-card:hover {
    background-color: hsla(var(--ep-secondaryH), var(--ep-secondaryS), 70%, .1 );
}

.qs-item-card.-backbtn {
    background-color: var(--qsCardBG);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5rem;
    color: var(--ep-primary)
}

    .qs-item-card.-backbtn:hover {
        background-color: var(--ep-primary);
        color: #fff;
        box-shadow: none;
    }

.theme-default .qs-item-card.-backbtn:hover {
    background-color: var(--ep-secondary);
}

.qs-item-card.-backbtn:hover i {
    color: #fff;
}

.qs-items {
    display: flex;
    gap: 1rem;
    padding-bottom: .5rem;
    flex-wrap: wrap;
}

.qs-categories-card__title,
.qs-item-card__title {
    font-size: 1em;
    color: var(--textStrong);
    font-weight: 400;
    line-height: 1.2;
    margin: 0;
    word-break: break-word;
    height: 5rem;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.qs-categories-card.-active {
    background-color: var(--ep-primary);
    color: #fff;
}

.theme-default .qs-categories-card.-active {
    background-color: var(--ep-secondary);
}

.qs-categories-card.-active .qs-categories-card__title {
    color: #fff;
}

/*Acc MyData Cards*/
.myData-cardBody {
    background: var(--panelBG);
    border-radius: .5rem;
    box-shadow: rgba(0, 0, 0, 0.05) 0 4px 12px 0;
}


.btn.MyData-btn-sq.btn-secondary {
    width: 100px !important;
    height: 100px !important;
    font-size: 13px;
    border: 1px solid var(--borderColor);
    padding: 12px;
    font-weight: 500;
    color: #484848;
    margin-right: 20px;
    margin-bottom: 5px;
    line-height: 13px;
}

.myDataH6 {
    font-size: 16px;
    font-weight: bold;
    color: var(--bs-gray);
    margin-top: 10px;
    transform: translateY(16px);
    letter-spacing: 0.3px;
}

.myData-cnt-p {
    font-size: 14px;
    width: 100%;
    text-align: center;
    color: var(--textGray);
    margin-bottom: 17px;
    font-weight: 500;
}

.myData-cnt-div {
    width: 65px;
    display: block;
    height: 50px;
    border: 1px solid var(--borderColor);
    border-radius: 3px;
    margin-top: -16px;
    text-align: center;
    padding: 12px 0;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 600;
}

.MyData-btn-sq {
    width: 100px !important;
    height: 100px !important;
    font-size: 11px;
    border: 1px solid var(--borderColor);
    padding: 12px;
    font-weight: 600;
}

    .MyData-btn-sq i {
        font-size: 33px;
        display: inline-block;
        margin-bottom: 5px;
        margin-top: 5px;
    }

.MyData-btn-colGroup {
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
}

/*Acc MyData Cards*/

.cell-disabled {
    background-color: #cfcdcd;
}

.inv-attributes-grid:not(.inv-attributes-combinations) .k-grid td.k-table-td[data-col-index]:not([data-col-index="0"]):not([data-col-index="1"]) {
    padding: .123rem !important;
}

.inv-attributes-combinations .k-grid td.k-table-td {
    padding: 0;
}

    .inv-attributes-combinations .k-grid td.k-table-td .invattr1-cell {
        padding: .6rem;
        box-sizing: border-box;
    }

.inv-attributes-grid:not(.inv-attributes-combinations) .k-grid td.k-table-td[data-col-index="1"] {
    padding: 0;
}

.inv-attributes-grid .k-grid td.k-table-td .attr-status {
    padding: .5rem;
    display: flex;
    align-items: center;
    border-radius: 4px;
    box-sizing: border-box;
}

    .inv-attributes-grid .k-grid td.k-table-td .attr-status.attr-status__blockpurchases {
        background-color: #e57373;
        border: 1px solid #d32f2f;
    }

    .inv-attributes-grid .k-grid td.k-table-td .attr-status.attr-status__available {
        background-color: #76ea85;
        border: 1px solid #049a10;
    }

    .inv-attributes-grid .k-grid td.k-table-td .attr-status.attr-status__unavailable {
        background-color: #817d7d;
        border: 1px solid #0c0c0c;
    }

    .inv-attributes-grid .k-grid td.k-table-td .attr-status.attr-status__blocksales {
        background-color: #ed9a9a;
        border: 1px solid #ff5e5e;
    }

.inv-attributes-grid .k-grid td.k-table-td .icon {
    margin-right: 8px;
}

.inv-attributes-grid .k-grid td.k-table-td .attr-status__blockpurchases .icon,
.inv-attributes-grid .k-grid td.k-table-td .attr-status__blocksales .icon,
.inv-attributes-grid .k-grid td.k-table-td .attr-status__unavailable .icon {
    color: #b71c1c;
}

.inv-attributes-grid .k-grid td.k-table-td .attr-status__available .icon {
    color: #07bd15;
}

.inv-attributes-grid .k-grid td.k-table-td .attr-status__blocksales .text,
.inv-attributes-grid .k-grid td.k-table-td .attr-status__blockpurchases .text,
.inv-attributes-grid .k-grid td.k-table-td .attr-status__available .text {
    color: #212121;
}

.inv-attributes-grid .k-grid td.k-table-td .attr-status__unavailable .text {
    color: #fff;
}

.qs-invattr-numeric-input {
    width: 10rem;
}

.qs-list-item__dials .qs-invattr-numeric-input input:focus-visible {
    outline: none;
}

.col-summary {
    background-color: #d6d62d;
    box-sizing: border-box;
}

.btnMrgnTop20 {
    margin-top: 20px;
}

div.btn-zoom-hide div.ep-control__buttons > div:nth-child(2) {
    display: none;
}

.SetHeightAuto {
    height: auto;
}

.k-grid th.center-wrap {
    justify-content: center;
    text-align: center;
    white-space: normal;
    vertical-align: middle;
}

    .k-grid th.center-wrap .k-column-title {
        white-space: normal;
    }

.ep-wizard .k-wizard {
    flex: 1;
}
/*ACTIVE USERS*/
.active-users-link {
    color: #4B34D4;
    cursor: pointer;
    text-align: right;
    font-size: small;
    margin-top: 0.5rem;
    margin-bottom: -0.5rem;        
}
.active-users-link:hover {
    color: darkblue;
}
/* COLOR LEGEND*/
.colorlegend-container {
    position: relative;
}

.colorlegend-info {
    display: inline-block;
    font-size: 1.5rem;
    padding-left: 1rem;
}

    .colorlegend-info:hover + .colorlegend-list {
        visibility: visible;
        opacity: 1;
        background-color: var(--mainBG);
    }

.colorlegend-list {
    position: absolute;
    max-height: 30rem;
    z-index: 999;
    left: 3rem;
    bottom: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
}

.colorlegend-item {
    padding: .2rem;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.colorlegend-item__color {
    height: 1rem;
    width: 2rem;
}

.px12-right-padding {
    padding-right: 12px;
}

/* CONTEXT MENU */
.context-menu-center {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 1001 !important;
}

    .context-menu-center li {
        font-size: 2rem !important;
        padding: 1rem;
        border-bottom: 1px solid var(--borderColor);
    }

        .context-menu-center li:hover,
        .context-menu-center li:hover span.k-menu-link {
            font-size: 2rem !important;
            background: var(--ep-primary) !important;
            color: #fff !important;
        }

        .context-menu-center li span {
            outline: none !important;
            box-shadow: none !important;
        }

.context-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}
/*Doc F2 Styles*/

.tf_prefix_cstm {
    background-color: #9ad0ea;
    /* flex: 0.5; */
    /* padding-right: 5px; */
    /* padding-left: 5px; */
    padding: 4px 5px 0 5px;
    /* display: block; */
    height: 100%;
    width: 100%;
    text-align: center;
    /* border-right: 1px solid; */
    /* padding-top: 4px; */
    margin-right: 7px;
    color: black;
}

.tf_label_1row_fcode {
    height: 25px;
    margin-top: 0px;
}

    .tf_label_1row_fcode label {
        background-color: #9ad0ea;
        height: 30px;
        padding: 2px 0 0 8px;
    }

        .tf_label_1row_fcode label.ep-numeric__label.ep-label.k-label {
            flex: 0.3;
            margin-bottom: 5px;
            margin-right: .2rem;
            min-width: 40px;
        }


.tf_label_1row_fcode_mltSlct {
    height: 25px;
    margin-top: 0px;
}

    .tf_label_1row_fcode_mltSlct label {
        background-color: #9ad0ea;
        height: 30px;
        padding: 1px 2px 0 4px;
    }

        .tf_label_1row_fcode_mltSlct label.ep-multiselect__label.ep-label.k-label {
            flex: 0.071;
            margin-right: 0.19rem;
            height: 2em;
            margin-left: -4px;
            text-align: center;
        }

.tf_label_1row_fcode_cstm {
    height: 25px;
    margin-top: 0px;
}

    .tf_label_1row_fcode_cstm label {
        background-color: #9ad0ea;
        height: 30px;
        padding: 4px 7px 0 8px;
    }

        .tf_label_1row_fcode_cstm label.ep-label.k-label {
            flex: 0.3;
            margin-bottom: 5px;
            margin-right: .2rem;
            min-width: 40px;
        }

.tf_label_1row_fcode_pl10 {
    height: 25px;
    margin-top: 0px;
    padding-left: 10px;
}

    .tf_label_1row_fcode_pl10 label {
        background-color: #9ad0ea;
        height: 30px;
        padding: 2px 0 0 8px;
    }

        .tf_label_1row_fcode_pl10 label.ep-numeric__label.ep-label.k-label {
            flex: 0.3;
            margin-bottom: 5px;
            margin-right: .2rem;
            min-width: 40px;
        }

.tf_mid_label {
    min-width: 50px;
    text-align: center;
    padding-right: 10px;
}

.tf_mid_label_mtm17 {
    min-width: 40px;
    text-align: center;
    padding-right: 18px;
    margin-left: 5px;
    margin-top: -11px;
    font-size: 12px;
}
.tf_mid_label_pr8 {
    min-width: 40px;
    text-align: center;
    padding-right: 8px;
    margin-left: 5px;
    margin-top: -11px;
    font-size: 12px;
}
.tf_mid_signes_label {
    padding-right: 10px;
    margin-top: 26px;
}

.tf_mid_signes_prorata_label {
    padding-right: 10px;
    text-align: center;
}

.tf_first_label_4rowl {
    display: block;
    margin-top: -9px;
    margin-right: 26px;
    border-right: 1px solid #6d7fa5;
    padding-top: 22px;
    padding-bottom: 22px;
    text-align: center;
    font-size: 11px;
}

.tf_first_label_2rowl {
    display: block;
    margin-top: 22px;
    margin-right: 26px;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: center;
    font-size: 12px;
}

.tf_centered_header_label_2rows p, .tf_centered_header_label p {
    text-align: center;
    font-weight: 600;
    margin-bottom: 0;
}

.tf_centered_header_label {
    padding: 10px 0;
    height: 50px;
}

.tf_centered_header_label_2rows {
    height: 50px;
}

.tf_standard_pre_fcode_label {
    text-align: center;
    font-size: 12px;
    line-height: 13px;
    padding: 0 4px;
}

.tf_xs_pre_fcode_label {
    text-align: center;
    font-size: 9px;
    line-height: 13px;
    padding: 0 4px;
}

.tf_sum_header {
    font-weight: bold;
    text-align: center;
    margin-top: -12px;
}

.tf_total_sum_header {
    font-weight: bold;
    text-align: center;
    padding-left: 90px;
}

.tf_triangle-right_2rows {
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-left: 20px solid #555;
    border-bottom: 30px solid transparent;
    margin-left: 5px;
    margin-top: -2px;
    margin-right: 5px;
}

.tf_triangle-right_3rows {
    width: 0;
    height: 0;
    border-top: 40px solid transparent;
    border-left: 20px solid #555;
    border-bottom: 40px solid transparent;
    margin-left: 5px;
    margin-top: 2px;
    margin-right: 5px;
}

.tf_chckbx_margin {
    margin: 0 10px;
}

.tf_control_wrapper {
    margin-top: -7px;
}

    .tf_control_wrapper > .ep-control__wrapper {
        /*max-width: 45%;*/
        flex: 1 1 0;
    }

    .tf_control_wrapper > .ep-label > span {
        /*word-break: break-all;*/
        white-space: normal;
        text-align: center;
        line-height: 12px;
        font-weight: 400;
        font-size: 0.75rem;
    }

    .tf_control_wrapper.label-above .ep-label {
        height: 2rem;
        width: 100%;
    }

.tf_prorata_title {
    font-weight: 600;
    text-decoration: underline;
}

.tf_mt20 {
    margin-top: 20px;
}

.tf-min-height {
    min-height: 90px !important;
}
/*Docs Create Controls*/
.dc-cards {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
    width: 100%;
}

.dc-card {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 12rem;
    background: var(--panelBG);
    border-radius: .5rem;
    padding: 1rem 1rem 0.1rem 1rem;
    box-shadow: rgba(0, 0, 0, 0.05) 0 4px 12px 0;
    border: 1px solid var(--borderColor);
    position: relative;
    height: 7rem;
    display: flex;
    flex-direction: column;
}

    .active, .dc-card:hover {
        border-color: var(--ep-primary-active);
        cursor: pointer;
    }

    .dc-card:active {
        border-color: var(--ep-primary-active);
    }

    .dc-card .value {
        font-size: 2.5rem;
        font-weight: 500;
        line-height: 1;
        margin: 0;
        flex-grow: 1;
    }

    .dc-card .title {
        font-size: 1.6rem;
        font-weight: 600;
        color: var(--textGray);
        margin-top: auto;
    }

    .dc-card i {
        font-size: 3.5rem;
        position: absolute;
        right: 1rem;
        top: 1.3rem;
    }

    .dc-card.-pending i {
        color: var(--ep-info);
    }

    .dc-card.-failed i {
        color: var(--ep-warning);
    }

    .dc-card.-error i {
        color: var(--ep-danger);
    }

    .dc-card.-completed i {
        color: var(--ep-success);
    }

.tf-browse-cstm-link {
    color: var(--ep-link-color);
    text-decoration:none;
}
.tf-browse-cstm-link:hover {
    color: var(--ep-link-color);
    text-decoration: underline;
}

/* CONTEXT MENU --/> */
/* MEDIA QUERIES*/
@media(max-width: 1415px) {
    .ep-grid-toolbar .qs-scancode {
        padding: 0;
    }
}