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


@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%;
}

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

.ebiz-tab-link {
    color: #A0A4A8;
    vertical-align: middle;
    text-align: center;
    line-height: 40px;
}

    .ebiz-tab-link:hover {
        color: #94989D;
        vertical-align: middle;
        text-align: center;
        line-height: 40px;
    }

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


/*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;
}
/* 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: 251px;
    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;
}

#filterDropdownTth .divFilter {
    width: 287px;
}

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

.divFilter .divHeader {
    width: 251px;
    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 .divContent {
        margin-top: 25px;
        margin-bottom: 20px;
    }

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

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

.editibleCell input:focus {
    border: none;
    box-shadow: 0 0 0 0.1rem var(--ebiz-blue) !important;
    border-color: var(--ebiz-blue) !important;
}

.ddlApp select:focus,
.ddlApp span:focus,
.ddlApp textarea:focus {
    border: none;
    box-shadow: 0 0 0 0.1rem var(--ebiz-blue) !important;
    border-color: var(--ebiz-blue) !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 {
        width: 90px !important;
        display: block !important;
        text-align: center;
        color: black !important;
    }

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

            .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: 300px;
}

#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,
#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;
    }
}

.John-Doe-Manufacturi {
    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 {
    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.14;
    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;
    height: 425px;
    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;
}

.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: 39px;
    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-Italic;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: italic;
    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;
}

.infoImageSize2 {
    width: 16px;
    height: 16px;
}

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

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


/*#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,
.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 {
        background-color: #ec4144 !important;
        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 {
    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, #printSurchargeReportGrid {
    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, .reqEmailError {
    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;
    }
}

#create-new-nav-tab .ebiz-tab-link {
    color: #212b36 !important;
}

.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: 672px !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;
}

.img-dashboard {
    opacity: 0.4;
}

.tranHistAction {
    right: -0.8px !important;
}

#grdNewTransactionHistory td img.icon-blue-eye:hover,
#grdRelatedTransactions 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 {
    border-width: 0px 1px 0px 0px !important;
    border-color: #ccc;
}

#grdAddedPaymentCustomer .grd-col-select,
#grdPendingCustomer .grd-col-select,
#grdSendRequestPayment .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 {
    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 {
    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;
}

.reportHeaderMerchant {
    margin-top: 20px;
}

.reportHeaderEBizLogo {
    height: 25px;
    width: auto;
    margin: 20px 0px 20px 50px;
}

.reportHeaderReportImage {
    height: 72px;
    width: auto;
}

.reportHeader .container {
    width: 900px;
    margin-left: 50px;
}

.reportHeader p {
    display: block;
    padding: 2px 0px 2px 0px;
    margin-bottom: 0px;
}

.reportHeaderNumbers {
    font-size: 17px;
    font-family: AvenirNext;
}

.reportHeaderText {
    font-size: 12px;
}

.reportHeaderTitle {
    color: #4D71F6;
    margin: 45px 0px 45px 0px;
    font-size: 20px;
}

.reportHeaderGroups {
    margin-bottom: 10px;
}

.reportHeaderDates, .reportHeaderGroups {
    font-size: 10px;
    font-family: AvenirNext;
}

.reportHeaderGroupedData {
    width: 700px;
}

.reportHeaderBanner {
    background-color: #4D71F6;
    margin-left: -50px;
}

#merchantReportLogo {
    position: relative;
    top: 465px;
    left: -35px;
    margin-bottom: -114px;
    text-align: right;
}

.CModalHeaderConfirm {
    font-family: AvenirNext;
    font-size: 28pt;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: #212B36;
    background: white;
    cursor: pointer;
}

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

#RemoveCustomerFromGrid, #CancelCustFromGrid {
    width: 132px;
}

#RemoveCustomerModal .modal-footer {
    padding: 0 32px 32px 32px;
}

#grdRelatedTransactions {
    width: 90%;
}

    #grdRelatedTransactions tbody tr td {
        white-space: nowrap !important;
    }

    #grdRelatedTransactions thead tr th {
        font-family: AvenirNext;
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.43;
        letter-spacing: normal;
        text-align: left;
        color: #212b36;
        border: none;
    }

#grdRelatedTransactions {
    border: none;
}

    #grdRelatedTransactions tbody tr td {
        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;
        border: none;
        padding: 12px 11px 12px 11px;
    }

    #grdRelatedTransactions tr.k-alt {
        background: transparent;
    }

    #grdRelatedTransactions tr:hover {
        background: transparent;
    }

    #grdRelatedTransactions .k-i-sort-asc-sm {
        margin-left: 1px !important;
    }

        #grdRelatedTransactions .k-i-sort-asc-sm:before {
            content: "\e004";
            color: #637381;
        }

    #grdRelatedTransactions .k-i-sort-desc-sm {
        margin-left: 1px !important;
    }

        #grdRelatedTransactions .k-i-sort-desc-sm:before {
            content: "\e006";
            color: #637381;
        }

#THRelatedTransDetails {
    overflow: auto;
}


#THRelatedTransDetails {
    width: 322.3px;
    overflow-x: scroll;
    overflow-y: scroll;
    height: 200px;
}

    #THRelatedTransDetails::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: #cbcbcc;
        border-radius: 10px;
    }

    #THRelatedTransDetails::-webkit-scrollbar {
        width: 9.1px;
        height: 9.1px;
        background-color: #cbcbcc;
        border-radius: 10px;
    }


    #THRelatedTransDetails::-webkit-scrollbar-thumb {
        background-color: #9b9b9c;
        border-radius: 10px;
    }


.THLineItemsGridWrapper {
    overflow: auto;
}


.THLineItemsGridWrapper {
    width: 322.3px;
    overflow-x: scroll;
    overflow-y: scroll;
    height: 166.6px;
}

#lineItemsGrid tbody tr td {
    white-space: nowrap !important;
}


/*
 *  STYLE 3
 */

.THLineItemsGridWrapper::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #cbcbcc;
    border-radius: 10px;
}

.THLineItemsGridWrapper::-webkit-scrollbar {
    width: 9.1px;
    height: 9.1px;
    background-color: #cbcbcc;
    border-radius: 10px;
}


.THLineItemsGridWrapper::-webkit-scrollbar-thumb {
    background-color: #9b9b9c;
    border-radius: 10px;
}

#lineItemsGrid thead tr th {
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: #212b36;
    border: none;
}

#lineItemsGrid {
    border: none;
}

    #lineItemsGrid tbody tr td {
        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;
        border: none;
        padding: 12px 11px 12px 11px;
    }

    #lineItemsGrid tr.k-alt {
        background: transparent;
    }

    #lineItemsGrid tr:hover {
        background: transparent;
    }

    #lineItemsGrid .k-i-sort-asc-sm {
        margin-left: 1px !important;
    }

        #lineItemsGrid .k-i-sort-asc-sm:before {
            content: "\e004";
            color: #637381;
        }

    #lineItemsGrid .k-i-sort-desc-sm {
        margin-left: 1px !important;
    }

        #lineItemsGrid .k-i-sort-desc-sm:before {
            content: "\e006";
            color: #637381;
        }

.tipamountcls {
    justify-content: flex-end;
    margin-right: 20px;
}

.totalamountcls {
    justify-content: flex-end;
    margin-right: 20px;
}

.tipamountcls label {
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: #212b36;
    margin-right: 7px;
}

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

.totalamountcls label {
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: #212b36;
    margin-right: 7px;
}

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

.viewdetailsLineItem {
    cursor: pointer;
}

#lineItemsGrid_tt_active {
    background-color: #fff !important;
    border: none;
    border-top: solid 2px #c4cdd5;
    border-radius: 0 !important;
    border-color: #c4cdd5 !important;
    box-shadow: 3px 2px 3px 0 rgba(32, 56, 92, 0.13);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

#lineItemsGrid_tt_active .k-tooltip-content {
    width: 414px !important;
    height: auto;
}

.headsku {
    font-family: AvenirNext;
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.91;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    padding-left: 9px;
    margin-bottom: 30px;
}

.headitem {
    font-family: AvenirNext;
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.91;
    letter-spacing: normal;
    text-align: right;
    color: #000;
    padding-right: 9px;
    margin-bottom: 30px;
}

.lihead {
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #212b36;
    padding-left: 24px !important;
    margin-bottom: 10px;
}

.livalue {
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: right;
    color: #212b36;
    padding-right: 24px !important;
    margin-bottom: 10px;
}

.totalofSingleRowAmount {
    justify-content: flex-end;
}

.totalofSingleRow {
    font-family: AvenirNext;
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.91;
    letter-spacing: normal;
    text-align: right;
    color: #212b36;
    padding-right: 24px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.popupBubble {
    position: relative;
    display: inline;
}

.popupBubble .popup {
    position: absolute;
    display: none;
    border: 1px solid #AAA;
    background: #FFF;
    padding: 5px;
    width: 300px;
}

.k-pdf-export .k-i-sort-asc-sm,
.k-pdf-export .k-i-sort-desc-sm {
    display: none;
}

.circle {
    display: inline-flex;
    border-radius: 100%;
    overflow: hidden;
    float: right;
}

.circle__half {
    height: 20px;
    width: 10px;
    position: relative;
    overflow: hidden;
    animation-name: hide-smoothly;
    animation-duration: 3s;
    animation-delay: 20s;
    animation-fill-mode: forwards;
}

.circle__half:before {
    height: inherit;
    width: inherit;
    position: absolute;
    content: "";
    border-radius: 100px 0 0 100px;
    background-color: #CCCCCC;
    transform-origin: 100% 50%;
    /* hidden by default */
    transform: rotate(180deg);
    opacity: 0.65;
    animation-name: rotate-circle-half;
    animation-duration: 15s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}

.circle__half--right {
    transform: scale(-1, -1);
}

.circle .circle__half--right:before {
    animation-name: rotate-circle-half--right;
}

@keyframes rotate-circle-half {
    0% {
        transform: rotate(180deg);
    }

    50% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

@keyframes rotate-circle-half--right {
    0% {
        transform: rotate(180deg);
    }

    50% {
        transform: rotate(180deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.k-grid img {
    display: inline !important;
}

.owl-badge-red {
    /*background-color: #fceaea;
        border: 2px solid #b82f2c;
        padding: 0.2rem 1.1rem;
        border-radius: 19px;*/
    padding: 2px 16px;
    border-radius: 32px;
    border: 1px solid #E02020;
    background: #FCE9E9;
}

.owl-badge-green {
    /*background-color: #e9f5dd;
        border: 2px solid #97c85f;
        padding: 0.2rem 1.1rem;
        border-radius: 19px;*/
    padding: 2px 16px;
    border-radius: 32px;
    border: 1px solid #90CF48;
    background: #E9F5DC;
}

.owl-badge-grey {
    /*background-color: #f8f8f8;
        border: 2px solid #67717a;
        padding: 0.2rem 1.1rem;
        border-radius: 19px;*/
    padding: 2px 16px;
    border-radius: 32px;
    border: 1px solid #637281;
    background: #F8F8F8;
}

.securityChksLbl {
    font-family: AvenirNext;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    padding-left: 15px;
}

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

.Frame-87542 {
    /*width: 857px;*/
    /*width: 1120px;
    height: 36px;*/
    display: inline-flex;
    /*width: 98.2%;*/
    height: 100%;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    margin: 30px 96px 32px 15px;
    padding: 8px;
    border-radius: 4px;
    background-color: #ccd5ff;
    font-family: AvenirNext;
}

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

.warningExclamationForSurchargeNote {
    width: 18px;
    /*padding-bottom: 4px;*/
}

.surchargeTermsNoteForCard,
.surchargeTermsNoteForCapture,
.surchargeTermsNoteForQueued,
.surchargeTermsNoteForQuickSale {
    vertical-align: middle;
    height: auto;
}