@font-face {
    font-family: "Avenir Next LT Pro";
    src: url('../fonts/AvenirNextLTPro-Regular.woff');
    src: url('../fonts/AvenirNextLTPro-Regular.woff?#iefix') format('woff'), url("../fonts/AvenirNextLTPro-Regular.ttf") format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: "AvenirNext";
    src: url('../fonts/AvenirNextLTPro-Medium.woff');
    src: url('../fonts/AvenirNextLTPro-Medium.woff?#iefix') format('woff'), url("../fonts/AvenirNextLTPro-Medium.ttf") format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: "AvenirNext-Regular";
    src: url('../fonts/AvenirNextLTPro-Regular.woff');
    src: url('../fonts/AvenirNextLTPro-Regular.woff?#iefix') format('woff'), url("../fonts/AvenirNextLTPro-Regular.ttf") format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: "AvenirNext-Medium";
    src: url('../fonts/AvenirNextLTPro-Medium.woff');
    src: url('../fonts/AvenirNextLTPro-Medium.woff?#iefix') format('woff'), url("../fonts/AvenirNextLTPro-Medium.ttf") format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: "AvenirNext-Italic";
    src: url('../fonts/AvenirNextLTPro-Regular.woff');
    src: url('../fonts/AvenirNextLTPro-Regular.woff?#iefix') format('woff'), url("../fonts/AvenirNextLTPro-It.ttf") format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: "AvenirNext-Demi";
    src: url('../fonts/AvenirNextLTPro-Regular.woff');
    src: url('../fonts/AvenirNextLTPro-Regular.woff?#iefix') format('woff'), url("../fonts/AvenirNextLTPro-Demi.ttf") format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: "AvenirNext-Demi-Bold";
    src: url('../fonts/AvenirNextLTPro-Demi.ttf');
    font-weight: normal;
}

@font-face {
    font-family: "AvenirNext-Bold";
    src: url('../fonts/AvenirNextLTPro-Bold.ttf');
    src: url('../fonts/AvenirNextLTPro-Bold.woff?#iefix') format('woff'), url("../fonts/AvenirNextLTPro-Bold.ttf") format('truetype');
    font-weight: normal;
}


/* Qualtrics "Give Feedback" tag must not overlap with scrollbar */
#QSIFeedbackButton-btn {
    right: 13px !important;
}


@media print {
    body: before {
        content: url('/Content/EbizAssets/check.png');
        position: absolute;
        left: 500px;
        top: 5px;
    }

    .Amount-Paid {
        position: absolute;
        left: 260px;
        top: 40px;
    }

    #TransactionModalHtml {
        position: relative;
        top: 100px;
    }

    #resultResponseInfo {
        position: relative;
        top: 100px;
    }

    #TransactionHistoryPrintlHtml {
        position: relative;
        top: 100px;
    }

    #LatestTransactionHtml {
        position: relative;
        top: 150px;
    }

    #divEmail {
        position: absolute;
        top: 660px;
        left: 350px;
    }

    #divEmailTHPrint {
        position: absolute;
        top: 660px;
        left: 350px;
    }

    .sale-modal-Line {
        display: none;
    }

    #divPrintandDownload {
        display: none;
    }

    #divAnotherEmail {
        display: none;
    }

    #divDownloadPrint {
        display: none;
    }

    #divAnotherReceipt {
        display: none;
    }

    @page {
        size: 148mm 210mm; /* portrait */
        margin: .5in .5in .5in .5in;
        margin-right: 45mm; /* for compatibility with both A4 and Letter */
    }
}

body {
    font-family: "Avenir Next LT Pro";
    overflow-x: hidden;
}

html, body {
    height: 100% !important;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

footer {
    position: relative !important;
    clear: both;
}

    footer.sticky-footer {
        width: calc(100% + 25px) !important;
    }

.static-top {
    background-color: #637381;
}

ul.navbar-nav-side li a {
    border-left: 5px solid transparent;
}

#TransTabSubMenu li.active a div span {
    color: black !important;
    font-weight: bold !important;
}

.grid-margin {
    margin-bottom: 25px;
}

.trans:hover a div img {
    content: url('/Content/UI Assets/Icons/Transactions active-30.png');
}

.trans.active a div img {
    content: url('/Content/UI Assets/Icons/Transactions active-30.png');
}

.Customers:hover a div img {
    content: url('/Content/UI Assets/Icons-30/Customers active-30.png');
}

.Customers.active a div img {
    content: url('/Content/UI Assets/Icons-30/Customers active-30.png');
}

.Settings:hover a div img {
    content: url('/Content/UI Assets/Icons-30/Settings active-30.png');
}

.Settings.active a div img {
    content: url('/Content/UI Assets/Icons-30/Settings active-30.png');
}

.Reporting:hover a div img {
    content: url('/Content/UI Assets/Icons-30/reports-active.png');
}

.Reporting.active a div img {
    content: url('/Content/UI Assets/Icons-30/reports-active.png');
}

.Help:hover a div img {
    content: url('/Content/UI Assets/Icons-30/Help active-30.png');
}

.Help.active a div img {
    content: url('/Content/UI Assets/Icons-30/Help active-30.png');
}

.ContactUs:hover a div img {
    content: url('/Content/UI Assets/Icons-30/Connect Active-30.png');
}

.ContactUs.active a div img {
    content: url('/Content/UI Assets/Icons-30/Connect Active-30.png');
}

.Logout:hover a div img {
    content: url('/Content/UI Assets/Icons-30/Logout active-30.png');
}

.Logout.active a div img {
    content: url('/Content/UI Assets/Icons-30/Logout active-30.png');
}

.ebiz-btn-sm {
    width: 115px;
    height: 36px;
}

.k-grid-norecords {
    display: flex;
    justify-content: center;
}

.ebiz-dropdownlist {
    width: 237px;
    border: 2px solid #4d71f6;
    height: 36px;
    color: #9b9b9b;
}

.ebiz-tabcolor > a {
    color: #212b36;
}

.nav-tabs {
    border-bottom: 0 !important;
}

    .nav-tabs .nav-item {
        margin-bottom: -3px;
        margin-top: 10px;
    }

    .nav-tabs .nav-link {
        min-width: 120px;
        height: 62px;
        object-fit: contain;
        border-top-left-radius: 9px !important;
        border-top-right-radius: 9px !important;
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
        border: 2px solid #9b9b9b;
        border-bottom: 0;
    }

        .nav-tabs .nav-link:hover {
            min-width: 120px;
            height: 62px;
            object-fit: contain;
            border: 2px solid #dee2e6 !important;
            border-bottom: 0 !important;
        }

        .nav-tabs .nav-link.active {
            border: 2px solid #9b9b9b;
            border-bottom: 0 !important;
            min-width: 120px;
            height: 62px;
            object-fit: contain;
            background-image: none;
            font-weight: bold;
        }

            .nav-tabs .nav-link.active:hover {
                border-bottom: 0 !important;
                min-width: 120px;
                height: 62px;
                object-fit: contain;
            }

.T-tabs.nav-tabs {
    border-bottom: 2px solid #9b9b9b;
}

    .T-tabs.nav-tabs .nav-item {
        margin-bottom: -2px;
    }

    .T-tabs.nav-tabs .nav-link {
        min-width: 130px;
        height: 60px;
        object-fit: contain;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
        background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.53), rgba(234, 238, 241, 0.53));
        border: 1px solid #9b9b9b;
        border-bottom: 2px solid #9b9b9b;
    }

        .T-tabs.nav-tabs .nav-link:hover {
            min-width: 130px;
            height: 60px;
            object-fit: contain;
            border: 1px solid #9b9b9b;
            border-bottom: 2px solid #9b9b9b !important;
        }

        .T-tabs.nav-tabs .nav-link.active {
            border: 2px solid #9b9b9b;
            border-bottom: 0;
            min-width: 130px;
            height: 60px;
            object-fit: contain;
            background-color: #F3F3F3;
            background-image: none;
        }

            .T-tabs.nav-tabs .nav-link.active:hover {
                border: 2px solid #9b9b9b !important;
                border-bottom: 0 !important;
                min-width: 130px;
                height: 60px;
                object-fit: contain;
                background-color: #F3F3F3;
            }

.T-tabs .k-grid {
    border-top: none;
}

.k-grid .k-header {
    background-color: #F3F3F3;
    color: black;
}

.k-button {
    width: auto;
    height: 36px;
    background-color: #4d71f6;
    color: white;
    font-weight: normal;
    box-shadow: none;
}

    .k-button:active {
        height: 36px;
        background-color: #4d71f6 !important;
        color: white !important;
        font-weight: normal;
        box-shadow: none;
    }

    .k-button:hover {
        width: auto;
        height: 36px;
        background-color: #4d71f6;
        color: white;
        font-weight: normal;
        box-shadow: none;
    }

    .k-button:active:focus {
        width: auto;
        height: 36px;
        background-color: #4d71f6;
        color: white;
        font-weight: normal;
        box-shadow: none;
    }

    .k-button:focus {
        width: auto;
        height: 36px;
        background-color: #4d71f6;
        color: white !important;
        font-weight: normal;
        box-shadow: none;
    }

button.telerik-blazor.k-button.k-calendar-nav-prev.k-button-flat.k-rounded-md.k-button-md.k-button-flat-base.k-icon-button:focus,
button.telerik-blazor.k-button.k-calendar-nav-next.k-button-flat.k-rounded-md.k-button-md.k-button-flat-base.k-icon-button:focus {
    color: black !important;
}

.k-button-icon.k-svg-icon.k-svg-i-chevron-left,
.k-button-icon.k-svg-icon.k-svg-i-chevron-right {
    color: black !important;
}

    .k-button-icon.k-svg-icon.k-svg-i-chevron-left svg path,
    .k-button-icon.k-svg-icon.k-svg-i-chevron-right svg path {
        fill: black !important;
    }

.k-button.k-button-outline-primary:focus {
    color: white !important;
}


/*ebiz main style*/
/*This style is applied to whole application styles.*/
/* Color palette */
:root {
    --top-navbar: #637381;
    --ebiz-blue: #4d71f6;
    --salmon: #ff7d62;
    --bluey-grey: #919eab;
    --ebiz-turq: #29dfea;
    --selected-tab: #9b9b9b;
    --not-selected-tab: rgba(238, 238, 238, 0.53);
    --table-header: #f4f6f8;
    --table-stripe: rgba(208, 209, 213, 0.62);
    --selected-table-item: rgba(74, 74, 74, 0.46);
    --success-green: #7ed321;
    --pending-orange: #f5a623;
    --error-red: #ec4144;
    --links: #0557b7;
    --active-status: #489000;
    --green-rectangle: #71be1c;
    --customer-group-width: 180px;
    /*Transaction Type Colors*/
    --chart-color-cornflower-blue: #4D71F6; /*blue*/
    --chart-color-cinnabar: #EC4144; /*light red*/
    --chart-color-bright-turqoise: #29DFEA;
    --chart-color-vida-loca: #4D8412; /*olive green*/
    --chart-color-chilean-fire: #F27902; /*orange*/
    --chart-color-full-lavender: #9F82E8;
    --chart-color-sandstone: #786D5F; /*brownish*/
    --chart-color-crail: #C36241; /*brownish red*/
    --chart-color-coral: #FF7F50; /*peachish*/
    /*Transaction Source Colors Not Included in Transaction Type Colors*/
    --chart-color-goblin: #387C44; /*dark green*/
    --chart-color-blue-chill: #0fa1a9; /*dark cyan blue*/
    --chart-color-monza: #d0021b; /*red*/
    --chart-color-clay-creek: #827B60; /*brown*/
    --chart-color-lima: #59E817; /*lime green*/
    /*Transaction Pay Method Colors Not Included In Source or Type*/
    --chart-color-sapphire: #3150A3;
    --chart-color-regent-grey: #919EAB;
}

.DonutChartColor4D71F6 {
    color: var(--chart-color-cornflower-blue);
}

.DonutChartColorEC4144 {
    color: var(--chart-color-cinnabar);
}

.DonutChartColor29DFEA {
    color: var(--chart-color-bright-turqoise);
}

.DonutChartColor4D8412 {
    color: var(--chart-color-vida-loca);
}

.DonutChartColorF27902 {
    color: var(--chart-color-chilean-fire);
}

.DonutChartColor9F82E8 {
    color: var(--chart-color-full-lavender);
}

.DonutChartColor786D5F {
    color: var(--chart-color-sandstone);
}

.DonutChartColorC36241 {
    color: var(--chart-color-crail);
}

.DonutChartColorFF7F50 {
    color: var(--chart-color-coral);
}

.DonutChartColor387C44 {
    color: var(--chart-color-goblin);
}

.DonutChartColor0FA1A9 {
    color: var(--chart-color-blue-chill);
}

.DonutChartColorD0021B {
    color: var(--chart-color-monza);
}

.DonutChartColor827B60 {
    color: var(--chart-color-clay-creek);
}

.DonutChartColor59E817 {
    color: var(--chart-color-lima);
}

.DonutChartColor3150A3 {
    color: var(--chart-color-sapphire);
}

.DonutChartColor919EAB {
    color: var(--chart-color-regent-grey);
}

/* Text styles */
.Page-Header-Text {
    font-family: AvenirNext;
    font-size: 28px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: #212b36;
}

.Tab-Label-Selected {
    font-family: AvenirNext;
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #212b36;
}

.Tab-Label-Not-Selected {
    font-family: AvenirNext;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #212b36;
}

.Section-Subtitle {
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: #212b36;
}

.ebiz-label {
    font-family: AvenirNext;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #212b36;
}

.Links {
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: var(--links);
}

.AnchorLinks {
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-decoration: underline;
    line-height: 1.71;
    letter-spacing: normal;
    color: var(--links) !important;
    cursor: pointer;
}

    .AnchorLinks:hover {
        text-decoration: underline !important;
    }

.Body-Text {
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #212b36;
}

.Tooltip-Text {
    font-family: AvenirNext;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.54;
    letter-spacing: normal;
    color: #ffffff;
    text-align: left;
    margin-left: 10px !important;
}
/*main style end*/

#advancedModal .modal-dialog {
    -webkit-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    top: 50%;
    margin: 0 auto;
}

.ebiz-modal-BG {
    width: 384px;
    height: 38px;
    background-color: rgba(196, 205, 213, 0);
}

.ebiz-Rectangle {
    width: 677px;
    height: 575px;
    border-radius: 3px;
    box-shadow: 1px 3px 7px 0 rgba(0, 0, 0, 0.11);
    background-color: #ffffff;
}

.ebiz-modal-cancel-btn-BG {
    border-radius: 3px;
    box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.1), inset 0 1px 0 1px rgba(255, 255, 255, 0.06);
    border: solid 1px #9b9b9b !important;
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: center;
    color: #9b9b9b;
    background: white;
    cursor: pointer;
}

#cancelEditCustomer.ebiz-modal-cancel-btn-BG {
    width: 135px;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.1), inset 0 1px 0 1px rgba(255, 255, 255, 0.06);
    border: solid 1px #9b9b9b !important;
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: center;
    color: #9b9b9b;
    background: white;
    cursor: pointer;
    margin-left: 10px;
}

.ebiz-modal-search-btn-BG {
    border-radius: 3px;
    box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.1), inset 0 1px 0 1px rgba(255, 255, 255, 0.06);
    background-color: var(--ebiz-blue);
    color: white;
}

.ebiz-modal-textbox-Rectangle {
    width: 184px;
    height: 32px;
    border-radius: 3px;
}

.ebiz-modal-dropdown-Rectangle {
    width: 157px;
    height: 31px;
    border-radius: 3px;
}

.modal-header {
    border-bottom: 0px;
}

.modal-footer {
    border-top: 0px;
}

.modal-lg {
    width: 677px;
    height: 575px;
    border-radius: 3px;
    box-shadow: 1px 3px 7px 0 rgba(0, 0, 0, 0.11);
    background-color: #ffffff;
}

#advancedModal .modal-content {
    width: 677px;
    height: 575px;
}

.ebiz-Button-text {
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

.ebiz-Company-N {
    width: 110px;
    height: 40px;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #212b36;
}

.ebiz-Email {
    width: 110px;
    height: 20px;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #212b36;
}

.ebiz-Phone {
    width: 110px;
    height: 20px;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #212b36;
}

.ebiz-Customer-Type {
    width: 110px;
    height: 20px;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #212b36;
}

.eibz-advanced-modal-padding {
    padding-top: 50px;
}

.eibz-advanced-modal-padding-hbf {
    padding: 30px;
}


.eibz-advanced-modal-element-padding {
    padding-top: 50px;
}

.ebiz-Advanced-Search {
    width: 116px;
    height: 24px;
    object-fit: contain;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: var(--links);
}

.with-Label {
    width: 166px;
    height: 61px;
    object-fit: contain;
}


.ebiz-Filter {
    width: 96px;
    height: 36px;
    background-image: url("EbizAssets/filter.png");
    object-fit: contain;
}

.k-icon.k-i-expand {
    display: none !important;
}

.k-i-collapse {
    display: none !important;
}

.ebiz-Oval {
    width: 18px;
    height: 18px;
}

.txtBoxHidden {
    display: none;
}

.txtBoxVisible {
    display: inline;
}

.scroll-to-top {
    background: #4d71f6;
}

.eiz-trans-Customer {
    width: 186px;
    height: 20px;
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: var(--links);
}

.eibz-modal-trns-his-lineheight {
    line-height: 12px;
}

.ebiz-modal2 {
    width: 532px;
    height: 869px;
    border-radius: 3px;
    box-shadow: 1px 3px 7px 0 rgba(0, 0, 0, 0.11);
    background-color: #ffffff;
}

.ebiz-Sort-by {
    max-width: 225px;
    height: 35px;
    object-fit: contain;
}

.divSort {
    border: 1px solid #ced4da;
    color: #a4afba;
    background-color: white;
    padding-left: 15px;
}
/*.k-dropdown .k-input, .k-dropdowntree .k-dropdown-wrap .k-input, .k-selectbox .k-input{
   background-color:white;
}*/
/*.k-dropdown .k-input {
    background-color: white;
}*/

.ebiz-Schedule-Information {
    width: 140px;
    height: 24px;
    /*font-family: AvenirNext;*/
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: #212b36;
}

.k-widget .templateCell {
    overflow: visible;
}

.templateCell .k-header {
    background-color: transparent !important;
    border: none !important;
}

    .templateCell .k-header .k-animation-container {
        left: -155px !important;
    }

        .templateCell .k-header .k-animation-container .k-link a:hover {
            text-decoration: none;
        }

.templateCell .dropdown-item {
    width: auto !important;
}

.templateCell.tranHistoryCell .k-header .k-animation-container {
    left: -70px !important;
    top: 25px !important
}

.k-menu .k-item > .k-link > .k-i-arrow-60-down, .k-menu-scroll-wrapper .k-item > .k-link > .k-i-arrow-60-down, .k-popups-wrapper .k-item > .k-link > .k-i-arrow-60-down {
    display: none !important;
}

ul.classPaymentMethod > li:hover {
    cursor: pointer;
}

.classDisplayMore, .classDisplayFewer {
    cursor: pointer;
}

.estimateGrdDdl {
    border: 1px solid #f1f1f1;
    width: 132px;
    height: 30px;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05);
}

.classFilterButton {
    cursor: pointer;
}

.divFilter, .divScheduledFilter {
    width: fit-content;
    box-shadow: 1px 3px 7px 0 rgba(155, 155, 155, 0.51);
    border-radius: 3px;
    position: absolute;
    background-color: #fff;
    z-index: 999 !important;
    top: 0;
    left: 0;
    font-size: 14px;
    font-family: AvenirNext;
    margin-bottom: 30px;
}

.filtersContainer .btnFilter:is(:active, :focus, :hover) .k-button-text,
.divFilterCaptureBtn .filterAndCaptureBtnDiv #btnFilter:is(:active, :hover) {
    color: white !important;
}

.btnFilter {
    width: 287px !important;
}

    .btnFilter:is(:active, :focus, :hover) .k-button-text {
        color: white !important;
    }

@media screen and (max-width: 768px) {
    #filterDropdownTth .divFilter {
        width: 191px;
    }
}

.divFilter .divHeader {
    width: 287px;
    height: 50px;
    border-radius: 3px;
    box-shadow: 0 -1px 7px 0 rgba(0, 0, 0, 0.11);
    background-color: var(--table-header);
}

#filterDropdownTth .divFilter .divHeader {
    width: 287px;
}

@media screen and (max-width: 768px) {
    #filterDropdownTth .divFilter .divHeader {
        width: 191px;
    }
}

.divFilter .divHeader .divHeaderlblDone {
    width: 60px;
    height: 31px;
    border-radius: 3px;
    background-color: var(--ebiz-blue)
}

.divFilter .divHeader .divHeaderbtnClear {
    width: 53px;
    height: 31px;
    background-color: #F4F6F8;
    color: #7c8895;
    margin-left: 10px;
    border-radius: 3px;
    border: solid 1px #c4cdd5;
}

.divFilter .divHeader .divHeaderlblFilter, .divHeaderlblDone {
    margin-left: 37px;
}

.divFilter .divBody .FilterChkbx {
    width: 16px;
    height: 16px;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05);
    background-image: linear-gradient(to bottom, #ffffff, #f9fafb);
}

.divFilter .divBody .FilterChkbxTxt {
    color: #212b36;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    /*margin-top: -1px;*/
}

.divFilter .divBody .lblchkbox {
    margin-left: 5px;
    margin-top: 6px;
}

.divFilter .divBody .txtControls {
    border: 1px solid #cecbcb;
    width: 121px;
    height: 32px;
    margin-top: 10px
}

.divFilter .divBody .ddlControls {
    border: 1px solid #cecbcb;
    width: 157px;
    height: 31px;
    border-radius: 3px;
    margin-top: 7px;
}

.divFilter .additionalFilterText {
    display: inline-block;
    vertical-align: top;
}

.closeSourceFilter {
    margin-right: 10px;
    margin-top: 18px;
    float: right;
    width: 15px;
}

.masterDivSource hr {
    width: 85%;
    margin-left: 0px;
    margin-bottom: 7px;
}

.divReportFilter .divBody .lblchkbox {
    margin-top: 4px !important;
}

.txtFilterControls {
    border: 1px solid #cecbcb;
    width: 40px;
    height: 29px;
    border-radius: 3px;
    margin-top: 10px;
    margin: 0 2px;
}

.divTxtDdl {
    margin-left: 5px;
}

.filterSpan {
    display: inline-block;
    background-color: #D7D8D8;
    height: 31px;
    line-height: 31px;
    padding-left: 20px;
    margin-right: 10px;
    margin-top: 5px;
    border-radius: 3px;
}

.filterSpanImg, .reportFilterSpanImg,
.expiredCardsReportFilterSpanImg,
.filterScheSpanImg, .filterRecSpanImg,
.SurchargeReportFilterSpanImg {
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer;
    height: 13px;
}

.filtrSpn {
    display: inline-block;
    background-color: #D7D8D8;
    height: 31px;
    line-height: 31px;
    padding-left: 20px;
    margin-right: 10px;
    margin-top: 5px;
    border-radius: 3px;
}

.filtrSpnImg {
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer;
    height: 13px;
}

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

.btnLinkClearFilter, #btnClearRecEmailFilter {
    color: #4D71F6 !important;
    cursor: pointer;
}

#printDummydiv {
    display: none;
}

#printTotAmountDiv {
    margin-left: 145px;
}

#printVoidTotAmountDiv {
    margin-left: 145px;
}

@media print {
    #wrapper {
        display: none;
    }

    #non-printable {
        display: none;
    }

    #printable {
        display: block;
    }

    .classNonPrintable {
        display: none;
    }

    .classPrintable {
        display: block;
    }

    #printTotAmountDiv {
        left: 160px;
        margin-left: 0;
    }

    #printVoidTotAmountDiv {
        left: 160px;
        margin-left: 0;
    }

    @page {
        margin: 0;
    }

    body {
        margin: 1.6cm;
    }
}

.modal-font {
    font-size: 14px;
    font-family: AvenirNext;
}

.showCursorHand {
    cursor: pointer;
}

.Rectangle-Mismatch {
    width: 622px;
    height: 490px;
    border-radius: 3px;
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.11);
    background-color: #ffffff;
}

.Mismatch-Button-Blue-BG {
    width: 192px;
    height: 36px;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.1), inset 0 1px 0 1px rgba(255, 255, 255, 0.06);
    background-color: var(--ebiz-blue);
    color: #ffffff;
    line-height: 1.43;
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: center;
}

.Mismatch-Button-Red-BG {
    width: 223px !important;
    height: 36px;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.1), inset 0 1px 0 1px rgba(255, 255, 255, 0.06);
    border-color: var(--error-red);
    background-color: white;
    border-width: 1.4px;
    line-height: 1.43;
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: center;
    color: var(--error-red);
}

.It-is-risky-to-accep {
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: center;
    color: #212b36;
}

span.k-icon.k-i-warning {
    display: none !important;
}

#customizeModalLoginNew input.k-textbox {
    border: 1px solid var(--bluey-grey);
}

input.k-invalid {
    border: 1px solid red !important;
}

span.k-invalid {
    border: 1px solid red !important;
}

.form-control-wrapper:has(+.k-form-error) .k-textbox {
    border: 1px solid red !important;
}

div:has(+.k-form-error) .form-control-wrapper .k-textbox {
    border: 1px solid red !important;
}

.ebiz-page-header {
    font-family: 'Avenir Next LT Pro';
    font-size: 28px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: #212b36;
}

.contactUs-ebiz-page-header {
    font-family: 'Avenir Next LT Pro';
    font-size: 34px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: #212b36;
}

.virtualterminalillustration {
    width: 40% !important;
    height: 40% !important;
}

.InkLightest-1 {
    width: 24px !important;
    height: 24px !important;
    object-fit: contain !important;
}

.ebiz-main-tab a {
    padding-right: 0px;
    height: 30px;
    font-family: 'Avenir Next LT Pro';
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #212b36;
}

    .ebiz-main-tab a:hover {
        text-decoration: none;
        padding-right: 0px;
        height: 30px;
        font-family: 'Avenir Next LT Pro';
        font-size: 16px;
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.5;
        letter-spacing: normal;
        color: #212b36;
    }

    .ebiz-main-tab a.active {
        text-decoration: none;
        padding-right: 0px;
        height: 30px;
        font-family: 'Avenir Next LT Pro';
        font-size: 16px;
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.5;
        letter-spacing: normal;
        color: #212b36;
        border-bottom: 3px solid #4d71f6;
    }

.ebiz-text {
    font-family: 'Avenir Next LT Pro';
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: #212b36;
}

.ebiz-text-bold {
    font-family: 'Avenir Next LT Pro';
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: #212b36;
}

.ebiz-line {
    width: auto;
    height: 2px;
    margin: 0px;
}

.ebiz-emailRectangle {
    width: 222px;
    height: 850px;
    box-shadow: 0 4px 9px 0 rgba(210, 208, 208, 0.5);
    background-color: #ffffff;
}

.ebiz-placeholder {
    font-weight: normal;
    font-style: italic;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #212b36;
}

    .ebiz-placeholder.k-combobox {
        height: 41px !important;
    }

ebiz-aligncenter {
    text-align: center !important;
    padding: 8px 0 !important;
}

.sidebar .nav-item .nav-link span,
.sidebar .nav-sbu-item .nav-link span {
    font-size: 15px;
}

@media (max-width: 1425px) {
    .sortby-email {
        width: 115px !important;
    }

    .sortbydiv-email {
        width: 180px !important;
        padding-left: 10px !important;
    }
}

@media (max-width: 1220px) {
    .sortby-email {
        width: 95px !important;
    }

    .sortbydiv-email {
        width: 155px !important;
        padding-left: 2px !important;
    }

    .sortby-dd {
        width: 115px !important;
    }
}

@media (max-width: 1100px) {
    .addtolist {
        margin-right: 5px;
        font-size: 12px;
        width: 60px;
        margin-top: 5px;
    }
}

@media (max-width: 1005px) {
    .sortby-dd {
        width: 75px !important;
    }

    .help-footer-txt {
        font-size: 0.3em !important;
        height: 150px;
    }

    .help-footer-head {
        font-size: 1.3em !important;
    }

    .help-footer-img {
        height: 30px !important;
    }
}

@media (max-width: 991px) {
    .sidebar {
        display: block !important;
        text-align: center;
        color: black !important;
    }

        .sidebar .nav-item .nav-link {
            display: block !important;
            padding: 0.75rem 1rem;
        }

            .sidebar .nav-item .nav-link span {
                font-size: 0.65rem;
                display: block;
            }

            .sidebar .nav-item .nav-link .tranImg {
                margin-left: 15px !important;
            }

        .sidebar .nav-sub-item .nav-link {
            display: block !important;
            padding: 0.75rem 1rem;
            width: 90px;
        }

            .sidebar .nav-sub-item .nav-link span {
                font-size: 0.65rem;
                display: block;
            }

            .sidebar .nav-sub-item .nav-link .tranImg {
                margin-left: 15px !important;
            }

    .ebiz-placeholder {
        font-size: 14px !important;
    }

    .sortby-dd {
        width: 80px !important;
    }

    .ebiz-Sort-by {
        max-width: 145px !important;
    }

    .txtMenuHover {
        text-align: center !important;
    }

    #TransTabSubMenu {
        padding-left: .5rem !important;
    }

    #VTChevronIcon {
        margin-top: -20px;
        margin-right: -8px;
    }

    .sub-trans a div.tranImg {
        width: 22px;
        height: 22px;
        background: url('/Content/UI Assets/icons-30/NewTransactionIcon-30.png') no-repeat;
        background-size: 22px !important;
    }

    .sub-hist a div.tranImg {
        width: 22px;
        height: 22px;
        background: url('/Content/UI Assets/icons-30/TransactionHistoryIcon-30.png') no-repeat;
        background-size: 22px !important;
    }

    .sub-portal a div.tranImg {
        width: 22px;
        height: 22px;
        background: url('/Content/UI Assets/icons-30/GatewayIcon-30.png') no-repeat;
        background-size: 22px !important;
    }

    .sub-settings a div.tranImg {
        width: 22px;
        height: 22px;
        background: url('/Content/UI Assets/icons-30/Settings-30.png') no-repeat;
        background-size: 22px !important;
    }
}

.sortby-email {
    width: 125px;
}

    .sortby-email .k-input {
        font-weight: 700;
    }

.sortby-dd {
    width: 165px;
}

    .sortby-dd .k-input {
        font-weight: 700;
    }

.BG {
    border-radius: 3px;
    box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.1), inset 0 1px 0 1px rgba(255, 255, 255, 0.06);
    background-color: var(--ebiz-blue);
}

.Button-text {
    font-family: 'Avenir Next LT Pro';
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: center;
    color: #4a4a4a;
}

.white {
    color: white !important;
}

.k-gantt-toolbar .k-button, .k-gantt > .k-header .k-link, .k-gantt > .k-header li, .k-grid .k-header .k-button, .k-scheduler .k-header .k-button, .k-scheduler .k-header .k-link, .k-scheduler .k-header li, .km-pane-wrapper .k-header .k-button {
    width: auto;
    height: 36px;
    background-color: #4d71f6;
    color: white;
    font-weight: normal;
    box-shadow: none;
}

.Rectangle-Gray {
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 0 #dfe3e8;
    background-color: var(--table-header);
    border-color: var(--selected-tab);
}

    .Rectangle-Gray:hover {
        border-color: #dfe3e8;
        font-weight: normal;
        box-shadow: none;
    }

.config table tr {
    height: 65px;
}

    .config table tr td {
        width: 225px;
    }

.config span.chkbox {
    display: block;
}

.setup div {
    display: block;
}

.setup table tr {
    height: 115px;
}

    .setup table tr td {
        width: 300px;
        max-width: 325px;
    }

.confirm-Rectangle {
    height: 3px;
    border-radius: 2px;
    background-color: var(--pending-orange);
}

.confirm-Oval {
    width: 2px;
    height: 2px;
    background-color: var(--pending-orange);
}

.ebiz-text-error {
    font-family: 'Avenir Next LT Pro';
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: center;
    color: var(--error-red);
}

.error-BG {
    width: 147px;
    height: 36px;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.1), inset 0 1px 0 1px rgba(255, 255, 255, 0.06);
    border-color: var(--error-red);
    background-color: white;
    border-width: 1.5px;
}

.ebiz-text-error:hover {
    font-family: 'Avenir Next LT Pro';
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: center;
    color: #a33739;
}

.error-BG:hover {
    width: 147px;
    height: 36px;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.1), inset 0 1px 0 1px rgba(255, 255, 255, 0.06);
    border-color: #a33739;
    background-color: white;
    border-width: 1.5px;
}

.success-Rectangle {
    height: 7px;
    border-radius: 2px;
    background-color: var(--success-green);
}

.error-Rectangle {
    height: 3px;
    border-radius: 2px;
    background-color: var(--error-red);
}

.green-Rectangle {
    height: 3px;
    border-radius: 2px;
    background-color: #71be1c;
}

.orange-Rectangle {
    height: 3px;
    border-radius: 2px;
    background-color: #f5a623;
}

.dropdown {
    float: left;
}

    .dropdown .dropbtn {
        font-size: 16px;
        border: none;
        outline: none;
        color: white;
        padding: 14px 16px;
        background-color: #637381;
        font-family: inherit;
        margin: 0;
        cursor: pointer;
    }

.dropdown-content {
    display: block;
    position: absolute;
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    margin-left: -30px;
}

    .dropdown-content a {
        float: none;
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        text-align: left;
    }

        .dropdown-content a:hover {
            background-color: #ddd;
        }

.dropdown:hover .dropdown-content {
    position: fixed;
}

.topnavlink:hover {
    text-decoration: none;
}

.k-grid tr.k-state-selected {
    background-color: #CCCCCC !important;
    color: #212529 !important;
}

    .k-grid tr.k-state-selected > td {
        border-color: #C0C0C0 !important;
    }

    .k-grid td.k-state-selected:hover, .k-grid tr.k-state-selected:hover td {
        background-color: #CCCCCC !important;
    }

.k-grid tr:hover {
    background-color: #ebebeb;
}

.k-grid .k-alt {
    background-color: #f2f2f2;
}

.k-dirty {
    border-color: var(--ebiz-blue) transparent transparent var(--ebiz-blue);
}

.divProcess .card,
.divMSRPNewCreditCard .card,
.divMSRPSavedCreditCard .card,
.divSavedCreditCard .card,
.divNewCreditCard .card {
    border: 0 !important;
}

.divMSRPNewCreditCard .card-body,
.divMSRPSavedCreditCard .card-body,
.divNewCreditCard .card-body {
    padding-left: 0 !important;
}

.trans a div.tranImg {
    width: 22px;
    height: 22px;
    background: url('/Content/UI Assets/Icons/Transactions-30.png') no-repeat;
    background-size: 22px !important;
}

.trans.active a div.tranImg {
    background: url('/Content/UI Assets/Icons/Transactions active-30.png') no-repeat;
}

.class-warning {
    background-image: url(EbizAssets/warningRed.png);
}

.EmailPayment a div.tranImg {
    width: 22px;
    height: 22px;
    margin: 3px 2px 0 2px;
    background: url('/Content/UI Assets/Icons-30/Email Payment-30px.png') no-repeat;
    background-size: 22px !important;
}

.EmailPayment.active a div.tranImg {
    background: url('/Content/UI Assets/Icons-30/Email Payments active-30px.png') no-repeat;
}

.Connect a div.tranImg {
    width: 22px;
    height: 22px;
    margin: 2px;
    background: url('/Content/UI Assets/Icons-30/ConnectPortal-InActive-30.png') no-repeat;
    background-size: 22px !important;
}

.Connect.active a div.tranImg {
    background: url('/Content/UI Assets/Icons-30/ConnectPortal-Active-30.png') no-repeat;
}

.RecurringPayments a div.tranImg {
    width: 22px;
    height: 22px;
    margin: 2px;
    background: url('/Content/UI Assets/Icons-30/Recurring Payments-30.png') no-repeat;
    background-size: 22px !important;
}

.RecurringPayments.active a div.tranImg {
    background: url('/Content/UI Assets/Icons-30/Recurring Payments active-30.png') no-repeat;
}

.BatchProcessing a div.tranImg {
    width: 22px;
    height: 22px;
    margin: 2px;
    background: url('/Content/UI Assets/Icons-30/Batch Processing-30.png') no-repeat;
    background-size: 22px !important;
}

.BatchProcessing.active a div.tranImg {
    background: url('/Content/UI Assets/Icons-30/Batch Processing active-30.png') no-repeat;
}

.Customers a div.tranImg {
    width: 22px;
    height: 22px;
    margin: 2px;
    background: url('/Content/UI Assets/Icons-30/Customers-30.png') no-repeat;
    background-size: 22px !important;
}

.Customers.active a div.tranImg {
    background: url('/Content/UI Assets/Icons-30/Customers active-30.png') no-repeat;
}

.Settings a div.tranImg {
    width: 22px;
    height: 22px;
    margin: 2px;
    background: url('/Content/UI Assets/Icons-30/Settings-30.png') no-repeat;
    background-size: 22px !important;
}

.Settings.active a div.tranImg {
    background: url('/Content/UI Assets/Icons-30/Settings active-30.png') no-repeat;
}

.Reporting a div.tranImg {
    width: 22px;
    height: 22px;
    margin: 2px;
    background: url('/Content/UI Assets/Icons-30/reports.png') no-repeat;
    background-size: 22px !important;
}

.Reporting.active a div.tranImg {
    background: url('/Content/UI Assets/Icons-30/reports-active.png') no-repeat;
}

.Help a div.tranImg {
    width: 22px;
    height: 22px;
    margin: 2px;
    background: url('/Content/UI Assets/Icons-30/Help-30.png') no-repeat;
    background-size: 22px !important;
}

.Help.active a div.tranImg {
    background: url('/Content/UI Assets/Icons-30/Help active-30.png') no-repeat;
}

.ContactUs a div.tranImg {
    width: 22px;
    height: 22px;
    margin: 2px;
    background: url('/Content/UI Assets/Icons-30/Connect Inactive-30.png') no-repeat;
    background-size: 22px !important;
}

.ContactUs.active a div.tranImg {
    background: url('/Content/UI Assets/Icons-30/Connect Active-30.png') no-repeat;
}

.Logout a div.tranImg {
    width: 22px;
    height: 22px;
    margin: 2px;
    background: url('/Content/UI Assets/Icons-30/Logout-30.png') no-repeat;
    background-size: 22px !important;
}

.Logout.active a div.tranImg {
    background: url('/Content/UI Assets/Icons-30/Logout active-30.png') no-repeat;
}

.txtMenuHover {
    padding-top: 3px;
    text-align: left;
}

.k-grid-header {
    padding-right: 0 !important;
}

/* GRIDS WITH DROPDOWNS */
#grdCustomer .k-grid-content,
#grdNewTransactionHistory .k-grid-content,
#grdEpReceivedCustomer .k-grid-content,
#grdCustomerTransactionHistory .k-grid-content,
#grdReceivedPayments .k-grid-content {
    overflow-x: auto;
    overflow-y: hidden;
    min-height: 250px;
}

#grdNewTransactionHistory .k-grid-content-sticky {
    border-left-color: #ccc !important;
    border-right-color: #ccc !important;
    right: -1px !important;
}

#grdNewTransactionHistory .k-state-selected .k-grid-content-sticky {
    background-color: inherit;
}

/* GRIDS WITHOUT DROPDOWNS*/
#grdSendRequestPayment .k-grid-content,
#grdPendingRequest .k-grid-content,
#grdAddedPaymentRequest .k-grid-content,
#grdPendingCustomer .k-grid-content,
#grdAddedPaymentCustomer .k-grid-content,
#grdEpPendingCustomer .k-grid-content {
    overflow-x: auto;
    overflow-y: hidden;
    min-height: 150px;
}

#grdSelectedInvList .k-grid-content {
    height: 300px !important;
}

#TrsHistGrid .k-grid-content {
    height: 330px !important;
    max-height: 550px !important;
}

.k-list > .k-state-selected.k-state-focused {
    color: black;
    background-color: transparent !important;
}

.k-list .k-state-selected {
    background-color: none !important;
    font-weight: bold;
}

    .k-list .k-state-selected .k-state-hover {
        background-color: none !important;
        font-weight: bold;
    }

.k-list .k-state-hover {
    background-color: var(--ebiz-blue);
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#ddlNewTransactionCustomers_listbox .k-item {
    line-height: 34px;
    font-style: normal;
    padding-left: 10px;
}

ul.classPaymentMethod > li.active {
    background-color: #cccccc !IMPORTANT;
    color: black;
    border: black;
}

#menuTarget {
    float: right;
    margin: -.5em -.6em -.4em 0;
    padding: .5em .2em .4em;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.ebiz-callUs-text {
    color: #3b76bb;
}

.ddlExport {
    width: 117px;
    height: 24px;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05);
    border: solid 1px #c4cdd5;
    background-image: linear-gradient(to bottom, #ffffff, #f9fafb);
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    margin-left: 12px;
}

    .ddlExport select option {
        width: 140px;
        height: 98px;
        border-radius: 3px;
        box-shadow: 1px 3px 7px 0 rgba(155, 155, 155, 0.8);
        border: solid 1px rgba(145, 158, 171, 0.33);
        background-color: #ffffff;
    }

.sortby-dd-new {
    max-width: 150px;
    background: bottom !important;
    padding: 3px 3px;
}

    .sortby-dd-new .k-input {
        font-weight: 700;
        background-color: #fcfdfd !important;
        box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05);
    }

.sortby-div {
    display: inline-flex;
    height: 38px;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05);
    border: solid 1px #c4cdd5;
    background-image: linear-gradient(to bottom, #ffffff, #f9fafb);
}

.sortby-text {
    padding: 10px 0px 0px 5px;
    color: #a4afba;
    min-width: 52px;
    font-size: 15px;
}

.k-widget.k-tooltip-validation {
    background-color: white;
    color: red;
    font-family: AvenirNext;
    font-size: 14px;
    border: none;
}

#grdEBizCustomers .k-animation-container {
    top: -20px !important;
}

#grdEBizCustomers .k-grid-content,
#grdDevice .k-grid-content {
    overflow-y: hidden;
}

#grdnewtransactionhistory .dropdown-item,
#grdEBizCustomers .dropdown-item {
    width: 70%;
}

#nav-Connect-tab {
    width: auto !important;
}

.vt-Rectangle {
    float: right;
    border-radius: 4px;
    background-color: #ffffff;
}

.Login-Help {
    font-family: AvenirNext;
    height: 14px;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.36;
    letter-spacing: normal;
    color: #000000;
}

.Login-Footer {
    text-align: center;
    height: 27px;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.93;
    letter-spacing: normal;
    color: #212b36;
}

.Login-CBS {
    text-align: center;
    height: 27px;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.93;
    letter-spacing: normal;
    color: #212b36;
}

.advancedSearchcls {
    height: 19px;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #212b36;
}

.ebiz-sub-tab a {
    width: auto;
    height: 24px;
    object-fit: contain;
    height: 24px;
    font-family: 'AvenirNext';
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: #212b36;
}

    .ebiz-sub-tab a:hover {
        text-decoration: none;
        object-fit: contain;
        height: 24px;
        font-family: 'AvenirNext';
        font-size: 14px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.71;
        letter-spacing: normal;
        color: #212b36;
        border-bottom: 3px solid #4d71f6;
    }

    .ebiz-sub-tab a.active {
        text-decoration: none;
        object-fit: contain;
        height: 24px;
        font-family: 'AvenirNext';
        font-size: 14px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.5;
        letter-spacing: normal;
        color: #212b36;
        border-bottom: 3px solid #4d71f6;
    }

.btn-Capture {
    height: 38px;
    color: #0557b7;
    background-color: white;
    border-radius: 3px;
    border: solid 1px #0557b7;
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.71;
    letter-spacing: normal
}

.Oval {
    width: 63px;
    height: 63px;
    border: solid 1.5px #71be1c;
}

.Path-2 {
    width: 29px;
    height: 19px;
    border: solid 1.5px #71be1c;
}

.sale-modal-Line {
    width: 377px;
    height: 1.5px;
    border: solid 0.5px #919eab;
    margin-left: 25px
}

.Card-Cardholder-Cust {
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.21;
    letter-spacing: normal;
    color: #212b36;
}

.ending-in-1111-Bob-T {
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.21;
    letter-spacing: normal;
    text-align: right;
    color: #212b36;
}

.saleTransaction {
    line-height: 1.81;
    padding-left: 35px;
}

.Download-Receipt {
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #0557b7;
    padding-left: 6px;
    padding-top: 7px;
}

.Print-Receipt {
    font-family: AvenirNext;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #0557b7;
    padding-left: 7px;
    padding-top: 8px;
}

.Cancel {
    width: 16px;
    height: 17px;
    object-fit: contain;
}

.Amount-Paid {
    width: 124px;
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: center;
    color: #6c7884;
}

    .Amount-Paid .text-style-1 {
        font-size: 30px;
        font-weight: 500;
        color: #212b36;
    }

.saleTransaction-Rectangle {
    height: 3px;
    border-radius: 2px;
    background-color: #71be1c;
}

.class-Error-Rectangle {
    height: 3px;
    border-radius: 2px;
    background-color: #d0021b;
}

.classAddressText {
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
}

.classZipPostalText {
    color: #ec4144;
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
}

.classCVVText {
    color: #ec4144;
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
}

.security-mismatch-header {
    height: 32px;
    font-family: 'Avenir Next LT Pro';
    font-size: 28px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: #212b36;
    margin-left: -237px;
    margin-top: 1px;
}

.cancel-button-text {
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: center;
    color: #9b9b9b;
}

.yes-button-void {
    width: 147px;
    border-radius: 3px;
    box-shadow: none !important;
    background-color: #4d71f6 !important;
    border-color: #4d71f6 !important;
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff !important;
}

.void-modal-header {
    width: 388px;
    height: 76px;
    font-family: 'Avenir Next LT Pro';
    font-size: 28px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: #212b36;
    text-align: center;
    padding-top: 37px;
}

.void-modal-header-style {
    font-family: 'Avenir Next LT Pro';
    font-size: 28px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: #212b36;
    text-align: center;
}

.Reference-Number-void {
    font-family: AvenirNext;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: #212b36;
}

.Rectangle-White:hover {
    border-color: #4d71f6 !important;
    background-color: white !important;
    color: #4d71f6 !important;
    font-weight: normal;
    box-shadow: none;
}

.Rectangle-Grey:hover {
    border-color: #dfe3e8;
    color: darkgrey;
    font-weight: normal;
    box-shadow: none;
}

#addNewCustomerForm {
    height: 775px;
}

#AddNewCustVerifyBtn {
    width: 166px;
}

#div-desktop {
    display: none;
}

@media screen and (min-width: 913px) {
    #div-mobile {
        display: none;
    }

    #div-desktop {
        display: block;
    }
}

.Please-select-the-re {
    width: 409px;
    height: 38px;
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #212b36;
}

.modal-label-style {
    font-family: AvenirNext;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #212b36;
}

.email-template-option {
    width: 261px;
    height: 20px;
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #212b36;
}

.ddlEmailTemplate {
    height: 30px;
    color: #212b36;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05);
    border: solid 1px #c4cdd5;
    background-image: linear-gradient(to bottom, #ffffff, #f9fafb);
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
}

.email-Page-header {
    font-family: AvenirNext;
    font-size: 28px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: #212b36;
}

.Email-receipt-succes {
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #212b36;
    word-break: break-all;
    padding: 0 50px;
}

.find-BG {
    width: 87px;
    height: 34px;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.1), inset 0 1px 0 1px rgba(255, 255, 255, 0.06);
    border: solid 1px #4d71f6;
}

.txtNewTransactionHistoryFromDate .k-picker-wrap,
.txtNewTransactionHistoryFromDate .k-state-default,
.txtNewTransactionHistoryToDate .k-picker-wrap,
.txtNewTransactionHistoryToDate .k-state-default {
    background-color: white !important;
}

.txtNewTransactionHistoryFromDate .k-input,
.txtNewTransactionHistoryToDate .k-input {
    background-color: white !important;
}

.select-Line {
    width: 140px;
    height: 2px;
    opacity: 0.69;
    border: solid 0.5px #919eab;
}

/*.k-grid-header .k-link, .k-grid-header .k-link:link {
    color: #212b36;
    font-family: AvenirNext;
    font-size: 15px;
    font-weight: 600;
}*/

.searchTransactionHistory {
    height: 30px;
    color: #212b36;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05);
    border: solid 1px #c4cdd5;
    background-image: linear-gradient(to bottom, #ffffff, #f9fafb);
}

.transHistoryTxtBox .k-textbox .k-space-left {
    background-image: linear-gradient(to bottom, #ffffff, #f9fafb);
    border-radius: 3px;
    box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05);
    border: solid 1px #c4cdd5;
}

.k-filter-row th, .k-grid-header th.k-header {
    background-color: white !important;
    height: 30px !important;
    padding-bottom: 8px !important;
}

.linkCustomerName {
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #0557b7 !important;
    cursor: pointer;
}

.viewPaymentMethods {
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #0557b7 !important;
    cursor: pointer;
}

.emailAddressLink {
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #0557b7 !important;
    cursor: pointer;
    text-decoration: none;
}

#grdnewtransactionhistory {
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
}

.visa-card {
    width: 31px;
    height: 17px;
    background-image: url("EbizAssets/visa.jpg");
    object-fit: contain;
}

.master-card {
    width: 31px;
    height: 17px;
    background-image: url("EbizAssets/master.jpg");
    object-fit: contain;
}

.amex-card {
    width: 31px;
    height: 17px;
    background-image: url("EbizAssets/amex.png");
    object-fit: contain;
}

.discover-card {
    width: 31px;
    height: 17px;
    background-image: url("EbizAssets/discover.png");
    object-fit: contain;
}

body {
    overflow-x: hidden;
}

#sidebar-wrapper {
    min-height: 100vh;
    margin-left: -15rem;
    -webkit-transition: margin .25s ease-out;
    -moz-transition: margin .25s ease-out;
    -o-transition: margin .25s ease-out;
    transition: margin .25s ease-out;
}

    #sidebar-wrapper .sidebar-heading {
        padding: 0.875rem 1.25rem;
        font-size: 1.2rem;
    }

    #sidebar-wrapper .list-group {
        width: 15rem;
    }

#page-content-wrapper {
    min-width: 100vw;
}

#wrapper.toggled #sidebar-wrapper {
    margin-left: 0;
}

@media (min-width: 768px) {
    #sidebar-wrapper {
        margin-left: 0;
    }

    #page-content-wrapper {
        min-width: 0;
        width: 100%;
    }

    #wrapper.toggled #sidebar-wrapper {
        margin-left: -15rem;
    }
}

.topNavName {
    font-family: AvenirNext;
    font-size: 17px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    text-align: center;
}

.Merchant {
    position: relative;
    top: 9px;
    height: 20px !important;
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #637381;
}

.Store {
    position: relative;
    top: -2px;
    width: 76px;
    height: 16px;
    font-family: AvenirNext;
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #b3b5cb;
}

.Ashleys-Closets {
    height: 20px;
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #717b85;
}

.Notes {
    height: 18px;
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #212b36;
}

.notes-Rectangle {
    height: 103px;
    border-radius: 3px;
    box-shadow: 2px 2px 4px 0 rgba(145, 158, 171, 0.31);
    border: solid 1px rgba(145, 158, 171, 0.12);
    background-color: #ffffff;
}

.Here-is-a-note-about {
    width: 645px;
    height: 20px;
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #212b36;
}

.at-1223-PM {
    height: 20px;
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: rgba(33, 43, 54, 0.6);
}

.notes-div {
    padding-top: 25px;
    padding-left: 34px;
}

.Add-New-Note {
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #0557b7;
}

.BG-Note {
    width: 120px;
    height: 36px;
    color: white;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.1), inset 0 1px 0 1px rgba(255, 255, 255, 0.06);
    border: solid 1px #ff7259;
    background-color: rgba(255, 114, 89, 0.8);
}

.Edit-Customer-Detail {
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: right;
    color: #0557b7;
}

.Edit-Image {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.Add-Payment {
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #0557b7;
}

.Payments-Image {
    width: 22px;
    height: 35px;
    object-fit: contain;
}

.customer-modal-header {
    font-family: 'Avenir Next LT Pro';
    font-size: 28px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: #212b36;
    text-align: center;
}

.customer-details-modal-header {
    font-family: 'Avenir Next LT Pro';
    font-size: 28px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: #212b36;
    text-align: center;
}

.Pay-ebiz-sub-tab a {
    width: auto;
    height: 24px;
    object-fit: contain;
    height: 24px;
    font-family: 'AvenirNext';
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: #212b36;
}

    .Pay-ebiz-sub-tab a:hover {
        text-decoration: none;
        object-fit: contain;
        height: 24px;
        font-family: 'AvenirNext';
        font-size: 14px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.71;
        letter-spacing: normal;
        color: #212b36;
        border-bottom: 3px solid #4d71f6;
    }

    .Pay-ebiz-sub-tab a.active {
        text-decoration: none;
        object-fit: contain;
        height: 24px;
        font-family: 'AvenirNext';
        font-size: 14px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.5;
        letter-spacing: normal;
        color: #212b36;
        border-bottom: 3px solid #4d71f6;
    }

.Rectangle-Payment {
    width: 1021px;
    height: 77px;
    border-radius: 3px;
    box-shadow: 1px 3px 7px 0 rgba(0, 0, 0, 0.11);
    background-color: #f4f6f8;
    padding-top: 18px;
    padding-left: 460px;
}

.verify-Card-BG {
    width: 100%;
    height: 100%;
    border-radius: 3px;
    border: solid 1px #4d71f6;
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: center;
    color: white;
    background: #4d71f6;
    cursor: pointer;
}

#btnEditCustomer.verify-Card-BG {
    width: 130px;
    height: 36px;
    border-radius: 3px;
    border: solid 1px #4d71f6;
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: center;
    color: white;
    background: #4d71f6;
    cursor: pointer;
    margin-right: 10px;
}

.cancel-Payment-btn {
    width: 100%;
    height: 100%;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.1), inset 0 1px 0 1px rgba(255, 255, 255, 0.06);
    border: solid 1px #9b9b9b;
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: center;
    color: #9b9b9b;
    background: white;
    cursor: pointer;
}

/*.btnSaveSettings.k-state-focused,*/
.Rectangle-Blue:hover {
    height: 100% !important;
    border-color: #4d71f6;
    color: white !important;
    font-weight: normal;
    box-shadow: none;
    background-color: #4d71f6 !important;
}

#WOPay.Rectangle-Blue:hover {
    width: 277px !important;
    height: 36px !important;
    border-color: #4d71f6;
    color: white;
    font-weight: normal;
    box-shadow: none;
    background-color: #4d71f6;
}

.btnUpdateCardPayment.Rectangle-Blue:hover {
    border-color: #4d71f6;
    color: white;
    font-weight: normal;
    box-shadow: none;
    background-color: #4d71f6;
}

#saveButtonManagePayment.Rectangle-Blue:hover {
    border-color: #4d71f6;
    color: white;
    font-weight: normal;
    box-shadow: none;
    background-color: #4d71f6;
}

#saveButtonManagePayment.verify-Card-BG {
    width: 100% !important;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.1), inset 0 1px 0 1px rgba(255, 255, 255, 0.06);
    border: solid 1px #4d71f6;
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: center;
    color: #4d71f6;
    background: white;
    cursor: pointer;
}

.Rectangle-NewPaymentMethod {
    cursor: pointer;
    height: 65px;
    border-radius: 3px;
    background-color: #cccccc;
    padding-left: 28px;
    padding-top: 13px;
}

.Default-card {
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.64;
    letter-spacing: normal;
    font-weight: 600;
    font-style: italic;
    color: #212b36;
}

.Path-24 {
    width: 15px;
    height: 17px;
    background-color: #cccccc;
}

.New-Card-BG {
    cursor: pointer;
    width: 225px;
    height: 36px;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.1), inset 0 1px 0 1px rgba(255, 255, 255, 0.06);
    background-color: #4d71f6;
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

.Save-Card-BG {
    cursor: pointer;
    width: 120px;
    height: 36px;
    color: white;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.1), inset 0 1px 0 1px rgba(255, 255, 255, 0.06);
    border: solid 1px #ff7259;
    background-color: rgba(255, 114, 89, 0.8);
    font-family: AvenirNext;
    font-size: 14px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: center;
}

.Delete-Card-BG {
    cursor: pointer;
    width: 100%;
    height: 100%;
    color: #ff7259;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.1), inset 0 1px 0 1px rgba(255, 255, 255, 0.06);
    border: solid 1px #ff7259;
    background-color: white;
    font-family: AvenirNext;
    font-size: 14px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: center;
}

.Rectangle-Save-Red:hover {
    cursor: pointer;
    border-color: #ff7259;
    background-color: white;
    color: #ff7259;
    font-weight: normal;
    box-shadow: none;
}

.Rectangle-Delete-Red:hover {
    cursor: pointer;
    border-color: white;
    background-color: #ff7259;
    color: white;
    font-weight: normal;
    box-shadow: none;
}

.help-us {
    border-radius: 10px;
    box-shadow: 3px 3px 7px 3px #f6f7fd;
    background-color: #ffffff;
}

.collapse-arrow .icon {
    transform: rotate(-180deg);
    transition: .3s transform ease-in-out;
    display: inline-block;
}

.collapse-arrow .collapsed .icon {
    transform: rotate(0);
}

.First-div > label {
    margin: 20px 0;
}

.second-div > label {
    margin: 20px 0;
}

.abc {
    max-width: 1094px;
    background-color: #ffffff;
}

.Revert-back-to-sales {
    width: 400.7px;
    height: 20px;
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #212b36;
}

.Rectangle-3 {
    background-image: linear-gradient(to bottom, #ffffff, #f9fafb);
}

.Always-display {
    width: 626.7px;
    height: 20px;
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #212b36;
}

.class-DarkGray {
    background-image: url('/Content/EBizAssets/group-5@5x.png');
    background-repeat: no-repeat;
    background-color: transparent !important;
    color: black !important;
    font-weight: 400 !important;
    background-size: 100.5%;
    width: 100%;
    border: 0px;
}

#listPaymentMethod li,
#listPaymentMethodACH li {
    list-style-type: none;
}

.class-LightGray {
    background-color: #f4f6f8 !important;
}

.class-PaymentMethod-Add-New-Method {
    color: #0557b7;
    font-size: 14px;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    font-weight: 700;
}

.class-TxtBorder {
    border-radius: 3px;
    border: solid 1px #c4cdd5;
    background-color: #ffffff;
}

    .class-TxtBorder :hover {
        border-radius: 3px;
        border: solid 1px #c4cdd5;
        background-color: #ffffff;
    }

.grd-headerItem-center {
    text-align: center !important;
}

.grd-headerItem-left {
    text-align: left !important;
}

.grd-headerItem-right {
    text-align: right !important;
}

.grd-bodyItem-center {
    text-align: center !important;
}

.grd-bodyItem-left {
    text-align: left !important;
}

.grd-bodyItem-right {
    text-align: right !important;
}

.VT-modal-header {
    font-family: AvenirNext;
    font-size: 28px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: #212b36;
}

.VT-modal-header2 {
    font-family: AvenirNext;
    font-size: 28px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #212B36;
}

.VT-label {
    font-size: 14px;
    font-family: AvenirNext;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-justify: auto;
    color: #212b36;
}

.VT-label2 {
    font-family: AvenirNext;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #212b36;
    padding: 0 16px;
}

.VT-anchor {
    font-size: 14px;
    font-family: AvenirNext;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-justify: auto;
}

.VT-row {
    margin-top: 40px;
    padding: 0 10px;
}

.VT-modal-btn-Cancel {
    font-family: AvenirNext;
    width: 118px;
    height: 36px;
    font-size: 14px;
    border-radius: 3px;
    background: #FFFFFF;
    box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.1), inset 0 1px 0 1px rgba(255, 255, 255, 0.06);
    border: solid 1px #9b9b9b;
}

.VT-modal-btn-Done {
    font-family: AvenirNext;
    font-size: 14px;
    background: #4D71F6;
    width: 164px;
    height: 36px;
    color: #FFFFFF;
    border-radius: 3px;
    border: none;
    object-fit: contain;
}

.VT-Tran-Nav-Footer {
    width: 314px;
    line-height: 56px;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 0 #dfe3e8;
    background-color: #f4f6f8;
    color: #B0B4BA;
}

    .VT-Tran-Nav-Footer:hover {
        line-height: 56px;
        border-radius: 3px;
        box-shadow: inset 0 -1px 0 0 #dfe3e8;
        background-color: #f4f6f8;
        color: #B0B4BA;
    }

.with {
    width: 118px;
    height: 30px;
    object-fit: contain;
}

.Manually-enter-sales {
    width: 444.7px;
    height: 20px;
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #212b36;
}

.colorbg {
    width: 126px;
    height: 36px;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.1), inset 0 1px 0 1px rgba(255, 255, 255, 0.06);
    border: solid 1px #ff7259;
    background-color: rgba(255, 114, 89, 0.8);
}

.Page-header {
    text-align: center;
    font-family: AvenirNext;
    font-size: 20px;
    color: #212b36;
}

.clickable {
    cursor: pointer;
}

.panel-heading span {
    margin-top: -20px;
    font-size: 15px;
}

.size1 {
    border-radius: 3px;
    box-shadow: 1px 3px 7px 0 rgba(145, 158, 171, 0.68);
    border: solid 1px rgba(145, 158, 171, 0.33);
    background-color: #ffffff;
}

.Duis-aute-irure-dolo {
    width: 1011px;
    height: 104px;
    margin-left: 125px;
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.86;
    letter-spacing: normal;
    color: #212b36;
}

.Lorem-ipsum-dolor-si {
    width: 970px;
    height: 19px;
    font-family: AvenirNext;
    padding: 24px 8px;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #212b36;
}

.glyphicon {
    color: #919eab !important;
    line-height: 7 !important
}

.Receipt-image {
    width: 30px;
    height: 30px;
    object-fit: contain;
}

.Reset-image {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.Customers-image {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.Home-image {
    width: 34px;
    height: 34px;
    object-fit: contain;
}

.dollarsign-image {
    width: 34px;
    height: 34px;
    object-fit: contain;
}

.Rectangle-19-corner {
    width: 315px;
    height: 190.5px;
    border-radius: 10px;
    box-shadow: 3px 3px 7px 3px #f6f7fd;
    border: solid 1px rgba(145, 158, 171, 0.33);
    background-color: #ffffff;
    position: absolute;
    margin: auto;
    right: 0;
    bottom: 85px;
}

.Still-need {
    width: 160px;
    height: 44px;
    font-family: AvenirNext;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.44;
    letter-spacing: normal;
    color: #212b36;
    position: absolute;
    margin: auto;
    right: 75px;
    bottom: 65px;
}

.contact20us204 {
    width: 100px;
    height: 70px;
    position: absolute;
    margin: auto;
    right: 100px;
    bottom: 115px;
}

.Call-our-in-house-Su {
    width: 306px;
    height: 38px;
    font-family: AvenirNext;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #212b36;
    position: absolute;
    margin: auto;
    bottom: 20px;
}

    .Call-our-in-house-Su .text-style-1 {
        color: #3b76bb;
    }

.virtual20terminal20contact20us20illustration {
    width: 574px;
    height: 300px;
}

.Duis-aute-irure-dolo-panel {
    padding: 3px 100px;
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.86;
    letter-spacing: normal;
    color: #212b36;
}

.screenshot-images {
    padding: 10px 36px;
}

.Oval {
    width: 22px;
    height: 22px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    background-color: #4263f9;
    color: white;
    text-align: center;
}

.Screen-Shot-2019-04-10-at-103724-AM {
    width: 180px;
    height: 60px;
    box-shadow: 0 2px 4px 0 #919eab;
}

.InkLightest {
    width: 16px;
    height: 16px;
    object-fit: contain;
}

.spacing {
    line-height: 2px;
}

.Line {
    width: 259px;
    height: 2px;
    opacity: 0.69;
    border: solid 0.5px #919eab;
}

.updated-password {
    position: absolute;
    transition: .5s ease;
    top: 85%;
    left: 65%;
    width: 164px;
    height: 36px;
    border-radius: 4px;
    box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.1), inset 0 1px 0 1px rgba(255, 255, 255, 0.06);
    background-color: #4d71f6;
}

.cancel-buttton {
    width: 110px;
    height: 32px;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.1), inset 0 1px 0 1px rgba(255, 255, 255, 0.06);
    border: solid 1px #9b9b9b;
    font-family: AvenirNext;
    font-size: 14px;
    text-align: center;
    color: #9b9b9b;
    background-color: white;
}

.new-password-change {
    width: 538px;
    height: 556px;
    border-radius: 3px;
    box-shadow: 1px 3px 7px 0 rgba(0, 0, 0, 0.11);
    background-color: #ffffff;
}

.Button-text {
    font-family: AvenirNext;
    font-size: 14px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: center;
    color: #9b9b9b;
}

.Oval-device-setting {
    width: 16px;
    height: 16px;
    box-shadow: 1px 1px 0.5px 0 rgba(146, 168, 200, 0.23);
    border: solid 2px #c4cdd5;
    background-color: #666e75;
}

.Default-device {
    width: 302px;
    height: 20px;
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #212b36;
}

.Page-header-company {
    position: absolute;
    transition: .5s ease;
    top: 5%;
    left: 8%;
    width: 285px;
    height: 32px;
    font-family: AvenirNext;
    font-size: 28px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: #212b36;
}

.Rectangle-company {
    width: 1094px;
    height: 807px;
    border-radius: 3px;
    box-shadow: 1px 3px 7px 0 rgba(0, 0, 0, 0.11);
    background-color: #ffffff;
}

.Button-text-company {
    position: absolute;
    transition: .5s ease;
    top: 90%;
    left: 80%;
    width: 110px;
    height: 37px;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.1), inset 0 1px 0 1px rgba(255, 255, 255, 0.06);
    border: solid 1px #ff7259;
    background-color: rgba(255, 114, 89, 0.8);
}

.cancel-buttton-company {
    position: absolute;
    transition: .5s ease;
    top: 90%;
    left: 8%;
    width: 118px;
    height: 36px;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.1), inset 0 1px 0 1px rgba(255, 255, 255, 0.06);
    border: solid 1px #9b9b9b;
    background-color: white;
}

.Merchant-ID {
    width: 200px;
    height: 57px;
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #212b36;
}

.main-body {
    position: absolute;
    transition: .5s ease;
    top: 12%;
    left: 7%;
}

.TextField-city {
    width: 189px;
    height: 36px;
    border-radius: 3px;
    box-shadow: inset 0 1px 2px 0 rgba(102, 113, 123, 0.21), inset 0 0 0 1px rgba(102, 113, 123, 0.25);
    border: solid 1px #c4cdd5;
    background-color: #ffffff;
}

.TextField-state {
    width: 175px;
    height: 36px;
    border-radius: 3px;
    box-shadow: inset 0 1px 2px 0 rgba(102, 113, 123, 0.21), inset 0 0 0 1px rgba(102, 113, 123, 0.25);
    border: solid 1px #c4cdd5;
    background-color: #ffffff;
}

.TextField-zip {
    width: 189px;
    height: 36px;
    border-radius: 3px;
    box-shadow: inset 0 1px 2px 0 rgba(102, 113, 123, 0.21), inset 0 0 0 1px rgba(102, 113, 123, 0.25);
    border: solid 1px #c4cdd5;
    background-color: #ffffff;
}

.label-company-information {
    width: 364px;
    height: 13px;
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #212b36;
}

.label-company {
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #212b36;
}

.Sales-Tax-Settings {
    width: 150px;
    height: 24px;
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: #212b36;
}

.bg-login {
    background-image: url("/Content/Images/EBizCharge_Login_Background.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.Separate-additional {
    opacity: 0.54;
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: right;
    color: #212b36;
}

.VT-tooltip-img {
    height: 13px;
}

.VT-dropdown {
    height: 30px;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05);
    border: solid 1px #c4cdd5;
    background-image: linear-gradient(to bottom, #ffffff, #f9fafb);
}

.VT-button,
.VT-button:active,
.VT-button:hover,
.VT-button:active:focus,
.VT-button:focus {
    width: 126px;
    height: 36px;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.1), inset 0 1px 0 1px rgba(255, 255, 255, 0.06);
    border: solid 1px #ff7259;
    background-color: rgba(255, 114, 89, 0.8);
}

.Rectangle-CardVerify {
    height: 32px;
    border-radius: 3px;
    border: solid 1px #ec4144;
}

.This-card-has-expire {
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #E02020;
    padding-top: 6px;
    padding-left: 5px;
}

.BG-VerifyCard {
    height: 36px;
    color: white;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.1), inset 0 1px 0 1px rgba(255, 255, 255, 0.06);
    border: solid 1px #ff7259;
    background-color: rgba(255, 114, 89, 0.8);
}

.Card-verified {
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4d8412;
    padding-left: 15px;
}

.Card-Not-Verified {
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal !important;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ec4144 !important;
    padding-left: 15px;
}

.modal-backdrop {
    opacity: 0.6 !important;
}

.customer-details {
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: #212b36;
}

.Rectangle-Customer {
    height: 116px;
    border-radius: 3px;
    box-shadow: 1px 3px 7px 0 rgba(0, 0, 0, 0.11);
    background-color: #f4f6f8;
}

.BG-AddCustomer {
    width: 197px;
    height: 36px;
    color: white;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.1), inset 0 1px 0 1px rgba(255, 255, 255, 0.06);
    border: solid 1px #ff7259;
    background-color: rgba(255, 114, 89, 0.8);
}

    .BG-AddCustomer:hover {
        border-color: rgba(255, 114, 89, 0.8);
        color: rgba(255, 114, 89, 0.8);
        font-weight: normal;
        box-shadow: none;
        background-color: white;
    }

.sw-theme-dots > ul.step-anchor {
    padding-left: 100px !important;
}

    .sw-theme-dots > ul.step-anchor > li.active > a {
        color: #4263f9 !important;
    }

        .sw-theme-dots > ul.step-anchor > li.active > a:after {
            background: #4263f9 !important;
        }

    .sw-theme-dots > ul.step-anchor > li.active > a {
        color: #4263f9 !important;
    }

    .sw-theme-dots > ul.step-anchor > li.done > a {
        color: #4263f9;
    }

        .sw-theme-dots > ul.step-anchor > li.done > a:after {
            background: url('/Content/EbizAssets/wizardCheck.png') no-repeat !important;
        }

.sw-nav-tabs .sw-nav-item {
    margin-bottom: -3px;
    margin-top: 10px;
}

.sw-nav-tabs .sw-nav-link {
    min-width: 180px;
    height: 60px;
    object-fit: contain;
}

    .sw-nav-tabs .sw-nav-link:hover {
        min-width: 180px;
        height: 60px;
    }

    .sw-nav-tabs .sw-nav-link.active {
        border: 2px solid #9b9b9b;
        min-width: 180px;
        height: 60px;
        object-fit: contain;
        background-image: none;
    }

        .sw-nav-tabs .sw-nav-link.active:hover {
            min-width: 180px;
            height: 60px;
        }

.sw-theme-dots > ul.step-anchor > li > a:after {
    background: white !important;
    color: #717b85 !important;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2) !important;
    border: solid 1px #717b85 !important;
}

.sw-theme-dots > ul.step-anchor:before {
    width: 42.5% !important;
    left: 185px !important;
    top: 52px !important;
    height: 2px !important;
    background-color: #717b85 !important;
}

.payment-Method {
    object-fit: contain;
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: #212b36;
}

    .payment-Method .text-style-1 {
        font-weight: normal;
        font-style: italic;
    }

.k-radio:checked + .k-radio-label:after {
    background-color: #717b85 !important;
}

.k-radio:checked + .k-radio-label:after {
    top: 2px !important;
    left: 2px !important;
}

.BG-PaymentMethod {
    width: 275px;
    height: 36px;
    opacity: 0.35;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.1), inset 0 1px 0 1px rgba(255, 255, 255, 0.06);
    background-color: #4d71f6;
}

.BG-PaymentMethod {
    width: 275px;
    height: 36px;
    opacity: 0.35;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.1), inset 0 1px 0 1px rgba(255, 255, 255, 0.06);
    background-color: #4d71f6;
}

    .BG-PaymentMethod:hover {
        border-radius: 3px;
        border: solid 1px #4d71f6;
        color: #4d71f6;
        background: white;
    }

.clear-Fields {
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: right;
    color: #0557b7;
}

.advSearch-modal-header {
    font-family: 'Avenir Next LT Pro';
    font-size: 28px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #212b36;
}

.Security-Rectangle {
    width: 830px;
    height: 135px;
    border-radius: 3px;
    border: solid 1px #ec4144;
}

.Security-Rectangle-Mg-Customer {
    border-radius: 3px;
    border: solid 1px #f5a623;
}

.Security-Mismatch-label {
    font-family: AvenirNext-Demi-Bold;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #212b36;
}

security-wrap {
    word-wrap: break-word;
}

.Rectangle-Quick-Credit {
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 0 #dfe3e8;
    background-color: #f4f6f8;
}

.scroll-to-top {
    bottom: 60px !important;
}

.Latest-Transact {
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #212b36;
}

.Trans-Void-header {
    font-family: AvenirNext;
    font-size: 28px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: #212b36;
}

#grdNewTransactionHistory .dropdown-item {
    width: 67% !important;
}

#grdCustomerTransactionHistory .dropdown-item {
    width: 67% !important;
}

#grdCustomer .dropdown-item {
    width: 70% !important;
}

.k-dropdown .k-state-default {
    border: solid lightgray 1px !important;
}

.login-error {
    font-family: 'Avenir Next LT Pro';
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: red;
    text-align: left;
}

.session-expiry-modal-header {
    height: 32px;
    font-family: 'Avenir Next LT Pro';
    font-size: 25px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: #212b36;
    margin-left: -290px;
    margin-top: -7px;
}

.fixed-bottom {
    left: unset !important;
}

.label-Login {
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #000000;
}

.latest-Transaction-Card {
    width: 329px;
    height: 188px;
    object-fit: contain;
    border-radius: 6px;
    background-image: linear-gradient(286deg, #ebedee, #fbfbfb);
}

.latest-Transaction-div {
    width: 374px;
    border-radius: 9px;
    box-shadow: 0 2px 4px 0 rgba(145, 158, 171, 0.41);
    border: solid 1px rgba(189, 199, 209, 0.59);
    background-color: #ffffff;
}

.LatestTransactionDetailsTH {
    width: 374px;
    border-radius: 9px;
    box-shadow: 0 2px 4px 0 rgba(145, 158, 171, 0.41);
    border: solid 1px rgba(189, 199, 209, 0.59);
    background-color: #ffffff;
}

.latest-Transaction-text {
    font-family: AvenirNext;
    font-size: 32px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #212b36;
}

.latest-Transaction-small-text {
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
}

.latest-Transaction-Settled {
    border: 1px solid #7ed321;
    border-radius: 15px;
    color: #7ed321;
    width: auto !important;
    height: 32px !important;
    min-width: 150px;
    font-family: AvenirNext;
    font-size: 17px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #4d8412;
    text-align: center;
}

.latest-Transaction-Pending {
    border: 1px solid #f5a623;
    border-radius: 15px;
    color: #f5a623;
    width: 179px;
    height: 46px;
    font-family: AvenirNext;
    font-size: 17px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    letter-spacing: normal;
    color: #ce7200;
    text-align: center;
}

.latest-Transaction-Oval {
    width: 102px;
    height: 103px;
    box-shadow: 0 2px 4px 0 #c5ced6;
    border: solid 1px #e1e5e9;
    background-color: #ffffff;
    border-radius: 64px;
}

.latest-Transaction-Card-Text {
    font-family: 'Avenir Next LT Pro';
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.8px;
    color: #565c64;
}

ul ul {
    list-style-type: none;
}

.errorClassAmount {
    border: 1px solid red;
}

.k-pdf-export .noExport {
    display: none;
}

.k-pdf-export .LatestTransactionDetailsTH {
    height: 350px;
}

.Transaction-History-div {
    width: 374px;
    border-radius: 9px;
    box-shadow: 0 2px 4px 0 rgba(145, 158, 171, 0.41);
    border: solid 1px rgba(189, 199, 209, 0.59);
    background-color: #ffffff;
}

.Latest-Transaction-label {
    font-family: AvenirNext;
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #212b36;
}

.customer-info-div {
    border-radius: 9px;
    box-shadow: 0 2px 4px 0 rgba(145, 158, 171, 0.41);
    border: solid 1px rgba(189, 199, 209, 0.59);
    background-color: #ffffff;
}

.Displaying-only-the {
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #212b36;
}

.Transaction-settings-div {
    border-radius: 9px;
    box-shadow: 0 2px 4px 0 rgba(145, 158, 171, 0.41);
    border: solid 1px rgba(189, 199, 209, 0.59);
    background-color: #ffffff;
}

.Accounts-settings-div {
    border-radius: 9px;
    box-shadow: 0 2px 4px 0 rgba(145, 158, 171, 0.41);
    border: solid 1px rgba(189, 199, 209, 0.59);
    background-color: #ffffff;
}

.k-grid-footer, .k-grid-footer td,
.k-grid-header, .k-grid-header .k-header,
.k-pager-numbers .k-state-selected, .k-pager-wrap,
.km-pane-wrapper .k-grid-header .k-header {
    background-color: white;
}

.reportsDetailsGridPagerWrapper .k-pager:focus, .reportsDetailsGridPagerWrapper .k-pager {
    box-shadow: none !important;
    border: none !important;
}

.reportsDetailsGridPagerWrapper {
    border: solid 1px rgba(33,37,41,0.13) !important;
}

.k-dropdown, span.k-colorpicker {
    background-color: white;
}

.classIFrame-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

    .classIFrame-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.VT-label-EditCustomer {
    font-size: 14px;
    font-family: AvenirNext;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-justify: auto;
    color: #212b36;
}

.VT-AchSuccessModal-img {
    background-image: url('EbizAssets/bank.PNG');
    width: 31px;
    height: 27px;
}

.k-loading-mask .k-loading-image {
    background-image: url('/Content/Loader/grid-loader-1.gif');
}

#front_loader_layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 75%;
    visibility: visible;
    z-index: 100;
}

.class-CardTypeOnToOfCreditCardRightPanel {
    width: 50px;
    height: 42.3px;
    float: right;
}

.class-CardImageOnToOfSuccessModalPopup {
    height: 17px;
    width: 31px;
}

.AdvancedSearch-sortby-ddl {
    max-width: 139px;
    background: bottom !important;
    padding: 3px 3px;
}

.AddCustNote-TextArea {
    width: 44%;
    font-style: italic;
    font-size: 13px;
    border-radius: 3px;
    box-shadow: 0 1px 3px 0 rgba(63, 63, 68, 0.15), 0 0 0 1px rgba(63, 63, 68, 0.05);
    border: solid 1px rgba(145, 158, 171, 0.49);
}

#id-ddlAccountType.k-dropdown .k-input, .k-dropdown .k-state-focused .k-input, .k-menu .k-popup {
    border-color: #f0f0f0 !important;
    background-color: white !important;
}

#id-ddlAccountType.k-state-default > .k-select {
    border-color: #f0f0f0 !important;
    background-color: white !important;
}

#id-ddlEMVDevice.k-dropdown .k-input, .k-dropdown .k-state-focused .k-input, .k-menu .k-popup {
    border-color: #f0f0f0 !important;
    background-color: white !important;
}

#id-ddlEMVDevice.k-state-default > .k-select {
    border-color: #f0f0f0 !important;
    background-color: white !important;
}

#id-ddlAccountType.k-dropdown .k-input {
    background-color: white !important;
}

#id-ddlAccountType.k-state-default > .k-select {
    background-color: white !important;
}

#id-ddlEMVDevice.k-dropdown .k-input {
    background-color: white !important;
}

#id-ddlEMVDevice.k-state-default > .k-select {
    background-color: white !important;
}

.addCust-CompleteStep {
    background: url('EbizAssets/wizardCheck.png') no-repeat;
}

.Transaction-Error {
    width: auto;
    height: auto;
    border-radius: 3px;
    border: solid 2px #ec4144;
}

.Transaction-Error-label {
    font-family: AvenirNext;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #d0021b
}

.TransactionHistory-chart-div {
    height: 240px;
    border-radius: 9px;
    box-shadow: 0 2px 4px 0 rgba(145, 158, 171, 0.41);
    border: solid 1px rgba(189, 199, 209, 0.59);
    background-color: #ffffff;
}

.TransactionHistory-CardTypechart-div {
    height: 240px;
    border-radius: 9px;
    box-shadow: 0 2px 4px 0 rgba(145, 158, 171, 0.41);
    border: solid 1px rgba(189, 199, 209, 0.59);
    background-color: #ffffff;
}

.nav-item.active > a {
    border-left: 3px solid white;
}

.newTransTotalPayAmountHeader {
    font-family: AvenirNext;
    font-size: 17px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.41;
    letter-spacing: normal;
    text-align: right;
    color: #000000;
}

.newTransTotalPayAmount {
    font-family: AvenirNext;
    font-size: 24px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.41;
    letter-spacing: normal;
    text-align: right;
    color: #000000;
}

.chooseTransactionText {
    font-family: AvenirNext;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: italic;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: left;
    color: #212b36;
}

.sortByContainer {
    border-radius: 3px;
    box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05);
    border: solid 1px #c4cdd5;
    background-image: linear-gradient(to bottom, #ffffff, #f9fafb);
}

.selectACustomerStyle {
    font-family: "AvenirNext";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: #212b36;
}

#ddlSetFrequencySapCn-list > .k-list-optionlabel {
    font-family: AvenirNext-Italic;
    font-size: 14px !important;
    font-weight: normal;
    font-stretch: normal;
    font-style: italic;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: #212b36;
}

.selectAFrequencyStyle span.k-input {
    font-family: AvenirNext-Italic;
    font-size: 14px !important;
    font-weight: normal;
    font-stretch: normal;
    font-style: italic;
    line-height: 2.1;
    letter-spacing: normal;
    text-align: left;
    color: #212b36;
}

ul#ddlSetFrequencySapCn_listbox li {
    font-family: AvenirNext;
    font-size: 14px !important;
    font-weight: normal;
    font-stretch: normal;
    /*font-style: italic;*/
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: #212b36;
}

.linkButtonColor {
    color: #0557b7 !important;
}

.inputLabelStyle {
    font-family: AvenirNext-Regular;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: #212b36;
}

.totalPaymentAmountStyle {
    font-family: AvenirNext-Medium;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

#sendReceiptContainer .k-checkbox-label {
    font-family: AvenirNext-Medium;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.separateAdditionalStyle {
    font-family: AvenirNext-Italic;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: italic;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: right;
    color: #212b36;
}

.textAreaStyle {
    font-family: AvenirNext-Italic;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: italic;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: rgba(33, 43, 54, 0.6);
}

.infoImageSize {
    width: 18px;
    height: 18px;
}

.emailTemplateDropdownStyle {
    font-family: AvenirNext-Regular;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: #212b36;
}

.requestButtonStyle {
    font-family: AvenirNext-Demi;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

.savedCardTotalPaymentAmountStyle {
    font-family: AvenirNext-Medium;
    font-size: 17px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.41;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.notesTextAreaStyle {
    font-family: AvenirNext-Regular;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.loginInputLabelStyle {
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.loginButtonStyle {
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff !important;
    background-color: #4263F9 !important;
}

.cardTitle {
    font-family: AvenirNext;
    font-size: 16px;
    color: #000000;
}

.legendText {
    font-family: AvenirNext;
    font-size: 14px;
    color: #000000;
}

.legendTextSmall {
    font-family: AvenirNext;
    font-size: 10px;
    color: #000000;
}

.cardTypesLegendImage {
    height: 34px;
}

.cardTypesLegendImage2 {
    height: 34px;
    padding: 1px;
    margin-left: 8px !important;
}

.cardTypesLegendImage3 {
    height: 34px;
    padding-left: 6px !important;
    padding-right: 6px !important;
}

.switch {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 28px;
}

    .switch input {
        display: none;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #2ab934;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 1px;
        bottom: 1px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #637381;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(52px);
    -ms-transform: translateX(52px);
    transform: translateX(52px);
}

.off {
    display: none;
}

.on, .off {
    color: white;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    font-size: 10px;
    font-family: AvenirNext;
}

input:checked + .slider .on {
    display: none;
}

input:checked + .slider .off {
    display: block;
}

.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.off {
    display: none;
}

.on, .off {
    color: white;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    font-size: 10px;
    font-family: AvenirNext;
}

input:checked + .slider .on {
    display: none;
}

input:checked + .slider .off {
    display: block;
}

.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.sortByContainer {
    border-radius: 3px;
    box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05);
    border: solid 1px #c4cdd5;
    background-image: linear-gradient(to bottom, #ffffff, #f9fafb);
}

#sidebar-wrapper {
    top: 0px;
    background: rgb(255, 255, 255);
    border-left: 5px solid #F3F2F2;
    width: 428px;
    margin-right: -428px;
    right: 0;
    position: fixed;
    height: 100%;
    overflow-y: auto;
    z-index: 1000;
    transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -ms-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
}

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}

    .sidebar-nav li {
        line-height: 50px;
        text-indent: 20px;
    }

        .sidebar-nav li a {
            color: #212b36;
            display: block;
            text-decoration: none;
        }

            .sidebar-nav li a:hover {
                color: #212b36;
                background: rgba(255,255,255,0.2);
                text-decoration: none;
            }

            .sidebar-nav li a:active, .sidebar-nav li a:focus {
                text-decoration: none;
            }

    .sidebar-nav > .sidebar-brand {
        height: 55px;
        line-height: 55px;
        font-size: 18px;
    }

        .sidebar-nav > .sidebar-brand a {
            color: #999999;
        }

            .sidebar-nav > .sidebar-brand a:hover {
                color: #fff;
                color: #212b36;
                background: none;
            }

#sidebar-wrapper-TranHistory {
    top: 0px;
    background: rgb(255, 255, 255);
    border-left: 5px solid #F3F2F2;
    width: 428px;
    margin-right: -428px;
    right: 0;
    position: fixed;
    height: 100%;
    overflow-y: auto;
    z-index: 1000;
    transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -ms-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
}

.sidebar-nav-TranHistory {
    position: absolute;
    top: 0;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}

    .sidebar-nav-TranHistory li {
        line-height: 50px;
        text-indent: 20px;
    }

        .sidebar-nav-TranHistory li a {
            color: #212b36;
            display: block;
            text-decoration: none;
        }

            .sidebar-nav-TranHistory li a:hover {
                color: #212b36;
                background: rgba(255,255,255,0.2);
                text-decoration: none;
            }

            .sidebar-nav-TranHistory li a:active, .sidebar-nav-TranHistory li a:focus {
                text-decoration: none;
            }

    .sidebar-nav-TranHistory > .sidebar-brand {
        height: 55px;
        line-height: 55px;
        font-size: 18px;
    }

        .sidebar-nav-TranHistory > .sidebar-brand a {
            color: #999999;
        }

            .sidebar-nav-TranHistory > .sidebar-brand a:hover {
                color: #fff;
                color: #212b36;
                background: none;
            }

#sidebar-wrapper-TranHistory.active {
    right: 428px;
    width: 428px;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
}

#sidebar-wrapper.active {
    right: 428px;
    width: 428px;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
}

.toggle {
    margin: 5px 5px 0 0;
}

.sideBarTextStyle {
    font-family: AvenirNext-Demi;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}

.carousel-indicators li {
    width: 10px !important;
    height: 10px !important;
    background-color: #1c3093 !important;
    border-radius: 100%;
}

.carousel-indicators {
    position: relative !important;
}

.onboardingModalSubheader {
    font-family: AvenirNext-Demi;
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.3;
    letter-spacing: normal;
    text-align: center;
    color: #1c3093;
}

.onboardingModalText {
    font-family: AvenirNext-Regular;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
}

.onboardingModalButtonStyle {
    font-family: AvenirNext-Medium;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.06;
    letter-spacing: normal;
    text-align: left;
}

.productTourButtonStyle {
    font-family: AvenirNext-Medium;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    text-align: left;
    color: #0557b7 !important;
    cursor: pointer;
}

    .productTourButtonStyle:hover {
        cursor: pointer;
    }

.customer-tabstrip .k-tabstrip:focus {
    box-shadow: none;
}

#customer-tabstrip > .k-tabstrip-items .k-state-active {
    font-weight: 700;
    border-color: #fff;
}

    #customer-tabstrip > .k-tabstrip-items .k-state-active:after {
        font-weight: 700;
        border-color: #fff;
        content: "";
        position: absolute;
        bottom: 0;
        left: 7px;
        width: 90%;
        height: 3px;
        background-color: #4d71f6;
    }

#customer-tabstrip > .k-state-active {
    border-color: #fff;
}

.settingsFontStyle,
.customerPageCardFontStyle {
    font-family: AvenirNext-Regular;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: #212b36;
}

.customerPageCardFontLinkStyle {
    font-family: AvenirNext-Regular;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: #0557b7;
}

.settingsCardHeadersStyle,
.customerPageCardHeadersStyle {
    font-family: AvenirNext-Demi;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #212b36;
}

.settingsCardSubHeadersStyle {
    font-family: AvenirNext-Medium;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: left;
    color: #212b36;
}

.editInfoLinkStyle {
    font-family: AvenirNext-Regular;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: right;
    color: #0557b7;
}

#TransSettingsDetails .k-checkbox-label,
#TransReqSettingsDetails .k-checkbox-label,
#TransSecurityCodeSettings .k-checkbox-label,
#TransSalesTaxSettingsDetails .k-checkbox-label,
#TransSalesTaxSettingsDetails .k-radio-label,
#THSettingsDetails .k-checkbox-label,
#RecSettingsDetails .k-checkbox-label,
.settingsCardLabelStyle {
    font-family: AvenirNext-Regular;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: #212b36;
}

.transDashboardCardValues {
    font-family: AvenirNext-Bold;
    font-size: 36px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    color: #212b36;
}

.transDashboardCardSubheader {
    font-family: AvenirNext-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    color: #212b36;
}

#transaction-tabstrip.k-tabstrip:focus,
#setting-tabstrip.k-tabstrip:focus,
#reqPayment-tabstrip.k-tabstrip:focus,
#creditcard-tabstrip.k-tabstrip:focus,
#payByCardTabStrip.k-tabstrip:focus,
#payByCardTabStripMfs.k-tabstrip:focus,
#achpay-tabstrip.k-tabstrip:focus,
#payByAccountTabStrip.k-tabstrip:focus,
#payByAccountTabStripMfs.k-tabstrip:focus,
#reports-tabstrip.k-tabstrip:focus,
#adminSettingsTabStrip.k-tabstrip:focus {
    box-shadow: none;
}

#transaction-tabstrip .k-tabstrip-items .k-item.k-state-hover,
#setting-tabstrip .k-tabstrip-items .k-item.k-state-hover,
#reports-tabstrip .k-tabstrip-items .k-item.k-state-hover,
#userAndPermissions-tabstrip .k-tabstrip-items .k-item.k-state-hover,
#adminSettingsTabStrip .k-tabstrip-items .k-item.k-state-hover {
    background: #fff !important;
}

#reqPayment-tabstrip .k-tabstrip-items .k-item.k-state-hover {
    border-color: #f8fafb;
}

#reqPayment-tabstrip > .k-tabstrip-items .k-state-active {
    font-weight: 700;
    border-color: #f8fafb;
}

    #reqPayment-tabstrip > .k-tabstrip-items .k-state-active:after {
        border-color: #fff;
        content: "";
        position: absolute;
        bottom: 0;
        left: 7px;
        width: 90%;
        height: 2px;
        background-color: #4d71f6;
    }

#reqPayment-tabstrip > .k-content {
    /* border-color: #f8fafb;*/
    border-color: #fff;
    background-color: #f8fafb;
}

#transaction-tabstrip > .k-tabstrip-items .k-state-active,
#setting-tabstrip > .k-tabstrip-items .k-state-active,
#creditcard-tabstrip > .k-tabstrip-items .k-state-active,
#payByCardTabStrip > .k-tabstrip-items .k-state-active,
#payByCardTabStripMfs > .k-tabstrip-items .k-state-active,
#achpay-tabstrip > .k-tabstrip-items .k-state-active,
#payByAccountTabStrip > .k-tabstrip-items .k-state-active,
#payByAccountTabStripMfs > .k-tabstrip-items .k-state-active,
#userAndPermissions-tabstrip > .k-tabstrip-items .k-state-active,
#adminSettingsTabStrip > .k-tabstrip-items .k-state-active {
    font-weight: 700;
    border-color: #fff;
}

    #transaction-tabstrip > .k-tabstrip-items .k-state-active:after,
    #setting-tabstrip > .k-tabstrip-items .k-state-active:after,
    #creditcard-tabstrip > .k-tabstrip-items .k-state-active:after,
    #payByCardTabStrip > .k-tabstrip-items .k-state-active:after,
    #payByCardTabStripMfs > .k-tabstrip-items .k-state-active:after,
    #achpay-tabstrip > .k-tabstrip-items .k-state-active:after,
    #payByAccountTabStrip > .k-tabstrip-items .k-state-active:after,
    #payByAccountTabStripMfs > .k-tabstrip-items .k-state-active:after,
    #reports-tabstrip > .k-tabstrip-items .k-state-active:after,
    #userAndPermissions-tabstrip > .k-tabstrip-items .k-state-active:after,
    #adminSettingsTabStrip > .k-tabstrip-items .k-state-active:after {
        border-color: #fff;
        content: "";
        position: absolute;
        bottom: 0;
        left: 7px;
        width: 90%;
        height: 2px;
        background-color: #4d71f6;
    }

.transaction-tabstrip .k-tabstrip .k-tabstrip-items .k-state-default.k-state-hover,
.setting-tabstrip .k-tabstrip .k-tabstrip-items .k-state-default.k-state-hover,
.reqPayment-tabstrip .k-tabstrip .k-tabstrip-items .k-state-default.k-state-hover,
.creditcard-tabstrip .k-tabstrip .k-tabstrip-items .k-state-default.k-state-hover,
.achpay-tabstrip .k-tabstrip .k-tabstrip-items .k-state-default.k-state-hover,
.payByAccountTabStrip .k-tabstrip .k-tabstrip-items .k-state-default.k-state-hover,
.payByAccountTabStripMfs .k-tabstrip .k-tabstrip-items .k-state-default.k-state-hover,
.adminSettingsTabStrip .k-tabstrip .k-tabstrip-items .k-state-default.k-state-hover {
    border-color: #fff;
}

#transaction-tabstrip > .k-state-active, #transaction-tabstrip > .k-state-hover,
#setting-tabstrip > .k-state-active, #setting-tabstrip > .k-state-hover,
#creditcard-tabstrip > .k-state-active, #creditcard-tabstrip > .k-state-hover,
#payByCardTabStrip > .k-state-active, #payByCardTabStrip > .k-state-hover,
#payByCardTabStripMfs > .k-state-active, #payByCardTabStripMfs > .k-state-hover,
#achpay-tabstrip > .k-state-active, #achpay-tabstrip > .k-state-hover,
#payByAccountTabStrip > .k-state-active, #payByAccountTabStrip > .k-state-hover,
#payByAccountTabStripMfs > .k-state-active, #payByAccountTabStripMfs > .k-state-hover,
#userAndPermissions-tabstrip > .k-state-active, #userAndPermissions-tabstrip > .k-state-hover,
#reports-tabstrip > .k-state-hover,
#adminSettingsTabStrip > .k-state-active, #adminSettingsTabStrip > .k-state-hover {
    border-color: #fff;
}

#transaction-tabstrip .k-tabstrip-items .k-state-default .k-link,
#setting-tabstrip .k-tabstrip-items .k-state-default .k-link,
#reqPayment-tabstrip .k-tabstrip-items .k-state-default .k-link,
#creditcard-tabstrip .k-tabstrip-items .k-state-default .k-link,
#payByCardTabStrip .k-tabstrip-items .k-state-default .k-link,
#payByCardTabStripMfs .k-tabstrip-items .k-state-default .k-link,
#achpay-tabstrip .k-tabstrip-items .k-state-default .k-link,
#payByAccountTabStrip .k-tabstrip-items .k-state-default .k-link,
#payByAccountTabStripMfs .k-tabstrip-items .k-state-default .k-link,
#reports-tabstrip .k-tabstrip-items .k-state-default .k-link,
#permissionsTabStrip .k-tabstrip-items .k-state-default .k-link,
#userAndPermissions-tabstrip .k-tabstrip-items .k-state-default .k-link,
#adminSettingsTabStrip .k-tabstrip-items .k-state-default .k-link {
    color: #000;
}

#reports-tabstrip .k-content {
    background-color: #f8f9fa !important;
}

#reports-tabstrip > .k-state-active {
    border-color: #f8f9fa !important;
}

#reports-tabstrip .k-tabstrip-items {
    background-color: #f8f9fa !important;
}

    #reports-tabstrip .k-tabstrip-items .k-item .k-link {
        background-color: #f8f9fa !important;
    }

    #reports-tabstrip .k-tabstrip-items .k-state-active {
        border-top-color: #f8f9fa !important;
        border-right-color: #f8f9fa !important;
        border-left-color: #f8f9fa !important;
    }

#creditcard-tabstrip-1, #creditcard-tabstrip-2,
#payByCardTabStrip-1, #payByCardTabStrip-2,
#payByCardTabStripMfs-1, #payByCardTabStripMfs-2,
#achpay-tabstrip-1, #achpay-tabstrip-2,
#payByAccountTabStrip-1, #payByAccountTabStrip-2,
#payByAccountTabStripMfs-1, #payByAccountTabStripMfs-2,
#setting-tabstrip-1, #setting-tabstrip-2, #setting-tabstrip-3,
#adminSettingsTabStrip .k-content {
    overflow-x: hidden;
}

.customerListLink {
    font-family: AvenirNext-Regular;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: #0557b7 !important;
}

.customerPageCardStyle {
    border-radius: 6px;
    box-shadow: 0 0 4px 0 rgba(194, 199, 203, 0.3);
    border: solid 1px #c4cdd5;
    background-color: #ffffff;
}

.customerPageNameStyle {
    font-family: AvenirNext-Regular;
    font-size: 28px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    text-align: left;
    color: #212b36;
}

.addNewCustomerModalHeader {
    font-family: AvenirNext-Regular;
    font-size: 28px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: #212b36;
}

[data-toggle="collapse"] .fa:before {
    content: "\f077";
}

[data-toggle="collapse"].collapsed .fa:before {
    content: "\f078";
}

strong.fa-stack-1x.text-primary {
    color: white !important;
}

.fa-circle {
    color: #4d71f6;
}

.fa-check {
    display: inline-block;
    border-radius: 75%;
    padding: 0.5em 0.6em;
    font-size: 8px;
}

.btn:focus {
    box-shadow: none !important;
}

.alertOrangeBorder {
    border-left: 6px solid #f7b500 !important;
    border-top: 1px solid #dee2e6 !important;
    border-right: 1px solid #dee2e6 !important;
    border-bottom: 1px solid #dee2e6 !important;
}

#message {
    position: fixed;
    top: 100px;
    left: 0;
    width: 100%;
    z-index: 9999;
}

.addCustomerNotesFont {
    font-family: AvenirNext-Italic;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: italic;
    line-height: 1.43;
    letter-spacing: normal;
    color: rgba(33, 43, 54, 0.6);
}

.securityMatch {
    border-radius: 5px;
    border: solid 1px #71be1c;
    border-left: solid #71be1c 7px;
}

.successSave, .successPmSave {
    border-radius: 5px;
    border: solid 1px #71be1c;
    border-left: solid #71be1c 7px;
    margin-top: 15px;
    margin-right: 15px;
    padding-right: 5px;
    padding-bottom: 2px;
}

.securityMismatch {
    border-radius: 5px;
    border: solid 1px #f5a623;
}

#divAddCustCardVerify {
    border-left: solid #71be1c 7px;
}

#verifiedSuccess {
    color: #71be1c;
}

.successCheck {
    color: #71be1c;
    margin-top: 0;
    margin-bottom: 0;
}

.text-upload-success {
    color: black;
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
}

.upload-success {
    width: 600px;
    height: 80px;
    border-radius: 5px;
    border-left: solid #71be1c 7px;
    border-right: solid #71be1c 1px;
    border-top: solid #71be1c 1px;
    border-bottom: solid #71be1c 1px;
    background-color: white;
}

.upload-warning {
    width: 600px;
    height: 80px;
    border-radius: 5px;
    border-left: solid #f5a624 7px;
    border-right: solid #f5a624 1px;
    border-top: solid #f5a624 1px;
    border-bottom: solid #f5a624 1px;
    background-color: white;
}

.upload-fail {
    width: 600px;
    height: 80px;
    border-radius: 5px;
    border-left: solid red 7px;
}

@media (max-width: 767px) {
    .upload-success {
        width: 400px;
        height: 80px;
        border-radius: 5px;
        border-left: solid #71be1c 7px;
        border-right: solid #71be1c 1px;
        border-top: solid #71be1c 1px;
        border-bottom: solid #71be1c 1px;
    }

    .upload-fail {
        width: 400px;
        height: 80px;
        border-radius: 5px;
        border-left: solid red 7px;
    }
}

.k-bootstrap-v4 .k-notification img {
    margin: 10px 20px 0 0;
}

.k-notification-success {
    background-color: #fff;
}

.k-animation-container, .k-notification {
    border-radius: 7px;
    height: auto !important; /*Added to adjust the position of the drop downs*/
}

    .k-animation-container * {
        box-sizing: border-box !important;
    }

.newTransactionDropdown-wrapper, .paymentMethodDropdown-wrapper {
    position: relative;
    user-select: none;
    width: 100%;
}

.newTransactionDropdown, .paymentMethodDropdown {
    position: relative;
    display: flex;
    flex-direction: column;
}

.newTransactionDropdown__trigger, .paymentMethodDropdown__trigger {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 22px;
    font-size: 16px;
    font-weight: 700;
    color: #3b3b3b;
    height: 60px;
    line-height: 60px;
    background: #ffffff;
    cursor: pointer;
    border-width: 2px;
    border-style: solid;
    border-color: lightgray;
    border-radius: 9px;
}

.transDropdown-options, .paymentMethod-options {
    position: absolute;
    display: block;
    top: 100%;
    left: 0;
    right: 0;
    border: 2px solid lightgray;
    border-top: 0;
    background: #fff;
    transition: all 0.5s;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 2;
    border-radius: 9px;
}

.newTransactionDropdown.open .transDropdown-options,
.paymentMethodDropdown.open .paymentMethod-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.transDropdown-option, .paymentMethod-option {
    position: relative;
    display: block;
    padding: 0 22px 0 22px;
    font-size: 16px;
    color: #3b3b3b;
    line-height: 60px;
    cursor: pointer;
    transition: all 0.5s;
    border-top: 1px solid lightgray;
}

    .transDropdown-option:hover, .paymentMethod-option:hover {
        cursor: pointer;
        color: black;
        background-color: lightgray;
    }

    .transDropdown-option.selected, .paymentMethod-option.selected {
        color: black;
        font-weight: 700;
        background-color: #c1d1f2;
        border-radius: 8px;
    }

.arrow {
    position: relative;
    height: 15px;
    width: 15px;
}

    .arrow::before, .arrow::after {
        content: "";
        position: absolute;
        bottom: 0px;
        width: 0.15rem;
        height: 100%;
        transition: all 0.5s;
    }

    .arrow::before {
        left: -5px;
        transform: rotate(45deg);
        background-color: lightgray;
    }

    .arrow::after {
        left: 5px;
        transform: rotate(-45deg);
        background-color: lightgray;
    }

.open .arrow::before {
    left: -5px;
    transform: rotate(-45deg);
}

.open .arrow::after {
    left: 5px;
    transform: rotate(45deg);
}

.newTransactionDropdown div span,
.paymentMethodDropdown div span {
    font-family: AvenirNext;
}

.transDropdown-options > a:hover,
.paymentMethod-options > a:hover {
    text-decoration: none;
}

#settingsUpdateSuccessModal {
    z-index: 1051 !important;
}

#PageLayoutPageContent .k-tabstrip:focus,
#helpPageContent .k-tabstrip:focus {
    box-shadow: none;
}

#PageLayoutPageContent .k-tabstrip-items li {
    border: #F8FAFB !important;
}

#PageLayoutPageContent .k-tabstrip .k-content.k-state-active {
    background-color: #f8fafb !important;
}

#nav-Card .k-tabstrip .k-content.k-state-active,
#nav-ACH .k-tabstrip .k-content.k-state-active {
    background-color: white !important;
}

#helpPageContent .k-tabstrip-items li {
    border: #fff;
}

#PageLayoutPageContent .k-content,
#helpPageContent .k-content {
    border: #fff;
}

#PageLayoutPageContent .k-item,
#PageLayoutPageContent .k-link,
#helpPageContent .k-item,
#helpPageContent .k-link {
    font-family: AvenirNext;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #212b36;
}

#PageLayoutPageContent .k-tabstrip-items .k-state-active .k-link,
#helpPageContent .k-state-active {
    font-weight: 700;
}

    #PageLayoutPageContent .k-tabstrip-items .k-state-active .k-link,
    #helpPageContent .k-state-active .k-link {
        padding-left: 0px;
        padding-right: 0px;
        margin: 0px 10px 0px 10px;
        border-bottom: 3px solid #4263f9 !important;
    }

#nav-ACH .k-tabstrip-items .k-state-active .k-link,
#nav-Card .k-tabstrip-items .k-state-active .k-link {
    border-bottom: 0px !important;
}

.reqPayment-tabstrip .k-content {
    overflow: hidden !important;
    background-color: #fff !important;
}

    .reqPayment-tabstrip .k-content:hover {
        overflow: hidden !important;
        background-color: #fff !important;
    }
/*.k-tabstrip > .k-content {
    overflow: hidden;
}
*/

.countryDropdownDivider {
    color: #dfdfdf;
}

.card-shadow {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.card-border {
    border: 1px solid rgb(222, 226, 230);
    border-color: #d1dae2;
}

#grdAdvancedSearch .k-grid-content,
#grdAdvancedSearchAp .k-grid-content {
    overflow-y: auto;
}

.advancedSearchSortByStyle {
    max-width: 220px;
    padding: 2px 2px;
}

.needAnswerBorder {
    border-width: 2px;
    border-style: solid;
    border-color: lightgray;
    border-radius: 9px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

input:invalid, input:-moz-ui-valid {
    box-shadow: none;
}

.loginHeader {
    font-family: AvenirNext;
    font-size: 45px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.78;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
}

.loginSubHeader {
    font-family: AvenirNext;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
}

.loginBorderStyle {
    border-right: 1px solid #dee2e6 !important;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.1);
}

input[type="number"] {
    -moz-appearance: textfield !important;
}

.navBarLogOutStyle {
    cursor: pointer;
    width: 150px;
    color: #637381;
}

    .navBarLogOutStyle:hover {
        color: #637381;
    }

.navbardropdownStyle {
    background-color: #ffffff !important;
}

.gridHeaderStyle {
    /*font-family: AvenirNext-Demi !important;*/
    font-size: 14px !important;
    font-weight: 600 !important;
    font-stretch: normal !important;
    font-style: normal !important;
    letter-spacing: normal !important;
    color: #ffffff !important;
}

.gridHeaderStyleBlack {
    font-family: AvenirNext;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #212b36 !important;
}

#grdNewTransactionHistory .k-grid-header th.k-header {
    padding: .8em .6em !important;
}

    #grdNewTransactionHistory .k-grid-header th.k-header > .k-link,
    #grdCustomer .k-grid-header th.k-header > .k-link {
        padding: 0px !important;
        margin: 0px !important;
    }

#grdNewTransactionHistory .k-grid-header .k-grid-header-sticky {
    border-left-color: #ccc !important;
}

.k-grid td.k-grid-content-sticky, .k-grid th.k-grid-header-sticky {
    border-right-width: 0 !important;
    border-bottom-color: #ccc !important;
}

.k-grid td:nth-child(1).k-grid-content-sticky,
.k-grid th:nth-child(1).k-grid-header-sticky {
    border-right-width: 1px !important;
    border-right-color: #ccc !important;
}

#grdCustomer .k-grid-header th.k-header,
#grdSendRequestPayment .k-grid-header th.k-header,
#grdPendingCustomer .k-grid-header th.k-header,
#grdAddedPaymentCustomer .k-grid-header th.k-header,
#grdPendingRequest .k-grid-header th.k-header,
#grdAddedPaymentRequest .k-grid-header th.k-header,
#grdEpPendingCustomer .k-grid-header th.k-header,
#grdEpReceivedCustomer .k-grid-header th.k-header,
#grdDevice .k-grid-header th.k-header {
    height: 42px !important;
    vertical-align: middle !important;
}

.k-pager-wrap .k-link.k-state-selected {
    background-color: #4263F9 !important;
    border-color: #4263F9 !important;
    color: white !important;
}

.k-pager-wrap .k-link {
    color: #4263F9 !important;
}

.faqStyle {
    font-family: AvenirNext;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: left;
    color: #212b36;
}

.paymentMethodHeight {
    height: 450px !important;
    overflow-y: auto;
}

.sidebar.toggled div.d-none.d-md-inline {
    text-align: center;
    padding: 0.75rem 1rem;
    width: 6.5rem;
}

.sidebar.toggled #sidebarToggle {
    margin-left: 1px !important;
}

.btn-primary {
    background-color: #4263F9 !important;
}

.btn-outline-primary {
    color: #4263F9 !important;
    border-color: #4263F9 !important;
}

    .btn-outline-primary:hover {
        background-color: #4263F9 !important;
        color: white !important;
    }

.btnDeleteCard,
.btnDeleteACH {
    color: #ec4144 !important;
    border-color: #ec4144 !important;
}

    .btnDeleteCard:hover,
    .btnDeleteACH:hover,
    .btnDeleteCard:active,
    .btnDeleteACH:active,
    .btnDeleteCard:focus,
    .btnDeleteACH:focus {
        background-color: #ec4144 !important;
        color: white !important;
    }

.k-button-solid-primary:focus,
.k-button-solid-primary:active,
.k-button-solid-primary:hover
{
    color: white !important;
}

.videoPointer {
    cursor: pointer;
}

.subVideoStyle {
    width: 100%;
}

.subVideoActiveStyle {
    border: 5px solid #f7b500;
}

#videoTutorial {
    width: 100%;
}

#row-height {
    overflow: hidden;
    height: 1007px;
}

.containerPage {
    overflow: hidden;
}

.containerCoulmn {
    float: left;
    margin: 20px;
    background-color: white;
    border: 1px solid rgb(222, 226, 230);
    border-color: #d1dae2;
    height: 1150px;
    margin-right: 25px;
}

.videoTitle {
    font-family: AvenirNext;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #212b36;
}

.videoTimeLength {
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #212b36;
}

#PageLayoutPageContent .k-content,
#helpPageContent .k-content {
    overflow-x: hidden;
}

#videoSearchBar {
    font-family: AvenirNext-Italic;
}

    #videoSearchBar:focus {
        border: 0 !important;
        outline: none !important;
    }

.stillNeedAnswers {
    font-family: AvenirNext;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.44;
    letter-spacing: normal;
    text-align: left;
    color: #212b36;
}

.stillNeedAnswersSubText {
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: left;
    color: #212b36;
}

#noTransactionData,
#noAmountSourceData, #sourceNoDataFoundTd, #cardNoDataFoundTd, #cardTypesNoDataFoundTd,
#noCardTypeData, #highestNoDataFoundTd,
.sourceNoDataFoundTd {
    height: 150px;
}

#tranTypesNoDataFoundTd {
    height: 150px;
}

.sideBarCardImageSize {
    width: 60px;
}

.ebizVersion {
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    color: #212b36;
}

.captureModalHeader {
    font-family: AvenirNext;
    font-size: 28px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: center;
    color: #212b36;
}

.captureModalSubheader {
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: italic;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

#captureTransactionModal .k-checkbox-label {
    font-family: AvenirNext-Regular;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: #212b36;
}

#totalCaptureAmount {
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.modal {
    overflow-y: auto !important;
}

.caratImg {
    width: 22px;
}

.reportsAccordianHeader {
    font-family: AvenirNext;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
    text-align: left;
    color: #212b36;
}

.reportsAccordianCarat:hover {
    text-decoration: none;
}

.searchReportStyle {
    font-family: AvenirNext-Italic !important;
    font-size: 14px !important;
    font-weight: normal;
    font-stretch: normal;
    font-style: italic;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: left;
    color: #212b36;
}

.reportLink {
    border-left: 5px solid #637381;
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: #212b36;
}

.reportSubheaderStyle {
    font-family: AvenirNext;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.39;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.totalSalesAmountStyle {
    font-family: AvenirNext;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.39;
    letter-spacing: normal;
    text-align: right;
    color: #000000;
}

.sinceDateStyle {
    font-family: AvenirNext;
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: right;
    color: #6c6f71;
}

.reportAmountStyle {
    font-family: AvenirNext;
    font-size: 34px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: right;
    color: #000000;
}

.percentageStyle {
    font-family: AvenirNext;
    font-size: 22px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: right;
    color: #5ec68e;
}

.comingSoonHeader {
    font-family: AvenirNext;
    font-size: 28px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    text-align: center;
    color: #212b36;
}

.comingSoonSubHeader {
    font-family: AvenirNext;
    font-size: 17px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    text-align: center;
    color: #212b36;
}

.Modifiedstandards {
    background-color: #FFAC9E;
    border-radius: 25px;
    padding: 6px 20px;
}

.ColorInkLightest-background {
    width: 18px;
    height: 18px;
    background-color: #919eab;
    color: white;
    border-radius: 100%;
}

    .ColorInkLightest-background span {
        margin: -10px 0 9px 6px;
        position: relative;
        top: -2px;
    }

.linkUserName {
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #0557b7 !important;
    cursor: pointer;
}

.reportGridHeader {
    font-family: AvenirNext;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: left;
    color: #212b36;
}

#reports-list-tabs .list-group-item {
    font-family: AvenirNext;
    font-size: 14px;
    border-left-width: 1px !important;
    padding: 0.50rem 1rem !important;
    text-align: center !important;
}

.reportLink, #emailReport, #printReportGrid {
    cursor: pointer;
}

.additional-email-label {
    opacity: 0.54;
    /*-webkit-filter: blur(10px);
    filter: blur(10px);*/
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: italic;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: left;
    color: #212b36;
}

.reportFormat {
    margin-right: 15px;
}

.checkError, .emailEmptyError, .emailFormatError, .specCharError, .reqError {
    color: #ec4144;
    font-size: 12px;
    font-family: AvenirNext;
}

.Ellipse-4 {
    width: 9px;
    height: 9px;
    margin: 9px 5px 5px 0;
    border-radius: 25px;
    background-color: #71be1c;
    float: left;
}

.Ellipse-5 {
    width: 9px;
    height: 9px;
    margin: 9px 5px 5px 0;
    border-radius: 25px;
    background-color: #637381;
    float: left;
}

.Modifiedinsiderow {
    background-color: #FFAC9E;
    border-radius: 25px;
    padding: 1px 3px;
    margin-left: 21px;
    font-size: 11px;
}

#ReportGridDiv .k-grid-content.k-auto-scrollable {
    overflow-y: unset;
}

.lightGreyBackground {
    background-color: #f8fafb !important;
}

#UserId {
    position: absolute !important;
    will-change: transform;
    top: 0px !important;
    left: -40px !important;
}

    #UserId .dropdown-item {
        width: 75%;
    }

#divUserList .k-grid-header {
    padding: 0 !important;
}

#divUserList .k-grid-content {
    overflow-y: visible;
}

#emailReceiptSucessModal .modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0 1rem;
}

#emailReceiptSucessModal .modal-header {
    border-bottom: 0 none;
}


#emailReceiptSucessModal .modal-footer {
    border-top: 0 none;
}

.statusesText {
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.totalCustomersText {
    font-family: AvenirNext;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

@media screen and (min-width: 1775px) {
    .totalCustomersText {
        font-size: 28px;
    }
}

.SAP-Verbiage {
    width: 993px;
    height: 38px;
    margin: 74.6px 379px 50px 2px;
    /* -webkit-filter: blur(10px);
    filter: blur(10px);*/
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: left;
    color: #212b36;
}

    .SAP-Verbiage span {
        margin-top: 1px;
        color: #0557b7;
    }

.hideoverflow {
    overflow-y: auto;
}

.SalesInvoicegridOptions {
    padding-bottom: 50px;
}

    .SalesInvoicegridOptions .k-button.k-state-active:hover, #SalesInvoicegridOptions .k-button.k-state-selected:hover {
        color: #fff;
        background-color: #4263f9;
    }

    .SalesInvoicegridOptions .k-button.k-state-active, .k-button.k-state-selected, .k-button:active {
        color: #fff;
        background-color: #4263f9;
    }

.k-listbox .k-item, .k-popup .k-list .k-item {
    border-bottom: 1px solid black;
}

#ddlSalesInvoiceBulkActions_listbox :first-child + li + li + li {
    color: red;
}

/*#ddlSalesInvoiceBulkActions_listbox li:nth-child(-n+3) {
    border-bottom: 1px solid lightgrey;
}
*/
#CheckboxclassHideCustomer {
    margin-bottom: -13px;
}

#DDLSettings {
    margin-top: 30px;
}

.divSettingsFilter {
    width: 275px;
}
/*.divSettingsSIList .k-listbox .k-list-scroller {
    height: 100%;
    overflow: auto;
    border-style: none;
    width: 150%;
}*/

.divSettingsSIList .k-listbox .k-list-scroller {
    height: 250%;
    overflow-x: hidden;
    overflow-y: auto;
    border-style: none;
    width: 150%;
}

.divSettingsSIList ul li {
    /*color: red;*/
    padding: 10px 0 !important;
    font-family: 'Avenir Next LT Pro';
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.71;
    letter-spacing: normal;
    /*  margin-left: 30px;*/

    border-bottom: 1px solid lightgrey !important;
}

#gearDDLheadder {
    text-align: center;
    font-family: AvenirNext;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #212b36;
    width: 100%;
    background-color: #f4f6f8;
    height: 66px;
}

    #gearDDLheadder > label {
        height: 19px;
        font-size: 14px;
        line-height: 1.71;
        color: #212b36;
    }

    #gearDDLheadder > p {
        width: 219px;
        height: 15px;
        margin: 6px 18px 0 19px;
        font-size: 10px;
        line-height: 1.5;
        letter-spacing: normal;
    }

.container-grid {
    padding: 18px;
    background-color: white;
    border: 1px solid rgb(222, 226, 230);
    border-color: #d1dae2;
    border-radius: 0.25rem;
}

.processButton {
    width: 143px !important;
    height: 36px !important;
    margin-left: 0 !important;
    margin-top: 5px !important;
}

#id-btnCapture, #id-btnQuickCredit {
    width: 143px !important;
    height: 36px !important;
    margin-top: 5px !important;
}

@media screen and (min-width: 769px) {
    .processButtonMarginMobile {
        margin-left: 75px !important;
        margin-top: 5px !important;
    }

    #id-btnCapture {
        width: 225px !important;
        margin-left: 75px !important;
        margin-top: 5px !important;
    }

    #requestPaymentForm .processButtonMarginMobile {
        margin-left: 0 !important;
    }

    .mobile-break {
        display: none;
    }
}

@media screen and (min-width: 1025px) {
    #requestPaymentForm .processButtonMarginMobile {
        margin-left: 75px !important;
    }
}

::placeholder {
    color: #212B36 !important;
    opacity: 0.6 !important;
    font-style: italic;
    font-size: 13px;
}

.fapDdlInvalid {
    border: 1px solid red !important;
}

.EditIconApSp {
    cursor: pointer;
}

.newCustomerCreated {
    font-size: 11px;
    color: #ffffff;
    background-color: #925bea;
    border-radius: 25px;
    margin-left: 7px;
    padding: 3px 11px 2px 11px;
}

.spanAlignMiddle {
    vertical-align: middle;
}

.datePickerError {
    border: 1px solid red !important;
}

div#guider {
    background: #fff;
    width: 600px !important;
    height: 610px !important;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.guider {
    background: #FFF;
    border: 1px solid #fff;
    font-family: arial;
    position: absolute;
    outline: none;
    padding: 14px 22px;
    padding-top: 14px;
    width: 500px;
    z-index: 900001 !important;
    -moz-box-shadow: 0 0px 8px #111;
    -webkit-box-shadow: 0 0px 8px #111;
    box-shadow: 0 0px 8px rgb(0 0 0 / 0%);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

    .guider .close {
        position: absolute;
        right: 5px;
        top: -5px;
        width: 32px;
        height: 32px;
        opacity: 100;
        background-color: transparent;
    }

        .guider .close:focus, .guider .close:hover {
        }

        .guider .close:before, .guider .close:after {
            position: absolute;
            left: 15px;
            content: ' ';
            height: 18px;
            width: 2px;
            background-color: black;
        }

        .guider .close:before {
            transform: rotate(45deg);
        }

        .guider .close:after {
            transform: rotate(-45deg);
        }

#guider .close:before, #guider .close:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 18px;
    width: 2px;
    background-color: white;
}

#guider a.close {
    position: absolute;
    right: 2px;
    top: 8px;
    width: 32px;
    height: 32px;
    opacity: 100;
    background-color: transparent;
}

.guider:not(#guider) .guiders_content {
    display: grid;
    grid-template-areas:
        "top-button-wrapper top-button-wrapper"
        "g-text g-img"
        "g-btn g-btn";
    grid-template-columns: auto 100px;
    grid-template-rows: 25px auto 35px;
    height: 100%;
    column-gap: 40px;
    padding-left: 10px;
    padding-right: 20px;
}

    .guider:not(#guider) .guiders_content img {
        grid-area: g-img;
    }


    .guider:not(#guider) .guiders_content p {
        grid-area: g-text;
    }

    .guider:not(#guider) .guiders_content .guiders_buttons_container {
        grid-area: g-btn;
        padding-left: 17px;
        padding-right: 12px;
    }

.guiders_buttons_container {
    display: flex;
    justify-content: space-between;
    height: auto;
}

.guiders_button {
    font-family: AvenirNext;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    width: 25% !important;
    background-color: #4263F9;
    background: #4263F9;
    border: solid 1px #4263F9;
    color: #FFF;
    cursor: pointer;
    float: right;
    font-size: 75%;
    font-weight: 500;
    margin-left: 0px;
    min-width: 40px;
    padding: 3px 5px;
    text-align: center;
    text-decoration: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

    .guiders_button:hover {
        color: #FFF;
        text-decoration: none;
    }

    .guiders_button .fa-chevron-left {
        margin-right: 10px;
    }

    .guiders_button .fa-chevron-right {
        margin-left: 10px;
    }

.top_button_wrapper {
    grid-area: top-button-wrapper;
    display: flex;
    justify-content: center;
    position: relative;
}

    .top_button_wrapper .pips_wrapper {
        flex: 0 0 auto;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .top_button_wrapper .pips_wrapper .pip_wrapper {
            box-sizing: content-box;
            flex: 1 1 auto;
            margin: 0 2px 0 2px;
        }

            .top_button_wrapper .pips_wrapper .pip_wrapper .pip {
                display: flex;
                width: 12px;
                height: 12px;
                border-radius: 6px;
                background-color: white;
                border: solid 1px #4263f9;
            }

                .top_button_wrapper .pips_wrapper .pip_wrapper .pip.active {
                    background-color: #4263f9;
                }

    .top_button_wrapper button {
        position: absolute;
        right: 0;
        border: none;
        height: 100%;
        background-color: transparent;
        height: 30px;
    }

h1.guiders_title {
    font-family: AvenirNext-Demi;
    font-weight: bold !important;
    padding-top: 30px;
    padding-bottom: 10px;
}

.guiders_description {
    font-family: AvenirNext;
}

.ebiz-label-regular {
    font-family: AvenirNext-Regular;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #212b36;
}

.guiderDemBold {
    font-family: AvenirNext-Demi-Bold;
}

#guider .guiders_button {
    font-family: AvenirNext-Demi;
    font-weight: bold !important;
    width: 33% !important;
}

#guider .skipTour {
    font-family: AvenirNext-Medium;
    font-weight: normal !important;
}

.img-dashboard {
    opacity: 0.4;
}

.tranHistAction {
    right: -0.8px !important;
}

#grdNewTransactionHistory td img.icon-blue-eye:hover,
#grdNewTransactionHistory td img.dots-toggle:hover {
    cursor: pointer;
}

#grdNewTransactionHistory td.grd-bodyItem-center.k-grid-content-sticky.show {
    z-index: 3;
}

.emailPayInvoiceLookupFields {
    width: 170px !important;
}

@media screen and (min-width: 769px) {
    .emailPayInvoiceLookupFields {
        width: 300px !important;
    }
}

.otherError-Rectangle-Mg-Customer {
    border-radius: 3px;
    border: solid 1px #E02020;
}

.otherErrorLabelMp {
    font-family: AvenirNext-Demi-Bold;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #212b36;
}

#txtManagePayCardNumber_validationMessage, #txtManagePayBillingAddress_validationMessage,
#txtManagePayCardHolderName_validationMessage, #txtManagePayZipCode_validationMessage {
    font-size: 14px !important;
    color: #E02020 !important;
}

.security-wrap {
    font-size: 14px !important;
}

.opacity-70 {
    opacity: 0.7;
}

.helpCenterContactSupportHeader {
    padding: 0.92em;
}

.cardDeckHelpAndContactImage {
    min-width: 165px;
}

.k-tooltip-content {
    padding: 3px;
}

.k-grid-header-wrap.k-auto-scrollable {
    border-width: 0 0 0 0;
}

#grdCustomer .text-center .k-link {
    text-align: center;
}

tr td.grd-col-actions {
    overflow: visible;
}

.grd-col-actions.k-grid-content-sticky.show {
    z-index: 1000;
}

#grdCustomer .k-grid-header-sticky, #grdCustomerTransactionHistory .k-grid-header-sticky {
    border-width: 0px 0px 0px 1px !important;
    border-color: #ccc;
}

#grdCustomer .grd-col-actions, #grdCustomerTransactionHistory .grd-col-actions {
    border-width: 0px 0px 1px 1px !important;
    border-color: #ccc;
}

#grdCustomerTransactionHistory tr.k-state-selected td.grd-col-actions {
    background-color: inherit !important;
}

#grdEpReceivedCustomer .k-grid-header-sticky, #grdEpPendingCustomer .k-grid-header-sticky {
    border-width: 0px 0px 0px 1px !important;
    border-color: #ccc;
}

#grdEpReceivedCustomer .grd-col-actions {
    border-width: 0px 0px 1px 1px !important;
    border-color: #ccc;
}

#grdEpReceivedCustomer .grd-col-select, #grdEpPendingCustomer .grd-col-select {
    border-width: 0px 1px 1px 0px !important;
    border-color: #ccc;
}

#grdEpReceivedCustomer .grd-header-select, #grdEpPendingCustomer .grd-header-select {
    padding-bottom: 8px !important;
    border-width: 0px 1px 0px 0px !important;
}

#grdEpReceivedCustomer tr.k-state-selected td.grd-col-select,
#grdEpReceivedCustomer tr.k-state-selected td.grd-col-actions,
#grdEpPendingCustomer tr.k-state-selected td.grd-col-select {
    background-color: inherit !important;
}

#grdEpPendingCustomer table .text-center .k-link,
#grdEpReceivedCustomer table .text-center .k-link {
    text-align: center;
}

#grdEpPendingCustomer table .text-right .k-link,
#grdEpReceivedCustomer table .text-right .k-link {
    text-align: right;
}

#grdAddedPaymentCustomer .k-grid-header-sticky,
#grdPendingCustomer .k-grid-header-sticky,
#grdSendRequestPayment .k-grid-header-sticky,
#grdPendingRequest .k-grid-header-sticky,
#grdAddedPaymentRequest .k-grid-header-sticky {
    border-width: 0px 1px 0px 0px !important;
    border-color: #ccc;
}

#grdAddedPaymentCustomer .grd-col-select,
#grdPendingCustomer .grd-col-select,
#grdSendRequestPayment .grid-header-select,
#grdPendingRequest .grid-header-select,
#grdAddedPaymentRequest .grid-header-select {
    border-width: 0px 1px 1px 0px !important;
    border-color: #ccc;
}

#grdAddedPaymentCustomer .grd-header-select,
#grdPendingCustomer .grd-header-select,
#grdSendRequestPayment .grid-header-select,
#grdPendingRequest .grid-header-select,
#grdAddedPaymentRequest .grid-header-select {
    padding-bottom: 8px !important;
}

#grdAddedPaymentCustomer tr.k-state-selected td.grd-col-select,
#grdPendingCustomer tr.k-state-selected td.grd-col-select,
#grdSendRequestPayment tr.k-state-selected td.grd-col-select,
#grdPendingRequest tr.k-state-selected td.grd-col-select,
#grdAddedPaymentRequest tr.k-state-selected td.grd-col-select {
    background-color: inherit !important;
}

#grdScheduledRecurringPayments .k-grid-content-sticky, #grdScheduledRecurringPayments .k-grid-header-sticky {
    border-width: 0px !important;
    border-color: #ccc;
}

#grdReceivedPayments .k-grid-header-sticky {
    border-width: 0px 0px 0px 1px !important;
    border-color: #ccc;
}

#grdReceivedPayments .grd-col-actions {
    border-width: 0px 0px 1px 1px !important;
    border-color: #ccc;
}

#grdScheduledRecurringPayments .k-grid-header-sticky {
    border-width: 0px 1px 0px 1px !important;
    border-color: #ccc;
}

#grdScheduledRecurringPayments .grd-col-actions {
    border-width: 0px 0px 1px 1px !important;
    border-color: #ccc;
}

#grdScheduledRecurringPayments .grd-col-manage {
    border-width: 0px 1px 1px 0px !important;
    border-color: #ccc;
}

#grdScheduledRecurringPayments .grd-header-manage {
    padding-bottom: 8px !important;
}

#grdScheduledRecurringPayments tr.k-state-selected td.grd-col-actions,
#grdScheduledRecurringPayments tr.k-state-selected td.grd-col-manage,
#grdReceivedPayments tr.k-state-selected td.grd-col-actions {
    background-color: inherit !important;
}

#cardTypesLegend .row div:nth-child(2) {
    padding-top: 0.4em;
}

.gridSettingsHeader button {
    width: 75px;
    height: 35px;
}

.gridSettingsHeader .gridButtonDiv {
    padding: 0;
}

.gridSettingsRow .gridSettingsHamburger {
    width: 20px;
    height: auto;
    margin-top: -2px;
}

.gridSettingsRow .gridSettingsRowCheckbox {
    margin: 0 7px 0 12px;
}

#grdNewTransactionHistory table {
    min-width: 100%
}

@media(max-width:991px) {
    .divGridSettings {
        margin-top: 225px;
    }
}

.divGridSettings {
    margin-top: 125px;
    position: absolute !important;
    z-index: 3;
}

    .divGridSettings hr {
        height: 10px;
        margin: 0;
    }

    .divGridSettings .gridSettingsHeader {
        background-color: #f2f2f2;
    }

    .divGridSettings .container {
        width: 300px;
    }

    .divGridSettings .k-listbox {
        width: 100%;
        height: auto;
        box-shadow: none;
    }

        .divGridSettings .k-listbox .k-item {
            padding-top: 10px;
        }

        .divGridSettings .k-listbox .k-list-scroller {
            border-style: none;
        }

.card-div {
    width: 300px;
}

#grdReceivedPayments .text-right .k-link, #grdScheduledRecurringPayments .text-right .k-link {
    text-align: right;
}

#grdReceivedPayments .text-center .k-link, #grdScheduledRecurringPayments .text-center .k-link {
    text-align: center;
}

#grdNewTransactionHistory table .text-center .k-link,
#grdNewTransactionHistory table .text-center .k-link {
    text-align: center;
}

#grdNewTransactionHistory table .text-right .k-link,
#grdReport table .text-right .k-link {
    text-align: right;
}

#filterDropdownTth .divFilter .divBody .txtControls {
    border: 1px solid #cecbcb;
    width: 121px;
    height: 32px;
    margin-top: 0
}

#filterDropdownTth .closeSourceFilter {
    margin-right: 10px;
    margin-top: 0;
    float: right;
    width: 15px;
}

.customeTxtAreaInNewTrans {
    height: 120px !important;
}

.customTooltip {
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted black;*/
    height: 23px;
    margin-left: 15px;
    margin-top: 6px;
}

    .customTooltip .tooltiptext {
        visibility: hidden;
        width: 400px;
        background-color: black;
        color: #fff;
        /* text-align: center; */
        border-radius: 6px;
        padding: 5px 10px;
        position: absolute;
        z-index: 2;
        top: -97px;
        left: 150%;
        text-align: justify;
    }

        .customTooltip .tooltiptext::after {
            content: "";
            position: absolute;
            top: 50%;
            right: 100%;
            margin-top: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent black transparent transparent;
        }

    .customTooltip:hover .tooltiptext {
        visibility: visible;
    }

.tooltipIcon {
    width: 18px;
    height: 18px;
}

#ddlSaleCustomers {
    border-color: #ccc !important;
}

    #ddlSaleCustomers:hover {
        background-color: #eee !important;
    }


.CVVCallout .k-callout {
    margin-left: 0px;
    margin-bottom: 13px;
}

.AVSCallout .k-callout {
    margin-left: 0px;
    margin-bottom: 13px;
}

.k-callout {
    bottom: 1px;
}

#ddlSaleCustomers:hover {
    background-color: #eee !important;
}

.w-225px, .w-225px:hover {
    width: 225px !important;
}

}


.CVVCallout .k-callout {
    margin-left: 0px;
    margin-bottom: 13px;
}

.AVSCallout .k-callout {
    margin-left: 0px;
    margin-bottom: 13px;
}

.k-callout {
    bottom: 1px;
}

.actionsColumnContext {
    margin-top: 10px;
    margin-left: -80px;
}

    .actionsColumnContext ul.k-context-menu {
        float: left;
        min-width: 10rem;
        padding: 0.5rem 0;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 0.25rem;
    }

    .actionsColumnContext li {
        font-style: normal;
        font-stretch: normal;
        line-height: 1.71;
        letter-spacing: normal;
        display: block;
        width: 100%;
        clear: both;
        font-weight: 400;
        color: #212529;
        text-align: inherit;
        white-space: nowrap;
        background-color: transparent;
        border: 0;
        /* border-bottom: 1px solid #dee2e6 !important; */
        padding-top: 13px;
        padding-bottom: 15px;
    }

    .actionsColumnContext ul.k-context-menu li.k-menu-item span.k-menu-link span {
        color: black !important;
    }

.k-menu.k-context-menu .k-item:focus > .k-link {
    box-shadow: none !important;
}

.k-menu.k-context-menu .k-item > .k-link:hover {
    background-color: #fff !important;
}

.k-popup .k-context-menu li:not(.k-separator) {
    cursor: pointer;
}

.actionsColumnContext li:nth-child(2) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.littleLeft {
    margin-left: -65px;
}

.anchorLinkColor {
    color: #0071c1 !important;
}

/* Batches > QueuedTransactions */
div.captureTransSuccessModel {
    border-top: 3px solid #71be1c;
    max-height: 85vh; /* Adjust this value as needed */
    overflow-y: auto;
}

    div.captureTransSuccessModel .k-window-titlebar-actions {
        margin-top: -140px !important;
    }

    div.captureTransSuccessModel .k-window-titlebar {
        border-bottom: 1px solid #dee2e6;
    }

    div.captureTransSuccessModel .k-window-content {
        padding-top: 0;
    }



div.ddlDatesPopUpQT ul li:nth-child(1) {
    background-image: url(/Content/EbizAssets/calendar-days-solid.svg);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: left;
    background-position-x: 13px;
    padding-left: 36px;
    color: #5f626c;
    position: sticky;
    display: block;
    top: 0;
    border-bottom: 1px solid #eee;
    z-index: 2;
    background-color: white !important;
}

    div.ddlDatesPopUpQT ul li:nth-child(1) span {
        padding-top: 3px;
    }

div.ddlDatesPopUpQT ul li {
    margin: 0;
    padding: 12px 0;
    /*text-indent: 15px;*/
    font-family: AvenirNext;
    /* font-size: 20px; */
    /* font-weight: inherit; */
    font-stretch: normal;
    font-style: normal;
    line-height: 1.9;
    letter-spacing: normal;
    text-align: left;
}

    div.ddlDatesPopUpQT ul li.k-selected {
        background-color: #c1d1f2 !important;
        font-weight: bold;
        color: black;
    }

        div.ddlDatesPopUpQT ul li.k-selected:hover {
            color: black !important
        }


div.ddlDatesPopUpBcm ul li:nth-child(1) {
    background-image: url(/Content/EbizAssets/calendar-days-solid.svg);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: left;
    background-position-x: 13px;
    padding-left: 36px;
    position: sticky;
    display: block;
    top: 0;
    border-bottom: 1px solid #eee;
    z-index: 2;
    background-color: white !important;
}

    div.ddlDatesPopUpBcm ul li:nth-child(1) span {
        padding-top: 3px;
    }

div.ddlDatesPopUpBcm ul li {
    margin: 0;
    padding: 12px 0;
    font-family: AvenirNext;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.9;
    letter-spacing: normal;
    text-align: left;
    box-shadow: none !important;
}

    div.ddlDatesPopUpBcm ul li:hover {
        color: #4263f9 !important;
    }

    div.ddlDatesPopUpBcm ul li.k-selected {
        background-color: #ced8fc !important;
        font-weight: bold;
        color: black;
    }

        div.ddlDatesPopUpBcm ul li.k-selected:hover {
            color: #4263f9 !important
        }

.customDateRangeWindowModal div.k-window-titlebar {
    background-color: white !important;
    border-bottom: 0;
}

.emailReceiptModal div.k-window-titlebar {
    background-color: white !important;
}

@media (max-width: 1399px) {
    .checkManagerSettings .divSettingsDdl {
        right: auto !important;
        margin-top: 255px !important;
    }
}

/* Payment Methods */

.payment-window .k-tabstrip-items {
    padding-left: 20px !important;
}

.payment-window .k-window-content {
    padding: 0px;
}

.payment-window .k-tabstrip-content k-content k-active {
    padding-right: 0px;
}

.payment-window .k-tabstrip-content k-content k-active {
    padding: 5px;
}

.payment-window .k-form-field {
    margin: 5px;
}

.payment-window.k-window {
    top: auto !important;
    left: auto !important;
    transform: none !important;
}

@media (min-width: 768px) and (max-width: 991px) {
    .payment-window {
        width: 498px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .payment-window {
        width: 798px !important;
    }
}

@media (min-width: 1200px) {
    .payment-window {
        width: 1138px !important;
    }
}

#tabStripHeaderTt .k-content {
    background-color: white !important;
    padding: 1px;
}

.payment-modal-backdrop {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: rgba(0, 0, 0, 0.3) !important;
    z-index: 1040 !important;
}

.VtDropdown {
    background: white !important;
}

    .VtDropdown:hover, .VtDropdown:focus, .VtDropdown:focus-within {
        background: white !important;
    }

.btn-outline-primary span.k-button-text {
    color: #0d6efd !important;
}

    .btn-outline-primary:hover .k-button-text, .btn-outline-primary span.k-button-text:hover {
        color: white !important;
    }


.cursor-pointer {
    cursor: pointer;
}

.ConfirmationModal.k-window {
    border: 0px;
    border-top: 3px solid #f5a623;
}

.ConfirmationModal .k-window-title {
    height: 0;
}

.ConfirmationModal .k-window-titlebar {
    border: 0;
    background-color: inherit;
}

.ConfirmationModal .modalHeader {
    gap: 0.75rem;
}

.ConfirmationModal .actionButtons {
    padding-top: 2.5rem;
}

.loginError {
    color: #CC0000;
    font-weight: bold;
}

/*
    Guided tour
*/


div#guider {
    background: #fff;
    width: 600px !important;
    height: 610px !important;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.guider {
    background: #FFF;
    border: 1px solid #fff;
    font-family: arial;
    position: absolute;
    outline: none;
    padding: 14px 22px;
    padding-top: 14px;
    width: 500px;
    z-index: 900001 !important;
    -moz-box-shadow: 0 0px 8px #111;
    -webkit-box-shadow: 0 0px 8px #111;
    box-shadow: 0 0px 8px rgb(0 0 0 / 0%);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

    .guider .close {
        position: absolute;
        right: 5px;
        top: -5px;
        width: 32px;
        height: 32px;
        opacity: 100;
        background-color: transparent;
    }

        .guider .close:focus, .guider .close:hover {
        }

        .guider .close:before, .guider .close:after {
            position: absolute;
            left: 15px;
            content: ' ';
            height: 18px;
            width: 2px;
            background-color: black;
        }

        .guider .close:before {
            transform: rotate(45deg);
        }

        .guider .close:after {
            transform: rotate(-45deg);
        }

#guider .close:before, #guider .close:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 18px;
    width: 2px;
    background-color: white;
}

#guider a.close {
    position: absolute;
    right: 2px;
    top: 8px;
    width: 32px;
    height: 32px;
    opacity: 100;
    background-color: transparent;
}

.guider:not(#guider) .guiders_content {
    display: grid;
    grid-template-areas:
        "top-button-wrapper top-button-wrapper"
        "g-text g-img"
        "g-btn g-btn";
    grid-template-columns: auto 100px;
    grid-template-rows: 25px auto 35px;
    height: 100%;
    column-gap: 40px;
    padding-left: 10px;
    padding-right: 20px;
}

    .guider:not(#guider) .guiders_content img {
        grid-area: g-img;
    }


    .guider:not(#guider) .guiders_content p {
        grid-area: g-text;
    }

    .guider:not(#guider) .guiders_content .guiders_buttons_container {
        grid-area: g-btn;
        padding-left: 17px;
        padding-right: 12px;
    }

        .guider:not(#guider) .guiders_content .guiders_buttons_container a i {
        }

.guiders_buttons_container {
    display: flex;
    justify-content: space-between;
    height: auto;
}

.guiders_button {
    font-family: AvenirNext;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    width: 25% !important;
    background-color: #4263F9;
    background: #4263F9;
    border: solid 1px #4263F9;
    color: #FFF;
    cursor: pointer;
    float: right;
    font-size: 75%;
    font-weight: 500;
    margin-left: 0px;
    min-width: 40px;
    padding: 3px 5px;
    text-align: center;
    text-decoration: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

    .guiders_button:hover {
        color: #FFF;
        text-decoration: none;
    }

    .guiders_button .fa-chevron-left {
        margin-right: 10px;
    }

    .guiders_button .fa-chevron-right {
        margin-left: 10px;
    }

.top_button_wrapper {
    grid-area: top-button-wrapper;
    display: flex;
    justify-content: center;
    position: relative;
}

    .top_button_wrapper .pips_wrapper {
        flex: 0 0 auto;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .top_button_wrapper .pips_wrapper .pip_wrapper {
            box-sizing: content-box;
            flex: 1 1 auto;
            margin: 0 2px 0 2px;
        }

            .top_button_wrapper .pips_wrapper .pip_wrapper .pip {
                display: flex;
                width: 12px;
                height: 12px;
                border-radius: 6px;
                background-color: white;
                border: solid 1px #4263f9;
            }

                .top_button_wrapper .pips_wrapper .pip_wrapper .pip.active {
                    background-color: #4263f9;
                }

    .top_button_wrapper button {
        position: absolute;
        right: 0;
        border: none;
        height: 100%;
        background-color: transparent;
        height: 30px;
    }

h1.guiders_title {
    font-family: AvenirNext-Demi;
    font-weight: bold !important;
    padding-top: 30px;
    padding-bottom: 10px;
}

.guiders_description {
    font-family: AvenirNext;
}

.ebiz-label-regular {
    font-family: AvenirNext-Regular;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #212b36;
}

.guiderDemBold {
    font-family: AvenirNext-Demi-Bold;
}

#guider .guiders_button {
    font-family: AvenirNext-Demi;
    font-weight: bold !important;
    width: 33% !important;
}

#guider .skipTour {
    font-family: AvenirNext-Medium;
    font-weight: normal !important;
}

.guiders_content_tour .guiders_description_tour p {
    clear: both !important;
    color: #333 !important;
    font-size: 13px !important;
}

.guider_custom_tour {
    height: 56vh !important;
}


#guiders_overlay_tour {
    background-color: #000;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity = 50);
    z-index: 800001;
}

.guiders_content_tour h1 {
    color: #4263F9;
    float: left;
    font-size: 21px;
}



.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.tour-modal {
    width: 300px;
    background-color: white;
    padding: 15px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
    z-index: 1050;
}

.tour-modal-content {
    text-align: center;
}

.modal-footer {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.tour-modal {
    position: relative;
    background-color: white;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 20px;
}

.triangle {
    position: absolute;
    width: 0;
    height: 0;
}

    .triangle.top {
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid white;
        bottom: 100%; /* Position it above the modal */
        left: 10%; /* Center it horizontally */
        transform: translateX(-50%); /* Center alignment adjustment */
    }

    .triangle.bottom {
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid white; /* Triangle color */
        top: 100%; /* Position it below the modal */
        left: 50%; /* Center it horizontally */
        transform: translateX(-50%); /* Center alignment adjustment */
    }

    .triangle.left {
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-right: 10px solid white; /* Triangle color */
        top: 15%; /* Center vertically */
        right: 100%; /* Position it to the left of the modal */
        transform: translateY(-50%); /* Center alignment adjustment */
    }

    .triangle.right {
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 10px solid white; /* Triangle color */
        top: 50%; /* Center vertically */
        left: 100%; /* Position it to the right of the modal */
        transform: translateY(-50%); /* Center alignment adjustment */
    }


.btn-close {
    position: absolute;
    top: 0px;
    right: 10px;
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
}

    .btn-close:hover {
        color: red;
    }


.guiders_buttontour {
    color: #FFF !important;
}

.guiders_content_tour p {
    clear: both;
    color: #333;
    font-size: 13px;
}

/* 
	For some reason, Telerik will not recognize this styling when using isolated css, even with the ::deep syntax.
	Refer to the bottom Notes section:	https://www.telerik.com/blazor-ui/documentation/knowledge-base/common-css-isolation
*/
.transactionDropdownPopup .k-list .k-list-item {
    height: 60px;
    padding: 0px;
    border-radius: 8px;
    box-shadow: none;
}

.surchargeTermsNoteForCard,
.surchargeTermsNoteForCapture,
.surchargeTermsNoteForQuickSale {
    /*width: 813px;*/
    /*width: 1120px;*/
    /*height: 19px;*/
    flex-grow: 0;
    font-family: AvenirNext;
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
}

.surchargeSaleQuick,
.surchargeAuthQuick,
.surchargeCaptureTrans {
    /*width: 857px;*/
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    margin: 30px 96px 32px 0px;
    padding: 8px;
    border-radius: 4px;
    background-color: #ccd5ff;
    font-family: AvenirNext;
    font-weight: 700;
}

.warningExclamationForSurchargeNote {
    width: 18px;
    /*padding-bottom: 4px;*/
}

.surchargeTermsNoteForCard,
.surchargeTermsNoteForCapture,
.surchargeTermsNoteForQueued,
.surchargeTermsNoteForQuickSale {
    vertical-align: middle;
    height: auto;
}

.ddlCustomerPopup,
.ddlSavedCardPopup,
.ddlSavedBankPopup,
.ddlNewCardPopup,
.ddlAccTypePopup {
    z-index: 100 !important;
}

.k-dropdownlist span.k-input-value-text {
    font-family: AvenirNext;
    font-size: 14px;
}

.k-list-content ul.k-list-ul li.k-list-item span.k-list-item-text {
    font-family: AvenirNext;
    font-size: 14px;
}

.errorWindowModal .k-window-titlebar {
    background-color: #fff !important;
    border: none !important;
}

.errorWindowModal .k-window-title {
    padding-bottom: 0 !important;
}

.errorWindowModal {
    border-top: 4px solid #E02020 !important;
}

    .errorWindowModal .btn.btn-primary {
        width: 130px !important;
        margin: 0 auto !important;
    }

    .errorWindowModal .button-custom {
        width: 130px !important;
        margin-top: 80px !important;
    }

    .errorWindowModal .image {
        margin-top: -5px !important;
    }

    .errorWindowModal .span-error {
        font-family: AvenirNext-Medium;
        font-size: 18px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .errorWindowModal .span-header {
        font-size: 24px !important;
        font-family: AvenirNext-Medium;
        margin-left: 10px !important;
    }


/*
Advanced Search Modal
*/

.k-window.telerik-popup-modal .k-window-titlebar {
    padding-block: unset;
    padding-inline: unset;
    flex-direction: row;
    padding: 24px;
    padding-bottom: 0px;
    color: var(--base-black);
    border-width: 0px;
    background-color: transparent;
}

.k-window.telerik-popup-modal .k-window-title {
    margin-block: unset;
    padding-block: unset;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
}

/* Section for all batch manager */

.showAllBatchesGridMainClass .refresh-btn-wrapper, .refresh-btn-wrapper:focus, .refresh-btn-wrapper:active {
    margin-top: 10px !important;
    background-color: #f8f9fa !important;
    height: auto;
    border-radius: 0;
    border-left: none;
    border-color: rgba(33,37,41,0.13);
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 5px !important;
    margin: 0 !important;
    box-shadow: none;
}

.showAllBatchesGridMainClass .telerik-blazor.k-pager.k-pager {
    border-right: 0px !important;
}

.showAllBatchesGridMainClass .telerik-blazor.k-pager.k-pager {
    width: calc(100% - 40px) !important;
}

.showAllBatchesGridMainClass .refresh-btn-wrapper .k-button-icon.k-icon.k-svg-icon {
    width: 30px !important;
    margin-left: -5px !important;
    color: #428bca !important;
    margin: 0 auto !important;
}

.showAllBatchesGridMainClass .k-pager-sizes {
    margin: 0;
}

    .showAllBatchesGridMainClass .k-pager-sizes .k-input-inner {
        padding-right: 0;
    }

.k-pager:focus, .k-pager.k-focus {
    box-shadow: none;
}

.k-pager-sizes .k-picker .k-button:focus {
    color: inherit !important;
}

.receiptModal {
    border-top: 4px solid #71be1c !important;
    border-top-left-radius: 2px !important;
    border-top-right-radius: 2px !important;
    font-family: "AvenirNext" !important;
    font-size: 14px !important;
    max-height: 95%;
}

/*
    Actions dropdown button start
*/

.ActionsDropdownButton {
    width: 100% !important;
    justify-content: space-between !important;
    background-color: rgb(66, 99, 249) !important;
    color: white !important;
    height: 40px !important;
}

    .ActionsDropdownButton:focus {
        box-shadow: none !important;
    }

.ActionsDropdown .k-popup li {
    height: 50px;
}

    .ActionsDropdown .k-popup li:not(:last-child) {
        border-bottom: lightgray solid 1px;
    }

    .ActionsDropdown .k-popup li > span {
        box-shadow: none !important;
    }

/*
    Actions dropdown button end
*/

.advancedSearchModal {
    transform: none !important;
    top: auto !important;
    left: auto !important;
}

.loader {
    position: fixed !important;
}

.k-checkbox:disabled:hover {
    border-color: var(--kendo-color-border-alt, rgba(33,37,41,0.2));
}

body:has(.mainContainer) #wrapper #content-wrapper {
    margin-bottom: 64px !important;
}

.ddlCustomerPopup .k-dropdownlist-popup i, .ddlCustomerPopup .k-dropdownlist-popup span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ddlCustomerList .k-button:focus {
    color: black !important;
}