.nk-sidebar {
    background: #fff;
    display: flex;
}




.dataTables_wrapper .overflow-auto::-webkit-scrollbar {
    width: 10px;
}

.dataTables_wrapper .overflow-auto::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 50px #f5f6fa;
}

.dataTables_wrapper .overflow-auto::-webkit-scrollbar-thumb {
  background-color: #c1d4e6;
  outline: 1px solid #c1d4e6;
}


/*Top Bar*/
.nk-sidebar-head, .nk-header {
    background: #fff;
    border-bottom: 1px solid #dbdfea;
}
.nk-sidebar-head {
    border-bottom: 1px solid #dbdfea;
}
.nk-header.is-light:not([class*=bg-]) {
    background: #fff;
}



/* Sidebar */
#sendMenu>li.active>a,
#receiveMenu>li.active>a,
#manageMenu>li.active>a {
    background: #e6f3ff;
}
.sidebar-right{
    width: 100%;
}

.sidebar-right{
    width: 100%;
}
/*Body*/


.datatable-wrap {
    border: none;
}


.nk-menu {
    padding: 0 8px;
}

.nk-menu-link {
    color: #575664;
    padding-left: 10px;
}

div>li.nk-menu-item>a {
    border-radius: 8px;
}





.card-bordered {
    border-color: #fff;
}
.card-hover {
    cursor: pointer;
    transition: all .3s ease;
}
.card-hover:hover {
    background: #e3e7fe;
    color: #3299fe;
}

.card-hover-not-allowed {
    cursor: not-allowed;
    transition: all .3s ease;
}
.card-hover-not-allowed:hover {
    background: #e3e7fe;
    color: #3299fe;
}

.invalid-error-msg{
    color: #ff5a3a;
    font-size: 14px;
    font-weight: bold;
}

.text-color-disabled { color: #838486; }
.text-color-white { color:white !important; }
.color-black { color: black !important; }
.color-red { color: red !important; }
.color-tbamount { color: #364a63 !important; }

.fw-0 { font-weight: 0 !important; }
.fw-200 { font-weight: 200; }
.fw-300 { font-weight: 300; }
.fw-400 { font-weight: 400 !important; }
.fw-500 { font-weight: 500 !important; }
.fw-bold { font-weight: bold; }

.pl-0 { padding-left: 0px !important; }
.pl-10 { padding-left: 10px; }
/*.pl-3_5-p { padding-left: 3.5%; }*/
.pt-0 { padding-top: 0px !important; }
.pt-3 { padding-top: 3% !important; }
.pt-10px { padding-top: 10px !important; }
.pb-0 { padding-bottom: 0px !important; }
.pb-2 { padding-bottom: 2% !important; }
.pb-3 { padding-bottom: 3% !important; }
.pb-5 { padding-bottom: 5% !important; }

.p-30 { padding: 30%; }
.p-4 { padding: 4% !important; }
.p-2 { padding: 2% !important; }
.pl-2-5 { padding-left: 2.5% !important; }

.ml-1 { margin-left: 1%; }
.ml-2 { margin-left: 2% !important; }
.ml-3 { margin-left: 3% !important; }
.ml-5 { margin-left: 5%; }
.ml-8 { margin-left: 8% !important; }
.ml-10 { margin-left: 10% !important; }
.ml-15 { margin-left: 15%; }
.ml-17 { margin-left: 17%; }
.ml-20 { margin-left: 20%; }
.ml-25 { margin-left: 25%; }
.ml-26 { margin-left: 26%; }
.ml-30 { margin-left: 30% !important; }
.ml-31 { margin-left: 31% !important; }
.ml-32 { margin-left: 32% !important; }
.ml-33 { margin-left: 33% !important; }
.ml-35 { margin-left: 35% !important; }
.ml-36 { margin-left: 36%; }

.mr-12 { margin-right: 12%; }
.mr-9 { margin-right: 9%; }
.mr-8 { margin-right: 8%; }

.mt-0 { margin-top: 0rem !important; }
.mt-0-5 { margin-top: 0.5% !important; }
.mt-1 { margin-top: 1% !important; }
.mt-2 { margin-top: 2% !important; }
.mt-5 { margin-top: 5% !important; }
.mt-50 { margin-top: 50% !important; }

.mb-0 { margin-bottom: 0rem !important; }
.mb-1 { margin-bottom: 1% !important; }
.mb-2 { margin-bottom: 2% !important; }
.mb-3 { margin-bottom: 3% !important; }
.mb-15 { margin-bottom: 15% !important; }
.mb-20 { margin-bottom: 20% !important; }
.mb-55 { margin-bottom: 55% !important; }
.mb-110 { margin-bottom: 110% !important; }

.r-15 { right: 15px; }
.r-17 { right: 17px !important; }

.lh-1 { line-height: 1 !important; }
.lh-2 { line-height: 2 !important; }
.lh-2-5 { line-height: 2.5 !important; }
.lh-3 { line-height: 3 !important; }

.list-square { list-style-type: square; }
.list-circle { list-style-type: circle; }

.borderError { border-color: #ff5a3a; }
.padding-zero { padding-left: 0px !important; padding-right: 0px !important; }
.amount-error-dis { top: 0% !important; bottom: 40% !important; }
.amount-error-dis-dd { border-top-color: #ff5a3a; border-bottom-color: #ff5a3a; }
#tabItem11 svg { fill: #3299fe; }

.cursor-pointer { cursor: pointer !important; }
.cursor-not-allowed { cursor: not-allowed !important; }
.cursor-help { cursor: help; }

.custom-control-label.with-radio:before,
.custom-control-label.with-radio:after {
    top: 7px;
}
.mw-650 { max-width: 650px !important; }
.mw-1100 { max-width: 1100px !important; }
.mw-1350 { max-width: 1350px !important; }
.mw-950 { max-width: 950px !important; }
.mw-850 { max-width: 850px !important; }
.w-5 { width: 5% !important; }
.w-6 { width: 6%; }
.w-7 { width: 7%; }
.w-8 { width: 8%; }
.w-9 { width: 9%; }
.w-10 { width: 10%; !important; }
.w-11 { width: 11%; }
.w-12 { width: 12%; }
.w-15 { width: 15%; }
.w-20 { width: 20% !important; }
.w-21 { width: 21%; }
.w-22 { width: 22% !important; }
.w-25 { width: 25% !important; }
.w-30 { width: 30%; }
.w-31 { width: 31% !important; }
.w-32 { width: 32% !important; }
.w-36 { width: 36% !important; }
.w-48 { width: 48%; }
.w-50 { width: 50%; }
.w-60 { width: 60%; }
.w-65 { width: 65%; }
.w-66 { width: 66%; }
.w-75 { width: 75%; }
.w-82 { width: 82%; }
.w-83 { width: 83%; }
.w-85 { width: 85%; }
.w-90 { width: 90%; }
.w-100 { width: 100%; }

.text-align-center { text-align: center; }
.text-align-left { text-align: left !important; }
.text-align-right { text-align: right !important; }
.header-custom-color { color: #3299fe; }

.fs-12 { font-size: 12px !important; }
.fs-13 { font-size: 13px !important; }
.fs-14 { font-size: 14px !important; }
.fs-15 { font-size: 15px !important; }
.fs-17 { font-size: 17px !important; }
.fs-18 { font-size: 18px !important; }
.fs-19 { font-size: 19px !important; }
.fs-20 { font-size: 20px !important; }
.fs-21 { font-size: 21px !important; }
.fs-22 { font-size: 22px !important; }
.fs-23 { font-size: 23px !important; }
.fs-24 { font-size: 24px !important; }
.fs-25 { font-size: 25px !important; }
.fs-50 { font-size: 50px !important; }
.fs-100 { font-size: 100px !important; }
.fs-140 { font-size: 140px !important; }

.footer-custom { width: 8%;margin-left: 40%; }
.pr-20 { padding-right: 20px !important; }

.h-25 { height: 25px !important; }
.h-30 { height: 30px !important; }
.h-32 { height: 32px !important; }
.h-55 { height: 55px; }
.h-57 { height: 57px; }
.h-40 { height: 40px; }
.h-65px { height: 65px !important; }

.mh-65 {
    min-height: 65px !important;
}
.mh-60 {
    min-height: 60px !important;
}

.p-0 { padding: 0px !important; }

.background-white { background-color: white; }
.background-gray { background-color: #F8F8F8 !important; }

.help-block { background-color: #F8F8F8 !important; width: 20%; max-height: 780px; overflow: auto; }
.help-header { height: 55px; padding: 15px; border-bottom: 1px solid #888; border-radius: 2px; }
.help-content { padding: 10px; }

.image-container { position: relative; width: 50%; }
.image-main {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
}
.image-middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}
.image-container:hover .image-main {
    opacity: 0.3;
}

.image-container:hover .image-middle {
    opacity: 1;
}

.image-text {
    background-color: #d1d4d1;
    color: white;
    font-size: 33px;
    padding: 2px 15px;
    cursor: pointer;
}

/* Start image hover*/
/* The Modal (background) */
.modal-custom-image {
    display: none; /* Hidden by default */
    position: absolute; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0%;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content-custom-image {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption-custom-image {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content-custom-image, #caption-custom-image {
    animation-name: zoom;
    animation-duration: 0.6s;
}

@keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
}

/* The Close Button */
.close-custom-image {
    position: absolute;
    top: 15%;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close-custom-image:hover,
.close-custom-image:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

.max-logo-display-size {
    max-height: 40px;
    max-width: 130px;
}

.card-text-color {
    color: #0077ed;
}

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

/*Table*/
.dataTable td {
    white-space: nowrap;
    border-bottom: 1px solid #1d2c3f;
    padding: 10px 0;
}
.nk-tb-head .nk-tb-col, .nk-tb-item .nk-tb-col:first-child {
    padding-left: 0;
}

/* Payment Voucher */
.payment-voucher {
    display: none;
    background: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    color: #000;
    max-width: 360px;
    padding: 30px;
}
.payment-voucher p, .payment-voucher table tbody tr td {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 15px;
}
.payment-voucher table {
    width: 100%;
}
.payment-voucher table tbody tr td:first-child {
    padding-right: 0px;
    width: 108px;
}
.payment-voucher .pv6 table tbody tr td:first-child {
    padding-right: 0px;
    width: 39px;
}
.payment-voucher table .pv-right {
    text-align: right;
}


.pv1, .pv2, .pv3, .pv8, .pv9 span:last-child, .pv12, .pv13, .pv14 {
    text-align: center;
}
.pv1 {
    margin-bottom: 15px;
}
.pv2 {
    margin-bottom: 15px;
}
.pv2 p {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}
.pv3 {
    margin-bottom: 15px;
}
.pv4 {
    margin-bottom: 15px;
}
.pv5 {
    margin-bottom: 15px;
}
.pv6 {
    margin-bottom: 15px;
}
.pv6 .pv-fee {
    text-decoration: underline;
}
.pv7 {
    margin-bottom: 15px;
}
.pv7 p:first-child {
    font-weight: 700;
}
.pv7 p span:last-child {
    float: right;
}
.pv8 {
    margin-bottom: 15px;
}
.pv9 {
    margin-bottom: 50px;
}
.pv9 p:first-child span {
    margin-left: 30px;
}
.pv9 p:last-child {
    font-weight: 700;
    text-align: center;
}
.pv10 {

}
.pv11 {
    margin-bottom: 15px;
}
.pv12 {
    margin-bottom: 50px;
}
.pv13 {
    font-weight: 700;
    margin-bottom: 15px;
}
.pv14 {
    font-weight: 700;
    margin-bottom: 15px;
}
.pv15 {
    font-weight: 700;
    margin-bottom: 15px;
}
.pv16 {
    font-weight: 700;
}



/*Default Disbursement Method*/
.default-disbursement-method {
    font-size: 16px;
}
.default-disbursement-method-title i {
    display: inline-block;
    color: #0ca678;
    margin-left: 5px;
}
.default-disbursement-method span.number {
    font-weight: 700;
    display: inline-block;
    margin-right: 20px;
}
.default-disbursement-method span.date {
    display: inline-block;
    margin-left: 10px;
}
.default-disbursement-method span.type {
    display: inline-block;
    margin-left: 10px;
}
#idExistingPaymentMethods {
/*    margin-top: 20px !important;*/
    display: block;
}
.default-disbursement-method i.brand {
    font-size: 22px;
    display: inline-block;
    margin-left: 10px;
    top: 2px;
    position: relative;
}

#idDefaultSelectedMethodNewDes label span em {
    display: inline-block;
    margin-left: 15px;
}


/* Sidebar Full */
.nk-sidebar-content.full {
    width: 340px;
}



/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content-custom-image {
        width: 100%;
    }
}
/*End image hover*/
#secret-data iframe { height: 20px !important; }

.required-field:after{
    content:'*';
    color:red;
    padding-left:5px;
}

#report_table tr td {
    height: 42px !important;
}

.btn-payment-method {
    position: relative;
    letter-spacing: 0.02em;
    display: inline-flex;
    align-items: center;
    background-color: transparent;
    border: 1px solid transparent;
}

.focus-card:focus {
    border: 0px !important;
    outline: none !important;
}

.clsPayeeKYCModal {
    top: 1% !important;
}

span.debit-card-svg {
    background: url("/img/cards/debit_card_svg.svg") no-repeat top left;
    background-size: contain;
    cursor: pointer;
    display: inline-block;
    height: 170px;
    width: 150px;
}

span.debit-card-svg-not-allowed {
    background: url("/img/cards/debit_card_svg.svg") no-repeat top left;
    background-size: contain;
    cursor: not-allowed;
    display: inline-block;
    height: 170px;
    width: 150px;
}

span.eft-card-png {
    background: url("/img/cards/eft.png") no-repeat top center;
    background-size: contain;
    cursor: pointer;
    display: inline-block;
    height: 70px;
    width: 170px;
}

span.eft-card-png-not-allowed {
    background: url("/img/cards/eft.png") no-repeat top center;
    background-size: contain;
    cursor: not-allowed;
    display: inline-block;
    height: 70px;
    width: 170px;
}

span.eft-card-png-dark-mode {
    background: url("/img/cards/eft-dark.png") no-repeat top center;
    background-size: contain;
    cursor: pointer;
    display: inline-block;
    height: 70px;
    width: 170px;
}

span.eft-card-png-dark-mode-not-allowed {
    background: url("/img/cards/eft-dark.png") no-repeat top center;
    background-size: contain;
    cursor: not-allowed;
    display: inline-block;
    height: 70px;
    width: 170px;
}

span.rtp-payment {
    background: url("/img/cards/fednow.webp") no-repeat top center;
    background-size: contain;
    cursor: pointer;
    display: inline-block;
    height: 70px;
    width: 170px;
}

span.rtp-payment-not-allowed {
    background: url("/img/cards/fednow.webp") no-repeat top center;
    background-size: contain;
    cursor: not-allowed;
    display: inline-block;
    height: 70px;
    width: 170px;
}

span.rtp-payment-dark-mode {
    background: url("/img/cards/fednow.webp") no-repeat top center;
    background-size: contain;
    cursor: pointer;
    display: inline-block;
    height: 70px;
    width: 170px;
}

span.rtp-payment-dark-mode-not-allowed {
    background: url("/img/cards/fednow.webp") no-repeat top center;
    background-size: contain;
    cursor: not-allowed;
    display: inline-block;
    height: 70px;
    width: 170px;
}

span.cheque-png {
    background: url("/img/cards/cheque1.png") no-repeat top center;
    background-size: contain;
    cursor: pointer;
    display: inline-block;
    height: 70px;
    width: 170px;
}

span.cheque-png-not-allowed {
    background: url("/img/cards/cheque1.png") no-repeat top center;
    background-size: contain;
    cursor: not-allowed;
    display: inline-block;
    height: 70px;
    width: 170px;
}

span.cheque-png-dark-mode {
    background: url("/img/cards/cheque1-dark.png") no-repeat top center;
    background-size: contain;
    cursor: pointer;
    display: inline-block;
    height: 70px;
    width: 170px;
}

span.cheque-png-dark-mode-not-allowed {
    background: url("/img/cards/cheque1-dark.png") no-repeat top center;
    background-size: contain;
    cursor: not-allowed;
    display: inline-block;
    height: 70px;
    width: 170px;
}

span.debit-card-png {
    background: url("/img/cards/icon2.png") no-repeat top center;
    background-size: contain;
    cursor: pointer;
    display: inline-block;
    height: 70px;
    width: 170px;
}

span.debit-card-png-not-allowed {
    background: url("/img/cards/icon2.png") no-repeat top center;
    background-size: contain;
    cursor: not-allowed;
    display: inline-block;
    height: 70px;
    width: 170px;
}

span.debit-card-png-dark-mode {
    background: url("/img/cards/icon2-dark.png") no-repeat top center;
    background-size: contain;
    cursor: pointer;
    display: inline-block;
    height: 70px;
    width: 170px;
}

span.debit-card-png-dark-mode-not-allowed {
    background: url("/img/cards/icon2-dark.png") no-repeat top center;
    background-size: contain;
    cursor: not-allowed;
    display: inline-block;
    height: 70px;
    width: 170px;
}

span.interac-png {
    background: url("/img/cards/interac.png") no-repeat top center;
    background-size: contain;
    cursor: pointer;
    display: inline-block;
    height: 70px;
    width: 170px;
}

span.interac-png-not-allowed {
    background: url("/img/cards/interac.png") no-repeat top center;
    background-size: contain;
    cursor: not-allowed;
    display: inline-block;
    height: 70px;
    width: 170px;
}

span.interac-png-dark-mode {
    background: url("/img/cards/interac-dark.png") no-repeat top center;
    background-size: contain;
    cursor: pointer;
    display: inline-block;
    height: 70px;
    width: 170px;
}

span.interac-png-dark-mode-not-allowed {
    background: url("/img/cards/interac-dark.png") no-repeat top center;
    background-size: contain;
    cursor: not-allowed;
    display: inline-block;
    height: 70px;
    width: 170px;
}

span.request-money-png {
    background: url("/img/cards/iconrp.png") no-repeat top center;
    background-size: contain;
    cursor: pointer;
    display: inline-block;
    height: 70px;
    width: 170px;
}

span.request-money-png-dark-mode {
    background: url("/img/cards/iconrp-dark.png") no-repeat top center;
    background-size: contain;
    cursor: pointer;
    display: inline-block;
    height: 70px;
    width: 170px;
}

span.payment-method-desc {
    font-size: 13px;
    font-weight: 400;
}

.send-disb-icon {
    background: url("/img/cards/icon4.png") no-repeat top left;
    background-size: contain;
    cursor: pointer;
    display: inline-block;
    height: 18px;
    width: 18px;
}

.card-border-one {
    background: white !important;
    border-radius: 25px;
}

.card-border-one:hover {
    background: white !important;
    border: 2px solid #00ADEE;
    border-radius: 25px;
    cursor: pointer;
}

.card-border-one-not-allowed {
    background: white !important;
    border-radius: 25px;
    cursor: not-allowed;
}

.card-border-one-not-allowed:hover {
    background: white !important;
    border: 2px solid #00ADEE;
    border-radius: 35px;
}

.card-text-color2{
    color: #00ADEE;
}

span.prepaid-card-svg {
    background: url("/img/cards/prepaid_card_svg.svg") no-repeat top left;
    background-size: contain;
    cursor: pointer;
    display: inline-block;
    height: 170px;
    width: 150px;
}

span.prepaid-card-svg-not-allowed {
    background: url("/img/cards/prepaid_card_svg.svg") no-repeat top left;
    background-size: contain;
    cursor: not-allowed;
    display: inline-block;
    height: 170px;
    width: 150px;
}

.err-500-img {
    width: 55%;
}

.err-400-img {
    width: 60%;
}

.err-404-img {
    width: 43%;
}

.err-guest {
    width: 100%;
}

.err-500-text {
    color: #5078A0;
}

.nk-error-head-custom {
    font-size: 75px !important;
}

.disb-method-custom-col1 { width: 50%; font-size: 14px; }
.disb-method-custom-col2 { width: 15%; font-size: 14px; margin-left: 2%; }
.disb-method-custom-col-set-default { width: 25%; font-size: 14px; }

.red-bkg-td { background-color: #fceae9; border-color: #f7c1bd; color: #c3463c; }
.red-bkg-td:hover { background-color: #fceae9 !important; border-color: #f7c1bd; color: #c3463c; }

.email-success { border-bottom: #58c437; }
.email-heading-success { color: #58c437; }
:root { --blue: #559bfb; --indigo: #2c3782; --purple: #816bff; --pink: #ff63a5; --red: #ff5a3a; --orange: #ffa353; --yellow: #ff5a3a; --green: #58c437; --teal: #20c997; --cyan: #09c2de; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #3299fe; --secondary: #364a63; --success: #58c437; --info: #09c2de; --warning: #ff5a3a; --danger: #ff5a3a; --dark: #1c2b46; --gray: #8091a7; --light: #e5e9f2; --lighter: #f5f6fa; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --breakpoint-xxl: 1540px; --font-family-sans-serif: Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
.valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #58c437; }
.was-validated .form-control:valid, .form-control.is-valid { border-color: #58c437; padding-right: 2.125rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2358c437' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right add(0.3125rem, 0.21875rem) center; background-size: add(0.625rem, 0.4375rem) add(0.625rem, 0.4375rem); }
.was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #58c437; box-shadow: 0 0 0 0.2rem rgba(30, 224, 172, 0.25); }
.was-validated .custom-select:valid, .custom-select.is-valid { border-color: #58c437; padding-right: calc(0.75em + 2.65625rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 1rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2358c437' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 2rem/add(0.625rem, 0.4375rem) add(0.625rem, 0.4375rem); }
.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #58c437; box-shadow: 0 0 0 0.2rem rgba(30, 224, 172, 0.25); }

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #58c437; }
.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #58c437; }

.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #58c437; }
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #58c437; }

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #58c437; }

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #58c437; box-shadow: 0 0 0 0.2rem rgba(30, 224, 172, 0.25); }
.btn-success { color: #fff; background-color: #58c437; border-color: #58c437; }
.btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #58c437; border-color: #58c437; }
.btn-outline-success { color: #58c437; border-color: #58c437; }

.btn-outline-success:hover { color: #fff; background-color: #58c437; border-color: #58c437; }

.btn-outline-success.disabled, .btn-outline-success:disabled { color: #58c437; background-color: transparent; }

.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #58c437; border-color: #58c437; }
.badge-success { color: #fff; background-color: #58c437; }
.bg-success { background-color: #58c437 !important; }
.border-success { border-color: #58c437 !important; }
.text-success { color: #58c437 !important; }
.badge-success { border-color: #58c437; }
.badge-outline-success { color: #58c437; border-color: #78eccd; }
.badge-dim.badge-success { color: #58c437; background-color: #e6fcf6; border-color: #e6fcf6; }

.badge-dim.badge-outline-success { color: #58c437; background-color: #e6fcf6; border-color: #a5f3de; }
.badge-dot.badge-success { color: #58c437; }
.alert-fill.alert-success { color: #fff; background: #58c437; }
.alert-pro.alert-success { border-color: #58c437; }
.alert-pro.alert-success > .icon { color: #58c437; }
.link-success { color: #58c437 !important; }

.link-on-success:hover { color: #58c437 !important; }
.btn-dim.btn-outline-success { color: #58c437; background-color: #e6fcf6; border-color: #a5f3de; }

.btn-dim.btn-outline-success:not(:disabled):not(.disabled):hover { color: #fff; background-color: #58c437; border-color: #58c437; }
.btn-white.btn-outline-success:not(.btn-dim):not(:disabled):not(.disabled):hover, .btn-trans.btn-outline-success:not(.btn-dim):not(:disabled):not(.disabled):hover { color: #58c437; background: #e6fcf6; }
.btn-dim.btn-success { color: #58c437; background-color: #e6fcf6; border-color: transparent; }

.btn-dim.btn-success:not(:disabled):not(.disabled):hover { color: #fff; background-color: #58c437; border-color: #58c437; }
.toastr.toast-success { border-color: #58c437; }

.toastr.toast-success .icon { color: #58c437; }
.swal2-popup.swal2-toast .swal2-success { border-color: #58c437; }
.swal2-styled.swal2-confirm { border: 0; border-radius: 0.25em; background: initial; background-color: #58c437; color: #fff; }
.swal2-icon.swal2-success { border-color: #58c437; color: #58c437; }
.swal2-icon.swal2-success [class^='swal2-success-line'] { display: block; position: absolute; z-index: 2; height: .3125em; border-radius: .125em; background-color: #58c437; }
.dot-success { background: #58c437; }
.list-step li.list-step-done:before { content: ""; color: #58c437; }
.list-success li:before { color: #58c437; }
.nk-upload-response.valid .icon { color: #58c437; }
.user-avatar[class*="-success-dim"] { color: #58c437; }
.user-status-verified { color: #58c437; }
.icon[class*="bg-success-dim"] { color: #58c437; }
.tb-col-action .link-done:hover { color: #58c437; background: #e0fbf3; }
.change.up { color: #58c437 !important; }
.clipboard-success-message { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; color: #58c437; background: rgba(255, 255, 255, 0.9); border-radius: 4px; opacity: 0; pointer-events: none; transition: opacity .3s; }
.react-good a:hover { color: #58c437; }
.nk-order-ovwg-data.buy .amount, .nk-order-ovwg-data.buy .title .icon { color: #58c437; }
.status-success .tranx-icon { color: #58c437; background-color: rgba(30, 224, 172, 0.15); }
.nk-wg-card.is-s3:after { background-color: #58c437; }
.nk-iv-wg3-amount .number .number-up { color: #58c437; }

.text-warning { color: #FFCD24 !important; }
.text-status-warning { color: #e85347 !important; }
/*.text-status-warning { color: #798bff !important; }*/
.text-danger { color: #FE7860 !important; }
/* Start - to hide radio buttons for disbursement methods purpose  */
.hide-radio-custom .custom-control-label::before, .hide-radio-custom .custom-control-label::after {
    display: none
}
.hide-radio-custom.notext {
    margin-left: 0;
}
/* End - to hide radio buttons for disbursement methods purpose  */

/* Start for datatable */
td.details-control {
    background: url('/img/datatable/open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('/img/datatable/close.png') no-repeat center center;
}

.bg-nested-table { background-color: #e5e9f2 !important; }
.border-nested-table { border: 2px solid #c7c8eb !important; }
/* End for datatable */

.img-front { height: 235px; background-color: gray; width: 100%; padding: 100px; color: #3b3434; font-size: 22px; font-weight: bold; }
.img-back { height: 235px; background-color: gray; width: 100%; padding: 100px; color: #3b3434; font-size: 22px; font-weight: bold; }


.form-text-hint-custom { position: absolute; right: 1px; top: 2px; bottom: 2px; display: flex; align-items: center; color: #3299fe; padding-left: 1rem; padding-right: .75rem; background: #fff; border-radius: 4px; }
.form-clip .icon + span, .form-clip span + .icon, .form-text-hint-custom .icon + span, .form-text-hint-custom span + .icon { margin-left: 0.25rem; }

.bottom-25 { bottom: 25px !important; }

.clsEFT { width: 100% !important; }
.clsDebitMethod { width: 100% !important; }
@media only screen and (min-width: 1200px){
    .clsEFT {
        width: 65% !important;
    }
    .clsDebitMethod {
        width: 100% !important;
    }
}

.respFirstMethod { }
@media only screen and (min-width: 1200px){
    .respFirstMethod {
        max-width: 34% !important;
    }
}
.clear-both { clear: both !important; }
.table-th-border { border-bottom: #928a8a 0.5px solid; }
.report-transaction-menu { position: fixed; bottom: 0; }
.report-transaction-menu a,
.report-transaction-menu .nk-menu-icon .icon {
    color: #3299fe;
}
.display-inline-flex { display: inline-flex !important; }


/*.was-validated .custom-control-input-blue:valid ~ .custom-control-label-blue, .custom-control-input-blue.is-valid ~ .custom-control-label-blue { color: #58c437; }

.was-validated .custom-control-input-blue:valid ~ .custom-control-label-blue::before, .custom-control-input-blue.is-valid ~ .custom-control-label-blue::before { border-color: #58c437; }
.was-validated .custom-control-input-blue:valid:focus:not(:checked) ~ .custom-control-label-blue::before, .custom-control-input-blue.is-valid:focus:not(:checked) ~ .custom-control-label-blue::before { border-color: #58c437; }
.custom-control-label-blue:after { opacity: 1 !important; border: 3px solid #3299FE !important; border-radius: 7px !important; }*/

.custom-control-label-blue:after { opacity: 1 !important; border: 3px solid #3299FE !important; border-radius: 7px !important; }
.min-inline-size-webkit { min-inline-size: -webkit-fill-available !important;  }

#toast-container>.toast-success,
#toast-container>.toast-error,
#toast-container>.toast-info,
#toast-container>.toast-warning {
    background-image: none !important;
}
#toast-container>div{
    color: #000000;
}
.toast-success,
.toast-error,
.toast-info,
.toast-warning{
    background-color: #FFFFFF;
}
.toastr.toast-success,
.toastr.toast-error,
.toastr.toast-info,
.toastr.toast-warning {
    border-color: #3299fe;
}

.color-retrieve-gateways { color: #ff63a5 !important; }
.color-check-prepaid-status { color: #816bff !important; }

.direction-trl { direction: rtl; }
.direction-ltr { direction: ltr; }
.datepicker { z-index: 1000px !important; }
.date-picker { z-index: 1000px !important; }
.popup { z-index : 900; }
.ui-datepicker-div { z-index: 999; }
.color-check-prepaid-status { color: #816bff !important; }

/*Monthly billing*/
.billing-type-block {
    margin-bottom: 50px;
}
.billing-type-title {
    margin-bottom: 30px;
}

.billing-type-block .form-group b {
    height: 39px;
    line-height: 39px;
    padding-left: 18px;
}
.max-height-300 { max-height: 300px !important;  }
.selected-payment-method {
    background: white !important;
    border: 2px solid #00ADEE;
    border-radius: 25px;
    cursor: pointer;
}
.td-amount-color {
    color: #2d87de !important;
}

.navMenuSidebar {
    border-bottom: none !important;
}

@media (min-width: 1200px) {
    .nk-sidebar {
        width: 340px;
    }
    .nk-sidebar + .nk-wrap {
        padding-left: 340px;
    }
}
.sidebar-wrap {
    display: flex;
}
.mini-sidebar {
    background: #3392f1;
}
.mini-sidebar .fav {
    height: 65px;
    width: 50px;
    padding: 0 10px;
    line-height: 65px;
    margin-bottom: 15px;
    display: none;
}
.mini-sidebar ul {
    display: block;
    width: 50px;
    font-size: 23px;
    color: #fff;
    margin-left: 0px !important;
    margin-top: 80px;
}

.mini-sidebar ul li {
    display: block;
    padding: 0px;
}
.mini-sidebar ul li a:after {
    display: none;
}





.mini-sidebar .nav-tabs .nav-link {
    display: block;
    color: #fff;
    font-size: 14px;
    height: 49px;
    width: 50px;
    text-align: center;
}
.mini-sidebar .nav-tabs .nav-link.active{
    border: none !important;
}


.top-right-length{
    text-align: right !important;
}

.dt-head-center {
    text-align: center !important;
}

.loader-97 {
    background: url("/img/loaders/loading-97.gif") no-repeat top center;
    background-size: contain;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    width: 70px;
    margin-right: calc(100% - 50%) !important;
    margin-top: 0.5% !important;

}

.loader-transactions {
    background: url("/img/loaders/loading-97.gif") no-repeat top center;
    background-size: contain;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    width: 70px;
    margin-top: 0.5% !important;

}

.inline-block { display: inline-block; }

.collapse-toggler {
    padding: 1.5rem 1.25rem;
    cursor: pointer;
    background: #eeeeee;
}

#documentDetailsContainer{
    background: rgb(248, 248, 248);
    padding-left: 2rem;
}
.dashboard-background {
    font-family: 'Nunito', sans-serif;
    background: #f5f8fa;
    color: #7e8299;
    font-size: 14px;
}

.loader-wrap {
    position: fixed;
    top: 65px;
    left: 340px;
/*   background: gray;*/
height: calc(100% - 65px);
width: calc(100% - 340px);
z-index: 50;
background: #fff;
}
.loader,
.loader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}
.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -5em;
    margin-top: -5em;
/*  margin: 60px auto;*/
font-size: 10px;
position: relative;
text-indent: -9999em;
border-top: 1.1em solid rgba(255, 255, 255, 0.2);
border-right: 1.1em solid rgba(255, 255, 255, 0.2);
border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
border-left: 1.1em solid #ccc;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load8 1.1s infinite linear;
animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

#report_table tr td {
 height: 42px !important;
 padding-right: 20px;
}

.pv-main { max-width: 50% !important; padding: 30px !important; }
.pv-header { text-align: center !important; align-content: center !important; }
.pv-content { text-align: left !important; align-content: left !important; }
.pv-dbaname { font-weight: 600 !important; text-align: center !important; align-content: center !important; }
.content-center { text-align: center !important; align-content: center !important; }
.content-left { text-align: left !important; align-content: left !important; }
.left-col { width: 25% !important; float: left !important; }
.right-col { width: 25% !important;  float: right !important; text-align: right !important; }
.text-uppercase { text-transform: uppercase !important; }




.merchant-balance {
    background: #fff;
    border-radius: 5px;
    padding: 13px 19px 13px 13px;
}
.merchant-balance p {
    margin-bottom: 0;
}
.merchant-balance .icon {
    height: 45px;
    width: 45px;
    line-height: 45px;
    text-align: center;
    margin-right: 16px;
    background: #3299fe;
    border-radius: 5px;
    font-size: 23px;
    color: #fff;
}

.pd-top-rem-1 { padding-top: 1rem !important; }

.icn-spinner {
  animation: spin-animation 0.5s infinite;
  display: inline-block;
}

@keyframes spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}

.blinker{
    background: #00e396;
}

.team{position:relative}.team-info{padding:1rem 0 1.25rem}.team-info li{display:flex;align-items:center;justify-content:space-between;font-size:.9375rem;line-height:1.75rem}.team-info li span:first-child{color:#8094ae}.team-info li span:last-child{color:#526484}.team-status{position:absolute;left:0;display:flex;align-items:center;justify-content:center;height:20px;width:20px;border-radius:50%}.team-options{position:absolute;top:-.25rem;right:-.25rem}.team-details{padding-top:.5rem;text-align:center;max-width:200px;margin:0 auto}.team-statistics{display:flex;justify-content:space-around;text-align:center;padding:1rem 0 1.5rem}.team-statistics li span{display:block}.team-statistics li span:first-child{font-size:1.125rem;color:#1c2b46}.team-statistics li span:last-child{font-size:.875rem;color:#8094ae}.team-view{display:flex;justify-content:center;padding-bottom:.25rem}
.card .card{box-shadow:0 1px 6px 1px rgba(54,74,99,.1)}.card+.card:not(.card.card+.card){margin-top:28px}.card+.nk-block-head{padding-top:2.5rem}.card-full{height:100%}.card.is-dark{background:#3a2272}.card-bordered{border:1px solid #dbdfea}.card-bordered.is-dark{border-color:#3a2272}.card-bordered.dashed{border-style:dashed}.card-inner{padding:1.25rem}.card-inner-sm{padding-top:.75rem;padding-bottom:.75rem}.card-inner-group .card-inner:not(:last-child){border-bottom:1px solid #dbdfea}.card-head{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;margin:-.25rem -.5rem 1rem}.card-head>*{padding:.25rem .5rem}.card-head>.title:only-child{width:100%}.card-title-group{display:flex;align-items:center;justify-content:space-between;position:relative}.card-title-group .card-title{margin-bottom:0}.card-title-group .card-search,.card-title-group:only-child{margin-top:-.25rem;margin-bottom:-.25rem}.card-title .title.h6:not(:last-child),.card-title h6.title:not(:last-child){margin-bottom:.25rem}.card-title p{font-size:12px;color:#8094ae}.card-title p .icon{line-height:inherit;vertical-align:middle}.card-title-sm .title{font-size:14px}.card-title .small,.card-title small{font-weight:500;color:#8094ae}.is-dark .card-title{color:#fff}.is-dark .card-title .title{color:inherit}.card-subtitle{color:#8094ae;font-family:"DM Sans",sans-serif;font-weight:400}.card-tools-nav{display:flex;margin:-6px -10px -5px}.card-tools-nav li{padding:0 10px}.card-tools-nav li a{position:relative;color:#8094ae;padding:10px 0;display:block;line-height:1}.card-tools-nav li a:before{position:absolute;bottom:0;left:0;right:0;height:2px;content:"";background:#854fff;opacity:0}.card-tools-nav li a.active,.card-tools-nav li a:hover{color:#526484}.card-tools-nav li a.active::before{opacity:1}.card-tools-nav li.active a{color:#526484}.card-tools-nav li.active a::before{opacity:1}.card-tools.me-n1{margin-right:-.5rem!important}.card-hint{font-size:1rem;color:#dbdfea}.card-tools{display:flex}.card-note{font-size:12px;line-height:1.125rem;color:#8094ae;display:flex}.card-note .icon{font-size:1.2em;line-height:1.125rem;margin-right:.5rem;display:inline-block}@media (max-width:575.98px){.card-head.ui-v2 .card-tools{width:calc(100% + 20px);margin:0 -10px;padding-top:.5rem}.card-head.ui-v2 .card-tools-nav{padding:0 .75rem;border-bottom:1px solid #e5e9f2}.card-head.ui-v2 .card-tools-nav li a{padding-bottom:1rem}.card-stretch{margin-left:-18px;margin-right:-18px;border-left:0!important;border-right:0!important;border-radius:0!important}}@media (min-width:576px){.card-inner{padding:1.5rem}.card-inner-sm{padding-top:.75rem;padding-bottom:.75rem}.card-inner-md{padding-top:1rem;padding-bottom:1rem}.card-header{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:768px){.card-inner-lg{padding:2.5rem}.card-inner-xl{padding:3.75rem}}
.icon-font-grey { color: #8094ae; }