* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


:root {
    --blue-primary: #06306c;
    --orange: #F7941E;
    --bg-grey: #f7f7f7;
    --footer-bg: #091728;
    --light-bg: #f9fafc;
    --text-grey: #777777;
    --light-orange: #fffbf6;
    --twitter-bg: #00ACEE;
    --facebook: #3A5897;
    --youtube: #C4302B;
}



@font-face {
    font-family: 'PPRadioGrotesk-Medium';
    src: url('../fonts/woff/PPRadioGrotesk-Medium.woff');
}


@font-face {
    font-family: 'PPRadioGrotesk-Regular';
    src: url('../fonts/woff/PPRadioGrotesk-Regular.woff');
}


@font-face {
    font-family: 'PPRadioGrotesk-Bold';
    src: url('../fonts/woff/PPRadioGrotesk-Bold.woff');
}

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

.mb-30 {
    margin-bottom: 30px;
}

.container-fluid_padding {
    padding-right: 40px;
    padding-left: 40px;
}

body {
    background-color: #fff;
}

p {
    font-size: 12px;
    line-height: 24px;
    color: var(--text-grey);
    margin: 0;
    font-family: 'PPRadioGrotesk-Regular';
}

.bg-grey {
    background: var(--light-bg);
}

.bg_orange {
    background: var(--light-orange);
}

/*ul.navbar-nav li {
    margin-right: 30px;
    display: inherit;
    align-items: center;
}*/


ul.navbar-nav li a {
    text-decoration: none;
    /*        transition: 0.5s all;*/
}

    ul.navbar-nav li a:hover {
        /*            transition: 0.5s all;*/
    }

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
    color: #fff !important;
    background-color: #8300E9;
    border-radius: 20px;
    padding: 4px 12px;
}

li.nav-item.active .nav-link i {
    display: flex;
    color: #8300E9;
}


a.nav-link {
    display: flex;
}

nav.navbar.navbar-expand-lg {
    padding: 0 3rem;
}

nav .navbar-nav {
    width: 100%;
    justify-content: center;
}

div#navbarSupportedContent {
    width: 60%;
}




.profile-section {
    display: flex;
    align-items: center;
}

    .profile-section label {
        margin: 0
    }

.dropdown-toggle::after {
    display: none;
}

#currentHomemenuId .fa-user {
    font-size: 18px !important;
}

.profile-section .fa-user {
    font-size: 18px !important;
}

.nav-item.active a img {
    display: none;
}

nav i {
    color: #b9bdc9;
    font-size: 18px !important;
    margin-right: 7px;
}

.krepling_header_dashboard {
    border-bottom: 1px solid #EBEEF1;
}

/*ul.navbar-nav li {
    margin-right: 21px;
    display: inherit;
    align-items: center;
}*/

ul.navbar-nav li a:hover {
    /*        transition: 0.5s all;*/
}


li.nav-item.active .nav-link i {
    display: flex;
    color: #8300E9;
}

a.nav-link {
    display: flex;
}

nav.navbar.navbar-expand-lg {
    padding: 0 3rem;
}

nav .navbar-nav {
    width: 100%;
    justify-content: center;
}

div#navbarSupportedContent {
    width: 60%;
}

.header-right-sec {
    display: flex;
    align-items: center;
    justify-content: end;
    width: 21%;
}

.profile-section {
    display: flex;
    align-items: center;
}

    .profile-section label {
        margin: 0
    }

span.notification-ind
.profile-section i {
    margin-right: 15px;
}

.dropdown-toggle::after {
    display: none !important;
}

li#reportsmenu.nav-item.active .nav-link .img-icon:before {
    background-image: url(../images/exportactive.png);
    content: "";
    width: 20px;
    height: 17px;
    background-repeat: no-repeat;
}


.nav-item.active a img {
    display: none;
}

nav i {
    color: #b9bdc9;
    font-size: 18px !important;
    margin-right: 7px;
}

/*.btn:hover {
    color: #2B2B2B;
    border-color: unset !important;
    background-color: transparent !important;
}*/

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

    .BalanceMain p {
        margin: 0
    }

    .BalanceMain span {
        background: #f7f8fb;
        padding: 7px 10px;
        border-radius: 5px;
    }

        .BalanceMain span i {
            color: #bcc1cc
        }

/*.amount {
    color: #1F1F1F !important;
    font-size: 18px;
    font-weight: 600;
    width: 100%;
}*/

.f13 {
    font-size: 13px;
}

.w15 {
    width: 15%
}

.PaddMain {
    padding: 0 2.3rem;
    height: calc(100% - 76px);
}

.TodayMain {
}

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

    .TodayInner p {
        margin: 0;
        font-size: 15px;
        color: #000 !important;
        font-weight: 600
    }

    .TodayInner i {
        color: #bcc1cc;
        font-size: 20px;
    }

.TodayMain .grossvalue .amount {
    color: #000;
    font-size: 28px;
    font-weight: 600;
    width: 90%;
    margin: 7px 0;
}

.graphinner p {
    line-height: 2;
}

.graphinner .w15 {
    width: 5%;
    margin-right: 40px;
}

    .graphinner .w15 img {
        width: 25px;
    }

.grossVolume {
    background: #f7f8fb;
    padding: 15px;
    border-radius: 8px;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

    .grossVolume h2 {
        font-size: 13px;
        color: #a7a7a7;
    }

.grossvalue {
    /*display: flex;*/
    justify-content: space-between;
    align-items: center;
}

.f2rem {
    font-size: 1.6rem;
    color: #000;
    font-weight: 600
}

.f-6rem {
    font-size: .6rem;
}

.BodyMain h1 {
    font-size: 1.5rem;
    margin: 0;
    padding: 0;
    font-weight: 600;
    color: #2b2b2b
}

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

.innerselect {
    width: 100%;
    margin-right: 10px;
    position: relative;
    display: flex;
    align-items: center;
    background: #f7f8fb;
    border: 0;
    font-size: 14px;
    height: 60px;
    box-shadow: 0 5px 3px -4px #cccccc82;
    border-radius: 8px;
}

.pl-40 {
    padding-left: 40px !important;
}

.SummaryMain h2 {
}

span.welcome-user {
    font-size: 25px;
    color: #000;
    font-weight: 600;
    display: none;
}

.innerselect select {
    background: #f7f8fb;
    border: 0;
    padding: 0px;
    font-size: 14px;
    height: 60px;
    box-shadow: 0 5px 3px -4px #cccccc82;
    border-radius: 8px;
}

span#spnDate {
    padding: 19px;
    font-size: 14px;
    height: 60px;
    box-shadow: 0 5px 3px -4px #cccccc82;
    border-radius: 8px;
    border: 0;
}

.innerselect select:focus {
    box-shadow: none;
    background: transparent;
}

/*.GreenBox {
    background: #9bf7d84f;
    width: auto;
    padding: 5px;
    text-align: center;
    font-size: 12px;
    margin: 5px 0;
    color: #47c547;
    border-radius: 5px;
}*/

.YellowBox {
    background: #fda52133;
    width: auto;
    padding: 5px;
    text-align: center;
    font-size: 14px;
    margin: 5px 0;
    color: #e9b90c;
    border-radius: 5px;
}

.leftMain {
    border-right: 1px solid #eee;
    padding-right: 35px;
}

    .leftMain .w15 {
        margin-right: 20px;
        width: 5%;
    }

    .leftMain .w-80 {
        width: 80%;
    }

    .leftMain .w15 img {
        width: 22px;
    }

.grap-list i {
    margin-left: 25px;
    font-size: 20px;
}

input.amount:focus {
    outline: 0;
}

.Summary-icons {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .Summary-icons i {
        margin: 0 15px;
        color: #b9bdc9;
    }

.colorpurple {
    color: #8300E9 !important
}

/* Transaction List CSS */

.welcome-txt {
    font-size: 20px;
    font-weight: 600;
}

.bg-infoheader, .btn-info {
    border: 0;
}

.bg-infoheader {
    height: 43px !important;
    font-size: 20px !important;
}

/* Global Class */

.mrgn23 {
    margin-top: 33px;
}

.mrgn-btm30 {
    margin-bottom: 30px;
}

.w-100 {
    width: 100%;
}

.h-220 {
    height: 220px;
}

.height50 {
    height: 50px;
}

.height80 {
    height: 80px;
}

.height45 {
    height: 45px;
}

.height100 {
    height: 100px;
}

.height40 {
    height: 40px;
}

.wid120 {
    width: 143px;
    margin-right: 31px;
    text-align: center;
}

.wid110 {
    width: 110px;
}

.wid20 {
    width: 20%;
}

.paddingleft0 {
    padding-left: 0px;
}

.paddingtop35 {
    padding-top: 35px;
}

.margintop200 {
    margin-top: 200px;
}

.marginleft400 {
    margin-left: 400px;
}

.zindex99 {
    z-index: 99;
}

.displaynone {
    display: none;
}

.fontsize20 {
    font-size: 20px;
}

.colord19bd2 {
    color: #eb0000;
    font-size: 14px;
    font-weight: 500;
}

.height25 {
    height: 25px;
}

.height20 {
    height: 25px;
}

.height70 {
    height: 70px;
}

.fontsize16 {
    font-size: 16px
}

.height30 {
    height: 30px;
}

.height100per {
    height: 100%;
}

.lineheight100 {
    line-height: 100px;
}

.fontsize14 {
    font-size: 14px;
}

.borderleft1solidgrey {
    border-left: 1px solid grey;
}

.backgroundcolor35c2e1 {
    background-color: #35c2e1;
}

.backgroundcolor73be7d {
    background-color: #73be7d;
}

.backgroundcoloreb657e {
    background-color: #eb657e;
}

.wid100per {
    width: 100%;
}

.wid5per {
    width: 5%;
}

.wid10per {
    width: 10%;
}

.wid15per {
    width: 15%;
}

.wid1000 {
    width: 1000px;
}

.marginleft550 {
    margin-left: 550px;
}

/* Admin Layout */

#myLoader {
    margin-left: 800px;
    top: 300px;
    position: fixed;
    z-index: 9999;
}

.fontsize11 {
    font-size: 11px;
}

.transection-search-list {
    margin: 0 auto;
    margin-top: 0px;
}

    .transection-search-list input {
        background-color: #fff !important;
    }


i.fa.fa-angle-down {
    margin-left: 8px;
}

.mydropdown {
    position: relative;
    display: inline-block;
}

.mydropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;
    margin-left: -50px;
}

.mydropdown:hover .mydropdown-content {
    display: block;
    padding: 0;
}

.dropdown-item {
    font-size: 14px;
    padding: 10px 30px;
}

.mydropdown-content .dropdown-item:hover {
    color: #7405cb !important;
}

.card-header {
    height: 60px;
    font-weight: 600;
    font-size: 20px;
    line-height: 34px;
    background-color: #8300e9 !important;
    color: white !important;
    font-family: 'PPRadioGrotesk-Bold';
}

.currentbtn {
    background-color: #8300e9 !important;
    border-color: #8300e9;
    color: #fff !important;
    font-family: PPRadioGrotesk-Medium;
}

    .currentbtn:hover {
        background-color: #8300e9 !important;
        border-color: #8300e9;
    }

    .currentbtn:focus {
        border-color: #8300e9;
    }

    .currentbtn:active {
        border-color: #8300e9;
    }

.nextbtn {
    padding: 12px 30px;
    color: #212529 !important;
    margin-top: 30px;
    border: 1px solid #212529;
}

a#loginbtn {
    margin-top: 0;
    padding: 5px 12px;
    margin-left: 10px;
}

#TransactionListmenu:hover {
    color: #8300E9 !important;
}
/* Layout */
.panel-heading {
    font-weight: 600;
    font-size: 20px;
    line-height: 34px;
    background-color: #8300e9 !important;
    color: white !important;
    padding: 10px;
}

.panel-info {
    border: solid 1px #e1e1e1 !important;
}

.panel-body {
    padding: 15px;
}

/* Merchant Transaction list CSS */

.cal-pos-tranlist {
    position: absolute;
    right: 25px;
    bottom: 12px;
}

td.Merchantlisttd a {
    font-size: 17px;
    margin: 0;
    padding: 0;
    width: auto;
}
/* Merchant Dashboard CSS */

.dishide {
    display: none;
}

span.checkLabel {
    position: absolute;
    padding-left: 15px;
    font-size: 14px;
}

.columnlist li {
    list-style-type: none !important;
    line-height: 3;
}

.columnCheckbox {
    overflow: auto;
    height: 335px;
    border: 1px solid #ddd;
    padding: 10px;
    position: absolute;
    left: auto !important;
    right: 0 !important;
    top: 110px;
    z-index: 1;
    background: #fff;
    width: 260px;
    margin-right: 18px;
    box-shadow: 0 2px 6px 0px #0000001f;
}

    .columnCheckbox::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: #F5F5F5;
    }

    .columnCheckbox::-webkit-scrollbar {
        width: 3px;
        background-color: #F5F5F5;
    }

    .columnCheckbox::-webkit-scrollbar-thumb {
        background-color: #AAAAAA;
        border: 3px solid #AAAAAA;
    }

.btnSelect {
    width: 259px;
    text-align: center;
}

.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 25px;
}

    .switch input {
        display: none;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #8300E9;
    transition: .4s;
    -webkit-transition: .4s;
    border-radius: 34px;
}

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

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

.slidercolor {
    background-color: #8300E9;
}

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

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


.on {
    display: none;
}

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

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

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

/*--------- END --------*/

/* Rounded sliders */
/*.slider.round {
    border-radius: 34px;
}*/

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


.iconsetting {
    margin-left: 360px;
    margin-top: 100px;
    position: absolute;
    border: 1px solid gray;
    background-color: #ececec;
    width: 60px;
    height: 36px;
    text-align: center;
}

/* Customer list */

div.dt-buttons {
    width: 100%;
    margin-bottom: 10px;
}

.multiselect-filter {
    margin-bottom: 10px;
}


    .multiselect-filter > .fa-search {
        z-index: 1;
        padding-left: 0.75rem;
        margin-bottom: 8px;
    }

#Listofoptions {
    margin: 0;
}

#Listofoptions {
    margin: 0;
}

.multiselect-filter > input.multiselect-search {
    border: none;
    border-bottom: 1px solid lightgrey;
    padding-left: 2rem;
    margin-left: -1.625rem;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-bottom: 5px;
}

    .multiselect-filter > input.multiselect-search:focus {
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
    }

.columnCheckbox
.multiselect-filter > .multiselect-moz-clear-filter {
    margin-left: -1.5rem;
    display: none;
}

.customcrosssearchbtn {
    border: none;
    display: none;
}

.toast-info {
    background-color: #2f96b4;
}

a.dt-button, .confirm {
    color: #fff !important;
    border: #7700e2 !important;
    box-shadow: none !important;
    border-radius: 4px !important;
    background: transparent linear-gradient( 0deg, #8300E9 0%, #7300E2 100%) 0% 0% no-repeat padding-box !important;
}

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

table button {
    padding: 5px 13px !important;
    font-size: 15px !important;
}

a.dt-button:hover, .confirm:hover {
    color: #fff !important;
    background: transparent linear-gradient( 0deg, #7701d3 0%, #6403c1 100%) 0% 0% no-repeat padding-box !important;
}

.dt-button-collection a.dt-button {
    background: transparent !important;
    color: #000 !important;
    border-bottom: 1px solid #cccccc6b !important;
    border-radius: 0 !important;
}


table.no-footer {
    margin-bottom: 25px !important;
}

    table.no-footer thead {
        outline: none;
    }


label {
    margin-right: 10px;
    font-size: 15px;
    font-weight: 500;
    margin-left: 1px;
    color: #000;
    margin-top: 11px;
    font-family: 'PPRadioGrotesk-Regular';
}

input.form-control:focus {
    box-shadow: none;
}

.dataTables_wrapper {
    margin-bottom: 40px;
}

.login-bg .panel-info {
    background-color: #fff;
    box-shadow: 0px 3px 7px 1px #cfcfcf;
}

img.LogoWidth {
    width: 12%;
}

.dataTables_wrapper .dataTables_filter input:focus {
    outline: none;
}

.tooltip {
    position: relative;
    display: inline-block;
    opacity: 1;
    z-index: auto;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        width: 100px;
        background-color: #666666;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        bottom: 105%;
        left: 50%;
        margin-left: -60px;
        opacity: 0;
        transition: opacity 0.3s;
    }

table.dataTable thead .sorting_asc {
    filter: grayscale(100%);
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.dataTables_wrapper .dataTables_filter input {
    margin-left: 10px !important;
}

a.navbar-brand img {
    max-width: 100px;
}

p.welcom_user {
    font-size: 25px;
    color: #000;
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd,
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1,
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
    background: transparent !important;
}

div#myTable1_info, #tbltransaction_info, .dataTables_info, #SERVERSIDETABLE_info, #UserListTable_info, #tblCustomer_info {
    color: #b5b5b5;
    font-weight: normal;
    font-size: 13px;
}

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

.title-header a {
    font-size: 14px;
    margin-left: 8px;
    padding: 7px 18px;
}

a.btn.disable-color {
    background-color: #F7F8FB;
    color: #9FA4B4;
}

.table-setting {
    font-size: 25px;
    color: #b5b4b4;
}

.tab-accordion {
    border-bottom: 1px solid #EBEEF1;
}

    .tab-accordion ul {
        list-style: none;
        display: flex;
        padding: 0;
        margin: 0;
    }

.row.table-head-border {
    border-bottom: 0px solid #eee;
}

.tab-accordion li {
    padding: 0;
    margin-right: 25px;
    font-size: 17px;
}

    .tab-accordion li a {
        font-size: 17px;
        padding: 5px 0;
        font-weight: 600;
    }

.tab-accordion .current-tab a {
    color: #8300E9;
}

.tab-accordion .current-tab {
    border-bottom: 2px solid #8300E9;
}

    /*updated css 25 feb */

    .tab-accordion .current-tab:focus-visible {
        outline: none;
        border: 1px solid transparent;
    }

    .tab-accordion .current-tab a:focus-visible {
        outline: none;
    }

    .tab-accordion .current-tab a:hover {
        border: 1px solid transparent;
    }


table.dataTable.display tbody td {
    white-space: nowrap;
    line-height: 25px;
    vertical-align: middle;
}

/*div#myTable1_filter, div.dt-buttons, #tbltransaction_filter, #SERVERSIDETABLE_filter, #UserListTable_filter, .dataTables_filter {
    display: none;
}*/

.transection-search-list h5 {
    font-size: 15px;
}

i#passwordeye {
    right: 10px;
    top: 42px;
    cursor: pointer;
    position: absolute;
}

.form-group {
    position: relative;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #d9d9d9;
    color: #706f70;
}

.dropdown-menu.show {
    padding: 0;
}

.select .selectBtn {
    padding: 10px;
    box-sizing: border-box;
    border-radius: 3px;
    width: 100%;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .select .selectBtn:after {
        content: "";
        position: absolute;
        top: 45%;
        right: 15px;
        width: 6px;
        height: 6px;
        -webkit-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg);
        border-right: 2px solid #666;
        border-bottom: 2px solid #666;
        transition: 0.2s ease;
    }

    .select .selectBtn.toggle {
        border-radius: 3px 3px 0 0;
    }

        .select .selectBtn.toggle:after {
            -webkit-transform: translateY(-50%) rotate(-135deg);
            transform: translateY(-50%) rotate(-135deg);
        }

.select .selectDropdown {
    position: absolute;
    top: 100%;
    width: 100%;
    border-radius: 3px;
    overflow: hidden;
    background: var(--bg1);
    border-top: 1px solid #eee;
    z-index: 1;
    background: #fff;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    visibility: hidden;
    transition: 0.2s ease;
    box-shadow: 0 3px 6px 0px rgb(0 0 0 / 12%);
    height: auto;
    z-index: 99 !important;
}

    .select .selectDropdown .option {
        padding: 10px;
        box-sizing: border-box;
        cursor: pointer;
    }

        .select .selectDropdown .option:hover {
            background: #f8f8f8;
        }

    .select .selectDropdown.toggle {
        visibility: visible;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

.search-box {
    position: relative;
}

.input-search {
    height: 50px;
    width: 50px;
    border-style: none;
    padding: 0px;
    font-size: 18px;
    letter-spacing: 2px;
    outline: none;
    border-radius: 25px;
    transition: all .5s ease-in-out;
    color: #343434;
}

    .input-search::placeholder {
        color: #000;
        font-size: 13px;
        letter-spacing: 2px;
        font-weight: 100;
    }

.btn-search {
    width: 50px;
    height: 50px;
    border-style: none;
    font-size: 20px;
    font-weight: bold;
    outline: none;
    cursor: pointer;
    border-radius: 50%;
    position: absolute;
    right: 0px;
    color: #ffffff;
    background-color: #ffffff;
    pointer-events: painted;
}

    .btn-search:focus ~ .input-search {
        width: 200px;
        border-radius: 0px;
        background-color: white;
        transition: all 500ms cubic-bezier(0, 0.110, 0.35, 2);
        border-bottom: 1px solid #ccc;
        margin-top: 1px;
        box-shadow: -2px 0px 8px 0px #eee;
        padding: 5px;
    }

.input-search:focus {
    border-radius: 0px;
    background-color: transparent;
    transition: all 500ms cubic-bezier(0, 0.110, 0.35, 2);
    width: 200px;
}

.header-right-sec-link {
    display: flex;
    align-items: center;
}

button.btn-search:focus {
    outline: none;
}

.header-right-sec a img {
    width: 30px;
}

.header-right-sec a i {
    color: #B9BDC9;
    margin: 0;
    font-size: 20px;
}

.header-right-sec .header-TG-btn {
    color: #787D8C;
    margin: 0 23px;
    font-size: 20px;
    font-family: OpenSans;
    text-decoration: none;
}

.header-right-sec a img {
    margin-left: 20px;
}

/*a.notification-icon {
    position: relative;
    right: 15px;
}*/

input.paginate_input {
    width: 45px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 4px;
    height: 40px;
    font-size: 13px;
    margin: 0 8px;
}

    input.paginate_input:focus {
        border: 1px solid #ccc;
    }

.dataTables_wrapper .dataTables_paginate {
    font-size: 13px;
}

.dataTables_paginate paging_input {
    width: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

span.paginate_total {
    background: #8300e9;
    padding: 12px 15px;
    border-radius: 4px;
    margin: 0 8px;
    color: #fff;
    font-size: 13px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #8300E9 !important;
    box-shadow: 0 !important;
    /*    border: 0 !important;*/
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    width: 45px;
}

.previous.paginate_button.disabled:hover i,
.first.paginate_button.disabled:hover i,
.previous.paginate_button.disabled:active i,
.first.paginate_button.disabled:active i {
    color: #ccc;
}

/*.previous.paginate_button {
    margin-right: 10px;
}*/

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    background: transparent !important;
    box-shadow: none;
}

.select-export-typ .export-list {
    display: none;
    transition: 0.3s all ease-in;
}

ul.export-list a {
    font-size: 14px;
    color: #555456;
}

    ul.export-list a i {
        font-size: 16px;
        margin-right: 8px;
    }

.export-list li i {
    padding: 8px;
    font-size: 20px;
}


ul.filter-list {
    list-style: none;
    position: absolute;
    z-index: 9;
    top: 40px;
    width: 258px;
    background-color: #fff;
    text-align: left;
    box-shadow: 0 2px 6px 0px #0000001f;
    display: none;
    border-radius: 8px;
    right: 104px;
    padding: 10px;
    border: 1px solid #DFDBDB;
}

    ul.filter-list a {
        font-size: 14px;
        color: #555456;
    }

    ul.filter-list li {
        font-size: 15px;
        line-height: 3;
        font-weight: 400;
        font-family: 'PPRadioGrotesk-Regular';
    }

    ul.filter-list a i {
        font-size: 16px;
        margin-right: 8px;
    }

.filter-list li i {
    padding: 8px;
    font-size: 20px;
}

.columnCheckbox.mt-80 {
    top: 180px;
}

.columnCheckbox.mt-90 {
    top: 190px;
}

.BodyMain th {
    white-space: nowrap;
}

i.fa.fa-eye {
    cursor: pointer;
}

table thead tr th:last-child,
table tbody tr td:last-child {
    text-align: right;
}

table tbody tr td button:last-child {
    text-align: right;
    float: right;
}

table tbody tr td:last-child a {
    margin: 0 0px;
}

.role-form-btn {
    margin-top: 30px;
}


.top200 {
    top: 200px;
}

div#notoficationModal {
    position: absolute;
    right: 25px;
    top: 60px;
    display: none;
    z-index: 999;
}

#notoficationModal .dropdown-item {
    font-size: 14px;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#notoficationModal .dropdown-menu {
    width: 260px;
    padding-bottom: 8px;
    z-index: 9999;
}

#notoficationModal a.dropdown-item p {
    font-size: 13px;
}

a.dropdown-footer.text-center {
    color: #901bec;
    font-size: 14px;
}


.profile-loo-compress {
    max-height: 50px;
    width: 50px;
}


.profile-loo-compress {
    max-height: 30px;
    width: 30px;
}


    .profile-loo-compress img {
        width: 30px;
        height: 30px;
        border-radius: 100%;
    }

.card.registration-cards {
    margin-top: 40px;
}

#notoficationModal .dropdown-header {
    background-color: #8300E9;
    color: #fff;
}

.card.edit-merchants-card {
    margin-bottom: 40px;
}

div#dvPassport.transaction-setting-icon {
    top: 196px !important;
}


.previous-brows-btn {
    margin-top: 42px;
    color: #ababab;
    font-size: 14px;
    cursor: pointer;
}

    .previous-brows-btn a {
        text-decoration: none !important;
        color: #ccc;
        font-family: 'PPRadioGrotesk-Medium';
    }

        .previous-brows-btn a:hover {
            color: #af50ff;
        }

    .previous-brows-btn .fa.fa-arrow-left {
        margin-right: 10px;
    }

#txtPassword {
    animation: shake 0.1635s 0s 3;
}

@keyframes shake {
    0% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(8px);
    }

    75% {
        transform: translateX(-8px);
    }

    100% {
        transform: translateX(0);
    }
}

#Emailtxt {
    animation: shake 0.1635s 0s 3;
}

@keyframes shake {
    0% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(8px);
    }

    75% {
        transform: translateX(-8px);
    }

    100% {
        transform: translateX(0);
    }
}

.merchants-svg svg {
    fill: #7700e2;
    width: 100px;
    height: 50px;
}

i.fa.fa-calendar-o.right-icon {
    position: absolute;
    right: 150px;
}

#rolelist thead {
    color: #000;
}

#rolelis .table thead th {
    border-bottom: 0px;
}

.innerselects {
    display: flex;
    align-items: center;
}

.innerselectsform {
    position: relative;
}

    .innerselectsform .fa {
        position: absolute;
        left: 10px;
        bottom: 9px;
    }

.innerselectd {
    display: flex;
    align-items: center;
}

.innerselectsto {
    position: relative;
}

    .innerselectsto .fa {
        position: absolute;
        left: 10px;
        bottom: 9px;
    }

#tbltransaction_wrapper .table td, .table th {
    vertical-align: middle;
}

#ChangePasswordbtn {
    margin-right: 10px;
}


#updatebtn {
    margin-right: 10px;
    font-family: 'PPRadioGrotesk-Bold';
}

input#transactiondates {
    font-size: 13px;
    padding: 4px;
    border: none;
    background-color: transparent;
}

input#transactiondatee {
    font-size: 13px;
    padding: 4px;
    border: none;
    background-color: transparent;
}


.flatpickr-weekdays {
    background: #fff !important;
}

.flatpickr-months .flatpickr-month {
    background: #8300e9 !important;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    background: #8300e9 !important;
}

span.flatpickr-weekday {
    background: #8300e9 !important;
    color: #fff !important;
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
    background: #8300e9 !important;
    border-color: #8300e9 !important;
}

.sweet-alert h2 {
    font-size: 25px !important;
}

/*.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    background-color: #8300e9 !important;
}

    .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month:hover {
        background-color: #8300e9 !important;
    }
*/
.text-danger {
    font-size: 14px;
}

#navbarSupportedContent .dropdown-toggle::after {
    display: none;
}

.form-control {
    animation: var(--shake) 0.1635s 0s 3;
}

    .form-control:has( ~ .field-validation-error:not(:empty)) {
        --shake: shake;
    }

@keyframes shake {
    0% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(8px);
    }

    75% {
        transform: translateX(-8px);
    }

    100% {
        transform: translateX(0);
    }
}

.form-control {
    transition: none;
}

#back {
    width: 85px;
    height: 70px;
    background: transparent;
    border: none;
    color: #8300E9;
    font-size: 23px;
    font-weight: 700;
    font-style: normal;
    text-align: center;
    padding: 0;
    vertical-align: middle;
    margin-top: 34px;
    font-family: 'radio-grotesk-regular', sans-serif;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:active,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
    font-size: 1rem;
}



#msform label {
    margin-bottom: 9px;
    font-weight: 600;
}

.BalanceMain {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #EBEEF1;
}

    .BalanceMain .amount-header {
        font-family: 'PPRadioGrotesk-Medium';
        margin: 0;
        font-size: 14px;
        font-weight: 400;
        color: #1F1F1F;
    }

    .BalanceMain span {
        background: #f7f8fb;
        padding: 7px 10px;
        border-radius: 5px;
    }

        .BalanceMain span i {
            color: #bcc1cc
        }

.amount {
    color: #1F1F1F !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    width: 100%;
    font-family: 'PPRadioGrotesk-Regular';
}

.f13 {
    font-size: 12px;
    font-family: 'PPRadioGrotesk-Regular';
}

.w15 {
    width: 15%
}

.PaddMain {
    padding: 0 2.3rem;
}

.TodayMain {
    background: #fff;
    border-radius: 8px;
}

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

    .TodayInner p {
        margin: 0;
        font-size: 15px;
        color: #000 !important;
        font-weight: 600;
        font-family: 'PPRadioGrotesk-Bold';
    }

    .TodayInner i {
        color: #bcc1cc;
        font-size: 20px;
    }

.TodayMain p {
    font-size: 12px;
    color: #1F1F1F;
}

.TodayMain .grossvalue .amount {
    color: #000;
    font-size: 20px !important;
    font-weight: 700;
    width: 90%;
    font-family: 'PPRadioGrotesk-Bold';
    margin: 7px 0;
}

.graphinner p {
    line-height: 2;
    font-family: 'PPRadioGrotesk-Regular';
    font-size: 14px;
    color: #687385;
}

.graphinner .w15 {
    width: 5%;
    margin-right: 40px;
}

    .graphinner .w15 img {
        width: 25px;
    }

.grossVolume {
    background: #EFEFEF;
    padding: 10px;
    border-radius: 5px;
    margin-top: 1.5rem;
    margin-left: 10px;
}

    .grossVolume h2 {
        font-size: 16px;
        color: #1F1F1F;
        /*        font-weight: 500;*/
        font-family: PPRadioGrotesk-Medium;
    }

.grossvalue {
    /*display: flex;*/
    justify-content: space-between;
    align-items: center;
}

.f2rem {
    font-size: 1.6rem;
    color: #000;
    font-weight: 600
}

.f-6rem {
    font-size: .6rem;
}

.BodyMain h1 {
    font-size: 1.5rem;
    margin: 0;
    padding: 0;
    font-weight: 600;
    color: #2b2b2b
}

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

.innerselect {
    width: 100%;
    margin-right: 10px;
    position: relative;
    display: flex;
    align-items: center;
    background: #f7f8fb;
    border: 0;
    font-size: 14px;
    height: 60px;
    box-shadow: 0 5px 3px -4px #cccccc82;
    border-radius: 8px;
}

.pl-40 {
    padding-left: 40px !important;
}

.SummaryMain h2 {
    font-size: 24px;
    color: #2B2B2B;
    font-family: 'PPRadioGrotesk-Bold';
    margin-bottom: 0;
}

span.welcome-user {
    font-size: 25px;
    color: #000;
    font-weight: 600;
    display: none;
}

.innerselect select {
    background: #f7f8fb;
    border: 0;
    padding: 0px;
    font-size: 14px;
    height: 60px;
    box-shadow: 0 5px 3px -4px #cccccc82;
    border-radius: 8px;
}

span#spnDate {
    padding: 19px;
    font-size: 14px;
    height: 60px;
    box-shadow: 0 5px 3px -4px #cccccc82;
    border-radius: 8px;
    border: 0;
}

.innerselect select:focus {
    box-shadow: none;
    background: transparent;
}

/*.graphinner {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 2.5rem;
    flex-direction: column;
}*/

.GreenBox {
    background: #D7F7C2;
    width: auto;
    padding: 4px 6px;
    text-align: center;
    font-family: 'PPRadioGrotesk-Regular';
    font-size: 12px;
    color: #006908;
    border-radius: 4px;
}

.YellowBox {
    background: #F7D8C2;
    width: auto;
    padding: 4px 6px;
    text-align: center;
    font-family: 'PPRadioGrotesk-Regular';
    font-size: 12px;
    color: #C05C00;
    border-radius: 5px;
}

.leftMain {
    border-right: 1px solid #eee;
    padding-right: 0px;
}

    .leftMain .w15 {
        margin-right: 20px;
        width: 5%;
    }

    .leftMain .w-80 {
        width: 80%;
    }

    .leftMain .w15 img {
        width: 22px;
    }

.grap-list i {
    margin-left: 25px;
    font-size: 20px;
}

input.amount:focus {
    outline: 0;
}

.Summary-icons {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .Summary-icons i {
        margin: 0 15px;
        color: #b9bdc9;
    }

.colorpurple {
    color: #8300E9 !important
}

/* Transaction List CSS */

.welcome-txt {
    font-size: 20px;
    font-weight: 600;
}

.bg-infoheader, .btn-info {
    padding: 5px 18px !important;
    font-size: 15px !important;
    background-color: #fff;
    font-weight: 500;
    font-family: PPRadioGrotesk-medium;
    border: 1px solid #DFDBDB;
    color: #2B2B2B;
    border-radius: 4px;
}

.back-btn {
    padding: 5px 18px !important;
    font-size: 15px !important;
    background-color: #fff;
    font-weight: 500;
    font-family: PPRadioGrotesk-medium;
    border: 1px solid #DFDBDB;
    color: #2B2B2B;
    border-radius: 4px;
}

.bg-infoheader {
    height: 43px !important;
    font-size: 20px !important;
}

/* Global Class */

.mrgn23 {
    margin-top: 33px;
}

.mrgn-btm30 {
    margin-bottom: 30px;
}

.w-100 {
    width: 100%;
}

.h-220 {
    height: 170px;
}

.height50 {
    height: 50px;
}

.height80 {
    height: 80px;
}

.height45 {
    height: 45px;
}

.height100 {
    height: 100px;
}

.height40 {
    height: 40px;
}

.wid120 {
    width: 143px;
    margin-right: 31px;
    text-align: center;
}

.wid110 {
    width: 110px;
}

.wid20 {
    width: 20%;
}

.paddingleft0 {
    padding-left: 0px;
}

.paddingtop35 {
    padding-top: 35px;
}

.margintop200 {
    margin-top: 200px;
}

.marginleft400 {
    margin-left: 400px;
}

.zindex99 {
    z-index: 99;
}

.displaynone {
    display: none;
}

.fontsize20 {
    font-size: 20px;
}

.fontweight900 {
    font-weight: 900;
}

.colord19bd2 {
    color: #eb0000;
    font-size: 14px;
    font-weight: 500;
}

.height25 {
    height: 25px;
}

.height20 {
    height: 25px;
}

.height70 {
    height: 70px;
}

.fontsize16 {
    font-size: 16px
}

.height30 {
    height: 30px;
}

.height100per {
    height: 100%;
}

.lineheight100 {
    line-height: 100px;
}

.fontsize14 {
    font-size: 14px;
}

.borderleft1solidgrey {
    border-left: 1px solid grey;
}

.backgroundcolor35c2e1 {
    background-color: #35c2e1;
}

.backgroundcolor73be7d {
    background-color: #73be7d;
}

.backgroundcoloreb657e {
    background-color: #eb657e;
}

.wid100per {
    width: 100%;
}

.wid5per {
    width: 5%;
}

.wid10per {
    width: 10%;
}

.wid15per {
    width: 15%;
}

.wid1000 {
    width: 1000px;
}

.marginleft550 {
    margin-left: 550px;
}

/* Admin Layout */

#myLoader {
    margin-left: 800px;
    top: 300px;
    position: fixed;
    z-index: 9999;
}

.fontsize11 {
    font-size: 11px;
}

.pagetitle {
    font-size: 28px;
    font-family: PPRadioGrotesk-Bold;
}

.pagetitle-header {
    font-size: 28px;
    font-family: PPRadioGrotesk-Bold;
}

.transection-search-list {
    margin: 0 auto;
    margin-top: 0px;
}

    .transection-search-list input {
        background-color: #fff !important;
    }

#menuline {
    width: 100%;
    position: sticky;
    top: 0;
    z-index: 99;
    background-color: #fff;
    border-bottom: 1px solid #EBEEF1;
}

.nav-link {
    font-size: 14px !important;
    display: inherit;
    align-items: center;
    font-weight: 500 !important;
}

i.fa.fa-angle-down {
    margin-left: 8px;
}

.mydropdown {
    position: relative;
    display: inline-block;
}

.mydropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;
    margin-left: -50px;
}

.mydropdown:hover .mydropdown-content {
    display: block;
    padding: 0;
}

.dropdown-item {
    font-size: 14px;
    padding: 10px 30px;
    font-family: 'PPRadioGrotesk-Regular';
}

.mydropdown-content .dropdown-item:hover {
    color: #7405cb !important;
}

.card-header {
    height: 60px;
    font-weight: 600;
    font-size: 20px;
    line-height: 34px;
    background-color: #8300e9 !important;
    color: white !important;
    font-family: 'PPRadioGrotesk-Bold';
}

.currentbtn {
    background-color: #8300e9 !important;
    border-color: #8300e9;
    color: #fff !important;
    font-family: PPRadioGrotesk-Medium !important;
}

    .currentbtn:focus {
        border-color: #8300e9 !important;
    }


    .currentbtn:hover {
        background-color: #8300e9 !important;
        border-color: #8300e9;
    }

.nextbtn {
    padding: 12px 30px;
    color: #212529 !important;
    margin-top: 30px;
    border: 1px solid #212529;
}

a#loginbtn {
    margin-top: 0;
    padding: 5px 12px;
    margin-left: 10px;
    font-family: 'PPRadioGrotesk-Bold' !important;
}

li.nav-item a.nav-link {
    font-family: PPRadioGrotesk-medium;
    color: #414552 !important;
}

#TransactionListmenu:hover {
    color: #8300E9 !important;
}
/* Layout */
.panel-heading {
    font-weight: 600;
    font-size: 20px;
    line-height: 34px;
    background-color: #8300e9 !important;
    color: white !important;
    padding: 10px;
}

.panel-info {
    border: solid 1px #e1e1e1 !important;
}

.panel-body {
    padding: 15px;
}

table.dataTable thead th, table.dataTable.no-footer {
    border-bottom: 0px solid #ccc !important;
}

/* Merchant Transaction list CSS */

.cal-pos-tranlist {
    position: absolute;
    right: 25px;
    bottom: 12px;
}

td.Merchantlisttd a {
    font-size: 17px;
    margin: 0;
    padding: 0;
    width: auto;
}
/* Merchant Dashboard CSS */

.dishide {
    display: none;
}

span.checkLabel {
    position: absolute;
    padding-left: 15px;
    font-size: 15px;
    vertical-align: middle;
    font-weight: 400;
    color: #2B2B2B;
    font-family: 'PPRadioGrotesk-Regular';
}

.filter-list span.checkLabel {
    position: absolute;
    padding-left: 15px;
    font-size: 15px;
    vertical-align: middle;
    font-weight: 400;
    color: #2B2B2B;
    font-family: 'PPRadioGrotesk-Regular';
}

.columnlist li {
    list-style-type: none !important;
    line-height: 3;
}

.columnCheckbox {
    overflow: auto;
    height: 320px;
    border: 1px solid #ddd;
    padding: 10px;
    position: absolute;
    left: auto !important;
    right: 0 !important;
    top: 110px;
    z-index: 1;
    background: #fff;
    width: 260px;
    margin-right: 18px;
    box-shadow: 0 2px 6px 0px #0000001f;
}

    .columnCheckbox::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: #F5F5F5;
    }

    .columnCheckbox::-webkit-scrollbar {
        width: 3px;
        background-color: #F5F5F5;
    }

    .columnCheckbox::-webkit-scrollbar-thumb {
        background-color: #AAAAAA;
        border: 3px solid #AAAAAA;
    }

.btnSelect {
    width: 259px;
    text-align: center;
}

.dropdown-export {
    border: 1px solid #DFDBDB;
    border-radius: 8px;
    min-width: 102px;
}

.dropdown-filter {
    border: 1px solid #DFDBDB;
    border-radius: 8px;
}

.export-dropdown-button:focus {
    outline: none;
}
/*===============================*/
/*switch design new */
/*===============================*/
.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 24px;
}

    .switch input {
        display: none;
    }

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

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

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

.slidercolor {
    background-color: #8300E9;
}

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

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

/*=================================
switch design new end 
=================================*/


.on {
    display: none;
}

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

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

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

/*--------- END --------*/

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

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


.iconsetting {
    margin-left: 360px;
    margin-top: 100px;
    position: absolute;
    border: 1px solid gray;
    background-color: #ececec;
    width: 60px;
    height: 36px;
    text-align: center;
}


/* Customer list */

div.dt-buttons {
    width: 100%;
    margin-bottom: 10px;
}

.multiselect-filter {
    margin-bottom: 10px;
}


    .multiselect-filter > .fa-search {
        z-index: 1;
        padding-left: 0.75rem;
        margin-bottom: 8px;
    }

#Listofoptions {
    margin: 0;
}

#Listofoptions {
    margin: 0;
}

.multiselect-filter > input.multiselect-search {
    border: none;
    border-bottom: 1px solid lightgrey;
    padding-left: 2rem;
    margin-left: -1.625rem;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-bottom: 5px;
}

    .multiselect-filter > input.multiselect-search:focus {
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
    }

.columnCheckbox
.multiselect-filter > .multiselect-moz-clear-filter {
    margin-left: -1.5rem;
    display: none;
}

.customcrosssearchbtn {
    border: none;
    display: none;
}

.toast-info {
    background-color: #2f96b4;
}

a.dt-button, .confirm {
    color: #fff !important;
    border: #7700e2 !important;
    box-shadow: none !important;
    border-radius: 4px !important;
    background: transparent linear-gradient( 0deg, #8300E9 0%, #7300E2 100%) 0% 0% no-repeat padding-box !important;
    font-family: 'PPRadioGrotesk-Bold'
}

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

table button {
    padding: 5px 13px !important;
    font-size: 15px !important;
}

a.dt-button:hover, .confirm:hover {
    color: #fff !important;
    background: transparent linear-gradient( 0deg, #7701d3 0%, #6403c1 100%) 0% 0% no-repeat padding-box !important;
}

.dt-button-collection a.dt-button {
    background: transparent !important;
    color: #000 !important;
    border-bottom: 1px solid #cccccc6b !important;
    border-radius: 0 !important;
}

table.no-footer {
    margin-bottom: 25px !important;
}

    table.no-footer thead {
        outline: none;
    }


label {
    margin-right: 10px;
    font-size: 14px;
    font-weight: 500;
    margin-left: 1px;
    color: #2B2B2B;
    font-family: PPRadioGrotesk-medium;
    margin-top: 11px;
    vertical-align: middle;
}

input.form-control:focus {
    box-shadow: none;
}

.dataTables_wrapper {
    margin-bottom: 40px;
}

.login-bg .panel-info {
    background-color: #fff;
    box-shadow: 0px 3px 7px 1px #cfcfcf;
}

img.LogoWidth {
    width: 12%;
}

.dataTables_wrapper .dataTables_filter input:focus {
    outline: none;
}

.tooltip {
    position: relative;
    display: inline-block;
    opacity: 1;
    z-index: auto;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        width: 100px;
        background-color: #666666;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        bottom: 105%;
        left: 50%;
        margin-left: -60px;
        opacity: 0;
        transition: opacity 0.3s;
    }

table.dataTable thead .sorting_asc {
    filter: grayscale(100%);
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.dataTables_wrapper .dataTables_filter input {
    margin-left: 10px !important;
}

a.navbar-brand img {
    max-width: 100px;
}

p.welcom_user {
    font-size: 25px;
    color: #000;
}

.table td {
    border-top: 0px solid #EBEEF1 !important;
    border-bottom: 1px solid #EBEEF1;
    font-size: 15px;
    font-weight: 400;
    color: #2B2B2B;
    font-family: 'PPRadioGrotesk-Regular';
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd,
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1,
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
    background: transparent !important;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 10px 10px !important;
}

div#myTable1_info, #tbltransaction_info, .dataTables_info, #SERVERSIDETABLE_info, #UserListTable_info, #tblCustomer_info {
    color: #b5b5b5;
    font-weight: normal;
    font-size: 13px;
}

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

.title-header a {
    margin-left: 8px;
    padding: 6px 20px !important;
    font-size: 15px !important;
    background-color: #fff;
    font-weight: 500;
    font-family: PPRadioGrotesk-medium;
    border: 1px solid #DFDBDB;
    color: #2B2B2B;
    border-radius: 4px;
}

    .title-header a:hover {
        background-color: #8300E9;
        border: 1px solid #8300E9;
        color: #fff;
    }

    .title-header a:focus {
        background-color: #8300E9;
        border: 1px solid #8300E9;
        color: #fff;
    }

.title-header .filter-btn {
    /*    margin-left: 8px;*/
    width: 102px;
    padding: 5px 0px !important;
    font-size: 15px !important;
    background-color: #fff;
    font-weight: 500;
    font-family: PPRadioGrotesk-medium;
    border: 1px solid #DFDBDB;
    color: #2B2B2B;
    border-radius: 4px;
}

    .title-header .filter-btn:hover {
        background-color: #8300E9;
        border: 1px solid #8300E9;
        color: #fff;
    }

    .title-header .filter-btn:focus {
        background-color: #8300E9;
        border: 1px solid #8300E9;
        color: #fff;
    }

    .title-header .filter-btn:hover svg path {
        fill: #fff;
    }

    .title-header .filter-btn:focus svg path {
        fill: #fff;
    }

.dropdown-menu .checkLabel {
    font-size: 12px;
    line-height: 24px;
    margin: 0;
    font-family: 'PPRadioGrotesk-Regular';
    padding-left: 10px;
    font-size: 15px;
    vertical-align: middle;
    font-weight: 400;
    color: #2B2B2B;
    font-family: 'PPRadioGrotesk-Regular';
}

a.btn.disable-color {
    background-color: #F7F8FB;
    color: #9FA4B4;
    font-family: PPRadioGrotesk-Bold;
}

table.dataTable thead th {
    padding-right: 15px !important;
    vertical-align: bottom;
    border-bottom: 1px solid #E3E8EE !important;
    border-top: unset;
    font-size: 11px;
    font-weight: 500 !important;
    color: #2B2B2B;
    font-family: PPRadioGrotesk-Medium;
    text-transform: uppercase;
    letter-spacing: 1;
}

.table-setting {
    font-size: 25px;
    color: #b5b4b4;
}

.tab-accordion ul {
    list-style: none;
    display: flex;
    padding: 0;
    margin: 0;
}

/*.row.table-head-border {
    border-bottom: 1px solid #eee;
}*/

.tab-accordion li {
    padding: 0;
    margin-right: 25px;
    font-size: 17px;
}

    .tab-accordion li a {
        font-size: 14px;
        padding: 5px 0;
        font-weight: 500;
        font-family: 'PPRadioGrotesk-Medium';
    }

.tab-accordion .current-tab a {
    color: #8300E9;
}

.tab-accordion .current-tab {
    border-bottom: 2px solid#8300E9;
}

table.dataTable.display tbody td {
    white-space: nowrap;
    line-height: 25px;
    vertical-align: middle;
}

/*div#myTable1_filter, div.dt-buttons, #tbltransaction_filter, #SERVERSIDETABLE_filter, #UserListTable_filter, .dataTables_filter {
    display: none;
}*/
/*usertable underline code start*/
.email-column {
    text-decoration: underline;
}
/*usertable underline code */
.transection-search-list h5 {
    font-size: 15px;
    font-family: PPRadioGrotesk-Bold;
}


i#passwordeye {
    right: 10px;
    top: 57px;
    cursor: pointer;
    position: absolute;
}

.form-group {
    position: relative;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #d9d9d9;
    color: #706f70;
}

.dropdown-menu.show {
    padding: 0;
}

.select .selectBtn {
    padding: 10px;
    box-sizing: border-box;
    border-radius: 3px;
    width: 100%;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    font-weight: 400;
    -ms-user-select: none;
    user-select: none;
    font-family: 'PPRadioGrotesk-Regular';
    font-size: 16px;
}

.selectBtn.open {
    font-size: 13px;
}

.select .selectBtn:after {
    content: "";
    position: absolute;
    top: 45%;
    right: 15px;
    width: 6px;
    height: 6px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    border-right: 2px solid #666;
    border-bottom: 2px solid #666;
    transition: 0.2s ease;
}

.select .selectBtn.toggle {
    border-radius: 3px 3px 0 0;
}

    .select .selectBtn.toggle:after {
        -webkit-transform: translateY(-50%) rotate(-135deg);
        transform: translateY(-50%) rotate(-135deg);
    }

.select .selectDropdown {
    position: absolute;
    top: 100%;
    width: 100%;
    border-radius: 3px;
    overflow: hidden;
    background: var(--bg1);
    border-top: 1px solid #eee;
    z-index: 1;
    background: #fff;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    visibility: hidden;
    transition: 0.2s ease;
    box-shadow: 0 3px 6px 0px rgb(0 0 0 / 12%);
    height: auto;
    z-index: 99 !important;
}

    .select .selectDropdown .option {
        padding: 10px;
        box-sizing: border-box;
        cursor: pointer;
        font-size: 13px;
    }

        .select .selectDropdown .option:hover {
            background: #f8f8f8;
        }

    .select .selectDropdown.toggle {
        visibility: visible;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

.search-box {
    position: relative;
}

.input-search {
    height: 50px;
    width: 50px;
    border-style: none;
    padding: 0px;
    font-size: 18px;
    letter-spacing: 2px;
    outline: none;
    border-radius: 25px;
    transition: all .5s ease-in-out;
    color: #343434;
}

    .input-search::placeholder {
        color: #000;
        font-size: 13px;
        letter-spacing: 2px;
        font-weight: 100;
    }

.btn-search {
    width: 50px;
    height: 50px;
    border-style: none;
    font-size: 20px;
    font-weight: bold;
    outline: none;
    cursor: pointer;
    border-radius: 50%;
    position: absolute;
    right: 0px;
    color: #ffffff;
    background-color: #ffffff;
    pointer-events: painted;
}

    .btn-search:focus ~ .input-search {
        width: 200px;
        border-radius: 0px;
        background-color: white;
        transition: all 500ms cubic-bezier(0, 0.110, 0.35, 2);
        border-bottom: 1px solid #ccc;
        margin-top: 1px;
        box-shadow: -2px 0px 8px 0px #eee;
        padding: 5px;
    }

.input-search:focus {
    border-radius: 0px;
    background-color: transparent;
    transition: all 500ms cubic-bezier(0, 0.110, 0.35, 2);
    width: 200px;
}

.header-right-sec-link {
    display: flex;
    align-items: center;
}

button.btn-search:focus {
    outline: none;
}

.header-right-sec a img {
    width: 30px;
}

.header-right-sec a i {
    color: #B9BDC9;
    margin: 0;
    font-size: 20px;
}

.header-right-sec .header-TG-btn {
    color: #787D8C;
    margin: 0 23px;
    font-size: 20px;
    font-family: 'PPRadioGrotesk-Regular';
    text-decoration: none;
}

.header-right-sec a img {
    margin-left: 20px;
}

span.notification-ind {
    background-color: #8300E9;
    width: 20px;
    height: 20px;
    position: absolute;
    border-radius: 50%;
    bottom: 0px;
    left: 11px;
    font-size: 12px;
    line-height: 1.7;
    color: #fff;
    padding-left: 0px;
    text-align: center;
    top: 3px;
    font-family: 'PPRadioGrotesk-Bold';
}

/*a.notification-icon {
    position: relative;
    right: 15px;
}*/

.notification-icon:hover svg path {
    fill: #545969;
    transition: fill 0.3s ease;
}

.notification-icon:hover svg path {
    fill: #8300E9 !important;
}

.notification-icon.active svg path,
.notification-icon:focus svg path {
    fill: #8300E9;
}
/* Fallback for default state */

.notification-icon:not([class*="active"]) svg path {
    fill: #545969;
}
/*notification issue css update end */
input.paginate_input {
    width: 45px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 4px;
    height: 40px;
    font-size: 13px;
    margin: 0 8px;
}

    input.paginate_input:focus {
        border: 1px solid #ccc;
    }

.dataTables_wrapper .dataTables_paginate {
    font-size: 13px;
}

.dataTables_paginate paging_input {
    width: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

span.paginate_total {
    background: #8300e9;
    padding: 12px 15px;
    border-radius: 4px;
    margin: 0 8px;
    color: #fff;
    font-size: 13px;
    font-family: PPRadioGrotesk-Bold;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #8300E9 !important;
    box-shadow: 0 !important;
    /*    border: 0 !important;*/
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    width: 45px;
}

.previous.paginate_button.disabled:hover i,
.first.paginate_button.disabled:hover i,
.previous.paginate_button.disabled:active i,
.first.paginate_button.disabled:active i {
    color: #ccc;
}

/*.previous.paginate_button {
    margin-right: 10px;
}*/

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    background: transparent !important;
    box-shadow: none;
}

.select-export-typ .export-list {
    display: none;
    transition: 0.3s all ease-in;
}

ul.export-list {
    list-style: none;
    position: absolute;
    right: 16px;
    z-index: 9;
    border-radius: 8px;
    top: 40px;
    width: 102px;
    background-color: #fff;
    text-align: left;
    box-shadow: 0 2px 6px 0px #0000001f;
    display: none;
    padding: 7px 0px 10px;
    border: 1px solid #DFDBDB;
}

    ul.export-list a {
        font-size: 14px;
        color: #555456;
    }

    ul.export-list li {
        font-size: 15px;
        vertical-align: middle;
        font-weight: 400;
        color: #2B2B2B;
        font-family: 'PPRadioGrotesk-Regular';
    }

        ul.export-list li:first-child {
        }

        ul.export-list li:hover i.fa :first-child {
            color: #000;
        }

    ul.export-list a i {
        font-size: 16px;
        margin-right: 8px;
    }

.export-list li i {
    padding: 8px;
    font-size: 20px;
    color: #0000009e;
}

.columnCheckbox.mt-80 {
    top: 180px;
}

.columnCheckbox.mt-90 {
    top: 190px;
}

.BodyMain th {
    white-space: nowrap;
}

i.fa.fa-eye {
    cursor: pointer;
}

table thead tr th:last-child,
table tbody tr td:last-child {
    text-align: right;
}

table tbody tr td button:last-child {
    text-align: right;
    float: right;
}

table tbody tr td:last-child a {
    margin: 0 0px;
}

.role-form-btn {
    margin-top: 30px;
}


.top200 {
    top: 200px;
}

div#notoficationModal {
    position: absolute;
    right: 25px;
    top: 60px;
    display: none;
    z-index: 999;
}

#notoficationModal .dropdown-item {
    font-size: 14px;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#notoficationModal .dropdown-menu {
    width: 260px;
    padding-bottom: 8px;
    z-index: 9999;
    top: 35px;
    height: 348px;
    overflow: auto;
}


/* width */
::-webkit-scrollbar {
    width: 5px;
}

/* Track */
#notoficationModal .dropdown-menu::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
#notoficationModal .dropdown-menu::-webkit-scrollbar-thumb {
    background: #8300E9;
}

/* Handle on hover */
#notoficationModal .dropdown-menu:hover::-webkit-scrollbar-thumb {
    background: #8300E9;
}

#notoficationModal a.dropdown-item p {
    font-size: 13px;
}

a.dropdown-footer.text-center {
    color: #901bec;
    font-size: 14px;
}


.profile-loo-compress {
    max-height: 50px;
    width: 50px;
}


.profile-loo-compress {
    max-height: 30px;
    width: 30px;
}


    .profile-loo-compress img {
        width: 30px;
        height: 30px;
        border-radius: 100%;
    }

.card.registration-cards {
    margin-top: 40px;
}

#notoficationModal .dropdown-header {
    background-color: #8300E9;
    color: #fff;
}

.card.edit-merchants-card {
    margin-bottom: 40px;
}

div#dvPassport.transaction-setting-icon {
    top: 196px !important;
}


.previous-brows-btn {
    margin-top: 42px;
    color: #ababab;
    font-size: 14px;
    cursor: pointer;
}

    .previous-brows-btn a {
        text-decoration: none !important;
        color: #ccc;
        font-family: 'PPRadioGrotesk-Medium';
    }

        .previous-brows-btn a:hover {
            color: #af50ff;
        }

    .previous-brows-btn .fa.fa-arrow-left {
        margin-right: 10px;
    }

#txtPassword {
    animation: shake 0.1635s 0s 3;
}

@keyframes shake {
    0% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(8px);
    }

    75% {
        transform: translateX(-8px);
    }

    100% {
        transform: translateX(0);
    }
}

#Emailtxt {
    animation: shake 0.1635s 0s 3;
}

@keyframes shake {
    0% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(8px);
    }

    75% {
        transform: translateX(-8px);
    }

    100% {
        transform: translateX(0);
    }
}

.merchants-svg svg {
    fill: #7700e2;
    width: 100px;
    height: 50px;
}

i.fa.fa-calendar-o.right-icon {
    position: absolute;
    right: 150px;
    bottom: 6px;
}

#rolelist thead {
    color: #000;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #dee2e6 !important;
    border-top: unset;
    font-size: 11px;
    font-weight: 500 !important;
    color: #2B2B2B;
    font-family: PPRadioGrotesk-Medium;
    text-transform: uppercase;
    letter-spacing: 1;
}

#rolelis .table thead th {
    border-bottom: 0px;
}

.innerselects {
    display: flex;
    align-items: center;
}

.innerselectsform {
    position: relative;
}

    .innerselectsform .fa {
        position: absolute;
        left: 10px;
        bottom: 6px;
    }

.innerselectd {
    display: flex;
    align-items: center;
}

.innerselectsto {
    position: relative;
}

    .innerselectsto .fa {
        position: absolute;
        left: 10px;
        bottom: 9px;
    }

input[type="checkbox"] {
    accent-color: #720dd3;
    background-color: #ffffff;
    width: 20px;
    height: 21px;
    border: 1px solid #EBEEF1;
    border-radius: 6px;
}


#tbltransaction_wrapper .table td, .table th {
    vertical-align: middle;
}

#ChangePasswordbtn {
    margin-right: 10px;
}


#updatebtn {
    margin-right: 10px;
    font-family: 'PPRadioGrotesk-Bold';
}

input#transactiondates {
    font-size: 13px;
    padding: 4px;
    border: none;
    background-color: transparent;
    vertical-align: middle;
}

input#transactiondatee {
    font-size: 13px;
    padding: 4px;
    border: none;
    background-color: transparent;
}


.flatpickr-weekdays {
    background: #fff !important;
}

.flatpickr-months .flatpickr-month {
    background: #fff !important;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    background: #fff !important;
    color: #2B2B2B !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    font-family: 'PPRadioGrotesk-Bold';
}

span.flatpickr-weekday {
    background: #fff !important;
    color: #2B2B2B !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    font-family: 'PPRadioGrotesk-Bold';
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
    background: #8300e9 !important;
    border-color: #8300e9 !important;
}

.sweet-alert h2 {
    font-size: 25px !important;
    font-family: 'PPRadioGrotesk-Bold'
}

/*.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    background-color: #8300e9 !important;
}

    .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month:hover {
        background-color: #8300e9 !important;
    }
*/
.text-danger {
    font-size: 14px;
}

#navbarSupportedContent .dropdown-toggle::after {
    display: none;
}

.form-control {
}

.form-control {
    animation: var(--shake) 0.1635s 0s 3;
}

    .form-control:has( ~ .field-validation-error:not(:empty)) {
        --shake: shake;
    }

@keyframes shake {
    0% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(8px);
    }

    75% {
        transform: translateX(-8px);
    }

    100% {
        transform: translateX(0);
    }
}

.form-control {
    transition: none;
    border: 1px solid #DFDBDB !important;
    font-family: 'PPRadioGrotesk-Regular';
    border-radius: 4px;
}

    .form-control:focus {
        box-shadow: none;
    }

#back {
    width: 85px;
    height: 70px;
    background: transparent;
    border: none;
    color: #8300E9;
    font-size: 23px;
    font-weight: 700;
    font-style: normal;
    text-align: center;
    padding: 0;
    vertical-align: middle;
    margin-top: 34px;
    font-family: 'radio-grotesk-regular', sans-serif;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:active,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
    font-size: 1rem;
}


.innerselects label {
    margin-left: 10px;
}

.innerselectd label {
    margin-left: 10px;
}

#msform label {
    margin-bottom: 9px;
    font-weight: 600;
}

.calnder_group {
    display: flex;
    background: #f7f8fb;
    height: 60px;
    margin-right: 8px;
    border-radius: 8px;
}

.sa-button-container {
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-top: 13px;
}

.sweet-alert button {
    font-size: 14px !important;
    padding: 10px 25px !important;
    margin: unset !important;
    margin-top: 20px !important;
    margin-bottom: 7px !important;
}

.sweet-alert input {
    font-family: PPRadioGrotesk-Regular;
}

.sweet-alert p {
    font-family: PPRadioGrotesk-Regular;
}

header.sticky {
    background-color: rgba(0, 0, 0, 0.9);
    padding: 0;
}

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
    background-color: transparent !important;
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color: transparent !important;
}

/*.btn:active {
    border: unset !important;
}*/

.modal-body p {
    font-family: PPRadioGrotesk-Regular;
}

#msform .action-button-previous {
    font-family: PPRadioGrotesk-Bold;
}


#tbltransaction_wrapper table.dataTable tbody tr.even {
    background-color: #f6f6f6 !important;
}

button#ChangePasswordbtn:active {
    border: unset !important;
}

.flatpickr-calendar.open {
    z-index: 99 !important;
}

.payment_void {
    align-items: center;
}

    .payment_void .btns {
        background: #8300E9;
        color: #fff;
        margin-right: 0px;
        border: unset;
        border-radius: 5px;
        padding: unset !important;
        width: 70px;
        text-align: center;
    }

.searchbtnemail {
    height: 40px;
    margin-top: 0;
    padding: 13px;
    border-radius: 5px;
    border: 1px solid #d1c5c5;
    font-family: 'PPRadioGrotesk-Regular';
    vertical-align: middle;
}

.payment_suceess {
    color: #008000;
    background: #28a74538;
    text-align: center;
    border-radius: 5px;
    width: 75px;
    float: right;
}

.calnder_group label {
    font-size: 16px;
}

.permission_datatable thead tr th:nth-last-child(2) {
    max-width: 50px !important;
}

.permission_datatable tbody tr td:nth-last-child(2) {
    max-width: 50px !important;
}

.merchant_account_header h2 {
    font-size: 28px;
    font-weight: 700;
    font-family: PPRadioGrotesk-Bold;
    color: #000;
}

.merchant_account_common_design {
    border: 1px solid #DFDBDB;
    padding: 11px 0px 0px 0px;
    border-radius: 7px;
}

.account_heading h2 {
    border-bottom: 1px solid #DFDBDB;
    padding: 0px 18px 8px;
    margin: unset;
    font-size: 26px;
    font-weight: 700;
    font-family: PPRadioGrotesk-Bold;
}

.merchant-status-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px;
    flex-wrap: wrap;
}

.merchant-status-btn button {
    padding: 2px 20px 2px 20px;
    background-color: #fff;
    font-size: 15px;
    border: 1px solid #DFDBDB;
    border-radius: 4px;
    font-weight: 500;
    font-family: 'PPRadioGrotesk-Regular';
    margin-left: 15px;
}

.pending_merchant {
    background-color: #CFF5F6;
    padding: 9px 10px 8px 8px;
    color: #0055BC;
    font-size: 12px;
    font-weight: 500;
    font-family: 'PPRadioGrotesk-medium';
    border-radius: 8px;
    margin-left: 15px;
}

.merchant-status-content p {
    font-size: 14px;
    color: #000;
    font-weight: 500;
    font-family: 'PPRadioGrotesk-medium';
    margin-bottom: 8px
}

.merchant-status-content .last_update {
    font-size: 12px;
    font-weight: 400;
    color: #8D8D8D;
    font-family: 'PPRadioGrotesk-Regular';
}

.edit_btns {
    padding: 6px 20px !important;
    font-size: 15px !important;
    background-color: #fff;
    font-weight: 500;
    font-family: PPRadioGrotesk-medium;
    border: 1px solid #DFDBDB;
    color: #2B2B2B;
    text-decoration: none;
    float: right;
    border-radius: 4px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

    .edit_btns:hover {
        background-color: #8300E9;
        border: 1px solid #8300E9;
        color: #fff;
        text-decoration: none;
    }

    .edit_btns:focus {
        outline: none;
    }

.refund_btns {
    padding: 5px 18px !important;
    font-size: 15px !important;
    background-color: #fff;
    font-weight: 500;
    font-family: PPRadioGrotesk-medium;
    border: 1px solid #DFDBDB;
    color: #2B2B2B;
    float: right;
    border-radius: 4px;
    width: 85px;
    text-align: center !important;
}

    .refund_btns:hover {
        background-color: #8300E9;
        color: #fff;
        border: 1px solid #8300E9;
    }

    .refund_btns:hover {
        outline: none !important;
    }

.refund_btnscolor {
    background-color: #E5E5E5;
    border: 1px solid #E5E5E5;
    color: #B7B6B6;
}

.failed_btn {
    padding: 5px 18px !important;
    font-size: 15px !important;
    background-color: #e5e5e5;
    font-weight: 500;
    font-family: PPRadioGrotesk-medium;
    border: 1px solid #DFDBDB;
    color: #b7b6b6;
    float: right;
    border-radius: 4px;
    width: 85px;
    text-align: center !important;
}




.permission_saves {
    padding: 6px 20px !important;
    font-size: 15px !important;
    background-color: #fff;
    font-weight: 500;
    font-family: PPRadioGrotesk-medium;
    border: 1px solid #DFDBDB;
    color: #2B2B2B;
    float: right;
    border-radius: 4px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

    .permission_saves:hover {
        background-color: #8300E9;
        color: #fff;
        border: 1px solid #8300E9;
    }

    .permission_saves:focus {
        background-color: #8300E9;
        border: 1px solid #8300E9;
        color: #fff;
        text-decoration: none;
    }


#adduser_form .modal-footer {
    display: unset;
}

.custom_popup .modal-footer {
    display: unset;
}

.btn-savechange {
    border: 1px solid #DFDBDB;
    font-size: 15px;
    color: #2B2B2B;
    font-weight: 500;
    font-family: PPRadioGrotesk-medium;
    border-radius: 4px;
    padding: 5px 20px;
}

/*    .btn-savechange:hover {
        background-color: #8300E9;
        border: 1px solid #8300E9;
        color: #fff;
    }*/

.notfication_modal.right.fade .modal-dialog {
    right: 0px;
    position: fixed;
    height: 100%;
}

.notfication_modal.right .modal-header {
    background-color: #fff;
    justify-content: unset;
    border-bottom: 1px solid #00000024;
}

.notfication_modal.right .modal-content {
    height: 100%;
    width: 461px;
    overflow: auto;
    border-radius: 0;
    margin-top: 44px;
    padding: 10px;
    box-shadow: 0px 70px 70px 0px #00000040;
    border: none;
    padding: unset !important;
    max-width: 100%;
}

.notfication_modal.right .close {
    text-shadow: none;
    opacity: 1;
    color: #000;
    font-size: 36px;
    padding: unset;
    text-align: left;
    margin: unset;
}


.notification-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    padding: 20px 0;
    border-bottom: 1px solid #EBEEF1;
    justify-content: space-between;
}

    .notification-list .notification-list_detail p {
        margin-bottom: 0px;
        line-height: 1.2;
    }

.notification-list_img {
    margin-top: 3px;
}

.notification-list_detail {
    margin-left: 11px;
    flex-grow: 1;
}

    .notification-list_detail p {
        font-size: 15px;
        font-family: PPRadioGrotesk-Bold;
        color: #2B2B2B;
    }

        .notification-list_detail p small {
            font-size: 14px;
            font-weight: 400;
            font-family: PPRadioGrotesk-Regular;
            color: #2B2B2B;
        }

.editrole_content p {
    font-size: 14px;
    font-weight: 500;
    font-family: PPRadioGrotesk-Medium;
    color: #8D8D8D;
}

.totalprice_bold {
    font-weight: 700 !important;
}

.live_status span {
    line-height: 2.5;
    background-color: #D7F7C2;
    color: #006908;
    padding: 8px 11px !important;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 500;
    font-family: PPRadioGrotesk-Medium;
}

.pending_status span {
    line-height: 2.5;
    background-color: #CFF5F6;
    color: #0055BC;
    padding: 8px 11px !important;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 500;
    font-family: PPRadioGrotesk-Medium;
}

.wallet_created_save {
    line-height: 2.5;
    background-color: #CFF5F6;
    color: #0055BC;
    padding: 4px 6px !important;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    font-family: PPRadioGrotesk-Medium;
}

.wallet_disabled_save {
    line-height: 2.5;
    background-color: #F7D8C2;
    color: #C05C00;
    padding: 4px 6px !important;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    font-family: PPRadioGrotesk-Medium;
}


.pending_status_save {
    line-height: 2.5;
    background-color: #D7F7C2;
    color: #006908;
    padding: 4px 6px !important;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    font-family: PPRadioGrotesk-Medium;
    white-space: nowrap;
}


.suspended_status {
    line-height: 2.5;
    background-color: #F6CFCF;
    color: #BC0000;
    padding: 4px 6px !important;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    font-family: PPRadioGrotesk-Medium;
    white-space: nowrap;
}

.required_status span {
    line-height: 2.5;
    background-color: #F7D8C2;
    color: #C05C00;
    padding: 8px 11px !important;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 500;
    font-family: PPRadioGrotesk-Medium;
}

.suspended_status span {
    line-height: 2.5;
    background-color: #F6CFCF;
    color: #BC0000;
    padding: 8px 11px !important;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 500;
    font-family: PPRadioGrotesk-Medium;
}


.previous {
    padding: 6px 20px !important;
    font-size: 15px !important;
    background-color: #fff !important;
    font-weight: 500 !important;
    font-family: PPRadioGrotesk-medium;
    border: 1px solid #DFDBDB !important;
    color: #2B2B2B !important;
    border-radius: 4px !important;
    margin-left: 15px !important;
    width: auto !important;
}

.next {
    padding: 6px 20px !important;
    font-size: 15px !important;
    background-color: #fff !important;
    font-weight: 500 !important;
    font-family: PPRadioGrotesk-medium;
    border: 1px solid #DFDBDB !important;
    color: #2B2B2B !important;
    border-radius: 4px !important;
    margin-left: 15px !important;
    width: auto !important;
}

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

.notification-list_img .fa-check-circle {
    color: #1EA672;
}

.notification-list_detail span {
    color: #8300E9;
}

.success_msg {
    line-height: 2.5;
    background-color: #D7F7C2;
    color: #006908;
    padding: 4px 6px !important;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    font-family: PPRadioGrotesk-Medium;
}

.faild_msg {
    line-height: 2.5;
    background-color: #F6CFCF;
    color: #BC0000;
    padding: 4px 6px !important;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    font-family: PPRadioGrotesk-Medium;
}

.refund_msg {
    line-height: 2.5;
    background-color: #F7D8C2;
    color: #C05C00;
    padding: 4px 6px !important;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    font-family: PPRadioGrotesk-Medium;
}


.account_status_content {
    display: flex;
    align-items: center;
    border-top: 1px solid #EBEEF1;
    border-bottom: 1px solid #EBEEF1;
    margin-top: 13px;
    padding-top: 10px;
    margin-bottom: 41px;
    padding-bottom: 10px;
}

.account_status_deatils {
    margin-left: 15px;
}

    .account_status_deatils h4 {
        font-size: 14px;
        font-weight: 500;
        font-family: PPRadioGrotesk-Medium;
        margin-bottom: 0;
        color: #2B2B2B;
    }

        .account_status_deatils h4 span {
            background: #D7F7C2;
            padding: 4px;
            border-radius: 6px;
            color: #006908;
            font-size: 12px;
        }

    .account_status_deatils p {
        color: #697386;
        font-size: 14px;
        font-weight: 400;
        font-family: PPRadioGrotesk-Regular;
        padding-top: 3px;
    }

.account_api_deatils h3 {
    font-size: 28px;
    margin-bottom: 0;
    color: #2B2B2B;
    font-family: PPRadioGrotesk-Bold;
}

.account_api_deatils p {
    font-size: 16px;
    font-family: PPRadioGrotesk-Medium;
    color: #2B2B2B;
}

.key_clipboard {
    padding: 5px 18px !important;
    font-size: 15px !important;
    background-color: #fff;
    font-weight: 500;
    font-family: PPRadioGrotesk-medium;
    border: 1px solid #DFDBDB;
    color: #2B2B2B;
    float: right;
    border-radius: 4px;
    margin-left: 15px;
    white-space: nowrap;
}

    .key_clipboard:hover {
        color: #fff;
        background-color: #8300E9;
        border: 1px solid #8300E9;
    }

    .key_clipboard:focus {
        color: #fff;
        background-color: #8300E9;
        border: 1px solid #8300E9;
        outline: none;
    }

.account_api {
    margin-bottom: 16px;
}


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

    .secret_key_data p {
        background-color: #EBEEF1;
        width: 90%;
        padding: 5px;
        border-radius: 6px;
        border: 1px solid #EBEEF1;
        font-size: 12px;
        font-family: 'PPRadioGrotesk-Regular';
        max-width: 100%;
        height: 34px;
        color: #4F566B;
    }

.secret_key_text {
    margin-bottom: 32px;
}

.account_dcos {
    background-color: #F6F8FA;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 32px;
}

.account_dcos_deatils h3 {
    font-size: 14px;
    font-family: PPRadioGrotesk-Medium;
    color: #8300E9;
    font-weight: 500;
    padding-top: 14px;
}

.account_dcos_deatils p {
    font-size: 14px;
    font-family: 'PPRadioGrotesk-Regular';
    font-weight: 400;
    color: #697386;
}

.account_dcos_deatils span {
    font-size: 12px;
    color: #545969;
    background: #EBEEF1;
    padding: 5px 13px 6px;
    border-radius: 4px;
    margin-bottom: 29px;
    font-weight: 500;
}

.account_group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #EBEEF1;
    border-bottom: 1px solid #EBEEF1;
    padding: 14px;
    margin-bottom: 24px;
}

.account_plugin_logo {
    display: flex;
    align-items: center;
}

    .account_plugin_logo h3 {
        font-size: 28px;
        font-family: PPRadioGrotesk-Bold;
        margin-bottom: 0;
        color: #414552;
        margin-left: 15px;
    }


.account_group_magento {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px;
}

/*custom dropdown*/

.select-menu {
    max-width: 165px;
    width: 165px;
}

    .select-menu .select-btn {
        display: flex;
        height: 29px;
        background: transparent;
        padding: 18px;
        padding: 18px;
        font-size: 15px;
        font-weight: 400;
        border-radius: 6px;
        align-items: center;
        cursor: pointer;
        font-family: PPRadioGrotesk-medium;
        color: #2B2B2B;
        justify-content: center;
        border: 1px solid #DFDBDB;
        margin: 0 auto;
        text-align: center;
    }

        .select-menu .select-btn:focus, :focus-visible {
            outline: none;
        }

    .select-menu .options {
        display: none;
        position: absolute;
        width: 165px;
        overflow-y: auto;
        max-height: 295px;
        padding: 10px;
        margin-top: 10px;
        border-radius: 15px;
        background: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        animation-name: fadeInDown;
        -webkit-animation-name: fadeInDown;
        animation-duration: 0.35s;
        animation-fill-mode: both;
        -webkit-animation-duration: 0.35s;
        -webkit-animation-fill-mode: both;
        border: 2px solid #DFDBDB;
    }

        .select-menu .options .option {
            height: 37px;
            cursor: pointer;
            padding: 0;
            background: #fff;
        }


            .select-menu .options .option .option-text {
                font-size: 15px;
                color: #2B2B2B;
                font-family: 'PPRadioGrotesk-Regular';
            }


    .select-menu.active .options {
        display: block;
        opacity: 0;
        z-index: 10;
        animation-name: fadeInUp;
        -webkit-animation-name: fadeInUp;
        animation-duration: 0.4s;
        animation-fill-mode: both;
        -webkit-animation-duration: 0.4s;
        -webkit-animation-fill-mode: both;
    }

.select-btn svg {
    margin-left: 10px;
}

@keyframes fadeInUp {
    from {
        transform: translate3d(0, 30px, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes fadeInDown {
    from {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }

    to {
        transform: translate3d(0, 20px, 0);
        opacity: 0;
    }
}

.select-compared {
    vertical-align: middle;
}

    .select-compared h2 {
        font-size: 15px;
        margin-bottom: 0;
        color: #2B2B2B;
        vertical-align: middle;
        font-family: 'PPRadioGrotesk-Regular';
    }

.merchant_report_home_data {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

#out:focus #ccc {
    display: none;
}

.merchant_account_setting {
    border: 1px solid #DFDBDB;
    border-radius: 7px;
    margin-top: 0px;
    margin-bottom: 30px;
}

    .merchant_account_setting h2 {
        border-bottom: 1px solid #DFDBDB;
        padding: 10px 33px;
        font-size: 26px;
        font-family: PPRadioGrotesk-Bold;
    }

.merchant_account_group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 33px 20px 33px;
}

.merchant_account_border {
    border-bottom: 1px solid #DFDBDB;
}

.common_outline_btns {
    padding: 5px 20px;
    font-size: 15px;
    background-color: #fff;
    font-family: PPRadioGrotesk-medium;
    border: 1px solid #DFDBDB;
    color: #2B2B2B;
    /*    float: right;*/
    border-radius: 4px;
    white-space: nowrap;
}

    .common_outline_btns:hover {
        background-color: #8300E9;
        border: 1px solid #8300E9;
        color: #fff;
    }

    .common_outline_btns:focus {
        outline: none;
        background-color: #8300E9;
        border: 1px solid #8300E9;
        color: #fff;
    }

.merchant_account_setting_status h3 {
    font-size: 14px;
    font-family: PPRadioGrotesk-medium;
    margin-bottom: 0;
}

    .merchant_account_setting_status h3 span {
        /*        background: #CFF5F6;*/
        padding: 3px 6px 3px 6px;
        border-radius: 4px;
        margin-left: 6px;
        /*        color: #0055BC;*/
        font-size: 12px;
    }

.merchant_account_holder {
    border: 1px solid #DFDBDB;
    border-radius: 7px;
    margin-bottom: 30px;
}

    .merchant_account_holder h2 {
        border-bottom: 1px solid #DFDBDB;
        padding: 10px 33px;
    }

.merchant_account_holder_details {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.border-bottom {
    border-bottom: 1px solid #DFDBDB;
}


.merchant_account_holder_group_form {
    width: 33.33%;
}

.border-left {
    border-left: 1px solid #DFDBDB;
}

.merchant-small-text {
    color: #8D8D8D;
}

.merchant_account_holder_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 22px 15px 33px;
}

.merchant_account_holder_lable h6 {
    margin-bottom: 0;
    font-size: 14px;
    font-family: PPRadioGrotesk-medium;
}


.merchant_account_holder_lable span {
    font-size: 12px;
    font-family: PPRadioGrotesk-Regular;
    color: #8D8D8D;
}


.merchant_account_holder_text {
    padding-left: 11px;
    text-align: end;
}

.merchant_security {
    padding-bottom: 0px;
}

.merchant_account_field {
    display: none;
}

.merchant-password-main {
    display: none;
    position: relative;
}

.icon-toogle {
    position: absolute;
    right: 10px;
    top: 8px;
    color: #8D8D8D;
}

.merchant-password {
    border-radius: 4px;
    border: 1px solid #DFDBDB;
    padding: 4px 10px;
    width: 250px;
    color: #8D8D8D;
}

.merchant_account_field {
    border-radius: 4px;
    border: 1px solid #DFDBDB;
    padding: 4px 10px;
    width: 250px;
    color: #8D8D8D;
}

    .merchant_account_field::placeholder {
        font-size: 14px;
        color: #8D8D8D;
        font-family: PPRadioGrotesk-Regular;
    }

#SERVERSIDETABLEs.table td {
    font-family: 'PPRadioGrotesk-Medium';
    white-space: nowrap;
}


.daterange {
    border: 1px #DFDBDB solid;
    border-radius: 4px;
    /* height: 29px; */
    font-size: 15px;
    font-family: PPRadioGrotesk-medium;
    width: 146px;
    max-width: 100%;
    padding: 6px 12px 6px;
    /* text-align: center; */
    position: relative;
}

    .daterange::placeholder {
        color: #2B2B2B;
    }

    .daterange:focus-visible {
        outline: none;
    }

.flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange {
    border-radius: 0px !important;
}

.flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange {
    border-radius: 0px !important;
}

.flatpickr-current-month {
    color: #fff !important;
}

.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
    cursor: pointer;
    outline: 0;
    background: #C791F1 !important;
    border-color: #C791F1 !important;
    color: #fff !important;
}

.flatpickr-calendar.animate.open {
    /* width: 330px !important; */
    /* height: 366px !important; */
    max-width: 100% !important;
}

.flatpickr-days {
    margin: 0 auto;
    text-align: center;
    max-width: 100% !important;
    !i;
    !;
    !i;
    !;
}

.rangeMode .flatpickr-day {
    font-size: 14px;
    font-family: 'PPRadioGrotesk-Regular';
    color: #2B2B2B;
    border: 1px;
    border-radius: 0;
}

.date_arrow {
    position: absolute;
    right: 13px;
    bottom: 15px;
}

.select-calender {
    height: unset !important;
    padding: unset !important;
    width: unset !important;
}

.dayContainer {
    background-color: #EDEDED;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}


/*.flatpickr-months {
    display: none !important;
}*/


.startInput {
    border: 1px solid #DFDBDB;
    font-size: 15px;
    font-family: PPRadioGrotesk-medium;
    color: #2B2B2B;
    padding: 5px;
    border-radius: 4px;
    width: 40%;
    margin-right: 15px;
}

.endInput {
    border: 1px solid #DFDBDB;
    font-size: 15px;
    font-family: PPRadioGrotesk-medium;
    color: #2B2B2B;
    padding: 5px;
    border-radius: 4px;
    width: 40%;
    margin-left: 15px;
}


.custom-inputs-dateRange1 {
    width: 100%;
    padding: 20px 5px 5px;
    background: #fff;
    border-radius: 8px;
}

.custom-inputs-dateRange2 {
    width: 100%;
    padding: 20px 5px 5px;
    background: #fff;
    border-radius: 8px;
}


.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
    top: 61px !important;
}

.flatpickr-current-month input.cur-year {
    color: #2B2B2B !important;
    font-weight: 700 !important;
}

#menuline.navbar-light .navbar-text {
    display: flex;
    align-items: center;
}

.flatpickr-current-month .numInputWrapper {
    width: 72px !important;
}

.flatpickr-current-month {
    padding: 0px !important;
}

.apexcharts-toolbar {
    display: none !important;
}

.merchant_onboarding_completed {
    padding: 20px 0px 20px 0px;
    border: 1px solid #DFDBDB;
    border-radius: 4px;
    margin-top: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.merchant_onboarding_content h3 {
    font-size: 14px;
    font-family: 'PPRadioGrotesk-Bold';
    font-weight: 800;
    margin-bottom: unset;
}

.merchant_onboarding_content p {
    font-size: 14px;
    font-family: 'PPRadioGrotesk-Regular';
}

.merchant_onboarding_details {
    display: flex;
    align-items: center;
}

.merchant_onboarding_icon figure {
    margin-left: 8px;
}

.merchant_onboarding_icon {
    margin-left: 13px;
}

.merchant_onboarding_content {
    margin-left: 8px;
}


.account_personal_infomration {
    border: 1px solid #DFDBDB;
    border-radius: 7px;
    margin-bottom: 26px;
    margin-top: 16px;
}

    .account_personal_infomration h2 {
        border-bottom: 1px solid #DFDBDB;
        padding: 15px 33px 15px;
    }

.account_personal_infomration_details {
    display: flex;
    justify-content: space-between;
    /*  align-items: center;*/
    width: 100%;
    flex-wrap: wrap;
}

.account_personal_infomration_group_form {
    width: 33.33%;
}

.account_personal_infomration_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 33px;
}

.account_personal_infomration_lable h6 {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    font-family: PPRadioGrotesk-medium;
}



.account_personal_holder_text {
    padding-left: 11px;
}

.account_setting {
    border: 1px solid #DFDBDB;
    border-radius: 7px;
    margin-bottom: 29px;
}

    .account_setting h2 {
        border-bottom: 1px solid #DFDBDB;
        padding: 15px 33px 15px;
        font-size: 26px;
        font-family: PPRadioGrotesk-Bold;
    }

.account_security_group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 33px;
}

.account_setting_status h3 {
    font-size: 14px;
    font-weight: 500;
    font-family: PPRadioGrotesk-medium;
    margin-bottom: 0;
}


.account_personal_holder_text .common_outline_btns {
    margin: unset;
}


.bank_account {
    border: 1px solid #DFDBDB;
    border-radius: 7px;
}

    .bank_account h2 {
        font-size: 26px;
        font-family: PPRadioGrotesk-Bold;
    }

.bank_account_heading_group {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #DFDBDB;
    padding: 15px 33px 15px;
}


.bank_account_details_form {
    width: 33.33%;
}

.bank_account_details_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 33px;
}

.bank_account_details_lable h6 {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    font-family: PPRadioGrotesk-medium;
}


.account_setting_btn .common_outline_btns {
    margin-right: 0px;
    margin-left: 15px;
}

.update_btns {
    background-color: #E5E5E5;
    border: 1px solid #E5E5E5;
    color: #B7B6B6;
    padding: 5px 18px !important;
    font-size: 15px !important;
    border-radius: 4px;
    font-weight: 500;
    font-family: PPRadioGrotesk-medium;
}

    .update_btns:hover {
        color: #B7B6B6;
    }


.bank_account_details {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.account_footer h4 {
    text-align: center;
    font-size: 15px;
    font-family: PPRadioGrotesk-medium;
    margin-bottom: 0;
    color: #2B2B2B;
}

.account_upadte_popup .modal-body p {
    font-size: 14px;
    font-family: PPRadioGrotesk-medium;
}

.updatereset_btns {
    padding: 5px 18px !important;
    font-size: 15px !important;
    background-color: #8300E9;
    font-weight: 500;
    font-family: PPRadioGrotesk-medium;
    border: 1px solid #8300E9;
    color: #fff;
    /*    float: right;*/
    border-radius: 4px;
    /*    margin-right: 13px;*/
}

    .updatereset_btns:hover {
        color: #fff;
    }

.active_btns {
    background-color: #8300E9;
    color: #fff;
}

.grossValue_graph {
    display: flex;
    align-items: center;
}

.gross_group_flex {
    justify-content: space-between;
}

.gross_price_left {
    display: flex;
    align-items: center;
}

.SummaryMain {
    margin-bottom: 28px;
}

/*sign output button*/
.signout-btn {
    font-size: 15px;
    background-color: #FFE1E1;
    border: 1px solid #FFA9A9;
    border-radius: 4px;
    color: #DD1C1C;
    padding: 3px 15px;
    font-family: 'PPRadioGrotesk-Regular';
}

    .signout-btn:focus, :focus-visible {
        outline: none;
    }

/*date pcker css input dashboard start */
.flatpickr-calendar:before, .flatpickr-calendar:after {
    display: none !important;
    border: transparent !important;
}

.flatpickr-calendar {
    border-radius: 8px !important;
    border: 1px solid #DFDBDB !important;
    background: #fff !important;
}

.flatpickr-days {
    border: none !important;
    border-radius: 8px !important;
}

.flatpickr-innerContainer {
    border-radius: 8px;
}

.dashboard-period {
    border-radius: 8px;
    border: 1px solid #DFDBDB;
}

    .dashboard-period .dropdown-item {
        padding: 8px 10px;
        font-family: PPRadioGrotesk-Regular;
        color: #2B2B2B;
        border-radius: 8px;
        font-size: 15px;
    }

        .dashboard-period .dropdown-item:focus, .dashboard-period .dropdown-item:hover {
            color: #8300E9;
            text-decoration: none;
            background-color: #fff;
        }

.user-email-header {
    text-decoration: unset;
}

/*merchant account css */
.merchant-select-menu.bootstrap-select > .dropdown-toggle {
    width: 160px !important;
}

.merchant-select-menu button {
    border: 1px solid #DFDBDB;
    padding: 6px 35px 6px 20px;
    font-size: 15px;
    font-family: PPRadioGrotesk-medium;
    color: #2B2B2B;
    border-radius: 4px;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.9999 2.31262L8.69339 5.00611C8.98655 5.29927 9.46187 5.29927 9.75503 5.00611C10.0482 4.71294 10.0482 4.23763 9.75503 3.94447L6.53023 0.71967C6.23734 0.426777 5.76247 0.426777 5.46957 0.71967L2.24478 3.94447C1.95161 4.23763 1.95161 4.71294 2.24478 5.00611C2.53794 5.29927 3.01325 5.29927 3.30642 5.00611L5.9999 2.31262Z' fill='%231F1F1F' /%3e%3cpath d='M9.75503 7.99389C9.46187 7.70073 8.98655 7.70073 8.69339 7.99389L5.9999 10.6874L3.30642 7.99389C3.01325 7.70073 2.53794 7.70073 2.24478 7.99389C1.95161 8.28706 1.95161 8.76237 2.24478 9.05553L5.46957 12.2803C5.76247 12.5732 6.23734 12.5732 6.53023 12.2803L9.75503 9.05553C10.0482 8.76237 10.0482 8.28706 9.75503 7.99389Z' fill='%231F1F1F' /%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 16px top 50%;
    /*    background-size: 0.65rem auto;*/
}

.merchant-select-menu .dropdown-menu {
    border: 1px solid #DFDBDB;
    border-radius: 8px;
}

    .merchant-select-menu .dropdown-menu li .dropdown-item {
        border-radius: unset;
        border: unset;
        margin-left: 0px;
    }

.merchant-select-menu .dropdown-item.active, .merchant-select-menu .dropdown-item:active {
    background-color: unset;
    color: #8300E9;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
    outline: none !important;
}

.update-password {
    display: none;
}

.merchant_update_password {
    border-radius: 4px;
    border: 1px solid #DFDBDB;
    padding: 4px 10px;
    width: 250px;
    color: #8D8D8D;
}

.merchant_account_border_two {
    border-top: 1px solid #DFDBDB;
}

.modal-title {
    font-size: 20px;
    font-family: PPRadioGrotesk-bold;
}

.merchant_info_text {
    font-size: 14px;
    font-family: PPRadioGrotesk-medium;
    color: #8D8D8D;
}

.info_email h3 {
    font-size: 14px;
    font-family: PPRadioGrotesk-medium;
}

.info_email p {
    color: #8D8D8D;
    font-family: PPRadioGrotesk-Regular;
}

.merchant_changes {
    display: inline-block;
    max-width: 440px;
    /*    background-color: #F7D8C2;*/
    color: #C05C00;
    font-size: 14px;
    padding: 5px 10px;
    border-radius: 7px;
    font-family: PPRadioGrotesk-Medium;
}

/*ProfileSection dropdown */
.profile_dropdown {
    min-width: 300px;
    border-radius: 7px;
    border: 1px solid #DFDBDB;
}

.profile_name {
    font-size: 14px;
    font-family: PPRadioGrotesk-Bold;
    color: #2B2B2B;
}

.merchant_email_address {
    font-size: 14px;
    font-family: PPRadioGrotesk-Medium;
    color: #2B2B2B;
}

.profile-divider {
    border: 1px solid #DFDBDB;
}

.profile-dropdown-list a {
    padding: 8px 16px;
    font-size: 14px;
    color: #1F1F1F;
    font-family: PPRadioGrotesk-Medium;
}

.sign-out a {
    padding: 8px 16px;
    font-size: 14px;
    color: #D80000;
    font-family: PPRadioGrotesk-Medium;
}

.profile-dropdown-list a:hover {
    color: #1F1F1F;
    background-color: transparent !important;
}

.sign-out a:hover {
    color: #D80000;
    background-color: transparent !important;
}
/*    update form notification */
.profile-icon {
    transition: fill 0.3s ease;
}

    .profile-icon.active path {
        fill: #8300E9; /* Change to your desired active color */
    }


    .profile-icon:hover > path {
        fill: #8300E9;
    }

#profile-icon.show svg path,
#profile-icon .dropdown-toggle[aria-expanded="true"] svg path {
    fill: #8300E9;
}

/*    update form notification end  */


.date-picker-selecter .merchant-select-menu.bootstrap-select > .dropdown-toggle {
    width: 150px !important;
}

.date-picker-selecter .merchant-select-menu button {
    padding: 6px 15px 6px 15px;
    color: #2B2B2B;
    font-family: PPRadioGrotesk-Medium;
}

.date-picker-selecter .merchant-select-menu li a {
    padding: 10px;
}

.date-picker-selecter .bootstrap-select .dropdown-menu {
    min-width: 150px;
}


.gross-volume-chart {
    transform: scaleX( 1.040);
/*    transform-origin: left;*/
    /*    margin-left: 8px;*/
}

#chart1 {
    transform: scaleX( 1.040);
/*    transform-origin: left;*/
    /*    margin-left: 8px;*/
}

#chart2 {
    transform: scaleX( 1.040);
/*    transform-origin: left;*/
    /*    margin-left: 8px;*/
}

.merchant-gross-volume {
    transform: scaleX( 1.040);
/*    transform-origin: left;*/
    /*    margin-left: 8px;*/
}

.merchant-salese {
    transform: scaleX( 1.040);
/*    transform-origin: left;*/
    /*    margin-left: 8px;*/
}

.merchant-customer {
    transform: scaleX( 1.040);
/*    transform-origin: left;*/
    /*    margin-left: 8px;*/
}

.apexcharts-graphical {
    /*    transform: translate(29, 30) !important;*/
}

.apexcharts-xaxis-label:first-child {
    text-anchor: start;
}

.apexcharts-xaxis-label:last-child {
    text-anchor: end;
}

.merchant-filter-buttons {
    gap: 10px 10px;
}

.save-change {
    display: inline-block;
    background-color: #B4FFBC;
    color: #00850D;
    font-size: 14px;
    padding: 5px 11px;
    border-radius: 7px;
    font-family: PPRadioGrotesk-Medium;
}

    .save-change .save-change-icon {
        margin-right: 5px;
    }


#notification_popup .modal-backdrop {
    background-color: rgba(255, 0, 0, 0.5); /* Change this to your desired color */
}

.merchant_account_setting_btn {
    position: relative;
}

.btn-discard {
    border: 1px solid #E5E5E5;
    background-color: #E5E5E5;
    font-size: 15px;
    color: #B7B6B6;
    font-weight: 500;
    font-family: PPRadioGrotesk-medium;
    border-radius: 4px;
    padding: 5px 20px;
}

    .btn-discard:hover {
        background-color: #E5E5E5;
        border: 1px solid #E5E5E5;
        color: #B7B6B6;
    }

.verifyloader {
    width: 54px !important;
    position: absolute;
    bottom: 6px;
}

.verifyloader-email-footer {
    width: 54px !important;
    position: absolute;
    bottom: 2px;
    right: 105px;
}

.hide {
    display: none;
}

.sec {
    width: 100%;
    background: transparent;
    border: transparent;
    color: #4F566B;
}


.amount-description {
    font-size: 12px;
    color: #1f1f1f;
}


.preview-amount-common {
    font-size: 16px !important;
    color: #697386 !important;
}

.pac-container {
    z-index: 2000 !important;
}


/*new merchant dashboard code update */
.connectStore-main {
    border: 1px solid #DFDBDB;
    border-radius: 4px;
    padding: 10px 15px 30px 15px;
}

.dashboardClose-btn {
    margin-bottom: 5px;
    padding-right: 0px !important;
}

.connect-close {
    padding-right: 0px;
}

    .connect-close:hover svg path {
        fill: rgba(0, 0, 0, 0.5);
    }

.connect-design {
    padding: 9px;
    background-color: #F7D8C2;
    border-radius: 4px;
}

.connect-text h5 {
    font-family: 'PPRadioGrotesk-Bold';
    font-size: 14px;
    color: #2B2B2B;
}

.connect-text p {
    font-family: PPRadioGrotesk-Regular;
    font-size: 14px;
    color: #2B2B2B;
}

.merchant-connect {
    border: 1px dashed #D5DBE1;
    border-radius: 100px;
    padding: 4px 8px;
    color: #6A7383;
    font-size: 14px;
    white-space: nowrap;
}

    .merchant-connect:hover {
        /*        background-color: #8300E9;*/
        border: 1px dashed #8300E9;
        color: #8300E9;
    }

        .merchant-connect:hover svg path {
            fill: #8300E9;
        }

.submit-design {
    padding: 9px 12px;
    background-color: #F7D8C2;
    border-radius: 4px;
}

.submit-docs {
    border: 1px solid #D5DBE1;
    border-radius: 4px;
    padding: 6px 20px;
    color: #6A7383;
    font-size: 15px;
    color: #2B2B2B;
    white-space: nowrap;
    line-height: 1.4;
}

    .submit-docs:hover {
        background-color: #8300E9;
        border: 1px solid #8300E9;
        color: #fff;
    }

.account_footer .data-privacy {
    padding: unset !important;
    border: none;
    text-decoration: underline;
    color: #2B2B2B;
    margin-left: 0px;
}

    .account_footer .data-privacy:hover {
        background-color: transparent;
        color: #8300E9;
        border: none;
    }

.title-header .account_footer .data-privacy:focus {
    background-color: transparent !important;
    color: #8300E9 !important;
    border: none !important;
}

/*    connect page update */

.main-wait-approvel {
    padding: 25px 10px;
    background-color: #D5D5D5;
    border: 1px solid #929292;
    border-radius: 4px;
    margin-bottom: 10px;
}

.wait-text p {
    font-size: 14px;
    color: #414552;
    font-family: PPRadioGrotesk-Medium;
}

.account_status_deatils h4 .live-connect-status {
    color: #006908;
    background-color: #D7F7C2;
    font-size: 12px;
    padding: 1px 6px;
    border-radius: 4px;
    margin-left: 5px;
}

.account_status_deatils h4 .pending-connect-status {
    color: #0055BC;
    background-color: #CFF5F6;
    font-size: 12px;
    padding: 1px 6px;
    border-radius: 4px;
    margin-left: 5px;
}

.account_status_deatils h4 .moreinfo-connect-status {
    color: #C05C00;
    background-color: #F7D8C2;
    font-size: 12px;
    padding: 1px 6px;
    border-radius: 4px;
    margin-left: 5px;
}

.compliance-email {
    color: #8300E9;
}

.account_status_deatils h4 .suspend-connect-status {
    color: #BC0000;
    background-color: #F6CFCF;
    font-size: 12px;
    padding: 1px 6px;
    border-radius: 4px;
    margin-left: 5px;
}
/*    connect page update end */

/*    verification page update */
.verification-header {
    font-size: 15px;
    color: #000000;
}

.verification-text {
    font-size: 15px;
    color: #2b2b2b;
}

.verfication-submit {
    padding: 6px 20px;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    background-color: #E5E5E5;
    color: #B7B6B6;
}

.browse-files-text {
    font-size: 13px;
    font-weight: 300;
    font-family: PPRadioGrotesk-Medium;
    color: #000000a6;
}

.verification-main {
    display: flex;
    flex-direction: column;
    align-items: normal;
    justify-content: center;
    /*    height: calc(100% - 76px);*/
    margin-top: 30px;
}
/*    verification page update end */

.title-header .docs_button {
    padding: unset !important;
    font-size: 14px;
    font-family: PPRadioGrotesk-Medium;
    color: #8300E9;
    font-weight: 500;
    display: block;
    padding-top: 14px;
    margin-top: 10px;
    margin-left: 0px;
    background-color: transparent;
    border: none;
    text-decoration: none;
}

    .title-header .docs_button:hover {
        background-color: transparent;
        color: #8300E9;
        border: none;
    }

    .title-header .docs_button:focus {
        background-color: transparent;
        color: #8300E9;
        border: none;
    }



/*/ Custom Tooltip Styles /*/

.tooltip-inner {
    background-color: #fff;
    border: 1px solid #8300E9;
    color: #8300E9;
    padding: 7px 10px;
    border-radius: 50px;
    font-size: 12px;
}


.arrow::before {
    border-top-color: #8300E9 !important;
}
.up-date{
    font-size: 14px;
    color: #000;
}

/*loader design update */

.inputloader_update_docs {
    position: absolute;
    height: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 100;
    display: none;
}

.seconds-3-docs {
    position: absolute;
    background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0.68) 31%, rgba(0, 0, 0, 0) 100%);
    height: 8px;
    width: 280px;
    margin: auto;
    overflow: hidden;
    top: 40%;
    transform: translate(-50%, -50%);
    left: 50%;
}

.bar-3 {
    background: #000;
    height: 100%;
    width: 0%;
    transition: width 2s linear;
}

.animating-3 {
    animation: progress 2s infinite linear;
}

@keyframes progress {
    0% {
        width: 0%;
    }

    100% {
        width: 100%;
    }
}

.notification-count {
    font-size: 10px;
    width: 14px;
    height: 14px;
    border-radius: 20px;
    background: #DF1B41;
    border: 1px solid #F6F8FA;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    top: 0px;
    right: -7px;
}