/** {
    --rz-scrollbar-color: var(--colors-fill-grayscale-medium-secondary);
}*/

/* Global scrollbar styling */
:root {
    --scrollbar-width: 4px !important;
    --scrollbar-thumb-color: var(--colors-fill-grayscale-medium-secondary) !important;
    --scrollbar-track-color: var(--colors-fill-quatrenary) !important;
    --scrollbar-border-radius: 8px;
}

*::-webkit-scrollbar {
    width: 4px !important;
    height: 4px !important;
}

*::-webkit-scrollbar-track {
    background: var(--colors-fill-quatrenary) !important;
    border-radius: 8px !important;
}

*::-webkit-scrollbar-thumb {
    background-color: var(--colors-fill-grayscale-medium-secondary) !important;
    border-radius: 8px !important;
    border: none !important;
}




body {
    background-color: #ffffff;
}

.card {
    box-shadow: 0px 0px 6px 0px rgba(194, 199, 203, 0.30);
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #000000;
}

.k-disabled {
    background-color: #f8f8f8;
}

.k-tabstrip .k-tabstrip-content.k-active {
    overflow: visible;
    padding-right: 0px;
}

/* Disabled form label normal opacity fix */
.ebcForm .k-disabled {
    opacity: 1;
}

    .ebcForm .k-disabled .k-form-field-wrap {
        opacity: 0.65;
    }

.k-datepicker {
    height: 36px;
}

.ebcForm .k-dropdownlist {
    height: 35px;
}

.telerikFormCheckbox {
    padding-top: 25px;
}

.k-form .k-input-solid:not(.k-invalid), .k-input-solid:not(.k-invalid),
.ebcForm .k-dropdownlist:not(.k-invalid), .k-datepicker.k-input-solid:not(.k-invalid),
.k-dropdownlist.k-picker-solid:not(.k-invalid), .k-dropdownlist.k-picker-solid:hover:not(.k-invalid),
.k-picker-solid.k-hover:not(.k-invalid) {
    border-color: #e7e9ee;
}

.k-textbox.k-input input:placeholder-shown {
    font-style: italic;
}

.k-datepicker .k-button {
    background-color: inherit;
}

@keyframes slideIn {
    from {
        top: 100%;
    }

    to {
        top: 50%;
    }
}

@keyframes slideOut {
    from {
        top: 50%;
    }

    to {
        top: 100%;
    }
}

.successNotification .k-notification {
    border-top: 3px solid #71be1c !important;
    padding: 2rem;
    width: 436px;
}

.successNotification .k-svg-icon {
    top: -40px;
    right: -20px;
}

.k-button-text {
    font-family: "AvenirNext-Demi";
}

.k-animation-container .k-dropdownlist-popup {
    height: auto !important; /* Removes the excess white space in dropdown menu */
    max-height: 200px;
}

*/.k-form .k-form-legend, .k-tabstrip-content {
    border-style: none !important;
}

.ebcForm .k-form-label, .ebcForm label {
    font-family: proxima-nova, sans-serif;
    font-size: 0.875rem;
    color: var(--neutral-color);
}

.ebcForm.k-form .k-form-fieldset {
    margin-top: 0px;
}

.actionEditIcon {
    width: 26px;
    height: 24px;
    cursor: pointer;
    margin-top: -3px;
}

.ViewInvoiceLink img {
    margin-top: -2px;
    cursor: pointer;
}

.autoPaymentSubFormHeader {
    font-family: "AvenirNext-Medium";
    font-size: 0.875rem;
    font-weight: 500;
    font-style: italic;
}

.toggleStatusButton {
    width: 74px;
    height: 70px;
    margin-top: -25px;
    cursor: pointer;
}

.k-dropdownlist:has(+.validation-message) {
    border-color: #e02020;
}

.ebcForm .k-actions-start {
    justify-content: space-between;
}

.receiptNotesTextArea {
    height: 115px;
}

.k-list-item:focus, .k-list-optionlabel:focus, .k-list-item.k-focus, .k-focus.k-list-optionlabel {
    box-shadow: none !important;
}

.k-dropdownlist.k-picker-solid {
    background-color: #ffffff;
}

    .k-dropdownlist.k-picker-solid:hover, .k-picker-solid.k-hover {
        background-color: inherit;
    }

h2.stepHeader {
    margin-bottom: 0px;
    line-height: 2.25rem;
}

.card-header {
    padding-right: 1rem;
    padding-left: 1rem;
}

.card-body {
    padding: 1rem;
}


.telerik-blazor.k-chart svg {
    overflow: visible !important;
}

.form-control {
    border-color: #e7e9ee;
}

.sectionIcon {
    margin-top: -4px;
}

.headerTextRight .k-cell-inner {
    justify-content: end;
}

.noneSelectedError {
    padding: 10px 35.5px;
}

.timeoutModalText span {
    font-family: "AvenirNext-Regular, sans-serif";
    font-size: 1.25rem;
}

    .timeoutModalText span.timeRemaining {
        font-family: "AvenirNext-Demi";
    }

.numericTextBoxLabel {
    line-height: 35px;
}

@media (max-width: 1300px) {
    #reviewPaymentStep .maxWidthStyling, .maxWidthStyling .matchPaymentAmountWidth {
        max-width: 420px;
    }
}

.invoiceSelectText:has(~ form .validation-message) {
    border-color: #e02020 !important;
}

.accountLabelText {
    font-family: AvenirNext-Medium;
    font-size: 0.875rem;
}

.k-chart-tooltip {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

.custom-textbox {
    border-radius: 8px;
}

.term-based-dialog {
    position: relative;
    width: 40%;
    height: 60%;
    border: none !important;
    box-shadow: none !important;
}

.Dialog-btn {
    flex: none;
    position: center;
    background-color: rgb(41 126 220 / 96%);
    color: white;
    border: none !important;
    width: 100px;
    height: 42px;
}

.dialog-button-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.k-dialog-actions {
    border-width: 0px;
    padding-bottom: 25px;
}

.k-button-md.k-icon-button .k-button-icon.k-svg-icon > svg, .k-button-md.k-icon-button .k-button-icon.k-icon-md > svg {
    width: 25px;
    height: 25px;
}

.dialog-h1 {
    font-family: "AvenirNext-Regular, sans-serif";
    font-size: 1.75rem;
    color: #000000;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0;
}

.paymentHistoryCharts .medium-card-padding {
    height: 100% !important;
}

.auto-payment-fields .input-container {
    width: auto;
}

.textareaWrapper .input-text textarea {
    min-height: 126px !important;
}

.payment-img {
    width: 26px;
    height: 24px;
}

.cardWidth {
    min-width: 519px;
}

.myAccountContainer .large-card-padding {
    padding: 32px !important;
}

.error-border {
    border: solid 1px var(--colors-stroke-error) !important;
    box-shadow: none !important;
}

paymentMethodDropDownWrapper .k-input, .k-picker {
    margin: 0;
    padding: 0;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    outline: 0;
    font-family: var(--kendo-font-family, inherit);
    font-size: var(--kendo-font-size, inherit);
    line-height: var(--kendo-line-height, normal);
    font-weight: normal;
    text-align: start;
    box-shadow: none;
    display: inline-flex;
    flex-flow: row nowrap;
    align-items: stretch;
    vertical-align: middle;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-appearance: none;
    height: 42px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    padding: 6px 16px;
    border-radius: 8px;
    border: solid 1px var(--colors-stroke-light);
    background-color: var(--colors-fill-grayscale-light-primary);
}

button:focus,
:focus-visible {
    outline: none !important;
}

.k-picker-solid:focus-within {
    border: solid 1px var(--colors-stroke-active) !important;
    box-shadow: 0 0 4px 0 #6b88ff !important;
}

.ebiz-side-nav.set-width-60px .k-drawer-wrapper {
    width: 60px !important;
}

.side-nav-custom-padding .dropdown-popup-outer {
    padding: 16px;
    min-width: 256px;
    min-height: 268px;
}

.side-nav-popup {
    left: 8px !important;
}

.side-nav-custom-width-cpn {
    left: 55px !important;
    top: 24px !important;
}

.text-end {
    text-align: right !important;
}

.EBizModal .k-window-title {
    display: flex;
}
.numericTextRight {
    height: 42px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 6px 16px;
    border-radius: 8px !important;
    border: solid 1px var( ) !important;
    box-shadow: none !important;
}

.step-content-panel .numericTextRight:hover {
    border: solid 1px var(--colors-stroke-medium) !important;
}

.step-content-panel .numericTextRight.k-focus {
    border: solid 1px var(--colors-stroke-active) !important;
}

.step-content-panel .numericTextRight input {
    text-align: right;
    font-family: ProximaNova;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: var(--colors-content-primary);
    padding: 0;
}