@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=Roboto:wght@300;400;500;700&display=swap";

@font-face {
    font-family: "product_sansregular";
    src: url("../fonts/product_sans_400-webfont.woff2") format("woff2"),
        url("../fonts/product_sans_400-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "product_sansbold";
    src: url("../fonts/product_sans_bold_700-webfont.woff2") format("woff2"),
        url("../fonts/product_sans_bold_700-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

.btn-group {
    border: none !important;
}

body,
.sidebar,
.table thead th {
    font-family: "Cabin", sans-serif !important;
    -webkit-font-smoothing: antialiased;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700 !important;
    font-family: "Cabin", sans-serif !important;
}

.col-form-label {
    font-weight: bold;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #0e5eff;
    background: linear-gradient(to right, #0e5eff 0%, #4bb0fd 100%) !important;
}

.fidelity-block-center {
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
}

.navbar-nav .nav-item .select2-container--bootstrap4 {
    min-width: 200px !important;
    width: 200px !important;
}

.quick_access {
    width: 100%;
}

.menu-arrow::before {
    content: "\F142";
}

.revenue-desc .mdi {
    float: left;
    margin-right: 15px;
    color: #fff;
    background: #014cff;
    padding: 3px;
    font-size: 25px;
    border-radius: 50%;
    width: 45px;
    text-align: center;
    padding-top: 4px;
    font-size: 25px;
}

.revenue-desc h6 {
    font-size: 19px;
    padding-top: 14px;
    color: #80a7fa;
    font-weight: bold;
}

.card-revenue-table .blockquote .revenue-desc {
    margin-right: auto;
    width: 90%;
    display: block;
}

.card-title.cus_header {
    color: #9a9a9c !important;
    font-size: 20px !important;
    letter-spacing: 1px;
    padding-bottom: 20px;
}

.brand-logo .demo-logo {
    max-width: 110px;
    padding-top: 5px;
}

.login .dashboard_img {
    max-width: 250px;
}

body.sidebar-icon-only .brand-logo-outer {
    width: 71px;
}

.login .card,
.password_request .card,
.user_edit .card,
.change_password .card,
.paylinkpage .card {
    box-shadow: 0 9px 40px 0 #e6e7e7;
    border: none;
}

.login .card-body,
.password_request .card-body,
.user_edit .card-body,
.change_password .card-body {
    padding: 3rem;
}

.form-control::placeholder {
    color: #495057;
}

.paylink #customerLogo,
.login #customerLogo {
    text-align: center;
}

.login #customerLogo {
    margin-top: 35px;
    margin-bottom: 0px;
}

.paylink #customerLogo .img-thumbnail {
    border: none;
}

/* .paylink #btnCreateLink, */
.login_btn {
    width: 100%;
    background-color: #1e4bf5 !important;
    font-weight: 600;
}

.login_header,
.forgot_password .btn-link {
    font-weight: 600;
    text-align: center;
    margin: 10px 0;
    width: 100%;
}

.login hr {
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin: 35px 0 5px 0;
}

.paylink .form-group {
    margin-bottom: 1.3rem;
}

.navbar .b_img {
    max-width: 40px;
}

.navbar .navbar-brand-wrapper .brand-logo-mini {
    display: none;
}

.guest .main-panel {
    width: 100% !important;
}

.row.address_row,
.row.card_cvv_row {
    margin-right: -12px;
    margin-left: -12px;
}

.card_details {
    float: left;
}

.select2-container--bootstrap4 .select2-results__option--highlighted p,
.select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected="true"] small,
.select2-container--bootstrap4 .select2-results__option--highlighted small,
.select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected="true"] small {
    background-color: #007bff;
    color: #f8f9fa;
}


.text-status-Paid {
    color: #28a745 !important;
}

.text-status-Unpaid {
    color: #ffc107 !important;
}

.text-status-Cancelled {
    color: #dc3545 !important;
}

.transaction_history .select2-container--bootstrap4 .select2-selection,
#merchantId,
.datefilter_sec,
#inputSearchFieldsTerm,
#selectSearchFieldsOperations,
#selectSearchFields {
    background: none !important;
    border: 1px solid #010102;
    border-radius: 0.1875rem;
    font-size: 13px;
}

.inputSearchFieldsTerm,
.selectSearchFieldsOperations,
.selectSearchFields {
    background: none !important;
    border: 1px solid #b5c2d1 !important;
    border-radius: 6px !important;
    font-size: 13px !important;
}

.datefilter_sec {
    border: 1px solid #ced4da;
    padding: 0 10px;
}

.datefilter_sec .input-group-text,
.datefilter_sec input {
    border: none;
    background: none;
    cursor: pointer;
}

#accordionMoreSearchFilters .form-group {
    margin-right: 10px;
}

#accordionMoreSearchFilters .card-body-top .form-group {
    margin-right: 0px;
}

.sidebar-icon-only .datefilter_sec_group {
    margin-left: 15%;
}

.datefilter_sec_group {
    margin-left: 2.5%;
}

.transaction_history .btn-danger {
    padding: 8px 10px;
    border-radius: 8px;
    border: 0px;
    font-size: 14px;
}

.transaction_history .btn-primary {
    padding: 0.375rem 2rem;
    border-radius: 1.25rem;
}

.btn.btn-danger i {
    margin-right: 0px;
}

#collapseSearchFilters {
    margin-top: 10px;
    margin-left: 5px;
}

#accordionMoreSearchFilters .card,
#accordionMoreSearchFilters .card-footer {
    background: none !important;
    box-shadow: none;
    border: none;
}

.select2-container--bootstrap4 {
    min-width: 300px !important;
    width: 300px !important;
}

th.OrderRef,
td.OrderRef {
    max-width: 150px;
    overflow-wrap: break-word !important;
    overflow: hidden;
}

.card_logo {
    float: left;
    margin-right: 5px;
}

.cc-32-rounded {
    float: left;
    margin-right: 5px;
}

select.minimal {
    background-image: linear-gradient(45deg, transparent 50%, gray 50%),
        linear-gradient(135deg, gray 50%, transparent 50%),
        linear-gradient(to right, #ccc, #ccc);
    background-position: calc(100% - 20px) calc(1em + 2px),
        calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
}

select.minimal:focus {
    background-image: linear-gradient(45deg, green 50%, transparent 50%),
        linear-gradient(135deg, transparent 50%, green 50%),
        linear-gradient(to right, #ccc, #ccc);
    background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em,
        calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
    border-color: green;
    outline: 0;
}

#accordionMoreSearchFilters .datefilter_sec_group {
    margin-left: 0px;
}

#accordionMoreSearchFilters .filterbtn {
    width: 117px;
    background: #3eb0ff;
    border-radius: 6px;
    opacity: 1;
    font-size: 13px;
    color: #fff;
    padding: 8px 0;
    border: 0px;
}

#accordionMoreSearchFilters .filterbtn:hover {
    background-color: #3eb0ff;
}

.transaction_history .text-status-canceled,
.transaction_history .text-status-declined,
.transaction_history .text-status-rejected,
.transaction_history .text-status-cancelled {
    position: relative;
    color: #e91512;
}

.transaction_history .text-status-canceled:before,
.transaction_history .text-status-declined:before,
.transaction_history .text-status-rejected:before,
.transaction_history .text-status-cancelled:before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #e91512;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 20px;
}

.transaction_history .text-status-accepted,
.transaction_history .text-status-approved {
    position: relative;
    color: #68798b;
}

.text-status-approved {
    color: #53a551 !important;
}

.transaction_history .text-status-accepted:before,
.transaction_history .text-status-approved::before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #15d05b;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 20px;
}

.transaction_history .text-status-finished,
.transaction_history .text-status-reversed,
.transaction_history .text-status-refunded {
    color: #68798b;
    position: relative;
}

.transaction_history .text-status-finished:before,
.transaction_history .text-status-reversed:before,
.transaction_history .text-status-refunded:before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #68798b;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 20px;
}

.transaction_history .text-status-captured,
.transaction_history .text-status-tendered,
.transaction_history .text-status-deferred {
    color: #f5c344 !important;
    position: relative;
}

.transaction_history .text-status-captured:before,
.transaction_history .text-status-tendered:before,
.transaction_history .text-status-deferred:before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #f5c344 !important;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 20px;
}

.transaction_history .select2-container--bootstrap4 .select2-selection__clear {
    width: 14px !important;
    height: 14px !important;
    line-height: 14px !important;
    padding-left: 3px !important;
}

.transaction_history .card-body>.form-inline {
    max-width: 100%;
    margin: 0 20px;
}

.transaction_history .morefilter {
    background: #0048e7 !important;
}

#accordionMoreSearchFilters .morefilter:hover {
    background-color: #3eb0ff !important;
}

.transaction_history .clearfilter {
    font-size: 13px;
    color: #343a40 !important;
    background-color: rgba(0, 0, 0, 0) !important;
}

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

.transaction_history .clearfilter:hover {
    color: #bb271a !important;
}

.transaction_history .clearfilter i {
    color: #343a40 !important;
    margin-right: 5px;
    border-radius: 30px;
    border: 2px solid #000;
    padding: 6px;
    width: 11px;
    height: 11px;
    box-sizing: border-box;
    line-height: 3px;
    position: relative;
    text-align: center;
    font-size: 8px;
    display: inline-block;
    vertical-align: middle;
}

.transaction_history .clearfilter i:before {
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    line-height: 0px;
    font-size: 9px;
}

.transaction_history .clearfilter:hover i {
    color: #bb271a !important;
    border: 2px solid #bb271a !important;
}

.transaction_history .datefilter_sec .form-control {
    font-size: 13px;
}

.transaction_history .trans_bottom {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    padding: 20px 20px 0 20px;
    border-top: 1px solid #dee2e6;
}

.transaction_history .trans_bottom .pagetransactions {
    float: left;
}

.transaction_history .trans_bottom .pagetransactions span,
.transaction_history .trans_bottom .pagetransactions ul {
    display: inline-block;
    vertical-align: middle;
    color: #343a40;
    font-size: 13px;
}

.transaction_history .trans_bottom .pagetransactions span {
    font-weight: bold;
}

.transaction_history .trans_bottom .pagetransactions ul {
    margin-bottom: 0px;
    padding-left: 20px;
}

.transaction_history .trans_bottom .pagetransactions ul li {
    display: inline-block;
    vertical-align: middle;
}

.transaction_history .trans_bottom .pagetransactions ul li a {
    color: #343a40;
    padding: 8px 12px;
}

.transaction_history .trans_bottom .pagetransactions ul li a:hover {
    color: #fff;
    background-color: #007bff;
    text-decoration: none;
}

.transaction_history .trans_bottom nav {
    float: right;
}

.transaction_history .pagination {
    float: right;
}

.transaction_history .pagination li a,
.transaction_history .pagination li span {
    font-size: 13px;
    border: 0px;
}

.transaction_history .pagination li a {
    color: #343a40;
}

.transection_history .OrderRef {
    word-break: break-all !important;
}

.white-bg-table h4 {
    display: inline-block;
    font-size: 18px;
    padding: 15px 15px 5px;
    color: #333333;
    font-weight: bold;
}

.white-bg-table h4.smc {
    padding-top: 20px;
}

.card-pay {
    background: url(../images/card-machine.png) no-repeat;
    width: 17px;
    height: 26px;
}


.rprtbtn {
    background: #3eb0ff;
    padding: 5px 20px;
    border-radius: 10px;
    font-size: 14px;
    white-space: nowrap;
}

.pad-col {
    padding: 0.7rem 1rem 0.5rem 6rem !important;
    border-top: solid 3px #fff !important;
    white-space: normal !important;
}

.pad-col p {
    margin-bottom: 0.2rem;
    max-width: 890px;
    text-align: justify;
}

.dt-center {
    text-align: center;
    width: 60px;
}

span.pink-color {
    color: #3eb0ff;
}

.checkbox-custm {
    width: 20px;
    height: 17px;
}

.text-status-closed {
    position: relative;
}

.text-status-closed:before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #15d05b;
    position: absolute;
    left: 0;
    top: 41%;
    border-radius: 20px;
}

.text-status-new {
    position: relative;
}

.text-status-new:before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #ff9900;
    position: absolute;
    left: 0;
    top: 41%;
    border-radius: 20px;
}

.cst-title h4 {
    font-size: 24px;
    font-weight: bold;
}

.sprt-apart .mb-4:nth-child(2) .suprt-box {
    height: 222px;
}

.card.suprt-box {
    border-radius: 10px;
    position: relative;
}

.card.sb-hover a {
    text-decoration: none;
}

.card.sb-hover:hover,
.card.sb-hover.active {
    box-shadow: 7px 7px 20px 0px #d5e0fc;
}

.card.sb-hover:hover::before,
.card.sb-hover.active:before {
    content: "";
    position: absolute;
    background: #0147ff;
    width: 98.5%;
    height: 4px;
    left: 2px;
    bottom: 0;
    border-radius: 0px 0px 10px 10px;
}

.suprt-box .ico-bg {
    background: #f5f8ff;
    width: 112px;
    height: 112px;
    position: relative;
    border-radius: 100px;
    display: inline-block;
}

.suprt-box .ico-bg img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
}

.suprt-box h5.card-title {
    font-weight: bold;
    font-size: 19px;
    padding-top: 25px;
}

.card.sb-hover:hover h5.card-title,
.card.sb-hover.active h5.card-title {
    text-decoration: none;
    color: #0147ff;
}

.suprt-box .form-group label {
    font-size: 17px;
    font-weight: bold;
}

.gdn-btn {
    background: rgb(32, 125, 243);
    background: linear-gradient(90deg,
            rgba(32, 125, 243, 1) 0%,
            rgba(59, 172, 254, 1) 100%);
    border-radius: 10px;
    padding: 10px 15px;
    font-size: 16px;
    position: relative;
}

.gdn-btn:hover {
    background: #0c83e2;
}

.wicon {
    padding: 10px 40px 10px 15px;
    position: relative;
}

.wicon:after {
    content: "";
    position: absolute;
    background: url(../images/gdn-btn-icon.png) no-repeat;
    width: 12px;
    height: 13px;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

/* styling end for supports page */

.datefilter_sec .form-control {
    padding: 0rem 0rem;
}

.btn.btn-primary.filterbtn {
    background: #fff;
    color: #2196f3;
    margin-right: 10px;
}

.act_btn_group .act_btn {
    width: 103px;
}

/* styling start for home page */
/*top nav*/
body.modal-open {
    padding-right: 0 !important;
}

html body.sidebar-icon-only img.blogo {
    display: block;
}

.dropdown .dropdown-toggle:after {
    font-size: 24px !important;
    position: relative;
    top: -2px;
    margin-left: 0;
    color: #000;
}

/* styling end for home page */
/* styling start for paylink history page */
.table td.text-status-Paid {
    position: relative;
    color: #333e4a !important;
}

.text-status-Paid:before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #15d05b;
    position: absolute;
    left: 0;
    top: 41%;
    border-radius: 20px;
}

.table td.text-status-Unpaid {
    position: relative;
    color: #333e4a !important;
}

.text-status-Unpaid:before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #ff9900;
    position: absolute;
    left: 0;
    top: 41%;
    border-radius: 20px;
}

.table td.text-status-Cancelled {
    position: relative;
    color: #333e4a !important;
}

.text-status-Cancelled:before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #f90e0e;
    position: absolute;
    left: 0;
    top: 41%;
    border-radius: 20px;
}

.white-bg-table table.table.paylink_history tbody tr td .btn-group {
    border: none !important;
}

.paylink_history .act_btn_group .act_btn,
.paylink_history .btn-vt {
    padding: 5px 20px !important;
    font-size: 14px !important;
    border-radius: 10px 0px 0px 10px;
}

.paylink_history .btn-vt {
    border-radius: 10px;
}

html body .paylink_history .btn-group .btn.dropdown-toggle-split {
    border-radius: 0 10px 10px 0;
}

html body .paylink_history .btn-group .btn.dropdown-toggle-split::after {
    vertical-align: 0em;
    border-top: 0.5em solid;
    border-right: 0.5em solid transparent;
    border-left: 0.5em solid transparent;
}

#resendModal .modal-content .modal-body .form-check-input {
    width: 20px;
    height: 20px;
}

#resendModal .modal-content .modal-body label.form-check-label {
    color: #333333;
    font-size: 14px;
    padding-left: 20px;
    padding-top: 5px;
}

#resendModal .modal-content .modal-body label.form-check-label span.text-viaEmail,
#resendModal .modal-content .modal-body label.form-check-label span.text-viaSms {
    color: #68798b;
    font-size: 14px;
}

.cancel-btn {
    border-radius: 10px;
    box-shadow: 0px 4px 21px #d6d6d6;
}

/* styling end for paylink history page */
/* Styling for popups */
#login-modal .modal-dialog {
    max-width: 75%;
    max-height: calc(100vh - 60px);
}

#login-modal .modal-body {
    background: #fff;
    width: 100%;
    border-radius: 10px;
    background-size: 100% 100%;
    padding: 3rem 0 0rem 0rem;
}

#login-modal .modal-body .carousel-item {
    height: 75vh;
}

#login-modal .modal-body .carousel-inner {
    padding: 0 0rem 0 4rem;
}

#login-modal .modal-body .top-sec {
    text-align: center;
    float: left;
    width: 60%;
    position: relative;
}

#login-modal .modal-body .text-wrap {
    padding: 2.5rem 0 1rem;
}

#login-modal .modal-body .text-wrap.tm-text {
    height: 40vh;
    overflow-y: scroll;
    padding: 25px 50px 25px 0;
    max-width: 95%;
}

#login-modal .modal-body .top-sec h4 {
    font-size: 35px;
    color: #0048e7;
}

.disable {
    background: #d5d5d5;
    color: #fff;
    border-radius: 50px;
    font-size: 20px;
    cursor: not-allowed;
    width: 50px;
    height: 50px;
    display: inline-block;
    text-align: center;
    line-height: 45px;
}

#login-modal .modal-body .text-wrap h4 {
    font-weight: bold;
    font-size: 26px;
    padding-bottom: 1rem;
    color: #0048e7;
}

#login-modal .modal-body .text-wrap p {
    font-size: 16px;
    line-height: 28px;
    margin-top: 0rem;
}

#login-modal .modal-body .terms-cond {
    padding: 0.5rem 0 0.5rem;
}


#login-modal .modal-body button.close {
    float: right;
    margin-right: 4rem;
}


#login-modal .modal-body .pop-btn {
    background: #3fb0ff;
    color: #fff;
    padding: 10px 30px;
    font-size: 17px;
    border-radius: 10px;
    border: none;
    cursor: pointer;
}

#login-modal .modal-body .pop-btn:hover {
    text-decoration: none;
    background: #024dff;
}

#login-modal .modal-body .top-sec img.card-top-img {
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}

#login-modal.modal.modal-static .modal-dialog {
    transform: scale(1);
}

.skip-txt span {
    font-size: 16px;
    color: #656565;
}

/* styling end for popups */
/* Styling start for login page */
.container-scroller.login .main-panel .content-wrapper {
    background: url("../images/login-bg.png") no-repeat top right #fff;
}

.container-scroller.login .main-panel .content-wrapper .container,
.container-scroller.login .main-panel .content-wrapper .row {
    height: 100%;
}

.container-scroller.login .main-panel {
    padding-bottom: 0;
}

.login .dashboard_img {
    max-width: 100%;
    padding-top: 3px;
}

.container-scroller.login .card {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.login_btn {
    background: #3eb0ff !important;
    padding-top: 10px;
    padding-bottom: 10px;
    border: none !important;
    border-radius: 5px;
}

.login_btn:hover {
    background: #024dff !important;
}

.forgot_password .btn-link {
    color: #3eb0ff !important;
}

.forgot_password .btn-link:hover {
    color: #024dff !important;
}

.login .input-group>.form-control {
    border: solid 1px #3eb0ff;
    padding: 15px 10px !important;
    height: 55px;
}

.login .input-group {
    position: relative;
}

.login .input-group span.label-before {
    position: absolute;
    background: #fff;
    top: -11px;
    left: 10px;
    color: #3eb0ff;
    z-index: 9;
    padding: 0 7px;
}

/* Styling end for login page */
/* styling for create password page */
.create-password#app_inner {
    background: #fff;
}

.create-password#app_inner .main-panel,
.create-password#app_inner .main-panel .content-wrapper {
    background: none;
}

.create-pass .card-body {
    padding: 3rem;
}

/* styling end for create password page */
/* Analytics page start */
body .transaction_history .breadcrumb.anlytics-bred {
    justify-content: flex-start;
    border-bottom: solid 1px #ccc !important;
    padding-bottom: 0.6rem !important;
    position: relative;
    border-left: 0px !important;
}

body .transaction_history .breadcrumb.anlytics-bred .revenue-btn {
    background: rgb(32, 125, 243);
    background: linear-gradient(90deg,
            rgba(32, 125, 243, 1) 15%,
            rgba(56, 166, 253, 1) 100%);
    width: 30%;
    padding: 10px 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    color: #fff;
    border-radius: 10px;
    flex-direction: column;
    justify-content: center;
    font-size: 22px;
    margin-top: -19px;
}

body .transaction_history .breadcrumb.anlytics-bred .datefilter_sec_group {
    position: absolute;
    right: 30px;
    top: 20px;
    width: 30%;
}

#analytics-graph-form .breadcrumb {
    margin-bottom: 0px !important;
    border-left: 0px !important;
    border-radius: 10px 10px 0 0 !important;
}

.pie-chart-wrap {
    padding-top: 6rem;
}

.line-chart-wrap {
    padding: 0 1.5rem 1.5rem;
}

.line_chart_heading {
    text-align: center;
    padding-top: 1.5rem;
    font-weight: bold;
    font-size: 18px;
    color: #207df3;
}

/* Analytics page end */
/* My Plan Page start */
.panel {
    text-align: center;
}

.panel-heading {
    background: #0048e7;
    padding: 20px 40px;
    border-radius: 10px 10px 0 0px;
}

.first-panel-head {
    background: transparent;
}

h3.panel-title {
    color: #fff;
}

.first-panel-head h3.panel-title {
    color: #0048e7;
}

.panel-body {
    padding: 0px;
    text-align: center;
}

.subscript {
    font-size: 25px;
}

/* CSS-only ribbon styles    */
.oe-style table.table tr:odd {
    background: #f0f4ff;
}

.oe-style table.table tr.active {
    background: #f0f4ff;
}

.panel-body .table th,
.panel-body .table td {
    padding: 20px 15px;
    font-size: 16px;
}

.panel-body .table td {
    font-size: 16px !important;
    font-weight: bold;
    text-align: left;
    column-rule: #333333;
    padding-left: 60px;
    white-space: normal;
}

.oe-style table.table tr td {
    font-size: 16px !important;
    font-weight: normal;
    text-align: center;
    padding-left: 15px;
    border-left: solid 1px #c6d2e8;
    border-right: solid 1px #c6d2e8;
    white-space: normal;
}

.comingsoon {
    position: relative;
}

.comingsoon:after {
    content: "Coming Soon";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #ccc;
    opacity: 0.8;
    border-radius: 15px 15px 0 0;
    border: none;
    font-size: 3vw;
    text-align: center;
    vertical-align: middle;
    color: #969292;
    line-height: 50px;
    padding: 30rem 2rem;
}


/* Myplan page end */
/* paylink pay page style start */
.payment_page .paylinkpage .form-control {
    height: 55px;
    border-radius: 6px;
}

.payment_page .paylinkpage .input-group-text {
    background: #aebfd1;
    width: 55px;
    height: 55px;
    text-align: center;
    padding: 0;
    justify-content: center;
    border-radius: 6px 0 0 6px;
}

.paylinkpage .address_sec,
.paylinkpage .expiry_input {
    padding-right: 12px;
}

.paylinkpage .row.address_row,
.paylinkpage .row.card_cvv_row {
    margin-left: -15px;
    margin-right: -15px;
}

.paylinkpage .form-group.card_number {
    margin-bottom: 20px !important;
}

.paylinkpage .float-right.cards_img {
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}

/* paylink pay page style end */
/* Request a Feature Modal start */
#rfeaturemodal .modal-content {
    background: #fff;
    border-radius: 10px;
}

#rfeaturemodal .modal-body {
    padding: 2rem;
}

#rfeaturemodal .modal-body h4 {
    font-weight: bold;
    padding-bottom: 0.8rem;
}

#rfeaturemodal .modal-body button.close {
    margin-top: -1rem;
}

.swal2-styled.swal2-cancel {
    background-color: #655c5c !important;
    color: #fff;
}

/* Request a Feature Modal end */
#accordionMoreSearchFilters .form-row {
    margin: 15px 0;
}

.select2-container .select2-selection--single {
    height: 35px !important;
    margin: 0px 10px 0px 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 35px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 50%;
    right: 10px !important;
    transform: translateY(-50%);
    display: block !important;
}

.nm-dtls-btn {
    position: absolute;
    right: -10rem;
    z-index: 9;
}

.shopinfo .gray_box {
    background: rgba(0, 0, 0, 0.1);
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 7px;
}

/* Tooltip style */
/* Tooltip */
.tooltip.tooltip-custom>.tooltip-inner {
    background-color: #000;
    color: #fff;
}

/* Tooltip on top */
.tooltip.bs-tether-element-attached-bottom .tooltip-inner::before {
    border-top-color: #007bff;
}

.tooltip.bs-tether-element-attached-bottom .tooltip-inner::before {
    border-top-color: red;
}

/*Bank Reconciliation Css(9.3.2021)*/
.transaction_reconciliation .card-body>.form-inline {
    max-width: 100%;
    margin: 0;
}

.transaction_reconciliation .card-body.form-inline {
    padding: 20px !important;
}

.transaction_reconciliation .collapse hr {
    margin: 0;
}

.card-body_btmSec {
    padding-top: 100px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.table_leftSide button {
    background: #3d76f8;
    border: 0;
    border-radius: 6px;
    width: 90px;
    padding: 7px;
    color: #ffffff;
    font-size: 13px;
}

.table_leftSide button.active {
    background: rgb(37 84 192);
}

.table_blue tr td {
    border: 1px solid #ffffff;
    font-size: 13px;
    line-height: 20px;
    color: #ffffff;
    font-weight: 600;
    background-color: #3d76f8;
    padding: 15px;
}

.table_amout {
    padding-top: 13px;
    border-bottom: 1px solid #c7c7c7;
    background: #f3f4fa;
}

.table_amout tr td {
    font-size: 13px;
    line-height: 20px;
    color: #737373;
    font-weight: 600;
    padding: 15px;
}

.table_amout tr td span {
    color: #00b322;
    margin-left: 0px;
    display: block;
    text-align: center;
}

.table_amout.p-c-tb-amount tr td span {
    margin-left: 0;
    display: block;
    text-align: center;
}

.table_amout table tr td:nth-child(2) span {
    color: #ff0000;
}

.table_amout table tr td:nth-child(3) span {
    color: #737373;
}

.table_details tbody tr i:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #999999;
    top: -8px;
}

.table_details tbody tr i.slidetop:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #999999;
    border-top: 0px;
    top: -8px;
}

.color-red {
    color: #ff0000;
}

/*Bank Reconciliation Css(9.3.2021)*/
.card-application .card {
    border-radius: 10px;
    background-color: #eef7ff !important;
    border: 1px solid #3048ff;
    padding: 32px;
}

.card-application p,
.card-welcome p {
    font-size: 20px;
    color: #595b6c;
    margin: 10px 0;
    display: inline-block;
    width: 100%;
}

.card-application p {
    margin: 5px 0;
}

.card-welcome .card {
    border-radius: 10px;
    border: 1px solid #3048ff;
    padding: 32px;
}

.card-welcome h3 img {
    display: block;
    width: 150px;
}

.card-application .card-body,
.card-welcome .card-body {
    padding: 0 !important;
}

/*paylink page NEW DESIGN START*/
#rawAmount {
    border-radius: 0px 6px 6px 0px;
    height: 53px;
    margin-top: 1px;
}

.payment_page .paylinkpage .form-control::-webkit-input-placeholder {
    color: #999999;
    font-weight: 500;
}

.payment_page .paylinkpage .form-control::-moz-placeholder {
    color: #999999;
    font-weight: 500;
}

.payment_page .paylinkpage .form-control:-ms-input-placeholder {
    color: #999999;
    font-weight: 500;
}

.payment_page .paylinkpage .form-control:-moz-placeholder {
    color: #999999;
    font-weight: 500;
}

.paylinkpage .address_sec {
    padding-right: 0px;
}

.payment_page .paylinkpage .address_sec input {
    border-radius: 6px 0px 0px 6px;
}

.payment_page .paylinkpage .postcode_sec {
    padding-left: 0px;
    margin-bottom: 6px;
}

.payment_page .paylinkpage .postcode_sec input {
    border-radius: 0px 6px 6px 0px;
}

.paylinkpage .card_footer {
    background: transparent;
    padding: 0px 10px 30px 10px;
}

.paylinkpage .paylink_footerBtm {
    background-color: #f5f8fd;
    padding: 13px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.paylinkpage .paylink_footerBtm p {
    font-size: 14px;
    color: #333333;
}

.paylinkpage .card_footer img {
    max-width: 100%;
}

.paylinkpage .card_footer .rectangle {
    margin-top: 24px;
    max-width: 100%;
}

.paylinkpage .bg-white {
    border-radius: 6px;
}

.transection_history tr .historypage_actionbtn .act_btn {
    width: 120px;
    font-size: 13px !important;
    background: transparent;
    color: #2196f3;
    margin: 5px 0;
    display: block;
}

.transection_history tr .historypage_actionbtn .act_btn:hover {
    color: #fff;
    background-color: #0c7cd5;
    border-color: #0b75c9;
}

/*Transaction page top select dropdown css*/

.transaction_history .trans_top {
    border: 0px;
    padding: 0px 20px 17px 20px;
    text-align: right;
}

.view_button,
.edit_button,
.delete_button,
.editSchedule_button {
    width: 110px;
    height: 30px;
    text-align: center;
    border-radius: 4px;
    font-size: 12px;
    line-height: 30px;
    color: #ffffff;
    font-weight: bold;
    display: block;
    border: 0px;
    margin: 15px 0 0 0;
    padding: 0;
}

.view_button {
    background-color: #19d895;
}

.edit_button {
    background-color: #19e69e;
}

.delete_button {
    background-color: #ed2d3c;
}

.editSchedule_button {
    background-color: #2196f3;
}

.view_button:hover,
.edit_button:hover,
.delete_button:hover,
.editSchedule_button:hover {
    text-decoration: none;
    color: #ffffff;
}

#savedSearchesLogModal .modal-body {
    padding: 0;
    border: 0;
}

#savedSearchesLogModal thead tr th {
    height: 30px;
    background-color: #f9fbfe;
    font-size: 12px;
    color: #333333;
    font-weight: bold;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    width: 20%;
    padding: 9px 20px 9px 20px;
    text-transform: capitalize;
    font-family: "Roboto", sans-serif;
}

#savedSearchesLogModal tbody tr td {
    font-size: 14px;
    color: #2f3740;
    padding: 10px 20px 15px 20px;
    border-top: 1px solid #dee2e6;
}

#savedSearchesLogModal tbody tr:hover {
    background-color: #f3f4fa;
}

#savedSearchesLogModal tbody tr td ul {
    margin: 0;
    padding: 0;
}

#savedSearchesLogModal tbody tr td ul li {
    display: flex;
    padding: 3px 0;
}

#savedSearchesLogModal tbody tr td ul li p {
    width: 120px;
    margin: 0;
    text-align: left;
}

#savedSearchesLogModal tbody tr td:nth-child(1) {
    width: 180px;
}

#savedSearchesLogModal tbody tr td:nth-child(5) {
    text-align: right;
}

#savedSearchesLogModal .modal-body {
    padding-bottom: 36px;
}

#scheduleReport {
    border-radius: 10px;
}

#scheduleReport .modal-header,
#scheduleReport .modal-body {
    padding: 0;
    border: 0;
}

#scheduleReport .modal-content {
    background-color: #ffffff;
}

#scheduleReport .modal-dialog {
    max-width: 730px;
}

#scheduleReport .modal-content {
    padding: 40px 50px;
}

#scheduleReport .modal-header h5 {
    font-size: 26px;
    line-height: 29px;
    color: #333333;
    font-weight: bold;
    margin: 0 0 30px 0;
}

#scheduleReport label {
    font-size: 18px;
    line-height: 29px;
    color: #414141;
    margin: 0 0 15px 0;
    display: block;
    width: 100%;
}

#scheduleReport label span {
    color: #ff0000;
    font-size: 18px;
    display: inline-block;
}

#scheduleReport input[type="text"],
#scheduleReport input[type="email"] {
    height: 40px;
    border-radius: 6px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    line-height: 40px;
    padding: 10px 10px;
    font-size: 16px;
    line-height: 29px;
    color: #5d5d5d;
    width: 100%;
}

#scheduleReport ul {
    margin: 0px;
    padding: 0px;
}

#scheduleReport ul li {
    font-size: 16px;
    color: #333333;
    display: inline-block;
    width: 32%;
}

#scheduleReport .weeklydropdown {
    padding-top: 10px;
}

#scheduleReport .weeklydropdown ul {
    display: flex;
}

#scheduleReport .weeklydropdown ul li {
    width: 75px;
    height: 82px;
    border-radius: 6px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    font-size: 16px;
    color: #333333;
    margin: 0 13px 0 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

#scheduleReport .weeklydropdown ul li .checkbox-custm {
    margin-top: 5px;
}

.weeklydropdown ul li:last-child {
    margin-right: 0px;
}

.monthlydropdown {
    align-items: center;
}

.monthlydropdown select {
    width: 100%;
    height: 40px;
    border-radius: 4px;
    background-color: #ededed;
    font-size: 14px;
    line-height: 29px;
    border: 1px solid #b5c2d1;
    color: #000000;
    padding: 10px 10px;
    margin: 0 0 32px 0;
}

.monthlydropdown select option {
    font-size: 16px;
    line-height: 29px;
    color: #5d5d5d;
}

.monthlydropdown select option.active {
    color: #1f7cf3;
}

.monthlydropdown .button-group {
    position: relative;
}

.monthlydropdown .button-group button {
    width: 100%;
    height: 40px;
    border-radius: 4px;
    background-color: #ededed;
    border: 1px solid #b5c2d1;
    padding: 10px 10px;
    text-align: left;
}

.monthlydropdown .button-group .dropdown-menu {
    height: 229px;
    width: 100%;
    border-radius: 4px;
    filter: drop-shadow(0px 5px 3.5px rgba(71, 76, 100, 0.16));
    background-color: #ffffff;
    border: 1px solid #b5c2d1;
    overflow: auto;
}

.monthlydropdown .button-group .dropdown-toggle::after {
    float: right;
    margin-top: 5px;
}

#scheduleReport .monthlydropdown .button-group .dropdown-menu li {
    width: 100%;
    padding: 1px 10px;
}

#scheduleReport .monthlydropdown .button-group .dropdown-menu li a {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    line-height: 30px;
    color: #656565;
}

#scheduleReport .monthlydropdown .button-group .dropdown-menu li a input {
    float: right;
    margin-top: 8px;
}

.monthlydropdown .notification_checkbox {
    float: right;
    margin: 3px 0 0 0;
}

.monthlydropdown .checkbox-custm.notification_checkbox {
    float: left;
    margin: 3px 5px 0 0;
}

.btn_sec {
    text-align: right;
    margin: 50px 0 0 0;
}

.btn_sec button {
    width: 130px;
    height: 40px;
    border-radius: 4px;
    background-color: #dde4eb;
    line-height: 60px;
    text-align: center;
    font-size: 15px;
    line-height: 40px;
    color: #333333;
    font-weight: bold;
    border: 0;
}

.btn_sec button:last-child {
    background-color: #19d895;
    color: #ffffff;
    margin-left: 10px;
}

.btn_sec button.close {
    float: none;
    background: #dde4eb;
    opacity: 1;
    text-shadow: none;
}

.scheduleReprtingUl {
    margin: 0 0 20px !important;
    padding: 0 0 20px !important;
    border-bottom: 1px solid #e7e7e7;
}

.scheduleReprtingUl .checkbox-custm {
    float: left;
    margin: 3px 10px 0 0;
}

.reportTitle {
    width: 100%;
    height: 40px;
    border-radius: 4px;
    background-color: #ededed;
    font-size: 14px;
    line-height: 29px;
    border: 1px solid #b5c2d1;
    color: #5d5d5d;
    padding: 10px 10px;
}

#scheduleReport .modal-header .close {
    margin: -52px -58px -25px auto;
}

/*tooltip*/
.con-tooltip {
    position: relative;
    border-radius: 9px;
    padding: 0 0 0 10px;
    margin: -3px ​0 0 0;
    display: inline-block;
    transition: all 0.3s ease-in-out;
    cursor: default;
    vertical-align: top;
}

.con-tooltip p {
    margin: 0;
    color: #636363;
}

.con-tooltip img {
    width: 15px;
}

.payment_tooltip .tooltip {
    visibility: hidden;
    z-index: 2;
    opacity: 0.4;
    position: absolute;
    top: -140%;
    left: 0;
    opacity: 0;

    background: #fafafa;
    border-radius: 0.25em;
    color: #636363;
    padding: 1em;
    transition: all 0.65s cubic-bezier(0.84, -0.18, 0.31, 1.26) 0.2s;
    transform: scale(0.6) translateY(50%);
    width: 20em;
    font-size: 15px;
    text-align: center;
    border: solid 1px #d5d5d5;
    white-space: normal;
    font-weight: bold;
    font-family: "Roboto", sans-serif;
}

/* tooltip  after*/
.payment_tooltip .tooltip::after {
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 6.5px 0 6.5px;
    border-color: #007bff transparent transparent transparent;
    position: absolute;
    left: 40%;
    display: none;
}

.con-tooltip:hover .tooltip {
    visibility: visible;
    transform: translate(20%, -50%);
    opacity: 1;
}

/*hover ToolTip*/
.right .tooltip {
    top: 69%;
    left: -30px;
}

.right .tooltip::after {
    top: 40%;
    left: -10px;
    transform: rotate(90deg);
}

#notification-merchant-emails,
#notification-merchant-reply-emails,
#notification-main-email {
    width: 92%;
    display: inline-block;
}

/*Reports Page select dropdown*/
.reports_selectDropdown {
    overflow: visible !important;
}

.reports_selectDropdown .multi-select-container {
    width: 185px;
}

.reports_selectDropdown .multi-select-button {
    width: 100%;
    height: 35px !important;
    background: none !important;
    border: 1px solid #e6e6e6;
    border-radius: 6px;
    font-size: 13px;
    line-height: 28px;
    box-shadow: none;
}

.reports_selectDropdown .multi-select-menuitems .multi-select-menuitem {
    justify-content: left;
}

.reports_selectDropdown .multi-select-menu {
    margin: 0;
    border-radius: 0 0 6px 6px;
    border: 1px solid #dee2e6;
    top: 98%;
}

.reports_selectDropdown .multi-select-menu label {
    color: #68798b;
    font-size: 13px;
}

.reports_selectDropdown .multi-select-button:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 41%;
}

.reports_selectDropdown .multi-select-menuitem input {
    position: relative;
    margin-top: 0.25em;
    margin: 0 5px 0 0;
}

.reports_selectDropdown .multi-select-menuitem {
    padding: 10px;
    justify-content: left;
}

.historypage_actionbtn button {
    display: block;
    margin: 3px auto 3px;
    width: 120px;
    background-color: #fff;
    border-color: #2196f3;
    color: #2196f3;
}

.historypage_actionbtn button:hover {
    background-color: #2196f3;
    border-color: #2196f3;
    color: #ffffff;
}

/* dropdown currency styleing  */
.c-dropdown select.chosen-selects {
    height: 52px;
    border-radius: 0;
    min-width: 70px;
    background: #aebfd2;
    border: none;
    position: relative;
    box-shadow: none;
    font-weight: 100;
    font-size: 22px;
    color: #fff;
    text-align: center;
}

.c-dropdown .chosen-search {
    display: none;
}

.c-dropdown .chosen-container-single .chosen-single {
    height: 52px;
    border-radius: 0;
    min-width: 70px;
    background: #aebfd2;
    border: none;
    position: relative;
    box-shadow: none;
}

.c-dropdown .chosen-container-single .chosen-single:hover,
.c-dropdown .chosen-container-single.chosen-with-drop .chosen-single {
    background: #cbd9e8;
    border: none;
    box-shadow: none;
}

.c-dropdown .chosen-container-single .chosen-single span {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 53%;
    font-weight: 100;
    font-size: 22px;
    color: #fff;
}

.c-dropdown .chosen-container-single .chosen-drop {
    background: #aebfd2;
    padding: 0;
    border: none;
}

.c-dropdown .chosen-container .chosen-results {
    padding: 0;
    margin: 0;
}

.c-dropdown .chosen-container .chosen-results li.active-result {
    background: #aebfd2;
    font-weight: 100;
    font-size: 22px;
    color: #fff;
    line-height: 35px;
}

.c-dropdown .chosen-container .chosen-results li.active-result:hover {
    background: #cbd9e8;
    border: none;
    box-shadow: none;
}

.c-dropdown .chosen-container-single .chosen-single div {
    left: 0;
}

.c-dropdown .chosen-container-single .chosen-single div b {
    position: relative;
}

.c-dropdown .chosen-container-single .chosen-single div b:after {
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 0;
    font: normal normal normal 24px/1 "Material Design Icons";
    content: "\F140";
    width: auto;
    height: auto;
    vertical-align: baseline;
    font-size: 18px;
    color: #fff;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    left: 0px;
}

.c-dropdown .chosen-container-single.chosen-with-drop .chosen-single div b:after {
    font: normal normal normal 24px/1 "Material Design Icons";
    content: "\F140";
    width: auto;
    height: auto;
    vertical-align: baseline;
    font-size: 18px;
    color: #fff;
    top: 35%;
    transform: rotate(180deg);
}

.singleCurrency.c-dropdown .chosen-container-single .chosen-single div,
.singleCurrency.c-dropdown .chosen-container-single .chosen-drop {
    display: none;
}

.singleCurrency.c-dropdown .chosen-container-single .chosen-single span {
    left: 50%;
}

.fixed-top {
    top: 0px;
    transform: translateY(0px);
    transition: transform 0.3s;
    left: 231px;
    background-color: #fff;
    padding: 0 30px 0px 0;
    border-bottom: 1px solid #dddddf;
    width: 87%;
}

.transaction_history .table .thead-dark.o-scroll {
    position: sticky;
    top: 144px;
    z-index: 8;
}

.transaction_history .clearfilter i {
    vertical-align: sub;
}

@media (max-width: 1400px) {
    .fixed-top {
        left: 15%;
    }
}

@media (max-width: 991px) {
    .fixed-top {
        left: 0;
        padding: 0 15px 15px;
        width: 100%;
    }

    /***********task-4331*********/
    .mid-field-wrap {
        min-width: 335px;
    }

    /***********end task-4331*********/
}

/*== start of code for tooltips ==*/
.tool {
    cursor: help;
    position: relative;
    line-height: 20px;
}

.tool img {
    width: 15px !important;
    height: 16px !important;
    margin-left: 3px;
    vertical-align: text-bottom;
}

.tool2 img {
    width: auto !important;
    height: auto !important;
}

/*== common styles for both parts of tool tip ==*/
.tool::before,
.tool::after {
    left: 50%;
    opacity: 0;
    position: absolute;
    z-index: -100;
}

.tool:hover::before,
.tool:focus::before,
.tool:hover::after,
.tool:focus::after {
    opacity: 1;
    transform: scale(1) translateY(0);
    z-index: 100;
}

/*== pointer tip ==*/
/*== speech bubble ==*/
.tool::after {
    background: #fafafa;
    border-radius: 0.25em;
    bottom: 120%;
    color: #636363;
    content: attr(data-tip);
    margin-left: -8.75em;
    padding: 1em;
    transition: all 0.65s cubic-bezier(0.84, -0.18, 0.31, 1.26) 0.2s;
    transform: scale(0.6) translateY(50%);
    width: 20em;
    font-size: 15px;
    text-align: center;
    border: solid 1px #d5d5d5;
    white-space: normal;
    font-weight: bold;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
}

.o-ref::after {
    bottom: -40px;
    left: 230px;
}

.tooltip-inner {
    background: #fafafa !important;
    color: #636363 !important;
    font-size: 15px !important;
    text-align: center !important;
    border: solid 1px #d5d5d5 !important;
    white-space: normal !important;
    padding: 1em !important;
    width: 20em !important;
    border-radius: 0.25em !important;
    opacity: 1 !important;
    font-size: 15px !important;
    font-weight: bold !important;
    font-family: "Roboto", sans-serif !important;
}

.tooltip.bs-tooltip-right .arrow:before {
    border-right-color: transparent !important;
}

.tool:hover::after,
.tool:focus::after {
    transition: all 0.65s cubic-bezier(0.84, -0.18, 0.31, 1.26);
}

#blinkdown .modal-dialog {
    max-width: 990px;
}

#blinkdown .modal-header {
    background: url(../images/down-top-img.png) no-repeat;
    width: 100%;
    min-height: 364px;
    background-size: 100%;
    border-radius: 1rem 1rem 0 0;
    border: none;
}

#blinkdown .modal-content {
    border-radius: 1rem;
    background-color: #fff;
}

#blinkdown .modal-header .close {
    font-size: 60px;
    font-weight: 100;
}

#blinkdown .modal-body h3 {
    color: #0048e7;
    font-weight: 600;
    font-size: 4rem;
}

#blinkdown .modal-body p {
    font-family: "Roboto", sans-serif;
    font-size: 24px;
    line-height: 40px;
}

#blinkdown .modal-footer {
    border: none;
    background: url(../images/footer-bot-bd.png) no-repeat;
    width: 100%;
    min-height: 125px;
    background-position: left;
    padding-top: 0;
}

#blinkdown .modal-footer .form-check {
    margin: 0;
}

#blinkdown .modal-footer .form-check-input {
    height: 20px;
    width: 20px;
}

#blinkdown .modal-footer .form-check-label {
    font-size: 20px;
    color: #a7a7a7;
}

.r-flow .btn {
    border: solid 1px #e5e5e5;
    background: transparent;
    padding: 10px 30px;
}

.r-flow {
    text-align: right;
}

@media (max-width: 760px) {
    .tool::after {
        font-size: 0.75em;
        margin-left: -5em;
        width: 10em;
    }

    #blinkdown .modal-header {
        background: url(../images/m-down-top-img.png) no-repeat;
        width: 100%;
        min-height: 212px;
        background-size: 100%;
    }

    .r-flow {
        text-align: center;
        margin-top: 20px;
    }

    #blinkdown .modal-header .close {
        font-size: 40px;
    }

    #blinkdown .modal-body h3 {
        font-size: 3rem;
    }

    #blinkdown .modal-body p {
        font-size: 20px;
        line-height: 30px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* Responsive Styling */
/* ---- Homepage desktop and laptop screen ----*/
@media (min-width: 992px) {
    .sidebar-icon-only .sidebar-wrapper {
        width: 70px;
    }
}

@media (min-width: 800px) and (max-width: 1400px) {

    .dropdown .dropdown-toggle:after {
        font-size: 14px !important;
    }

    html body.sidebar-icon-only #sidebar ul.nav .nav-item>.nav-link {
        height: 52px;
    }

    html body.sidebar-icon-only #sidebar ul.nav .nav-item .collapse ul.nav.sub-menu .nav-item>.nav-link {
        height: auto;
    }

    html body #sidebar ul.nav .nav-item>.nav-link.align-self-center {
        width: auto;
        padding: 10px !important;
        max-width: none;
        margin-left: 0;
        border-left: 0;
    }

    html body.sidebar-icon-only #sidebar ul.nav .nav-item>.nav-link.align-self-center {
        width: 100%;
    }

    .suprt-box .card-body {
        padding: 1.25rem 5px;
    }

    .suprt-box h5.card-title {
        font-size: 12px;
    }

    .suprt-box .ico-bg {
        width: 80px;
        height: 80px;
    }

    .sprt-apart .mb-4:nth-child(2) .suprt-box {
        height: auto;
    }

    .sidebar-icon-only .sidebar {
        width: 57px;
        padding-right: 0;
    }

    .navbar-nav .nav-item .select2-container--bootstrap4 {
        min-width: 146px !important;
        width: 146px !important;
        font-size: 14px;
    }

    html body #navbarSupportedContent ul.navbar-nav li.nav-item a.btn-sm {
        font-size: 14px;
    }

    .card-application .card,
    .card-welcome .card {
        padding: 26px;
    }
}

@media (min-width: 800px) and (max-width: 1180px) {

    html body #navbarSupportedContent ul.navbar-nav li.nav-item a.btn-sm {
        font-size: 12px;
        padding: 0.3rem 0.4rem;
    }

    .navbar-nav .nav-item .select2-container--bootstrap4 {
        min-width: 120px !important;
        width: 120px !important;
        font-size: 12px;
    }

    html body.sidebar-icon-only #sidebar .nav-item a.nav-link .side_icon span.menu-nav-icon {
        position: relative;
        margin-right: 26px;
        top: -13px;
    }

    .card-application .card,
    .card-welcome .card {
        padding: 22px;
    }

    .card-application p,
    .card-welcome p {
        font-size: 17px;
    }
}

@media (min-width: 768px) and (max-width: 812px) {

    .footer-sec img {
        width: 100%;
    }

    #login-modal .modal-dialog {
        max-width: 750px;
    }
}

@media (max-width: 1500px) {
    .con-tooltip {
        position: absolute;
        z-index: 2;
    }

    .payment_tooltip .tooltip {
        width: 250px;
    }

    .con-tooltip:hover .tooltip {
        visibility: visible;
        transform: translate(-84%, 30%);
        opacity: 1;
    }

    .right .tooltip {
        top: -80px;
        left: 240px;
    }

    .right .tooltip::after {
        top: -8px;
        left: 88%;
        transform: rotate(180deg);
    }

    .con-tooltip p {
        font-size: 12px;
    }
}

@media (max-width: 1023px) {

    .container-scroller.login .main-panel .content-wrapper .container,
    .create-password#app_inner .container {
        max-width: 380px;
    }

    #contactmodal .gdn-btn,
    #contactmodal .gdn-btn-wob {
        font-size: 17px;
        padding: 15px 30px;
    }

    .suprt-box h5.card-title {
        font-size: 16px;
    }

    #login-modal .modal-body {
        padding: 30px 20px 30px;
        background-size: cover;
    }

    .terms-cond label {
        display: inline;
    }

    .footer-sec img {
        width: 100%;
    }

    .sidebar-offcanvas.show {
        right: 0;
    }

    #sidebar .navbar-toggler.align-self-center {
        display: none !important;
    }

    #login-modal .modal-body .footer-sec .next-card {
        background: none;
        width: 15px;
        height: 17px;
        position: absolute;
        right: 0px;
        top: 38px;
    }

    #login-modal .modal-body .footer-sec .prev-card {
        background: none;
        width: 16px;
        height: 16px;
        position: absolute;
        right: 15px;
        top: 37px;
    }

    #login-modal .modal-body .footer-sec .next-card.close {
        background: none;
        width: 58px;
        height: 27px;
        position: absolute;
        right: -2px;
        top: 1px;
    }

    #login-modal .modal-body .footer-sec .prev-card2 {
        background: none;
        width: 16px;
        height: 16px;
        position: absolute;
        right: 63px;
        top: 6px;
    }

    .login .card-body {
        padding: 3rem 2rem;
    }

    #login-modal {
        padding-right: 0 !important;
    }

    #login-modal .modal-dialog {
        max-width: 100%;
    }

    #login-modal .modal-body .carousel-inner {
        padding: 0;
    }

    #login-modal .modal-body .top-sec {
        text-align: left;
    }

    #login-modal .modal-body .text-wrap.tm-text {
        padding-right: 0;
    }

    #login-modal .modal-body .text-wrap.tm-text {
        height: 54vh;
    }

    #login-modal .modal-body .terms-cond {
        padding: 2rem 0 0.5rem;
    }

    #login-modal .modal-body .top-sec.h-100 {
        text-align: left;
        float: none;
        width: 90%;
        height: auto !important;
    }

    #login-modal .modal-body .top-sec img.card-top-img {
        position: relative;
        top: 0;
        left: 0;
        transform: translate(0, 0);
        width: 100%;
    }

    #login-modal .modal-body button.close {
        margin-right: 0rem;
    }

    .cst-title {
        padding-bottom: 2rem;
    }

    .cst-title+.text-right {
        display: inline-block;
        text-align: center !important;
    }

    .paylink .card-body {
        padding: 0px;
    }

    .white-bg-table .col-10,
    .white-bg-table .mob-12 {
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    body .transaction_history .breadcrumb.anlytics-bred .datefilter_sec_group {
        position: relative;
        right: 0;
        top: 14px;
        width: 100%;
        left: 0;
        margin-left: 0;
        width: 100%;
    }

    body .transaction_history .breadcrumb.anlytics-bred .revenue-btn {
        width: 100%;
        margin-top: 0;
        margin-bottom: 20px;
    }

    body .transaction_history .breadcrumb.anlytics-bred .revenue-btn:first-child {
        margin-right: 0 !important;
    }

    body .transaction_history .mob-bg {
        background: #fff;
        padding: 0 !important;
    }

    #popoverSendYourRequest {
        right: 0 !important;
        bottom: 0 !important;
        top: auto !important;
        left: auto !important;
        width: 360px;
        max-width: 400px;
    }

    html {
        height: auto !important;
    }

    body.popover-x-body.modal-open {
        height: auto !important;
        position: relative;
    }

    .nm-dtls-btn {
        position: relative;
        right: auto;
        left: 12px;
        top: 8px;
    }

    .table_details table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .table_details table tr {
        display: block;
        margin-bottom: 0.625em;
    }

    .table_details table td {
        display: block;
        text-align: right;
    }

    .table_details table td::before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
    }

    .table_details table td:last-child {
        border-bottom: 0;
    }

    .table_details tbody tr td {
        line-height: 20px;
        padding: 8px 15px;
    }

    .table_details tbody tr td:nth-child(2) {
        line-height: 20px;
    }

    .table_details tbody tr td:nth-child(3) {
        line-height: 20px;
    }

    .table_details tbody tr i:after {
        right: 50px;
    }

    .table_leftSide button {
        width: 70px;
        padding: 4px 7px;
    }

    .card-application .card,
    .card-welcome .card {
        padding: 14px 20px;
    }
}

@media (max-width: 991px) {
    .table_leftSide {
        padding-right: 0 !important;
        margin-bottom: 30px;
    }
}

@media (max-width: 600px) {
    .table_leftSide {
        overflow-x: scroll;
    }

    .table_blue tr td {
        padding: 9px;
        font-size: 11px;
    }

    .table_amout tr td {
        text-align: center;
    }

    .table_amout tr td span {
        margin-left: 0;
        display: block;
    }
}

@media (max-width: 576px) {

    .postcode_sec,
    .col-sm-6.cvv_input,
    .col-md-6.cvv_input {
        padding-left: 15px;
    }

    .paylinkpage .float-right.cards_img {
        top: 8px;
    }

    .paylinkpage .address_sec {
        padding-right: 15px;
    }

    .payment_page .paylinkpage .address_sec input {
        border-radius: 6px;
    }

    .payment_page .paylinkpage .postcode_sec {
        padding-left: 15px;
    }

    .payment_page .paylinkpage .postcode_sec input {
        border-radius: 6px;
    }

    .address_row .address_sec {
        width: 100%;
    }

    .address_row .postcode_sec {
        width: 100%;
    }

    .col-md-6.cvv_input,
    .expiry_input {
        width: 100%;
    }
}

/* css for summary page */
.header-left select.form-control {
    width: 111px;
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
    color: #868686;
}

.btn-exp {
    border: 1px solid #1690f8;
    border-radius: 100px;
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    color: #1690f8;
    outline: 0;
    background: #fff;
    padding: 7px 15px 6px;
    min-width: 124px;
    margin-left: 10px;
    transition: all 0.3s;
}

.btn-exp:hover,
.btn-exp:focus {
    background: #1690f8;
    color: #fff;
    text-decoration: none;
}

@media (max-width: 767px) {

    button.btn-exp,
    .btn-exp {
        margin-left: 0;
        width: 100%;
        display: block;
        margin-bottom: 10px;
    }

    .header-left select.form-control {
        width: 100%;
        margin-bottom: 10px;
    }

    /***********task-4331*********/
    .mid-field-wrap {
        min-width: 375px;
    }

    /***********end : task-4331*********/
}

/*****TX history css**************/

.card-body-top {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: flex-start;
    gap: 12px 12px;
}

.transaction_history .form-group .select2-container--bootstrap4 {
    min-width: 100% !important;
    width: 100% !important;
}

.transaction_history .form-group .form-control,
.transaction_history .form-group .datefilter_sec,
.transaction_history .form-group .multiselect-native-select,
.transaction_history .form-group .multiselect-native-select .btn-group {
    width: 100% !important;
}

#accordionMoreSearchFilters .card-body-top .form-group {
    flex: 1;
}

.apply-filter-bar {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 20px;
}

.btn-rounded {
    border-radius: 100px !important;
}

#accordionMoreSearchFilters .filterbtn {
    width: 144px;
    min-width: 144px;
    background: #0698ec;
    border-radius: 100px;
    opacity: 1;
    font-size: 14px;
    line-height: 21px;
    color: #fff;
    padding: 9px 0;
    border: 0px;
}

.transaction_history .morefilter {
    background: #0698ec !important;
}

.transaction_history .clearfilter {
    font-size: 13px;
    line-height: 19px;
    color: #c2c2c2 !important;
    background: #f6f6f6 !important;
    border-radius: 100px;
}

.transaction_history .clearfilter i {
    color: #c2c2c2 !important;
    margin-right: 8px;
    border: 2px solid #c2c2c2;
}

#accordionMoreSearchFilters .card,
#accordionMoreSearchFilters .card-footer {
    box-shadow: none !important;
}

@media (min-width: 576px) {
    .modal#advancedFiltermodal .modal-dialog {
        max-width: 862px;
    }
}

.modal#advancedFiltermodal .modal-content {
    background: #ffffff;
    box-shadow: 0px 4px 15px rgba(0, 72, 231, 0.1);
    border-radius: 6px;
}

.modal#advancedFiltermodal .modal-header {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 40px 45px 35px;
    border-bottom: 1px solid #ececec;
}

.modal#advancedFiltermodal .modal-header .close {
    padding: 0;
    margin: 0;
    position: absolute;
    right: 45px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;
    text-shadow: none;
}

.modal#advancedFiltermodal .modal-header .modal-title {
    margin-bottom: 0;
    font-weight: 500 !important;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    color: #343a3f;
}

.modal#advancedFiltermodal .modal-footer {
    justify-content: center;
    padding: 30px 50px 50px;
    border-top: 1px solid #ececec;
}

.modal#advancedFiltermodal .modal-footer button.btn {
    width: 185px;
    font-weight: normal;
    font-size: 18px;
    line-height: 27px;
    padding: 8px 10px;
}

.modal#advancedFiltermodal .modal-footer button.btn.btn-secondary {
    background: #f9f9f9;
    color: #868686;
    border-color: #f9f9f9;
}

.modal#advancedFiltermodal .modal-footer button.btn.btn-secondary:hover {
    color: #212529;
    background-color: #c5d1dd;
    border-color: #bdcbd8;
}

.modal#advancedFiltermodal .modal-body {
    padding: 42px 46px 40px;
}

.filter-body-top {
    margin-bottom: 30px;
}

.top-row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 30px;
}

.top-row .form-group {
    margin-right: 10px;
    min-width: 185px;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 0;
}

.top-row label {
    margin-bottom: 0;
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
    color: #343a3f;
    min-width: 210px;
}

.filter-body-top .form-group:last-child {
    margin-right: 0;
}

.filter-body-top .form-group .form-control {
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
    color: #868686;
}

.radio-btn-group {
    display: flex;
    align-items: center;
}

.radio-btn-group .form-group {
    margin-right: 35px;
    min-width: 130px;
    max-width: 130px;
    margin-bottom: 0;
}

.radio-btn-group .custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #0698ec;
    background: #0698ec !important;
}

.radio-btn-group .custom-control-input:checked~.custom-control-label {
    color: #0698ec;
}

.radio-btn-group .custom-switch .custom-control-label {
    font-weight: normal;
    font-size: 14px;
    line-height: 26px;
    color: #636363;
    padding-left: 7px;
}

.radio-btn-group .custom-switch .custom-control-label::before {
    background-color: #f1f5f9;
    border-color: #f1f5f9;
    width: 35px;
    pointer-events: all;
    border-radius: 50px;
    height: 19px;
}

.radio-btn-group .custom-switch .custom-control-label::after {
    width: calc(1rem - 1px);
    height: calc(1rem - 1px);
    border-radius: 50px;
    background-color: #aebfd2;
}

.radio-btn-group .custom-switch .custom-control-input:checked~.custom-control-label::after {
    transform: translateX(1rem);
}

.more-filter {
    background: #e9f6ff;
    border-radius: 3px;
    padding: 22px 20px;
}

.filter-body-mid {
    margin-bottom: 36px;
}

.more-filter .top-row {
    margin-bottom: 0;
}

.more-filter .top-row .form-group {
    max-width: 200px;
}

.more-filter .top-row .form-group .form-control {
    background: #ffffff !important;
    border: 1px solid #a8dbfb !important;
    box-sizing: border-box;
    border-radius: 3px !important;
    font-weight: normal;
    font-size: 14px !important;
    line-height: 21px;
    color: #868686;
}

.more-filter .top-row .form-group:last-child {
    max-width: none;
    align-items: center;
}

.more-filter .top-row .form-group:last-child .form-control {
    max-width: 200px;
}

.more-filter .top-row .form-group:last-child a {
    white-space: nowrap;
    padding-left: 20px;
}

.modal-open .modal {
    padding-right: 0 !important;
}

/*****blink page css***********/

.table-block {
    min-width: 500px;
    max-width: 500px;
}

.top-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    margin-bottom: 27px;
}

.gray-btn {
    display: flex;
    align-items: center;
    background: #ffffff;
    border: 1px solid #dddddf;
    outline: 0;
    border-radius: 3px;
    min-width: 120px;
    padding: 6px 10px 7px;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #868686;
    margin-right: 10px;
}

.gray-btn i {
    display: inline-flex;
    margin-right: 7px;
}

.gray-btn:hover,
.gray-btn:focus {
    text-decoration: none;
    color: #868686;
}

.top-bar .btn-group {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.btn-group-left {
    display: flex;
}

.top-bar .btn-group .gray-btn:last-child {
    margin-right: 0;
}

.top-bar .qrmsg {
    width: 254px;
}

.top-bar .qrmsg img {
    width: 100%;
}

.edit-page-btn {
    display: flex;
    align-items: center;
    background: #1690f8;
    border-radius: 3px;
    min-width: 102px;
    padding: 6px 12px 7px;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #ffffff;
    border: 0;
    outline: 0;
}

.edit-page-btn i {
    display: inline-flex;
    margin-right: 8px;
}

.edit-page-btn:hover,
.edit-page-btn:focus {
    text-decoration: none;
    color: #fff;
}

.requestblinkpage .preview-body h2 {
    font-size: 20px;
    font-weight: bold;
    font-family: "Cabin", sans-serif !important;
    text-align: center;
}

.requestblinkpage .preview-body .btngroup {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-top: 30px;
    width: 100%;
}

.btngroup .btnsec {
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 2px solid #3eb0ff;
    border-radius: 6px;
    padding: 15px;
    color: #333333;
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    width: 100%;
}

.requestblinkpage .preview-body .btnsec {
    margin: 0px;
    min-width: 190px;
    width: auto;
}

.requestblinkpage .preview-body .btnsec {
    margin: 0px;
    min-width: 190px;
    width: auto;
}

/*****account page*************/
.breadcrumb span.txt {
    display: block;
    text-transform: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #868686;
    width: 100%;
}

.account-preference {
    padding-top: 42px;
}

.account-preference .row {
    align-items: stretch;
}

.preference-heading {
    position: relative;
    height: 1px;
    width: 100%;
    background: #ececec;
    margin-bottom: 32px;
}

.preference-heading span {
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #868686;
    background: #fafafa;
    display: inline-block;
    padding-right: 12px;
    position: absolute;
    left: 0;
    top: -15px;
}

.preference-card {
    background: #ffffff;
    box-shadow: 0px 4px 15px rgba(0, 72, 231, 0.1);
    border-radius: 6px;
    padding: 23px 26px 21px 23px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.preference-card .ico-bg {
    width: 94px;
    min-width: 94px;
    height: 94px;
    background: #f5f8ff;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.preference-card-info {
    padding-left: 23px;
}

.preference-card-info h2 {
    font-weight: 500 !important;
    font-size: 20px;
    line-height: 30px;
    color: #343a3f;
    margin-bottom: 11px;
}

.preference-card-info p {
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
    color: #868686;
    margin-bottom: 0;
}

/*******Direct Debits**************/

.directdebts-page .card-body {
    padding: 0;
}

.pull-right {
    float: right;
}

.btn-add-customer {
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
    color: #1690f8;
    padding: 0;
}

.btn-add-customer img {
    margin-left: 9px;
}

/********Accounts Support page*****************/
.cat-heading {
    font-size: 18px;
    line-height: 27px;
    color: #000000;
    font-weight: normal !important;
    margin-bottom: 15px;
}

.sprt-apart {
    margin-bottom: 6px;
}

.cat-link-box {
    background: rgba(200, 200, 200, 0.2);
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
    font-size: 20px;
    line-height: 21px;
    color: #636363;
    height: 55px;
    transition: all 0.3s;
}

.cat-link-box .icon {
    margin-right: 10px;
}

.cat-link-box:hover {
    text-decoration: none;
    background: #e1e1e1;
    color: #636363;
}

.sb-hover.active .cat-link-box {
    text-decoration: none;
    background: #0698ec;
    color: #fff;
}

.sb-hover.active .cat-link-box .icon img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.suprt-box textarea.form-control {
    height: 173px;
    background: #ffffff;
    border: 1px solid #dddddf;
    box-sizing: border-box;
    border-radius: 3px;
}

.gdn-btn {
    background: #0698ec;
    border-radius: 3px !important;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #ffffff;
    padding: 10px 15px;
    width: 100%;
}

.white-bg-table h4 {
    padding: 0;
    padding-left: 18px;
    margin-bottom: 24px;
    font-weight: normal !important;
    line-height: 27px;
    color: #000000;
}

.text-status-closed:before {
    background-color: #ee091e;
    left: 15px;
}

.suprt-box .card-body {
    padding: 10px 0px !important;
}

.filter-row .form-group {
    display: block;
    margin-bottom: 0;
}

.filter-row .form-group select.form-control {
    width: 177px;
    margin-right: 10px;
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
    color: #868686;
    height: 40px;
}

/********Plan & Billing*****************/
.plan-billing-tab {
    position: relative;
}

.plan-billing-tab .nav-tabs {
    border-bottom: 0;
    display: flex;
    align-items: center;
    margin-bottom: 32px;
}

.plan-billing-tab .nav-tabs li {
    margin-right: 10px;
}

.plan-billing-tab .nav-tabs li a {
    background: transparent;
    border-radius: 3px;
    display: block;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    color: rgba(99, 99, 99, 0.8);
    padding: 9px 15px;
    min-width: 93px;
    background: rgba(200, 200, 200, 0.2);
    font-weight: normal;
    font-size: 13px;
    line-height: 19px;
    color: rgba(99, 99, 99, 0.9);
    border-radius: 3px;
    padding: 0.5rem 1rem;
}

.plan-billing-tab .nav-tabs li a:hover {
    text-decoration: none;
}

.plan-billing-tab .nav-tabs li a.active {
    background: #0698ec;
    color: #fff;
}

.panel-heading {
    padding: 20px 40px;
    border-radius: 10px 10px 0 0px;
    background: #0698ec;
    box-shadow: 0px 4px 15px rgb(0 72 231 / 10%);
}

.panel-heading h3.panel-title {
    margin-bottom: 0;
}

.first-panel-head {
    background: #fafbff;
    border-top: 1px solid rgba(0, 72, 231, 0.1);
    border-radius: 0;
    margin-right: -15px;
}

.table th,
.table td {
    border-top: 1px solid rgba(0, 72, 231, 0.1);
}

.first-panel-head h3.panel-title {
    color: #343a3f;
}

.panel-body .table td {
    font-weight: normal;
    font-size: 14px !important;
    color: #343a3f;
}

.oe-style table.table tr td {
    border-bottom: solid 1px rgba(0, 72, 231, 0.1);
    border-left: 0;
    border-right: 0;
    font-weight: normal;
    font-size: 14px !important;
    color: #343a3f;
}

.oe-style table.table tr.active {
    background: #f9fbfe;
}

.plan-billing-tab .tab-content .features {
    padding-left: 0;
    padding-right: 0;
    margin: 0 -4px;
}

.features .panel-body {
    padding-right: 20px;
}

.notes p {
    margin-bottom: 0;
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
    color: #868686;
}

.freemium .panel.panel-primary {
    box-shadow: 0px 4px 15px rgb(0 72 231 / 10%);
    border-radius: 6px;
}

.panel-body.oe-style {
    padding-bottom: 100px;
}

.white-bg-table table.table tbody tr td.text-status-green {
    color: #00cf6b;
    position: relative;
    padding-left: 30px;
}

.text-status-green:before,
.text-status-red:before {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    left: 15px;
    top: 41%;
    border-radius: 20px;
}

.text-status-green:before {
    background-color: #00cf6b;
}

.white-bg-table table.table tbody tr td.text-status-red {
    color: #ee091e;
    position: relative;
    padding-left: 30px;
}

.text-status-red:before {
    background-color: #ee091e;
}

.btn-view {
    width: 69px;
    padding: 7px 18px;
    background: #0698ec;
    border-radius: 100px;
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
    color: #ffffff;
    text-align: center;
}

.filter-row .form-group .datefilter_sec {
    width: 177px;
    margin-right: 10px;
}

.main-menu .nav-pills-fidelity-sm .nav-item {
    margin-right: 10px;
}

.main-menu .nav-pills-fidelity-sm .nav-item.disable-nav-item {
    border: 0;
}

.main-menu .nav-pills-fidelity-sm .nav-link {
    font-size: 15px;
    padding: 10px 21px;
    background: rgba(200, 200, 200, 0.2);
    border-radius: 3px;
}

.main-menu .nav-pills-fidelity-sm .nav-link.active {
    background: #0698ec !important;
}

/******Account Details********************/
.account-details .card-body {
    padding: 60px 20px 78px;
}

h3.label {
    font-weight: 600 !important;
    font-size: 14px;
    line-height: 21px;
    color: #343a3f !important;
}

.account-details .card-body .form-group {
    margin-bottom: 20px;
}

.account-details .card-body .form-control {
    background: #ffffff;
    border: 1px solid #dddddf;
    box-sizing: border-box;
    border-radius: 3px;
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
    color: #868686;
    padding: 9px 14px;
}

.mt-40 {
    margin-top: 40px;
}

.btn-primary.less-radius {
    background: #1690f8;
    border-radius: 3px !important;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    text-transform: uppercase;
    padding: 9px 20px;
}

.text-muted {
    font-size: 12px;
    line-height: 18px;
    color: #868686 !important;
}

.add-user {
    position: absolute;
    top: 20px;
    right: 20px;
}

.add-user .btn.btn-sm {
    background: #3fb0ff;
    border-radius: 3px;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    padding: 0.42rem 0.95rem;
    min-width: 150px;
    border-color: #3fb0ff;
}

.account-details .card-body.user-table {
    padding: 23px 0px 37px;
}

.btn.btn-sm,
.btn-group-sm>.btn {
    padding: 0.3rem 0.65rem;
}

.paymnt-preferences .custom-switch .custom-control-label {
    font-weight: normal;
    font-size: 14px;
    line-height: 26px;
    color: #636363;
    padding-left: 7px;
}

.paymnt-preferences .custom-switch .custom-control-label::before {
    background-color: #f1f5f9;
    border-color: #f1f5f9;
    width: 35px;
    pointer-events: all;
    border-radius: 50px;
    height: 19px;
}

.paymnt-preferences .custom-switch .custom-control-label::after {
    width: calc(1rem - 1px);
    height: calc(1rem - 1px);
    border-radius: 50px;
    background-color: #aebfd2;
}

.paymnt-preferences .custom-switch .custom-control-input:checked~.custom-control-label::after {
    transform: translateX(1rem);
}

.paymnt-preferences .form-group .text-muted {
    color: #6c7293 !important;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #868686 !important;
}

.btn-medium {
    width: 177px;
    height: 40px;
    background: #1690f8;
    border-radius: 3px;
    font-weight: 500;
    font-size: 17px;
    line-height: 21px;
}

.card.terminal-outr .card-body {
    padding: 20px;
}

.terminal-outr .filter-row .form-control {
    padding: initial;
}

.form-inline .bootstrap-select,
.form-inline .bootstrap-select.form-control:not([class*="col-"]) {
    border: 1px solid #dddddf;
}

.field-email_verified_at i.mdi.mdi-check,
.field-password_created_at i.mdi.mdi-check {
    color: green;
}

.con-tooltip {
    line-height: 38px;
}

.ico-bg2 {
    width: 50px;
    height: 50px;
    background: #f5f8ff;
    border-radius: 50%;
    position: relative;
}

.ico-bg2 img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
}

/******Merchant Account*********************/
.user-table.white-bg-table h4 {
    margin-bottom: 0;
}

.user-table .merchant-filter .bootstrap-select {
    padding: 0;
}

a.edit-page-btn.settings-btn {
    margin-right: 10px;
}

a.edit-page-btn.settings-btn img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    width: 15px;
}

/******my-account admin*********/
.my-account-admin .card-body {
    padding: 48px;
}

.my-account-wrap {
    padding: 30px 50px 46px;
    box-shadow: 0px 0px 6px rgba(0, 72, 231, 0.3) !important;
}

.my-account-wrap .fidelity-block-center {
    max-width: 375px;
}

.blink-settings-card {
    background: #ffffff;
    box-shadow: 0px 0px 6px rgba(0, 72, 231, 0.3);
    border-radius: 6px;
}

.url-txt {
    white-space: normal;
    word-break: break-all;
}

.nav-pills.settings-tab-links .nav-link {
    background: #6badf6;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    padding: 16px 19px;
}

.nav-pills.settings-tab-links .nav-link.disabled {
    background: #ececec;
    color: #868686;
}

.nav-pills.settings-tab-links .nav-link.active {
    background: #0698ec;
}

.blink-settings-card .table.table-striped thead th {
    font-weight: normal;
    font-size: 20px;
    line-height: 30px;
    color: #343a3f;
    padding: 18px 31px 22px;
    border-bottom: 0;
}

.blink-settings-card .table.table-striped tbody tr:nth-child(odd) {
    background: #f6f6f6;
}

.blink-settings-card .table.table-striped tbody tr td {
    padding: 15px;
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
    color: #343a3f;
    border-top: 1px solid rgba(0, 72, 231, 0.1);
}

.blink-settings-card .table.table-striped tbody tr td:first-child {
    padding-left: 31px;
    font-weight: 500;
    min-width: 215px;
}

.blink-settings-card .table.table-striped tbody tr:last-child td {
    border-bottom: 1px solid rgba(0, 72, 231, 0.1);
}

.button-wrapper {
    padding: 40px 50px 75px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.button-wrapper .form-group {
    margin-bottom: 0;
}

.button-wrapper .btn-block {
    width: 258px;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    padding: 11px 16px;
    margin: 0 10px;
}

.button-wrapper a.btn.btn-primary {
    width: 258px;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    padding: 11px 16px;
    margin: 0 10px;
}

.mrcnt-setting-filter .select2-container--bootstrap4 {
    min-width: 100% !important;
    width: 100% !important;
}

.input-group-prepend select.form-control {
    margin-right: 10px;
}

.bankreconcil .datefilter_sec_group {
    margin-left: 10px;
    margin-right: 10px;
}

.bankreconcil .datefilter_sec {
    padding: 0;
    background: #ffffff !important;
    border: 1px solid #dddddf;
    box-sizing: border-box;
    border-radius: 0.25rem;
    margin-right: 10px;
}

.bankreconcil .datefilter_sec .form-control {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    padding: 0.375rem 0 0.375rem 0.75rem;
}

.table_leftSide .trans_bottom .pagetransactions ul {
    padding-left: 0;
}

.transaction_history .trans_bottom {
    padding: 20px;
}

.transaction_history .trans_bottom .pagetransactions ul li.page-item.active .page-link {
    color: #fff;
}

.transaction_history .trans_bottom .pagination {
    flex-wrap: wrap;
}

.table_blue tr td {
    background-color: #f3f4fa;
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    color: #343a3f;
    border-color: #f3f4fa;
}

.table_amout {
    padding-top: 0;
    border-bottom: 1px solid rgba(0, 72, 231, 0.1);
    background: #fff;
}

.table_amout tr td {
    border-right: 1px solid rgba(0, 72, 231, 0.1);
}

.table_amout tr td:last-child {
    border-right: 0;
}

.table_amout table tr td:nth-child(3) span {
    color: #00b322;
}

.table_amout tr td {
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    color: #343a3f;
    vertical-align: top;
}

.table_amout.p-c-tb-amount tr td span {
    text-align: left;
    padding-top: 6px;
}


.main-menu .nav-pills-fidelity .nav-item,
.settings-menu .nav-pills-fidelity .nav-item {
    margin-right: 10px;
    margin-bottom: 10px;
}

.main-menu .nav-pills-fidelity .nav-link,
.settings-menu .nav-pills-fidelity .nav-link {
    font-size: 15px;
    padding: 10px 21px;
    background: rgba(200, 200, 200, 0.2);
    border-radius: 3px;
    color: rgba(99, 99, 99, 0.9);
}

.main-menu .nav-pills-fidelity .nav-link {
    border-radius: 3px;
    display: block;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    color: rgba(99, 99, 99, 0.8);
    padding: 9px 15px;
    min-width: 93px;
    background: rgba(200, 200, 200, 0.2);
    font-weight: normal;
    font-size: 13px;
    line-height: 19px;
    color: rgba(99, 99, 99, 0.9);
    border-radius: 3px;
    padding: 0.5rem 1rem;
}

.admin-menu .nav-pills-fidelity .nav-item {
    margin-right: 10px;
    margin-bottom: 10px;
}

.admin-menu .nav-pills-fidelity .nav-link {
    border-radius: 5px !important;
    border-radius: 3px;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: rgba(99, 99, 99, 0.8);
    padding: 9px 15px;
    min-width: 93px;
    background: rgba(200, 200, 200, 0.2);
    text-align: center;
}

.fa,
.fab,
.fal,
.far,
.fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.fa,
.far,
.fas {
    font-family: "Font Awesome 5 Free";
}

.fa,
.fas {
    font-weight: 900;
}

.fa-question:before {
    content: "\f128";
}

.for-dd-only {
    display: none;
}

.for-dd-only.open {
    display: block;
}

.mobile-app-landing-banner {
    position: relative;
    min-height: 290px;
    background: #1690f8;
    border-radius: 6px;
    display: flex;
    align-items: stretch;
}

.bg-wrap {
    min-height: 253px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover !important;
    border-radius: 6px;
}

.mobile-app-cont {
    padding: 37px 44px 21px;
    max-width: 665px;
    position: relative;
}

.mobile-app-title {
    margin-bottom: 11px;
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    color: #ffffff;
}

.mobile-app-title span {
    margin-right: 11px;
}

.mobile-app-cont h6 {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #ffffff;
    margin-bottom: 20px;
}

.mobile-app-cont p {
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #ffffff;
    margin-bottom: 20px;
}

.app-img {
    position: absolute;
    right: 65px;
    bottom: 0;
}

.app-img img {
    width: 100%;
}

#login-modal .modal-body {
    padding: 0;
    border-radius: 6px;
}

#login-modal .modal-content {
    border-radius: 6px;
    border: 0;
    overflow: hidden;
}

.step-form-wrap {
    height: 70vh;
}

#login-modal .modal-body .text-wrap.tm-text {
    scrollbar-width: thin;
}

#login-modal .modal-body .text-wrap.tm-text::-webkit-scrollbar-track,
.ui-timepicker-viewport::-webkit-scrollbar-track {
    background-color: #fff;
    border: 0;
}

#login-modal .modal-body .text-wrap.tm-text::-webkit-scrollbar,
.ui-timepicker-viewport::-webkit-scrollbar {
    width: 6px;
    background-color: #fff;
    border: 0;
}

#login-modal .modal-body .text-wrap.tm-text::-webkit-scrollbar-thumb,
.ui-timepicker-viewport::-webkit-scrollbar-thumb {
    background-color: #b1b1b1;
    border-radius: 10px;
}

/*form styles*/
#tnc_form {
    text-align: center;
    position: relative;
    height: 100%;
}

#tnc_form .form-card {
    width: 100%;
    margin: 0;
    position: relative;
    display: none;
    padding-bottom: 30px;
    background-size: 100% auto;
    height: 100%;
}

#tnc_form .form-card .card-inner {
    align-items: center;
    height: 60vh;
    justify-content: center;
}

.card-inner-text {
    padding-left: 35px;
    text-align: left;
}

.card-inner-text h1 {
    font-weight: 500 !important;
    font-size: 32px;
    line-height: 40px;
    color: #000000;
    margin-bottom: 15px;
}

.card-inner-text h1 span {
    display: inline-block;
    padding-left: 10px;
}

.card-inner-text h2 {
    font-weight: 500 !important;
    font-size: 26px;
    line-height: 34px;
    color: #000000;
    margin-bottom: 23px;
}

.card-inner-text p {
    font-weight: normal;
    font-size: 20px;
    line-height: 22px;
    color: #343a3f;
}

.card-inner-text p strong {
    font-weight: 600;
    font-size: 22px;
    line-height: 26px;
}

.card-inner-text p strong i img {
    width: 25px;
}

.card-inner-text h4 {
    font-weight: 500 !important;
    font-size: 22px;
    line-height: 26px;
    color: #343a3f;
    margin-bottom: 10px;
}

.social-icons {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}

.social-icons a {
    margin-right: 20px;
}

.explore-btn {
    display: inline-block;
    background: #3fb0ff;
    border-radius: 5px;
    min-width: 172px;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #ffffff;
    padding: 14px;
    border: 0;
    margin-bottom: 16px;
}

.explore-btn:hover,
.explore-btn:focus {
    background: #1690f8;
    color: #ffffff;
    text-decoration: none;
}

#login-modal .modal-body button.close {
    position: absolute;
    right: 0;
    top: -54px;
}

.help-box {
    max-width: 100%;
    margin: 0 auto 30px;
}

.card-inner {
    display: flex;
    justify-content: space-between;
    padding: 0 45px 45px;
}

.card-inner-img {
    min-width: 570px;
}

.card-inner-img img {
    width: 100%;
    object-fit: cover;
}

#tnc_form .action-button {
    width: 60px;
    height: 60px;
    background: #ffffff;
    border-radius: 6px;
    border: 0 none;
    cursor: pointer;
    padding: 0px;
    margin: 0px 4px;
    color: #1690f8;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 4px 15px rgba(0, 72, 231, 0.3);
    position: relative;
}

#tnc_form .action-button svg {
    fill: #1690f8;
}

#tnc_form .action-button:disabled {
    color: #ececec;
    cursor: no-drop;
}

#tnc_form .action-button:disabled svg {
    fill: #ececec;
}

#tnc_form .action-button:hover,
#tnc_form .action-button:focus {
    background: #1690f8;
    box-shadow: 0px 4px 15px rgba(0, 72, 231, 0.1);
    color: #fff;
}

#tnc_form .action-button:hover svg,
#tnc_form .action-button:focus svg {
    fill: #ffffff;
}

#tnc_form .action-button:disabled:hover {
    color: #ececec;
    background: #ffffff;
    box-shadow: none;
}

#tnc_form .action-button:disabled:hover svg {
    fill: #ececec;
}

#tnc_form .form-card .disable-btn {
    background: #a0a5ab;
    color: #fff;
    padding: 10px 30px;
    font-size: 17px;
    border-radius: 10px;
    border: none;
    cursor: no-drop;
    margin-left: 45px;
    user-select: none;
}

#tnc_form .form-card .pop-btn {
    background: #3fb0ff;
    cursor: pointer;
    user-select: auto;
    margin-left: 45px;
}

#login-modal .modal-body .text-wrap.tm-text,
#login-modal .modal-body .terms-cond {
    text-align: left;
}

#login-modal .modal-body .text-wrap.tm-text {
    max-width: 100%;
    padding: 25px 0px;
}

#progressbar {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    max-width: 400px;
    margin: 0 auto 10px;
    position: relative;
    z-index: 1;
    padding-top: 15px;
}

#progressbar li {
    list-style-type: none;
    color: #666;
    text-transform: uppercase;
    font-size: 9px;
    width: 33.33%;
    position: relative;
    letter-spacing: 1px;
    transition: all 0.3s;
}

#progressbar li .circle {
    display: block;
    margin: 7px auto;
    border: 2px solid #d6e7ff;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 17px;
    line-height: 26px;
    color: #96c9ff;
    background: #fff;
    position: relative;
    z-index: 1;
    transition: all 0.3s;
}

#progressbar li .circle::after {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: auto;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    background: #fff;
    opacity: 0;
    z-index: -1;
    transition: all 0.3s;
}

#progressbar li:after {
    content: "";
    width: 100%;
    height: 3px;
    background: #d6e7ff;
    position: absolute;
    left: -50%;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
    transition: all 0.3s;
}

#progressbar li:first-child:after {
    content: none;
}

#progressbar li.active:after {
    background: #00cf6b;
    color: #fff;
}

#progressbar li.active .circle {
    color: #fff;
    border-color: #00cf6b;
    width: 52px;
    height: 52px;
}

#progressbar li.active .circle::after {
    opacity: 1;
    background: #00cf6b;
}

#login-modal .modal-body .top-sec .logo-img {
    width: 140px;
}

.fs-title {
    line-height: 36px;
    font-weight: 700 !important;
    font-size: 30px;
    color: #000000;
    margin-bottom: 40px;
}

.help-box-icon {
    background: #ffffff;
    border: 1px solid #1690f8;
    width: 80px;
    height: 80px;
    margin: 0 auto 14px;
    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 100%;
}

.help-box-text h6 {
    font-weight: 600 !important;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
    text-align: center;
    color: #1690f8;
}

.help-box-text p {
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    color: #343a3f;
    margin-bottom: 0;
}

.form-card.step-one {
    background: #fff url("../images/bg-1.png") no-repeat left bottom;
    background-size: auto;
}

.form-card.step-two {
    background: #fff url("../images/bg-2.png") no-repeat left bottom;
    background-size: auto;
}

.form-card.step-three {
    background: #fff url("../images/bg-3.png") no-repeat left bottom;
    background-size: auto;
}

.form-card.terms-step {
    text-align: left;
}

.form-card.step-two .card-inner {
    margin: 0 auto;
    justify-content: flex-start;
}

.form-card.terms-step .card-inner {
    padding-bottom: 0;
    flex-wrap: wrap;
}

.form-card.step-three .card-inner-text {
    max-width: 500px;
}

.table td.text-status-Unpaid,
.table td.text-status-Paid,
.table td.text-status-Cancelled {
    padding-left: 30px;
}

.text-status-Unpaid:before,
.text-status-Paid:before,
.text-status-Cancelled:before {
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.transaction_history .table#datatableGocardlessPayments .thead-dark th:first-child,
.transaction_history .table#datatableGocardlessPayments td:first-child {
    padding-left: 30px;
}

.card-thumb .card.disable-demo-acc {
    border: 2px solid #3fb0ff;
    opacity: 0.3;
}

.card-thumb .card.disable-demo-acc a {
    pointer-events: none;
}

.card-thumb .card.disable-demo-acc:hover h5.card-title {
    color: #343a3f;
}

.card-thumb .card.disable-demo-acc:hover::before {
    display: none;
}

.dashboard-card.disabled-card {
    border: 2px solid #3fb0ff;
    opacity: 0.3;
    pointer-events: none;
}

.dashboard-card.disabled-card .card-thumb .card {
    border: 2px solid #3fb0ff;
}

.paymentsTab-btnTab.disabled-pay {
    border: 2px solid #3fb0ff;
    opacity: 0.3;
    pointer-events: none;
}

.portionCard .table-remote table {
    background: #fff !important;
    box-shadow: none !important;
    border-radius: 0 0 6px 6px !important;
}

.portionCard .table-remote table thead {
    box-shadow: none !important;
    background-color: #f9fbfe !important;
    color: #000 !important;
    border-top: 1px solid #dddddf !important;
    border-radius: 0 !important;
}

.portionCard .table-remote table tr td {
    border-top: 1px solid #dee2e6 !important;
}

.portionCard .table-remote table tr th:first-child,
.portionCard .table-remote table tr td:first-child {
    padding-left: 33px !important;
}

.batch-upload-wrap .select2-container .select2-selection--single {
    margin: 0;
}

.portionCard dl dt {
    font-size: 14px !important;
    padding-left: 16px !important;
}

.dropdown .dropdown-toggle:after {
    top: 0px;
}

.blue-box {
    background: #6badf6;
    border-radius: 10px;
    padding: 20px;
    margin-top: 40px;
}

.blue-box-inner {
    background: #fff;
    border-radius: 10px;
    padding: 15px;
}

.blue-box .top-msg {
    color: #fff;
    font-weight: 600;
    font-family: "Cabin", sans-serif !important;
    font-size: 16px;
}

.blue-box-inner strong {
    display: block;
    margin-bottom: 10px;
    font-size: 20px;
}

.blue-box-inner .text-muted {
    font-size: 15px;
}

.blue-box-inner button#btn-batch-charge {
    display: block;
    width: 100%;
    text-transform: uppercase;
}

.or {
    display: block;
    font-weight: 700;
    text-transform: uppercase;
    margin: 10px;
}

.blue-box h4 {
    text-align: center;
    padding: 0;
    margin-bottom: 10px;
    color: #fff;
    display: block;
}

.fidelity-block-center .select2-container {
    max-width: 100%;
}

.paylinkpage .select-btnwrap {
    justify-content: center;
}

.form-group .datefilter_sec.date-field {
    flex-wrap: nowrap;
}

.form-group .datefilter_sec.date-field .form-control.dateval {
    min-width: 190px;
    cursor: pointer;
}

.addRow-plus i {
    font-style: normal;
    font-size: 35px;
}

/******Save serach modal******************/
#savedSearchesLogModal .modal-dialog {
    max-width: 862px;
}

#savedSearchesLogModal thead tr th {
    height: auto;
    background-color: #fff;
    border: 0;
    padding: 20px 20px 20px 50px;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    text-transform: uppercase;
    color: #343a3f;
    font-family: "Cabin", sans-serif !important;
}

#savedSearchesLogModal tbody tr td:nth-child(1) {
    width: auto;
}

#savedSearchesLogModal tbody tr td {
    font-size: 14px;
    color: #2f3740;
    padding: 20px 22px;
    border-top: 1px solid rgba(0, 72, 231, 0.1);
    background: #f3f4fa;
}

#savedSearchesLogModal tbody tr td span.title {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    text-transform: uppercase;
    color: #343a3f;
    padding-left: 25px;
}

#savedSearchesLogModal tbody tr td a i.fa.fa-ellipsis-v {
    color: #c2c2c2;
    font-size: 16px;
    line-height: 18px;
}

#savedSearchesLogModal tbody tr td.inner-td {
    padding: 0;
    background: #fff;
    border: 0;
}

#savedSearchesLogModal tbody tr td.inner-td table td {
    padding: 36px 43px 31px 49px;
    border: 0;
    background: #fff;
    border-top: 1px solid rgba(0, 72, 231, 0.1);
}

#savedSearchesLogModal tbody tr td.inner-td table td table.sub-table td {
    padding: 0;
    background: #fff;
    border: 0;
    min-width: 170px;
    vertical-align: top;
}

.sub-title {
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    text-transform: none;
    color: #343a3f;
    margin-bottom: 23px;
    display: block;
}

.sngl-row {
    display: flex;
    flex-wrap: wrap;
}

.para-text {
    min-height: 48px;
    margin-bottom: 23px;
}

.para-text {
    min-height: 48px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.para-text span {
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #343a3f;
}

.para-text .bold-txt {
    font-weight: 700;
    font-size: 15px;
    line-height: 27px;
    color: #1690f8;
    margin: 0;
}

.view_button,
.edit_button,
.delete_button,
.editSchedule_button {
    width: 149px;
    height: 38px;
    text-align: center;
    border-radius: 4px;
    font-size: 13px;
    line-height: 38px;
    color: #ffffff;
    font-weight: bold;
    display: block;
    border: 0px;
    margin: 0 23px 0 0;
    padding: 0;
    font-weight: 600;
}

#accordionMoreSearchFilters .card-body-top .form-group,
#accordionMoreSearchFilters .form-group {
    flex: none;
    min-width: 235px;
    max-width: 235px;
}

.drp-calendar.right {
    display: none !important;
}

.form-group .input-group.datefilter_sec {
    position: static;
}

.lft-block.srch-para {
    border-right: 2px solid #6d6868;
    margin-right: 50px;
}

.header-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.delete-btn-row .delete_button {
    margin: 0;
}

.main-block {
    display: flex;
    align-items: stretch;
}

.rht-block,
.lft-block {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
}

.rht-block {
    width: 175px;
}

.lft-block {
    width: calc(100% - 175px);
}

.rht-block .para-text {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.rht-block .para-text .bold-txt {
    text-overflow: ellipsis;
    overflow: hidden;
}

.btn-primary.update {
    background-color: #007bff;
    border-color: #007bff;
}

.btn-primary.update:hover {
    background-color: #0c83e2;
    border-color: #0c7cd5;
}

.inhouse-table .text-status-Paid:before,
.inhouse-table .text-status-Unpaid:before,
.inhouse-table .text-status-Cancelled:before {
    display: none;
}

.inhouse-table .text-status-Paid,
.inhouse-table .text-status-Unpaid,
.inhouse-table .text-status-Cancelled {
    color: #343a3f !important;
}

.transaction_history .form-group .multiselect-native-select .multiselect-container {
    min-width: max-content;
}

.onboarding-existing-merchants.step-two .card-inner-text {
    padding-left: 15px;
    max-width: 500px;
}

.onboarding-existing-merchants .card-inner-text p {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #16263f;
    margin-bottom: 20px;
}

.onboarding-existing-merchants.step-two .card-inner-text p strong {
    font-weight: 700;
    color: #3d76f8;
    font-size: 18px;
}

.onboarding-existing-merchants.step-two .card-inner-text p i {
    margin: 0 1px;
}

.onboarding-existing-merchants .help-box {
    margin: 0 0 20px;
    display: flex;
    align-items: center;
}

.onboarding-existing-merchants .help-box-icon {
    width: 43px;
    height: 43px;
    min-width: 43px;
    margin: 0;
}

.onboarding-existing-merchants .help-box-icon img {
    width: 22px;
}

.onboarding-existing-merchants .help-box-text {
    padding-left: 12px;
}

.onboarding-existing-merchants .help-box-text p {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #343a3f;
    margin: 0;
}

.onboarding-existing-merchants .card-inner-text h1 {
    font-weight: 700 !important;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: -0.06em;
    background: linear-gradient(97.98deg, #16263f 24.54%, #001d4a 89.99%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 30px;
}

.payment-card {
    background: #ffffff;
    box-shadow: 10px 10px 30px rgba(218, 233, 242, 0.7);
    border-radius: 10px;
    padding: 5px 20px;
    display: flex;
    align-items: center;
}

.payment-card h4 {
    padding-left: 20px;
    font-weight: 400 !important;
    font-size: 16px;
    line-height: 22px;
    color: #16263f;
    margin: 0;
    text-align: left;
}

.payment-card:hover {
    text-decoration: none;
    box-shadow: 10px 10px 30px rgba(218, 233, 242, 0.7);
}

.card-inner.card-inner-odd {
    flex-direction: column;
}

.card-inner-odd-top {
    display: flex;
    align-items: center;
}

.form-card-footer {
    width: 100%;
    padding-top: 25px;
}

.form-card-footer .row {
    justify-content: center;
}

.form-card-footer .col-md-6 {
    max-width: 373px;
}

.form-card.onboarding-existing-merchants.step-two {
    background: #fff url(../images/bg-4.png) no-repeat left bottom;
    background-size: auto;
}

.get-started {
    display: inline-block;
    font-weight: 700;
    font-size: 10px;
    line-height: 136%;
    color: #ffffff;
    text-align: center;
    background: #1690f8;
    border-radius: 2px;
    min-width: 57px;
    padding: 4px 10px;
}

.get-started:hover {
    text-decoration: none;
    color: #fff;
}

td.td-table-remote.td-table-remote-status.status-Cancelled .btn-active {
    background: #f5bdc5 !important;
    border: 1px solid #ff0017 !important;
    color: #ff0017 !important;
}

/***login page************/
.login-side-wrap {
    background: url("../images/login-blue-bg.png") no-repeat 0 0;
    background-size: cover;
    height: 100vh;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

a.open-banking-btn {
    text-transform: none;
    font-size: 14px;
    font-weight: 600;
    background-color: #3d76f8;
    border-color: #3d76f8;
}

a.open-banking-btn:hover {
    color: #fff;
    background-color: #2258d5;
    border-color: #2258d5;
}

.breadcrumb a.btn.btn-primary.btn-sm .fa-plus {
    font-size: 14px;
}

.modal {
    overflow: auto !important;
}

.daterangepicker {
    min-width: max-content !important;
}

.ac-type {
    padding: 0.375rem 0.5rem;
    background: #3d76f8;
    color: #fff;
    border-radius: 3px;
}

#application-status-modal .modal-content {
    background-color: #eef7ff;
    border: 1px solid #3d76f8;
}

#application-status-modal .modal-body {
    padding: 25px;
}

#application-status-modal .modal-dialog {
    max-width: 550px;
    margin: 30px auto;
}

.application-status h4 {
    color: #2e46ff;
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: 600 !important;
}

.application-status h3 {
    font-size: 22px;
    color: #595b6c;
    margin-bottom: 15px;
}

.application-status p {
    font-size: 15px;
}

.btngroup a.btnsec.active-now {
    max-width: 138px;
}

.transaction_history .table .thead-dark {
    z-index: 1;
}

.alert-success {
    color: #155724 !important;
    background-color: #d4edda !important;
    border-color: #c3e6cb !important;
}

.alert-success-main {
    color: #0d704d !important;
    background-color: #d1f7ea !important;
    border-color: #bff4e1 !important;
}

.msg_center {
    padding-right: 12.5px !important;
    padding-left: 12.5px !important;
}

#formSearch .input-group {
    z-index: 0;
}

.card.new-auth {
    border-radius: 0px !important;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
}

.card-body.rest-card {
    padding: 33px 55px 27px;
}

.mt-120 {
    margin-top: 120px;
}

.mt-95 {
    margin-top: 95px;
}

.new-auth .form-control {
    box-shadow: none;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    display: flex;
    align-items: center;
    color: #555555;
    min-height: 38px;
    border: 1px solid #dddddf;
    border-radius: 3px;
}

.new-auth .btn-primary {
    background: #1690f8 !important;
    border-color: #1690f8 !important;
    min-height: 40px;
}

.login_btn.login-btn-medium {
    border-radius: 3px;
    font-weight: 500;
    font-size: 15px;
    text-align: center;
    color: #ffffff;
    padding: 9px;
}

.new-auth .btn-primary:hover {
    color: #fff !important;
    background-color: #0151f0 !important;
    border-color: #0151f0 !important;
}

.new-auth .card-header {
    padding: 20px 55px;
    margin-bottom: 0;
    background-color: #fff;
    border-bottom: 0;
    border-radius: 0 !important;
    font-weight: 400;
    font-size: 20px;
    color: #000000;
}

.card.reset-pw-card .card-body {
    padding: 0 55px 44px;
}

.new-auth .text-muted {
    color: #555555 !important;
}

.card-body.login-pw {
    padding: 25px 55px 44px;
}

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

.col-form-label .con-tooltip {
    line-height: 1;
}

.tooltip-label {
    position: relative;
    padding-right: 30px;
}

.tooltip-label .con-tooltip {
    line-height: 1.5;
    right: 0;
}

#setupRepeatPaymentModal .modal-dialog {
    max-width: 524px;
}

.toggle-icon span {
    position: relative;
    width: 18px;
    height: 2px;
    background: #343a3f;
    border-radius: 12px;
    display: block;
}

.toggle-icon span:before,
.toggle-icon span:after {
    position: absolute;
    content: "";
    width: 18px;
    height: 2px;
    background: #343a3f;
}

.toggle-icon span:before {
    top: 5px;
}

.toggle-icon span:after {
    bottom: 5px;
}

html body #sidebar ul.nav .nav-item>a.nav-link:hover .toggle-icon span,
html body #sidebar ul.nav .nav-item.selectedBlue-nav>a.nav-link .toggle-icon span,
html body #sidebar ul.nav .nav-item>a.nav-link:hover .toggle-icon span:before,
html body #sidebar ul.nav .nav-item>a.nav-link:hover .toggle-icon span:after,
html body #sidebar ul.nav .nav-item.selectedBlue-nav>a.nav-link .toggle-icon span:before,
html body #sidebar ul.nav .nav-item.selectedBlue-nav>a.nav-link .toggle-icon span:after {
    background: #fff;
}

label.input-group-prepend {
    min-width: auto;
}

.copy_to_clip img {
    width: auto !important;
    height: auto !important;
    border-radius: 0 !important;
}

.form-control.access-level.is-valid {
    background-image: none !important;
}

span.tool.completed {
    color: #343a3f;
}

#savedSearchesLogModal tbody tr td a i.fa.fa-ellipsis-v {
    color: #0151f0;
}

.create-password#app_inner .msg_center {
    padding: 0 2%;
    margin-top: 0;
}

.create-password#app_inner .msg_center .alert {
    margin-bottom: 0px;
    position: absolute;
    left: 2%;
    right: 2%;
    z-index: 2;
    top: 15px;
}

.create-password#app_inner .msg_center .alert ul.list-unstyled {
    margin-bottom: 0;
}

.form-group.row.small-gap .col-md-2,
.form-group.row.small-gap .col-md-4,
.form-group.row.small-gap .col-md-6 {
    padding-right: 8px;
    padding-left: 8px;
}

.paylinkform input.form-control.number-field {
    padding: 6px;
}

.form-control.number-field.is-valid {
    background-image: none !important;
}

.paylinkform select.form-control.days-field {
    height: 38px !important;
}

/**webiner********/
.select2-container--bootstrap4 .select2-results__option--highlighted small {
    color: #fff !important;
}

.red-btn {
    display: flex;
    align-items: center;
    background: #f00;
    border-radius: 3px;
    min-width: 102px;
    padding: 6px 12px 7px;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    color: #ffffff;
    border: 0;
    outline: 0;
    font-family: "Cabin", sans-serif !important;
    text-align: center;
    justify-content: center;
    margin-left: 10px;
}

.red-btn i {
    display: inline-flex;
    margin-right: 7px;
}

.table-block {
    max-width: 650px;
}

.merchant-setting-tab .tab-content {
    padding-top: 40px;
}

.multiselect-native-select .multiselect.dropdown-toggle.custom-select {
    overflow-y: hidden;
}

.multiselect-native-select .multiselect.dropdown-toggle.custom-select span.multiselect-selected-text {
    overflow-y: hidden;
    display: block;
}

.body-overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    background: transparent;
    transition: all 0.3s;
    z-index: -1;
}

.portionCard.table-responsive.top-padding,
.portionCard .table-responsive.top-padding {
    padding-top: 0 !important;
}

.block-height {
    height: 624px !important;
}

.srchbyname {
    display: flex;
    align-items: center;
}

.srchbyname .input-group-append {
    min-width: 98px;
}

.input-group.filtr-grp {
    flex-wrap: nowrap;
}

#scheduleReport ul {
    overflow: auto;
}

#scheduleReport .weeklydropdown ul li {
    min-width: 75px;
}

/********new login page****************/
.login-side-wrap-new {
    background: url("../images/new-login-bg.png") no-repeat 0 0;
    background-size: cover;
    justify-content: center;
    align-items: center;
}

.login-mid-content {
    max-width: 325px;
    margin: 20px auto;
}

.login-mid-content h1 {
    font-weight: 700;
    font-size: 30px;
    line-height: 32px;
    color: #1690f8;
    margin-bottom: 10px;
}

.login-mid-content p {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #6e7b8b;
    margin: 0;
}

.gif-img-container {
    margin: 5px 0 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gif-img-container img,
.gif-img-container #login-animation {
    max-height: 400px;
}

p.noti-text {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #343a3f;
    margin-bottom: 15px;
}

p.noti-text span {
    font-size: 14px;
    line-height: 18px;
    color: #1690f8;
}

.card.login-left-wrap {
    padding: 0 15px;
}

.form-check.remember-me .form-check-input {
    width: 20px;
    height: 20px;
}

.form-check.remember-me .form-check-label {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #868686;
    font-family: "Cabin", sans-serif !important;
}

.login-left-wrap button.login_btn {
    text-transform: uppercase;
}

.forgot_password .btn-link {
    font-weight: 400;
    line-height: 18px;
    text-align: right;
    color: #1690f8;
    font-family: "Cabin", sans-serif !important;
}

.forgot_password {
    margin-bottom: 1rem !important;
}

/********new login page end****************/
.card-padd {
    padding: 1.25rem !important;
}

.white-bg-table table.table tbody tr td .reminder-modal img {
    width: 22px;
    height: 22px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #495057 !important;
}

.transaction_history .datefilter_sec .form-control {
    font-size: 1rem;
    height: 36px;
}

.select2-container .select2-selection--single {
    height: 38px !important;
    margin-right: 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px !important;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #ced4da !important;
}

.transaction_history .select2-container--bootstrap4 .select2-selection,
#merchantId,
.datefilter_sec,
#inputSearchFieldsTerm,
#selectSearchFieldsOperations,
#selectSearchFields {
    border: 1px solid #ced4da;
    font-size: 1rem;
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__placeholder {
    color: #495057 !important;
}

.multiselect-native-select .multiselect.dropdown-toggle.custom-select span.multiselect-selected-text {
    text-align: left !important;
}

.nav-item .select2-container .select2-selection--single {
    height: 35px !important;
}

.select2-container--bootstrap4 .select2-selection__clear {
    padding-left: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.admin-menu .nav-pills-fidelity .nav-link.enable-this {
    color: rgba(99, 99, 99, 0.9) !important;
}

.admin-menu .nav-pills-fidelity .nav-link.active.enable-this {
    color: #fff !important;
}

.admin-menu .nav-pills-fidelity .nav-link {
    padding: 0.5rem 1rem;
    line-height: 19px;
}

.main-menu .nav-pills-fidelity .nav-link {
    font-size: 14px;
}

/***tab menu update****/
.main-menu .nav-pills-fidelity .nav-link,
.admin-menu .nav-pills-fidelity .nav-link,
.plan-billing-tab .nav-tabs li a,
.settings-menu .nav-pills-fidelity .nav-link {
    font-weight: normal;
    font-size: 13px;
    line-height: 19px;
    color: #343a40 !important;
    background: transparent;
    padding: 0.5rem 1rem;
}

.main-menu .nav-pills-fidelity-sm .nav-link.active,
.admin-menu .nav-pills-fidelity .nav-link.active,
.plan-billing-tab .nav-tabs li a.active,
.settings-menu .nav-pills-fidelity .nav-link.active {
    background: #0698ec !important;
    color: #fff !important;
}

/***tab menu update****/
.transaction_history .text-status {
    position: relative;
}

.text-status-success {
    color: #53a551 !important;
}

.text-status-pending,
.text-status-failed {
    color: #bb271a !important;
}

.transaction_history .text-status:before {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 20px;
}

.transaction_history .text-status-success:before {
    background-color: #15d05b;
}

.transaction_history .text-status-failed:before {
    background-color: #e91512;
}

.transaction_history .text-status-pending:before {
    background-color: #e91512;
}

.main-menu.inside ul.nav.nav-pills-fidelity {
    padding: 1.25rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #ececec;
}

.main-menu.inside .row.mb-4 {
    margin-bottom: 0 !important;
}

.con-tooltip {
    z-index: 1;
}

.add-user {
    top: 93px;
}

.transaction_history .table .thead-dark th.action-col,
.transaction_history .table .thead-dark td.action-col {
    width: 11%;
    min-width: 103px;
}

.next-row {
    display: flex;
    align-items: center;
    width: 100%;
}

.form-group.light-shadow {
    margin-bottom: 0;
}

.form-group.light-shadow:last-child {
    margin-right: 0 !important;
}

.srch-wrap {
    display: flex;
    align-items: center;
    background: #e9f6fe;
    padding: 5px;
    margin-bottom: 1.3rem;
    margin-right: 10px;
}

.changebg#modifyfileds .modal-dialog {
    max-width: 821px;
}

.changebg#modifyfileds .shopinfo_inn.table-responsive {
    overflow: visible;
}

.info-icon {
    cursor: help;
    position: relative;
    line-height: 20px;
}

.info-icon img {
    width: 15px !important;
    height: 16px !important;
    margin-left: 3px;
    vertical-align: text-bottom;
}

.info-txt {
    background: #fafafa;
    border-radius: 0.25em;
    top: 120%;
    bottom: auto;
    left: 0;
    right: 0;
    color: #636363;
    content: attr(data-tip);
    margin-left: -8.75em;
    padding: 1em;
    transition: all 0.65s cubic-bezier(0.84, -0.18, 0.31, 1.26) 0.2s;
    transform: scale(0.6) translateY(50%);
    width: 20em;
    font-size: 15px;
    text-align: center;
    border: solid 1px #d5d5d5;
    white-space: normal;
    font-weight: bold;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: -100;
}

.info-icon:hover .info-txt {
    opacity: 1;
    transform: scale(1) translateY(0);
    z-index: 100;
    visibility: visible;
    transition: all 0.65s cubic-bezier(0.84, -0.18, 0.31, 1.26);
}

.transaction_history .next-row .clearfilter {
    margin-bottom: 1.3rem;
}

/***********task-4269*********/
.srchbyname input#inputText {
    width: 305px;
}

.srchbyname .input-group-append {
    min-width: 100px;
}

#usersSearch .input-group-prepend select.form-control,
.row.mrcnt-setting-filter select.form-control {
    min-width: max-content;
}

.row.mrcnt-setting-filter {
    margin-right: -10px;
    margin-left: -10px;
}

.mrcnt-setting-filter {
    display: flex;
}

.row.mrcnt-setting-filter .col-lg-2,
.row.mrcnt-setting-filter .col-lg-3 {
    padding-right: 0px;
    padding-left: 10px;
}

.right-half {
    display: flex;
}

.filter-item {
    margin-right: 10px;
}

.right-half .filter-item {
    margin-left: 10px;
    margin-right: 0;
}

.right-half .filter-item:first-child {
    margin-left: 0;
}

/***********end task-4269*********/
/**************task-4076-batch-history**************/
.tables-tab .tab-pane .table-responsive.top-padding {
    padding-top: 0rem !important;
}

/**************end task-4076-batch-history**************/

/***********task-4288*********/
.paylinkform #formPaylink .form-control::placeholder {
    color: rgb(163, 163, 163, 1);
}

.holder {
    position: absolute;
    color: rgb(163, 163, 163, 1);
    cursor: auto;
    padding-left: 14px;
    top: 50%;
    transform: translateY(-50%);
    display: none;
}


.paylinkform .invalid-feedback {
    position: absolute;
    bottom: -20px;
}

.paylinkform input.form-control {
    position: relative;
    background-color: transparent !important;
}

#formPaylink .form-group.row.small-gap .col-md-2,
#formPaylink .form-group.row.small-gap .col-md-4,
#formPaylink .form-group.row.small-gap .col-md-6 {
    padding-right: 12.5px;
    padding-left: 12.5px;
}

/***********end task-4288*********/

/***********task-4354*********/
.mrcnt-setting-filter {
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

.mrcnt-setting-filter-inr {
    background: #e9f6ff;
    border-radius: 10px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.mrcnt-setting-filter-inr .right-half {
    margin-left: 40px;
}

.mrcnt-setting-filter-inr .right-half a#btnMerchantExport {
    white-space: nowrap;
}

.mrcnt-setting-filter-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mrcnt-setting-filter-bottom .srchbyname {
    margin-right: 10px;
}

.mrcnt-setting-filter-bottom .srchbyname input#inputText {
    width: 305px;
}

.mrcnt-setting-filter-bottom .srchbyname .input-group-append {
    min-width: 97px;
}

.mrcnt-setting-filter-bottom .srchbyname .input-group-append .btn {
    width: 100%;
}

.add-mrchnt-btn {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
}

/***********end task-4354*********/
/********Responsive*****************/
@media (min-width: 1024px) {

    .transaction_history .trans_bottom .pagetransactions,
    .transaction_history .trans_bottom nav {
        float: none;
        width: 100%;
    }

    .transaction_history .pagination {
        float: none;
        margin-bottom: 0;
        margin-top: 1rem;
    }

    .card-body.form-inline.filter-wrap {
        flex-direction: column;
        padding-bottom: 0px !important;
    }

    .blinkpageDropdown li a {
        padding: 0.5rem 0.7rem;
    }

    .right-white-panel.app-img {
        max-width: 300px;
        right: 30px;
    }

    .mobile-app-cont {
        padding: 37px 30px 21px;
    }

    /*********task-4147**********/

    /*********task-4248**********/
    div#app.guest #navbarSupportedContent,
    div#app.guest .navbar-expand-sm .collapse.navbar-collapse {
        height: 80px !important;
    }
}

@media (min-width: 1024px) and (max-width: 1150px) {
    .apply-filter-bar {
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
    }

    .apply-filter-right {
        margin-top: 10px;
    }

    .apply-filter-right .btn-exp:first-child {
        margin-left: 0;
    }
}

@media (min-width: 1200px) {
    .transaction_history .trans_bottom .pagetransactions {
        float: left;
        width: auto;
    }

    .transaction_history .trans_bottom nav {
        float: right;
        width: auto;
    }

    .transaction_history .pagination {
        float: right;
        margin-bottom: 1rem;
        margin-top: 0;
    }

    .last-update {
        font-size: 12px;
    }

    .gif-img-container img,
    .gif-img-container #login-animation {
        max-height: 60vh;
    }

    /*********task-4147**********/

}

@media (min-width: 1360px) {
    .transaction_history .card-body.form-inline {
        flex-flow: row wrap;
        overflow-x: visible;
        padding-bottom: 0px !important;
    }

    .transaction_history .card-body.form-inline .select2-container .select2-selection--single {
        margin-right: 0;
    }

    .last-update {
        font-size: 1rem;
    }

    .card.login-left-wrap {
        padding: 0 9rem 0 5rem;
    }

    .gif-img-container img,
    .gif-img-container #login-animation {
        max-height: 55vh;
    }

    .login-mid-content h1 {
        font-size: 42.1132px;
        line-height: 51px;
        margin-bottom: 14px;
    }

    .login-mid-content p {
        font-size: 24.566px;
        line-height: 24px;
    }

    p.noti-text {
        font-size: 19.3276px;
        margin-bottom: 30px;
    }

    p.noti-text span {
        font-size: 16px;
        line-height: 19px;
        display: block;
    }

    .login-mid-content {
        max-width: 387px;
        margin: 55px auto;
    }

    .gif-img-container {
        margin: 25px 0 0px;
    }

}

@media (min-width: 1401px) {

    span.cotact-ico i.fa-circle-question,
    .prf-img a i.pf-ico:before {
        font-size: 31px;
    }

    .gif-img-container img,
    .gif-img-container #login-animation {
        max-height: 60vh;
    }

    .transaction_history .table .thead-dark th.action-col,
    .transaction_history .table .thead-dark td.action-col {
        min-width: 160px;
    }
}

@media (min-width: 1440px) {
    .onboarding-existing-merchants .help-box-text p {
        font-size: 16px;
    }

    .onboarding-existing-merchants .help-box-text p {
        font-size: 16px;
        line-height: 20px;
    }

    .onboarding-existing-merchants .card-inner-text p {
        margin-bottom: 50px;
        max-width: 400px;
    }

    .onboarding-existing-merchants .card-inner-text h1 {
        margin-bottom: 50px;
    }

    .onboarding-existing-merchants .help-box {
        margin: 0 0 30px;
    }

    .onboarding-existing-merchants .help-box-text p {
        margin-bottom: 0;
    }

    .transaction_history .table .thead-dark th.action-col,
    .transaction_history .table .thead-dark td.action-col {
        min-width: 160px;
    }
}

@media (min-width: 1536px) {
    .mobile-app-cont {
        max-width: none;
        width: calc(100% - 390px);
    }

    .mobile-app-cont {
        padding: 37px 44px 21px;
    }

    .suprt-box .card-body {
        min-height: 200px;
        justify-content: space-around;
    }

}

@media (min-width: 1600px) {
    .form-card.step-two .card-inner {
        max-width: 100%;
    }

    #tnc_form .form-card .card-inner {
        height: 65vh;
    }

    .step-form-wrap {
        height: 75vh;
    }

    .help-box-icon {
        width: 80px;
        height: 80px;
        margin-bottom: 14px;
    }

    .help-box-text h6 {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 10px;
    }

    .help-box-text p {
        font-size: 18px;
        line-height: 26px;
    }

    .help-box-icon img {
        width: 40px;
    }

    .card-inner-img {
        min-width: 600px;
    }

    .plan-billing-tab .tab-content.account-details {
        max-width: 70%;
    }

    .plan-billing-tab .tab-content.account-details.mrcnt-acc {
        max-width: 100%;
    }

    .mobile-app-cont {
        max-width: none;
        width: calc(100% - 438px);
    }

    .tab-content.account-details.full-width {
        min-width: 100%;
    }
}

@media (min-width: 1800px) {
    #tnc_form .form-card .card-inner {
        height: 62vh;
    }

    .step-form-wrap {
        height: 70vh;
    }

    .help-box-icon {
        margin-bottom: 10px;
    }

    .fs-title {
        margin-bottom: 30px;
    }

    .help-box-text h6 {
        margin-bottom: 12px;
    }

    .help-box-icon {
        width: 100px;
        height: 100px;
        margin-bottom: 20px;
    }

    .help-box-text h6 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    .help-box-text p {
        font-size: 20px;
        line-height: 28px;
    }

    .help-box-icon img {
        width: 50px;
    }

    .plan-billing-tab .tab-content.account-details {
        max-width: 60%;
    }

    #formUpdatePaymentSettings {
        max-width: 80%;
    }

    .transaction_history .table .thead-dark th.action-col,
    .transaction_history .table .thead-dark td.action-col {
        min-width: 138px;
    }

    .tab-content.account-details.full-width {
        min-width: 100%;
    }
}

@media (min-width: 1920px) {

    .transaction_history .table .thead-dark th.action-col,
    .transaction_history .table .thead-dark td.action-col {
        min-width: auto;
    }
}

@media (max-width: 1535px) {

    /***********task-4354*********/
    .add-mrchnt-btn {
        top: 16px;
    }

    /***********end task-4354*********/
    .mrcnt-setting-filter-inr .right-half {
        margin-left: 5px;
    }

    .mrcnt-setting-filter-inr .filter-item {
        margin-right: 7px;
    }

    .mrcnt-setting-filter-inr .right-half .filter-item {
        margin-left: 7px;
        margin-right: 0;
    }
}

@media (max-width: 1331px) {

    /***********task-4269*********/
    .filter-item .form-control,
    .filter-item .btn-primary,
    #usersSearch .input-group-prepend select.form-control,
    .filter-item .select2-container,
    .srchbyname input#inputText,
    .srchbyname .input-group-append .btn {
        font-size: 14px;
    }

    .filter-item .select2-container .select2-selection--single {
        height: 35px !important;
    }

    /***********end task-4269*********/
}

@media (max-width: 1366px) {
    .card-inner-img {
        min-width: 500px;
    }

    .card-inner-text h1 {
        font-size: 28px;
        line-height: 36px;
    }

    .card-inner-text h2 {
        font-size: 22px;
        line-height: 30px;
    }

    .card-inner-text p {
        font-size: 18px;
        line-height: 22px;
    }

    .fs-title {
        font-weight: 600 !important;
        font-size: 28px;
        margin-bottom: 30px;
    }

    a.open-banking-btn {
        font-size: 13px;
        font-weight: 500;
        padding: 0.375rem 0.5rem;
    }

    /***********task-4269*********/
    .srchbyname input#inputText {
        width: 265px;
    }

    /***********task-4354*********/
    .mrcnt-setting-filter-inr .right-half {
        margin-left: 0;
    }

    .mrcnt-setting-filter-inr .filter-item {
        margin-right: 5px;
    }

    .mrcnt-setting-filter-inr .right-half .filter-item {
        margin-left: 5px;
        margin-right: 0;
    }

    .mrcnt-setting-filter-inr {
        padding: 10px;
    }

    .add-mrchnt-btn {
        top: 10px;
    }

    .mrcnt-setting-filter-bottom .srchbyname input#inputText {
        width: 298px;
    }

    /***********end task-4354*********/
}

@media (max-width: 1302px) {

    /***********task-4354*********/
    .mrcnt-setting-filter-bottom .srchbyname input#inputText {
        width: 260px;
    }

    /***********end task-4354*********/
    .top-bar .btn-group {
        justify-content: center;
    }

    .link-text {
        justify-content: space-between;
        flex-direction: row;
        align-items: center;
    }

    .text-cont {
        min-width: 365px;
    }
}

@media (max-width: 1280px) {
    .preference-card {
        padding: 23px 20px;
    }

    .preference-card-info {
        padding-left: 20px;
    }

    .preference-card .ico-bg {
        width: 85px;
        min-width: 85px;
        height: 85px;
    }

    .preference-card-info h2 {
        font-size: 18px;
    }

    .app-img {
        right: 30px;
        max-width: 220px;
    }

    .mobile-app-cont {
        max-width: 640px;
    }

    #tnc_form .action-button {
        width: 50px;
        height: 50px;
    }

    .card-inner-img {
        min-width: 460px;
    }

    .card-inner-text {
        padding-left: 20px;
    }

    .card-inner-text h1 {
        font-size: 24px;
        line-height: 30px;
    }

    .card-inner-text h2 {
        font-size: 20px;
        line-height: 26px;
    }

    .card-inner-text p,
    .onboarding-existing-merchants .card-inner-text p {
        font-size: 16px;
        line-height: 20px;
    }

    .help-box-icon {
        width: 70px;
        height: 70px;
    }

    .fs-title {
        font-size: 25px;
        margin-bottom: 25px;
    }

    .step-form-wrap {
        height: 80vh;
    }

    #tnc_form .form-card .card-inner {
        height: 70vh;
    }

    .card-inner-text p strong {
        font-size: 18px;
        line-height: 26px;
    }

    .login .dashboard_img {
        margin-left: 0;
    }

    .breadcrumb.no-flexbox.static-fixed .call-btn {
        top: 50%;
        transform: translateY(-50%);
    }

    .filter-bar {
        padding: 20px 24px;
    }

    #accordionMoreSearchFilters .card-body-top .form-group,
    #accordionMoreSearchFilters .form-group {
        min-width: 170px;
        max-width: 185px;
    }

    /*********task-4281**********/
    .card-body-top {
        gap: 10px 7px;
    }

    .apply-filter-bar {
        margin-top: 15px;
    }

    .transaction_history .custom-select,
    .transaction_history .form-control {
        font-size: 14px;
    }

    .select2-container .select2-selection--single {
        height: 35px !important;
        font-size: 14px;
    }

    .select2-container .select2-selection--single .select2-selection__rendered,
    .select2-search--dropdown .select2-search__field,
    .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
        font-size: 14px;
    }

    .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
        color: #495057;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 33px !important;
    }

    .transaction_history .select2-container--bootstrap4 .select2-selection,
    #merchantId,
    .datefilter_sec,
    #inputSearchFieldsTerm,
    #selectSearchFieldsOperations,
    #selectSearchFields,
    .transaction_history .datefilter_sec .form-control {
        font-size: 14px;
        height: 35px;
    }

    #accordionMoreSearchFilters .filterbtn {
        padding: 7.5px 0;
    }

    .search-update-btn {
        padding: 7.5px 2rem;
        font-size: 14px;
        border: 0;
    }

    .btn.btn-primary.filterbtn,
    .transaction_history .btn-primary {
        padding: 7.5px 2rem;
        font-size: 14px;
    }

    .btn.btn-primary.filterbtn,
    #exportCsvBtn {
        padding: 6.5px 2rem;
    }

    .transaction_history .clearfilter {
        line-height: 20px;
    }

    /*********end task-4281**********/
    /***********task-4354*********/
    .mrcnt-setting-filter-inr {
        padding: 10px;
    }

    #open-create-modal,
    #dev_2fa_assignment_modal_btn {
        padding: 0.375rem 0.5rem;
    }

    .add-mrchnt-btn {
        top: 10px;
    }

    /***********end task-4354*********/
}

@media (max-width: 1360px) {

    /***********task-4269*********/
    .right-half {
        margin-top: 15px;
    }

    .mrcnt-setting-filter {
        flex-wrap: wrap;
    }

    .filter-item .form-control,
    .filter-item .btn-primary,
    #usersSearch .input-group-prepend select.form-control,
    .filter-item .select2-container,
    .srchbyname input#inputText,
    .srchbyname .input-group-append .btn {
        font-size: 1rem;
    }

    .filter-item .select2-container .select2-selection--single {
        height: 38px !important;
    }

    .input-group.filtr-grp {
        flex-wrap: wrap;
        padding-right: 122px;
    }

    .input-group.filtr-grp .srchbyname {
        margin-top: 15px;
    }

    .srchbyname input#inputText {
        width: 310px;
    }

    /***********end task-4269*********/
    /***********task-4354*********/
    .input-group.filtr-grp .srchbyname {
        margin-top: auto;
        margin-bottom: 15px;
    }

    .right-half {
        margin-top: 0;
    }

    .add-mrchnt-btn {
        top: auto;
    }

    .mrcnt-setting-filter-bottom .srchbyname input#inputText {
        width: 305px;
    }

    /***********end task-4354*********/
}

@media (max-width: 1199px) {

    .mobile-app-cont {
        padding: 30px 30px 10px;
        max-width: 550px;
    }

    .app-img {
        right: 15px;
        max-width: 200px;
    }

    .card-inner-img {
        min-width: 410px;
    }

    .button-wrapper .btn-block {
        width: 230px;
    }

    /***********task-4354*********/
    .mrcnt-setting-filter-inr {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .mrcnt-setting-filter-inr .right-half {
        margin-left: 0;
        width: 100%;
        margin-top: 15px;
    }

    /***********end task-4354*********/
}

@media (max-width: 1080px) {
    .text-cont {
        padding-left: 0;
        padding-top: 10px;
    }

    .text-cont h2 {
        line-height: 1;
        margin-bottom: 5px;
    }

    .preference-card {
        padding: 20px;
        flex-direction: column;
    }

    .preference-card-info {
        padding-left: 0px;
        padding-top: 10px;
        text-align: center;
    }

    #login-modal .modal-dialog {
        max-width: 90%;
        margin: 100px auto;
    }

    #login-modal .modal-body button.close {
        margin-right: 2rem;
    }

    #progressbar {
        margin-bottom: 30px;
    }

    .card-thumb .card.suprt-box {
        padding: 15px 10px !important;
    }

    #login-modal .modal-body button.close {
        top: -77px;
        z-index: 1;
    }

    .button-wrapper {
        flex-direction: column;
        padding: 20px 30px 25px;
    }

    .button-wrapper .btn-block {
        margin: 5px 0;
    }

    span.select2.select2-container.select2-container--default {
        min-width: 222px;
    }

    .next-row .form-group {
        min-width: auto !important;
    }

    .srch-wrap {
        margin-bottom: 1.3rem;
    }

    .info-txt {
        left: auto;
    }

    /***********task-4354*********/
    .add-mrchnt-btn {
        bottom: 53px;
    }

    /***********end task-4354*********/
}

@media (max-width: 1023px) {
    .create-password#app_inner .main-panel .content-wrapper {
        padding-bottom: 0;
    }

    #accordionMoreSearchFilters .form-group span.select2.select2-container.select2-container--default {
        width: 100% !important;
    }

    .card-body-top {
        gap: 0;
    }

    #accordionMoreSearchFilters .card-body-top .form-group {
        margin-right: 10px;
    }

    .next-row {
        flex-wrap: wrap;
    }

    .srch-wrap {
        margin-bottom: 10px;
        width: 98%;
        justify-content: center;
    }

    .form-group.light-shadow {
        margin-bottom: 0 !important;
        flex: 1 1 50% !important;
        max-width: 50% !important;
    }

    .create-password#app_inner .card.new-auth {
        margin-top: 180px;
    }
}

@media (max-width: 991px) {
    .text-cont {
        padding-left: 20px;
        padding-top: 0px;
    }

    .table-block {
        min-width: 100%;
        max-width: 100%;
    }

    .top-row {
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 15px;
    }

    .top-row .form-group {
        margin-right: 0;
        min-width: 48%;
        -webkit-box-flex: none;
        -ms-flex: none;
        flex: none;
        margin-bottom: 10px;
    }

    .top-row.card-schemes,
    .top-row.card-type {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .top-row label {
        margin-bottom: 10px;
    }

    .more-filter .top-row .form-group:last-child {
        max-width: 100%;
        min-width: 100%;
    }

    .more-filter .top-row .form-group:last-child .form-control {
        max-width: none;
    }

    .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
        font-size: 14px;
    }

    .mobile-app-cont {
        max-width: 450px;
    }

    .step-form-wrap {
        height: 100vh;
    }

    #login-modal .modal-body .text-wrap.tm-text {
        padding: 25px 0px 0;
    }

    #login-modal .modal-body .terms-cond {
        padding: 0rem 0 0.5rem;
    }

    #tnc_form .form-card .pop-btn,
    #tnc_form .form-card .disable-btn {
        position: absolute;
        left: 0px;
        bottom: 8px;
    }

    .card-inner-img {
        min-width: 285px;
    }

    #tnc_form .form-card .card-inner {
        height: calc(100vh - 50px);
        overflow: auto;
        overflow-x: hidden;
        align-items: flex-start;
    }

    .card-inner-odd-top {
        align-items: flex-start;
    }

    #tnc_form .form-card.onboarding-existing-merchants .card-inner {
        justify-content: flex-start;
        align-items: flex-start;
    }

    #tnc_form .form-card {
        padding-bottom: 70px;
    }

    #tnc_form .action-button {
        position: absolute;
        bottom: 20px;
    }

    .previous.action-button.action-button-previous {
        left: calc(50% - 65px);
    }

    .next.action-button {
        right: calc(50% - 65px);
    }

    #login-modal .modal-body button.close {
        top: -76px;
    }

    .onboarding-existing-merchants .help-box {
        align-items: flex-start;
    }

    .input-group.filtr-grp {
        flex-wrap: wrap;
    }

    .input-group.filtr-grp .input-group-prepend {
        width: 100%;
    }

    .input-group.filtr-grp .input-group-prepend select.form-control:last-child {
        margin-right: 0;
    }

    .srchbyname {
        width: 100%;
        margin-top: 10px;
    }

    .login-side-wrap-new {
        height: 100%;
    }

    .right-white-panel .dd-bluebox .dd-button-blue {
        min-width: 100% !important;
    }

    .mobile-app-landing-banner.dd-landing .app-img {
        margin: 0 15px;
    }

    .table_details thead tr td:nth-child(1) {
        width: 100%;
    }

    .container-batch-payments .paymentsTab-apart .card-body .batch-upload-wrap {
        min-height: 100%;
    }
}

@media (max-width: 767px) {
    .table-outr {
        overflow: auto;
    }

    .marchant-table {
        width: 500px;
    }

    .text-cont a {
        hyphens: auto;
    }

    .top-bar .btn-group {
        flex-direction: column;
    }

    .btn-group-left {
        margin-bottom: 10px;
        justify-content: space-between;
    }

    .preference-card {
        flex-direction: row;
    }

    .preference-card-info {
        padding-left: 15px;
        padding-top: 0px;
        text-align: left;
    }

    .account-preference .row .col-sm-12 {
        margin-bottom: 15px;
    }

    .form-inline .form-group {
        margin-bottom: 10px !important;
    }

    .mobile-app-landing-banner {
        flex-direction: column;
    }

    .app-img {
        right: auto;
        position: relative;
    }

    #tnc_form .form-card .card-inner {
        align-items: center;
        flex-direction: column;
        justify-content: flex-start;
    }

    #tnc_form .form-card.terms-step .card-inner {
        flex-direction: row;
        align-items: flex-start;
    }

    .card-inner-text {
        padding-left: 0;
        padding-top: 35px;
    }

    .card-inner-img {
        min-width: 250px;
        max-width: 270px;
    }

    span.cotact-ico i.fa-circle-question,
    .prf-img a i.pf-ico:before {
        font-size: 20px;
    }

    .payment-card {
        margin-bottom: 20px;
        padding: 5px 10px;
    }

    .payment-card h4 {
        padding-left: 10px;
        font-size: 14px;
        line-height: 20px;
    }

    .card-inner-odd-top {
        align-items: center;
        flex-direction: column;
        justify-content: flex-start;
    }

    .onboarding-existing-merchants .help-box {
        align-items: center;
    }

    .container-scroller.create-password.login .main-panel .content-wrapper .container {
        max-width: none !important;
    }

    .container-scroller.create-password.login .main-panel .content-wrapper .container {
        max-width: none !important;
    }

    .login .card-body {
        padding: 2rem 0rem;
    }

    .breadcrumb.no-flexbox.static-fixed .call-btn {
        transform: translateY(0%);
    }

    .card-body.login-pw,
    .card-body.rest-card {
        padding: 25px 35px 30px;
    }

    .new-auth .card-header {
        padding: 20px 35px;
    }

    .tooltip-label .con-tooltip.right .tooltip,
    .col-form-label .con-tooltip.right .tooltip {
        top: -90px;
        left: 20px;
    }

    .col-form-label .con-tooltip.right .tooltip {
        left: 40px;
    }

    .paylinkform input.form-control.number-field {
        margin: 10px 0;
    }

    .form-group.row.small-gap .col-md-2,
    .form-group.row.small-gap .col-md-4,
    .form-group.row.small-gap .col-md-6 {
        padding-right: 12.5px;
        padding-left: 12.5px;
    }

    a.edit-page-btn.settings-btn,
    .gray-btn,
    .edit-page-btn {
        margin-right: 0;
        margin-bottom: 10px;
        justify-content: center;
    }

    .red-btn.delete-page {
        margin-left: 0;
    }

    .top-bar .btn-group {
        flex-direction: row;
        flex-wrap: wrap;
        margin: 0 -3px;
    }

    a.edit-page-btn.settings-btn,
    .gray-btn,
    .edit-page-btn {
        margin-right: 3px;
        margin-left: 3px;
        flex: 0 0 48%;
        max-width: 48%;
        min-width: auto;
    }

    .red-btn.delete-page {
        margin-left: 3px;
        margin-right: 3px;
        flex: 0 0 97%;
        max-width: 97%;
    }

    .top-bar .qrmsg {
        margin: 20px auto 0 !important;
    }

    .marchant-table td:first-child {
        padding-left: 12px;
        border-radius: 0;
    }

    .marchant-table td:last-child {
        padding-right: 12px;
        border-radius: 0;
    }

    table.marchant-table tr {
        display: block;
    }

    table.marchant-table td {
        border-bottom: 1px solid #ddd;
        display: block;
        position: relative;
        padding-top: 30px;
    }

    table.marchant-table td::before {
        content: attr(data-label);
        font-weight: bold;
        text-transform: uppercase;
        margin-top: -20px;
        position: absolute;
    }

    table.marchant-table td:last-child {
        border-bottom: 0;
    }

    .top-nav-inr .merchant-logo {
        display: none;
    }

    .navbar-expand-sm .navbar-collapse .navbar-nav.topUlnav {
        margin-bottom: 3px;
        margin-top: 10px;
    }

    .top-nav-inr .navbar-nav.topUlnav .nav-item:last-child {
        margin-right: 0;
    }

    .nav-item.blue-item2.dropdown .dropdown-menu-right {
        right: auto;
        left: 0;
    }

    .nav-item.blue-item2.dropdown .dropdown-menu-right {
        right: 30px;
        left: 30px;
        margin: auto !important;
    }

    li.nav-item.blue-item.blue-item2.set-icon.dropdown.show {
        position: static;
    }

    body {
        font-size: 14px !important;
        padding-top: 0 !important;
    }

    #navbarSupportedContent,
    .navbar-expand-sm .collapse.navbar-collapse {
        padding: 5px 0 !important;
    }

    .row.justify-content-center.payment_page.virtualterminal_page {
        margin-right: -12.5px;
        margin-left: -12.5px;
    }

    .transaction_history .trans_bottom {
        padding: 15px;
    }

    .transaction_history .trans_bottom .pagetransactions span {
        display: block;
        text-align: center;
    }

    .transaction_history .trans_bottom .pagetransactions ul {
        padding-left: 0;
    }

    .transaction_history .trans_bottom .pagetransactions ul li a:first-child {
        padding-left: 0;
    }

    .apply-filter-left {
        width: 100%;
        flex-wrap: wrap;
    }

    table.table-remote.whiteRow-table {
        width: 900px;
    }

    table.table-remote.whiteRow-table.withOut-border {
        width: 100%;
    }

    .page-body-wrapper .main-panel {
        padding-bottom: 0;
    }

    .block-height {
        height: auto !important;
        margin-bottom: 20px;
    }

    .my-account-admin .card-body {
        padding: 30px;
    }

    .my-account-wrap.card.mt-5 {
        margin-top: 1rem !important;
    }

    .my-account-wrap {
        padding: 30px;
    }

    .my-account-wrap .fidelity-block-center {
        max-width: none;
        margin-bottom: 1rem !important;
    }

    .account-details .card-body .form-group.mt-40 {
        margin-top: 20px;
    }

    .mrcnt-setting-filter .form-control {
        margin-top: 10px;
    }

    button#export-transaction-report {
        margin-top: 10px;
    }

    #usersSearch .input-group-prepend {
        margin-bottom: 10px;
    }

    select#exportSelectorYearMonth {
        width: 100% !important;
    }

    a#btnMerchantExport {
        width: 100%;
        margin: 10px 0;
    }

    button#open-create-modal {
        width: 100%;
    }

    a#btnMerchantUsageExport {
        margin-top: 10px;
    }

    .admin-menu .white-bg-table table.table tbody tr td:first-child {
        padding-left: 5px;
    }

    input.form-control.number-field {
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .right .tooltip {
        top: 0;
        left: -13px;
    }

    #savedSearchesLogModal .modal-dialog,
    .modal#advancedFiltermodal .modal-dialog,
    #scheduleReport .modal-dialog {
        max-width: 95%;
    }

    #savedSearchesLogModal tbody tr td {
        padding: 20px 16px;
    }

    #savedSearchesLogModal tbody tr td.inner-td table td {
        padding: 20px 25px;
    }

    .lft-block.srch-para {
        margin-right: 25px;
    }

    #scheduleReport .modal-content {
        padding: 25px 15px;
    }

    .btn_sec {
        margin: 30px 0 0 0;
    }

    .btn_sec button {
        width: 125px;
        display: inline-block;
    }

    .monthlydropdown .button-group {
        margin-bottom: 10px;
    }

    .today-checkbox.sl-cus {
        margin-bottom: 10px;
    }

    .transaction_history .apply-filter-left .clearfilter {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .select2-container--bootstrap4 {
        min-width: 100% !important;
        width: 100% !important;
    }

    .plan-billing-tab .nav-tabs {
        margin-bottom: 20px;
    }

    .form-group.fltr-drop {
        margin-bottom: 0px !important;
    }

    .first-panel-head {
        margin-right: 0;
    }

    .plan-billing-tab .nav-tabs {
        flex-wrap: nowrap;
        margin: 0 -5px 15px;
        overflow: auto;
        padding-bottom: 10px;
    }

    .plan-billing-tab .nav-tabs li a {
        white-space: nowrap;
    }

    .cst-title {
        padding-bottom: 0 !important;
    }

    .cat-heading {
        margin-bottom: 0;
    }

    .sprt-apart.cat-cell-wrap {
        flex-wrap: nowrap;
        overflow: auto;
        margin-right: -5px !important;
        margin-left: -5px !important;
    }

    .cat-cell {
        padding-right: 5px !important;
        padding-left: 5px !important;
        margin-bottom: 1rem !important;
    }

    .cat-link-box {
        padding: 0 20px;
        white-space: nowrap;
        min-width: 160px;
    }

    .forgot_password {
        margin-bottom: 0rem !important;
    }

    p.noti-text span {
        display: block;
    }

    .form-check.remember-me {
        margin: 0;
    }

    input.form-control.mx-sm-1 {
        margin: 0 !important;
    }

    #accordionMoreSearchFilters .form-group .select2-container {
        width: 100% !important;
    }

    #accordionMoreSearchFilters .form-group .select2-container .select2-selection--single {
        margin: 0px;
    }

    .summery-card-header {
        padding-right: 12.5px;
        padding-left: 12.5px;
    }

    form#summaryForm .form-group.datefilter_sec_group {
        margin-left: 0;
    }

    .form-group .datefilter_sec.date-field {
        padding-right: 0;
    }

    .srch-wrap {
        flex-wrap: wrap;
        width: 100%;
    }

    .form-group.light-shadow {
        flex: 1 1 100% !important;
        max-width: 100% !important;
    }

    #accordionMoreSearchFilters .srch-wrap .form-group.light-shadow {
        margin-bottom: 10px !important;
        margin-right: 0 !important;
    }

    #accordionMoreSearchFilters .srch-wrap .form-group.light-shadow:last-child {
        margin-bottom: 0px !important;
    }

    .transaction_history .next-row .clearfilter {
        margin-bottom: 0;
        margin-top: 0;
    }

    /***********task-4269*********/
    .row.mrcnt-setting-filter {
        margin-right: -12.5px;
        margin-left: -12.5px;
    }

    .row.mrcnt-setting-filter .col-lg-2,
    .row.mrcnt-setting-filter .col-lg-3 {
        padding-right: 12.5px;
        padding-left: 12.5px;
    }

    #usersSearch .input-group-prepend {
        flex-wrap: wrap;
    }

    #usersSearch .input-group-prepend select.form-control {
        min-width: max-content;
        margin-bottom: 15px;
        margin-right: 0;
    }

    .input-group.filtr-grp .srchbyname {
        margin-top: 0;
    }

    .srchbyname input#inputText {
        width: calc(100% - 100px);
    }

    .right-half {
        flex-direction: column;
        width: 100%;
        margin-right: 10px;
        margin-top: 0;
    }

    .mrcnt-setting-filter {
        flex-direction: column;
    }

    .right-half .filter-item {
        margin-left: 0;
    }

    /*********end task-4269**********/
    /*********task-4281**********/
    .transaction_history .custom-select,
    .transaction_history .form-control {
        font-size: 14px;
    }

    .select2-container .select2-selection--single {
        height: 38px !important;
        font-size: 1rem;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 36px !important;
    }

    .transaction_history .select2-container--bootstrap4 .select2-selection,
    #merchantId,
    .datefilter_sec,
    #inputSearchFieldsTerm,
    #selectSearchFieldsOperations,
    #selectSearchFields,
    .transaction_history .datefilter_sec .form-control {
        font-size: 1rem;
        height: 38px;
    }

    .select2-container .select2-selection--single .select2-selection__rendered,
    .select2-search--dropdown .select2-search__field,
    .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
        font-size: 1rem;
    }

    .search-update-btn {
        height: 40px;
    }

    /*********end task-4281**********/
    /*********task-4301**********/
    .form-group.row.small-gap .col-md-2.mb-p0,
    .form-group.row.small-gap .col-md-4.mb-p0 {
        padding: 0;
    }

    /*********end task-4301**********/

    /***********task-4076*************/
    .container-batch-payments .paymentsTab-apart .card-body .batch-upload-wrap {
        height: auto;
        min-height: auto;
        margin-bottom: 30px;
        padding: 15px;
    }

    .container-batch-payments .paymentsTab-apart .card-body {
        padding: 15px;
    }

    .container-batch-payments .paymentsTab-apart .card-body .form-group.mb-3,
    .container-batch-payments .paymentsTab-apart .card-body .form-group.mb-5 {
        margin-top: 1rem;
    }

    .form-group.upload-btn.mb-0.mt-5 {
        margin-top: 1rem !important;
    }

    /***********end task-4076*************/

    /***********task-4354*********/
    .mrcnt-setting-filter-inr {
        flex-direction: column;
        width: 100%;
    }

    .filter-item {
        width: 100%;
    }

    .filter-item.text-right.me-0 {
        margin-right: 10px !important;
    }

    .add-mrchnt-btn {
        top: auto;
        bottom: auto;
        position: relative;
        margin-left: 0;
        margin-top: 15px;
    }

    .mrcnt-setting-filter-bottom .srchbyname {
        margin-right: 0;
    }

    .mrcnt-setting-filter-bottom .srchbyname .input-group-append {
        min-width: 97px;
    }

    .mrcnt-setting-filter-bottom .srchbyname input#inputText {
        width: calc(100% - 97px);
    }

    /***********end task-4354*********/
    .input-group.filtr-grp {
        padding-right: 0;
    }
}

@media (max-width: 667px) {
    .main-block {
        display: block;
    }

    .rht-block {
        width: 100%;
    }

    .lft-block.srch-para {
        margin-right: 0;
        width: 100%;
        border-right: 0;
        padding-bottom: 15px;
        border-bottom: 1px solid #6d6868;
        margin-bottom: 15px;
    }

    .para-text {
        min-height: auto;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #savedSearchesLogModal .modal-content {
        padding: 20px 15px;
        padding-bottom: 80px;
    }

    .forgot_password {
        margin-bottom: 0rem;
    }

    .p-4.p-4-mob {
        padding: 15px !important;
    }

    .card-padd {
        padding: 1.25rem 10px !important;
    }
}

@media (max-width: 575px) {

    .text-cont {
        padding-left: 0;
        padding-top: 10px;
    }

    .top-row .form-group {
        min-width: 100%;
    }

    .radio-btn-group {
        flex-wrap: wrap;
    }

    .more-filter .top-row .form-group:last-child {
        flex-direction: column;
    }

    .more-filter .top-row .form-group:last-child a {
        padding-left: 0;
        margin-top: 10px;
    }

    .breadcrumb.d-flexbox {
        flex-direction: column;
        align-items: flex-start;
    }

    .cst-title {
        padding-bottom: 1.5rem;
    }

    .preference-card {
        padding: 15px;
    }

    .preference-card .ico-bg {
        width: 70px;
        min-width: 70px;
        height: 70px;
    }

    .preference-card-info h2 {
        margin-bottom: 5px;
    }

    .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
        font-size: 12px;
    }

    .mobile-app-cont {
        padding: 20px 15px 10px;
    }

    #progressbar li.active .circle {
        width: 40px;
        height: 40px;
        font-size: 15px;
        line-height: 22px;
    }

    #progressbar li .circle::after {
        width: 30px;
        height: 30px;
    }

    #progressbar li {
        width: 20.33%;
    }

    #login-modal .modal-body button.close {
        right: 0;
        top: -70px;
        margin-right: 1rem;
    }

    #login-modal .modal-body .terms-cond {
        padding: 4rem 0 0.5rem;
    }

    .blinkpageDropdown.mb-4 {
        margin-bottom: 0rem !important;
    }

    .paylinkform .select2-container {
        width: 100% !important;
        margin-bottom: 10px;
    }

    .paylink .form-group {
        margin-bottom: 0.5rem;
    }

    .pagination {
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    #tnc_form .form-card .card-inner {
        padding: 0 15px;
    }

    #tnc_form .form-card .disable-btn,
    #tnc_form .form-card .pop-btn {
        margin-left: 15px;
    }

    #login-modal .modal-body .terms-cond {
        padding: 2rem 0 0.5rem;
    }

    .merchantID .select2-container .select2-selection--single {
        margin: 0px;
    }

    .payment-method .tab-pane .form-group {
        margin-bottom: 12px;
    }

    a#dev_btn_impersonate {
        font-size: 14px;
    }

    #dev_li_merchant_user_list .select2-container .select2-selection--single {
        margin: 0px;
    }

    form#accordionMoreSearchFilters {
        margin-left: 0rem !important;
    }

    #accordionMoreSearchFilters .card-body-top .form-group,
    #accordionMoreSearchFilters .form-group {
        flex: 1 1 100% !important;
        max-width: 100% !important;
    }

    #accordionMoreSearchFilters .form-group .select2-container {
        display: block;
        width: 100% !important;
    }

    #accordionMoreSearchFilters .form-group .select2-container .select2-selection--single {
        margin: 0px;
    }

    #accordionMoreSearchFilters .form-group {
        margin-right: 0;
    }

    .nav-item.blue-item2.dropdown .dropdown-menu .dropdown-item i {
        margin-right: 5px;
    }

    #tnc_form .form-card .pop-btn,
    #tnc_form .form-card .disable-btn {
        bottom: 75px;
    }

    a.open-banking-btn {
        width: 100%;
    }

    li.nav-item.blue-item.blue-item2.set-icon.dropdown.show {
        position: relative;
    }

    .nav-item.blue-item2.dropdown .dropdown-menu-right {
        right: auto;
        left: 0;
        width: 100%;
        position: relative !important;
    }

    .dropdown-menu-right {
        right: 0;
        left: 0;
    }

    .dropdown-menu.dropdown-menu-right.show {
        position: relative !important;
    }

    .apply-wrap.mt-0 {
        width: 100%;
    }

    table.table-remote.whiteRow-table.withOut-border {
        width: 450px;
    }

    .portionCard button#btn-edit-customer,
    .directdebts-page .btn-sm {
        margin-right: 0 !important;
    }

    .main-menu .nav-pills-fidelity .nav-link,
    .settings-menu .nav-pills-fidelity .nav-link {
        font-size: 14px;
        padding: 5px 15px;
    }

    .my-account-admin .card-body {
        padding: 25px 15px;
    }

    .my-account-wrap {
        padding: 20px;
    }

    .admin-menu .nav-pills-fidelity .nav-link {
        font-size: 13px;
        padding: 5px 10px;
    }

    .filter-body-top .top-row span.multiselect-native-select,
    .multiselect-native-select .btn-group {
        width: 100% !important;
    }

    .top-row {
        gap: 5px !important;
    }

    .modal#advancedFiltermodal .modal-body,
    .modal#advancedFiltermodal .modal-header {
        padding: 20px 15px;
    }

    .filter-body-mid {
        margin-bottom: 0;
    }

    #usersSearch .input-group-prepend select.form-control {
        width: 100%;
        margin-bottom: 10px;
    }

    #usersSearch .input-group-prepend {
        margin-bottom: 0px;
        flex-direction: column;
    }

    .add-user button#open-create-modal {
        min-width: 90px;
        padding: 0.3rem 0.75rem;
    }

    #savedSearchesLogModal tbody tr td span.title {
        padding-left: 5px;
    }

    .view_button,
    .edit_button,
    .delete_button,
    .editSchedule_button {
        width: 110px;
        height: 32px;
        line-height: 32px;
    }

    #resendModal .modal-content {
        padding: 10px 20px;
    }

    #resendModal .modal-content .modal-body p b {
        hyphens: auto;
    }

    #btnResend {
        padding: 10px 15px;
    }

    #btnEditResend {
        padding: 10px 20px;
    }

    .card.bg-white.p-4.mb-padd {
        padding: 1rem !important;
    }

    .card-body.white-bg-table.shadow.m-0.mb-pad {
        padding: 10px;
    }

    .srch-wrap {
        margin-right: 0;
    }

    /******task-4248***********/
    .create-password#app_inner .card.new-auth {
        margin-top: 160px;
    }
}

@media (max-width: 414px) {
    .text-cont a {
        max-width: 100%;
    }

    .text-cont a i {
        float: right;
    }

    .btn-group-left {
        flex-direction: column;
        margin-bottom: 0;
    }

    .gray-btn {
        min-width: 100%;
    }

    .btn-group-left .gray-btn {
        margin-bottom: 10px;
    }

    .modal#advancedFiltermodal .modal-body,
    .modal#advancedFiltermodal .modal-header {
        padding: 25px;
    }

    .modal#advancedFiltermodal .modal-header .close {
        right: 25px;
    }

    .filter-body-top {
        margin-bottom: 15px;
    }

    .modal#advancedFiltermodal .modal-footer {
        padding: 25px;
    }

    #login-modal .modal-body button.close {
        top: -30px;
    }

    .gray-btn {
        min-width: auto;
    }

    .add-user {
        position: static;
    }

    .plan-billing-tab .nav-tabs li {
        flex: 1;
        margin: 0 5px;
    }

    form#formUpdateProfile .form-group.mt-40 {
        margin-top: 15px;
    }

    .fidelity-block-center.mb-5 {
        margin-bottom: 1rem !important;
    }

    .scheduleReprtingUl .checkbox-custm {
        margin: 3px 5px 0 0;
    }

    #scheduleReport ul li {
        font-size: 15px;
    }

    .no-flex-mb {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    h5.w-75 {
        width: 100% !important;
    }

    h5.w-75 br {
        display: none;
    }

    .no-flex-mb .smallBluebtn {
        max-width: 100%;
        font-size: 16px;
        line-height: 18px;
        height: 42px;
    }

    .form-group.fltr-drop {
        width: 100%;
        margin-bottom: 10px !important;
    }

    .form-group.fltr-drop .dropdown.bootstrap-select {
        width: 100% !important;
    }

    button.apply-fltr {
        width: 100%;
        margin-left: 0 !important;
    }

    .form-inline {
        width: 100%;
    }

    .login-mid-content {
        max-width: 280px;
        margin: 30px auto;
    }

    /***********task-4269*********/
    .input-group.filtr-grp .srchbyname {
        flex-wrap: wrap;
    }

    .srchbyname input#inputText {
        width: 100%;
    }

    .srchbyname .input-group-append {
        width: 100%;
    }

    .srchbyname .input-group-append .btn {
        width: 100%;
        margin-top: 10px;
    }

    /**************task-4076-batch-history**************/
    .tables-tab .nav-tabs li a {
        font-size: 14px;
        line-height: 18px;
        padding: 10px 8px;
    }

    /***********task-4354*********/
    .mrcnt-setting-filter-bottom .srchbyname input#inputText {
        width: 100%;
    }

    /***********end task-4354*********/
}

@media (max-width: 390px) {
    .blink-page-cards .card-body {
        padding: 0.7rem;
    }

    a.edit-page-btn.settings-btn,
    .gray-btn,
    .edit-page-btn {
        flex: 0 0 47%;
        max-width: 47%;
        font-size: 11px;
    }

    .gray-btn {
        padding: 6px 6px 7px;
    }
}

.toggle-sidebar span {
    background: #3d76f8;
    height: 2px;
    position: relative;
    margin: 2px 0;
    width: 30px;
    display: block;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.toggle-sidebar span:first-child {
    top: -4px;
    left: 0;
}

.toggle-sidebar span:last-child {
    bottom: -4px;
    left: 0;
}

body.active .toggle-sidebar span:nth-child(2) {
    display: none;
}

body.active .toggle-sidebar span:first-child {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 4px;
}

body.active .toggle-sidebar span:last-child {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    bottom: 0;
}

/***task-3188******/
.add-on-icon {
    position: relative;
}

.add-on-icon-wrap {
    display: flex;
    align-items: center;
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
}

.add-on-icon-wrap span {
    padding: 0 0 0 20px;
}

.add-on-icon-wrap .tool img {
    width: auto !important;
    height: auto !important;
}

.add-on-icon-wrap .tool::after {
    padding: 10px;
    min-width: 18em;
    width: auto;
    font-size: 14px;
}

@media (max-width: 991px) {

    .add-on-icon-wrap .tool::before,
    .add-on-icon-wrap .tool::after {
        left: auto;
        right: 0;
    }
}

@media (max-width: 767px) {
    .add-on-icon-wrap {
        position: static;
        transform: translateY(0%);
        padding-top: 20px;
        justify-content: flex-end;
    }
}

/* enabled credti modal */
#creditConfirm .modal-dialog .modal-body {
    padding: 20px 30px 5px;
    text-align: center;
}

#creditConfirm .modal-dialog .swal2-actions {
    padding-bottom: 30px;
}

/* enabled credti modal */
/***********task-4331*********/
.add-btn {
    padding-top: 10px;
}

#allowedMID .table-responsive.top-padding {
    padding-top: 0 !important;
}

#allowedMID .modal-dialog {
    max-width: 930px;
}

.allowed-mid-table {
    width: 100%;
}

.allowed-mid-table th,
.allowed-mid-table td {
    border-bottom: 1px solid #dee2e6;
    padding: 10px 5px;
}

.allowed-mid-table tbody tr:last-child td {
    border-bottom: 0;
}

.allowed-mid-table .form-group {
    font-size: 14px;
}

.form-control.number-box {
    width: 80px;
    margin: 0;
    margin-left: 10px;
    height: 35px;
}

.mid-field-wrap input::-webkit-outer-spin-button,
.mid-field-wrap input::-webkit-inner-spin-button,
.added-item input::-webkit-outer-spin-button,
.added-item input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.added-item input[type="number"],
.mid-field-wrap input[type="number"] {
    -moz-appearance: textfield;
}

#allowedMID .modal-footer {
    border-top: 0;
    padding: 10px 26px;
}

.currency-field {
    width: 70px;
    display: inline-block;
    padding: 5px;
}

.allowed-mid-table .custom-control-label {
    line-height: 25px;
}

.mid-field.form-control {
    font-size: 14px;
    width: 275px;
    margin-bottom: 4px;
}

.added-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 4px;
    width: 265px;
}

.mid-field-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
}

select.form-control.currency-field {
    margin-right: 20px;
}

.select-list.form-control {
    font-size: 14px;
    margin-right: 10px;
    min-width: max-content;
    max-width: 100px;
    position: relative;
    margin-bottom: 4px;
}

.select-list .title::after {
    display: inline-block;
    content: ">";
    margin-left: 15px;
    font-size: 11px;
    transform: rotate(90deg) scale(1, 2);
}

.select-list .select-options {
    margin-top: 5px;
    display: none;
    position: absolute;
    z-index: 500;
    border: 1px solid #ced4da;
    background: #fff;
    width: 100%;
    left: 0;
    text-align: left;
}

.select-list .select-options .option {
    display: flex;
    align-items: center;
    padding: 7px 10px;
}

.select-list .select-options .option label {
    margin: 0;
    width: 100%;
    display: flex;
    align-items: center;
    line-height: 1;
    cursor: pointer;
}

.select-list .select-options .option input {
    margin: 0 8px 0 0;
}

.added-item span.form-control.currency-field {
    margin-right: 10px;
    text-align: center;
    line-height: 25px;
    height: 35px;
}

.currency-field-wrap {
    padding-right: 10px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    flex-direction: column;
}

.apply-all-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #e9e9e9;
    padding: 7px 10px;
    border-radius: 7px;
    margin-left: 59px;
    white-space: nowrap;
    min-height: 49px;
    width: 276px;
}

.apply-all-wrap span {
    color: #343a40;
    font-size: 14px;
    margin-right: 18px;
}

#plus-minus {
    display: flex;
    width: 25px;
    height: 25px;
    background: #e9e9e9;
    align-items: center;
    justify-content: center;
    color: #525252;
    font-size: 12px;
    margin-top: 5px;
    padding: 17px;
    position: relative;
}

#plus-minus:hover {
    text-decoration: none;
}

.added-item span.text-danger {
    width: 100%;
    font-size: 14px;
    line-height: 1.2;
    padding-top: 4px;
}

.allowed-mid-table tbody tr td:nth-child(1),
.allowed-mid-table thead th td:nth-child(1) {
    width: 30px;
}

.allowed-mid-table tbody tr td:nth-child(2),
.allowed-mid-table thead th td:nth-child(2) {
    width: 45px;
}

.allowed-mid-table tbody tr td:nth-child(3),
.allowed-mid-table thead th td:nth-child(3) {
    width: 275px;
}

.allowed-mid-table tbody tr td:nth-child(4),
.allowed-mid-table thead th td:nth-child(4) {
    width: 155px;
}

.allowed-mid-table tbody tr td:nth-child(5),
.allowed-mid-table thead th td:nth-child(5) {
    width: 307px;
}

/***********end : task-4331*********/
/***********task-4452***********/
.iti {
    display: flex !important;
}

#myTabContent .iti__flag-container .iti__country-list {
    max-width: 386px !important;
}

.shopform .iti__flag-container .iti__country-list {
    max-width: 345px !important;
}

#receiptsetting .iti__flag-container .iti__country-list {
    max-width: 301.52px !important;
}

.link-text .copy_url_btn {
    width: 30px;
    min-width: 30px;
}

.url_link input {
    min-width: 280px;
}

.ms-10 {
    margin-left: 10px;
}

.apply-filter-left {
    display: flex;
    align-items: center;
}

@media (max-width: 767px) {
    #accordionMoreSearchFilters .filterbtn {
        width: 100% !important;
    }

    .ms-10 {
        margin-left: 0px;
    }

    .transaction_history .apply-filter-left .clearfilter {
        margin-bottom: 0;
    }

    .apply-filter-bar .apply-filter-left {
        gap: 10px 0 !important;
    }

    .mb-mbl {
        margin-bottom: 10px;
    }

    #accordionMoreSearchFilters .form-group.me-0 {
        margin-right: 0px !important;
    }

    .transaction_history .clearfilter {
        margin-top: 0px !important;
    }

    .apply-filter-right {
        flex-wrap: wrap;
    }

    .search-update-btn {
        width: 100%;
    }
}

@media (max-width: 575px) {
    .transaction_history .apply-filter-left .clearfilter {
        margin-bottom: 5px;
    }
}

.white-bg-table .table.paylink_history td.inhouse-table table.table thead tr td:first-child {
    padding-left: 15px;
}

.apply-filter-right {
    display: flex;
}

.full-width .select2-container--bootstrap4 {
    min-width: 100% !important;
    width: 100% !important;
}

.full-width .select2-container .select2-selection--single {
    height: 38px !important;
}

.full-width .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
    line-height: 36px;
}

input#customer_logo_file,
#applepay-cerfile {
    padding-top: 3px;
    padding-bottom: 3px;
}

#myTabContent .form-group .col-form-label {
    padding-top: calc(0.6rem + 1px) !important;
    padding-bottom: calc(0.6rem + 1px) !important;
}

#myTabContent .form-check,
.form-radio {
    margin-top: 10px !important;
}

.breadcrumb.no-bg {
    background: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
}

.breadcrumb.no-bg:after {
    display: none !important;
}

.breadcrumb-inner {
    box-shadow: 0px 4px 15px rgb(0 72 231 / 10%);
    border-radius: 6px !important;
    font-weight: 500;
    font-size: 24px !important;
    line-height: 36px;
    text-transform: none;
    position: relative;
    border: 0 !important;
    padding: 12px 23px;
    background: #fff;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0.56rem 1.13rem;
    width: 100%;
}

.breadcrumb-inner:after {
    position: absolute;
    content: "";
    left: 0;
    top: 5px;
    bottom: 5px;
    background: #3d76f8;
    border-radius: 0 4px 4px 0;
    width: 3px;
    height: auto;
}

.content-wrapper .breadcrumb.no-bg.static-fixed {
    width: calc(100% - 262px) !important;
}

.breadcrumb.no-bg.static-fixed .breadcrumb-inner {
    max-width: 83.33333333%;
}

table.cr-bl-tbl td {
    line-height: 25px;
}

/*****task-4579*******/
.dropdown_c {
    height: 50px;
    border-radius: 0;
    min-width: 70px;
    max-width: 70px;
    border: none;
    position: relative;
    box-shadow: none;
    text-align: center;
    font-weight: 100;
    font-size: 22px;
    color: #fff;
}

.dropdown_c .selected div {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dropdown_c .selected div b {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/chosen-sprite.png) no-repeat;
    background-position: 2px 17px;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.dropdown_c .selected:hover div b {
    background-position: -15px 15px !important;
}

.dropdown_c .selected span {
    cursor: pointer;
    display: flex;
    margin: 0;
    width: 100%;
    align-items: center;
    justify-content: center;
    height: 55px;
    background: #aebfd2;
    border-radius: 5px 0 0 5px;
    color: #fff;
}

.dropdown_c .selected span:hover {
    background: #cbd9e8;
}

.dropdown_c .drop-content {
    position: relative;
    z-index: 1;
}

.dropdown_c .drop-content ul {
    position: absolute;
    left: 0px;
    top: -3px;
    display: none;
    list-style: none;
    width: 100%;
    background: #aebfd2;
    border-top: 0;
    border-radius: 0;
    padding: 0;
    margin: 0;
}

.dropdown_c .drop-content ul li span {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 6px;
    text-decoration: none;
    color: #fff;
    background: #aebfd2;
    font-size: 22px;
    line-height: 35px;
    cursor: pointer;
}

.dropdown_c .drop-content ul li span:hover {
    background: #cbd9e8;
    color: #fff;
}

.dropdown_c .dropdown_hover:hover .drop-content ul {
    display: block;
}

#dev_dynamic_blink_pages_list_div_by_merchant .table-responsive {
    overflow: visible;
}

.zero-logo-wrap {
    border: 1px solid #6c7293;
    display: inline-flex;
    border-radius: 10px;
    padding: 15px;
    min-width: 180px;
    align-items: center;
    justify-content: center;
}

.zero-logo-wrap img {
    width: 60px;
}

/*****task-4689*************/
.c-dropdown .chosen-container-single .chosen-single div b::after {
    display: none;
}

.c-dropdown .chosen-container-single .chosen-single div b {
    background-position: 2px 15px;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -15px 15px !important;
}

select.form-control {
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff url(../images/drop-arrow.png) no-repeat;
    background-position: 97% center;
    padding-right: 32px;
}

.custom-select {
    background: #fff url(../images/drop-arrow.png) no-repeat !important;
    background-position: 97% center !important;
}

.dropdown .dropdown-toggle.btn-light {
    background: #fff url(../images/drop-arrow.png) no-repeat !important;
    background-position: 97% center !important;
}

.dropdown .dropdown-toggle:after {
    display: none !important;
}

.fltr-drop .dropdown .dropdown-toggle.btn-light {
    padding-right: 20px;
}

/*****task-4746*******/
.paylinkpage .main-area {
    max-width: 480px;
}

.paylinkpage .main-area.expanded-area {
    max-width: 580px;
}

.payment_page .paylinkpage .input-group-text {
    border-radius: 6px 0 0 6px !important;
}

.pymnt-hdng {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
        "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    font-weight: bold;
    font-size: 18px;
    line-height: 21px;
    color: #616161;
}

.paylinkpage .select-btnwrap {
    gap: 0;
}

.paylinkpage .radio-btn-wrap .select-btn-radio {
    margin: 0px 5px;
    flex: 1;
    max-width: none;
}

.paylinkpage .radio-btn-wrap .select-btn-radio label {
    color: #8b8b8b;
    position: relative;
    margin-bottom: 0;
    background: #f9f9f9;
    border-radius: 5px;
    cursor: pointer;
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    font-size: 14px;
    line-height: 20px;
    padding: 15px 9px;
    font-weight: 500;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
        "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    -webkit-font-smoothing: auto;
}

.paylinkpage .radio-btn-wrap .select-btn-radio input[type="radio"]:not(:checked)+label::before,
.paylinkpage .radio-btn-wrap .select-btn-radio input[type="radio"]:checked+label::before {
    margin-right: 8px;
}

.login_btn {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
        "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    -webkit-font-smoothing: auto !important;
}

@media (max-width: 1080px) {
    .paylinkpage .radio-btn-wrap .select-btn-radio {
        margin: 7px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        max-width: none;
    }

    .paylinkpage .radio-btn-wrap .select-btn-radio:last-child {
        margin-right: 7px;
    }

    .paylinkpage .radio-btn-wrap .select-btn-radio label {
        font-size: 15px;
        padding: 12px 15px;
        min-width: auto;
        white-space: nowrap;
    }
}

@media (max-width: 667px) {
    .paylinkpage .radio-btn-wrap .select-btn-radio {
        margin: 5px;
        flex: auto;
        max-width: none;
    }

    .paylinkpage .radio-btn-wrap .select-btn-radio:last-child {
        margin-right: 5px;
    }
}

@media (max-width: 414px) {
    .paylinkpage .main-area.expanded-area .select-btnwrap {
        justify-content: space-between;
    }

    .paylinkpage .main-area.expanded-area .radio-btn-wrap .select-btn-radio {
        flex: 1;
        max-width: 46%;
    }

    .paylinkpage .main-area.expanded-area .radio-btn-wrap .select-btn-radio:last-child {
        max-width: 100%;
    }

    .paylinkpage .address_sec,
    .paylinkpage .expiry_input {
        padding-right: 15px;
    }

    .paylinkpage .radio-btn-wrap .select-btn-radio label {
        font-size: 14px;
    }

    .payment_page .paylinkpage .card-body {
        padding: 2rem 1rem 1.5625rem !important;
    }
}

@media (max-width: 414px) {}

/*****End task-4746*******/
/***********task-4784***********/
.payment_tooltip.con-tooltip {
    z-index: inherit;
}

/***********End task-4784***********/
/***********task-4785***********/
.add-user {
    top: -67px;
    right: 0;
}

@media (max-width: 767px) {
    .add-user {
        top: -60px;
    }
}

@media (max-width: 414px) {
    .add-user {
        margin-bottom: 15px;
    }
}

/***********End task-4785***********/

/***********task-4759***********/
span.loader-icon {
    display: block;
    margin: 0 auto 10px;
}

span.loader-icon img {
    width: 50px;
}

span.title {
    display: block;
    margin-bottom: 10px;
}

/***********End task-4759***********/
/***********task-4789***********/
.multiselect-container .multiselect-option .form-check,
.multiselect-container .multiselect-group .form-check,
.multiselect-container .multiselect-all .form-check {
    margin: 0 !important;
}

/***********End task-4789***********/
/***********task-4808***********/
#fixed_cycle_block .input-group#datefilter_g-field {
    height: 50px;
}

#rawAmount.number {
    height: 55px;
}

/***********End task-4808***********/
/**********task- 4819*************/
.input-group .holder {
    left: 70px;
}

.c-dropdown .chosen-container-single .chosen-single {
    height: 55px;
}

#rawAmountPerPayment {
    height: 55px;
    margin-top: 1px;
}

.paylinkform input.form-control.number {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.dropdown_c .selected span {
    height: 50px;
    border-radius: 3px 0 0 3px;
    margin-top: 0px;
}

/**********End task- 4819*************/
/**********task- 4824*************/
.multiselect-container .multiselect-option .form-check,
.multiselect-container .multiselect-all .form-check {
    padding-left: 0;
}

.multiselect-container .multiselect-all.dropdown-item:hover,
.multiselect-container .multiselect-all.dropdown-item:focus,
.multiselect-container .multiselect-all.dropdown-item.active,
.multiselect-option.dropdown-item:hover,
.multiselect-option.dropdown-item:focus,
.multiselect-option.dropdown-item.active {
    background-color: #eff1f3 !important;
    color: #343a40 !important;
}

#paymentsetting .form-check {
    margin-top: 10px;
}

/**********End task- 4824*************/
input[type="file"].form-control {
    padding: 0.25rem 0.75rem;
}

/**********task- 4915*************/
.api-cred {
    padding: 23px;
}

.dashboard-card-titleArea.pl-23 {
    padding-left: 23px;
}

.api-cred-drop {
    background-color: transparent !important;
    color: #343a40 !important;
}

.api-cred-drop-link {
    position: relative;
}

.api-cred-drop-link::after {
    position: absolute;
    content: "";
    background: url(../images/drop-arrow.png) no-repeat;
    width: 9px;
    height: 5px;
    transform: rotate(-90deg);
    top: 7px;
    right: -15px;
    transition: all 0.3s;
}

.collapsible.active .api-cred-drop-link::after {
    transform: rotate(0deg);
    top: 8px;
}

.sngl-key {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 10px;
}

.sngl-key input {
    width: 100%;
    border: 1px solid #dddddf;
    font-size: 14px;
    padding: 5px;
}

.sngl-key input:focus {
    border: 1px solid #dddddf;
}

.mb-row .fas {
    color: #878686;
}

.mb-row label {
    font-size: 13px;
    line-height: 19px;
    color: #343a3f;
    font-weight: 700 !important;
    font-family: "Cabin", sans-serif !important;
    margin-bottom: 0;
    white-space: nowrap;
}

.api-cred-drop-link {
    color: #343a3f;
    font-weight: 700;
}

.mb-row .col-md-1 {
    align-items: center;
    justify-content: center;
}

.form-control-key {
    background-color: #e9ecef;
    pointer-events: none;
}

input.form-control-key:focus {
    border: 1px solid #dddddf;
    background-color: #fff;
}

@media (max-width: 1399px) {
    .sngl-key.row {
        margin-right: -8.5px;
        margin-left: -8.5px;
    }

    .mb-row .col-md-1,
    .mb-row .col-md-3,
    .mb-row .col-md-7 {
        padding-right: 8.5px;
        padding-left: 8.5px;
    }
}

@media (max-width: 767px) {
    .mb-row .col-md-8 {
        flex: 0 0 90.333333%;
        max-width: 90.333333%;
    }

    .mb-row .col-md-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%;
    }

    .mb-row .col-md-7 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .text-cont {
        padding-left: 0;
    }

    .key-content {
        width: 100%;
    }

    .mb-row label.mb-0,
    .mb-row label {
        margin-bottom: 5px !important;
    }

    .sngl-key.row {
        margin-right: -12.5px;
        margin-left: -12.5px;
    }

    .mb-row .col-md-1,
    .mb-row .col-md-3,
    .mb-row .col-md-7 {
        padding-right: 12.5px;
        padding-left: 12.5px;
    }
}

@media (max-width: 575px) {

    /**********task- 5112*************/
    .card-row .btn-danger {
        display: block;
    }

    /**********End task- 5112*************/
}

@media (max-width: 360px) {
    .url_link input {
        padding: 0 15px;
    }

    .link-text .copy_url_btn {
        margin-right: 15px;
    }
}

/**********End task- 4915*************/
/********** task- 4994*************/
select#select2acceptedCurrencies,
select#currency_code {
    height: 40px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0.75rem;
}

div#specific_date {
    height: auto;
}

.addRow-plus {
    font-family: arial;
    font-weight: 500;
    height: 31px !important;
}

/**********End task- 4994*************/
/********** task- 5003*************/
.modal-open>.daterangepicker.ltr.show-ranges.show-calendar.opensright {
    z-index: 9999 !important;
}

/**********End task- 5003*************/
/********** task- 5041*************/
#collapseSearchFilters {
    margin-left: 0;
}

#collapseSearchFilters select.form-control {
    background-repeat: no-repeat !important;
    background: #fff url(../images/drop-arrow.png) no-repeat !important;
    background-position: 97% center !important;
    padding-right: 28px !important;
}

/**********End task- 5041*************/
/**********task- 4963*************/
.table_amout {
    border-radius: 8px;
    border: 5px solid #e1e1e1;
}

.table_amout .table-responsive.add-row tr:last-child {
    background-color: #e1e1e1;
}

.table_amout .table-responsive.add-row tr:first-child td:first-child {
    border-top-left-radius: 5px;
}

.table_amout .table-responsive.add-row tr:first-child td:last-child {
    border-top-right-radius: 5px;
}

/**********End task- 4963*************/

/**********task- 5135*************/
.form-group .input-group.datefilter_sec {
    padding: 0;
}

.datefilter_sec .input-group-text {
    padding: 0.375rem 0.5rem 0.375rem 0;
}

.datefilter_sec .form-control {
    padding: 0 5px;
}

@media (max-width: 767px) {

    #accordionMoreSearchFilters .form-group.datefilter_sec_group,
    .bankreconcil .form-group.datefilter_sec_group {
        flex: 1 1 100%;
        max-width: 100%;
    }
}

/**********End task- 5135*************/
/**********task- 5134*************/
.modal-open .daterangepicker.ltr.show-ranges.opensright {
    z-index: 9999 !important;
}

/**********End task- 5134*************/
/**********End task- 5223*************/
#txnSuccesful .modal-dialog {
    border-radius: 10px;
    width: 500px;
    margin: 0;
    position: absolute;
    top: 50%;
    left: calc(50% - 135px);
    transform: translateY(-50%) !important;
}

#txnSuccesful .modal-content {
    background-color: #fff;
    border: 0;
}

.btn-com {
    min-width: 177px;
}

.swal2-show.lft-cnt {
    left: 105px !important;
}

@media (max-width: 1023px) {
    #txnSuccesful .modal-dialog {
        left: 50%;
        transform: translate(-50%, -50%) !important;
    }

    .swal2-show.lft-cnt {
        left: 0px !important;
    }
}

@media (max-width: 767px) {
    .btn-com {
        min-width: 260px;
        margin: 5px 0px;
    }
}

@media (max-width: 414px) {
    .btn-com {
        min-width: 100%;
    }

    #txnSuccesful .modal-dialog {
        width: 300px;
    }
}

#txnSuccesful.modal.show {
    transition: opacity 100ms;
}

/**********End task- 5223*************/
/**********task- 5255*************/
.mb-row label {
    min-width: 60px;
    margin-right: 10px;
}

.k-icon {
    margin-left: 10px;
}

.key-field {
    flex: 1 1 auto;
}

.key-content {
    background: #e8f6fe;
    padding: 10px 20px;
    padding-right: 50px;
    border-radius: 15px;
    position: relative;
    margin-top: 5px;
}

.sngl-key {
    margin-bottom: 5px;
}

.sngl-key:last-child {
    margin-bottom: 0;
}

.close_btn {
    position: absolute;
    top: 14px;
    right: 10px;
    cursor: pointer;
}

.api-cred-drop {
    background-color: #e8f6fe !important;
    color: #343a40 !important;
    border-radius: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-right: 20px !important;
    width: auto !important;
    display: inline-block;
    padding: 15px !important;
    padding-right: 30px !important;
}

.api-cred-drop-link {
    background-color: transparent !important;
}

@media (min-width: 1800px) {
    .key-content {
        max-width: 80%;
    }
}

@media (max-width: 1366px) {
    .url_link input {
        min-width: 255px;
    }
}

@media (max-width: 1280px) {
    .url_link input {
        min-width: 280px;
    }
}

@media (max-width: 575px) {
    .text-cont {
        min-width: 100%;
    }

    .sngl-key {
        flex-wrap: wrap;
    }

    .mb-row label {
        min-width: 100%;
        margin-right: 0;
    }

    .key-content {
        padding-right: 30px;
    }
}

@media (max-width: 375px) {
    .url_link input {
        min-width: 210px;
    }

    .key-content {
        padding: 10px 15px;
    }
}

/**********End task- 5255*************/
/**********task- 5136*************/
.app-cards-wrap {
    background: #ffffff;
    border-radius: 6px;
    padding: 20px;
    box-shadow: 0px 0px 8px 6px rgba(0, 0, 0, 0.02);
    margin-bottom: 50px;
    margin-bottom: 24px;
}

.app-cards-section {
    display: flex;
    align-items: stretch;
}

.app-card {
    margin-right: 40px;
}

.app-card:last-child {
    margin-right: 0;
}

.app-card {
    width: 300px;
    min-height: 133px;
    background: #fafafa;
    border-radius: 6px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.1));
    padding: 11px 14px 12px 10px;
    position: relative;
}

.app-card-logo img {
    width: 39px;
}

.app-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 19px;
    color: #343a3f;
}

.app-desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #636363;
}

.btn-app {
    font-weight: 500;
    font-size: 15px;
    line-height: 15px;
    color: #ffffff;
    background: #1690f8;
    border-radius: 4px;
    padding: 6px 10px;
    min-width: 76px;
    border: 0;
}

.btn-app:hover {
    color: #fff;
    background-color: #0c83e2;
    border-color: #0c7cd5;
}

.btn-abs {
    position: absolute;
    top: 11px;
    right: 14px;
}

.italic-txt {
    font-style: italic;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #343a40;
    margin-bottom: 10px;
}

@media (max-width: 991px) {
    .app-card {
        margin-right: 20px;
    }
}

@media (max-width: 767px) {
    .app-card {
        margin-right: 0px;
        margin-bottom: 20px;
        width: 100%;
    }

    .app-card:last-child {
        margin-bottom: 0;
    }

    .app-cards-section {
        flex-wrap: wrap;
    }
}

/**********End task- 5136*************/
/********** task- 4184*************/
#customiserPageIdForMerchant.select.form-control {
    padding-right: 20px;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #ddd;
}

/**********End task- 4184*************/
/**********task- 5316*************/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

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

/**********End task- 5316*************/
/**********task- 5368*************/
button.btn.btn-danger.btn-sm.customer-action-delete {
    line-height: 17.5px;
}

.btn-primary.btn-view:hover {
    color: #fff;
    background-color: #2258d5;
    border-color: #2258d5;
}

/**********End task- 5368*************/
/**********task- 5381 (successor-4963)*************/
.overflow-visible {
    overflow: visible;
}

.table_amout tr td span.color-red {
    color: #ff0000;
}

.table_amout tr td span.color-green {
    color: #00b322;
}

.cursor-pointer {
    cursor: pointer;
}

.card-img {
    width: 40px !important;
}

.table_details tbody tr .cursor-pointer i:after {
    display: none;
}

@media (max-width: 1280px) {
    .table_leftSide .table-responsive {
        overflow-x: auto;
    }

    .table_leftSide .table-responsive.top-padding {
        padding-top: 0rem !important;
    }
}

@media (max-width: 1023px) {
    .transaction_reconciliation .table_details table.table-responsive thead {
        display: none;
    }

    .table_details tbody tr td:nth-child(2),
    .table_details tbody tr td:nth-child(3) {
        font-size: 14px;
        line-height: 21px;
    }
}

/**********End task- 5381*************/

/*********task- 5095*************/
#quickbook-modal .modal-dialog {
    max-width: 320px;
    margin: 30px auto;
}

#quickbook-modal .modal-body {
    background: #1b7ef2;
    padding: 20px;
}

#quickbook-modal .modal-content {
    border: 0;
    border-radius: 0;
}

.right-white-panel.quickbook-card {
    width: 100%;
    max-width: 280px;
}

.right-white-panel.quickbook-card .dd-bluebox {
    margin-bottom: 10px;
}

.right-white-panel.quickbook-card .dd-button-blue {
    color: #fff;
    border: 1px solid #3eb0ff;
    padding: 15px 20px;
    text-decoration: none;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
}

/**********End task- 5095*************/
/**********task- 5402*************/
.my-account-admin .card-body {
    padding: 1.25rem;
}

/**********End task- 5402*************/
/************ task-5525 ************/
.table_amout {
    border-radius: 8px;
    border: 0;
    overflow-x: auto;
    background: transparent;
}

table.table-responsive.add-row.top-padding {
    padding-top: 0 !important;
}

.table_amout .add-row tr td {
    padding: 0;
    border: 0;
    vertical-align: middle;
}

.table_amout .tbl-inr.first td.border-line,
.table_amout .tbl-inr.second td.border-line {
    border: 4px solid #b4b4b4;
}

.table_amout .tbl-inr.first td {
    background: #ffffff;
}

.table_amout .tbl-inr.second td {
    white-space: nowrap;
    background: aliceblue;
}

.table_amout .tbl-inr.second td.bg-blue {
    background: aliceblue;
}

table.tbl-inr.second td {
    vertical-align: middle;
    font-size: 16px;
}

.table_amout .tbl-inr tr td {
    padding: 10px;
}

.table_amout .tbl-inr tr:first-child td:first-child,
.table_amout tr td.additional-tbl td:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.table_amout .tbl-inr tr:first-child td:last-child,
.table_amout tr td.additional-tbl td:last-child {
    border-bottom-right-radius: 12px;
}

.table_amout .table-responsive.add-row tr:first-child td:first-child {
    border-top-left-radius: 12px;
}

.table_amout .table-responsive.add-row tr:first-child td:last-child {
    border-top-right-radius: 12px;
}

.table_amout tr td.default-tbl table {
    background: #e1e1e1 !important;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.table_amout tr td.default-tbl td {
    position: relative;
}

.table_amout tr td.default-tbl td:after {
    position: absolute;
    content: "";
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 70px;
    background: rgba(0, 72, 231, 0.1);
}

.table_amout tr td.additional-tbl table {
    background: #e1e1e1 !important;
    border-radius: 8px;
}

.table_amout tr td.additional-tbl td {
    background: #e1e1e1 !important;
}

.table_amout tr td.additional-tbl td:first-child {
    min-width: 170px;
    max-width: 170px;
}

.table_amout tr td.additional-tbl td:last-child {
    min-width: 150px;
    max-width: 150px;
}

.table_amout tr td.default-tbl td {
    min-width: 145px;
    max-width: 145px;
}

.table_amout .table-responsive.add-row .additional-tbl tr td:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.table_amout .table-responsive.add-row tr:first-child td:last-child {
    border-top-right-radius: 12px;
    padding-left: 5px;
    padding-right: 5px;
}

.table_amout .table-responsive.add-row tr:last-child {
    background-color: transparent;
}

.aib-details-bar-outr {
    overflow-x: auto;
    margin-bottom: 5px;
}

.aib-details-bar {
    border: 4px solid #b4b4b4;
    border-radius: 12px;
    background: #f3f4fa;
    padding: 10px 20px;
    white-space: nowrap;
    width: 100%;
    display: table;
}

.aib-details-bar p {
    margin: 0;
    padding-right: 30px;
    display: table-cell;
}

.aib-details-bar p span {
    color: #ff0000;
}

.aib-details-bar p:last-of-type {
    padding-right: 0;
}

.table_details .table-responsive.top-padding {
    padding-top: 0 !important;
}

/************ /task-5525 ************/
/************** task-5142 ***********/
.table_leftSide tbody tr i {
    position: relative;
    width: 25px;
    display: inline-block;
}

/************** /task-5142 ***********/

/************** START : TASK-5374 *************/
.dev-d-flex {
    justify-content: space-between;
    align-items: center;
}

.dev-last-invoice-pull-datetime-div {
    margin-bottom: 1rem !important;
}

/************** END : TASK-5374 ***************/
/************** task-5677 ***********/
.btn-primary.disabled.btn-tooltip {
    pointer-events: all;
    position: relative;
}

.btn-primary.disabled.btn-tooltip:hover:after {
    content: attr(data-tooltip);
    position: absolute;
    left: -203px;
    background: rgba(0, 0, 0, 1);
    padding: 5px 10px;
    border-radius: 3px;
    top: 50%;
    transform: translateY(-50%);
    max-width: 200px;
    white-space: normal;
}

/************** /task-5677 ***********/
/************** task-5684 ***********/
.transection_history tr .historypage_actionbtn .act_btn {
    width: 130px;
    float: left;
}

.transection_history .btn-txn-action {
    width: 130px;
}

/************** /task-5684 ***********/
/*********** Task-5737 ***********/
#quickbook-modal .modal-body {
    background: #2ca01b;
}

#quickbook-modal .right-white-panel {
    box-shadow: 0px 4px 50px rgba(44, 160, 27, 0.5);
}

#quickbook-modal .right-white-panel .dd-bluebox .dd-button-blue {
    background: #2ca01b;
    border: 1px solid #2ca01b;
}

#quickbook-modal .right-white-panel .dd-bluebox .dd-button-blue:hover {
    background: #2ca01b;
    color: #fff;
}

/*********** /Task-5737 ***********/
/************** task-5644 ***********/
.scheduler-log-table .btn-txn-action {
    width: 130px;
    border-radius: 1.25rem;
}

.btn-outline {
    background: transparent;
    border-color: #2196f3;
    color: #2196f3;
}

.btn.btn-outline:hover,
.btn.btn-outline:focus {
    color: #fff;
    background-color: #0c83e2;
    border-color: #0c7cd5;
}

.swal-customise .swal2-actions .swal2-styled {
    padding: 0.625em 1em;
}

.br-top {
    border-top: 1px solid #ececec;
}

.scheduler-page .nav-pills-fidelity.mb-4 {
    margin-bottom: 0 !important;
}

.scheduler-page .custom-select,
.scheduler-page .form-control {
    font-size: 14px;
}

.scheduler-page .datefilter_sec .form-control {
    font-size: 12px;
}

.scheduler-page .clearfilter {
    font-size: 13px;
    line-height: 20px;
    padding: 8px 10px;
    color: #c2c2c2 !important;
    background: #f6f6f6 !important;
    border-radius: 100px;
    border: 0px;
}

.scheduler-page .clearfilter i {
    color: #c2c2c2 !important;
    margin-right: 8px;
    border: 2px solid #c2c2c2;
    border-radius: 30px;
    padding: 6px;
    width: 11px;
    height: 11px;
    box-sizing: border-box;
    line-height: 3px;
    position: relative;
    text-align: center;
    font-size: 8px;
    display: inline-block;
    vertical-align: sub;
}

.scheduler-page .clearfilter i:before {
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    line-height: 0px;
    font-size: 9px;
}

.scheduler-page .clearfilter:hover {
    color: #bb271a !important;
}

.scheduler-page .clearfilter:hover i {
    color: #bb271a !important;
    border: 2px solid #bb271a !important;
}

.scheduler-page #accordionMoreSearchFilters .card-body-top .form-group,
.scheduler-page #accordionMoreSearchFilters .form-group {
    max-width: 203px;
    min-width: 203px;
}

.scheduler-page .form-group .input-group.datefilter_sec {
    width: 100%;
}

.scheduler-page .table thead th {
    background-color: #f9fbfe;
    border-color: #dddddf;
    color: #000;
    border-top: 1px solid #dddddf;
    padding: 15px 15px;
}

.command-options {
    gap: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.command-options .btn {
    min-width: 74px;
}

.select-parameters .form-group {
    margin-bottom: 0.5rem;
    font-size: 14px;
}

.select-parameters .form-control {
    font-size: 14px;
}

.date-range {
    border-top: 1px solid #ced4da;
    border: 1px solid #ced4da;
    padding: 20px;
    margin-bottom: 10px;
    position: relative;
    background: #fff;
    border-radius: 0.25rem;
    display: none;
}

.date-range.show {
    display: block;
}

#runmodal .modal-body {
    padding: 20px;
}

a.action-btn {
    border: 1px solid #ced4da;
    padding: 3px 8px;
    font-size: 20px;
    color: #9c9c9c;
    border-radius: 3px;
}

a.action-btn:hover {
    color: #0698ec;
    border-color: #0698ec;
}

.card-body.form-inline.sch-view-filter {
    flex-direction: row;
    gap: 0px 7px;
}

.card-body.form-inline.sch-view-filter .apply-filter-bar,
.card-body.form-inline.sch-view-filter .card-body-top {
    width: auto;
}

.card-body.form-inline.sch-view-filter .apply-filter-bar {
    margin-top: 0;
}

@media (max-width: 1280px) {

    .scheduler-page #accordionMoreSearchFilters .card-body-top .form-group,
    .scheduler-page #accordionMoreSearchFilters .form-group {
        max-width: 203px;
        min-width: 203px;
    }

    .scheduler-page .form-group .input-group.datefilter_sec {
        width: 100%;
    }
}

@media (max-width: 767px) {

    .card-body.form-inline.sch-view-filter .apply-filter-bar,
    .card-body.form-inline.sch-view-filter .card-body-top {
        width: 100%;
    }

    .card-body.form-inline.sch-view-filter .apply-filter-bar.justify-content-start {
        justify-content: center !important;
    }
}

@media (max-width: 480px) {
    #runmodal .modal-dialog {
        margin: 30px 15px;
    }
}

/************** /task-5644 ***********/
/*********** Task-5736 ***********/
.header-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 80px;
}

.header-wrap .dashboard_img {
    padding-top: 0px;
}

.login-link {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 25px;
    border: 2px solid #ced4da;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    padding: 5px 10px;
    min-width: 100px;
    background: #0698ec;
    border-color: #0698ec;
}

.login-link:hover {
    background-color: #0c83e2;
    border-color: #0c7cd5;
    color: #fff;
    text-decoration: none;
}

.app-qbdisconnect .container {
    max-width: 1010px !important;
}

.disconnected-info-card {
    border-radius: 12px;
    padding: 30px;
    background: #f5fafe;
    margin-bottom: 30px;
}

.app-qbdisconnect .container-scroller {
    min-height: calc(100vh - 136px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
}

.qck-title {
    font-weight: 300 !important;
    margin-bottom: 20px;
    color: #5d5f60;
    font-size: 2rem;
}

.blink {
    color: #007bff;
    font-size: 28px;
}

@media (max-width: 1024px) {
    .login-link {
        font-size: 15px;
        padding: 2px 10px;
        min-width: 90px;
    }
}

@media (max-width: 799px) {
    .header-wrap .dashboard_img {
        max-width: 90px;
    }
}

@media (max-width: 575px) {
    .header-wrap .dashboard_img {
        max-width: 90px;
    }

    .app-qbdisconnect .container {
        padding-right: 15px;
        padding-left: 15px;
    }

    .qck-title {
        margin-bottom: 15px;
        font-size: 1.6rem;
    }

    .disconnected-info-card {
        border-radius: 10px;
        padding: 20px;
        margin-bottom: 20px;
    }

    .blink {
        color: #007bff;
        font-size: 20px;
    }
}

@media (max-width: 414px) {
    .header-wrap .dashboard_img {
        max-width: 80px;
    }

    .header-wrap {
        height: 65px;
    }

    .qck-title {
        font-size: 1.4rem;
    }
}

/*********** /Task-5736 ***********/
/************** task-5628 ***********/
#dev_2fa_assignment_modal .modal-dialog {
    max-width: 400px;
    margin: 30px auto;
}

@media (max-width: 414px) {
    #dev_2fa_assignment_modal .modal-dialog {
        max-width: 300px;
    }
}

/************** /task-5628 ***********/
/************** task-5794 ***********/
.top-nav-inr .navbar-nav .nav-item .select2-container .select2-selection--single .select2-selection__rendered {
    text-align: left;
}

/************** /task-5794 ***********/
/************** task-5761 ***********/
.select2-container--default .select2-selection--single .select2-selection__clear {
    padding-right: 8px;
}

#accordionMoreSearchFilters.accordion>.card {
    overflow: visible;
}

#accordionMoreSearchFilters .select2-container--default .select2-selection--single .select2-selection__clear {
    margin-right: 10px;
}

.transaction_history .accordion.bankreconcil .form-group .multiselect-native-select .btn-group {
    width: auto !important;
    min-width: 170px;
}

.multiselect-container.dropdown-menu.show {
    min-width: max-content;
}

.transaction_history .table .thead-dark.o-scroll {
    z-index: 1 !important;
}

/************** /task-5761 ***********/
/************** /task-5530 ***********/

.dev-2fa-enable-modal {
    flex-wrap: wrap;
}

#login-modal.twofactor .modal-dialog {
    max-height: calc(100vh - 30px);
}

#login-modal.twofactor .modal-content {
    height: 90vh;
}

.step-form-wrap #tnc_form .form-card {
    height: 100%;
}

#login-modal.twofactor .card-inner {
    padding: 45px;
}

#login-modal.twofactor #tnc_form .form-card .card-inner {
    height: 100vh !important;
}

/************** /task-5530 ***********/
/************** /task-5798 tuhiran ***********/
.step-form-wrap #tnc_form .dev-2FA-tos_dialog-div {
    height: 70vh !important;
}

/************** /task-5798 ***********/
/************** task-5833 ***********/
.btn-app-pending {
    background: #FEAD3A;
}

.btn-app-pending:hover {
    background: #ed9d2c;
    color: #fff;
}

.italic {
    font-style: italic;
}

.profile-header {
    margin-bottom: 30px;
}

.code-wrap {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    margin-bottom: 20px;
}

.code-wrap-item {
    display: flex;
    flex-direction: column;
    min-width: 120px;
}

.show-details {
    display: inline-block;
}

.footer-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.more-details {
    margin-bottom: 20px;
}

.more-details p {
    margin: 0;
}

.btn-success.btn-app-active,
.btn-success.btn-app-active:hover {
    color: #fff;
}

.app-card-profile#approved {
    width: 400px;
}

@media (max-width: 375px) {
    .app-card-profile .app-title {
        font-size: 15px;
        line-height: normal;
    }

    .app-card-profile .btn-app {
        font-size: 12px;
        padding: 4px 7px;
        min-width: 55px;
    }

    .app-cards-profile-wrap {
        padding: 0;
        box-shadow: none;
    }
}

/************** /task-5833 ***********/
/************** task-5867 ***********/
.app-card {
    margin-bottom: 0;
}

.app-cards-profile-wrap .app-cards-section {
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 20px 40px;
}

.app-card.app-card-profile {
    margin-right: 0px;
}

.code-wrap {
    gap: 30px;
}

.code-wrap-item {
    min-width: 79px;
}

.active-profile {
    width: 400px;
}

.footer-wrap-left {
    display: flex;
    gap: 7px;
}

.more-details {
    display: none;
}

.app-cards-wrap {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 40px;
}

.currency {
    font-style: italic;
}

@media screen and (max-width: 767px) {

    .app-card,
    .app-card-profile#approved,
    .active-profile,
    .app-cards-profile-wrap .app-cards-section {
        width: 100%;
    }

    .app-cards-wrap,
    .app-cards-profile-wrap .app-cards-section {
        gap: 20px;
    }

    .code-wrap {
        gap: 10px;
    }
}

/************** /task-5867 ***********/
/************** task-2717 ***********/

.plan-billing-tab .nav-tabs {
    margin-bottom: 20px;
}

.add-user {
    top: -55px;
}

@media screen and (max-width: 767px) {
    .add-user {
        position: static;
        margin-bottom: 10px;
    }

    button#open-create-modal,
    #dev_2fa_assignment_modal_btn {
        width: auto;
    }
}

@media (max-width: 575px) {
    #dev_2fa_assignment_modal_btn {
        padding: 0.3rem 0.75rem;
        line-height: 23px;
    }
}

/************** /task-2717 ***********/
/************** task-5890 ***********/
#multiAccountModal .modal-body {
    padding: 1.937rem;
}

.accounts-wrap .sngl-account {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    border-bottom: 1px solid lightgray;
    padding-bottom: 20px;
}

.accounts-wrap .sngl-account:last-child {
    border-bottom: 0;
    padding-bottom: 0px;
}

.accounts-wrap .sngl-account p {
    margin-bottom: 0;
}

.accounts-wrap .sngl-account p.bank-name {
    font-weight: 600;
}

@media (max-width: 575px) {
    #multiAccountModal .modal-body {
        padding: 0.937rem;
    }

    .accounts-wrap .sngl-account {
        align-items: flex-start;
    }

    .sngl-account button.btn-app {
        margin-top: 4px;
    }
}

/************** /task-5890 ***********/
/************** task-5891 ***********/
.mb-row label {
    margin-right: 0;
}

.api-bg-wrap {
    background-color: #e8f6fe;
    color: #343a40;
    border-radius: 5px;
    padding: 10px;
    padding-top: 5px;
}

.api-bg-wrap a {
    display: inline-block;
    margin-left: 5px;
}

.mb-row .col-md-1 {
    padding-left: 0px;
}

.mb-row .col-md-8 {
    padding-right: 6px;
}

.api-cred .form-group.mb-row {
    margin-bottom: 2rem;
}

@media (max-width: 1280px) {
    .app-card {
        margin-right: 20px;
    }

    .api-bg-wrap,
    .api-bg-wrap a {
        font-size: 14px;
    }

    .api-bg-wrap a br {
        display: none;
    }

}

@media (max-width: 767px) {
    .api-bg-wrap {
        min-height: auto;
    }

    .api-bg-wrap a {
        display: block;
    }

    .api-cred .form-group.mb-row {
        margin-bottom: 1rem;
    }
}

/************** /task-5891 ***********/
/************** task-5936 ***********/
.paylink_history .act_btn_group .act_btn,
.paylink_history .btn-vt {
    padding: 5px 15px !important;
    white-space: nowrap;
}

.paylink_history .btn-group {
    min-width: 155px;
}

.paylink_history .btn-group .btn.btn-primary {
    border-radius: 10px;
}

/************** /task-5936 ***********/
/************** task-5937 ***********/
.payment_page .paylinkform #variable_cycle_block .dropdown_c {
    min-width: 100%;
    max-width: 100%;
}

.payment_page .paylinkform #variable_cycle_block .dropdown_c .selected span {
    height: 52px;
    margin-top: 0;
    border-radius: 0;
}

.payment_page .paylinkform #variable_cycle_block .input-group-text {
    justify-content: center;
    border-radius: 0.25rem;
}

/************** /task-5937 ***********/
/************** task-5952 ***********/
.btn-wrp {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 5px;
}

#btnMerchantUsageExport {
    height: 38px;
    display: inline-flex;
    align-items: center;
}

@media (max-width: 767px) {
    .btn-wrp {
        flex-wrap: wrap;
        align-items: flex-end;
        justify-content: flex-end;
        gap: 0px;
    }
}

/************** /task-5952 ***********/
/************** task-5953 ***********/
.pdall {
    padding: 1.25rem;
}

.pdall .nav.nav-pills {
    margin-bottom: 0 !important;
}

/************** /task-5953 ***********/
/************** task-5959 ***********/
.multiselect-native-select .multiselect.dropdown-toggle.custom-select {
    font-size: 14px;
}

.mrcnt-setting-filter-bottom .input-group-prepend {
    gap: 0 7px;
}

.mrcnt-setting-filter-bottom .input-group-prepend .form-group {
    margin-bottom: 0;
}

.mrcnt-setting-filter-bottom .input-group-prepend select.form-control {
    margin-right: 0;
    min-width: auto;
}

@media (max-width: 767px) {
    .mrcnt-setting-filter-bottom .input-group-prepend {
        gap: 10px 7px;
    }

    .mrcnt-setting-filter-bottom .input-group-prepend .form-group {
        flex: 1 1 48%;
        max-width: 48%;
    }

    .mrcnt-setting-filter-bottom .input-group-prepend .multiselect-native-select .btn-group {
        width: 100% !important;
    }
}

@media (max-width: 575px) {
    .mrcnt-setting-filter-bottom .input-group-prepend .form-group {
        flex: 1;
        max-width: 100%;
    }

    form#usersSearch {
        width: 100%;
    }
}

/************** /task-5959 ***********/
/************** task-5958 ***********/
.form-inline.codat-error .form-control {
    width: 100%;
}

.card-body.form-inline.sch-view-filter.codat-error .apply-filter-bar {
    margin-top: 20px;
    width: 100%;
}

@media (max-width: 767px) {
    .card-body.form-inline.sch-view-filter.codat-error .apply-filter-bar {
        margin-top: 0px;
    }
}

/************** /task-5958 ***********/
/************** task-5966 ***********/
.input-group.pass-field {
    position: relative;
}

.input-group.pass-field input {
    padding-right: 45px !important;
}

#paste-info {
    overflow: hidden;
}

/************** /task-5966 ***********/
/************** task-5982 ***********/
.cat-link-box span.title {
    margin-bottom: 0px;
}

#terminals~.btn-group {
    min-width: 250px;
}

/************** /task-5982 ***********/
/************** task-5992 ***********/
.multiselect-container.dropdown-menu.show .form-check .form-check-label {
    font-weight: normal;
}

.filter-row-cat .form-group .btn-group,
#form-raise-ticket .form-group .btn-group {
    min-width: 250px;
}

/************** /task-5992 ***********/

/************** task-5995 ***********/
.transaction_history .filter-bar .form-inline .form-group .form-control,
.transaction_history .form-inline .form-group .form-control,
.transaction_history .select2-container--bootstrap4 .select2-selection,
#merchantId,
.datefilter_sec,
#inputSearchFieldsTerm,
#selectSearchFieldsOperations,
#selectSearchFields,
.transaction_history .datefilter_sec .form-control,
.paymentsTab-apart .form-inline .form-group .form-control {
    font-size: 14px;
    color: #495057;
    font-family: "Cabin", sans-serif !important;
}

.select2-container .select2-selection--single .select2-selection__rendered,
.select2-search--dropdown .select2-search__field,
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    font-size: 14px;
}

.multiselect-native-select .multiselect.dropdown-toggle.custom-select {
    font-size: 14px;
}

.filter-body-top .form-group .form-control {
    font-size: 14px;
}

.more-filter .top-row .form-group .form-control {
    font-size: 14px !important;
    color: #495057;
}

.select-merchant .select2-container .select2-selection--single .select2-selection__rendered,
#formUpdateProfile .select2-container .select2-selection--single .select2-selection__rendered,
.nav-item .select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
}

.fidelity-block-center .form-control::placeholder,
#modalRequestReport .form-control::placeholder,
#v-pills-general .form-control::placeholder {
    color: #929292;
}

.filter-item .form-control,
.filter-item .btn-primary,
#usersSearch .input-group-prepend select.form-control,
.filter-item .select2-container,
.srchbyname input#inputText,
.srchbyname .input-group-append .btn,
.filter-item .btn-exp {
    font-size: 14px;
}

.scheduler-page .datefilter_sec .form-control {
    font-size: 14px;
}

.scheduler-page .custom-select,
.scheduler-page .form-control {
    font-size: 14px;
}

.scheduler-page .datefilter_sec .form-control::placeholder {
    color: #495057;
}

#btnMerchantUsageExport {
    width: auto;
}

@media (min-width: 1300px) {

    .transaction_history .filter-bar .form-inline .form-group .form-control,
    .transaction_history .form-inline .form-group .form-control,
    .transaction_history .select2-container--bootstrap4 .select2-selection,
    #merchantId,
    .datefilter_sec,
    #inputSearchFieldsTerm,
    #selectSearchFieldsOperations,
    #selectSearchFields,
    .transaction_history .datefilter_sec .form-control,
    .paymentsTab-apart .form-inline .form-group .form-control {
        font-size: 16px;
    }

    .select2-container .select2-selection--single .select2-selection__rendered,
    .select2-search--dropdown .select2-search__field,
    .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
        font-size: 16px;
    }

    .multiselect-native-select .multiselect.dropdown-toggle.custom-select {
        font-size: 16px;
    }

    .filter-body-top .form-group .form-control {
        font-size: 16px;
        height: 35px;
    }

    .more-filter .top-row .form-group .form-control {
        font-size: 16px !important;
    }

    .select-merchant .select2-container .select2-selection--single .select2-selection__rendered,
    #formUpdateProfile .select2-container .select2-selection--single .select2-selection__rendered,
    .nav-item .select2-container .select2-selection--single .select2-selection__rendered {
        font-size: 14px;
    }

    .filter-item .form-control,
    .filter-item .btn-primary,
    #usersSearch .input-group-prepend select.form-control,
    .filter-item .select2-container,
    .srchbyname input#inputText,
    .srchbyname .input-group-append .btn,
    .filter-item .btn-exp {
        font-size: 16px;
    }

    .scheduler-page .datefilter_sec .form-control {
        font-size: 16px;
        height: 35px;
    }

    .scheduler-page .custom-select,
    .scheduler-page .form-control {
        font-size: 16px;
    }

    .account-details .card-body .form-control {
        font-size: 16px;
    }
}

/************** /task-5995 ***********/
/************** task-6006/6080 ***********/
.fidelity-block-center {
    position: relative;
    height: 100%;
    padding-bottom: 40px;
}

.btn-primary.less-radius {
    position: absolute;
    bottom: 0;
}

.fidelity-block-center.align-btns {
    height: auto;
    padding-bottom: 0px;
}

.fidelity-block-center.align-btns .btn-primary.less-radius {
    position: static;
}

.qr-block {
    display: flex;
    gap: 10px;
}

@media (max-width: 767px) {
    .fidelity-block-center {
        height: auto;
        padding-bottom: 0px;
    }

    .btn-primary.less-radius {
        position: static;
    }
}

@media (max-width: 1366px) {
    .qr-block {
        display: block;
    }
}

/************** /task-6006/6080 ***********/
.header-title span.title {
    display: inline-block;
    margin-bottom: 0;
}

/************** task-6016 ***********/
.dropdown-menu.dropdown-menu-right {
    border: 1.5px solid #c7cacc;
    border-radius: 0.5rem;
}

.add-user {
    top: 5px;
    z-index: 1;
}

.add-user.manage-user {
    position: static;
    text-align: right;
    margin-bottom: 20px;
}

.dropdown .dropdown-menu .dropdown-item:active {
    color: #16181b;
}

@media (max-width: 1023px) {
    .account-details #users {
        padding-top: 55px;
    }

    .add-user {
        top: 10px;
    }

    #accordionMoreSearchFilters .next-row .srch-wrap.mb-0 {
        margin-bottom: 10px !important;
    }
}

@media (max-width: 767px) {
    #accountDetails.pt-5 {
        padding-top: 1rem !important;
    }

    #accountDetails .row .col-12.mb-5 {
        margin-bottom: 1rem !important;
    }

    .add-user.manage-user {
        position: static;
        margin-bottom: 0;
    }

    .account-details #users {
        padding-top: 0px;
    }

}

@media (max-width: 575px) {
    #accordionMoreSearchFilters .next-row {
        padding: 0 16px;
    }
}

/************** /task-6016 ***********/
/************** task-6052/6090 ***********/
.g-pay-btn img {
    max-width: 47px;
}

.ortxt {
    color: #343a40;
    margin-bottom: 1.5rem;
    position: relative;
    border-bottom: 1px solid #ced4da;
    display: none;
}

.ortxt span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 0 25px;
}

.payment_page .paylinkpage .form-control {
    height: 45px;
    border-radius: 4px;
}

.payment_page .paylinkpage .input-group-text {
    height: 47px;
    border-radius: 4px 0 0 4px !important;
}

.payment_page .paylinkpage #rawAmount {
    height: 45px;
    border-radius: 0px 4px 4px 0px;
}

@media (max-width: 1440px) {
    .float-right.cards_img {
        top: -15px;
        right: 5px;
    }

    .ortxt {
        margin-bottom: 35px;
    }

    .payment_page .paylinkpage .ortxt {
        margin-bottom: 1.5rem;
    }
}

@media (max-width: 767px) {
    .card_footer.securitypageFooter.verify-footer {
        padding: 10px 15px 0 !important;
    }

    .verify-card-body .form-outr {
        padding: 2rem 1rem 1.5625rem;
    }

    .payment_page .paylinkpage .form-control {
        height: 45px;
    }

    .g-pay-btn {
        padding: 12px 12px;
    }

    #btnSubmit {
        height: 45px;
        font-size: 18px;
    }

    .ortxt {
        margin-bottom: 1.5rem;
    }

    .float-right.cards_img {
        top: 50%;
        transform: translateY(-50%)
    }
}

@media (max-width: 428px) {
    .float-right.cards_img {
        top: -15px;
        right: 5px;
    }
}

/************** /task-6052/6090 ***********/

/************** task-6070 ***********/
.admin-menu .nav-pills-fidelity .nav-link.enable-this {
    color: #343a40 !important;
}

/************** /task-6070 ***********/
/************** task-5991 ***********/
#viewModal .transaction-list .table_amout table.tbl-inr {
    width: 100%;
}

.table_amout .table-responsive.add-row tr:first-child td:last-child {
    padding-right: 0px;
}

.default-tbl table td:last-child::after {
    display: none;
}

.additional-tbl table tr:first-child td:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.filter-wrap .apply-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.apply-wrap .btn.btn-primary.filterbtn {
    width: 144px;
    min-width: 144px;
    background: #0698ec;
    border-radius: 100px;
    opacity: 1;
    font-size: 14px;
    line-height: 21px;
    color: #fff;
    padding: 0.375rem 2rem;
    border: 0px;
}

.filter-wrap .srchbyname input#inputText {
    width: 100%;
}

.filter-wrap .srchbyname .input-group-append {
    min-width: 50px;
}

.filter-wrap .srchbyname .input-group-append .btn,
.filter-wrap .srchbyname input#inputText {
    border-radius: 0.25rem;
    height: 38px;
    padding: 6px 1rem;
}

.filter-wrap .srchbyname .input-group-append {
    min-width: auto;
    width: 50px;
}

.filter-wrap .srchbyname input#inputText {
    width: calc(100% - 50px);
    border-right: 0;
    border-radius: 0.25rem 0 0 0.25rem;
}

.filter-wrap .srchbyname .input-group-append .btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ced4da;
    background: #fff;
    border-radius: 0 0.25rem 0.25rem 0;
    border-left: 0;
}

.filter-wrap .srchbyname .input-group-append .btn i {
    margin-right: 0;
    color: #000;
}

.bankreconcil .apply-filter-bar {
    gap: 10px 7px;
}

.bankreconcil .apply-filter-right {
    gap: 0 7px;
    align-items: center;
}

.bankreconcil .apply-filter-bar .apply-filter-left {
    gap: 0 7px;
}

.bankreconcil .datefilter_sec_group {
    margin-left: 0px;
    margin-right: 0px;
}

.aib-details-bar,
.aib-details-bar p {
    display: block;
}

.view-layout-btn {
    border: 0;
    border-radius: 3px;
    background: transparent;
    min-width: 30px;
    padding: 0 3px;
    transition: all 0.3s;
}

.view-layout-btn svg {
    fill: #c4c4c4
}

.view-layout-btn:hover,
.view-layout-btn.current {
    border-color: #343a40;
}

.view-layout-btn:hover svg,
.view-layout-btn.current svg {
    fill: #343a40;
}

.table-wrap .transaction-list .card .aib-details-bar-outr,
.table-wrap .transaction-list .card .table_amout {
    padding: 0 0.937rem;
}

.table-wrap .transaction-list .card .table_amout {
    padding-bottom: 0.937rem;
}

@media (max-width: 1150px) {
    .bankreconcil .apply-filter-bar .apply-filter-right {
        width: 100%;
        justify-content: flex-end;
    }
}

@media (max-width: 1023px) {
    #viewModal .transaction-list .table_details .table-responsive thead {
        display: none;
    }
}

@media (max-width: 991px) {

    #viewModal .transaction-list .srchbyname,
    .table-wrap .transaction-list .card .filter-wrap .srchbyname {
        margin-top: 0;
    }

    .table-wrap .transaction-list .card .filter-wrap {
        padding: 0.937rem;
    }

    .table-wrap .transaction-list .card .aib-details-bar-outr,
    .table-wrap .transaction-list .card .table_amout {
        padding: 0 0.937rem;
    }
}

@media (max-width: 767px) {
    .bankreconcil .apply-filter-left .form-group {
        margin-bottom: 0px !important;
    }

    .bankreconcil .apply-filter-right button#open-export-csv-email-modal {
        margin-top: 20px;
    }

    #viewModal .transaction-list .apply-wrap .clearfilter,
    .transaction_reconciliation .filter-wrap .apply-wrap .clearfilter {
        width: auto;
    }

    .table-wrap .transaction-list .card,
    .table-wrap .table_leftSide .card {
        width: 100%;
    }
}

@media (max-width: 414px) {

    #viewModal .transaction-list .srchbyname .input-group-append .btn,
    .filter-wrap .srchbyname .input-group-append .btn {
        margin-top: 0px;
    }

    .aib-details-bar {
        white-space: normal;
    }
}

@media (max-width: 1576px) {
    .table_leftSide .table-responsive {
        overflow-x: auto;
    }

    .table_leftSide .table-responsive.top-padding {
        padding-top: 0rem !important;
    }

    .transaction_reconciliation .table_leftSide table.table-responsive thead {
        position: static;
    }
}

/************** /task-5991 ***********/
/************** task-5980 ***********/
#runmodal .modal-dialog {
    max-width: 520px;
    margin: 30px auto;
}

#runmodal .modal-header .close {
    margin: -1rem -1rem -1rem auto;
}

/************** /task-5980 ***********/
/************** task-6090 ***********/

/************** /task-6090 ***********/
.grey-btn {
    background: #cccccc;
    border-radius: 5px;
    border: 0;
    font-size: 18px;
    line-height: 21px;
    color: #666666;
    display: block;
    margin: 0 auto;
    text-transform: none;
    transition: all 0.3s;
    font-weight: 700;
    letter-spacing: 0 !important;
    height: 55px;
    width: 100%;
}

/************** task-6094 ***********/
.info-box {
    display: none;
    background: #f0f8fb;
    padding: 15px 20px;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.info-box p {
    margin-bottom: 15px;
}

.info-box p:last-of-type {
    margin-bottom: 0;
}

/************** /task-6094 ***********/
/************** task-6098 ***********/
#dev_li_merchant_user_list .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 2px !important;
}

#dev_li_impersonate .btn {
    font-size: 14px;
}

#select2-dev_list_merchant_users-results .select2-results__option {
    font-size: 14px;
}

/************** /task-6098 ***********/
/************** /task-6141 ***********/
#apple-pay-button {
    padding: 10px 12px;
    background: #000;
    min-width: 100%;
}

@media (max-width: 767px) {
    #apple-pay-button {
        padding: 7.5px 12px;
    }
}

/************** /task-6141 ***********/
/************** task-6152 ***********/
.float-right.cards_img {
    display: flex;
    align-content: center;
    justify-content: center;
}

.float-right.cards_img img {
    object-fit: contain;
}

/************** /task-6152 ***********/
/************** task-6100 ***********/
.sngl-key.mb-row label {
    margin-right: 10px;
}

.api-cred-drop.apicred {
    padding: 15px 10px !important;
    cursor: auto !important;
    width: 100% !important;
    min-width: 312px;
    max-width: 330px;
}

.api-cred-drop.apicred .api-cred-drop-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    white-space: nowrap;
}

.api-cred-drop.apicred .api-cred-drop-link::after {
    display: none;
}

.collapsible span.lft-txt {
    background: transparent !important;
    color: #007bff;
    font-weight: normal;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.api-cred-drop.apicred .lft-txt a {
    color: #007bff;
    text-decoration: underline;
    font-size: 15px;
}

.api-cred-drop.apicred .lft-txt a:hover {
    text-decoration: none;
}

.edit-page-btn.enable-api {
    min-width: auto;
    color: #fff;
    display: inline-flex;
    justify-content: center;
    padding: 6px 12px;
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
}

.api-wrap {
    width: 100%;
}

.collapsible.active .api-cred-drop-link::after {
    transform: rotate(-90deg);
    top: 7px;
}

.edit-page-btn.enable-api {
    display: inline-block;
    padding: 10px 15px;
    font-size: 16px;
    color: #007bff;
    border-radius: 6px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    border: 1px solid #3eb0ff;
    min-width: 105px;
    background: #fff;
    transition: all 0.3s;
}

.edit-page-btn.enable-api:hover {
    background: #3eb0ff;
    color: #fff;
    text-decoration: none;
}

.text-cont a.api-intg-btn {
    background: #fff;
    color: #007bff;
    font-weight: normal;
    font-size: 15px;
    border-radius: 6px;
    border: 0;
    box-shadow: 0px 0px 6px rgba(0, 72, 231, 0.2);
    text-align: center;
    padding: 8px;
    min-width: 165px;
}

.text-cont a.api-intg-btn:hover {
    text-decoration: none;
}

@media (max-width: 767px) {
    .text-cont {
        padding-left: 0;
    }

    .api-cred-drop.apicred .api-cred-drop-link {
        gap: 15px;
    }

    .api-cred-drop.apicred {
        min-width: auto;
        max-width: none;
    }

    .edit-page-btn.enable-api,
    .collapsible span.lft-txt,
    .api-cred-drop.apicred .lft-txt a {
        font-size: 14px;
    }

    .edit-page-btn.enable-api {
        margin-bottom: 0;
        max-width: max-content;
    }

    .api-wrap {
        text-align: center;
    }

    .api-cred-drop.apicred .api-cred-drop-link {
        justify-content: center;
    }
}

@media (max-width: 375px) {

    .collapsible span.lft-txt,
    .api-cred-drop.apicred .api-cred-drop-link {
        gap: 5px;
    }

    .edit-page-btn.enable-api {
        padding: 7.5px 9px;
        min-width: 75px;
        font-size: 14px;
    }

    .text-cont a.api-intg-btn {
        font-size: 14px;
        min-width: 135px;
    }
}

/************** /task-6100 ***********/
/************** task-6181 ***********/
.align-stretch {
    align-items: stretch;
}

.api-bg-wrap {
    height: 100%;
    padding: 20px 10px;
}

.api-bg-wrap a {
    margin-left: 0px;
}

.mb-10 {
    margin: 0 0 10px 0;
    line-height: 1;
}

.doc-links {
    margin-top: 25px;
}

.doc-links .boxshd {
    box-shadow: 0px 0px 6px rgba(0, 72, 231, 0.2);
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    display: block;
    text-align: center;
    line-height: 1;
    margin-bottom: 20px;
}

.doc-links .boxshd:last-child {
    margin-bottom: 0;
}

.doc-links .boxshd:hover {
    text-decoration: none;
}

@media (max-width: 1710px) {
    .doc-links .boxshd {
        font-size: 15px;
    }
}

@media (max-width: 1440px) {
    .doc-links .boxshd {
        margin-bottom: 12px;
    }
}

@media (max-width: 1280px) {
    .doc-links .boxshd {
        padding: 10px 5px;
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .api-bg-wrap {
        padding: 10px;
    }

    .api-cred .form-group.mb-row.mb-0 {
        margin-bottom: 1rem !important;
    }

    .doc-links {
        margin-top: 15px;
    }

    .doc-links .boxshd {
        padding: 10px;
    }
}

/************** /task-6181 ***********/
/************** task-6170/6243 ***********/
.status.active {
    position: relative;
    color: #68798b;
    background: #dbf0d7;
    border-radius: 6px;
    height: 21px;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    padding: 0 7px;
    color: #1c8b55 !important;
    text-align: center;
}

.status.deactivated {
    position: relative;
    height: 21px;
    background: #f5bdc5;
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    padding: 0 7px;
    color: #ff0017;
    text-align: center;
}

.field-status span.status {
    min-width: 97px;
    display: inline-block;
}

/************** /task-6170/6243 ***********/
/************** task-6128 ***********/
.filter-wrap .input-group.datefilter_sec {
    background: #fff !important;
}

.color-green {
    color: #00b322;
}

.color-red {
    color: #ff0000;
}

.filter-wrap .apply-wrap {
    margin-top: 0;
}

/* .filter-wrap .row {
    margin-right: -5.5px;
    margin-left: -5.5px;
}

.filter-wrap .row .col-md-3,
.filter-wrap .row .col-md-12 {
    padding-right: 5.5px;
    padding-left: 5.5px;
} */

.filter-wrap.transaction_history .datefilter_sec .form-control {
    height: 33px;
}

.filter-wrap .srchbyname input#inputText,
.filter-wrap .srchbyname .input-group-append .btn {
    height: 35px;
}

.transaction_history .trans_bottom .pagination-wrap .pagination {
    flex-wrap: nowrap;
}

.srchbyname {
    background: #fff;
}

.filter-wrap .srchbyname .input-group-append .btn-primary:not(:disabled):not(.disabled):active:focus,
.filter-wrap .srchbyname .input-group-append .btn-primary:not(:disabled):not(.disabled).active:focus,
.filter-wrap .srchbyname .input-group-append .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}

.filter-wrap .srchbyname .input-group-append .btn-primary:not(:disabled):not(.disabled):active,
.filter-wrap .srchbyname .input-group-append .btn-primary:not(:disabled):not(.disabled).active,
.filter-wrap .srchbyname .input-group-append .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: transparent;
    border-color: #ced4da;
}

.con-tooltip.tooltip-multiple {
    padding-left: 0;
    line-height: 21px;
    position: relative;
}

.payment_tooltip.tooltip-multiple .tooltip {
    font-weight: normal;
    font-family: "Cabin", sans-serif !important;
    color: #343a40;
    padding: 0.2rem;
    text-align: left;
}

.con-tooltip.tooltip-multiple p {
    color: #343a40;
    font-size: 0.875rem;
}

.con-tooltip.tooltip-multiple.right .tooltip {
    top: -13px;
    left: 100%;
    transform: translateY(0) !important;
    margin-left: 10px;
    width: 300px;
    z-index: 10;
}

.box-card.name-id-box:hover .con-tooltip.tooltip-multiple.right .tooltip,
.multi-mrcnt:hover .con-tooltip.tooltip-multiple.right .tooltip {
    top: -13px;
    left: 100%;
    transform: translateY(0) !important;
    margin-left: 10px;
    width: 300px;
    visibility: visible;
    opacity: 1;
}

.filter-wrap .dropdown-menu .form-check .form-check-label {
    font-size: 14px !important;
    padding-left: 0px;
}

table.multi-mrchnt-table {
    text-align: left;
    font-size: 14px;
    background: #fff;
}

table.multi-mrchnt-table th,
table.multi-mrchnt-table td {
    font-size: 14px;
    padding: 10px;
    line-height: normal;
    background-color: #fff !important;
}

table.multi-mrchnt-table th {
    border-bottom: 1px solid #eeeeee;
    background-color: #f3f4fa !important;
}

table.multi-mrchnt-table tr:hover td {
    background-color: #fff !important;
}

table.multi-mrchnt-table tr:nth-child(2n) td {
    background-color: #f3f4fa !important;
}

.multi-mrchnt-table thead {
    position: static !important;
}

.transaction-list .filter-wrap.transaction_history .btn-group.show .multiselect-container.dropdown-menu.show {
    left: auto !important;
    right: 0 !important;
}

#viewModal .transaction-list .filter-wrap.transaction_history .btn-group.show .multiselect-container.dropdown-menu.show {
    left: 0 !important;
    right: auto !important;
}

@media (max-width: 767px) {

    .filter-wrap.transaction_history .custom-select,
    .filter-wrap.transaction_history .form-control {
        font-size: 14px;
    }
}

@media (max-width: 575px) {
    .box-card {
        flex-wrap: wrap;
    }

    .con-tooltip.tooltip-multiple.right .tooltip,
    .contional-data .con-tooltip.tooltip-multiple.right .tooltip {
        left: -100%;
        transform: translateY(0%) !important;
        margin-left: -32px;
        right: auto;
        margin-top: 40px;
        min-width: auto;
        width: auto;
        max-width: 250px;
    }

    .box-card.name-id-box:hover .con-tooltip.tooltip-multiple.right .tooltip,
    .multi-mrcnt:hover .con-tooltip.tooltip-multiple.right .tooltip {
        left: -100%;
        transform: translateY(0%) !important;
        margin-left: -32px;
        right: auto;
        margin-top: 40px;
        min-width: auto;
        width: auto;
        max-width: 250px;
        visibility: visible;
        opacity: 1;
    }

    .multi-mrcnt:hover .con-tooltip.tooltip-multiple.right .tooltip {
        max-width: 300px;
    }

    table.multi-mrchnt-table th,
    table.multi-mrchnt-table td {
        font-size: 12px;
    }
}

/************** /task-6128 ***********/
/************** task-6231 ***********/
.text-status-refund,
.text-status-voided {
    color: #68798b;
}

.text-status-refund span,
.text-status-voided span {
    margin-left: -15px;
}

.transaction_history .text-status-refund::before,
.transaction_history .text-status-voided::before {
    display: none;
}

/************** /task-6231 ***********/
/************** task-6244 ***********/
.status.active {
    max-width: max-content;
}

.white-bg-table table.table.user-mngnt-table tbody tr td .btn-group {
    min-width: max-content;
}

.mx-22 {
    min-width: 220px;
    max-width: 220px
}

.mx-23 {
    min-width: 230px;
    max-width: 230px
}

.mx-24 {
    min-width: 24px;
    max-width: 240px
}

.mx-15 {
    min-width: 150px;
    max-width: 150px
}

.mx-12 {
    min-width: 120px;
    max-width: 120px
}

@media (max-width: 1280px) {

    .mx-22,
    .mx-23,
    .mx-24,
    .mx-15,
    .mx-12 {
        min-width: 150px;
        max-width: none;
    }

    .white-bg-table table.table.user-mngnt-table tbody tr td:first-child,
    .white-bg-table table.table.user-mngnt-table tbody tr th:first-child {
        min-width: auto;
    }
}

@media (max-width: 767px) {

    .mx-22,
    .mx-23,
    .mx-24,
    .mx-15,
    .mx-12 {
        min-width: 120px;
        max-width: none;
    }
}

/************** /task-6244 ***********/
/************** task-6260 ***********/

.filter-wrap .srchbyname {
    position: relative;
}

.filter-wrap .srchbyname input#inputText {
    height: 35px;
    border-right: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.filter-wrap .srchbyname i.srch-icon {
    position: absolute;
    right: 7px;
    font-size: 14px;
}

.filter-wrap .srchbyname input#inputText:focus {
    box-shadow: none;
    border-color: #80bdff !important;
}

/************** /task-6260 ***********/
/************** task-5436 ***********/
.paylinkform .info-box {
    position: relative;
    z-index: 2;
}

.custom-switch.custom-switch-capture .custom-control-label::before {
    top: 11.5px;
}

.custom-switch.custom-switch-capture .custom-control-label::after {
    top: 13.5px;
}

@media (max-width: 425px) {
    .paylinkform .info-box {
        padding-bottom: 25px;
    }
}

/************** /task-5436 ***********/
/************** task-6276 ***********/
#dev_enable_2fa_function_div .btn-primary.less-radius {
    position: static;
}

#tnc_form .form-card .card-inner.dev-2fa-enable-modal {
    align-items: center;
}

#login-modal.twofactor .modal-content .step-form-wrap {
    height: 100vh;
}

@media (max-width: 767px) {
    #login-modal.twofactor .modal-content {
        height: auto;
    }

    #login-modal.twofactor .card-inner {
        padding: 20px;
    }

    #tnc_form .form-card .card-inner.dev-2fa-enable-modal {
        flex-direction: row;
    }

    #tnc_form .form-card .card-inner.dev-2fa-enable-modal .label.text-left {
        text-align: center !important;
    }
}

@media (max-width: 425px) {
    #tnc_form .form-card .card-inner.dev-2fa-enable-modal h2.label {
        font-size: 26px;
    }
}

/************** /task-6276 ***********/
/************** task-6301 ***********/
a.btn.toggle-activate-user {
    font-size: 0.875rem;
    padding: 0.3rem 0.669rem;
}

/************** /task-6301 ***********/
/************** task-6315 ***********/
.apply-wrap .btn.btn-primary.filterbtn {
    padding: 6.5px 15px;
    background-color: #2196f3;
    border: 1px solid #2196f3;
}

.apply-wrap .btn.btn-primary.filterbtn:hover {
    color: #fff;
    background-color: #0c83e2;
    border-color: #0c7cd5;
}

/************** /task-6315 ***********/
/************** task-6332 ***********/
.srch-wrap {
    border-radius: 0.1875rem;
    gap: 7px;
}

#accordionMoreSearchFilters .srch-wrap .form-group {
    margin-right: 0;
}

@media (max-width: 767px) {
    #accordionMoreSearchFilters .srch-wrap .form-group.light-shadow {
        margin-bottom: 0px !important;
    }
}

@media (max-width: 575px) {
    #accordionMoreSearchFilters .next-row {
        padding: 0px;
    }
}

/************** /task-6332 ***********/
/************** task-6341 ***********/
.cat-link-box {
    height: 45px;
}

.cat-link-box span.title {
    min-width: 128px;
}

.filter-select-row {
    margin-bottom: 1rem;
    display: flex;
    align-items: flex-start;
}

.filter-select-row .form-group {
    margin-bottom: 0;
}

.filter-select-row .form-group .form-group-item {
    margin-right: 10px;
}

@media (max-width: 1280px) {
    .cat-link-box span.title {
        font-size: 16px;
    }
}

@media (max-width: 1199px) {
    .cat-link-box {
        padding: 0 25px;
    }

    .cat-link-box span.title {
        min-width: 105px;
    }
}

@media (max-width: 1080px) {
    #form-raise-ticket .form-group .btn-group {
        max-width: 277px;
    }
}

@media (max-width: 992px) {
    .sprt-apart .mb-4 {
        margin-bottom: 10px !important;
    }

    #form-raise-ticket .form-group .btn-group {
        max-width: none;
    }
}

@media (max-width: 812px) {
    #form-raise-ticket .form-group .btn-group {
        max-width: 255px;
    }
}

@media (max-width: 767px) {
    .filter-select-row {
        flex-direction: column;
        margin-bottom: 10px;
    }

    .filter-select-row .form-group .form-group-item {
        margin-right: 0px;
        margin-bottom: 10px;
    }

    .filter-select-row .form-group {
        width: 100%;
    }

    #form-raise-ticket .form-group .btn-group {
        max-width: none;
        min-width: 100%;
    }
}

/************** /task-6341 ***********/
/************** task-6309 ***********/
.apply-wrap .btn.btn-primary.filterbtn {
    margin-right: 0;
}

.modal+.modal {
    background: rgba(0, 0, 0, 0.5);
}

@media (max-width: 1440px) {
    .transaction-details.side-by-side .box-card.name-id-box {
        min-width: 188px;
    }
}

@media (max-width: 1366px) {
    .transaction-details.side-by-side {
        flex-wrap: wrap;
    }

    .transaction-details.side-by-side .box-card {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .transaction-details.side-by-side .box-card.name-id-box {
        min-width: auto;
    }

    .transaction-details.side-by-side .box-card:nth-child(2) {
        border-right: 0;
    }
}

@media (max-width: 1280px) {
    .box-wrap.side-by-side {
        padding: 10px
    }

    .box-wrap.side-by-side .funding-details .half-col {
        padding: 0px 10px;
    }

    .transaction_history .transaction-list .card-body {
        padding: 0.6rem !important;
    }

    .table-wrap .transaction-list .card .filter-collasp .filter-wrap {
        padding: 10px;
    }

}

@media (max-width: 767px) {
    #viewModal .modal-body {
        padding: 0.537rem;
    }

    .apply-wrap-flex .btn-exp {
        width: auto;
    }

    .box-wrap {
        padding: 10px;
        margin-bottom: 10px;
    }

    .filter-collasp .filter-wrap {
        padding: 10px;
    }

    .apply-filter-right {
        flex-wrap: nowrap;
    }

    .apply-filter-right .btn-exp {
        width: auto;
        margin-bottom: 0;
    }

    .transaction-list .filter-wrap .apply-wrap {
        justify-content: center;
    }

    .transaction_history .clear-wrap .clearfilter {
        margin-top: 10px !important;
        width: auto;
    }

    .transaction-list .filter-wrap.transaction_history .custom-select,
    .transaction-list .filter-wrap.transaction_history .form-control {
        padding: 6px 1rem;
    }

    .filter-collasp .filter-wrap .input-group.datefilter_sec {
        height: 35px;
    }
}

@media (max-width: 414px) {

    .transaction-list .apply-wrap .btn.btn-primary.filterbtn,
    .transaction_history .clear-wrap .clearfilter {
        width: 100%;
    }

    .transaction-details.side-by-side .box-card {
        flex: 0 0 100%;
        max-width: 100%;
        display: flex;
        flex-direction: revert;
        justify-content: space-between;
    }

    .transaction-details.side-by-side .box-card {
        border-right: 0;
    }

    .transaction-details.side-by-side .box-card.name-id-box {
        flex-direction: column;
    }
}

/************** /task-6309 ***********/
/************** task-5978 ***********/
.paylinkform .input-group.datefilter_sec input.form-control {
    padding: 0 12px;
    height: auto;
    border: 0;
    font-size: 14px;
}

.paylinkform .input-group.datefilter_sec .input-group-text {
    color: #495057;
    background: transparent;
}

.paylinkform .form-group .input-group.datefilter_sec,
.paylinkform .input-group.datefilter_sec input.form-control,
.paylinkform .input-group.datefilter_sec label.input-group-prepend {
    height: 38px;
}

/************** /task-5978 ***********/
/************** task-6147 ***********/
#formgroupMonthlyCycles {
    padding: 15px 16px
}

#formgroupMonthlyCycles p {
    font-size: 16px;
    color: #343a40;
    display: inline-block;
    line-height: 1.5;
    margin-bottom: 10px;
}

#formgroupMonthlyCycles p:last-of-type {
    margin-bottom: 0;
}

#formgroupMonthlyCycles .form-control,
#form-group-rt .form-control {
    background: #fff !important;
    min-width: 42px;
    max-width: min-content;
    height: 28px;
    padding: 3px;
    text-align: center;
    display: inline-block;
    margin: 10px 2px;
    line-height: 1.3;
}

#formgroupMonthlyCycles.info-box .form-control {
    margin: 0px 2px;
}

#paybyCardtab #formgroupMonthlyCycles {
    padding: 0px;
}

.blue-box {
    padding: 15px 10px;
    background: #e9ecef;
    border-radius: 8px;
    margin-bottom: 1rem;
    transition: all 0.3s;
    margin-top: 0;
}

.blue-box.visible {
    background: #f0f8fb;
}

.overflow-visible {
    overflow: visible !important;
}

#form-group-rt .form-control {
    background: transparent !important;
    min-width: 28px;
    max-width: 28px;
    height: auto;
    margin: 0px 2px;
}

.payMethod_apart #form-group-rt .custom-control-label {
    font-size: 16px;
}

.payMethod_apart #form-group-rt .custom-control-label::before {
    top: 0.38rem;
}

.payMethod_apart #form-group-rt .custom-switch .custom-control-label::after {
    top: calc(0.373rem + 2px);
}

.form-outr.pl-form {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

#form-group-rt .con-tooltip {
    z-index: inherit;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    line-height: 1;
    padding-left: 5px;
    margin-top: 0px;
}

#form-group-rt .payment_tooltip .tooltip {
    padding: 0.5rem;
    font-size: 14px;
    font-weight: normal;
    color: #343a40;
    font-family: "Cabin", sans-serif !important;
}

#form-group-rt .right .tooltip {
    top: -40px;
    width: 310px;
    text-align: left;
}

.blue-box.visible #form-group-rt .form-control {
    background: #fff !important;
}

#form-group-rt .custom-control-label strong {
    font-size: 15px;
}

.form-outr.pl-form {
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 1536px) {
    #form-group-rt .right .tooltip {
        top: 6px;
    }
}

@media (max-width: 1500px) {
    #form-group-rt .con-tooltip:hover .tooltip {
        transform: translate(-65%, 30%);
    }
}

@media (max-width: 992px) {
    #form-group-rt .right .tooltip {
        top: 5px;
        left: -17px;
    }
}

@media (max-width: 767px) {

    #formgroupMonthlyCycles p,
    .payMethod_apart #form-group-rt .custom-control-label {
        font-size: 14px;
    }

    #formgroupMonthlyCycles.info-box .form-control {
        margin: 2px;
    }

    #form-group-rt .right .tooltip {
        top: 10px;
        left: -13px;
        width: 275px;
    }

    #form-group-rt .con-tooltip {
        margin-top: 0px;
    }

    #form-group-rt .payment_tooltip .tooltip {
        font-size: 12px;
    }
}

@media (max-width: 420px) {
    #form-group-rt .con-tooltip:hover .tooltip {
        transform: translate(-20%, 30%);
    }
}

@media (max-width: 376px) {
    #form-group-rt .con-tooltip:hover .tooltip {
        transform: translate(-75%, 30%);
    }

    #form-group-rt .right .tooltip {
        left: -6px;
        width: 240px;
    }
}

/************** /task-6147 ***********/
/************** task-6385 login-page ***********/
.login-right-outer {
    padding: 10px 0px 10px 0;
    height: 100%;
}

.login-side-wrap-new {
    background: url("../images/login-right-bg.svg") no-repeat 0 0;
    background-size: cover;
    border-radius: 60px 0 0px 60px;
    height: 100%;
    filter: drop-shadow(20px 4px 64px rgba(31, 77, 120, 0.15));
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.gif-img-container {
    margin: 25px auto 0px;
    position: relative;
}

.mobile-pic {
    position: absolute;
    top: -30px;
    right: -65px;
}

.login-mid-content {
    max-width: 600px;
}

.login-mid-content h1 {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 600 !important;
    font-size: 55px;
    line-height: 80px;
    color: #43455E;
    margin-bottom: 10px;
}

.login-mid-content p {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 25px;
    line-height: 38px;
    color: #43455E;
    margin: 0;
}

.login-footer {
    display: flex;
    align-items: center;
    gap: 30px;
}

p.noti-text {
    font-weight: 600 !important;
    font-size: 24px;
    line-height: 39px;
}

.lrn-more-btn {
    background: #4467FB;
    padding: 8px 24px;
    border-radius: 24px;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    white-space: nowrap;
    height: 50px;
    min-width: 182px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    box-shadow: 0px 2px 4px 0px rgba(0, 55, 163, 0.25);
    transition: all 0.3s;
}

.lrn-more-btn:hover {
    color: #fff;
    text-decoration: none;
}

.login-left-wrap button.login_btn {
    background: #4467FB !important;
}

.forgot_password .btn-link {
    color: #4467FB !important;
}

.login-left-wrap .form-group .btn-link {
    color: #4467FB;
}

@media (min-width: 1360px) {
    .login-mid-content {
        margin: 40px auto;
    }
}

@media (max-width: 1600px) {
    .mobile-pic {
        position: absolute;
        top: -20px;
        right: 0px;
    }

    .mobile-pic img {
        max-height: 49vh;
    }

    .login-side-wrap-new {
        border-radius: 40px 0 0px 40px;
    }
}

@media (max-width: 1440px) {
    .login-mid-content h1 {
        font-size: 50px;
        line-height: 72px;
    }

    .login-mid-content p {
        font-size: 22px;
        line-height: 32px;
    }

    p.noti-text {
        font-size: 20px;
        line-height: 36px;
    }

    .lrn-more-btn {
        height: 42px;
        min-width: 155px;
    }
}

@media (max-width: 1366px) {
    .mobile-pic {
        position: absolute;
        top: -20px;
        right: -20px;
    }

    .mobile-pic img {
        max-height: 45vh;
    }

    .login-mid-content h1 {
        font-size: 48px;
        line-height: 70px;
    }

    .login-mid-content p {
        font-size: 20px;
        line-height: 28px;
    }
}

@media (max-width: 1280px) {
    .mobile-pic {
        right: -40px;
    }

    .mobile-pic img {
        max-height: 50vh;
    }

    .login-mid-content h1 {
        font-size: 40px;
        line-height: 56px;
    }

    .login-mid-content p {
        font-size: 16px;
        line-height: 22px;
    }

    p.noti-text {
        font-size: 16px;
        line-height: 24px;
    }

    .login-footer {
        gap: 20px;
    }

    .lrn-more-btn {
        height: 36px;
        min-width: 130px;
        font-size: 15px;
        line-height: 1;
        padding: 5px 15px;
    }

    .login-side-wrap-new {
        border-radius: 32px 0 0px 32px;
    }
}

@media (max-width: 1200px) {
    .login .page-body-wrapper .main-panel {
        padding-top: 0px;
    }

    .mobile-pic img {
        max-height: 46vh;
    }

    .mobile-pic {
        right: -65px;
    }

    .login-side-wrap-new {
        border-radius: 30px 0 0px 30px;
    }
}

@media (max-width: 992px) {
    .login-mid-content {
        margin: 50px auto;
    }

    .login-right-outer {
        padding: 10px;
    }

    .mobile-pic {
        right: -60px;
    }

    .mobile-pic img {
        max-height: 330px;
    }

    .login-side-wrap-new {
        border-radius: 30px;
    }
}

@media (max-width: 767px) {
    .login-mid-content h1 {
        font-size: 32px;
        line-height: 42px;
    }

    .login-mid-content p {
        font-size: 14px;
        line-height: 20px;
    }

    p.noti-text {
        line-height: 22px;
    }

    .lrn-more-btn {
        height: 32px;
        min-width: 120px;
        font-size: 14px;
    }
}

@media (max-width: 640px) {
    .login-footer {
        gap: 10px;
        flex-direction: column;
        justify-content: center;
    }

    .gif-img-container img,
    .gif-img-container #login-animation {
        max-height: 360px;
    }

    .mobile-pic img {
        max-height: 300px;
    }

    .mobile-pic {
        right: -80px;
    }
}

@media (max-width: 428px) {
    .login-mid-content {
        margin: 35px auto;
    }

    .login-mid-content h1 {
        font-size: 28px;
        line-height: 32px;
    }

    .login-mid-content p {
        font-size: 13px;
    }
}

@media (max-width: 360px) {

    .gif-img-container img,
    .gif-img-container #login-animation {
        max-height: 325px;
    }

    .mobile-pic {
        right: -65px;
    }

    .mobile-pic img {
        max-height: 270px;
    }
}

@media (max-width: 320px) {
    .mobile-pic {
        right: -45px;
    }

    .login-mid-content h1 {
        font-size: 26px;
        line-height: 30px;
    }

    .login-mid-content p {
        font-size: 12px;
    }

    .login-side-wrap-new {
        border-radius: 25px;
    }
}

/************** /task-6385 ***********/
/************** task-6324 ***********/
.account-details .card-body .form-control.timezone {
    padding: .375rem .75rem;
    background: #fff url(../images/drop-arrow.png) no-repeat;
    background-position: 97% center;
}

/************** /task-6324 ***********/
/***********task-6350*****************/
.heading-title {
    font-weight: bold;
    margin: 20px 0 36px;
    font-size: 38px;
}

.login .dashboard_img {
    width: 350px;
    max-width: 140px;
}

#fixed_cycle_block .input-group#datefilter_g-field,
#fixed_cycle_block .input-group.datefilter_sec input.form-control,
#fixed_cycle_block .input-group.datefilter_sec label.input-group-prepend {
    height: 48px;
}

#fixed_cycle_block .input-group.datefilter_sec label.input-group-prepend .input-group-text,
.payment_page .paylinkform #specific_date .input-group-text {
    background: transparent !important;
}

.paylinkform #fixed_cycle_block input.form-control {
    padding: 11px 12px !important;
}

.paylinkform #fixed_cycle_block select {
    height: 48px !important;
}

.payment_page .paylinkform #groupScheduleType-variable-table-variables .input-group-prepend {
    display: flex;
    align-items: center;
    margin-right: 15px !important;
}

.payment_page .paylinkform #groupScheduleType-variable-table-variables .input-group-prepend i {
    display: none;
}

.payment_page .paylinkform #groupScheduleType-variable-table-variables .input-group-text {
    width: 24px;
    height: 24px;
    background: url(../images/calender-icon.svg) no-repeat !important;
    background-size: 100% !important;
}

/*********** /task-6350 *****************/

/*********** task-6437 *****************/
.all-card.table-responsive .terminalsec-list ul {
    padding: 15px 0 0 15px;
    list-style: none;
}

.all-card.table-responsive .terminalsec-list ul li {
    padding: 5px 0;
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
    color: #343a3f;
}

.all-card.table-responsive .terminalsec-list ul li strong {
    margin-right: 4px;
}

/*********** /task-6437 *****************/
/*********** task-6461 *****************/
.account-details .card-body .form-control {
    color: #495057;
}

/*********** /task-6461 *****************/

/**********task-6431*************/
.apicred .dashboard-card-titleArea-icon {
    display: none;
}

.api-cred {
    padding: 0;
    width: 100%;
}

/********** /task-6431 *************/
/********** task-6484 *************/
.api-cred-drop.apicred .api-cred-drop-link {
    justify-content: flex-start;
}

.edit-page-btn.api-cred-btn,
.edit-page-btn.enable-api {
    display: inline-block;
    padding: 6px 12px 7px;
    font-size: 12px;
    color: #fff;
    font-weight: normal;
    border-radius: 3px;
    border: 1px solid #1690f8;
    background: #1690f8;
    transition: all 0.3s;
    min-width: 102px;
    cursor: pointer;
}

.edit-page-btn.enable-api:hover,
.edit-page-btn.api-cred-btn:hover {
    background: #3eb0ff;
    border-color: #3eb0ff;
}

.text-cont a.api-intg-btn {
    background: #fff;
    color: #1690f8;
    font-size: 12px;
    border-radius: 3px;
    border: 1px solid #1690f8;
    box-shadow: none;
    padding: 6px 12px 7px;
    min-width: 102px;
}

.edit-page-btn.api-cred-btn i {
    display: inline-flex;
    margin-right: 0;
    font-size: 10px;
    display: inline-flex;
    align-items: flex-end;
    transition: all 0.3s;
}

.edit-page-btn.api-cred-btn.open i {
    transform: rotate(180deg);
}

.copyApiKey,
.copySecretKey {
    display: flex;
}

@media (min-width: 1600px) {
    .key-content {
        max-width: 100%;
    }

    .api-cred-drop.apicred.expanded {
        max-width: none;
    }
}

@media (max-width: 1440px) {
    .key-content {
        padding-right: 20px;
    }
}

@media (max-width: 1366px) {
    .api-cred-drop.apicred {
        min-width: 280px;
    }
}

@media (max-width: 767px) {
    .edit-page-btn.api-cred-btn {
        margin-bottom: 0;
    }

    .edit-page-btn.api-cred-btn,
    .edit-page-btn.enable-api,
    .text-cont a.api-intg-btn {
        min-width: auto;
    }

    .key-content {
        padding: 10px 0;
    }

    .key-content .sngl-key.mb-row label {
        text-align: left;
    }
}

@media (max-width: 360px) {
    .api-cred-drop.apicred .api-cred-drop-link {
        flex-direction: column;
    }

    .edit-page-btn.api-cred-btn,
    .edit-page-btn.enable-api,
    .text-cont a.api-intg-btn {
        min-width: 100%;
    }
}

/********** /task-6484 *************/
/********** task-6528 *************/
.bankreconcil .form-inline {
    gap: 0 7px;
}

.reconsForm.form-inline {
    justify-content: space-between;
    flex-wrap: wrap;
}

.form-inline-left {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0 7px;
}

.apply-filter-right {
    align-items: center;
}

@media (max-width: 1280px) {

    .recons-toggle .custom-switch,
    .apply-filter-bar .custom-switch,
    .header-left #reconsForm .custom-switch {
        line-height: 25px;
    }

    .recons-toggle .custom-control-label,
    .apply-filter-bar .custom-control-label,
    .header-left #reconsForm .custom-control-label {
        font-size: 14px;
    }
}

@media (max-width: 1199px) {

    .form-inline-left,
    .recons-toggle {
        width: 100%;
    }

    .recons-toggle {
        justify-content: flex-end;
        display: flex;
    }
}

@media (max-width: 767px) {
    .recons-toggle #exportCsvBtn {
        margin-bottom: 0;
    }

    .recons-toggle .custom-switch {
        white-space: nowrap;
        line-height: 24px;
    }

    .form-inline-left button.btn.btn-primary.me-2 {
        width: 100%;
        margin-right: 0 !important;
    }

    .header-left #reconsForm {
        display: flex;
        justify-content: flex-end;
        width: 100%;
    }
}

/********** /task-6528 *************/
/********** task-6531 *************/
.table_details tbody tr:hover td,
.table_details tbody tr.activerow td {
    background-color: #f3f4fa;
}

@media (max-width: 1720px) {
    .table_leftSide.split-view tr td {
        padding: 15px 7px;
    }

    .transaction_history .table_leftSide.split-view tr td .btn-primary {
        padding: 0.375rem 1.5rem;
    }
}

@media (max-width: 1360px) {

    .bankreconcil .apply-filter-bar .apply-filter-left,
    .bankreconcil .apply-filter-right {
        width: 100%;
    }

    .bankreconcil .apply-filter-right {
        justify-content: flex-end;
    }
}

@media (min-width: 768px) and (max-width: 1080px) {

    .btn.btn-primary.filterbtn,
    .transaction_history .btn-primary {
        padding: 7.5px 1.5rem;
    }
}

@media (max-width: 1023px) {

    .table_leftSide .terminalsec-list ul,
    .table_details .terminalsec-list ul {
        padding: 0 5px;
        text-align: left;
    }
}

@media (max-width: 375px) {
    .bankreconcil .apply-filter-bar .apply-filter-right {
        flex-wrap: wrap;
    }

    .bankreconcil .apply-filter-bar .apply-filter-right .custom-switch {
        width: 100%;
        text-align: right;
        margin-bottom: 5px;
    }
}

/********** /task-6531 *************/
/********** task-6493/7541/7542/7547 *************/
.btn-primary:hover,
.btn-danger:hover {
    text-decoration: none;
}

#rpModal .modal-dialog

/* #confirmationEmailModal .modal-dialog  */
    {
    max-width: 800px;
    margin: 30px auto;
}

#rpModal .modal-dialog.rpModal {
    max-width: 1200px;
    margin: 30px auto;
}

#rpModal .modal-dialog.rpModal .modal-header {
    border-bottom: 0;
    padding: 0.5rem 1.5rem;
}

#rpModal .modal-dialog.rpModal .modal-header .close {
    margin: -1rem -1rem -1rem auto;
}

#rpModal .modal-content {
    background-color: #fff;
}

#rpModal .modal-dialog.rpModal .modal-body {
    padding: 1.5rem;
    padding-top: 0.5rem;
}

.top-panel {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    background: #ececec;
    padding: 15px 16px;
    border-radius: 6px;
    margin-bottom: 15px;
}

#rpModalBody .top-panel {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
    padding: 0;
    border-radius: 0px;
    background: transparent;
}

.top-panel-lft,
.top-panel-rht {
    border: 2px solid #ced4da;
    border-radius: 7px;
    background: #F9F9F9;
    flex: auto;
}

#rpModalBody .top-panel-body {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 50px;
    padding: 12px 20px;
}

.panel-body-left {
    display: flex;
    align-items: flex-start;
    gap: 30px;
}

.top-panel-lft-header {
    padding: 12px 20px;
    border-bottom: 2px dashed #ced4da;
}

.top-panel-lft-header h4 {
    margin: 0;
    font-size: 24px;
}

.top-panel-lft-header h4 span {
    font-weight: 500;
    font-size: 16px;
}

.panel-body-right {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.top-panel-rht {
    padding: 12px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.status-icon img {
    width: 55px;
    margin-bottom: 5px;
}

.btn-panel {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    justify-content: center;
}

.btn-panel .btn {
    min-width: 72px;
    flex: 1 1 auto;
    font-size: 16px;
    padding: 0.3rem 0.75rem;
}

.btn-panel .btn-grey {
    border-color: #545454;
    color: #545454;
}

.btn-panel .btn-grey:hover {
    background: #545454;
    border-color: #545454;
    color: #fff;
}

.btn-panel .btn-danger {
    background-color: #D65048;
    border-color: #D65048;
}

.top-panel-body p {
    margin-bottom: 0;
    line-height: 22px;
}

.top-panel span {
    color: #868686
}

#rpModalBody.modal-body .btn {
    padding: 0.5rem 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    line-height: normal;
}

.border-thick {
    border-width: 1.5px;
}

/***********/
.table-panel {
    background: #F9F9F9;
    border: 2px solid #ced4da;
    border-radius: 7px;
}

.table-panel .table {
    background: #fff;
}

.table-panel .table.view-table {
    border-collapse: unset;
    border-spacing: 0;
}

.table-panel-top {
    padding: 15px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.table-panel-top-rht {
    display: flex;
    gap: 10px;
}

.btn-group-wrap {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.btn-col-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.recurring-receipt .fa-file-alt {
    color: #2196f3;
    font-size: 20px;
}

.btn-col-group .btn-danger {
    background-color: rgba(255, 0, 23, 0.7);
    border-color: rgba(255, 0, 23, 0.7);
}

.btn-col-group .btn-danger:hover,
.btn-col-group .btn-danger:focus {
    background-color: rgba(255, 0, 23, 1);
    border-color: rgba(255, 0, 23, 1);
}

.table-panel .table .thead-dark th {
    color: #000;
    background-color: #F9F9F9;
    border-color: #ced4da;
}

.table-panel .table .thead-dark th:first-child {
    border-bottom-left-radius: 7px;
}

.table-panel .table .thead-dark th:last-child {
    border-bottom-right-radius: 7px;
}

.table-panel .table tbody {
    background: #fff;
}

.table-panel .table tbody td {
    border-top: 0;
}

.table-panel .table td:nth-child(2) {
    white-space: normal;
    max-width: 300px;
    min-width: 300px;
    line-height: 18px;
}

.table-panel .table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 8px;
}

.table-panel .table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 8px;
}

.tbl-outr {
    overflow-x: auto;
    width: 100%;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.table-panel .table tr.removed-rp {
    background: #f3f4fa;
    overflow: hidden;
}

.table-panel .table tr.removed-rp td,
.table-panel .table tr.removed-rp>tr td {
    border: 0;
}

.modal {
    background: rgba(0, 0, 0, 0.5) !important;
}

.modal-backdrop {
    display: none !important;
}

.top-panel.top-panel-rp {
    flex-direction: column;
    gap: 10px;
    background: #fff;
}

.top-panel-body .form-group label {
    display: block;
    font-weight: 700;
    color: #595959;
}

.datefilter_group .input-group-prepend {
    display: flex !important;
}

.datefilter_group .input-group-text {
    background-color: #fff;
    border-left: 0;
}

.datefilter_group .form-control {
    border-right: 0;
}

.top-panel-footer {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.transaction_history .btn-success {
    padding: 8px 10px;
    border-radius: 8px;
    border: 0px;
    font-size: 14px;
    color: #fff;
}

.top-panel-body {
    width: 100%;
}

.top-panel-body .form-group.row {
    margin-right: -4px;
    margin-left: -4px;
}

.top-panel-body .form-group.row .col-md-2,
.top-panel-body .form-group.row .col-md-3,
.top-panel-body .form-group.row .col-md-4,
.top-panel-body .form-group.row .col-md-5,
.top-panel-body .form-group.row .col-md-6,
.top-panel-body .form-group.row .col-md-7,
.top-panel-body .form-group.row .col-md-8,
.top-panel-body .form-group.row .col-md-9,
.top-panel-body .form-group.row .col-md-10,
.top-panel-body .form-group.row .col-md-12 {
    padding-right: 4px;
    padding-left: 4px;
}

.top-panel-body .form-group.row span {
    color: #495057;
}

.add-new-card .form-control {
    height: 48px;
    position: relative;
    background: transparent;
    width: 100%;
    max-width: none;
}

.add-new-card .form-group.card_number .holder {
    padding-left: 45px;
}

.top-panel-body .form-group.row .holder span.red {
    color: red;
}

@media (max-width: 1199px) {
    #rpModalBody .top-panel-body {
        flex-wrap: wrap;
    }

    .panel-body-right {
        flex-direction: row;
        width: 100%;
        justify-content: flex-end;
    }

    .panel-body-col {
        flex: auto;
    }
}

@media (max-width: 767px) {

    .top-panel-body .form-group label.mb-0 {
        margin-bottom: 5px !important;
    }

    .mb-m {
        margin-bottom: 10px;
    }

    .top-panel-body .form-group label br {
        display: none;
    }

    .add-new-card .form-group .expiry_input,
    .add-new-card .form-group .address_sec {
        margin-bottom: 1rem;
    }

    #rpModalBody .top-panel {
        flex-direction: column;
    }

    .panel-body-right {
        justify-content: center;
    }

    .panel-body-left {
        flex-wrap: wrap;
    }
}

@media (max-width: 640px) {
    .table-panel-top {
        justify-content: center;
        flex-wrap: wrap;
    }
}

@media (max-width: 575px) {
    .top-panel {
        flex-direction: column;
    }

    .btn-panel {
        max-width: none;
    }

    /* #rpModal #confirmationEmailModal .modal-content .modal-body {
        min-height: calc(100vh - 110px);
    } */

    #rpModal .modal-dialog.rpModal .modal-body {
        padding: 1rem;
        padding-top: 0.5rem;
    }

    #rpModalBody .top-panel-body {
        gap: 15px;
    }

    #rpModalBody .panel-body-left {
        gap: 10px;
    }

    .top-panel-lft-header h4 {
        font-size: 20px;
    }

    #rpModalBody.modal-body .btn {
        padding: 0.35rem 0.75rem;
        font-size: 14px;
    }
}

.add-new-card .float-right.cards_img {
    border: 0;
    padding: 0;
    border-radius: 0;
    min-height: auto;
    top: 50%;
    transform: translateY(-50%);
    gap: 1px;
    right: 15px;
    position: absolute;
}

.add-new-card .float-right.cards_img img {
    width: 25px;
}

@media (max-width: 375px) {
    .add-new-card .float-right.cards_img {
        top: -15px;
        right: 15px;
        transform: translateY(0);
        border: 1px solid gray;
        padding: 2px;
        border-radius: 3px;
        min-height: 22px;
        background: #fff;
    }

    .add-new-card .float-right.cards_img img {
        width: 20px;
    }

    .table-panel-top-rht,
    .panel-body-right {
        flex-direction: column;
        width: 100%;
    }

    .table-panel-top-rht .btn,
    .panel-body-right .btn,
    .table-panel-top-lft .btn {
        width: 100%;
    }

    #rpModalBody .panel-body-left {
        flex-direction: column;
    }

    .table-panel-top-lft {
        width: 100%;
    }
}

/********** /task-6493/7541/7542/7547 *************/
/********** task-6615 *************/
@media (max-width: 767px) {
    #reconsForm .apply-filter-right {
        gap: 10px;
    }
}

@media (max-width: 575px) {
    .summery-card .tiles-header.tiles-header-flex {
        flex-wrap: wrap;
    }
}

/********** /task-6615 *************/
/********** task-6292 *************/
#password-strength-status {
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
}

#password-strength-status.very-weak-password {
    background: #f00;
    padding: 10px;
}

#password-strength-status.weak-password {
    background: #f25f5f;
    padding: 10px;
}

#password-strength-status.medium-password {
    background: #eaea19;
    padding: 10px;
}

#password-strength-status.strong-password {
    background: #008000;
    padding: 10px;
}

.my-account-wrap .fidelity-block-center {
    max-width: 435px;
}

.character-wrap {
    display: flex;
    white-space: nowrap;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
    font-size: 14px;
}

.character-wrap strong {
    font-size: 15px;
}

.txt-green {
    color: #00b322;
}

.txt-red {
    color: #F25F5F;
}

@media (max-width: 1280px) {
    .character-wrap {
        font-size: 13px;
    }

    .character-wrap strong {
        font-size: 14px;
    }
}

@media (min-width: 768px) and (max-width: 1080px) {
    .my-account-wrap .fidelity-block-center .form-group .form-control {
        max-width: 100%;
    }
}

@media (max-width: 1100px) {
    .character-wrap {
        flex-wrap: wrap;
        gap: 0 10px;
    }

    .character-wrap strong {
        width: 100%;
    }
}

@media (max-width: 575px) {
    .my-account-admin .card-body {
        padding: 25px 15px !important;
    }

    .my-account-wrap {
        padding: 15px;
    }

    .character-wrap {
        font-size: 12px;
    }

    #password-strength-status {
        font-size: 13px;
        line-height: normal;
    }
}

/********** /task-6292 *************/
/********** task-6792 *************/
.recurring-receipt .fa-receipt {
    color: #2196f3;
    font-size: 20px;
}

#rpModal #transactionReceiptModal .modal-content {
    position: relative;
    padding-bottom: 70px;
}

#rpModal #transactionReceiptModal .modal-content .modal-body {
    min-height: calc(100vh - 200px);
}

#rpModal #transactionReceiptModal .modal-content .modal-body iframe {
    height: 100% !important;
}

#rpModal #transactionReceiptModal .modal-content .modal-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    background: #fff;
}

/********** /task-6792 *************/
/********** task-7076 *************/
.tag {
    background: #d3d3d3;
    color: #808080;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
}

.edited-info {
    padding: 3px 10px;
    border-radius: 5px;
    margin-right: 4px;
}

.attempt-count {
    padding: 5px;
    border-radius: 50px;
    margin-left: 4px;
    min-width: 24px;
    height: 24px;
}

.edited-info:hover .tooltiptext,
.attempt-count:hover .tooltiptext {
    display: block;
    max-height: 315px;
    overflow-y: auto;
}

.attempt-count:hover .tooltiptext {
    max-height: 250px;
}

.tooltiptext {
    display: none;
    position: absolute;
    z-index: 1;
    background-color: #fff;
    padding: 10px;
    border-radius: 5px;
    top: 100%;
    left: 0;
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
    min-width: 200px;
}

.attempt-history .table td:nth-child(2) {
    min-width: auto;
    max-width: none;
}

/********** /task-7076 *************/
/********** task-7226/7227 *************/
.list-style.fd-column {
    flex-direction: column;
}

.list-style.fd-column .form-group .flabel {
    white-space: nowrap;
}

/********** /task-7226/7227 *************/
/********** task-7321 *************/
.cat-link-box .icon {
    display: inline-flex;
}

.link-box-inr {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-width: auto;
}

.cat-link-box,
.cat-link-box span.title {
    font-size: 14px;
}

.cat-link-box .icon {
    margin-right: 10px;
}

.suprt-box textarea.form-control {
    max-width: none;
}

@media (min-width: 1200px) {

    .cat-link-box,
    .cat-link-box span.title {
        font-size: 16px;
    }

    .link-box-inr {
        min-width: 186px;
    }

    .cat-link-box .icon {
        margin-right: 6px;
    }
}

@media (min-width: 1300px) {
    .link-box-inr {
        min-width: 186px;
    }

    .cat-link-box span.title {
        font-size: 16px;
    }

    .cat-link-box .icon {
        margin-right: 10px;
    }
}

@media (min-width: 1600px) {
    .link-box-inr {
        min-width: 225px;
    }

    .cat-link-box span.title {
        font-size: 20px;
    }
}

/********** /task-7321 *************/
/********** task-7542 *************/
.text-status-completed,
.text-status-active,
span.tool.completed {
    color: #53A551;
}

.text-rtagreement-status.text-status-pending,
.text-status-paused {
    color: #FFA500 !important;
}

.text-rtagreement-status.text-status-cancelled,
.text-status-stopped {
    color: #e91512;
}

a.btn-sm.btn-primary.view-btn {
    white-space: nowrap;
}

.text-rtagreement-status:before {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 20px;
}

.text-rtagreement-status.text-status-completed:before,
.text-rtagreement-status.text-status-active:before {
    background: #15d05b;
}

.text-rtagreement-status.text-status-pending:before,
.text-rtagreement-status.text-status-paused:before {
    background: #FFA500;
}

.text-rtagreement-status.text-status-cancelled:before {
    background: #e91512;
}

/********** /task-7542 *************/
/********** task-7547 *************/
.top-panel.top-panel-rp {
    background: #fff;
    box-shadow: none;
    margin-bottom: 0;
    padding: 0;
}

.form-control.add-rp-amount {
    width: 117px;
    max-width: 100%;
}

.form-control.add-rp-reference {
    width: 338px;
    max-width: 100%;
}

.body-items {
    gap: 15px;
    display: flex;
}

.table-panel .table.sch-history-tbl {
    max-width: none;
    min-width: auto;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.table-panel .table.sch-history-tbl .thead-dark th:first-child {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 7px
}

.table-panel .table.sch-history-tbl .thead-dark th:last-child {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 7px;
}

.table-panel .table.sch-history-tbl td:nth-child(2) {
    max-width: none;
    min-width: auto;
}

.tooltiptext {
    padding: 0px;
    border: 2px solid #ced4da;
    box-shadow: none;
    border-radius: 7px;
    top: auto;
    bottom: 100%;
}

.table-panel .table.view-table thead th {
    font-size: 0.875rem;
    padding: 12px 15px;
}

.table-panel .table.view-table tbody tr:first-child .edited-info:hover .tooltiptext,
.table-panel .table.view-table tbody tr:first-child .attempt-count:hover .tooltiptext {
    top: 100%;
    bottom: auto;
}

.table-panel .table.view-table tbody tr:last-child .edited-info:hover .tooltiptext,
.table-panel .table.view-table tbody tr:last-child .attempt-count:hover .tooltiptext {
    top: auto;
    bottom: 0;
    left: 100%;
}

#rpModal .modal.editedInfoModal .modal-dialog {
    max-width: 600px;
    margin: 30px auto;
    top: 50%;
    transform: translateY(-50%);
}

.modal.editedInfoModal .table {
    border-radius: 10px;
}

.modal.editedInfoModal .modal-body {
    padding: 0;
    border: 2px solid #ced4da;
    border-radius: 5px;
}

.modal.editedInfoModal .table td:nth-child(2) {
    max-width: none;
    min-width: auto;
}

@media (max-width: 767px) {
    .body-items {
        flex-direction: column;
        gap: 0;
    }

    .form-control.add-rp-amount,
    .form-control.add-rp-reference {
        width: 100%;
    }

    #rpModal .modal.editedInfoModal .modal-dialog {
        max-width: 95%;
        margin: 20px auto;
    }
}

/********** /task-7547 *************/
/********** task-7600 *************/
.btn-outline {
    border: 1px solid #1690f8;
    border-radius: 35px;
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    color: #1690f8;
    outline: 0;
    background: #fff;
    padding: 7px 20px;
    transition: all 0.3s;
}

@media (max-width: 414px) {
    .breadcrumb.home {
        gap: 5px;
    }

    .breadcrumb.home .btn-outline {
        padding: 5px 15px;
    }
}

/********** /task-7600 *************/
/********** task-7622 *************/
.payment_tooltip.con-tooltip {
    padding: 0 0 0 5px;
}

/********** /task-7622 *************/
/********** task-7547 *************/
.btn-primary-new {
    border: 0;
    border-radius: 0.25em;
    background: initial;
    color: #fff;
    font-size: 1.0625em;
    display: inline-block;
    padding: 0.625em 2em;
    box-shadow: none;
    font-weight: 500;
}

.btn-primary-new.btn-save {
    background-color: #3085d6;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(50, 100, 150, .4);
}

.btn-primary-new.btn-save:hover {
    background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1));
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(50, 100, 150, .4);
}

.btn-primary-new.cancel-btn {
    background-color: #655c5c !important;
}

.btn-primary-new.cancel-btn:hover {
    background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1));
}

.btn-primary-new.cancel-btn:focus {
    outline: 0;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(50, 100, 150, .4);
}

.btn-primary-new.btn-save:focus {
    box-shadow: none;
    outline: 0;
}

#rpModal.modal {
    padding-right: 0 !important;
}

#rpModal .modal-dialog.rpModal {
    top: 0;
    transform: translateY(0);
}

@media (max-width: 1280px) {
    #editRepeatPaymentmodal .modal-dialog {
        margin: 30px auto;
    }
}

@media (max-width: 1023px) {
    .top-panel-footer.justify-content-center {
        width: 100% !important;
    }
}

@media (max-width: 767px) {

    .top-panel-footer {
        justify-content: center;
    }
}

/********** /task-7547 *************/
/********** task-7560 *************/
.input-group-text.input-width {
    width: 71px;
}

.input-group-text.input-width .chosen-container {
    width: auto !important;
}

/********** /task-7560 *************/
/********** task-7875/7826 *************/
.stripe-cred-wrapper {
    max-width: 590px;
}

.stripe-link-copy {
    gap: 10px;
    flex-wrap: wrap;
    position: relative;
}

.link-title {
    color: #4467FB;
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap;
}

.stripe-link {
    border: 1px solid #DDDDDD;
    padding: 10px;
    min-width: calc(100% - 115px);
    max-width: calc(100% - 115px);
    color: #343A3F;
    font-size: 16px;
    font-weight: 500;
}

.stripe-link input {
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
}

.copy-url {
    min-width: 20px;
    text-align: right;
    display: inline-flex;
}

.copy-url i {
    display: inline-flex;
}

.copy_success_msg2 {
    position: absolute;
    left: 100%;
    white-space: nowrap;
    top: 11px;
}

.expiry {
    gap: 15px;
    padding-top: 5px;
}

.copy-input {
    gap: 20px;
}

.copy-input input {
    width: calc(100% - 30px);
    color: #343A40;
    font-size: 16px;
    padding: 5px 10px;
    border: 1px solid #DDDDDD;
    border-radius: 6px;
    box-shadow: none;
}

.stripe-credntials h6 {
    color: #343A40;
    font-size: 16px;
    font-weight: 500 !important;
}

button.btn.btn-remove {
    font-size: 16px;
    font-weight: 700;
    min-width: 154px;
}

.btn.generate-link {
    font-size: 16px;
    padding: 6px 20px;
}

@media (max-width: 991px) {
    .copy_success_msg2 {
        position: static;
        margin-left: 80px;
    }
}

@media (max-width: 767px) {
    .stripe-cred-wrapper {
        padding-top: 20px;
    }

    .stripe-link {
        max-width: 100%;
        min-width: 100%;
    }

    .copy_success_msg2 {
        margin-left: 0px;
    }

    .stripe-link-copy {
        flex-wrap: wrap;
    }

    .link-title {
        width: 100%;
    }
}

#stripe-account-id:focus {
    border-color: #DDDDDD;
}

.copy-input input:read-only {
    background: #f2f2f2;
}

/********** /task-7875/7826 *************/
/********** task-7975 *************/
.upload-wrapper {
    position: relative;
}

.uploaded-img-wrap {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: 2px solid #E5E5E5;
    overflow: hidden;
}

.dropify-wrapper {
    background-color: transparent !important;
    z-index: 2 !important;
}

.dropify-wrapper .dropify-message p {
    color: #fff !important;
}

.dropify-wrapper:hover {
    background-image: none !important;
    background-color: rgba(0, 0, 0, .7) !important;
}

.dropify-wrapper .dropify-message {
    display: none !important;
}

.dropify-wrapper:hover .dropify-message {
    display: block !important;
}

/********** /task-7975 *************/
/********** task-7964 *************/
.paylinkform #stripe .card_number,
.paylinkform #stripe .expiry_input,
.paylinkform #stripe .cvv_input {
    background-color: #fff;
    padding: 14.5px;
    height: auto;
    border-radius: 5px !important;
    border: 0;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(60, 66, 87, 0.16) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;
}

.paylinkform #stripe .row.card_cvv_row {
    margin-right: -6.5px;
    margin-left: -6.5px;
}

.paylinkform #stripe .row.card_cvv_row .col-md-6 {
    padding-right: 6.5px;
    padding-left: 6.5px;
}

/********** /task-7964 *************/
/********** task-8360/8530 *************/
.select2-container.select2-container--default.select2-container--open {
    z-index: 5000;
}

/********** /task-8360/8530 *************/

/********** task-8546 *************/
.data-wrap-outr::-webkit-scrollbar-button {
    display: none;
}

/********** /task-8546 *************/
/********** task-8552 *************/
.transaction_history .trans_bottom {
    min-height: 90px;
}

/********** /task-8552 *************/
/********** task-8300 *************/
.capture-in {
    border: 1px solid #ced4da;
    border-radius: 8px;
}

.form-control.rerunDelayCapture {
    width: 30%;
}

.p-xy {
    padding: .375rem .75rem;
}

.label-text {
    margin-bottom: 0;
    white-space: nowrap;
}

@media (max-width: 767px) {
    .label-text {
        margin-bottom: 5px;
    }

    .mb-none {
        display: none;
    }
}

/********** /task-8300 *************/
/********** task-8686 *************/
.alert-wrap {
    background: #f3f4fa;
    padding: 12px;
    position: absolute;
    width: auto;
    left: 0;
    right: 0;
    top: 100%;
}

.alert.deactivation-alert {
    position: static;
}

@media (min-width: 1024px) {
    .page-body-wrapper .main-panel.padd-top {
        padding-top: 74px;
    }
}

@media (min-width: 1200px) {
    .page-body-wrapper .main-panel.padd-top {
        padding-top: 60px;
    }
}

@media (max-width: 1080px) {
    .alert.deactivation-alert {
        font-size: 15px;
    }
}

@media (max-width: 1023px) {
    .alert-wrap {
        position: relative;
        width: 95%;
        background: transparent;
        padding: 0px;
        margin-top: 10px;
    }
}

/********** /task-8686 *************/
/********** task-805 *************/
#existing-stripe-connect input:focus {
    border-color: #DDDDDD;
}

/********** /task-805 *************/
/********** task-8757 *************/
.stripe_fields .card_number,
.stripe_fields .expiry_input,
.stripe_fields .cvv_input {
    background-color: #fff;
    padding: 14.5px;
    height: 45px;
    border-radius: 5px !important;
    border: 0;
    box-shadow: rgba(204, 204, 204, 0) 0px 0px 0px 0px,
        rgba(204, 204, 204, 0) 0px 0px 0px 0px,
        rgba(204, 204, 204, 0) 0px 0px 0px 0px,
        rgba(204, 204, 204, 1) 0px 0px 0px 1px,
        rgba(204, 204, 204, 0) 0px 0px 0px 0px,
        rgba(204, 204, 204, 0) 0px 0px 0px 0px,
        rgba(204, 204, 204, 0) 0px 0px 0px 0px;
    margin-bottom: 1rem !important;
}

.paylinkpage .form-group.card_number {
    margin-bottom: 1rem !important;
}

.stripe_fields .row.card_cvv_row,
.paylinkpage .row.card_cvv_row {
    margin-right: -6.5px;
    margin-left: -6.5px;
}

.stripe_fields .row.card_cvv_row .col-md-6,
.paylinkpage .row.card_cvv_row .col-md-6 {
    padding-right: 6.5px;
    padding-left: 6.5px;
}

.paylinkpage .row.card_cvv_row .expiry_input {
    padding-right: 0;
}

/********** /task-8757 *************/
/********** task-8754 *************/
.table-panel .table.view-table td:nth-child(2) {
    max-width: none;
    min-width: auto;
}

ul.tbl-pagi {
    align-items: center;
    justify-content: center;
    padding: 20px 0 0;
    border-top: 1px solid #ced4da;
}

ul.tbl-pagi li .nav-link {
    padding: 0.7rem 1.2rem;
    font-size: 16px;
}

.tbl-outr.fixed-layout table {
    table-layout: fixed;
}

@media (max-width: 812px) {
    .tbl-outr.fixed-layout table {
        table-layout: auto;
    }

    .tbl-outr.fixed-layout table thead th,
    .tbl-outr.fixed-layout table tbody td {
        width: auto !important;
    }
}

/********** /task-8754 *************/
/********** task-8806 *************/
.sms-dropdown-toggle {
    min-height: 38px;
}

@media (max-width: 767px) {
    .form-group.row.small-gap .col-md-6.mb-p0 {
        padding: 0;
    }

    #sms_country_dropdown {
        margin-top: 5px;
    }
}


/********** /task-8806 *************/
/********** task-8828 *************/
.inr {
    width: calc(100% - 45px);
}

.pl-43 {
    padding-left: 43px;
}

/********** /task-8828 *************/

.table-hover.sch-history-tbl tbody tr.collapse,
.table-hover.edited-tble tbody tr.collapse {
    background-color: #f3f4fa;
    border-top: 1px solid #dee0ec;
    border-bottom: 1px solid #dee0ec;
}

.table-hover.sch-history-tbl tbody tr.collapse .collapse_data,
.table-hover.edited-tble .collapse_data {
    padding: 0;
}

.table-hover.sch-history-tbl tbody tr.collapse td,
.table-hover.edited-tble tbody tr.collapse td {
    background-color: #f3f4fa;
}

.table-hover.edited-tble .collapse_data p {
    margin-bottom: 0;
    line-height: 22px;
}

/************** task-8982 ***********/
h5.modal-title {
    display: flex;
    align-items: center;
    gap: 5px;
}

h5.modal-title img {
    width: 22px;
}

/************** /task-8982 ***********/
/************** task-9169 ***********/
.status-wrap {
    max-width: max-content;
    margin: 0 auto;
}

/************** /task-9169 ***********/
/************** task-9073 ***********/
.form-control.add-rp-reference,
.form-control.add-rp-amount {
    width: 100%;
}

.body-sngl-item {
    flex: 1;
}

.body-sngl-item:last-child {
    max-width: 140px;
}

@media (max-width: 767px) {
    .body-sngl-item:last-child {
        max-width: none;
    }
}

/************** /task-9073 ***********/
/************** task-9897 ***********/
.transaction_history tbody tr {
    cursor: pointer;
}

.transaction_history tbody tr.collapse {
    cursor: default;
}

/************** /task-9897 ***********/
/************** task-9921 ***********/
.more-filter .top-row .form-group .form-control {
    background: #fff url(../images/drop-arrow.png) no-repeat !important;
    background-position: 97% center !important;
}

.more-filter .top-row .form-group {
    max-width: 212px;
}

.more-filter .top-row .form-group .form-control.inputSearchFieldsTerm {
    background: #fff !important;
}

/************** /task-9921 ***********/
/************** task-10125 ***********/
.select-blink-page {
    max-width: 260px;
    margin: 10px auto;
}

.txt-frame {
    padding: 15px;
}

.txt-frame.oops {
    margin: 10px 0;
}

.txt-frame.oops .cont p {
    font-size: 18px;
}

.txt-frame.oops .cont p:last-of-type {
    margin-bottom: 0;
}

/************** /task-10125 ***********/
/************** task-10492 ***********/
.ac-type.ac-type-stripe {
    background: #675CFE;
}

/************** /task-10492 ***********/
/************** task-11137 ***********/
@media (max-width: 767px) {
    .footer-setings-fields {
        padding-top: 20px;
    }
}

/************** /task-11137 ***********/
/************** task-11126 ***********/
@media (min-width: 1400px) {
    .login-mid-content h1 {
        font-size: 46px;
        line-height: 60px;
    }
}

@media (min-width: 1600px) {
    .login-mid-content h1 {
        font-size: 50px;
        line-height: 65px;
    }
}

@media (min-width: 1700px) {
    .login-mid-content h1 {
        font-size: 55px;
        line-height: 70px;
    }
}

@media (max-width: 1280px) {
    .login-mid-content h1 {
        font-size: 38px;
        line-height: 50px;
    }
}

@media (max-width: 767px) {
    .login-mid-content h1 {
        font-size: 32px;
        line-height: 42px;
    }
}

@media (max-width: 428px) {
    .login-mid-content h1 {
        font-size: 28px;
        line-height: 32px;
    }
}

@media (max-width: 375px) {
    .login-mid-content h1 {
        font-size: 24px;
    }
}

/************** /task-11126 ***********/
/************** task-11075 ***********/
@media (max-width: 575px) {

    .form-group .multiselect-native-select .btn-group .multiselect-container {
        top: 100% !important;
    }

    .form-group .multiselect-native-select .btn-group .multiselect-container.dropdown-menu {
        transform: none !important;
    }

    .form-group .multiselect-native-select .btn-group .multiselect-container.dropdown-menu.show {
        min-width: 100%;
    }

    .multiselect-container.dropdown-menu .dropdown-item .form-check {
        width: 100%;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }

    .multiselect-container.dropdown-menu .dropdown-item .form-check .form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0;
    }

    .multiselect-container.dropdown-menu .dropdown-item .form-check .form-check-label {
        white-space: normal;
    }

}

/************** /task-11075 ***********/
/************** task-11073 ***********/
.filter-buttons {
    gap: 10px;
}

.filter-buttons .btn-exp {
    margin-left: 0;
}

@media (max-width: 1080px) {
    .apply-filter-left {
        margin-bottom: 0;
    }

    .apply-filter-bar {
        gap: 10px;
    }
}

@media (max-width: 1023px) {
    .form-group .form-control {
        max-width: none;
    }
}

@media (max-width: 767px) {
    .filter-buttons {
        align-items: center;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
}

@media (max-width: 575px) {
    .apply-filter-bar {
        gap: 10px 0;
    }
}

/************** /task-11073 ***********/
/************** task-11051 ***********/
@media (max-width: 767px) {
    button.multiselect-option.dropdown-item {
        pointer-events: none;
    }

    span.form-check input,
    span.form-check label {
        pointer-events: all;
    }
}

/************** /task-11051 ***********/
/************** task-11041 ***********/
.datefilter_sec .input-group-text {
    padding: 0.375rem 0.5rem 0.375rem;
}

.form-control:disabled~label {
    background-color: #e9ecef;
    opacity: 1;
}

@media (max-width: 1280px) {

    .datefilter_sec,
    .transaction_history .datefilter_sec {
        height: 38px;
    }
}

/************** /task-11041 ***********/
/************** task-11053 ***********/
.custom-switch-capture .custom-control-label {
    display: flex;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
}

@media (max-width: 991px) {
    .custom-switch-capture .custom-control-label {
        white-space: wrap;
    }
}

@media (max-width: 360px) {
    .custom-switch-capture .custom-control-label {
        align-items: flex-start;
    }
}

/************** /task-11053 ***********/

@media (max-width: 575px) {

    .dropdown-menu.dropdown-menu-right.show,
    .nav-item.blue-item2.dropdown .dropdown-menu-right {
        position: absolute !important;
    }
}

/************** /task-11071 ***********/
/************** task-11373 ***********/
#login-modal .modal-body .terms-cond {
    padding: 1rem 0 0.5rem;
}

#login-modal .modal-body .terms-cond label {
    margin-bottom: 0;
}

#login-modal .modal-body .text-wrap.tm-text {
    height: 35vh;
}

@media (max-width: 991px) {

    #tnc_form .form-card .pop-btn,
    #tnc_form .form-card .disable-btn {
        position: static;
    }

    #tnc_form .form-card.terms-step .card-inner {
        justify-content: flex-start;
    }
}

@media (max-width: 767px) {
    #tnc_form .form-card.terms-step .card-inner {
        flex-direction: column;
        height: auto;
    }
}

/************** /task-11373 ***********/
/************** task-11311 ***********/
.payment_tooltip.con-tooltip {
    top: 0px;
}

/************** /task-11311 ***********/
/************** task-11307 ***********/

.multiselect-container .multiselect-filter>input.multiselect-search {
    border: 1px solid #aaa !important;
    border-radius: .25rem !important;
    padding: .375rem .75rem !important;
    margin: 4px !important;
}

.multiselect-container .multiselect-filter>.fa-search {
    display: none;
}

/************** /task-11307 ***********/
/************** task-11305 ***********/
.select2-search--dropdown .select2-search__field,
.select2-container--default .select2-search--dropdown .select2-search__field {
    background: #fff;
}

/************** /task-11305 ***********/
/************** task-11553 ***********/
.bootstrap-select>select {
    left: 0 !important;
}

/************** /task-11553 ***********/
/************** task-11609 ***********/
.transection_history .card_image img.link-logo {
    width: auto !important;
    max-width: 24px;
}

@media (max-width: 1280px) {
    .transection_history .card_image.link {
        text-align: left;
        margin-left: 10px;
    }
}

/************** /task-11609 ***********/
/************** task-11432 ***********/
.schedule-type-wrap {
    background: #E9ECEF;
    border: 1px solid rgba(0, 72, 231, .1);
    border-radius: 6px;
    padding: 10px;
}

.type-btn-wrap {
    display: flex;
    gap: 12px;
}

.mt-10 {
    margin-top: 10px;
}

.type-btn-wrap .select-btn {
    flex: 1;
    max-width: 50%;
}

.type-btn-wrap .select-btn label {
    font-size: 16px;
    line-height: 26px;
    color: #202234;
    font-weight: 700;
    position: relative;
    margin-bottom: 0;
    padding: 15px 18px 15px 20px;
    background: #F9F9F9;
    border-radius: 8px;
    border: 1px solid #888;
    cursor: pointer;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start !important;
    text-align: center;
    gap: 10px;
    transition: all 0.3s;
}

.type-btn-wrap .select-btn .btn-check {
    position: relative;
    display: none;
}

.type-btn-wrap .select-btn.select-btn-chk label:before {
    content: "";
    width: 23px;
    height: 23px;
    border: 0;
    border-radius: 100%;
    left: 20px;
    right: auto;
    position: static;
    transform: translateY(0);
    background: url("../images/check_tick.svg") no-repeat center;
    transition: all 0.3s;
}

.type-btn-wrap .select-btn.select-btn-chk .btn-check:checked+label:before {
    background: url("../images/check_tick.svg") no-repeat center;
    filter: brightness(0) invert(1);
    border: 0;
}

.type-btn-wrap .select-btn.select-btn-chk .btn-check:checked+label {
    border-color: #3FB0FF;
    background: #3FB0FF;
    color: #fff;
}

.type-btn-wrap .select-btn.select-btn-chk .btn-check label:after,
.type-btn-wrap .select-btn.select-btn-chk .btn-check:checked+label:after {
    display: none;
}

.variable-schedule-wrap {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.selected-currency-display {
    background: #AEBFD2;
    border-radius: 6px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
}

.selected-currency-display:hover {
    background: #cbd9e8;
}

/*****/
.tble-hdr,
.tble-row {
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 6px;
    background: #F9F9F9;
    gap: 10px;
    margin-top: 10px;
}

.tble-hdr {
    margin-top: 0;
}

.hrd-item,
.row-item {
    width: 172px;
}

.hrd-item.addrow-btn,
.row-item.remove-btn {
    width: auto;
}

.paylinkform .schedule-type-block input.form-control {
    padding: 12px 19px;
    height: 45px !important;
    border-radius: 4px;
    border: 1px solid #DDDDDD;
    background-color: #fff !important;
}

.schedule-type-block .datefilter_sec {
    height: 45px;
    border-radius: 4px;
    border: 1px solid #DDDDDD;
    background-color: #fff !important;
    padding: 0;
}

.schedule-type-block .input-group.datefilter_sec input.form-control {
    padding: 12px 19px;
    border: 0;
    background-color: #fff !important;
    height: 100% !important;
}

.schedule-type-block .input-group.datefilter_sec label.input-group-prepend {
    height: 100%;
    background-color: #fff !important;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.schedule-type-block .datefilter_sec .input-group-prepend .fa-calendar-alt {
    color: #A3A3A3;
    font-size: 20px;
}

.paylinkform .schedule-type-block select.form-control.days-field {
    height: 45px !important;
}

#add-variable-schedule-btn,
span.remove-variable-schedule {
    display: block;
    cursor: pointer;
    text-align: right;
}

#add-variable-schedule-btn img,
span.remove-variable-schedule img {
    width: 25px;
}

.grey-card {
    background: #E9ECEF;
    border-radius: 6px;
    padding: 10px;
}

.row.gx-sml,
.row.gx-sml .row {
    margin-right: -5px;
    margin-left: -5px;
}

.row.gx-sml .col-md-12,
.row.gx-sml .col-md-6,
.row.gx-sml .col-md-4,
.row.gx-sml .col-md-2 {
    padding-right: 5px;
    padding-left: 5px;
}

.currency-symbol {
    height: 45px;
    border-radius: 0;
    min-width: 53px;
    background: #AEBFD2;
    border: none;
    position: relative;
    box-shadow: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    font-size: 20px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.unlimited-checkbox.form-control {
    padding: 13px 14px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 7px;
}

.unlimited-checkbox.form-control label {
    margin-bottom: 0;
    padding-right: 0;
}

.custom-number-field {
    width: 80px;
    border-color: #DDDDDD;
}

.paylinkform .schedule-type-block input.form-control.custom-number-field:disabled,
.paylinkform .schedule-type-block input.form-control.custom-number-field[readonly] {
    background-color: #B9B8B8 !important;
}

.amount-wrap {
    background: #F0F8FB;
    border-radius: 6px;
}

.toggle-amt {
    background: #fff;
    border-radius: 4px;
    border: 1px solid #DDDDDD;
    padding: 10px 14px;
}

.toggle-amt .custom-control-label,
.toggle-amt .custom-control-input:disabled {
    color: #999999;
    width: 100%;
}

.toggle-amt .custom-control-input:checked~label {
    color: #343A3F;
}

.amount-wrap-expand {
    padding: 10px;
}

@media (max-width: 1280px) {
    .type-btn-wrap .select-btn label {
        padding: 12px 18px;
    }
}

@media (max-width: 767px) {
    .type-btn-wrap .select-btn label {
        font-size: 14px;
        line-height: 18px;
        padding: 12px;
        gap: 5px;
    }

    .type-btn-wrap .select-btn.select-btn-chk label:before {
        width: 20px;
        height: 20px;
        min-width: 20px;
    }

    .fixed-schedule-wrap label {
        margin-bottom: 8px !important;
    }

    .paylinkform .schedule-type-block input.form-control.number-field {
        margin: 0 0 8px 0;
    }

    .unlimited-checkbox.form-control label {
        margin-bottom: 0px !important;
    }

    .toggle-amt .custom-control-label,
    .toggle-amt .custom-control-input:disabled {
        margin-bottom: 0 !important;
    }

    .mb-m {
        margin-bottom: 8px;
    }

    .paylinkform .schedule-type-block input.form-control {
        height: 38px !important;
    }

    .schedule-type-block .datefilter_sec {
        height: 38px;
    }

    .paylinkform .schedule-type-block select.form-control.days-field {
        height: 38px !important;
    }

    .currency-symbol {
        height: 38px;
    }

    .unlimited-checkbox.form-control {
        height: 38px;
    }

    .selected-currency-display {
        padding: 5px;
        font-size: 19px;
    }

    .schedule-type-block .input-group.datefilter_sec input.form-control {
        padding: 12px 10px;
    }

    .currency-symbol .c-dropdown .chosen-container-single .chosen-single {
        height: 38px;
    }

    .c-dropdown .chosen-container-single .chosen-single div b {
        background-position: 2px 10px;
    }

    .chosen-container-active.chosen-with-drop .chosen-single div b {
        background-position: -15px 10px !important;
    }

    .selected-currency-display .dropdown_c .selected:hover div b {
        background-position: -15px 13px !important;
    }
}

@media (max-width: 375px) {
    .type-btn-wrap .select-btn label {
        line-height: 1;
    }
}

.currency-symbol .c-dropdown .chosen-container-single .chosen-single {
    height: 45px;
}

.currency-symbol .input-group-text.input-width {
    width: 70px;
}

.currency-symbol .c-dropdown .chosen-container-single .chosen-single span {
    font-size: 18px;
}

.paylinkform .currency-symbol select {
    height: 45px !important;
}

.paylinkform .schedule-type-block input.form-control#rawAmountPerPayment {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-top: 0px !important;
}

.selected-currency-display {
    padding: 0 10px;
}

.selected-currency-display .dropdown_c {
    height: 45px;
}

.selected-currency-display .dropdown_c .selected span {
    height: 45px;
    border-radius: 0;
    margin-top: 0;
}

.selected-currency-display .input-group-prepend .input-group-text {
    border: 0;
    border-radius: 0;
}

.selected-currency-display:hover .dropdown_c .selected span {
    background: #cbd9e8;
}

.selected-currency-display .dropdown_c .selected div b {
    background-position: 2px 15px;
}

/************** /task-11432 ***********/
/************task-10874**************/
.schedule-details-wrap {
    background: #F0F8FB;
    border: 1px solid #F0F1F4;
    border-radius: 8px;
    padding: 16px 10px;
}

.schedule-details-hdr {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.schedule-details-hdr h6 {
    font-size: 16px;
    font-weight: 600 !important;
    color: #000;
    margin-bottom: 0;
}

.view-details-btn {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background: #fff;
    border: 1px solid #1690F8;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 8px;
    font-size: 10px;
    color: #343A3F;
    font-weight: 600;
    line-height: 1;
}

.view-details-btn:focus {
    outline: 0;
}

.schedule-details-body {
    padding-top: 12px;
}

.detail-summary {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 12px;
}

.detail-summary h3,
.detail-summary p {
    color: #444444;
    line-height: normal;
    font-weight: 400 !important;
    margin-bottom: 0;
}

.detail-summary p {
    font-size: 16px;
}

.full-detail {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 16px 12px;
    background: #fff;
    border-radius: 6px;
}

.item-row {
    background: #F0F8FB;
    border-radius: 6px;
    padding: 8px 12px;
    border: 1px solid rgba(0, 72, 231, 0.1);
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    color: #343A3F;
}

.item-row h6 {
    color: #343A3F;
}

.item-row-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
    text-align: right;
}

.info-card {
    border: 1px solid #888888;
    border-radius: 6px;
    background: #fff;
    padding: 3px 12px;
    color: #343A3F;
    font-size: 14px;
    line-height: 1.2;
}

@media (max-width: 575px) {
    .schedule-details-hdr {
        justify-content: flex-start;
    }

    .schedule-details-hdr h6 {
        font-size: 15px;
    }

    .detail-summary h3 {
        font-size: 24px;
    }

    .detail-summary p {
        font-size: 14px;
    }

    .item-row h6 {
        font-size: 14px;
    }

    .item-row-right {
        gap: 8px;
    }

    .info-card {
        border-radius: 3px;
        padding: 3px 8px;
        font-size: 12px;
        line-height: 1;
    }
}

/************ /task-10874**************/
/*****Modal css*************/
.modal-dialog.modal-md {
    max-width: 550px;
}

.modal-header {
    border-bottom-color: #E9ECEF !important;
}

.modal-header .close {
    margin: -1rem -1rem -1rem auto !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
        Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    opacity: 0.6;
}

.modal-title {
    font-size: 1.25rem;
    font-weight: 500 !important;
}

.modal-content {
    background-color: #fff !important;
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
}

.modal-footer {
    padding: 1rem !important;
    border-top: 1px solid #E9ECEF !important;
    gap: 10px;
}

.modal-footer>* {
    margin: 0 !important;
}

.alert-danger {
    color: #721C24 !important;
    background-color: #F8D7DA !important;
    border-color: #F5C6CB !important;
}

.alert-message {
    display: flex;
    gap: 10px;
    padding: 1rem !important;
}

.alert-message .cont p {
    color: #721C24;
    margin-bottom: 10px;
}

.cancel-button {
    color: #212529;
    background-color: #dde4eb;
    border-color: #dde4eb;
    min-width: 71px;
}

.cancel-button:hover {
    color: #212529;
    background-color: #c5d1dd;
    border-color: #bdcbd8;
}

#setupRepeatPaymentModal .modal-dialog.modal-md {
    max-width: 550px;
}

.min-w {
    min-width: 150px;
}

#groupScheduleType-fixed,
#groupScheduleType-variable,
#finalAmount_wrap {
    position: relative;
}

.modal#advancedFiltermodal .modal-content {
    box-shadow: none;
    border-radius: 0.3rem;
}

.modal#advancedFiltermodal .modal-header {
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
}

.modal#advancedFiltermodal .modal-header .modal-title {
    font-size: 1.25rem;
    line-height: 1.5;
    text-align: left;
}

.modal#advancedFiltermodal .modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto !important;
    position: static;
    transform: translateY(0%);
    opacity: 0.6;
    text-shadow: 0 1px 0 #fff;
}

.modal#advancedFiltermodal .modal-header .close:hover {
    opacity: 0.75;
}

.modal#advancedFiltermodal .modal-footer {
    justify-content: flex-end;
}

.modal#advancedFiltermodal .modal-footer button.btn {
    width: auto;
    font-weight: 400;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
}

.filter-body-top .top-row {
    flex-flow: wrap;
    gap: 15px;
}

.filter-body-top .top-row .form-group {
    margin-right: 0;
    min-width: 170px;
    max-width: none;
}

.filter-body-top .top-row .form-group .datefilter_sec {
    height: 35px;
}

.filter-body-top .top-row .form-group span.multiselect-native-select {
    position: relative;
    width: 100%;
}

.filter-body-top .top-row .form-group span.multiselect-native-select .btn-group {
    width: 100% !important;
}

@media (max-width: 991px) {
    .filter-body-top .top-row .form-group {
        min-width: 48%;
    }
}

@media (max-width: 575px) {
    .filter-body-top .top-row .form-group {
        min-width: 100%;
    }
}

.btn.btn-variable-minus i {
    margin-right: 0;
}

.table thead th #groupScheduleType-variable-btn-plus i {
    margin-left: 0;
    margin-right: 0;
}

#groupScheduleType-variable-table-variables.table thead th {
    vertical-align: middle;
}

/************Task-11736************/
#scheduleReport {
    border-radius: 0;
}

#scheduleReport .modal-dialog {
    max-width: 650px;
}

#scheduleReport .modal-content {
    padding: 0;
}

#scheduleReport .modal-header {
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
}

#scheduleReport .modal-header .modal-title {
    font-size: 1.25rem;
    line-height: 1.5;
    color: #343a40;
    text-align: left;
    margin-bottom: 0;
}

.scheduleReprtingUl {
    margin: 0 0 0px !important;
}

.scheduleReprtingUl .checkbox-custm {
    margin: 6px 10px 0 0;
}

#scheduleReport ul li label {
    margin-bottom: 0;
}

#scheduleReport .weeklydropdown {
    padding-top: 0px;
}

#scheduleReport ul#weeklydropdown,
#monthlydropdown {
    padding-top: 30px;
}

.monthlydropdown .button-group .dropdown-toggle::after {
    margin-top: 8px;
}

/************ /Task-11736 ************/
#dev_2fa_assignment_modal .modal-dialog {
    max-width: 550px;
    margin: 30px auto;
}

/***** End Modal css*************/
/************ Task-11913 ************/
.dropdown_c .drop-content {
    z-index: 2;
}

.branding-table th,
.branding-table td {
    padding: 16px 10px;
}

.branding-table th {
    padding-top: 0;
}

.branding-table th:first-child,
.branding-table td:first-child {
    padding-left: 0;
    width: 110px;
}

.branding-table th:last-child,
.branding-table td:last-child {
    padding-right: 0;
}

.branding-table th {
    color: #000;
    font-size: 16px;
    font-weight: 700;
}

.branding-table td {
    border-top: 1px solid #E9ECEF;
}

.mid-number {
    background: #E9ECEF;
    border: 1px solid #CED4DA;
    border-radius: 4px;
    padding: 7px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 400;
    color: #343A40;
    line-height: 1;
    width: 100px;
    height: 38px;
}

.assigned-branding {
    width: 350px;
}

.save-settings {
    min-width: 135px;
}

@media (max-width: 575px) {

    .branding-table th,
    .branding-table td {
        padding: 12px 5px;
    }

    .branding-table th:first-child,
    .branding-table td:first-child {
        width: 90px;
    }

    .assigned-branding {
        width: 100%;
    }

    .save-settings {
        min-width: auto;
    }

    .mid-number {
        width: 90px;
    }
}

/************ /Task-11913 ************/
/************ Task-11858 ************/
.row.gx-sml .col-md-11,
.row.gx-sml .col-md-1 {
    padding-right: 5px;
    padding-left: 5px;
}

.input-item-row {
    gap: 16px;
}

.copy-icon {
    min-width: 15px;
    text-align: right;
    transition: all 0.3s;
}

.copy-icon:hover i img {
    filter: brightness(0.5) invert(0);
    -webkit-filter: brightness(0.5) invert(0);
}

.pointer-none {
    pointer-events: none;
}

/************ /Task-11858 ************/
/************ Task-11831 ************/
.preloader-div {
    padding: 1rem;
    min-height: 200px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

}

/************ /Task-11831 ************/
/************ Task-11947 ************/
.view-dtls-btn {
    white-space: nowrap;
    font-size: 12px;
    line-height: 1.3;
    padding: 0.2rem 0.65rem;
}

/************ /Task-11947 ************/
/************ Task-11952 ************/
.preloader-div.min-ht-auto {
    min-height: auto;
}

/************ /Task-11952 ************/
.btn-md {
    min-width: 90px;
}

/************ Task-12035 ************/
#viewModal .modal-dialog .transaction-list #exportToCsvBankReconsModal .modal-dialog {
    max-width: 500px;
}

@media (max-width: 767px) {
    #viewModal .modal-dialog .transaction-list #exportToCsvBankReconsModal .modal-dialog {
        max-width: none;
        margin: 30px 10px;
    }
}

/************ /Task-12035 ************/
/************ Task-12128 ************/

.paylinkform.mx-wd #transactionType.form-control.is-valid {
    background-position: 95% 50% !important;
}

.paylinkform.mx-wd #transactionType.form-control.is-valid {
    padding-right: calc(1.5em + 0.50rem);
}

.hrd-item,
.row-item {
    flex: 1 1 auto;
    width: 242px;
}

.hrd-item.addrow-btn,
.row-item.remove-btn {
    max-width: 25px;
}

@media (max-width: 375px) {
    .schedule-type-block .datefilter_sec .input-group-prepend .fa-calendar-alt {
        font-size: 14px;
    }
}

/************ /Task-12128 ************/
/************ Task-12174 ************/
.paylink_history .btn-group {
    min-width: 136px;
}

.paylink_history .act_btn_group .btn-schedule,
.paylink_history .btn-vt {
    min-width: 136px;
}

.act_btn_group .act_btn {
    max-width: 85px;
}

.act_btn_group .act_btn.send_all_paylinks_btn,
.act_btn_group .act_btn.send_single_paylink_btn {
    max-width: 137px;
    min-width: 137px;
}

.paylink_history .btn-group .btn.btn-primary {
    white-space: nowrap;
}

/************ /Task-12174 ************/
/************ Task-12171************/
button#export-csv-email-btn {
    padding: .375rem .75rem;
}

/************ /Task-12171 ************/
/************ Task-12196 ************/
.blue-box h4.dark-txt {
    color: #343a3f;
    font-weight: 600 !important;
}

/************ /Task-12196 ************/
/************ Task-12206 ************/
.v-scroll {
    overflow-y: auto;
    max-height: 500px;
}

.assigned-branding {
    width: 100%;
}

/************ /Task-12206 ************/
/************ Task-12202 ************/

#send_all_paylinks_btn {
    min-width: 180px;
    padding: 0.25rem 0.95rem;
    border-radius: 10px;
}

/************ /Task-12202 ************/
/************ Task-12263 ************/
.alert-info {
    color: #0c5460 !important;
    background-color: #d1ecf1 !important;
    border-color: #bee5eb !important;
}

/************ /Task-12263 ************/
/************ Task-12289 ************/
#takeAPayment.suprt-box .ico-bg img {
    width: 25px;
}

/************ /Task-12289 ************/
/********* Task-12487 ****************/
.paylinkform .schedule-type-block select.form-control {
    height: 45px !important;
}

/********* /Task-12487 ****************/
/********* Task-12577 ****************/
#merchantAcquiringStatements .transaction_history .pagination,
#merchantInvoices .transaction_history .pagination {
    margin-top: 1rem;
}

/********* /Task-12577 ****************/
/********* Task-12582 ****************/
.gift-check#toggleColumns .form-check-input,
.gift-check#toggleColumns_pay_by_bank .form-check-input {
    margin-left: -1.25rem;
}

/********* /Task-12582 ****************/
/********* Task-12598 ****************/
.scheduler-page #accordionMoreSearchFilters .card-body-top .form-group.auto-width,
.scheduler-page #accordionMoreSearchFilters .form-group.auto-width {
    min-width: auto;
    max-width: none;
}

/********* /Task-12598 ****************/
/********* Task-12674 ****************/
.modal-dialog.modal-lg {
    max-width: 650px;
}

.attempts-table {
    box-shadow: 0 0 15px rgba(0, 72, 231, 0.1);
    border-radius: 6px;
    overflow: hidden;
}

.attempts-table.table-responsive.top-padding {
    padding-top: 0 !important;
}

.table.pay-attempts-tbl .thead th {
    background-color: #f9fbfe;
    font-weight: 600;
    font-size: 1rem;
    padding: 16px 15px;
}

.table.pay-attempts-tbl #payment-attempts-body tr:last-child td {
    border-bottom: 0;
}

.table.pay-attempts-tbl td.display-status {
    padding-left: 30px;
}

.table.pay-attempts-tbl td.display-status::before {
    left: 15px;
}

.transaction_history .text-status-default {
    position: relative;
    color: #68798b;
}

.transaction_history .text-status-default:before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #68798b;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 20px;
}

/********* /Task-12674 ****************/

/********* Task-12721 ****************/
.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
    color: #495057;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true] p,
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true] .text-muted {
    color: #fff !important;
}

#dev_li_merchant_user_list .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 32px !important;
    padding-left: 0.5rem;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #5897fb !important;
}

.mrcnt-setting-filter-inr .select2-container--bootstrap-5 {
    min-width: 175px !important;
    width: 175px !important;
}

.select2-container {
    width: 100% !important;
}

.form-inline .multiselect-container span.form-check {
    padding: 0 5px 0 20px !important;
}

.nm-dtls-btn {
    width: auto;
    top: 50%;
    transform: translateY(-50%);
}

.datefilter_sec {
    padding: 0;
}

.form-control:disabled {
    background-color: #fff;
}

#formBatchPaylinkCSVUploadNew .input-group.datefilter_sec {
    height: 38px;
}

.apply-filter-bar {
    gap: 10px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
}

.select2-container--bootstrap-5 .select2-selection--single {
    background: #fff url(../images/drop-arrow.png) no-repeat !important;
    background-position: 97% center !important;
}

.select2-container--bootstrap-5 .select2-selection--single {
    padding: .375rem 1.5rem .375rem .75rem;
}

span#select2-select2impersonateMerchants-container {
    font-size: 16px;
}

.virtualterminal_page .select2-container .select2-selection--single .select2-selection__rendered,
.create-paylink-page .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 38px;
}

#generateBetaMerchantModal .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0.75rem;
}

.form-check.remember-me .form-check-label {
    padding-left: 10px !important;
}

#allowedMID .modal-dialog {
    max-width: 952px;
}

.apply-all-wrap {
    width: 300px;
}

.added-item {
    width: 280px;
}

.allowed-mid-table td .form-check.form-switch {
    margin-top: 7px !important;
}

.allowed-mid-table .apply-all-wrap .form-check.form-switch,
.allowed-mid-table .added-item .form-check.form-switch {
    margin-top: 0px !important;
}

.scheduleReprtingUl .checkbox-custm {
    position: static;
}

#resendModal .modal-content .modal-body label.form-check-label {
    padding-left: 15px !important;
    padding-top: 3px;
}

#supportedCurrencies-multiselect-container .multiselect-container.dropdown-menu .form-check-label {
    padding-left: 25px !important;
}

#toggleColumns_pay_by_bank label.form-check-label,
#toggleColumns label.form-check-label {
    padding-left: 10px;
}

@media (max-width: 767px) {
    #formSearch .input-group {
        width: 100%;
    }

    #formSearch .btn-exp {
        margin-bottom: 0;
    }

    .mrcnt-setting-filter-inr .select2-container--bootstrap-5 {
        min-width: 100% !important;
        width: 100% !important;
    }
}

/********* /Task-12721 ****************/
/********* Task-12727 ****************/
.app-cards-section {
    flex-wrap: wrap;
    gap: 40px;
}

.app-card {
    margin-right: 0;
}

@media (max-width: 1280px) {
    .app-cards-section {
        gap: 20px;
    }

    .app-card {
        margin-right: 0px;
    }
}

/********* /Task-12727 ****************/
/********* Task-12965 ****************/
.select-list .title {
    cursor: pointer;
    user-select: none;
}

.select-list .select-options {
    max-height: 275px;
    overflow-y: auto;
}

/********* /Task-12965 ****************/
/********* Task-12984 ****************/
.swal2-popup {
    display: none;
    position: relative;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: center;
    width: 32em;
    max-width: 100%;
    padding: 1.25em;
    border: none;
    border-radius: .3125em;
    background: #fff;
    font-family: inherit;
    font-size: 1rem;
}

.swal2-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 1.8em;
}

.swal2-icon {
    position: relative;
    box-sizing: content-box;
    justify-content: center;
    width: 5em;
    height: 5em;
    margin: 1.25em auto 1.875em;
    border: .25em solid transparent;
    border-radius: 50%;
    font-family: inherit;
    line-height: 5em;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.swal2-title {
    position: relative;
    max-width: 100%;
    margin: 0 0 .4em;
    padding: 0;
    color: #595959;
    font-size: 1.875em;
    font-weight: 600;
    text-align: center;
    text-transform: none;
    word-wrap: break-word;
}

.swal2-html-container {
    z-index: 1;
    justify-content: center;
    margin: 0;
    padding: 0 1.6em;
    color: #545454;
    font-size: 1.125em;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    word-wrap: break-word;
}

.swal2-actions {
    display: flex;
    z-index: 1;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 1.25em auto 0;
}

.swal2-styled {
    margin: .3125em;
    padding: .625em 2em;
    box-shadow: none;
    font-weight: 500;
}

.swal2-confirm,
.swal2-cancel {
    border: 0;
    border-radius: .25em;
    background: initial;
    background-color: #3085d6;
    color: #fff;
    font-size: 1.0625em;
}

.swal2-cancel {
    background-color: #aaa;
}

.swal2-styled:focus {
    outline: 0;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(50, 100, 150, .4);
}

.swal2-actions:not(.swal2-loading) .swal2-styled:hover {
    background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1));
}

.swal2-file,
.swal2-input,
.swal2-textarea {
    box-sizing: border-box;
    width: 100%;
    transition: border-color .3s, box-shadow .3s;
    border: 1px solid #d9d9d9;
    border-radius: .1875em;
    background: inherit;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06);
    color: inherit;
    font-size: 1.125em;
}

.swal2-checkbox,
.swal2-file,
.swal2-input,
.swal2-radio,
.swal2-select,
.swal2-textarea {
    margin: 1em auto;
}

/********* /Task-12984 ****************/
/********* Task-13009,13236 ****************/
#rpModal .modal.editedInfoModal .modal-dialog {
    top: auto;
    transform: translateY(0);
}

#rpModal .modal.editedInfoModal {
    background: rgba(255, 255, 255, 0.7) !important;
    border-radius: 10px;
}

table.table.table-hover.edited-tble td {
    border-radius: 0 !important;
}

#rpModal .modal.editedInfoModal .tbl-outr {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding-top: 0;
}

.tbl-outr {
    padding-top: 25px;
}

@media (max-width: 767px) {
    .tbl-outr {
        padding-top: 40px;
    }

    .rp-paginate-div table tr.tbl-row:first-child td .tool::after {
        line-height: normal;
    }

    .apply-wrap-gap {
        gap: 10px;
    }
}

/********* /Task-13009,13236 ****************/
/********* Task-13093 ****************/
@media (max-width: 992px) {
    .dropdown.profile-link .dropdown-menu {
        left: 50%;
        transform: translateX(-50%);
    }
}

@media (max-width: 575px) {
    .dropdown.customised.profile-link {
        flex-direction: column;
    }

    .dropdown.profile-link .dropdown-menu {
        transform: translateX(0%);
        display: block;
        position: static !important;
        width: 100%;
        padding: 0;
        margin-top: 0px !important;
    }

    li.nav-item.dropdown.prf-img .dropdown-menu.dropdown-menu-end {
        left: 50%;
        transform: translateX(-50%);
    }
}

/********* /Task-13093 ****************/
/*********** task-13126 ***********/
#quickbook-modal .modal-dialog {
    max-width: 320px;
}

@media (min-width: 1536px) {
    #quickbook-modal .modal-dialog {
        max-width: 396px;
    }
}

@media (min-width: 1024px) {
    .right-white-panel.quickbook-card {
        width: 100% !important;
    }
}

.right-white-panel.quickbook-card {
    max-width: fit-content;
    position: static !important;
}

#quickbook-modal .modal-body {
    background: #2CA01C;
}

#qb_connect_btn img {
    max-width: 100%;
}

#qb_connect_btn img:last-child {
    display: none;
}

#qb_connect_btn:hover img:first-child {
    display: none;
}

#qb_connect_btn:hover img:last-child {
    display: inline;
}

/*********** /task-13126 ***********/
/********* Task-13121,13147,13176 ****************/
.highlited {
    color: #007bff;
}

.curr-symbl {
    width: 70px;
    padding-left: 25px;
}

.fs-12 {
    font-size: 12px;
}

.w-30 {
    width: 30% !important;
}

.card-img-w {
    width: 40px;
}

.text-md {
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    color: #343A3F;
}

.text-nrl {
    font-size: 14px;
    color: #343A3F;
}

.mxw {
    max-width: -webkit-fill-available;
}

.mxw-100 {
    max-width: 100%;
}

.f-sml {
    font-size: 14px;
}

.table th span.amx-icon img {
    width: 25px;
    height: auto;
}

.img-sz {
    max-width: 300px;
    max-height: 200px;
}


.copy-success-msg {
    width: 200px;
}

.text-sm {
    color: gray;
    font-size: 12px;
    padding-top: 5px;
}

.w-200 {
    width: 200px;
}

.mw-150 {
    max-width: 150px;
}

.border-top-dashed {
    border-top-style: dashed;
}

.preview-wrap {
    position: relative;
    display: block;
    width: 100%;
    height: 500px;
    overflow: hidden;
}

.preview-wrap iframe,
.modal-body-iframe iframe {
    border: 0;
    width: 100%;
    height: 500px;
    background-color: white;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}

/* .table td .gateway_image img {
    width: auto;
    height: auto;
    border-radius: 0;
} */

.w-70 {
    width: 70px;
}

.min-ht {
    min-height: 545px;
}

.mt-150 {
    margin-top: 150px;
}

.mt-100 {
    margin-top: 100px;
}

.container-pad {
    padding-left: 35px;
    padding-right: 35px;
}

.h4-title {
    font-weight: bold;
    margin: 20px 0;
    font-size: 38px;
}

.execution-time {
    font-size: 0.8rem;
    margin: 10px 0px -10px 20px;
    color: #b0b0b0;
}

.copy-right {
    font-size: 24px;
    display: inline-block;
    vertical-align: middle;
    line-height: 24px;
    margin: 0px 0 0 0;
}

a.open-banking-btn.open-banking-btn__bg {
    background-color: gray;
    border-color: gray;
}

/********* /Task-13121,13147,13176 ****************/
/*********** task-13338 ************/
#txnSuccesful .modal-dialog {
    max-width: 486px;
}

#txnSuccesful .modal-content .modal-body {
    padding: 1rem 2rem 2rem !important;
}

#txnSuccesful .modal-content .swal2-header {
    padding: 2rem 2rem 0;
}

#txnSuccesful .modal-content .modal-body hr {
    margin: 42px 0;
}

.auth-code-wrap {
    overflow: hidden;
    font-size: 16px;
    color: #2A3139;
    transition: all 0.3s;
}

.auth-code {
    width: calc(100% - 112px);
    border: 1px solid #2A3139;
    border-radius: 5px 0 0 5px;
}

.auth-code-alt {
    color: #2A3139;
}

.copy-btn {
    border: 1px solid #2A3139;
    border-left: 0;
    border-radius: 0 5px 5px 0;
    background: #4C5968;
    color: #fff;
    width: 112px;
    transition: all 0.3s;
}

.auth-code-wrap:hover .copy-btn,
.copy-btn:hover {
    background: #7E8EA2;
    color: #fff;
}

.auth-code-wrap .copy-btn:focus {
    background: #303B49;
    color: #fff;
}

.copy-btn.btn-clicked {
    background: #4C5968;
    pointer-events: none;
}

.copy-message {
    color: #595959;
    font-size: 16px;
}

@media (max-width: 767px) {
    .auth-code-wrap {
        padding-bottom: 5px;
    }
}

@media (max-width: 576px) {
    #txnSuccesful .modal-dialog {
        width: 90%;
    }
}

@media (max-width: 414px) {
    #txnSuccesful .modal-dialog {
        width: 90%;
    }

    .auth-code-wrap {
        gap: 8px;
        font-size: 14px;
    }

    .auth-code,
    .copy-btn {
        width: 100%;
        border-radius: 5px;
    }

    #txnSuccesful .modal-content .modal-body hr {
        margin: 24px 0;
    }

    .copy-message {
        font-size: 14px;
    }
}

@media (max-width: 375px) {
    #txnSuccesful .modal-content .swal2-header {
        padding: 2rem 2rem 0 !important;
    }
}

/*********** /task-13338 ************/
/*********** task-7159 ************/
#allowedMID .modal-dialog {
    max-width: 960px;
}

.allowedMID-account table,
#edit-permission-block table {
    width: 100%;
}

.allowedMID-account-table thead th {
    color: #000;
    font-weight: 600;
    font-size: 16px;
    padding: 0px 5px 8px 5px;
    white-space: nowrap;
}

.allowedMID-account-table thead th:first-child {
    padding-left: 54px;
}

.allowedMID-account-table thead th:last-child {
    padding-right: 10px;
    padding-left: 32px;
}

.allowedMID-account-table tr td {
    padding: 8px 0;
}

.allowedMID-account-table tr td table {
    background-color: #F3F4FA;
    border: 1px solid #E9ECEF;
    border-radius: 6px;
    border-collapse: separate;
    overflow: hidden;
    transition: all 0.3s;
}

.allowedMID-account-table tr td table td {
    color: #343A40;
    font-weight: 400;
    font-size: 16px;
    padding: 10px 5px;
}

.allowedMID-account-table tr td table td:first-child {
    padding-left: 10px;
}

.allowedMID-account-table tr td table td:last-child {
    padding-right: 10px;
}

.allowedMID-account-table .form-control {
    border-color: #CED4DA;
    height: 35px;
    border-radius: 4px;
}

.mrchnt-acc-cell .form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.form-control.mrchnt_account {
    width: 232px;
}

.permission-cell {
    gap: 20px;
}

.permission-label {
    border: 1px solid #CED4DA;
    border-radius: 4px;
    background: #3D76F8;
    padding: 10px;
    color: #fff;
    font-size: 16px;
    line-height: 1;
    width: 100px;
    height: 35px;
}

.edit-permission {
    min-width: 155px;
    height: 35px;
    border-color: #3D76F8;
    color: #3D76F8;
    font-size: 16px;
    padding: 6px 22px;
    white-space: nowrap;
}

.btn.edit-permission:hover,
.btn.edit-permission:focus {
    color: #fff;
    background-color: #3D76F8;
    border-color: #3D76F8;
}

.pymnt-method-cell {
    gap: 15px;
}

.pymnt-method-cell .form-check,
.notify-email-wrap .form-check {
    padding-left: 2em;
}

.pymnt-method-cell .form-check-input,
.notify-email-wrap .form-check-input {
    width: 20px;
    height: 20px;
    border-radius: 2px;
    border-color: #DDDDDD;
}

.pymnt-method-cell .form-check .form-check-input,
.notify-email-wrap .form-check .form-check-input {
    margin-left: -1.8em;
    margin-top: 0;
}

.pymnt-method-cell .form-check-label,
.notify-email-wrap .form-check-label {
    color: #343A40;
    white-space: nowrap;
}

.pymnt-method-cell .form-check-input:disabled,
.notify-email-wrap .form-check-input:disabled {
    opacity: 1;
}

.pymnt-method-cell .form-check-input:disabled~.form-check-label,
.notify-email-wrap .form-check-input:disabled~.form-check-label {
    color: #888888;
    opacity: 1;
    pointer-events: none;
}

.form-control.mrchnt_account:disabled,
.permission-label.disabled,
.btn.edit-permission:disabled,
.pymnt-method-cell .form-check-input:disabled {
    background-color: #E9ECEF;
    border-color: #CED4DA;
    color: #888888;
    opacity: 1;
}

.notify-email-wrap .form-control.notify-input {
    width: 224px;
    height: 38px;
    border-radius: 4px;
    background-color: #E9ECEF;
    border-color: #CED4DA;
    color: #888888;
}

.notify-email-wrap .form-control.notify-input::placeholder {
    color: #888;
}

.notify-email-wrap .con-tooltip img {
    width: 22px;
}

.notify-email-wrap .payment_tooltip .tooltip {
    font-size: 14px;
    text-align: left;
    line-height: normal;
    font-family: "Cabin", sans-serif;
    min-width: 320px;
}

.notify-email-wrap .right .tooltip,
.edit-permission-table .right .tooltip {
    top: 50%;
    left: 50px;
    transform: translate(50px, -50%)
}

.notify-email-wrap .right.con-tooltip:hover .tooltip,
.edit-permission-table .right.con-tooltip:hover .tooltip {
    transform: translate(-20px, -50%)
}

.allowedMID-account-table tr td table.row-enabled {
    border-color: #3D76F8;
}

#editPermissionModal .modal-dialog {
    max-width: 395px;
    margin: 30px auto;
}

.allowedMID-account-table.edit-permission-table thead th:first-child {
    padding-left: 10px;
}

.allowedMID-account-table.edit-permission-table thead th:last-child {
    padding-left: 0px;
    width: 155px;
}

.form-control.currency-input {
    width: 78px;
}

#editPermissionModal .form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.form-control.credit-limit-input {
    width: 100px;
}

.form-control.credit-limit-input:disabled {
    background-color: #E9ECEF;
    border-color: #CED4DA;
    color: #495057;
    font-weight: 700;
    opacity: 1;
}

.select-currency .form-check-input.currency-toggle:disabled,
.credit-limit-cell .form-check-input.credit-limit-toggle:disabled {
    border-color: #ADB5BD;
    background-color: #E9ECEF;
    opacity: 1;
}

.edit-permission-table .con-tooltip img {
    width: 22px;
    margin-left: 3px;
}

.edit-permission-table .con-tooltip {
    line-height: 1.4;
}

#editPermissionModal.modal {
    background: rgba(0, 0, 0, 0.2) !important;
}

@media (max-width: 991px) {
    #allowedMID .modal-dialog {
        margin: 30px 20px;
    }

    .notify-email-wrap .right .tooltip {
        top: -65px;
        left: 50%;
        transform: translate(-50%, 0%);
    }

    .edit-permission-table .right .tooltip {
        top: 100%;
        left: 50%;
        transform: translate(-50%, 0%);
    }

    .notify-email-wrap .right.con-tooltip:hover .tooltip,
    .edit-permission-table .right.con-tooltip:hover .tooltip {
        transform: translate(-50%, 0%);
    }
}

@media (max-width: 767px) {
    #editPermissionModal .modal-dialog {
        margin: 30px auto;
    }

    .edit-permission-table .right .tooltip,
    .notify-email-wrap .right .tooltip {
        left: auto;
        transform: translate(0, 0);
        right: 0;
    }

    .notify-email-wrap .right.con-tooltip:hover .tooltip,
    .edit-permission-table .right.con-tooltip:hover .tooltip {
        transform: translate(0%, 0%);
    }
}

@media (max-width: 575px) {

    .notify-email-wrap .form-check {
        width: 100%;
    }

    .edit-permission-table .payment_tooltip .tooltip {
        width: 215px;
    }

    .notify-email-wrap .payment_tooltip .tooltip {
        min-width: 215px;
    }
}

@media (max-width: 414px) {

    #editPermissionModal .modal-dialog {
        margin: 30px 10px;
    }

    .edit-permission-table .payment_tooltip .tooltip {
        width: 215px;
    }

    .notify-email-wrap .form-control.notify-input {
        width: 200px;
    }

    .form-control.currency-input {
        width: 60px;
        padding: .375rem .5rem;
    }

    .form-control.credit-limit-input {
        width: 80px;
        padding: .375rem .5rem;
    }
}

/*********** /task-7159 ************/
/*********** task-13423 ************/
.table td.text-status-Schedule,
.table td.text-status-Verified,
.table td.text-status-Pre-Auth {
    position: relative;
    color: #333e4a !important;
    padding-left: 30px;
}

.text-status-Schedule:before,
.text-status-Verified:before,
.text-status-Pre-Auth:before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #15d05b;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 20px;
}

/*********** /task-13423 ************/
.white-bg-table {
    margin: 0 -17px;
}

.app-logo.qb-logo img {
    width: 152px;
}

.table-panel .table.view-table td .transaction_history .text-status:before {
    left: 0;
}

.nav-pills#v-pills-tab .nav-link {
    font-size: 1rem;
}

#scheduleHistoryModal .modal-dialog {
    max-width: 800px;
    margin: 30px auto;
}

@media (max-width: 767px) {
    #scheduleHistoryModal .modal-dialog {
        max-width: 95%;
        margin: 20px auto;
    }
}

/********** Task-14403 ************/
#requestArchivedDataModal .modal-dialog {
    max-width: 376px;
    margin: 30px auto;
}

#requestArchivedDataModal .datefilter_sec {
    height: 38px;
}

#requestArchivedDataModal .datefilter_sec .form-control {
    padding: .375rem .75rem;
}

@media (max-width: 414px) {
    #requestArchivedDataModal .modal-dialog {
        max-width: 90%;
    }

    .archive-data-form-footer .btn {
        flex: auto;
    }
}

/********** Task-14361 ************/
.calendar-error {
    color: #CE3C58;
    background-color: #FCE7EB;
    border: 1px solid #f5c6cb;
    padding: 6px 12px;
    margin-bottom: 8px;
    font-size: 14px;
    border-radius: 4px;
    max-width: 365px;
    display: none;
    text-align: left;
    line-height: 22px;
}

.calendar-error a {
    color: #CE3C58;
    text-decoration: underline;
}

.calendar-error a:hover {
    color: #CE3C58;
    text-decoration: none;
}

/****Task-14780********/
#sms_country_dropdown .iti--allow-dropdown .iti__flag-container {
    border: 1px solid #dee2e6;
    border-radius: 6px;
    height: 38px;
    position: static;
}

#sms_country_dropdown .iti--separate-dial-code .iti__selected-flag {
    background-color: transparent;
}

#sms_countries_dropdown {
    transform: translateY(0) !important;
    transition: none !important;
    height: auto !important;
    position: relative !important;
    z-index: 1;
}

#sms_countries_dropdown button.form-control {
    background-repeat: no-repeat;
    background: #fff url(../images/drop-arrow.png) no-repeat;
    background-position: 97% center;
    padding-right: 32px;
}

#sms_countries_dropdown .dropdown-menu {
    min-width: 300px;
}

@media (max-width: 320px) {
    #sms_countries_dropdown .dropdown-menu {
        min-width: 290px;
    }
}

/****Task-14777********/
.paylinkform .unlimited-checkbox.err-msg .invalid-feedback {
    z-index: 1;
    right: 7px;
    bottom: -22px;
    font-size: 13px;
    max-width: fit-content;
}

@media (max-width: 390px) {
    .paylinkform .unlimited-checkbox.err-msg .invalid-feedback {
        font-size: 12px;
    }
}

/**********Task-14795************/
.divider {
    width: 1px;
    height: 30px;
    background-color: #E9ECEF;
    margin: 0 15px;
    display: inline-block;
}

.form-control.runDelayCapture {
    width: 30%;
}

.order-uuid-wrap span.value-cont {
    word-break: break-all;
    white-space: normal;
}