.form-val:not(.lp-cardnumber),
.lp_card .lp_card_title,
.ms-options li {
    text-transform: capitalize
}

.consent-company,
.specalty-input,
.tooltiptext {
    white-space: nowrap
}

.container-title h1,
.usr::after {
    display: none !important
}

:root {
    --lp-title-color: rgb(23, 43, 77);
    --lp-title-size: 1.2rem;
    --lp-body-size: 1rem;
    --lp-body-line-height: 1.714;
    --lp-body-letter-spacing: -0.005em;
    --lp-placeholder-color: #797a7b;
    --lp-input-border-color: #010101
}

body,
html {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px;
    color: var(--lp-body-color);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
    letter-spacing: normal
}

.top-strip {
    background-color: var(--lp-top_strip)
}

.dropdown-item.active,
.dropdown-item:hover,
.modal-header,
.k-window-titlebar {
    background-color: var(--lp-primary-color);
    color: #fff !important;
}

.lp-bg-primary,
.lp-btn-primary {
    background-color: var(--lp-btn_primary);
    color: #fff
}

.lp-bg-secondary {
    background-color: var(--lp-secondary-color)
}

.lp-primary-text {
    color: var(--lp-content_title)
}

th .k-icon {
    color: var(--lp-th_head)
}

.lp-custom-nav-tab .active a,
.lp-custom-nav-tab li a {
    background-color: unset;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    color: var(--lp-body-color);
    background-image: url("/public/images/icons/button_silver.png");
    min-width: 140px;
    padding: 10px 15px;
    display: block;
    text-align: center;
    font-size: .8rem;
    font-weight: 500
}

.lp-custom-nav-tab li.active a {
    background-image: url("/public/images/icons/button_primary.png");
    font-weight: 600
}

.lp-custom-nav-tab a:hover {
    color: #fff;
    text-decoration: none
}

.lp-primary-border,
nav[data-rel=payments_tab] {
    border-color: var(--lp-primary-color) !important
}

.jconfirm .jconfirm-box.jconfirm-type-blue {
    border-top-color: var(--lp-primary-color) !important
}

.lp-btn-primary-outline {
    background: 0 0;
    border: 1px solid var(--lp-primary-color);
    color: var(--lp-primary-color);
}

.lp-btn-primary-outline:hover,
.lp-btn-primary:hover {
    color: #fff;
    background-color: var(--lp-lp_btn_primary_hover);
    border-color: var(--lp-lp_btn_primary)
}

.lp-btn-primary-outline:focus,
.lp-btn-primary.focus,
.lp-btn-primary:focus {
    background-color: var(--lp-lp_btn_primary_focus)
}

.lp-btn-primary.focus,
.lp-btn-primary:focus {
    color: #fff;
    border-color: var(--lp-lp_btn_primary_focus);
    box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--lp-btn_primary) 50%, transparent)
}

.actionicons::before,
.list-report-table .actions::before,
.sticky-last tbody tr td:last-child::before,
.sticky-last thead th:last-child::before {
    box-shadow: -4px 0 4px rgb(0 0 0 / 14%), 6px 0 rgb(0 0 0 / 0%), 0 7px 5px -2px rgb(0 0 0 / 0%)
}

.custom-control.custom-checkbox label.custom-control-label,
.line-height-2 {
    line-height: 2
}

.table tbody td,
.table tbody th,
.table-bordered tbody td,
.table-bordered tbody th {
    border-color: var(--lp-secondary-color) !important
}

.table thead td,
.table thead th,
.table-bordered thead td,
.table-bordered thead th {
    border-color: var(--lp-table_header_bg) !important
}

.k-pager-numbers .k-link.k-state-selected,
.k-pager-numbers .k-state-selected,
.page-item.active .page-link {
    background-color: transparent !important;
    font-weight: 900;
    color: var(--lp-primary-color) !important
}

.k-pager-numbers .k-link:hover,
.k-pager-numbers .k-state-selected:hover {
    background-color: #e9ecef !important
}

.k-grid-header,
.k-grid-toolbar,
.k-window-titlebar,
.lp-table-head,
.table thead,
.table-bordered thead {
    background-color: var(--lp-table_header_bg) !important;
    color: var(--lp-th_head);
    border-width: 0 !important
}

.k-header,
.table thead,
.table thead *,
.table-bordered thead,
.table-bordered thead * {
    color: var(--lp-th_head);
    font-weight: 500 !important
}

.lp-btn-success,
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link,
.nav-tabs .nav-link.active {
    color: #fff
}

.k-pager-wrap,
.lp-table-footer,
tfoot {
    background-color: var(--lp-table_footer) !important
}

.lp-bg-success,
.lp-btn-success {
    background-color: #00a257
}

.sticky-last thead th.actions,
.sticky-last thead th:last-child {
    background-color: var(--lp-table_header_bg) !important
}

.sticky-last tbody tr td:last-child:not(.tree_row)::before,
.sticky-last thead th:last-child::before,
.usr::after {
    content: ""
}

.lp-btn-primary.focus #MainContainer,
header {
    background: inherit
}

.multiple_row-striped>div:nth-of-type(odd) {
    background-color: #dbe4f1
}

.lp-btn-success-outline:hover,
.lp-btn-success.focus,
.lp-btn-success:hover {
    color: #fff;
    background-color: #00a257;
    border-color: #00a257;
    box-shadow: 0 0 0 .2rem rgb(0 162 87 / 28%)
}

.bg-silver {
    background-color: #e9e9e9
}

.lp-border,
.lp-table-container,
.navbar-toggler+#navbarNavDropdown ul[date-ref=main-nav] .nav-link {
    border-color: #7aa1e0
}

.table-striped tbody tr,
.table-striped tbody tr+tr.k-detail-row tr.k-master-row,
div[data-role=grid] tbody tr {
    background-color: var(--lp-table-even) !important
}

.table-striped tr.k-alt,
.table-striped tr.k-alt+tr.k-detail-row tr.k-master-row,
div[data-role=grid] tr.k-alt,
table.table-striped tr:not(.k-alt):nth-of-type(2n) {
    background-color: var(--lp-table-odd) !important
}

.k-detail-row tbody td:first-child {
    text-align: right !important
}

.k-pager-numbers .k-link,
.page-link {
    color: #5f6368 !important;
    font-size: .825rem;
    background-color: transparent;
    border: 0;
    padding: .25rem .55rem !important
}

.page-link .bi {
    font-size: .8rem
}

.min-h-screen {
    min-height: 100vh
}

.max-h-100 {
    max-height: 100%
}

.overflow-y-auto {
    overflow-y: auto
}

.overflow-x-hidden {
    overflow-x: hidden
}

.form-check-input {
    -webkit-appearance: checkbox;
    appearance: checkbox
}

.text-secondary {
    color: #bdbdbd !important
}

#grid .k-grid-header th.k-header,
.table thead th,
tr.k-detail-row .k-grid-header th.k-header {
    vertical-align: top
}



.lp_loader_container {
    border-radius: 16px;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    max-width: 412px
}

.spinner-border {
    border-color: rgb(107 123 156 / 29%);
    border-right-color: var(--lp-primary-color);
    animation-duration: 3.3s;
    width: 3rem;
    height: 3rem;
    border-width: .35em
}

.lp_loader_container>* {
    color: #6b7b9c
}

.jq-icon-error {
    background-color: #ed6060;
    color: #f7f7f7;
    border-color: #ebccd1;
    box-shadow: rgb(255 50 181 / 40%) 0 0 0 2px, rgb(255 109 93 / 65%) 0 4px 6px -1px, rgb(255 71 71 / 8%) 0 1px 0 inset
}

.jq-icon-success {
    background-color: #399944;
    color: #f7f7f7;
    border-color: #399944;
    box-shadow: rgb(61 255 50 / 40%) 0 0 0 2px, rgb(124 255 93 / 65%) 0 4px 6px -1px, rgb(115 255 71 / 8%) 0 1px 0 inset
}

.jq-icon-info {
    background-color: #1a75ba;
    color: #f7f7f7;
    border-color: #007bff;
    box-shadow: rgb(50 181 255 / 40%) 0 0 0 2px, rgb(93 109 255 / 65%) 0 4px 6px -1px, rgb(71 71 255 / 8%) 0 1px 0 inset
}

.jq-icon-error .jq-toast-loader {
    background-color: #ffaa9c !important;
    border-color: #ebccd1
}

.jq-icon-success .jq-toast-loader {
    background-color: #b8ff9c !important;
    border-color: #ccebcf
}

.h-0 {
    height: 0
}

.line-height-0 {
    line-height: 0
}

.breadcrumb-item,
.btn,
[role=tab] {
    text-transform: uppercase
}


.ui-autocomplete {
    max-height: 185px;
    overflow-y: auto
}


small.help-block {
    line-height: 1;
    display: block
}

.dashed-border-bottom {
    border-bottom: 1px dashed #787d83
}

.dashed-top-border {
    border-top: 1px dashed #787d83
}

.k-grid th {
    border-width: 0 !important;
    padding: .75rem !important;
    white-space: normal !important
}

.k-grid td {
    border: none !important;
    border-bottom: 1px solid var(--lp-secondary-color) !important
}

.k-pager-wrap {
    position: sticky !important;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1
}

.k-grid,
.k-grid tbody tr.k-state-hover,
.k-grid tbody tr:hover {
    color: var(--lp-body-color) !important
}

.w-90 {
    width: 90%
}

.ui-widget.ui-widget-content:not(.ui-timepicker) {
    max-width: 30%
}



.navbar-brand img {
    min-height: 61px;
    max-height: 61px
}

.dropdown-item,
li,
p {
    line-height: 1.25;
    font-size: .9rem
}



.jc-bs3-container.popover-top_0 .popover {
    top: 0 !important
}

.popover-dark {
    background-color: #343a40 !important;
    color: #fff !important
}

.font-bold {
    font-weight: 600;
    color: #000
}

.canvas-container {
    position: relative;
    width: 100%;
    height: 117px;
    margin-bottom: 0
}

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

#consent_form .btn-clear {
    background-color: #f7fcfa;
    color: #5c5f66;
    font-size: 11px;
    padding: 3px 5px;
    border-radius: 4px;
    border: 1px solid #dfe0e2;
    margin-top: 3px;
    cursor: pointer
}

#consent_form .btn-clear:hover {
    background-color: #e6f0f5;
    color: #5c5f66;
    border: 1px solid #b4b9c5
}

.popover-sm {
    padding: .3rem .75rem !important
}

.popover-dark_parent .bs-popover-bottom>.arrow::after,
.popover-dark_parent.bs-popover-auto[x-placement^=bottom]>.arrow::after {
    border-bottom-color: #343a40 !important;
}

.custom .list-group-item {
    padding: .45rem;
    font-size: .7rem
}

.right-0 {
    right: 0
}

.display_none,
.is_amex li,
.is_diners li,
.is_discover li,
.is_jcb li,
.is_mastercard li,
.is_nothing li,
.is_visa li,
button[role=scroll],
div[data-view=add] [data-ref=remove],
div[data-view=remove] [data-ref=add] {
    display: none
}

div[data-status=add] .add-row,
div[data-status=remove] .add-row {
    margin-right: .25rem
}

div[data-status=add] .remove-row,
div[data-status=remove] .add-row {
    opacity: 0;
    z-index: -9
}

.multiple_row-container>div:not(:first-child) .remove-row {
    opacity: 1;
    z-index: 9
}

.add-row:hover,
.cursor-pointer,
.cursor-pointer *,
.custom-control-label:hover,
.custom-file-input,
.remove-row:hover {
    cursor: pointer
}

.k-header,
table,
td,
th {
    font-size: .825rem;
    line-height: 1
}

.brand-section .dropdown-item,
.custom-file-input,
.custom-file-label {
    line-height: 1.8
}

.btn:disabled,
button:disabled {
    cursor: not-allowed !important
}

.svg {
    width: 18px
}

.SelectMerchantId {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23041a9d' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E") right .75rem center/1rem no-repeat
}

.lp-table-footer .pagination,
.table {
    margin-bottom: 0 !important
}

div[data-role=grid],
table[role=grid] {
    border-collapse: collapse;
    border: 0 !important;
    padding: 0;
    margin: 0
}

.lp-table-container {
    border-width: 1px;
    border-style: solid
}

div[data-option=center] .multi_row-option {
    top: 50%;
    transform: translateY(-50%);
    right: 2%
}

.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button,
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button {
    font-weight: 400 !important
}

.SelectMerchantId.custom-select:focus {
    box-shadow: 0 0 0 .01rem rgb(0 123 255 / 25%)
}

.close {
    text-shadow: none;
    opacity: 1
}

.close span {
    font-size: 1.4rem
}

.dropdown-submenu .dropdown-menu {
    left: auto;
    right: 96%
}

.dropdown-submenu .dropdown-toggle {
    position: relative;
    padding-right: 45px
}

.dropdown-submenu .dropdown-toggle::after {
    position: absolute;
    top: 50%;
    right: 10%;
    transform: rotate(270deg)
}

.custom-file-input,
.custom-file-label,
.form-control,
.input-group-append,
.input-group-prepend,
textarea.same-as-input {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
    font-size: .825rem;
    height: calc(1.9em + .75rem + 2px);
    border-radius: 0 !important
}

.form-control:focus {
    box-shadow: 0 0 0 .05rem rgb(0 123 255 / 25%) !important
}

.form-control-div {
    min-height: calc(1.9em + .75rem);
    padding: calc(1.9em - .75em - 8px)
}

.custom-file-input:lang(en)~.custom-file-label::after {
    content: "Choose File";
    height: calc(1.9em + .75rem + 2px);
    line-height: 1.8
}

.btn:not(.btn-sm) {
    font-size: .9rem;
    height: calc(1.7em + .75rem + 2px)
}

a.btn {
    line-height: 1.7
}

.error,
.help-block,
.input-errors,
.s_error,
.text-danger {
    color: #dc3545 !important
}

.error,
.help-block,
.input-errors,
.s_error {
    font-size: .825rem;
    margin-bottom: .25rem !important;
    line-height: 1.35 !important;
    display: block
}

.jconfirm-content label:not(.custom-control-label) {
    font-size: .7rem !important
}

.text-decoration-underline {
    text-decoration: underline
}

.lp-layout {
    width: calc(100% - 85px);
    margin: auto
}

.lp-layout_report-container {
    width: 97%;
    max-width: 97%;
    margin: 0 auto
}



.font-sm {
    font-size: .725rem
}

.specalty-input {
    overflow: hidden;
    text-overflow: ellipsis
}

label:not(.custom-control-label) {
    font-size: .825rem;
    font-weight: 600;
    color: #010101
}

.font-xsm {
    font-size: .68rem
}

.font-2xm {
    font-size: .66rem
}

.k-grid-header .k-header>.k-link,
.table-small-font td,
.table-small-font th {
    font-size: .69rem
}

.action_icons img,
.actionicons img {
    width: 1.3rem !important;
    margin-right: 3px
}

.sticky-last tr.k-detail-row .k-grid-header th:last-child,
.sticky-last tr>td:last-child:not(.k-detail-cell),
.sticky-last tr>th:last-child {
    box-sizing: border-box;
    position: sticky;
    left: 0;
    right: 0;
    background: inherit;
    min-width: 140px;
    width: 174px !important;
    max-width: 174px !important;
    transition: .1s linear;
    padding-left: 15px !important;
    z-index: 9;
}

.sticky-last:not(.actionicons) tbody tr td:not(.tree_row):last-child::before,
.sticky-last:not(.actionicons) thead th:last-child::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: -1px;
    width: 6px;
    background-color: transparent !important
}

#grid.sticky-last:not(.actionicons) tbody tr td:not(.k-detail-cell)::before,
#grid.sticky-last:not(.actionicons) thead th:last-child::before {
    left: 6px
}

.container-title h1 {
    font-size: 1rem !important
}

.h-35 {
    height: 35px
}

.is_amex li.card_amex,
.is_diners li.card_diners,
.is_discover li.card_discover,
.is_jcb li.card_jcb,
.is_mastercard li.card_mastercard,
.is_visa li.card_visa,
.login-status {
    display: block
}

.tooltiptext {
    width: auto;
    background-color: #9098a1;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 6px;
    position: absolute;
    top: 41px;
    left: 50%;
    margin-left: -60px;
    font-size: 11px;
}



.tooltiptext::after {
    content: "";
    position: absolute;
    transform: rotate(67deg);
    width: 14px;
    left: 30%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #9098a1
}

.nav-link {
    color: inherit
}

.lp-navbar .nav-link {
    font-weight: 500;
    font-size: .84rem
}

.usr-card-link-item:hover {
    background-color: #d9d9d9
}

.lp_payments_tab_item_container .lp_tab_items,
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link {
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-color: transparent !important;
    border-color: transparent !important
}

.help,
.usr {
    vertical-align: middle
}

.login-status {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #20ff20;
    position: absolute;
    top: -4%;
    right: -14%
}

.usr-sm {
    width: 24px;
    height: 24px;
    line-height: 0;
    padding: 4px 6px;
    font-size: 14px
}

.usr-lg {
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px
}

.usr- {
    width: 40px;
    height: 40px
}

.help i {
    font-size: 1.43rem
}

.top-stripe i {
    line-height: 1
}

.bi::before,
[class*=" bi-"]::before,
[class^=bi-]::before {
    vertical-align: middle !important
}

.bottom-right {
    left: unset !important;
    right: 0 !important;
    top: 107%
}

.login-usr-text {
    line-height: 16px
}

.select-page-range {
    width: 60px
}

.line {
    opacity: .4
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link {
    margin-right: 5px
}

.nav-tabs .nav-item.show .nav-link:hover,
.nav-tabs .nav-link:hover {
    border-color: transparent !important
}

.nav-tabs {
    border-width: 0 !important;
    font-size: .805rem;
    font-weight: 600
}

nav.finance-now-enabled .nav-tabs {
    font-size: 10.7px
}

.btn-secondary {
    color: #fff;
    background-color: #aaa;
    border-color: #aaa
}

form.select_form_header select {
    border-color: #989898 !important
}

.grid_container.overflow-hidden {
    overflow-x: scroll !important
}

.lp_payments_tab_item_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px
}

.lp_card {
    position: relative;
    border-radius: 3px;
    padding: 1rem;
    margin-bottom: 1rem;
    transition: .2s linear;
    border: 1px solid #ced4da
}

.lp_card .lp_card_title {
    font-size: .9rem;
    font-weight: 600;
    margin-bottom: 0;
    color: var(--lp-body-color)
}

.lp_card_body p {
    margin-bottom: 0;
    color: #5e5e66;
    line-height: 1.5;
    font-size: .825rem
}

@media only screen and (max-width:1270px) and (min-width:1024px) {

    .breadcrumb-item,
    .lp-navbar .nav-link {
        font-size: .665rem
    }

    nav[data-rel=payments_tab] .nav-link {
        font-size: 11px
    }

    nav[data-rel=payments_tab].finance-now-enabled .nav-link {
        font-size: 9.6px
    }
}

@media only screen and (max-width:1188px) and (min-width:1024px) {
    nav[data-rel=payments_tab].finance-now-enabled .nav-link {
        font-size: 9px
    }
}

@media only screen and (max-width:1142px) and (min-width:1024px) {
    nav[data-rel=payments_tab].finance-now-enabled .nav-link {
        font-size: 8.5px
    }
}

@media only screen and (min-width:1024px) {
    .lp-navbar .dropdown-item {
        border-radius: 3px;
        transition: .2s cubic-bezier(.19, 1, .22, 1)
    }

    .dropdown:hover>.dropdown-menu {
        display: block;
        margin-top: 0
    }

    .lp-navbar .dropdown-menu {
        border-radius: 5px
    }

    .select_form_header {
        max-width: 450px
    }

    .content-header {
        min-height: 45px
    }

    .dropdown-menu.control-height {
        max-height: 300px;
        overflow-y: auto
    }
}

/* @media only screen and (min-width:1500px) {
    .lp-layout {
        width: 1349px;
        max-width: 1349px
    }
} */

@media only screen and (min-width:1600px) {
    .lp-layout {
        width: 85%;
        max-width: 85%
    }
}

@media only screen and (min-width:962px) {
    .jconfirm-content .form-check-label>input {
        position: relative;
        margin-left: auto;
        margin-right: 10px
    }

    .jconfirm-content .form-row .col-md-2 label {
        float: right;
        margin-top: 26px
    }

    .wrapper_97 .form-row .col-md-3 label {
        float: left;
        margin-top: 0 !important
    }

    .jconfirm-content .form-row .col-md-2 input[type=checkbox] {
        float: left;
        position: relative;
        margin: 26px 0 0
    }

    .wrapper_97 .form-row .col-md-3 input[type=checkbox] {
        position: relative;
        margin-left: 0;
        margin-right: 4px
    }
}

@media only screen and (min-width:768px) {
    .canvas-container {
        width: 75%
    }

    div[data-view="8-columns"]>div.col-md {
        width: 12.5% !important;
        min-width: 12.5% !important;
        max-width: 12.5% !important;
        margin-bottom: 10px !important
    }

    div[data-view="8-columns"]>div.custom-textarea-container {
        width: 25% !important;
        min-width: 25% !important;
        max-width: 25% !important
    }

    div[data-view="8-columns"][data-textarea=true]>div.col-md:not(.custom-textarea-container) {
        width: 12.5% !important;
        min-width: 12.5% !important;
        max-width: max-content !important;
        margin-bottom: 10px !important
    }

    .content-header {
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    body.move_merchantdropdown-center form.select_form_header {
        right: 14%
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .content-header .d-table-cell {
        display: inherit !important
    }

    .add-row,
    .remove-row {
        min-width: 16px;
        min-height: 16px
    }

    .bottom-right {
        left: auto !important
    }

    body.authenticated .h-0 {
        height: auto
    }

    form {
        width: 100%
    }

    .k-grid th {
        padding: 0 !important
    }

    #menumainblock {
        height: 100%
    }

    .navbar-brand,
    .navbar-brand>img {
        border: 1px solid transparent !important
    }

    form.select_form_header {
        top: 137px
    }

    .k-edge .k-grid-header .k-header>.k-link,
    .k-ie .k-grid-header .k-header>.k-link {
        padding: 8px 12px !important
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .lp-layout {
        max-width: none;
        width: 96%
    }

    .lp-navbar .nav-link {
        padding-left: .3rem !important;
        padding-right: .3rem !important
    }

    .breadcrumb-item,
    .font-sm,
    .lp-navbar .nav-link,
    .nav-tabs .nav-link,
    label:not(.custom-control-label),
    select[data-req=merchant_change_dropdown] {
        font-size: .575rem
    }

    .table td,
    .table th {
        font-size: .75rem
    }

    button[role=scroll] {
        display: block
    }

    nav[data-rel=payments_tab] .nav {
        white-space: nowrap;
        flex-wrap: nowrap;
        overflow-y: hidden;
        overflow-x: scroll;
        padding-bottom: 2px;
        border-bottom: 0
    }

    nav[data-rel=payments_tab] {
        padding: 0 1.3rem;
        border-bottom: 1px solid
    }

    nav[data-rel=payments_tab] button[role=scroll] {
        top: 0
    }

    nav[data-rel=payments_tab] button[role=scroll].payment_tab-left {
        left: -3%
    }

    nav[data-rel=payments_tab] button[role=scroll].payment_tab-right {
        right: -3%
    }

    .grid_container::-webkit-scrollbar,
    .lp-table-container::-webkit-scrollbar,
    nav[data-rel=payments_tab] .nav::-webkit-scrollbar {
        width: 1rem;
        height: 2px
    }

    .grid_container::-webkit-scrollbar-track,
    .lp-table-container::-webkit-scrollbar-track,
    nav[data-rel=payments_tab] .nav::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .185);
        box-shadow: inset 0 0 6px rgba(0, 0, 0, .185)
    }

    .grid_container::-webkit-scrollbar-thumb,
    .lp-table-container::-webkit-scrollbar-thumb,
    nav[data-rel=payments_tab] .nav::-webkit-scrollbar-thumb {
        background-color: #1a75ba;
        outline: transparent solid 1px
    }

    .grid_container {
        overflow-x: scroll !important
    }

    .lp-table-container .lp-table-footer>.row {
        margin-right: 0 !important
    }
}

@media only screen and (max-width:1023px) {
    .lp-layout {
        max-width: none;
        width: 96%
    }

    .breadcrumb-item,
    .font-sm,
    .lp-navbar .nav-link,
    .nav-tabs .nav-link,
    label:not(.custom-control-label),
    select[data-req=merchant_change_dropdown] {
        font-size: .675rem
    }

    .table td,
    .table th {
        font-size: .75rem
    }

    .grid_container {
        overflow-x: scroll !important
    }

    .lp-table-container {
        overflow-x: scroll
    }

    .lp-table-container .lp-table-footer>.row {
        margin-right: 0 !important
    }

    .top-strip .dropdown:hover>.dropdown-menu {
        display: block;
        margin-top: 0
    }

    button[role=scroll] {
        display: block
    }

    .navbar-toggler+#navbarNavDropdown {
        position: absolute;
        top: 100%;
        background-color: #fff;
        box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
        right: 0;
    }

    .brand-section .bi::before,
    [class*=" bi-"]::before,
    [class^=bi-]::before {
        line-height: 1.4
    }

    ul[date-ref=main-nav] {
        padding: 1rem
    }

    ul[date-ref=main-nav] .nav-link {
        border-radius: 0;
        border-bottom: 1px solid;
        transition: .2s cubic-bezier(.19, 1, .22, 1)
    }

    .navbar-toggler+#navbarNavDropdown ul[date-ref=main-nav] {
        width: 341px
    }

    .navbar-toggler+#navbarNavDropdown ul[date-ref=main-nav] .nav-link {
        padding: 1rem 1.8rem;
        font-weight: 500
    }

    .navbar-toggler+#navbarNavDropdown ul[date-ref=main-nav] li:last-child {
        padding: 1rem 1.8rem
    }

    nav[data-rel=payments_tab] .nav {
        white-space: nowrap;
        flex-wrap: nowrap;
        overflow-y: hidden;
        justify-content: flex-start !important;
        overflow-x: scroll;
        padding-bottom: 2px;
        border-bottom: 0
    }

    nav[data-rel=payments_tab] {
        padding: 0 1.3rem;
        border-bottom: 1px solid
    }

    nav[data-rel=payments_tab] button[role=scroll] {
        top: 0
    }

    nav[data-rel=payments_tab] button[role=scroll].payment_tab-left {
        left: -3%
    }

    nav[data-rel=payments_tab] button[role=scroll].payment_tab-right {
        right: -3%
    }

    .grid_container::-webkit-scrollbar,
    .lp-table-container::-webkit-scrollbar,
    nav[data-rel=payments_tab] .nav::-webkit-scrollbar {
        width: 1rem;
        height: 2px
    }

    .grid_container::-webkit-scrollbar-track,
    .lp-table-container::-webkit-scrollbar-track,
    nav[data-rel=payments_tab] .nav::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .185);
        box-shadow: inset 0 0 6px rgba(0, 0, 0, .185)
    }

    .grid_container::-webkit-scrollbar-thumb,
    .lp-table-container::-webkit-scrollbar-thumb,
    nav[data-rel=payments_tab] .nav::-webkit-scrollbar-thumb {
        background-color: #1a75ba;
        outline: transparent solid 1px
    }

    ul[date-ref=main-nav] .nav-link:hover {
        background-color: var(--lp-primary-color);
        color: #fff
    }
}

@media only screen and (max-width:768px) {
    nav[aria-label=breadcrumb] {
        display: none
    }

    .flex-grow-1 div.col-md-6:not(.form-group .container-title),
    .flex-grow-1 div.col-md:not(.form-group) {
        margin-bottom: 1rem
    }
}

.items-center-ie {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.popup_title {
    line-height: 0 !important
}

ul.card_logos {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 5px;
    right: 7%;
    width: 49px;
    height: 30px;
    display: none
}

.card_amex,
.card_diners,
.card_discover,
.card_jcb,
.card_mastercard,
.card_visa {
    display: inline-block;
    width: 50px;
    height: 30px;
    overflow: hidden;
    text-align: left;
    text-indent: -999px;
    background: url(/public/images/sprite-cards.png) no-repeat
}

.card_mastercard {
    background-position: -55px 0
}

.card_amex {
    background-position: -110px 0
}

.card_discover {
    background-position: -165px 0
}

.card_diners {
    background-position: -220px 0
}

.card_jcb {
    background-position: -660px 0
}

.card_logos {
    position: relative;
    width: 30px;
    height: 20px
}

.card_logos li {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0
}

@media only screen and (min-width:1025px) {
    body.lp-tempus-gtw #tokenFrame {
        height: 500px;
        min-height: 500px
    }
}

.sent_to_sms_status {
    color: #fb8c00
}

.picked_for_sending_hms_status {
    color: #1c0dc7
}

.bot_retired_payment_status {
    color: #dfb581
}

.allStatus {
    color: #dee2e6
}

.posting_success_status {
    color: #15e525
}

.posting_error_status {
    color: #ff6576
}

.breadcrumb-item.active,
.ms-options li,
.posting_default_status {
    color: var(--lp-body-color)
}

.breadcrumb-item,
.breadcrumb-item a,
.label_merchant-dropdown {
    text-decoration: none;
    font-weight: 400;
    font-size: .86rem
}

.breadcrumb-item a {
    color: #0a3b8a;
    font-weight: 700
}

.ms-options-wrap>button:after {
    border-top-color: #797a7b;
    top: 53%;
    right: 8px;
    border-width: 4px
}

.custom-control.custom-checkbox.cnst_chkbox label.custom-control-label {
    line-height: 1.4;
    font-weight: 500
}

@media only screen {
    .bot_posting_status {
        min-width: 80px
    }

    .k-detail-row .k-grid,
    .k-detail-row .tree_row {
        background-color: inherit
    }

    .tree_row .k-grid-header,
    .tree_row .k-grid-header * {
        opacity: 0;
        height: 0;
        max-height: 0;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        line-height: 0
    }
}

.pymt-title {
    font-size: 15px;
    font-weight: 400;
    color: var(--lp-primary-color);
}

.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar {
    width: 4.5px;
}

.jq-toast-wrap, .cke_dialog_container {
    z-index: 999999 !important;
}
.sps-loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(247, 249, 252, .74);
    z-index: 999999 !important;
    display: none
}

[role=dialog].cke_dialog_container:not(.cke_editor_textareaal_dialog, .cke_editor_textareaa2_dialog ),
.modal-backdrop,
.k-overlay,
.k-widget.k-window,
.navbar-toggler+#navbarNavDropdown {
    z-index: 10 !important;
}

.modal,
.ui-widget,
.ui-timepicker-container,
.popover,
.daterangepicker,
.cke,
.cke_autocomplete_panel,
.ui-datepicker,
.tooltiptext,
div[aria-labelledby=lp-user-info] {
    z-index: 999 !important;
}

.jconfirm {
    z-index: 99;
}

.k-grid .k-hierarchy-cell .k-icon {
    z-index: 9
}