@font-face {
    font-family: 'Poppins';
    font-weight: 100;
    src: url("../font/Poppins/Poppins-Thin.ttf") format("truetype");
}
@font-face {
    font-family: 'Poppins';
    font-weight: 200;
    src: url("../font/Poppins/Poppins-ExtraLight.ttf") format("truetype");
}
@font-face {
    font-family: 'Poppins';
    font-weight: 300;
    src: url("../font/Poppins/Poppins-Light.ttf") format("truetype");
}
@font-face {
    font-family: 'Poppins';
    font-weight: 400;
    src: url("../font/Poppins/Poppins-Regular.ttf") format("truetype");
}
@font-face {
    font-family: 'Poppins';
    font-weight: 500;
    src: url("../font/Poppins/Poppins-Medium.ttf") format("truetype");
}
@font-face {
    font-family: 'Poppins';
    font-weight: 600;
    src: url("../font/Poppins/Poppins-SemiBold.ttf") format("truetype");
}
@font-face {
    font-family: 'Poppins';
    font-weight: 700;
    src: url("../font/Poppins/Poppins-Bold.ttf") format("truetype");
}
@font-face {
    font-family: 'Poppins';
    font-weight: 800;
    src: url("../font/Poppins/Poppins-ExtraBold.ttf") format("truetype");
}
@font-face {
    font-family: 'Poppins';
    font-weight: 900;
    src: url("../font/Poppins/Poppins-Black.ttf") format("truetype");
}

h1,h2,h3 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

h4, p {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}
h5 {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}
:root {
    --widget-dark-color: #1e293b;
    --switches-bg-color: #daa520;
    --switches-label-color: #ffffff ;
    --switch-bg-color: #ffffff;
}

.nav-wrapper {
    margin-top: 10px;
    text-align: right;
}
.sl-nav {
    display: inline;
}
.sl-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    display: inline-block;
}
.sl-nav li {
    cursor: pointer;
    padding-bottom: 10px;
}
.sl-nav li ul {
    display: none;
}
.sl-nav li:hover ul {
    position: absolute;
    top: 29px;
    right: -15px;
    display: block;
    background: #fff;
    width: 120px;
    padding-top: 0px;
    z-index: 1;
    border-radius: 5px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}
.sl-nav li:hover .triangle {
    position: absolute;
    top: 15px;
    right: -10px;
    z-index: 10;
    height: 14px;
    overflow: hidden;
    width: 30px;
    background: transparent;
}
.sl-nav li:hover .triangle:after {
    content: "";
    display: block;
    z-index: 20;
    width: 15px;
    transform: rotate(45deg) translateY(0px) translatex(10px);
    height: 15px;
    background: #fff;
    border-radius: 2px 0px 0px 0px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}
.sl-nav li ul li {
    position: relative;
    text-align: left;
    background: transparent;
    padding: 15px 15px;
    padding-bottom: 0;
    z-index: 2;
    font-size: 0.94rem;
}
.sl-nav li ul li:last-of-type {
    padding-bottom: 15px;
}
.sl-nav li ul li span {
    padding-left: 5px;
}
.sl-nav li ul li span:hover,
.sl-nav li ul li span.active {
    color: #146c78;
}
.sl-flag {
    display: inline-block;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
    width: 15px;
    height: 15px;
    background: #aaa;
    border-radius: 50%;
    position: relative;
    top: 2px;
    overflow: hidden;
}
.flag-de {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTM0A1t6AAAAPUlEQVQ4T+3HMQ0AIBTE0NOHM8x9B7hgh71bIWGieUvze1m7kHGBr/AVvsJX+EpmP5dV5/gKX+ErfIUvVDYcX2NMxQC8PAAAAABJRU5ErkJggg==");
    background-size: cover;
    background-position: center center;
}
.flag-usa {
    background-size: cover;
    background-position: center center;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTM0A1t6AAABhUlEQVQ4T2Ows82PjGixsc4LD2tysC/09Kjw8622tyuICG8u0w/cpGSCBzF4e1VmZkzw9anOzOj38a4KCW4IC22ECHYk1l9tn4gHMeTlTnZxLikvm+XiUpKW2hvgX+vnV5OVOQEoOGfOtv94AYOzU3Fd7XxHh6Lq6rlurqUx0W0J8Z1AnbW18yotonaYuOJBDBXls4A+bGpaBCTz86YEBtQCvVBSPAPIbY0oP1/aiAcxABU1Ny+2tclvbFjo5FgUF9uenNwNDLnmpkWEnV1TPRcY1O1tS4H6i4umA/0MDK2K8tlAwRqHpP1uoXgQKKraWpcClTY3LQZaCLQ5NaUX5OaWJY3++SeTC/AgBmA4AXUClUJs9ver8fKsAAYEUJCws4G21dXNB1oFdD/Qz8DQTk4C+bm2dn6DZ9bRiDQ8iAEYt8CoBpK5YBIYw0AEEZwSXX4oMB4PYoC6gCzAcDqrjGzEsMfen2xEmbMv1rSTjRi26dqRjShz9o2+6WQjBrSShQSkZAIADvW/HLrLY6cAAAAASUVORK5CYII=");
}
.flag-gb {
    background-size: cover !important;
    background-position: center !important;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NDAiIGhlaWdodD0iNDgwIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjciIGQ9Ik0tODUuMyAwaDY4Mi42djUxMkgtODUuM3oiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBjbGlwLXBhdGg9InVybCgjYSkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDgwKSBzY2FsZSguOTQpIj48ZyBzdHJva2Utd2lkdGg9IjFwdCI+PHBhdGggZmlsbD0iIzAwNiIgZD0iTS0yNTYgMEg3Njh2NTEySC0yNTZ6Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTS0yNTYgMHY1Ny4yTDY1My41IDUxMkg3Njh2LTU3LjJMLTE0MS41IDBILTI1NnpNNzY4IDB2NTcuMkwtMTQxLjUgNTEySC0yNTZ2LTU3LjJMNjUzLjUgMEg3Njh6Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE3MC43IDB2NTEyaDE3MC42VjBIMTcwLjd6TS0yNTYgMTcwLjd2MTcwLjZINzY4VjE3MC43SC0yNTZ6Ii8+PHBhdGggZmlsbD0iI2MwMCIgZD0iTS0yNTYgMjA0Ljh2MTAyLjRINzY4VjIwNC44SC0yNTZ6TTIwNC44IDB2NTEyaDEwMi40VjBIMjA0Ljh6TS0yNTYgNTEyTDg1LjMgMzQxLjNoNzYuNEwtMTc5LjcgNTEySC0yNTZ6bTAtNTEyTDg1LjMgMTcwLjdIOUwtMjU2IDM4LjJWMHptNjA2LjQgMTcwLjdMNjkxLjcgMEg3NjhMNDI2LjcgMTcwLjdoLTc2LjN6TTc2OCA1MTJMNDI2LjcgMzQxLjNINTAzbDI2NSAxMzIuNVY1MTJ6Ii8+PC9nPjwvZz48L3N2Zz4=");
}
.display_none {
    display: none;
}
.display_none_important {
    display: none !important;
}
.cursor_pointer {
    cursor: pointer;
}
.cursor_help {
    cursor: help;
}
.otp_textbox_block input {
    display: inline-block;
    width: 50px;
    height: 50px;
    text-align: center;
}
.error_border {
    border: 1px solid red;
    border-radius: 4px;
}
.products_block {
    height: 125px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 50%;
}
.products_block img {
    max-height: 100px;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 20%;
}
.card-header {
    background-color: #f8f8f8;
}
.products_configuration_iframe {
    width: 100%;
    height: 575px;
    box-shadow: 0px 3px 13px 0px #d7e7ff !important;
}
.pos_products_transaction_view_iframe {
    width: 100%;
    height: 575px;
}
.margin_auto {
    margin: 0 auto;
}
.list-group-item {
    display: grid;
    grid-template-columns: 40px auto 60px 60px;
    align-items: center;
}
.list-item-column {
    display: flex;
    align-items: center;
    justify-content: center;
}
.handle {
    transform: scale(0.9);
    align-items: flex-start;
    padding-bottom: 6px;
}
.config-name {
    transform: translate(5%, 10%);
    justify-content: flex-start;
}
.text_right {
    text-align: right;
    text-wrap: wrap;
}
.pagination {
    padding-left: 0;
    border-radius: 4px;
}
.pagination > li {
    display: inline;
}
.btn_pill {
    display: inline-table;
    border-radius: 26px;
    border: none;
    background: rgba(224, 240, 255, 1);
    color: rgba(0, 27, 96, 1);
    font-weight: 600;
    padding: 8px !important;
    font-size: 0.75rem;
}
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color:transparent;
    border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
    z-index: 2;
    color: #23527c;
    border-color: #ddd;
    cursor: pointer;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}
.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 1.125rem;
    line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 0.75rem;
    line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.leaflet-pulsing-icon {
    border-radius: 100%;
    box-shadow: 1px 1px 8px 0 #ff8801;
}
.leaflet-pulsing-icon:after {
    content: "";
    border-radius: 100%;
    height: 300%;
    width: 300%;
    position: absolute;
    margin: -100% 0 0 -100%;
}
@keyframes pulsate {
    0% {
        transform: scale(0.1, 0.1);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
    50% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
    100% {
        transform: scale(1.2, 1.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
}
.ol-attribution.ol-logo-only,
.ol-attribution.ol-uncollapsible {
    max-width: calc(100% - 3em) !important;
    height: 1.5em !important;
}
.ol-popup {
    font-size: 0.75rem;
    position: absolute;
    background-color: white;
    -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #cccccc;
    bottom: 12px;
    left: -50px;
    min-width: 100px;
}
.ol-popup:after,
.ol-popup:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.ol-popup:after {
    border-top-color: white;
    border-width: 10px;
    left: 48px;
    margin-left: -10px;
}
.ol-popup:before {
    border-top-color: #cccccc;
    border-width: 11px;
    left: 48px;
    margin-left: -11px;
}
.ol-popup-closer {
    text-decoration: none;
    position: absolute;
    top: 2px;
    right: 8px;
}
.ol-popup-closer:after {
    content: "✖";
    color: #c3c3c3;
}
.pos_payment_list_img {
    height: 33px;
}
.pos_payment_list_div {
    height: 194px;
}
.pos_product_view_img {
    width: 75%;
    max-width: 200px;
}
iframe {
    overflow-y: scroll !important;
    overflow-x: hidden !important;
    overflow: hidden;
}
.overflow_inner_page {
    width: 99% !important;
}
.text_transform_capitalize {
    text-transform: capitalize;
}
.padding_left_right_20px {
    margin: 0 20px;
}
.app_settings_img {
    height: 55px;
}
.pos_app_card_min_height {
    min-height: 250px;
}
span.Transaction_payment img {
    height: 33px;
}
span.Transaction_payment img.GooglePay {
    height: 21px !important;
}
/* ? mark in connecters */
.form-help {
    color: #fff !important;
    background: #206bc4 !important;
    padding: 12px 10px 8px 9px !important;
}
.upload_area {
    display: flex;
    justify-content: center;
    flex-direction: column;
    border-color: #206bc4;
    border-width: 3px;
    border-style: dashed;
    margin: 0 auto;
    width: 50%;
    cursor: pointer;
    padding: 15px;
    border-radius: 4px;
    align-items: center;
}
.upload_area img {
    max-width: 121px;
    pointer-events: none !important;
}
.QR_options {
    display: flex;
    min-width: 100%;
    margin: 8px auto;
    justify-content: center;
}
.QR_options .option {
    padding: 7px 13px;
    cursor: pointer;
}
.paypal-fontsize {
    font-size: 1rem;
}
.configPage {
    max-height: fit-content !important;
    width: 99% !important;
}
/* dashboard graph */
[id^="chart-"] div svg {
    overflow: visible;
}
.modal-blur.is_display_password_model {
    -webkit-backdrop-filter: blur(4px) !important;
    backdrop-filter: blur(3px) !important;
    background: #00000042 !important;
}
.psp_highlight_header {
    pointer-events: none;
    color: #206bc4;
    font-weight: bold;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
}
.dropdown-menu.pos_transaction_info.show {
    border: none;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
    min-width: 7rem;
    padding: 8px 2px !important;
}
.pos_text-truncate {
    cursor: copy;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}
.dropdown-menu.pos_transaction_info.show .dropdown-item {
    min-width: 12px !important;
    padding: 0px 7px;
}
.dropdown-menu.pos_transaction_info.show .dropdown-item:hover {
    transition: 0.2s;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
    transform: translateY(-1px);
}
.pos_transaction {
    width: 100%;
    overflow: auto hidden;
}
.pos_transaction_full_view {
    min-width: 885px;
}
.pos_transaction_full_view .heading {
    background-color: #dceeff !important;
    border-radius: 10px;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
    border-bottom: none;
}
.pos_transaction_full_view .transaction_data {
    background-color: white;
    border-radius: 10px;
    box-shadow:
        rgb(250 250 250 / 4%) 0px 4px 6px -1px,
        rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    border-bottom: none;
}
.pos_transaction_full_view .card-header {
    background-color: #ffffff;
    border-radius: 10px;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
    border-bottom: none;
}
.pos_transaction_full_view {
    display: block;
}
.pos_transaction_mobile_view {
    display: none;
}
.tr_table_footer_container, .terminal_table_footer_container, .pos_transaction_mobile_view .card-header {
    background-color: rgb(255, 255, 255) !important;
}
@media only screen and (max-width: 767px) {
    .pos_transaction_full_view {
        display: none;
    }
    .pos_transaction_mobile_view {
        display: block;
    }
    .pos_transaction_payment .Transaction_payment img {
        height: 40px;
    }
    .mover_container, .delete_transactions_card {  
        right: -30px !important;
        padding: 3px 2px !important;
        width: 30px !important;
    }
    #sortable_elements.in_sorting_mode {
        margin: 0;
        width: 95%;
    }
    .role_groups_steps_div .step_counter:not(:nth-child(3)) .step_item::after, 
    .add_user_steps_div .step_counter:not(:nth-child(4)) .step_item::after, 
    .edit_user_role_steps_div .step_counter:not(:nth-child(3)) .step_item::after {
        right: 0 !important;
        top: 50%;
        left: 100%;
        transform: translateY(-50%) !important;
        width: var(--after-width, 100%) !important;
        height: 2px !important;
    }
    .step_item_label {
        min-width: 60px;
        max-width: 130px;
    }
    .add_user_steps_div .step-counter, .edit_user_role_steps_div .step-counter {
        min-height: 0 !important;
    }
    .role_groups_steps_div::after, .add_user_steps_div::after, .edit_user_role_steps_div::after {
        content: none !important;
    }
}
@media only screen and (max-width: 650px) {
    .pos_transaction_mobile_graph {
        display: block !important;
    }
    .pos_transaction_desktop_graph {
        display: none !important;
    }
    .pos_transaction_mobile_view .card-subtitle span {
        font-size: 0.63rem;
    }
    .tr_table_options {
        margin: auto;
    }
    .tr_table_footer_container, .tr_terminal_table_footer_container, .tr_dashborad_table_header  {
        flex-direction: column !important;
    }
    .tr_table_pagination_container {
        margin: auto !important;
        padding-top: 20px;
        height: auto !important;
    }
    .charts_select_box {
        gap: 10px;
    }
}
@media only screen and (max-width: 600px) {
    .pos_transaction_mobile_view .card-header {
        padding: 10px 0px !important;
    }
    .app_menu_btn span {
        font-size: 0.875rem;
    }
}
@media only screen and (max-width: 480px) {
    .pos_transaction_payment .Transaction_payment img {
        height: 30px;
    }
    span.Transaction_payment img.LINK,
    img.Bank,
    img.WeChat,
    img.GooglePay {
        padding-left: 10px;
    }
    .dashboard_top_eng{
        flex-wrap: wrap;
    }
    .payment_menu_btn span, .app_menu_btn span{
        font-size: .845rem !important;
    }
}
/* new dashboard */
.transaction_count_card {
    padding: 12px 16px;
    border: none;
    border-radius: 10px;
    box-shadow: rgb(100 100 111 / 4%) 0px 7px 29px 0px;
    text-decoration: none !important;
}
.card-staff {
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.badge-number {
    background-color: #f0c040;
    color: white;
    padding: 5px 10px;
    border-radius: 50%;
}
#transaction_date_range > .navbar_container .navbar-nav .nav-item.active .nav-link {
    font-weight: bold;
    color: #0075ff;
    background-color: #EBF2FE;
    border-color: #085FC0;
}
#transaction_date_range > .navbar_container .navbar-nav .nav-link {
    padding-bottom: 0px;
}
#transaction_date_range > .navbar_container {
    box-shadow: none;
}
.card_staff_container .badge {
    position: absolute;
    top: 0;
    right: 10px;
    background-color: #f0c040;
    color: white;
    padding: 6px 10px;
    border-radius: 7px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.card_staff_info {
    width: 100%;
}
div#top_staffs {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    display: flex;
}
.card_staff_container {
    border-radius: 5px;
}
.staff_txn_count_value h4 {
    margin: 0 0 1rem;
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.5rem;
}
.staff_txn_count_value p {
    font-size: 0.63rem;
    font-weight: bold;
}
.txn_card_bg {
    top: 0;
}
table#transactions_data_table th, table#export-datatable th ,table#pos_terminal_datatable th{
    border: none;
    background: #edf3fd;
    border-radius: 0px;
}
table#transactions_data_table td,
table#pos_terminal_datatable td,  table#export-datatable td, table#crs-export-datatable td {
    border: none !important;
    box-shadow: unset !important;
    background: inherit;
}
.progress-container {
    background: conic-gradient(rgb(221, 221, 221) 7.2deg, rgb(221, 221, 221) 0deg);
    width: 75px;
    z-index: 1;
    height: 75px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.circle-background,
.circle-progress {
    fill: none;
    stroke-width: 8;
}
.circle-background {
    stroke: #e6e6e6;
}
#transactions_data_table thead th:last-child, #export-datatable thead th:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
#crs-export-datatable thead th:last-child {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
#transactions_data_table tbody td, #export-datatable tbody td, #crs-export-datatable tbody td {
    padding: 15px 10px;
    font-size: 0.81rem;
}
#transactions_data_table tbody tr:first-child, #export-datatable tbody tr:first-child, #crs-export-datatable tbody tr:first-child  {
    padding-top: 20px;
}
#transactions_data_table tbody tr:last-child, #export-datatable tbody tr:last-child, #crs-export-datatable tbody tr:last-child {
    padding-bottom: 20px;
}
#transactions_data_table_wrapper, #export-datatable_wrapper, #crs-export-datatable_wrapper,  #pos_terminal_datatable_wrapper{
    overflow: auto;
    padding: 0px 25px 0px 25px;
    background: #fff;
    border-radius: 0px 0px 10px 10px;
}
#export-datatable_wrapper, #crs-export-datatable_wrapper{
    padding: 0;
}
#transactions_data_table_filter {
    padding-bottom: 20px;
    display: none;
}
#transactions_data_table_length label, #export-datatable_length label, #crs-export-datatable_length label {
    font-size: 0.93rem;
    color: var(--light-text-thin-color);
    text-transform: capitalize;
}
.dataTables_wrapper .dataTables_length select {
    color: #272727;
    border-radius: 5px;
    padding: 4px 5px !important;
}
#transactions_data_table thead th, #export-datatable thead th{
    padding: 15px 12px;
}
#transactions_data_table thead th:first-child, #export-datatable thead th:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    min-width: 90px;
}
#crs-export-datatable thead th:first-child {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    min-width: 90px;
}
#export-datatable tbody tr td:last-child, #crs-export-datatable tbody tr td:last-child {
    text-align: center;
}  
#export-datatable tbody tr td:nth-child(3), #crs-export-datatable tbody tr td:nth-child(3) {
    padding: 9px !important;
}  
#export-datatable thead th:first-child, #crs-export-datatable thead th:first-child{
    min-width: fit-content !important ;
    padding-left: 25px !important;
}
#export-datatable td:nth-child(1) {
    text-align: center;
}
.table_title {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    margin-bottom: 0;
    background: #fff;
}
.card_staff_container {
    box-shadow: rgb(100 100 111 / 4%) 0px 7px 29px 0px;
    justify-content: space-between;
    border: none;
}
.pos_transaction_charts {
    position: relative;
    border-radius: 8px;
}
.transaction_graph {
    max-height: 100%;
}
.amt_period {
    font-size: 0.8rem;
    color: #001B60 !important;
    font-weight: 400;
}
.circular-progress {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.progress-circle {
    z-index: 1;
    position: absolute;
    width: calc(122px - 68px);
    height: calc(86px - 31px);
    border-radius: 50%;
    background-color: rgb(255, 255, 255);
}
.progress-container .amt {
    color: #000000;
    z-index: 1;
}
#transactions_data_table, #export-datatable {
    border-bottom: 1px solid rgb(0 0 0 / 10%) !important;
}
#crs-export-datatable{
    border-bottom: 0px solid rgb(0 0 0 / 10%) !important;
}
#transactions_data_table_paginate .paginate_button.disabled * , #export-datatable_paginate .paginate_button.disabled *, #crs-export-datatable_paginate .paginate_button.disabled * {
    opacity: 0.6;
}
table#transactions_data_table thead th, table#export-datatable thead th, table#crs-export-datatable thead th {
    text-transform: uppercase;
    font-size: 0.75rem;
    min-width: 90px;
    border-top: 1px solid #cbc6c6 !important;
}
#transactions_data_table_wrapper, #pos_terminal_datatable_wrapper {
    border-radius: 10px;
}
#transactions_data_table_paginate .paginate_button.current,
#pos_terminal_datatable_paginate .paginate_button.current {
    border-color: #206bc4 !important;
}
#transactions_data_table_paginate .paginate_button,
#pos_terminal_datatable_paginate .paginate_button {
    background-color: #fff !important;
}
#transactions_data_table_paginate .paginate_button.current , #export-datatable_paginate .paginate_button.current {
    border-color: #206bc4 !important;
}
#crs-export-datatable_paginate .paginate_button.current{
    background: #e0f0ff;
    color: #206bc4 !important;
    border-radius: 25px;
    border: 1px solid white;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 35px !important;
    font-weight: 600;
    height: 35px !important;
}
#crs-export-datatable_paginate .paginate_button:hover {
    border: 1px solid white !important;
}
#transactions_data_table_paginate .paginate_button, #export-datatable_paginate .paginate_button {
    background: #fff;
    border-color: #206bc429 !important;
    color: #206bc4 !important;
    box-shadow: rgb(32 107 196 / 10%) 0px 0px 3px 0px;
    border-radius: 5px;
}
#crs-export-datatable_paginate .paginate_button{
    box-shadow: rgb(32 107 196 / 10%) 0px 0px 0px 0px;
    background: #fff;
    color: rgba(91, 87, 87, 1) !important;
    font-weight: 600;
    border-radius: 50px;
}
.dashboard_reset_btn {
    width: fit-content !important;
    padding: 7px !important;
    height: fit-content;
}
.dashboard_reset_btn svg {
    margin: 0 !important;
}
#transactions_data_table .pos_payment_list_img, #export-datatable, #crs-export-datatable , #pos_terminal_datatable .pos_payment_list_im{ 
    height: 30px !important;
}
.top_staffs_row .page-title {
    font-size: 0.87rem;
}
.transaction_product_img {
    max-width: 70px !important;
    max-height: 32px;
    width: auto;    
}
#transactions_data_table thead th:nth-child(9),
#transactions_data_table tbody td:nth-child(9),
#transactions_data_table thead th:nth-child(8),
#transactions_data_table tbody td:nth-child(8) {
    min-width: 146px;
}
.txn_count_card {
    text-decoration: none;
    color: #000000;
}
.transaction_chart_area {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}
@media only screen and (max-width: 992px) {
    .transaction_chart_area {
        grid-template-columns: 1fr;
    }
    .drag_main_container {
        max-width: 96% !important;
    }
}
@media screen and (max-width: 640px) {
    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter {
        float: none;
        text-align: left !important;
    }
}
.Transaction_tooltip {
    position: absolute;
    pointer-events: none;
    bottom: 94%;
    min-width: 100%;
    border-radius: 10px;
    background: white;
    width: fit-content;
    height: fit-content;
    background: #fff;
    z-index: 9990;
    border: 1px solid #dedede;
    padding: 10px;
    transition: 0.5s;
    opacity: 0;
    transform: translateY(65px);
    left: 0;
}
.Transaction_tooltip::after {
    content: "";
    width: 17px;
    height: 17px;
    left: 132px;
    position: absolute;
    transform: rotate(45deg);
    background: white;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    bottom: -8px;
}
.txn_count_card:hover {
    text-decoration: none;
    color: #000000;
}
.tr_count_card_top_details:hover .Transaction_tooltip {
    opacity: 1;
    transform: translateY(0px);
}
.dataTables_wrapper .dataTables_filter input {
    height: 24px;
    border-radius: 6px;
}
.dataTables_filter label input {
    border-radius: 9px !important;
    height: 32px !important;
    padding: 5px 10px !important;
}
.dataTables_filter label input:focus-visible {
    outline: none !important;
}
.dataTables_filter label {
    color: #6c6c6c;
    font-weight: bold;
}
.transaction_details {
    position: relative;
    border-radius: 6px;
    overflow: hidden;
}
.transaction_details .transaction_search {
    position: absolute;
    top: 25px;
    right: 26px;
    z-index: 1;
    display: flex;
    align-items: center;
}
table.dataTable thead > tr > th.sorting:before,
table.dataTable thead > tr > th.sorting:after,
table.dataTable thead > tr > th.sorting_asc:before,
table.dataTable thead > tr > th.sorting_asc:after,
table.dataTable thead > tr > th.sorting_desc:before,
table.dataTable thead > tr > th.sorting_desc:after,
table.dataTable thead > tr > th.sorting_asc_disabled:before,
table.dataTable thead > tr > th.sorting_asc_disabled:after,
table.dataTable thead > tr > th.sorting_desc_disabled:before,
table.dataTable thead > tr > th.sorting_desc_disabled:after,
table.dataTable thead > tr > td.sorting:before,
table.dataTable thead > tr > td.sorting:after,
table.dataTable thead > tr > td.sorting_asc:before,
table.dataTable thead > tr > td.sorting_asc:after,
table.dataTable thead > tr > td.sorting_desc:before,
table.dataTable thead > tr > td.sorting_desc:after,
table.dataTable thead > tr > td.sorting_asc_disabled:before,
table.dataTable thead > tr > td.sorting_asc_disabled:after,
table.dataTable thead > tr > td.sorting_desc_disabled:before,
table.dataTable thead > tr > td.sorting_desc_disabled:after {
    opacity: 0.225 !important;
    line-height: 11px !important;
    font-size: 1.2em !important;
}
table.dataTable thead > tr > th.sorting_asc:before,
table.dataTable thead > tr > th.sorting_desc:after,
table.dataTable thead > tr > td.sorting_asc:before,
table.dataTable thead > tr > td.sorting_desc:after {
    opacity: 0.9 !important;
    color: #000000ad !important;
}
table.dataTable thead th {
    text-align: left;
    padding: 11px 7px !important;
}
.dashboard_tx_date {
    cursor: pointer;
}
.upload_qr_container {
    position: relative;
    margin: 0 auto;
    width: 60%;
}
.upload_qr_container .upload_area {
    width: 100%;
}
.upload_qr_container input {
    display: block !important;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    appearance: none;
    opacity: 0;
}
.upload_area svg {
    pointer-events: none;
    color: #206bc4;
    width: 75px;
    height: 75px;
}
.upload_qr_container .upload_area h1 {
    color: #aaaaaa;
    margin: 19px;
}
.upload_qr_container .upload_area h1 span {
    font-size: 0.94rem;
}
.upload_qr_container .upload_area h1 span span {
    color: #1f66ba96;
}
.paypal_qr_card {
    display: flex;
    justify-content: center;
    flex-direction: column;
    border-color: #206bc4;
    border-width: 3px;
    border-style: dashed;
    margin: 0 auto;
    width: 50%;
    cursor: pointer;
    padding: 15px;
    border-radius: 4px;
    align-items: center;
}
.paypal_qr_card img {
    max-width: 121px;
    pointer-events: none !important;
}
.bc_random_id {
    max-width: 100%;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
}
/* dashboard config */
div#drag_dashboard_layout * {
    cursor: move !important;
    animation: none;
}
.transaction-components {
    padding: 9px 0px;
    border: none;
    border-radius: 10px;
    box-shadow: rgb(100 100 111 / 4%) 0px 7px 29px 0px;
}
.transaction-components .accordion-item {
    overflow: visible !important;
}
.breadcrumb-item.active {
    color: #206bc4 !important;
    font-weight: bold;
}
.multi_search_value:first-child {
    margin: 0 !important;
}
#drag_transaction_layout .drag_ele * {
    cursor: move !important;
}
.drag_ele:hover {
    transform: scale(1.01);
}
.search-close-btn svg {
    width: 14px;
}
.transaction_view_psp img.card-img-top {
    max-width: 156px;
    max-height: 66px;
}
.transaction_view_product img.pos_payment_list_img {
    min-height: 43px;
}
.search_contents .tag {
    border-radius: 20px;
    margin: 5px 0;
}
#no_data_error_message {
    text-align: center;
    justify-content: center !important;
    position: absolute;
    top: 41%;
    overflow: hidden;
    left: 50%;
    transform: translate(-50%, -50%);
}
.search_contents .search-close-btn {
    margin: 0px 8px 0 1px;
}
.ts-dropdown-content .optgroup .optgroup-header {
    font-size: 0.938rem !important;
    font-weight: 600;
    color: #206bc4c7 !important;
}
.ts-dropdown-content .optgroup .option {
    font-size: 0.813rem !important;
}
.ts-dropdown .optgroup:before {
    border: unset !important;
    margin: 4px 0 !important;
}
select {
    cursor: pointer;
}
#transactions_data_table_wrapper .bottom,
#transactions_data_table_wrapper .top, #export-datatable_wrapper .bottom{ 
    margin: 20px 0;
    font-size: 0.87rem;
    text-transform: capitalize;
    color: #7a7a7a !important;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
#crs-export-datatable_wrapper .bottom {
    margin: 0;
    font-size: 0.87rem;
    text-transform: capitalize;
    color: var(--light-text-thin-color);
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-top: 1px solid rgb(0 0 0 / 10%) !important;
}
#export-datatable_wrapper .top, #crs-export-datatable_wrapper .top, #export-datatable_wrapper .bottom{
    margin: 20px 0;
    text-transform: capitalize;
    color: #7a7a7a !important;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    padding-left: 20px;
    padding-right: 15px;
}
.export_card_container{
    padding-left: 20px;
    padding-right: 25px;
    padding-top: 10px;
}
#crs-export-datatable_wrapper .dataTables_info{
    margin-bottom: 0px;
    text-transform: capitalize;
    color: var(--light-text-thin-color);
}
#crs-export-datatable_wrapper .dataTables_length, .dataTables_info{
    margin-bottom: 1rem;
    text-transform: capitalize;
    font-size: 0.81rem;
    color: var(--light-text-thin-color);
}
.mt940_logo_container  {
    width: unset !important;
}

.mt940_accordion{
    margin: 10px 0px !important;
}
#transactions_data_table_wrapper .bottom .dataTables_length,
#transactions_data_table_wrapper .bottom .dataTables_paginate,
#transactions_data_table_wrapper .top .dataTables_length,
#transactions_data_table_wrapper .top .dataTables_info,
#transactions_data_table_wrapper .top .dataTables_paginate,
#export-datatable_wrapper .bottom .dataTables_length,
#export-datatable_wrapper .bottom .dataTables_info,
#export-datatable_wrapper .bottom .dataTables_paginate,
#export-datatable_wrapper .top .dataTables_length,
#export-datatable_wrapper .top .dataTables_info,
#export-datatable_wrapper .top .dataTables_paginate,
#crs-export-datatable_wrapper .bottom .dataTables_length,
#crs-export-datatable_wrapper .bottom .dataTables_info,
#crs-export-datatable_wrapper .bottom .dataTables_paginate,
#crs-export-datatable_wrapper .top .dataTables_length,
#crs-export-datatable_wrapper .top .dataTables_info,
#crs-export-datatable_wrapper .top .dataTables_paginate,
#pos_terminal_datatable_wrapper .bottom .dataTables_length,  
#pos_terminal_datatable_wrapper .bottom .dataTables_paginate,
#pos_terminal_datatable_wrapper .top .dataTables_length,
#pos_terminal_datatable_wrapper .top .dataTables_info,
#pos_terminal_datatable_wrapper .top .dataTables_paginate {
    float: unset;
    font-size: 0.75rem;
}
#pos_terminal_datatable_wrapper .bottom .dataTables_info,
#transactions_data_table_wrapper .bottom .dataTables_info,
#transactions_data_table_wrapper .top .dataTables_info {
    float: unset;
    width: fit-content;
    font-size: 0.81rem;
}
#transactions_data_table_wrapper .bottom .dataTables_paginate,
#transactions_data_table_wrapper .top .view_btn,
#export-datatable_wrapper .bottom .dataTables_paginate,
#export-datatable_wrapper .top .view_btn ,
#crs-export-datatable_wrapper .bottom .dataTables_paginate,
#crs-export-datatable_wrapper .top .view_btn ,
#pos_terminal_datatable_wrapper .bottom .dataTables_paginate,
#pos_terminal_datatable_wrapper .top .view_btn {
    grid-column: 2;
    width: fit-content;
    height: fit-content;
    justify-self: end;
    grid-row: 1 / span 2;
}
#crs-export-datatable_wrapper .bottom .dataTables_paginate,
#crs-export-datatable_wrapper .top .view_btn {
    margin: auto 0;
}
#crs-export-datatable{
    width: 100% !important;
    overflow-x: auto;
    height: 100% !important;
}
.transaction_search_btn {
    background: #206ec1;
}
.transaction_search_btn svg {
    stroke: #fff;
}
#transactions_data_table tbody td:nth-child(10) {
    padding: 15px 10px;
    font-size: 0.81rem;
    text-align: center;
}
#drag_transaction_layout .drag_ele * {
    cursor: move !important;
    animation: none;
}
.ts-control .item {
    text-transform: capitalize;
}
.placeholder .placeholder-xs {
    height: fit-content;
    width: fit-content;
}
@media only screen and (max-width: 768px) {
    #transactions_data_table_wrapper .bottom,
    #transactions_data_table_wrapper .top, #export-datatable_wrapper .bottom, #crs-export-datatable_wrapper .bottom
    #export-datatable_wrapper .top ,
    #crs-export-datatable_wrapper .top ,
    #pos_terminal_datatable_wrapper .bottom,
    #pos_terminal_datatable_wrapper .top {
        display: block;
    }
    #transactions_data_table_wrapper .bottom .dataTables_info, #export-datatable_wrapper .bottom .dataTables_info, #crs-export-datatable_wrapper .bottom .dataTables_info {
        width: fit-content;
        margin-bottom: 15px;
    }
    #transactions_data_table_wrapper .top .dataTables_info , #export-datatable_wrapper .top .dataTables_info, #crs-export-datatable_wrapper .top .dataTables_info {
        width: fit-content;
    }
    .card.placeholder-glow {
        height: 61px;
    }
    div#transactions_data_table_paginate a {
        margin: 3px;
    }
    #transactions_data_table_wrapper .top .view_btn, #export-datatable_wrapper .top .view_btn, #crs-export-datatable_wrapper .top .view_btn {
        margin-top: 10px;
    }
  }
.grey_color{
background: #edededc7;
}
.step-item, .delete_all_transactions_card, .show_all_transactions_card{
cursor: pointer;
}
.accordion-button-modal::after{
content: none !important;
}
.accordion-item {
    background-color: #fff;
    border-radius: 10px !important;
    margin: 9px;
    overflow: hidden;
}
span.avatar.me-3.Rg, span.avatar.me-2.Rg {
    background-color: #085FC0;
    color: #fff;
    border-radius: 50%;
}
.deparments_roles_desc {
    white-space: nowrap;
    max-width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px;
    color: #626976 !important;
}
.depts_card {
    padding: 0 !important;
}
.form-selectgroup-label.d-flex.align-items-center {
    padding: 14px !important;
    border-radius: 6px;
}
.customize_war_alter {
    --tblr-alert-color: #f59f00 !important;
}
td.text-secondary.border-bottom-0.py-3 svg {
    stroke-width: 2px;
}
.p-1-3r {
    padding: 1.3rem;
}
.pointer_events {
    pointer-events: none;
}
.role_grops_desc {
    white-space: nowrap;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px;
    width: fit-content;
}
.stroke-width {
    stroke-width: 2.4px;
}
.disable_radio_btn {
    opacity: 0.8;
    cursor: not-allowed !important;
}
.alerts_center_container {
    position: fixed;
    top: 124px;
    left: 0px;
    width: 100%;
    z-index: 9999;
    border-radius: 0px;
}
.alert.alert-important.alert-warning {
    padding: 9px 5px !important;
    margin-top: 10px;
}
/* staff css */
table#staff-datatable th {
    border-top: 1px solid #e5e5e5;
    background: transparent;
}
table#staff-datatable td {
    border-bottom: none;
    background: white;
}
#staff-datatable tbody tr:first-child {
    padding-top: 20px;
}
#staff-datatable tbody tr:last-child {
    padding-bottom: 20px;
}
#staff-datatable_wrapper {
    overflow: auto;
    background: #fff;
    border-radius: 10px;
}
#staff-datatable_filter {
    padding-bottom: 20px;
    display: none;
}
#staff-datatable_length label {
    text-transform: capitalize;
    font-size: 0.81rem;
    color: #7a7a7a;
    padding-left: 2rem;
}
#staff-datatable_wrapper .bottom {
    margin-top: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
#staff-datatable_wrapper .bottom .dataTables_length,
#staff-datatable_wrapper .bottom .dataTables_info,
#staff-datatable_wrapper .bottom .dataTables_paginate {
    float: unset;
}
#staff-datatable_wrapper .bottom .dataTables_paginate {
    grid-column: 2;
    grid-row: 1 / span 2;
}
#staff-datatable_wrapper .top {
    display: flex;
    margin-bottom: 20px;
    justify-content: space-between;
    align-items: center;
}
.bottom .dataTables_length label {
    margin-top: 13px;
    text-transform: capitalize;
    font-size: 0.81rem;
    color: #7a7a7a;
}
.bottom .dataTables_info {
    text-transform: capitalize;
    font-size: 0.81rem;
    color: #7a7a7a !important;
}
#staff-datatable_info {
    text-transform: capitalize;
    font-size: 0.81rem;
    color: #7a7a7a;
    margin-bottom: 13px;
}
#staff-datatable thead th,
#staff-datatable tbody td {
    padding: 10px 12px;
}

#staff-datatable_paginate .paginate_button.disabled {
    color: #2779d16e !important;
}
#staff-datatable_paginate {
    margin: 17px 0px 12px;
}
table#staff-datatable thead th {
    color: #001b60 !important;
    text-transform: uppercase;
    font-size: 0.69rem;
    min-width: 60px;
    cursor: pointer;
}
#staff-datatable thead th:nth-child(9),
#staff-datatable tbody td:nth-child(9),
#staff-datatable thead th:nth-child(8),
#staff-datatable tbody td:nth-child(8) {
    width: 131px !important;
}
#staff-datatable tbody tr td:nth-child(4) a {
    padding-left: 0;
}
.disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.5;
}
#staff-datatable .dropdown-menu {
    border-radius: 8px;
    padding: 0;
}
#staff-datatable .dropdown-item a {
    text-decoration: none !important;
}
#staff-datatable .dropdown-item strong, #role-group-list-table .dropdown-item strong {
    color: #001B60;
    font-weight: 500;
}
#staff-datatable .btn .icon {
    margin: 0 !important;
}
#staff-datatable .dropdown-item:hover {
    color: inherit;
    text-decoration: none;
    background-color: rgb(0 89 255 / 6%);
}
.dropdown-toggle:after {
    content: unset !important;
    width: 0 !important;
    height: 0 !important;
}
.transaction-action-menu .dropdown-toggle {
    background-color: unset !important;
    border: none;
    padding: 6px 12px;
}
.staff-action-menu .btn:focus ,.transaction-action-menu .btn:focus,.global_search_dropdown_trigger input#global_search:focus{
    box-shadow: none !important;
}
#transactions_data_table tbody td:last-child {
    text-align: center;
}
#transactions_data_table .transaction-action-menu .dropdown-item {
    padding: 0.5rem 0.5rem !important;
}
#staff-datatable .form-switch .form-check-input {
    background-blend-mode: color-dodge;
}
#staff-datatable .form-check-input:checked {
    background-color: #2fb344 !important;
}
#staff-datatable .form-check-input {
    background-color: #ff4d57 !important;
}
.breadcrumb-item.active a {
    color: inherit;
    pointer-events: none;
}
.staff-filter-container,
.staff-filter-table {
    padding: 0;
    border: none;
    border-radius: 10px;
    margin-bottom: 10px;
    box-shadow: rgb(100 100 111 / 4%) 0px 7px 29px 0px;
}
label.user_role_ref_grp {
    display: block !important;
}
#add_user_roles_model .accordion-item:not(:first-of-type),
#Create_deparments_tabs .accordion-item:not(:first-of-type),
#customize_depts_role .accordion-item:not(:first-of-type),
#according_add_roles_dept .accordion-item:not(:first-of-type) {
    border-top: 1px solid rgba(98, 105, 118, 0.16) !important;
}
/* for user table */
table#role-group-list-table th {
    padding: 10px 12px;
    text-transform: uppercase;
    font-size: 0.69rem;
    color: #001b60 !important;
    background: transparent;
    border-top: 1px solid #e5e5e5 !important;
    border-bottom: 1px solid #e5e5e5 !important;
    cursor: pointer;
}
td.text-secondary.border-bottom-0.py-3 svg {
    stroke-width: 2px;
}
.p-1-3r {
    padding: 1.3rem;
}
.short_grp_desc {
    display: block;
    white-space: nowrap;
    width: 100% !important;
    overflow: hidden;
    text-overflow: ellipsis;
}
.grp_title_wrap {
    display: block;
    white-space: nowrap;
    width: 100% !important;
    overflow: hidden;
    text-overflow: ellipsis;
}
.email_wrap, .mobile_wrap {
    display: block;
    white-space: nowrap;
    width: 100% !important;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
}
.font-weight-medium.text-start.fw-bold {
    display: block;
    white-space: nowrap;
    width: 200px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    width: fit-content;
    max-width: 100%;
}
td#action_roles_grps {
    border: none !important;
}
strong.fs-4 {
    display: block;
    white-space: nowrap;
    width: 200px !important;
    overflow: hidden;
    text-overflow: ellipsis;
}
.f_name_wrap {
    max-width: 7.813rem !important;
    display: block;
    white-space: nowrap;
    width: fit-content !important;
    overflow: hidden;
    text-overflow: ellipsis;
}
.l_name_wrap {
    display: block;
    white-space: nowrap;
    width: auto !important;
    overflow: hidden;
    text-overflow: ellipsis;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}
input[type="number"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: textfield !important;
}
table#staff-datatable th,
table#staff-datatable td {
    text-align: center;
}
table#staff-datatable th:nth-child(3),
table#staff-datatable td:nth-child(3) {
    width: 150px;
}

table#staff-datatable th:nth-child(1),
table#staff-datatable th:nth-child(2),
table#staff-datatable td:nth-child(1),
table#staff-datatable td:nth-child(2) {
    min-width: 100px;
    max-width: 200px;
}
table#staff-datatable th:nth-child(4),
table#staff-datatable td:nth-child(4),
.staff_custom_field_col {
    min-width: 150px !important;
}
table#staff-datatable {
    table-layout: auto;
}
#staff-datatable_wrapper thead tr th:last-child {
    text-align: center !important;
}
#staff-datatable_wrapper tbody td:last-child div .form-check.form-switch {
    margin: 0;
}
#staff-datatable_wrapper tbody td:last-child div {
    justify-content: center !important;
}
#staff-datatable_wrapper div.form-check.form-switch {
    padding: 0;
}
.user_role_group_table.card {
    border: none !important;
    border-radius: 8px;
}
.user_role_group_table thead tr th:last-child {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}
.user_role_group_table thead tr th:first-child {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}
.user_role_group_table tbody,
.user_role_group_table td,
.user_role_group_table tfoot,
.user_role_group_table th,
.user_role_group_table thead,
.user_role_group_table tr {
    border: none !important;
}
#dept_roles .info-text-area {
    overflow: hidden;
}
#dept_roles .view_specific_privilege_btn {
    position: absolute;
    bottom: 5px;
    right: 0px;
}
@media screen and (max-width: 850px) {
    .staff_page {
        .row > div {
            margin-bottom: 10px;
        }
        .col {
            flex-basis: 100%;
        }
    }
}
.accordion-item:not(:first-of-type) {
    border-top: 1 !important;
}
table#staff-datatable thead th {
    overflow: hidden;
    text-overflow: ellipsis;
}
.form-label {
    display: block;
    font-weight: 500;
    text-transform: capitalize !important;
}
table#staff-datatable tbody td:not(:first-child):not(:last-child), .staff-table-body .f_name_wrap {
    overflow: hidden;
    text-overflow: ellipsis;
}
/* styles for vertical steps */

.card-body > :last-child {
    margin-bottom: 0;
}
.vertical_steps .steps-vertical {
    flex-direction: column;
}
.vertical_steps .steps-counter {
    counter-reset: steps;
}
.vertical_steps .steps {
    width: auto !important;
    margin: 0;
    list-style: none;
}
.vertical_steps .steps-vertical .step-item {
    text-align: left;
    padding-top: 0;
    width: fit-content !important;
    padding-left: calc(1.5rem + 1rem);
    min-height: 85px !important;
}

.vertical_steps .steps-counter .step-item {
    counter-increment: steps;
}
.vertical_steps .step-item {
    position: relative;
    flex: 1 1 0;
    min-height: 1rem;
    margin-top: 0;
    color: inherit;
    text-align: center;
    cursor: default;
    padding-top: calc(1.5rem);
}
.vertical_steps .steps-vertical .step-item:before {
    top: 6px;
    left: 0;
    transform: translate(0, 0);
}
.vertical_steps .steps-vertical.steps-counter .step-item:before {
    top: -4px;
}

.vertical_steps .steps-counter .step-item:before {
    content: counter(steps);
}
.vertical_steps .step-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    box-sizing: content-box;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100rem;
    transform: translateX(-50%);
    color: #fff;
}

.vertical_steps .steps .step-item.active:before {
    color: inherit;
    border-color: green;
    background: #fff;
    border: 2px solid #008000 !important;
}

.vertical_steps .steps-counter .step-item:before {
    width: 1.5rem;
    height: 1.5rem;
}

.vertical_steps .steps-vertical .step-item:not(:last-child):after {
    position: absolute;
    content: "";
    transform: translateX(-50%);
    top: 6px;
    left: calc(1.75rem * 0.5);
    width: 2px;
    height: calc(97% + 1rem);
}
.vertical_steps .steps-vertical.steps-counter .step-item:not(:last-child):after {
    top: 0px;
    background: green !important;
}
.vertical_steps .step-item:not(:last-child):after {
    position: absolute;
    left: 40%;
    width: 100%;
    content: "";
    transform: translateY(-50%);
}
.vertical_steps .step-item:after {
    height: 2px;
    background: #f3f5f5 !important;
}

.vertical_steps .steps .step-item:after {
    top: 0.25;
}
.vertical_steps .steps-counter .step-item:after {
    top: 0.75;
}
.vertical_steps .steps .step-item.active ~ .step-item:after,
.vertical_steps .steps .step-item:after,
.vertical_steps .steps-vertical.steps-counter .step-item.active:after {
    background: #f3f5f5 !important;
}
.vertical_steps .steps .step-item:after,
.vertical_steps .steps .step-item:before {
    color: #fff;
    background: green;
}

.vertical_steps .step-item:last-child::after {
    background: none !important;
}
.vertical_steps .steps-vertical .step-item {
    text-align: left;
    padding-top: 0;
    width: fit-content !important;
    padding-left: 2.5rem;
    min-height: 188px;
}

.vertical_steps .steps-vertical.steps-counter .step-item:last-child:after {
    background: none !important;
}

#products_configuration_iframe iframe {
    height: 70vh;
}

.config_edit_div_close_btn {
    position: absolute;
    top: 15px !important;
    right: 15px !important;
}

.list_view {
    display: flex;
    flex-direction: column !important;
    row-gap: 20px !important;
    justify-content: space-between !important;
}

.grid_view {
    display: flex;
    column-gap: 20px !important;
    row-gap: 20px !important;
    flex-wrap: wrap;
}

.grid_item {
    flex-basis: calc(96% / 3);
    border-radius: 20px;
    box-shadow: 0px 3px 13px 0px #d7e7ff !important;
}

.list_view .list_item {
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 3px 13px 0px #d7e7ff !important;
}

.payment_title_div div.config_div_toggle_edit {
    width: 20% !important;
}
.list_item .card-img-top {
    min-height: 55px;
    max-width: 100px;
    object-fit: contain;
}
.pos_products_edit {
    border-color: #699bf7;
}
.pos_products_uninstaller {
    border-color: #f24e1e;
}
.pos_products_configure,
.coming-soon-install {
    border-color: #85b6ff !important;
}
.connector_action_btn_div {
    width: 25% !important;
    text-align: right !important;
}
.card_top{
  padding-top: 22px !important;
}
.uninstalled_connectors .connector_action_btn_div {
    width: 75% !important;
    text-align: right !important;
}
.installed_connectors .pos_products_uninstaller svg {
    color: #f24e1e !important;
}
.uninstalled_connectors .pos_products_configure svg,
.coming-soon-install svg {
    color: #85b6ff !important;
}
.no_connectors_div div.empty-img > img {
    height: 15rem !important;
}
.installed_connectors .grid_item div.dropdown a.dropdown-toggle {
    padding: 5px !important;
    border-radius: 20px !important;
    background-color: #fbfbfb;
}
.installed_connectors .grid_item div.dropdown h4.pos_products_edit svg,
.installed_connectors .pos_products_edit svg {
    color: #699bf7 !important;
}
.product_identity_div {
  background-color: #fbfbfb !important;
  border-radius: 10px;
  min-height: 115px !important;
  max-height: fit-content !important;
}
.product_version {
    background-color: #eceffd !important;
    color: #468cf7 !important;
    border-radius: 5px !important;
    font-size: 0.75rem;
    font-weight: bold;
}
.grid_view .grid_item .hr {
    border-color: #fbfbfb;
    border-width: 3px;
}

.grid_item .card-img-top {
  height: fit-content;
  width: 65px;
  max-width: 65px;
  max-height: 65px;
}
.truncate_div {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    position: relative;
}

.read_more,
.read_less {
    display: none; /* Initially hidden */
    font-size: 0.81rem;
    background-color: #fbfbfb;
    padding: 2px 5px;
    color: #206bc4;
    cursor: pointer;
    font-weight: bold;
}

@media screen and (max-width: 1120px) {
    .grid_view {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        column-gap: 20px !important;
    }
    .list_view {
        font-size: 0.75rem;
    }
    .list_view .list_item img {
        width: 150px;
    }
}

@media screen and (max-width:768px) {
    .grid_view {
        grid-template-columns: 1fr !important;
    }
  #products_configuration_iframe iframe{
    height:85vh;
  }
  .grid_item .card-img-top {
    width: 65px !important;
  }
  .grid_view .grid_item strong.h2 {
    align-self: center !important;
  }
  .grid_item .product_identity {
    align-self: center !important;
  }
  .product_identity_div {
    max-height: fit-content !important;
  }
  .edit_container{
    margin-bottom: 8px;
  }
}

@media screen and (max-width: 576px) {
    .list_view .list_item .card-text {
        margin-right: 10px !important;
    }
    .payment_title_div {
        flex-direction: column !important;
    }
    .payment_title_div div.config_div_toggle_edit {
        width: 60% !important;
        align-self: flex-end;
    }
    .grid_item .product_identity {
        flex-direction: column !important;
        align-items: center !important;
    }
    .transaction_toaster{
        top: 12% !important; 
        left: 50% !important;
        transform: translate(-50%, -50%);
    }
}
/* for user table */
.email_wrap {
    display: block;
    white-space: nowrap;
    width: 240px !important;
    overflow: hidden;
    text-overflow: ellipsis;
}
.f_name_wrap {
    display: block;
    white-space: nowrap;
    width: auto !important;
    overflow: hidden;
    text-overflow: ellipsis;
}
table#staff-datatable th:nth-child(1),
table#staff-datatable td:nth-child(1) {
    max-width: 225px;
    min-width: 210px;
}
table#staff-datatable th:nth-child(2),
table#staff-datatable td:nth-child(2),
table#staff-datatable th:nth-child(3),
table#staff-datatable td:nth-child(3) {
    max-width: 30ch !important;
    min-width: 30ch !important;
}
table#staff-datatable th:nth-child(4),
table#staff-datatable td:nth-child(4) {
    max-width: 340px;
    min-width: 150px;
}

.sortable-ghost {
    opacity: 0.4;
    box-shadow: 0 8px 16px rgb(0 0 0 / 12%);
}
.sortable-drag {
    cursor: grabbing;
}
.drag_sub_cards_shadow {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border: 2px dashed #2b6ec7 !important;
    transition: box-shadow 1s ease;
    cursor: pointer;
}
.remove_tx_card.drag_sub_cards_shadow {
    padding: 0 !important;
}
.remove_tx_card.pos_transaction_charts {
  background-color: rgba(255, 255, 255, 0.4);
}
.remove_tx_card .transaction_graph {
    background: transparent;
    transition: box-shadow 1s ease;
    padding: 0 8px !important;
}
.drag_main_container {
    box-shadow: rgba(0, 0, 0, 0.06) 0px 3px 8px;
    border-radius: 10px;
    background: #e2eaf6;
    border: 1px solid #206bc4;
    padding: 14px 12px;
    transition: box-shadow 1s ease;
}
.dashboard_contents .drag_main_container {
    max-width: 90%;
}
#transaction_custom_table.drag_main_container {
    max-width: 96% !important;
}
.top_staff_card_shadow {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    transition: box-shadow 1s ease;
}
.sortable_saved_icon {
    width: 50px;
    height: 50px;
}
.order-6 {
    order: 6 !important;
}
.drag_elements {
    position: relative;
}
.mover_container, .delete_transactions_card {
  position: absolute;
  right: -50px;
  top: 14px;
  transform: translateX(100%);
  background: #fff;
  border: 1px solid #206BC4;
  padding: 11px;
  width: 50px;
  box-shadow:rgba(0, 0, 0, 0.24) 2px 4px 7px;
  transform: unset;
  z-index: 999;
}
.delete_transactions_card {
    top: 65px !important;
}
svg.card-choose-icon{
  position: absolute;
  z-index: 1;
  top: -11px;
  right: 5px;
  cursor: pointer;
  pointer-events: all;
}
.hide-card-choose-icon{
    position: absolute;
    z-index: 1;
    top: -11px;
    right: 5px;
}
.tx_chart_icon{
    right: -6px !important;
    cursor: pointer;
    pointer-events: all;
}
#sortable_transactions_cards svg.hide-card-choose-icon, 
#sortable_transactions_cards svg.card-choose-icon{
    position: absolute;
    z-index: 1;
    top: -10px;
    right: -10px;
}
.tx_chart_icon{
    right: -6px !important;
    cursor: pointer;
    pointer-events: all;
}

a.nav-link.dashboard_tx_date.non-interactive {
    pointer-events: none;
    opacity: 0.6;
}
.remove_tx_card > div {
	opacity:0.4;
}
.toast-card {
    position: fixed;
    top: 52px;
    right: 31px;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    z-index: 9999;
}

.toast-alert {
    padding: 15px;
    margin-bottom: 0 !important;
}

.toast-progress-bar {
    height: 5px;
    background-color: #4caf50;
    width: 0;
    transition: width 3s ease;
    border-radius: 0 0 5px 5px;
}

.pos_transaction_charts .sortable_item,
.transaction_details .top_staffs_row .txn_count_card {
    position: relative;
    box-shadow: 0px 2px 20px 0px rgba(231, 241, 255, 1);
}

@media screen and (max-width:450px) {
    .list_view .list_item .card-text {
        width: 80% !important;
    }
    .product_identity_div {
        max-height: fit-content !important;
    }
    .grid_item .card-img-top {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
    }
    #select_option_div .countryCode,.mobile_max_length_error {
        font-size: 0.75rem;
    }
    h1.total_count, h1.paid_count {
        font-size: 1rem !important;
    }
    h3.card-title.d-flex.no-wrap.gap-2{
        flex-wrap: wrap !important;
    }
    .edit_container{
        display: flex;
        flex-wrap: wrap;
        justify-content: end;
        margin-top: 10px;
        gap: 3px;
    }
    .grid_view .connector_date_div div {
        flex-direction:column !important;
    } 
    .list_view .list_item .card-text {
        width: 80% !important;
    }
    .product_identity_div {
    min-height: 190px !important;
    max-height: fit-content !important;
    }
    h1.total_count, h1.paid_count, h1.pending_count, h1.failed_count {
        font-size: 1rem !important;
    }
    h3.card-title.d-flex.no-wrap.gap-2{
        flex-wrap: wrap !important;
    }
    .edit_container{
        display: flex;
        flex-wrap: wrap;
        justify-content: end;
        margin-top: 10px;
        gap: 3px;
    }
    .full_screen_mode{
        display: none;
    }
    .grid_view .connector_date_div {
        width: auto;
    } 
    .grid_item .card-img-top {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
    
    }
    #crs-export-datatable_wrapper .top{
        flex-direction: column !important;
    }
    #crs-export-datatable_wrapper .bottom{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}
  /* Coming soon page */
.coming_soon_Container {
    min-height: 70vh;
}
.coming_soon_img img {
    height: 25rem;
    width: auto;
    margin-bottom: 2rem;
}
.coming_soon_text {
    font-size: 1.25rem !important;
    max-width: 400px;
}
/* user menus */
body[data-bs-theme="light"] .main-menu .dropdown-toggle:after{
    color: #001b60 !important;
}
.main-menu .dropdown-toggle:after {
    content: "" !important;
    width: 0.36em !important;
    height: 0.36em !important;
}
/* new changes for tarnsaction view */
.view_transaction_details {
    cursor: pointer;
}
.payment_img span.Transaction_payment img {
    height: 40px;
}

/* Psp added in Register Page */
.option-with-image {
    display: flex;
    align-items: center;
}
.option-with-image img {
    width: 26px;
    max-width: 30px;
    padding: 3px;
    height: 26px;
}
#tearms_and_condition_model .modal-footer {
    display: flex;
    justify-content: space-between;
}
#tearms_and_condition_model .modal-footer .form-selectgroup-label {
    width: fit-content;
}
.ts-wrapper.plugin-remove_button .item .remove:hover {
    background: unset !important;
}
.not_allowed {
    pointer-events: none;
    cursor: not-allowed;
}
.not_allowed{
  pointer-events: none;
  cursor: not-allowed;
}
.btn_blue {
    color: #206bc4;
    background: rgba(32, 107, 196, 0.04);
    border-color: #206bc4;
}

/* mobile number field  */

.select_option {
    padding: .35rem .75rem;
    background-clip: padding-box;
    border-radius: 4px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    max-width: 100px;
    background-color: #f2f2f2;
    border-right: none !important;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.select_option:after {
    content: "";
    border-top: 6px solid #000;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    position:absolute;
    right: 8%;
    top: 45%;
}
.content {
    z-index: 999;
    display: none;
}
#select_option_div {
    display: flex;
    align-items: center;
    justify-content: center;
}
#select_option_div .countryCode {
    background-color: transparent !important;
    outline: none;
    border: none;
    cursor: pointer;
}
#according_add_user.accordion-item {
    overflow: visible;
}
.options img, .select_option img{
    width:23px;
    height:23px;
    object-fit: contain;
}
.mobile_max_length_error {
    font-size:0.75rem
}
.mobile_field_shadow {
    box-shadow: 0 0 0 .25rem rgba(32, 107, 196, .25);
    border-radius: 4px;
}
.mobile_field_shadow.error_border {
    border-color: #90b5e2 !important;
}
.mobile_info_div{
    border: 1px solid #d9dbde;
    border-radius: 4px;
}
.mobile_info_div.error_border {
    border: 1px solid red;
}

.mobile_info_div.focus_border {
    border-color: #90b5e2 !important;
}
.options li:hover{
    background-color: #f2f2f2;
}
#optionSearch:focus,.countryCode:focus, #mobile_number:focus {
    outline:none !important;
    box-shadow: none !important;
    border-color: #d9dbde;
}
.content{
    border-bottom: 1px solid #d9dbde;
}
.select_box.active .content {
    display: block;
}
.select_box.active .select_option:after{
    transform: rotate(-180deg);
}
.mobile_values {
    border-radius: 3px;
    flex: 3;
    border-left: none !important;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.mobile_values input:first-child {
    width: 26%;
    border:none
}
.mobile_values input:last-child {
    width: 80%;
    border:none;
}
@media screen and (min-width:991px) {
    .drag_main_container .txn_count_card {
        padding-right: 12px;
    }
    .txn_count_card:not(:last-child) {
        padding-right: 12px;
    }
}
@media screen and (max-width:991px) {
    .txn_count_card{
        padding: 7px;
        padding-bottom: 16px !important;
    }
}
.font_size_container .form-selectgroup-item {
    min-width: 55px;
}
.font_size_container .form-selectgroup-item .form-selectgroup-label {
    width: 100%;
}
.dataTables_info {
	text-align:left;
}
#pos_terminal_datatable thead th:first-child {
	border-top-left-radius: 6px;
    padding-left: 23px !important;
    border-bottom-left-radius: 6px;
}
#pos_terminal_datatable thead th:last-child {
	border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.terminal-action-menu.dropdown .dropdown-toggle {
	padding: 10px;
}
.terminal-action-menu.dropdown .dropdown-toggle svg {
	margin:0;
}

#pos_terminal_datatable_wrapper {
	padding:0;
}
.terminal-filter-table {
    border: none;
    border-radius: 10px;
}
#pos_terminal_datatable tbody td .status{
    font-weight: bold;

}

.refund_model_tooltip::after {
	content: "";
    width: 17px;
    height: 17px;
    left: 50%;
    transform: rotate(45deg) translate(-50%, 10px) !important;
    position: absolute;
    background: white;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    bottom: -8px;    
}
.refund_model_txn {
    text-align: end;
}
.refund_model_tooltip {
    position: absolute;
    pointer-events: none;
    left: 50%;
    bottom: 100%;
    min-width: 100%;
    transform: translate(-50%, -3%) !important;
    border-radius: 10px;
    background: white;
    width: fit-content;
    height: fit-content;
    background: #fff;
    z-index: 9999;
    border: 1px solid #dedede;
    padding: 10px;
    transition: 0.5s;
    opacity: 0;
}
.refund_model_txn button:hover + .refund_model_tooltip {
    opacity: 1;
}
@media only screen and (max-width: 1200px) {
    #sortable_elements.in_sorting_mode {
        margin:0 1.5rem 0 0;
        margin:0 40px 0 0;
    }
    .transaction_header_contents.txn_edit_mode {
        margin-bottom: 10px;
    }
}

@media (max-width: 390px) {
    .ts-wrapper.form-select.tom-selectable-field.multi.has-items {
        width: 76% !important;
    }
}

.empty-img svg {
    max-width: 100%;
}
.mt940_footer, .camt_footer{
    position: relative !important;
}
.reports_filters{
    padding: 9px 0px;
    border: none;
    border-radius: 10px;
    box-shadow: rgb(100 100 111 / 4%) 0px 7px 29px 0px;
    margin-bottom: 15px;
}
.reports_filters .card-footer  {
    background: transparent;
}
.reports_datatable{
    border-radius: 10px 10px 0px 0px;
}
#export-datatable_wrapper .dataTables_info, #crs-export-datatable_wrapper .dataTables_info {
    text-align: left;
}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1400px !important;
    }
    .dashboard_contents .drag_main_container {
        max-width: 92%;
    }
    .search_result_component_container {
        grid-template-columns: repeat(4, 1fr);
    }
    #sortable_psp_charts.drag_main_container{
        max-width: 92% !important;
    }
}
.page {
    min-height: 100vh !important;
}

.eye_icon_div>svg {
    border: none !important;
    outline: none !important;
    cursor: pointer;
}

#password_error, #reset_new_password_error, #set_new_password_error, #invalid_email_err_desc {
    font-size: 0.75rem;
}
.tags-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}
.tag {
    border: 1px solid var(--tblr-border-color);
    display: inline-flex;
    align-items: center;
    height: 1.5rem;
    border-radius: var(--tblr-border-radius);
    padding: 0 .5rem;
    background: var(--tblr-bg-surface);
    box-shadow: var(--tblr-box-shadow-input);
    gap: .5rem;
}

.tx_psp_ref{
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
}

@media (max-width: 480px) {
    .tx_psp_ref {
        max-width: 120px;
    }
}
.edit_transaction_items, .save_transaction_items, #reset_transaction_sortables, .transaction_soratable_close_btn, #saveConfigBtn, #generateKeysBtn{
    background-image: linear-gradient(#086CD0, #0B196C);
    border: 1px solid #F6F8FB;
    padding: 7px 18px;
}
.edit_transaction_items, .save_transaction_items, .transaction_soratable_close_btn, #add_mt940_accounting_config{
    background-image: linear-gradient(#086CD0, #0B196C);
    border: 1px solid #F6F8FB;
    color: #ffff;
    border-radius: 10px;
}
.transaction_search_btn{
    background: #066FD1;
}

#datepicker-icon-prepend {
    width: 100%;
    height: 36px;
    font-size: 14px;
    color: #00227f;
    font-weight: 600;
    min-width: 300px;
}
.text_uppercase{
    text-transform: uppercase !important;
    font-weight: 500;
}

.transaction_filter_card select,#transaction_search_feild,.search_container, #transaction_filter_order_no, #transaction_filter_customer_no, #transaction_filter_bctxn_no, #transaction_filter_psp_ref, #transaction_filter_amount, #transaction_filter_engineer_no{
    color: #001B60;
    font-weight: 600;
}
.card.transaction_filter_card, .transaction_table_container {
    border-radius: 10px;
    box-shadow: 0px 2px 20px 0px rgba(231, 241, 255, 1);
}
.transaction_heading{
    font-size: 1rem;
    margin-bottom: 0;
}
.transaction_table_header{
    border: none;
    background: transparent;
}
.transaction_table_sort_btn{
    border-radius: 20px;
    padding: 4px 10px;
}
.txn_header_text{
    color: #737791;
}
.txn_table_data{
    color: #001B60;
    font-weight: bold;
}
.tnx_card_items{
    padding: 13px 11px !important;
}
.txn_table_data_cards{
    border: none;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.08) !important;
    border-radius: 14px;
}
.txn_view_details_icon{
    background-color:#1085e326;
    border-radius: 2px;
    padding: 3px;
    border: none; 
}
.card-link:hover{
    background: rgba(6, 111, 209, 0.07);
}
.transaction_table_fotter_container{
    border-radius: 0 0 10px 10px;
}
.transaction_pagination .page-link {
    border: none !important;
}
.transaction_footer_show_total, .transactions_total_result{
    border-radius: 26px;
    border: none;
    background: rgba(224, 240, 255, 1);
    color: rgba(0, 27, 96, 1) !important;
    font-weight: 600;
    padding: 4px 17px;
    font-size: 0.75rem;
    cursor: unset;
}
.disable_pagination{
    pointer-events: none;
    opacity: 0.2;
}
.transaction_pagination a.page-link.page-number {
    color: rgba(91, 87, 87, 1);
}
.transaction_pagination .page-item.active .page-link {
    background: #e0f0ff;
    color: rgba(6, 111, 209, 1);
    border-radius: 25px;
}
.transaction_total_list select {
    border: none;
    background: transparent;
}
.transaction_total_counter {
    border-radius: 5px;
}
.transaction_total_counter select {
    border: none;
    background: transparent;
    outline: none;
}
.transaction_table_sort_btn .sort_icon {
    margin-left: 10px;
}
span.sort_icon {
    margin-left: 10px;
}
.tx_sort_container span.form-selectgroup-label{
    border-radius: 21px;
}
.tx_sort_container .form-selectgroup-input:checked+.form-selectgroup-label {
    z-index: 1;
    color: #206bc4;
    background: none;
    border-color: #206bc4;
    padding: 3px 8px;
}
.tx_sort_container span.form-selectgroup-label {
    padding: 3px 8px;
}
.tnx_card_items .font-weight-medium.txn_header_text {
    font-size: small;
}
.settings_drop_down.dropdown-menu-arrow:before{
    left: 7.75rem;
    display: none;
}

.dropdown-item.export_file_type:hover{
    color: rgba(45, 156, 219, 1);
}
.settings_drop_down{
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 0.25rem; 
    min-height: fit-content;
    padding: 12px;
    z-index: 1050;
}
.transaction_tables_heading_content{
    flex-wrap: wrap;
}
.settigs_dropdown_headings{
    color: rgba(115, 119, 145, 1);
    font-size: 0.75rem;
}
.dropdown_settings_items span.form-check-label {
    color: rgba(115, 119, 145, 1);
    font-size: 0.75rem;
    font-weight: 500;
}
.transaction_toaster{
    z-index: 9999;
    position: fixed !important;
}
.transactions_total_result{
    padding: 3px 15px;
    font-size: 0.75rem;
    font-weight: 600;
}
.transaction_table_container{
    position: relative;
}
.spinner-grow{
    width: 1rem;
    height: 1rem;
}
.transaction_status_img{
    height: fit-content;
    max-width: 100%;
}
.order_no_tx, .customer_no_tx, .txn-psp-ref{
    white-space: nowrap;
    width: 55px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.transaction_bc_txno{
    white-space: nowrap;
    width: 93px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ts-control{
    color: #00227f;
    font-weight: 600;
}
.txn_view_details_icon svg {
    margin: 0 !important;
}
.transaction_list_view{
    min-width: 5rem;
    padding: 5px;
    transform: translate(0px, 27px);
    border-radius: 4px;
}
.transaction_count_container {
    width: 43%;
}
.transaction_chart_container {
    width: 56%;
}
.transaction_chart_container select {
    width: fit-content;
    height: fit-content;
}
.chart_text_center{
    min-height: unset !important;
}
.failed_count {
    color: #fc0100;
    font-weight: bold;
    margin-right: 10px;
}
h1.total_count, h1.paid_count,  h1.pending_count, h1.failed_count {
    font-size: 2.2rem;
}
h1.paid_count{
 color: #01B047 !important;
}
.transactions_drag_elements.drag_main_container {
    margin-bottom: 20px;
}
.transaction_filter_card .card-header {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.transactions_charts_container, .transactions_filter_container, .transactions_table_container{
    position: relative;
}
.removed_charts > div{
    opacity: 0.4;
}
.save_transaction_items{
    background-image: linear-gradient(#60cd60, #054d05) !important;
}
.charts_list_container{
    pointer-events: all !important;
}
.txn_col_payment img.pos_payment_list_img {
    min-width: 60px;
}
.txn_col_product img.transaction_product_img {
    width: 27px !important;
}

@media only screen and (max-width: 900px) {
    #sortable_transactions_charts{
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 15px !important;
        margin: 0px;
    }
    .transaction_chart_container , .transaction_count_container{
        width: 100% !important;
    }
    .charts_svg_content{
        gap: 20px;
    }
    .charts_list_container{
        padding: 0 !important;
    }
    .transaction_count_charts{
        min-height: inherit !important;
    }
    .transaction_donut{
        margin-bottom: 10px;
    }
}
@media only screen and (max-width: 955px) {
    h1.total_count, h1.paid_count,  h1.pending_count, h1.failed_count {
        font-size: 1.8rem;
    }
}
@media only screen and (max-width: 395px) {
    .transaction_sorting{
        flex-direction: column;
        justify-content: start !important;
        align-items: start !important;
    }
    .charts_list_container{
        padding: 0 !important;
    }
    #edit_transaction_items, #save_transaction_sortables ,.cancel_transaction_sortables, #reset_transaction_sortables{
        font-size: 0.75rem;
        padding: 5px 6px;
    }
    #edit_transaction_items svg,#save_transaction_sortables svg,.cancel_transaction_sortables svg,#reset_transaction_sortables svg {
        width: 1rem;
    }
    .transaction_filter_card .card-header {
        flex-wrap: wrap;
    }
    .choose_tx_chart{
        font-size: 0.4rem;
    }
    .filter_export_container{
        flex-direction: column;
    }
}
@media only screen and (max-width: 475px) {
    .px_pie_charts{
        flex-direction: column;
        }
}
@media only screen and (max-width: 432px) {
    #choose_tx_chart{
        font-size: 0.6rem !important;
        padding: 5px 29px 5px 9px !important
    }
    #choose_product_type{
        font-size: 0.6rem !important;
        padding: 5px 29px 5px 9px !important;
    }
    .transaction_count_status{
        flex-wrap: wrap;
    }
    .pending_count, .failed_count{
        height: 100% !important;
    }
}
@media only screen and (max-width: 360px) {
    .export_btn, .transaction_col_config{
        font-size: smaller;
        padding: 5px;
    }
    .transaction_total_counter{
        font-size: 10px;
    }
    .transaction_col_config svg, .export_btn svg {
        width: 1rem !important;
        height: 1rem !important;
        margin: 0px !important;
    }
    .litepicker {
        width: 60%;
    }
    .table_view_dec {
        font-size: 0.75rem;
    }    
    .charts_svg {
        min-width: 32px !important;
        height: 32px !important;
    }
    .txn_charts_text ,.no-data{
        font-size: 0.8rem !important;
    }
    .txn_charts_headings{
        width: 150px;
    }
    .transaction_count_container, .transaction_chart_container{
        padding: 0.7rem !important;
    }
    #choose_tx_chart, #choose_product_type{
        font-size: 0.7rem;
    }
    .pending_count, .failed_count{
        padding: 0;
        font-size: small;
        height: 13px;
    }
    
}
@media only screen and (max-width: 450px) {
    .drag_main_container{
       padding: 10px;
 }
 .transaction_count_status, .failed_count{
    margin-left: 0px !important;
}
} 

@media only screen and (max-width: 520px) {
    .charts_select_box{
        flex-direction: column;
        gap: 10px;
    }
    .transaction_table_fotter_container{
        flex-direction: column;
        gap: 10px;
 }
} 
@media only screen and (max-width: 590px) {
    .litepicker {
        width: 45%;
    }
}
.tx_count_chart_css {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 75%;
}
/* transaction table */

.card-table tr td:first-child, .card-table tr th:first-child {
    padding-left: 1.25rem;
}

.transaction-table-body tr td {
    color: #737791;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
}
.transaction-table-body tbody, td, tfoot, th, thead, tr{
border: none;
}

#transaction-list table thead th{
    background-color: #fff;
}

#transaction-list table thead th {
    font-size: 0.8rem !important;
}
.transaction_product_img {
    max-width: 80px;
    max-height: 100%;
    width: auto;
}
.tr_table_head th {
    color: #001B60 !important;
}
#transaction-list{
    padding: 0 !important;
}
td.more_field_table_td{
    text-align: center;
}
#transaction-list thead{
    border-top: 1px solid rgba(98, 105, 118, .16) !important;
}
.transaction_view_details_container svg {
    outline: none;
}
.transaction-table-header th {
    color: #001B60 !important;
    cursor: pointer;
}
.tr_sort_asc.active path, .tr_sort_desc.active path {
    fill: #001B60;
}
#tx_chart .apexcharts-legend.apexcharts-align-center.apx-legend-position-bottom {
    inset: auto 0px 0px !important;
}
.bar_chart_total_count{
    width: 15ch !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
h3.txn_charts_text.txn_charts_headings {
    width: 200px;
}
.transaction_footer_show_total{
    margin-bottom: 2px !important;
}
.transaction_total_counter{
    margin-bottom: 9px !important;
}
td {
   text-decoration: none;
}
.transaction_col_config .dropdown-menu-arrow::before{
    display: none;
} 
.transactions_drag_elements.drag_main_container{
    max-width: 96%;
}
body.dragging,
body.dragging * {
  user-select: none !important;
}
.drag_ele.transaction_backoffice {
    height: initial !important;
}
label.transaction_table_list {
    padding: 2px 0px;
}
.transaction_empty_page{
    font-size: 1rem;
}
#save_transaction_sortables{
    background-image: linear-gradient(#60cd60, #054d05) !important;
    border-radius: 10px;
    transition: all 150ms;
    border: none;
}
#save_transaction_sortables:hover {
    background: linear-gradient(#17a117, #4eda4e) !important;
    color: #fff;
    border: none;
}
input#td_list_chartd, input#tx_count_charts {
    transform: scale(0.65);
    width: 53px;
    height: 30px;
}
.top_header_user_name_ellipis {
    max-width: 13ch;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
  }  
.top_engineer_ellipsis_min_section {
    max-width: 111px !important;
}
.top_engineer_ellipsis_mid_section {
    max-width: 200px !important;
}
.top_engineer_ellipsis_max_section {
    max-width: 300px !important;
}
.top_engineer_tx_count_ellipsis_max_section {
    max-width: 100px !important;
}
.top_engineer_tx_count_ellipsis_mid_section {
    max-width: 50px !important;
}
.top_engineer_tx_count_ellipsis_min_section {
    max-width: 35px !important; 
}
.tr_status_card_common_ellipsis_total_count {
    max-width: 5ch;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
}
.tr_status_card_common_ellipsis_pre_count {
    max-width: 7ch;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
}
#sortable_transactions_charts .apexcharts-legend-text,
#sortable_psp_charts .apexcharts-legend-text {
    font-size: 0.75rem !important;
    display: contents;
}
#sortable_transactions_cards .subheader_text {
    font-size: .8rem;
    font-weight: 600;
    letter-spacing: .04em;
    color: #626976;
    text-wrap: nowrap;
}
.no_tr_found_total_chart {
    height:100%; 
    display:flex; 
    align-items:center; 
    justify-content:center; 
    color:#a3a3a3; 
    font-size:0.875rem;
}
.no_tr_found_total_count_chart {
    height:62px; 
    display:flex; 
    align-items:center; 
    justify-content:center; 
    color:#a3a3a3; 
    font-size:0.8rem;
}
.dashboard_contents .sortable_item {
    min-height: 365px;
}

@media (min-width: 991px) and (max-width: 1200px) {
    .side_menu_with_body #sortable_elements.dashboard_contents {
        flex-direction: column;
    } 
    .side_menu_with_body #sortable_elements.dashboard_contents {
        flex-direction: column;
    }
    .side_menu_with_body #sortable_elements.dashboard_contents .sortable_item{
        min-height: fit-content;
        width: 100%;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .side_menu_with_body #sortable_elements.dashboard_contents .drag_main_container {
        max-width: 94%;
    }
    .main_menu_bar_container .nav-item .nav-link-title {
        font-size: 0.8rem;
    }
}
.common_menu_bar_icon.collapse_menu_icon_btn {
    display: none !important;
}
.height_fit_content {
    min-height: fit-content !important;
}
.add_shadow_effects{
    box-shadow: 0px 3px 13px 0px #d7e7ff !important;
}
#save_dashboard_sortables:hover {
    background: linear-gradient(#17a117, #4eda4e);
}
.hide_user_icon_top_engineer {
    height: 10px !important;
}
@media (max-width: 576px) {
    .responsive-nav-items .nav-item {
        width: calc(50% - 0.75rem); /* Two items per row with gap */
    }
    .dashboard_edit_btn {
        flex-wrap: wrap;
        justify-content: right;
        gap: 0.5rem;
    }
    #toast.dashboard_toast_card,
    #toast.settings_toast {
        left: 50%;
        top: 4rem;
        transform: translateX(-50%);
        max-width: 90%;
    }
    .drag_sub_cards_shadow {
        padding: 5px;
    }
    .drag_sub_cards_shadow .user_avatar_span{
        width: 30px;
        height: 30px;
    }
    .drag_sub_cards_shadow .success_wallet_icon{
        height: 20px;
        width: 20px;
    }
    .drag_sub_cards_shadow .top_engineer_medal_icon svg,
    .drag_sub_cards_shadow .success_wallet_icon svg{
        height: 20px;
        width: 20px;
    }
    .drag_sub_cards_shadow .top_engineer_medal_icon{
        margin-right: 10px;
    }
    .drag_sub_cards_shadow .success_wallet_icon{
        height: 25px !important;
        width: 25px !important;
        margin-right: 10px;
    }
    .top_engineer_medal_container{
        width: 80% !important;
    }
    .top_engineer_model_position{
        position: relative;
    }
    .success_wallet_icon{
        position: absolute;
        top: 133%;
    }
}
.bg-blue-lt {
    color: #001B60 !important;
    background: #E0F0FF;
}
.view_btn {
    padding: 8px 16px !important;
}
.tr_table_pagination_container ul li,
.tr_terminal_table_pagination_container ul li {
    text-align: center;
    display: flex;
    flex-direction: row;
    align-content: center;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: baseline;
}
svg {
    touch-action: manipulation !important;
}

/* .tr_terminal_table_head th {
    padding: 6px 9px !important;
} */

/* .dynamic_terminal_transaction_table_data td {
    padding: 6px 9px !important;
} */
@media (max-width: 574px) {
    .drag_ele {
        height: 15rem !important;
    }
    .transaction_ele {
        height: 3.5rem !important;
    }
    .table_ele {
        width: 100% !important;
    }
    #sortable_transactions_cards.drag_main_container {
        flex-direction: column;
    }
}
@media (min-width: 576px) and (max-width: 767px) {
    .drag_ele {
        height: 14rem !important;
    }
    .transaction_ele {
        height: 4rem !important;
    }
    .table_ele {
        width: 85% !important;
    }
    #sortable_transactions_cards.drag_main_container {
        flex-direction: flex-wrap;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .drag_ele {
        height: 18rem !important;
    }
    .transaction_ele {
        height: 6rem !important;
    }
    .table_ele {
        width: 85% !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .drag_ele {
        height: 22rem !important;
    }
    .transaction_ele {
        height: 8rem !important;
    }
    .table_ele {
        width: 85% !important;
    }
}
@media (min-width: 1200px) {
    .drag_ele {
        height: 27rem !important;
    }
    .table_ele {
        width: 85% !important;
    }
}
.drag_ele .card .ratio {
    height: 100% !important;
}
.drag_ele .card {
    height: 100% !important;
}
.dashboard_edit_btn button {
    border: none;
}
@media (max-width: 991px) {
    .table_title {
        white-space: nowrap;
    }
    .no_tr_found_total_chart {
        height: 62px !important; 
        padding-bottom: 0px !important;
    }
    #terminal_table_container .terminal_table_inner_height_container {
        min-height: fit-content !important;
    }
}
@media (min-width: 991px) and (max-width: 1400px) {
    .psp_chart_head_container {
        max-width: 170px;
    }
}
#soratable_edit_btn:hover {
    color: var(--tblr-btn-color-text);
    background: var(--tblr-btn-color-interactive);
}
#transaction_custom_table .dynamic_transaction_table_data tr,
#sortable_terminal_table .dynamic_terminal_transaction_table_data tr {
    border-style: none !important;
    border-width: 0 !important;
    border-color: transparent !important;
}
#terminal_table_container .terminal_table_inner_height_container {
    min-height: 365px;
}
.height_fit_content #terminal_table_container .terminal_table_inner_height_container {
    min-height: fit-content !important;
}
.navbar-brand-image.brandpos_full_logo_img,
.navbar-brand-image.brandpos_icon_logo_img {
    height: 3rem !important;
}
.dashboard_empty_title {
    font-size: 1rem;
}
#sortable_terminal_map .jvm-zoom-btn.jvm-zoomin {
    position: absolute;
    right: 0px !important;
    bottom: 30px !important;
    top: auto !important;
    left: auto !important;
    width: 20px !important;
    height: 20px !important;
}
#sortable_terminal_map .jvm-zoom-btn.jvm-zoomout {
    position: absolute;
    right: 0px !important;
    bottom: 0px !important;
    top: auto !important;
    left: auto !important;
    width: 20px !important;
    height: 20px !important;
}
@media (min-width: 764px) {
    .element_full_view #terminal_table_container .terminal_table_footer_container {
        flex-direction: row !important;
        justify-content: space-between;
        align-items: center;
    }
    .element_full_view #terminal_table_container .terminal_table_footer_container .tr_terminal_table_pagination_container {
        padding:  0 !important;
    }
}
@media (max-width: 400px) {
    .element_full_view #terminal_table_container .terminal_table_footer_container ul li {
        font-size: 0.65rem !important;
    }
    .element_full_view #terminal_table_container .terminal_table_footer_container ul li svg {
        height: 8px !important;
        width: 8px !important;
    }
    .tr_table_pagination_container ul li, .tr_terminal_table_pagination_container ul li {
        min-width: 25px !important;
        height: 25px !important;
    }
    .drag_main_container {
        max-width: 91% !important;
    }
}
@media (min-width: 1180px) and (max-width: 1400px) {

    body.side_menu_with_body #sortable_transactions_charts {
        flex-direction: column !important;
        gap: 30px !important;
    }
    body.side_menu_with_body #sortable_transactions_charts .transaction_chart_container,
    body.side_menu_with_body #sortable_transactions_charts .transaction_count_container {
        width: 100%;
    }
}
#sortable_elements.dashboard_contents.in_view_mode .sortable_item .card {
    border: none !important;
}
#toast.dashboard_toast_card,
#toast.settings_toast {
    position: fixed;
    top: 52px !important;
    right: 31px;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    z-index: 9999;
}
#sortable_elements.in_sorting_mode #sortable_transactions_cards .subheader_text {
    text-wrap: wrap !important;
}

.profile_edit_page_container{
    background-color: white;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.profile_edit_page_rolegrp{
    background-color: rgba(255, 255, 255, 1);
    padding: 4px;
    border-radius: 7px;
}
.profile_edit_page_rolegrp h3{
   font-size: 20px;
   font-weight: 600;
}

.profile_edit_page_block p{
    font-weight: 550;
}
.profile_edit_page_block a{
    color: white !important;
    text-decoration: none;
}
.profile_edit_page_sendbtn{
    background-color: green;
    color: white;
    border-radius: 10px;
}
.profile_edit_page_sendbtn:hover{
    color: white !important;
}
.profile_edit_page_toggleswitch .profile_edit_page_toggleinput {
    transform: scale(1.4);
    cursor: pointer;
  }
#staff_mobile .mobile_label{
    font-weight: 600;
    color: rgba(0, 27, 96, 1);
}
.mobile_input_bg_colour  #mobile_number, .mobile_input_bg_colour  .select_box{
    background-color: #DCE1E7 !important;
    color:black !important;
    border-radius: 10px;
}
.mobile_input_bg_colour .country_mobile_code{
    background-color: #DCE1E7 !important;
    color:black !important;
}
.input_bg_colour{
    background-color: #DCE1E7 !important;
    color:black !important;
}
.remove-bg {
    background-color: transparent !important;
  }


.staff_status_admin_replacer:checked {
    background-color: #28a745;     
    border-color: #28a745;
  }
  .staff_status_admin_replacer:not(:checked) {
    background-color: #dc3545;     
    border-color: #dc3545;
  }
  .role_grp_card{
    box-shadow: rgba(131, 149, 248, 0.24) 0px 2px 8px 0px;
  }
  @media (max-width: 445px) {
    .view_role_button,.form-selectgroup-label-content {
        width: 100%;
    }
    .role_grops_desc {
        width: 115px;
    }
    .profile_status_desc{
        max-width: 100%;
      }
  }
  @media (max-width: 869px) {
    .custom_roles_view_btn{
        margin-top: 5px;
        width: 100%;
    }
  }
  .country_mobile_code{
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
  }
  .merchant_staff_edit_page_container{
    box-shadow: 0px 2px 20px 0px #E7F1FF !important;
    border-radius: 7px !important;
  }
  .merchant_staff_profile_conatiner{
    border-radius: 10px;
    box-shadow: 0px 2px 20px 0px rgba(231, 241, 255, 1) ;
  }
  .user_profile_info_heading{
    font-size: 1rem;
    font-weight: 600;
  }
  .user_profile_desc{
    font-size: 0.875rem
  }
  .profile_status_desc{
    max-width: 300px;
    font-size: 0.875rem;
    padding-right: 10px;
  }

.tx_card_border_container .card-body {
    display: grid;
}
.breadcrumb-item+.breadcrumb-item {
    display: flex;
    align-items: center;
}
.dynamic_transaction_table_data .amount_table_td {
    text-align: end !important;
}
.edit_transaction_items, .save_transaction_items, .transaction_soratable_close_btn{
    background-image: linear-gradient(#086CD0, #0B196C);
    border: 1px solid #F6F8FB;
    color: #ffff;
    border-radius: 10px;
}
.transaction_search_btn{
    background: #066FD1;
}

#datepicker-icon-prepend, #litepicker-range, #creation-date-filter{
    width: 100%;
    height: 36px;
    font-size: 14px;
    color: #00227f;
    font-weight: 600;
    min-width: 300px;
}
.text_uppercase{
    text-transform: uppercase !important;
    font-weight: 500;
}

.transaction_filter_card select,#transaction_search_feild,.search_container, #transaction_filter_order_no, #transaction_filter_customer_no, #transaction_filter_bctxn_no, #transaction_filter_psp_ref, #transaction_filter_amount, #transaction_filter_engineer_no{
    color: #001B60;
    font-weight: 600;
}
.card.transaction_filter_card, .transaction_table_container {
    border-radius: 10px;
    box-shadow: 0px 2px 20px 0px rgba(231, 241, 255, 1);
}
.txn_table_data_cards{
    border: none;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.08) !important;
    border-radius: 14px;
}
.transaction_footer_show_total, .transactions_total_result{
    border-radius: 26px;
    border: none;
    background: rgba(224, 240, 255, 1);
    color: rgba(0, 27, 96, 1) !important;
    font-weight: 600;
    padding: 4px 17px;
    font-size: 0.75rem;
    cursor: unset;
}
.disable_pagination{
    pointer-events: none;
    opacity: 0.2;
}
.transaction_pagination a.page-link.page-number {
    color: rgba(91, 87, 87, 1);
}
.transaction_pagination .page-item.active .page-link {
    background: #e0f0ff;
    color: rgba(6, 111, 209, 1);
    border-radius: 25px;
}
.transaction_total_list select {
    border: none;
    background: transparent;
}
.transaction_total_counter {
    border-radius: 8px;
}
.transaction_total_counter select {
    border: none;
    background: transparent;
    outline: none;
}
.transaction_table_sort_btn .sort_icon {
    margin-left: 10px;
}
span.sort_icon {
    margin-left: 10px;
}
.tx_sort_container span.form-selectgroup-label{
    border-radius: 21px;
}
.tx_sort_container .form-selectgroup-input:checked+.form-selectgroup-label {
    z-index: 1;
    color: #206bc4;
    background: none;
    border-color: #206bc4;
    padding: 3px 8px;
}
.tx_sort_container span.form-selectgroup-label {
    padding: 3px 8px;
}
.tnx_card_items .font-weight-medium.txn_header_text {
    font-size: small;
}
.settings_drop_down.dropdown-menu-arrow:before{
    left: 7.75rem;
    display: none;
}

.dropdown-item.export_file_type:hover{
    color: rgba(45, 156, 219, 1);
}
.settings_drop_down{
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 0.25rem; 
    min-height: fit-content;
    padding: 12px;
    z-index: 1050;
}
.transaction_tables_heading_content{
    flex-wrap: wrap;
}
.settigs_dropdown_headings{
    color: #001b60 !important;
    font-size: 0.75rem;
}
.dropdown_settings_items span.form-check-label {
    color: rgba(115, 119, 145, 1);
    font-size: 0.75rem;
    font-weight: 500;
}
.transaction_toaster{
    z-index: 9999;
    position: fixed !important;
}
.transactions_total_result{
    padding: 3px 15px;
    font-size: 0.75rem;
    font-weight: 600;
}
.transaction_table_container{
    position: relative;
}
.spinner-grow{
    width: 1rem;
    height: 1rem;
}
.transaction_status_img{
    height: fit-content;
    max-width: 100%;
}
.order_no_tx, .customer_no_tx, .txn-psp-ref{
    white-space: nowrap;
    width: 55px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.transaction_bc_txno{
    white-space: nowrap;
    width: 93px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ts-control{
    color: #00227f;
    font-weight: 600;
}
.txn_view_details_icon svg {
    margin: 0 !important;
}
.transaction_count_container {
    width: 43%;
    padding: 1.3rem !important;
}
.transaction_chart_container {
    width: 56%;
}
.transaction_chart_container select {
    width: fit-content;
    height: fit-content;
}
.pending_count {
    justify-content: center;
    color: #fa8442;
    font-weight: 600;
}
.chart_text_center{
    min-height: unset !important;
}
.failed_count {
    color: #fc0100;
    font-weight: 600;
    margin-right: 10px;
}
h1.total_count, h1.paid_count,  h1.pending_count, h1.failed_count {
    font-size: 2.2rem;
}
h1.paid_count{
 color: #01B047 !important;
}
.transactions_drag_elements.drag_main_container {
    margin-bottom: 20px;
}
.transaction_filter_card .card-header {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.transactions_charts_container, .transactions_filter_container, .transactions_table_container{
    position: relative;
}
.removed_charts > div{
    opacity: 0.4;
}
.save_transaction_items{
    background-image: linear-gradient(#60cd60, #054d05) !important;
}
.charts_list_container{
    pointer-events: all !important;
}
.txn_col_payment img.pos_payment_list_img {
    min-width: 60px;
}
.txn_col_product img.transaction_product_img {
    width: 27px !important;
}
@media only screen and (max-width: 1040px) {
     #transaction-list{
        width: 100%;
    }
    .txn_table_data_cards{
        width: max-content;
    }
    .transaction_table_container{
        width: auto;
    }
    .txn_table_data.txn-amount {
        min-width: 60px;
    }
    .txn_col_payment img.pos_payment_list_img {
        min-width: 60px;
    }
    .transaction_total_counter{
        min-width: 90px;
    }
}
@media only screen and (max-width: 900px) {
    #sortable_transactions_charts{
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 15px !important;
        margin: 0px;
    }
    .transaction_chart_container , .transaction_count_container{
        width: 100% !important;
    }
    .charts_svg_content{
        gap: 20px;
    }
    .charts_list_container{
        padding: 0 !important;
    }
    .transaction_count_charts{
        min-height: inherit !important;
    }
    .transaction_donut{
        margin-bottom: 10px;
    }
}
@media only screen and (max-width: 955px) {
    h1.total_count, h1.paid_count,  h1.pending_count, h1.failed_count {
        font-size: 1.8rem;
    }
}
@media only screen and (max-width: 395px) {
    .transaction_sorting{
        flex-direction: column;
        justify-content: start !important;
        align-items: start !important;
    }
    .charts_list_container{
        padding: 0 !important;
    }
    #edit_transaction_items, #save_transaction_sortables ,.cancel_transaction_sortables, #reset_transaction_sortables{
        font-size: 0.75rem;
        padding: 0.3705rem 1rem;
    }
    #edit_transaction_items svg,#save_transaction_sortables svg,.cancel_transaction_sortables svg,#reset_transaction_sortables svg {
        width: 1rem;
    }
    .transaction_filter_card .card-header {
        flex-wrap: wrap;
    }
    .choose_tx_chart{
        font-size: 0.4rem;
    }
    .filter_export_container{
        flex-direction: column;
    }
}
@media only screen and (max-width: 475px) {
    .px_pie_charts{
        flex-direction: column;
        }
}
@media only screen and (max-width: 432px) {
    #choose_tx_chart{
        font-size: 0.6rem !important;
        padding: 5px 29px 5px 9px !important
    }
    #choose_product_type{
        font-size: 0.6rem !important;
        padding: 5px 29px 5px 9px !important;
    }
    .transaction_count_status{
        flex-wrap: wrap;
    }
    .pending_count, .failed_count{
        height: 100% !important;
    }
}
@media only screen and (max-width: 450px) {
    .drag_main_container{
       padding: 10px;
 }
 .transaction_count_status, .failed_count{
    margin-left: 0px !important;
}
} 

@media only screen and (max-width: 520px) {
    .charts_select_box{
        flex-direction: column;
        gap: 10px;
    }
    .transaction_table_fotter_container{
        flex-direction: column;
        gap: 10px;
 }
} 
@media only screen and (max-width: 590px) {
    .litepicker {
        width: 45%;
    }
}
.tx_count_chart_css {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 75%;
}
.no-data {
    font-size: 1rem;
    color: #626976;
    text-align: center;
    margin-top: 183px;
}
/* transaction table */

.card-table tr td:first-child, .card-table tr th:first-child {
    padding-left: 1.25rem;
}

.transaction-table-body tr td {
    color: #737791;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
}
.transaction-table-body tbody, td, tfoot, th, thead, tr{
border: none;
}

#transaction-list table thead th{
    background-color: #fff;
}

#transaction-list table thead th {
    font-size: 0.75rem !important;
    font-weight: 500;
}
#sortable_elements .transaction-table-body tr td {
    font-size: 0.75rem;
    font-weight: 500;
}
.transaction_product_img {
    max-width: 80px;
    max-height: 100%;
    width: auto;
}
.tr_table_head th {
    color: #001B60 !important;
}
#transaction-list{
    padding: 0 !important;
}
td.more_field_table_td{
    text-align: center;
}
#transaction-list thead{
    border-top: 1px solid rgba(98, 105, 118, .16) !important;
}
.transaction_view_details_container svg {
    outline: none;
}
.transaction-table-header th {
    color: #001B60 !important;
    cursor: pointer;
}
.tr_sort_asc.active path, .tr_sort_desc.active path {
    fill: #001B60;
}
.tx_view_more {
    stroke-width: 2.5;
}
.transaction_charts_align{
    width: 100% !important;
}
.transaction_count_container, .transaction_chart_container{
    border-radius: 10px;
    box-shadow: 0px 2px 20px 0px #E7F1FF;
}
#tx_count_chart .apexcharts-legend-series {
    background: #F2F2F7;
    padding: 4px 5px;
    border-radius: 4px;
}
#choose_tx_chart, #choose_product_type{
    border: 1px solid #EBEEF2;
    border-radius: 8px;
    box-shadow: 0px 1px 3px 0px #606C800D;
}
.transaction_list_charts, .transaction_chart_container {
    padding-right: 1.2rem !important;
    padding-left: 1.2rem !important;
    padding: 1.3rem !important;
}
.transaction_donut{
    justify-content: center;
    align-items: center;
    display: flex;
}
.dynamic-text {
    white-space: nowrap;
    width: min(20vw, 150px);
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: clamp(12px, 3vw, 32px) !important;
}
.charts_svg{
    min-width: 55px;
}
.transaction_donut .apexcharts-legend-series {
    display: block !important;
  }
#tx_chart .apexcharts-legend.apexcharts-align-center.apx-legend-position-bottom {
    inset: auto 0px 0px !important;
}
#transaction_search_feild{
    border-radius: 4px !important;
}
.pos_transaction_chart.transaction_chart_container, .transaction_count_container {
    min-height: 500px !important;
}

@media (max-width: 576px) {
    #soratable_cancel_btn_modal .modal-dialog, #soratable_reset_btn_modal  .modal-dialog {
      max-width: 100% !important;
      padding: 1rem !important;
      font-size: 1.2rem; 
    }
    #soratable_cancel_btn_modal .modal-dialog .text-secondary ,#soratable_reset_btn_modal .modal-dialog .text-secondary {
      font-size: 0.9rem;
    }
    #soratable_cancel_btn_modal .modal-dialog .btn ,#soratable_reset_btn_modal .modal-dialog .btn {
      font-size: 0.9rem;
      padding: 0.5rem;
    }
    #soratable_cancel_btn_modal .modal-dialog .col, #soratable_reset_btn_modal .modal-dialog .col {
      padding: 0 5px;
    }
    .transaction_charts_width{
        width: 50% !important;
    }
}
.pending_count, .failed_count, .paid_count, .total_count{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.bar_chart_total_count{
    width: 15ch !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
h3.txn_charts_text.txn_charts_headings {
    width: 200px;
}
.transaction_footer_show_total{
    margin-bottom: 2px !important;
}
.transaction_total_counter{
    margin-bottom: 5px !important;
}
td {
   text-decoration: none;
}
.transaction_col_config .dropdown-menu-arrow::before{
    display: none;
} 
.transactions_drag_elements.drag_main_container{
    max-width: 96%;
}
body.dragging,
body.dragging * {
  user-select: none !important;
}
.drag_ele.transaction_backoffice {
    height: initial !important;
}
label.transaction_table_list {
    padding: 2px 0px;
}
.transaction_empty_page{
    font-size: 1rem;
}
#save_transaction_sortables{
    background-image: linear-gradient(#60cd60, #054d05) !important;
    border-radius: 10px;
    transition: all 150ms;
    border: none;
}
#save_transaction_sortables:hover {
    background: linear-gradient(#17a117, #4eda4e) !important;
    color: #fff;
    border: none;
}
input#td_list_chartd, input#tx_count_charts {
    transform: scale(0.65);
    width: 53px;
    height: 30px;
}
.top_header_user_name_ellipis {
    max-width: 14ch;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
  }
.top_engineer_ellipsis_min_section {
    max-width: 111px !important;
}
.top_engineer_ellipsis_mid_section {
    max-width: 200px !important;
}
.top_engineer_ellipsis_max_section {
    max-width: 300px !important;
}
.top_engineer_tx_count_ellipsis_max_section {
    max-width: 100px !important;
}
.top_engineer_tx_count_ellipsis_mid_section {
    max-width: 50px !important;
}
.top_engineer_tx_count_ellipsis_min_section {
    max-width: 35px !important;
}
.tr_status_card_common_ellipsis_total_count {
    max-width: 5ch;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
}
.tr_status_card_common_ellipsis_pre_count {
    max-width: 7ch;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
}
#sortable_transactions_charts .apexcharts-legend-text,
#sortable_psp_charts .apexcharts-legend-text {
    font-size: 0.75rem !important;
    display: contents;
}
#sortable_transactions_cards .subheader_text {
    font-size: .8rem;
    font-weight: 600;
    letter-spacing: .04em;
    color: #626976;
    text-wrap: nowrap;
}
.no_tr_found_total_chart {
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#a3a3a3;
    font-size:0.875rem;
}
.no_tr_found_total_count_chart {
    height:62px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#a3a3a3;
    font-size:0.8rem;
}
.dashboard_contents .sortable_item {
    min-height: 365px;
}

@media (min-width: 991px) and (max-width: 1200px) {
    .side_menu_with_body #sortable_elements.dashboard_contents {
        flex-direction: column;
    }
    .side_menu_with_body #sortable_elements.dashboard_contents .sortable_item{
        min-height: fit-content;
        width: 100%;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .side_menu_with_body #sortable_elements.dashboard_contents .drag_main_container {
        max-width: 94%;
    }
    .main_menu_bar_container .nav-item .nav-link-title {
        font-size: 0.8rem;
    }
}
.common_menu_bar_icon.collapse_menu_icon_btn {
    display: none !important;
}
.height_fit_content {
    min-height: fit-content !important;
}
.add_shadow_effects{
    box-shadow: 0px 3px 13px 0px #d7e7ff !important;
}
#save_dashboard_sortables:hover {
    background: linear-gradient(#17a117, #4eda4e);
}
.hide_user_icon_top_engineer {
    height: 10px !important;
}
@media (max-width: 576px) {
    .responsive-nav-items .nav-item {
        width: calc(50% - 0.75rem); /* Two items per row with gap */
    }
    .dashboard_edit_btn {
        flex-wrap: wrap;
        justify-content: right;
        gap: 0.5rem;
    }
    #toast.dashboard_toast_card,
    #toast.settings_toast {
        left: 50%;
        top: 4rem;
        transform: translateX(-50%);
        max-width: 90%;
    }
    .drag_sub_cards_shadow {
        padding: 5px;
    }
    .drag_sub_cards_shadow .user_avatar_span{
        width: 30px;
        height: 30px;
    }
    .drag_sub_cards_shadow .success_wallet_icon{
        height: 20px !important;
        width: 20px !important;
    }
    .drag_sub_cards_shadow .top_engineer_medal_icon svg{
        height: 20px;
        width: 20px;
    }
    .top_engineer_medal_container{
        width: 80% !important;
    }
    .top_engineer_model_position{
        position: relative;
    }
    .success_wallet_icon{
        position: absolute;
        top: 133%;
    }
}
.bg-blue-lt {
    color: #001B60 !important;
    background: #E0F0FF;
}
.view_btn {
    padding: 8px 16px !important;
}
.tr_table_pagination_container ul li,
.tr_terminal_table_pagination_container ul li {
    text-align: center;
    display: flex;
    flex-direction: row;
    align-content: center;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: baseline;
}
svg {
    touch-action: manipulation !important;
}

/* .tr_terminal_table_head th {
    padding: 6px 9px !important;
} */

/* .dynamic_terminal_transaction_table_data td {
    padding: 6px 9px !important;
} */
@media (max-width: 574px) {
    .drag_ele {
        height: 15rem !important;
    }
    .transaction_ele {
        height: 3.5rem !important;
    }
    .table_ele {
        width: 100% !important;
    }
    #sortable_transactions_cards.drag_main_container {
        flex-direction: column;
    }
}
@media (min-width: 576px) and (max-width: 767px) {
    .drag_ele {
        height: 14rem !important;
    }
    .transaction_ele {
        height: 4rem !important;
    }
    .table_ele {
        width: 85% !important;
    }
    #sortable_transactions_cards.drag_main_container {
        flex-direction: flex-wrap;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .drag_ele {
        height: 18rem !important;
    }
    .transaction_ele {
        height: 6rem !important;
    }
    .table_ele {
        width: 85% !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .drag_ele {
        height: 22rem !important;
    }
    .transaction_ele {
        height: 8rem !important;
    }
    .table_ele {
        width: 85% !important;
    }
}
@media (min-width: 1200px) {
    .drag_ele {
        height: 27rem !important;
    }
    .table_ele {
        width: 85% !important;
    }
}
.drag_ele .card .ratio {
    height: 100% !important;
}
.drag_ele .card {
    height: 100% !important;
}
.dashboard_edit_btn button {
    border: none;
}
@media (max-width: 991px) {
    .table_title {
        white-space: nowrap;
    }
    .no_tr_found_total_chart {
        height: 62px !important;
        padding-bottom: 0px !important;
    }
    #terminal_table_container .terminal_table_inner_height_container {
        min-height: fit-content !important;
    }
}
@media (min-width: 991px) and (max-width: 1400px) {
    .psp_chart_head_container {
        max-width: 170px;
    }
}
#soratable_edit_btn:hover {
    color: var(--tblr-btn-color-text);
    background: var(--tblr-btn-color-interactive);
}
#transaction_custom_table .dynamic_transaction_table_data tr,
#sortable_terminal_table .dynamic_terminal_transaction_table_data tr {
    border-style: none !important;
    border-width: 0 !important;
    border-color: transparent !important;
}
#terminal_table_container .terminal_table_inner_height_container {
    min-height: 365px;
}
.height_fit_content #terminal_table_container .terminal_table_inner_height_container {
    min-height: fit-content !important;
}
.navbar-brand-image.brandpos_full_logo_img,
.navbar-brand-image.brandpos_icon_logo_img {
    height: 3rem !important;
}
.dashboard_empty_title {
    font-size: 1rem;
}
#sortable_terminal_map .jvm-zoom-btn.jvm-zoomin {
    position: absolute;
    right: 0px !important;
    bottom: 30px !important;
    top: auto !important;
    left: auto !important;
    width: 20px !important;
    height: 20px !important;
}
#sortable_terminal_map .jvm-zoom-btn.jvm-zoomout {
    position: absolute;
    right: 0px !important;
    bottom: 0px !important;
    top: auto !important;
    left: auto !important;
    width: 20px !important;
    height: 20px !important;
}
@media (min-width: 764px) {
    .element_full_view #terminal_table_container .terminal_table_footer_container {
        flex-direction: row !important;
        justify-content: space-between;
        align-items: center;
    }
    .element_full_view #terminal_table_container .terminal_table_footer_container .tr_terminal_table_pagination_container {
        padding:  0 !important;
    }
}
@media (max-width: 400px) {
    .element_full_view #terminal_table_container .terminal_table_footer_container ul li {
        font-size: 0.65rem !important;
    }
    .element_full_view #terminal_table_container .terminal_table_footer_container ul li svg {
        height: 8px !important;
        width: 8px !important;
    }
    .tr_table_pagination_container ul li, .tr_terminal_table_pagination_container ul li {
        min-width: 25px !important;
        height: 25px !important;
    }
    .drag_main_container {
        max-width: 91% !important;
    }
}
@media (min-width: 1180px) and (max-width: 1400px) {

    body.side_menu_with_body #sortable_transactions_charts {
        flex-direction: column !important;
        gap: 30px !important;
    }
    body.side_menu_with_body #sortable_transactions_charts .transaction_chart_container,
    body.side_menu_with_body #sortable_transactions_charts .transaction_count_container {
        width: 100%;
    }
}
#sortable_elements.dashboard_contents.in_view_mode .sortable_item .card {
    border: none !important;
}
#toast.dashboard_toast_card,
#toast.settings_toast {
    position: fixed;
    top: 52px !important;
    right: 31px;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    z-index: 9999;
}
#sortable_elements.in_sorting_mode #sortable_transactions_cards .subheader_text {
    text-wrap: wrap !important;
}

.profile_edit_page_container{
    background-color: white;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.profile_edit_page_rolegrp{
    background-color: rgba(255, 255, 255, 1);
    padding: 4px;
    border-radius: 7px;
}
.profile_edit_page_rolegrp h3{
   font-size: 20px;
   font-weight: 600;
}

.profile_edit_page_rolegrp_inner{
    border-radius: 10px;
}
.profile_edit_page_rolegrp_inner p{
    font-size: 0.75rem;
}
.profile_edit_page_rolegrp_inner button{
    font-size: 1rem !important;
}
.profile_edit_page_administrator{
    font-size: 0.875rem;
    font-weight: 600;
    color: rgba(50, 116, 192, 1);
}
.profile_edit_page_block{
    font-size: 0.8125rem;
    background-color: rgb(222, 238, 255);
}
.profile_edit_page_block p{
    font-weight: 550;
}
.profile_edit_page_block a{
    color: white !important;
    text-decoration: none;
}
.profile_edit_page_block_btn{
    font-size: 0.8125rem;
    background-image: linear-gradient(#086CD0, #0B196C);;
    color: white !important;
    width: 80px;
    border-radius: 10px;
}
.profile_edit_page_sendbtn{
    color: white;
    border-radius: 10px;
}
.profile_edit_page_sendbtn:hover{
    color: white !important;
}
.profile_edit_page_toggleswitch .profile_edit_page_toggleinput {
    transform: scale(1.4);
    cursor: pointer;
  }
.mobile_input_bg_colour  #mobile_number, .mobile_input_bg_colour  .select_box{
    background-color: #DCE1E7 !important;
    color:black !important;
    border-radius: 10px;
}
.mobile_input_bg_colour .country_mobile_code{
    background-color: #DCE1E7 !important;
    color:black !important;
}
.input_bg_colour{
    background-color: #DCE1E7 !important;
    color:black !important;
}
.remove-bg {
    background-color: transparent !important;
  }

.staff_status_admin_replacer:checked {
    background-color: #28a745;
    border-color: #28a745;
  }
  .staff_status_admin_replacer:not(:checked) {
    background-color: #dc3545;
    border-color: #dc3545;
  }
  .role_grp_card{
    box-shadow: rgba(131, 149, 248, 0.24) 0px 2px 8px 0px;
  }
  @media (max-width: 445px) {
    .view_role_button,.form-selectgroup-label-content {
        width: 100%;
    }
    .role_grops_desc {
        width: 115px;
    }
    .profile_status_desc{
        max-width: 100%;
        font-size: 0.87rem;
      }
    .role_grp_card{
        flex-wrap: wrap;
    }
    .not_verified_badge{
        padding: 3px !important;
    }
  }
  @media (max-width: 869px) {
    .custom_roles_view_btn{
        margin-top: 5px;
        width: 100%;
    }
  }
  .country_mobile_code{
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
  }
  @media (max-width: 425px) {
    #staff_mobile .country_mobile_code{
        width: 6rem;
    }
  }
  .merchant_staff_edit_page_container{
    box-shadow: 0px 2px 20px 0px #E7F1FF !important;
    border-radius: 7px !important;
  }
  .merchant_staff_profile_conatiner{
    border-radius: 10px;
    box-shadow: 0px 2px 20px 0px rgba(231, 241, 255, 1) ;
  }
  .user_profile_info_heading{
    color: rgba(0, 27, 96, 1);
    font-size: 1rem;
    font-weight: 600;
  }
  .user_profile_desc{
    font-size: 0.875rem
  }
  .profile_status_desc{
    max-width: 300px;
    font-size: 0.875rem;
    padding-right: 10px;
  }


.tx_card_border_container .card-body {
    display: grid;
}
.breadcrumb{
    margin: 0 10px;
}
.breadcrumb-item+.breadcrumb-item {
    display: flex;
    align-items: center;
}

  .not_verified_badge{
    font-size: 0.7rem;
    white-space: normal;
    padding: 4px 6px !important;
    background-color:rgba(255, 166, 0, 0.178) !important;
  }
.card.card-body.rounded-3.mt-3.refund_container {
    min-height: 150px;
    max-height: 240px;
    overflow-y: auto;
    overflow-x: hidden;
  }
.balance_refund_amount{
    font-weight: 600;
}
.refund_history_grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 10px;
    padding: 8px;
    align-items: center;
    font-size: 0.8rem;
}
.refund_history_grid p,
.refund_history_grid strong {
    margin: 0;
    word-break: break-word;
}
@media screen and (max-width: 500px) {
    .refund_container {
        overflow-x: auto !important;
        white-space: nowrap;
        max-width: 100%;
    }
    .refund_history_grid {
        min-width: 600px;
    }
    .refund_date{
        white-space: normal !important;
    }
}
.refunded_transactions{
    color: red !important;
}
.refunded_amount{
    color: green !important;
}
.refund_error_msg{
    font-size: small;
}
.transaction_tab_view{
    background-color: #fff;
}
.transactions_id{
    opacity: 0.3;
    border: 1px solid grey;
}
.no-focus:focus {
    outline: none !important;
    box-shadow: none !important;
}
.view_transaction_container{
    padding: 1rem 0.8rem;
}
.transactions_refund_templates{
    box-shadow: 0px 2px 10px 0px #00000014 !important;
    border-radius: 12px;
}
.active_transaction{
    border: 1px solid #3bc7c1;
}


.custom-chatbot-toggler {
    position: fixed;
    bottom: 60px;
    right: 35px;
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    outline: none;
    border-radius: 50%;
    color: white;
    cursor: pointer;
    z-index: 1035 !important;
    background-color: #FFE53B;
    background-image: linear-gradient(147deg, #4A8EDD, #143D75, #4A8EDD);
    background-size: 300%;
    background-position: left;
    box-shadow: 0px 4px 15px rgba(74, 142, 221, 0.5);
    transition: transform 0.3s ease, background-position 0.5s ease-in-out;
  }

  .custom-chatbot-toggler:hover {
    background-position: right;
  }

  .custom-chatbot-toggler.active {
    transform: rotate(90deg);
  }

  .custom-chatbot-toggler svg:first-child {
    display: block;
  }
  .custom-chatbot-toggler svg:last-child {
    display: none;
  }
  .custom-chatbot-toggler.active svg:first-child {
    display: none;
  }
  .custom-chatbot-toggler.active svg:last-child {
    display: block;
  }

  .custom-chatbot {
    position: fixed;
    right: 35px;
    bottom: 120px;
    width: 420px;
    background: #f2f2f2;
    border-radius: 15px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    transform: scale(0.5);
    transform-origin: bottom right;
    box-shadow: 0 0 128px rgba(0, 0, 0, 0.1), 0 32px 64px -48px rgba(0, 0, 0, 0.5);
    transition: all 0.2s ease-out;
    font-family: "Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif !important;
    z-index: 1035 !important;
  }
  .custom-chatbox-menu{
    height: 500px !important;
  }

  .custom-chatbot.show {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1);
  }

.custom-chatbot header {
    padding: 16px 0;
    text-align: center;
    color: #fff;
    background: linear-gradient(0deg, rgb(20, 61, 117), rgb(74, 142, 221));
    box-shadow: 0 6px 16px 4px rgb(0 93 255 / 10%);
    border-radius: 10px 10px 0px 0px;
}

  .custom-chatbox {
    overflow-y: auto;
    height: 440px;
    padding: 0px 10px 0px 10px;
    margin-bottom: 0px;
  }

  .custom-chatbox .custom-chat {
    display: flex;
    list-style: none;
    margin-top: 10px;
  }

  .custom-chatbox .custom-chat ul {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 10px;
    margin-bottom: 15px;
    list-style: none;
    background: #FFFFFF;
    border-radius: 10px 10px 10px 0;
    color: #206bc4;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    max-width: 75%;
  }

  .custom-chatbox .custom-chat.outgoing {
    justify-content: unset;
    flex-direction: column;
    align-items: flex-end;
    }
  .custom-chatbox .custom-chat.outgoing ul {
    border-radius: 10px 10px 0px 10px;
  }

  .custom-chatbox .custom-chat p {
    white-space: pre-wrap;
    padding: 5px 10px;
    border-radius: 10px 10px 0 10px;
    max-width: 75%;
    font-size: 14px;
    background: #066fd1;
    color: #fff;
    margin-bottom: 0px;
    word-break: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

  .custom-chatbox .incoming p {
    border-radius: 10px 10px 10px 0;
    background: #FFFFFF;
    color: #066fd1;;
  }

  .custom-chatbox .custom-chat p.error {
    color: #721c24;
    background: #f8d7da;
  }

  .custom-chat-input {
    display: flex;
    align-items: center;
    gap: 10px;
    bottom: 0;
    padding: 10px;
    background: #fff;
    border-top: 0.1rem solid #066FD1;
    box-shadow: 1px -5px 16px 4px rgb(0 93 255 / 10%)
}

  .custom-chat-input textarea {
    padding: 10px;
    resize: none;
    border-radius: 10px;
    height: 42px
  }

  #custom-chat-send-svg {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.2s ease, transform 0.3s ease;
  }

  #custom-chat-send-svg.visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  #custom-chat-send-svg.visible:hover {
    cursor: pointer;
    transform: scale(1.2);
  }

  #custom-chat-send-svg svg{
    max-height: 30px;
    max-width: 30px;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.2s ease, transform 0.3s ease;
    background-color: white;
  }
  #custom-chat-attach-svg {
    transition: transform 0.3s ease;
    margin-left: 5px;
}

#custom-chat-attach-svg:hover {
    cursor: pointer;
    transform: scale(1.2);
}

.custom-chat-input textarea:valid + svg {
    opacity: 1;
    visibility: visible;
  }
  .custom-chat-menu-button,
  .contact-support-btn {
    background-color: transparent;
    border: 1px solid #206bc4;
    color: #206bc4;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .custom-chat-menu-button:hover,
  .contact-support-btn:hover {
    background-color: #206bc4;
    border-color: #206bc4;
    color: #fff;
  }

  .custom-chatbot-chat-tabs {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
  }

  .custom-chatbot-chat-tabs button {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    background: transparent;
    border: none;
    color: white;
    font-weight: 500;
    font-size: 0.95rem;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
  }

  .custom-chatbot-chat-tabs button svg {
    flex-shrink: 0;
  }

  .custom-chatbot-chat-tabs button:hover,
  .custom-chatbot-chat-tabs button.active {
    background-color: #0564bc;
    color: white;
  }

  .custom-chatbot-chat-tabs button.active {
    font-weight: 600;
  }

.custom-chat-agent-section .chat-status-indicator {
    font-size: 14px;
    text-align: left;
    padding: 0px 0px 5px 10px;
}
.chat-status-indicator-typing{
    margin-bottom: 0px;
    display: none;
}

.custom-chat-above-read-receipt{
    color: red;
    margin-bottom: 0px !important;
}

.custom-chat-read-receipt{
    text-align: end;
    list-style: none;
    margin-bottom: 10px ;
    font-size: 0.7rem;
}
.custom-chat-file-container {
    display: flex;
    justify-content: flex-end;
}

.custom-chat-file-container > * {
    background-color: #066fd1;
    border-radius: 10px 10px 0px 10px;
    padding: 10px;
    display: inline-flex;
    align-items: center;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    color: white;
    max-width: 75%;
}

.custom-chat-file-viewer p{
    margin: 0px;
}

.custom-chat-file-viewer p {
    margin: 0px 0px 10px 10px;
    background-color: lightgrey;
    display: inline-flex;
    padding: 3px 8px;
    border-radius: 10px;
}

.custom-chat-file-viewer p:hover{
    cursor: pointer;
}
.custom-chatbox .custom-chat p img {
    color: white
}
.chat-status-indicator-typing::after {
  content: '';
  display: inline-block;
  width: 1em;
  text-align: left;
}

.chat-status-indicator-typing span {
  display: inline-block;
  animation: bounce 1.4s infinite ease-in-out;
  font-weight: bold;
  font-size: 18px;
}

.chat-status-indicator-typing span:nth-child(2) {
  animation-delay: 0.2s;
}
.chat-status-indicator-typing span:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes bounce {
  0%, 80%, 100% {
    transform: translateY(0);
    opacity: 0.3;
  }
  40% {
    transform: translateY(-5px);
    opacity: 1;
  }
}
.custom-chat-alert-container {
    display: flex;
    justify-content: center;
}
.custom-chat-max-count-alert{
    width: 90%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.custom-chat-agent-unavailable{
    height: 20px;
    width: 20px
}

span.custom-chat-unread-badge {
    position: fixed;
    bottom: 90px;
    right: 30px;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: white;
    cursor: pointer;
    z-index: 1035 !important;
    background-color: orangered;
}
.cutom-chat-resolved-element{
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
}

.custom-chatbot-chat-tabs {
    display: flex;
    gap: 5px;
  }

  .custom-chatbot-chat-dropdown {
    display: none;
  }

  @media (max-width: 480px) {
    .custom-chatbox-menu {
      height: 534px !important;
    }

    .custom-chatbot-chat-tabs {
      display: none;
      gap: 0.75rem;
    }

    .custom-chatbot-chat-tabs button {
      justify-content: center;
      font-size: 1rem;
    }

    .custom-chatbot-chat-dropdown {
      display: block;
    }

    #custom-chatbot-tab-select {
      background-color: #066fd100;
      border: none;
      font-weight: 600;
    }

    #custom-chatbot-tab-select option {
        background-color: #066fd1; /* dropdown list background */
    }

    .custom-chat-input {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
    }

    .custom-chat-agent-section {
      max-height: 520px;
    }

    .custom-chatbot-toggler {
      right: 20px;
      bottom: 20px;
    }

    .custom-chatbot {
      right: 30px;
      bottom: 80px;
      width: 85%;
      max-height: 75%;
      height: 600px;
      border-radius: 15px;
    }

    .custom-chatbot header span {
      display: block;
    }

    .custom-chatbox {
        height: 410px;
    }
  }


  li.custom-chat-message-timeStamp {
    list-style: none;
    display: flex;
    align-items: center;
    margin: 0px;
    font-size: 0.7rem;
}

li.custom-chat-message-timeStamp.left{
    justify-content: flex-end;
}

.custom-chat-incoming + .custom-chat-message-timeStamp {
    justify-content: flex-start;

  }
  .custom-chat-error-modal {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    justify-content: center;
    align-items: center;
    animation: fadeIn 0.3s ease-in-out;
  }

  .custom-chat-error-modal.show {
    display: flex;
  }

  .custom-chat-error-modal .modal-content {
    background: white;
    border-radius: 0px 0px 4px 4px;
    width: 300px;
    padding: 20px;
    position: relative;
    text-align: center;
    animation: scaleIn 0.2s ease-in-out;
  }

  .custom-chat-error-modal .btn-close {
    position: absolute;
    right: 10px;
    top: 10px;
    border: none;
    background: transparent;
    font-size: 26px;
    cursor: pointer;
  }

  .custom-chat-error-modal .modal-status {
    background-color: #dc3545;
    width: 100%;
    top: -1px;
  }

  .custom-chat-error-modal .modal-body svg {
    color: #dc3545;
    margin-bottom: 10px;
    height: 50px;
    width: 50px
  }

  .custom-chat-error-modal .custom-chat-error-modal-text {
    margin: 0;
    color: #626976;
    font-weight: 500;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
  }

  @keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
  }

  @keyframes scaleIn {
    from { transform: scale(0.9); }
    to { transform: scale(1); }
  }

  .custom-chat-menu-button.back-button svg:hover{
    color: white;
  }

  .custom-chat-menu-button:disabled {
    opacity: 0.8;
    cursor: not-allowed;
    pointer-events: none;
  }

  .custom-chat-menu-final-card {
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #206bc4;
    display: flex;
    gap: 10px;
}
.custom-chat-menu-section{
    margin-bottom: 10px;
}
.paypal_qr{
    width: 100px; 
    margin: 20px auto; 
    text-align: center;
}
.paypal_accordion{
    color:#206bc4 !important;
}
.paypal_accordion_borders{
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border: none;
}
.tx_psp_ref{
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
}

@media (max-width: 480px) {
    .tx_psp_ref {
        max-width: 120px;
    }
}

.reports_datatable {
    border: none;
}
.reports_datatable {
    border: none;
}
.merchant_staff_group_header{       
    border-bottom: none !important;
}

.reports_filters, .reports_datatable {
	 box-shadow: 0px 3px 13px 0px #d7e7ff !important;
}
.leave_alert.modal-content, .delete_logo_alert.modal-content {
    border-radius: 10px !important;
    width: fit-content;
  }
.leave_alert.modal-content .btn, .delete_logo_alert.modal-content .btn {
    cursor: pointer !important;
    font-weight: 600;
}
.leave_alert .btn-warning, .leave_alert .btn-warning:hover, .delete_logo_alert .btn-warning, .delete_logo_alert .btn-warning:hover {
    color: #206bc4;
}
#filter-input-label{
    font-size: .7rem;
}
#add_filter_back_btn{
    border: 1px solid #b0b0b0e6;
    border-radius: 5px;
    cursor: pointer;
}
.card.card-body.rounded-3.mt-3.refund_container {
    min-height: 150px;
    max-height: 240px; 
    overflow-y: auto;  
    overflow-x: hidden; 
  }
.balance_refund_amount{
    font-weight: 600;
}
.refund_history_grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr; 
    gap: 10px;
    padding: 8px;
    align-items: center;
    font-size: 0.8rem;
}
.refund_history_grid p,
.refund_history_grid strong {
    margin: 0;
    word-break: break-word;
}
@media screen and (max-width: 500px) {
    .refund_container {
        overflow-x: auto !important; 
        white-space: nowrap; 
        max-width: 100%;
    }
    .refund_history_grid {
        min-width: 600px;
    }
    .refund_date{
        white-space: normal !important;
    }
}
.refunded_transactions{
    color: red !important;
}
.refunded_amount{
    color: green !important;
}
.refund_error_msg{
    font-size: 0.8rem;
}
.transaction_tab_view{
    background-color: #fff;
}
.transactions_id{
    opacity: 0.3;
    border: 1px solid grey;
}
.no-focus:focus {
    outline: none !important;
    box-shadow: none !important;
}
.view_transaction_container{
    padding: 1rem 0.8rem;
}
.transactions_refund_templates{
    box-shadow: 0px 2px 10px 0px #00000014 !important;
    border-radius: 12px;
}
.active_transaction{
    border: 1px solid #3bc7c1;
}
.active_psp_re{
    color: #127affd1 !important;
    text-decoration: underline;
    text-underline-offset: 2px;
}
.drag_ele .transaction_backoffice{
    height: 100%;
}
.parent_transaction_view{
    margin-bottom: 11px;
}
.parent_status h3 {
    margin: 0 !important;
}
.reports_datatable {
    border: none;
}

.list_view .list_item img {
    width: 100px;
}
#crs-export-datatable_wrapper .top{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
}
.crs_entries_select{
    outline: none;
    border: none !important;
   
}

/*  */
.crs_export_view{
    box-shadow: rgb(215, 231, 255) 0px 3px 13px 0px !important;
}
.crs_export_view .transaction_table_filters{
    border-color: #d8dee4;
    border-radius: 15px;
    border-style: dashed;
    border-width: 2px;
    padding: 3px 6px 3px 8px;
    cursor: pointer;
}
.crs_export_view .transaction_filter_table_icons {
    height: 16px;
    width: 15px;
    border: 2px solid #959393;
    min-width: unset;
    padding: 0px;
    border-radius: 25px;
    margin-bottom: 1px;
    stroke-width: 2;
    vertical-align: middle;
}

.list_view .list_item img {
    width: 100px;
}
#crs-export-datatable_wrapper .top{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
    padding: 0rem 1rem;
    margin: 0 0 15px 0;
}
#crs-export-datatable_wrapper .bottom{
    padding: 16px 20px 4px;
    margin-bottom: 16px;
}

/*  */

.transaction_table_filters{
    border-color: #d8dee4;
    border-radius: 15px;
    border-style: dashed;
    border-width: 2px;
    padding: 3px 6px 3px 8px;
    cursor: pointer;
}
#reports_export-filter-reset{
    background-image: linear-gradient(#737791, #19191c);
    border: none;
}
.transaction_table_filters:focus {
    outline: none !important;
    box-shadow: none !important;
}
.filter_fields .btn:focus:not([disabled]):not(.disabled){
    border-color: #d8dee4;
}
.settigs_dropdown_headings{
    color: rgba(115, 119, 145, 1);
    font-size: 0.75rem;
    margin-bottom: 1rem !important;
}
.transaction_tables_heading_content {
    flex-wrap: wrap;
}
.transactions_total_result {
    padding: 3px 15px;
    font-size: 0.75rem;
    font-weight: 600;
}
.transaction_footer_show_total, .transactions_total_result{
    border-radius: 26px;
    border: none;
    background: rgba(224, 240, 255, 1);
    color: rgba(0, 27, 96, 1) !important;
    font-weight: 600;
    padding: 4px 17px;
    font-size: 0.75rem;
    cursor: unset;
}
.dataTables_wrapper .badge{
    border-radius: 8px;
    margin-right: 0 !important;
}
.dataTables_wrapper .badge .crs_entries_select{
    padding-left: 0 !important;
}

#crs-export-datatable thead {
    border-top: 1px solid rgba(98, 105, 118, .16) !important;
}
#crs-export-datatable tr th:last-child, #export-datatable tr th:last-child{
    text-align: center;
}
#crs-export-datatable thead {
    border-top: 1px solid rgba(98, 105, 118, .16) !important;
}
#crs-export-datatable .transaction-table-body tbody, td, tfoot, th, thead, tr {
    border: none;
}
#search-filter {
    border-radius: 4px !important;
}

#crs-export-datatable thead {
    border-top: 1px solid rgba(98, 105, 118, .16) !important;
}

#crs-export-datatable thead {
    border-top: 1px solid rgba(98, 105, 118, .16) !important;
}
#crs-export-datatable table thead th {
    font-size: 0.75rem !important;
    font-weight: 500;
}
#crs-export-datatable table thead th {
    font-size: 0.8rem !important;
}

#crs-export-datatable table thead th {
    background-color: #fff;
}
#crs-export-datatable table thead th {
    font-size: 0.8rem !important;
}
#crs-export-datatable table thead th {
    background-color: #fff;
}
#crs-export-datatable {
    padding: 0;
}
#crs-export-datatable tr th{
    border-top: 1px solid rgba(98, 105, 118, .16) !important;
    border-bottom: 1px solid rgba(98, 105, 118, .16) !important;
    background: #fff;
    padding: 8px !important;
}
#crs-export-datatable .transaction-table-header th{
    color: #001B60 !important;
    cursor: pointer;
}

#crs-export-datatable tbody tr td {
    font-size: 0.75rem;
    font-weight: 500;
    padding: 11px 8px 11px 9px;
}
#crs-export-datatable tbody tr td {
    color: #737791 !important;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
}
#crs-export-datatable thead tr th:first-child{
    padding-left: 1.25rem !important;
}
#crs-export-datatable tbody tr td:first-child{
    padding-left: 1.25rem !important;
}
#crs-export-datatable_wrapper .dataTables_info {
    width: fit-content;
    border-radius: 26px;
    border: none;
    background: rgba(224, 240, 255, 1);
    color: rgba(0, 27, 96, 1) !important;
    font-weight: 600;
    padding: 4px 17px;
    font-size: 0.75rem;
    cursor: unset;
    margin-top: 5px;
}
#crs-export-datatable_info {
    border-radius: 26px;
    border: none;
    background: rgba(224, 240, 255, 1);
    color: rgba(0, 27, 96, 1) !important;
    font-weight: 600;
    padding: 4px 17px;
    font-size: 0.75rem;
    cursor: unset;
}
.crs_export_view{
    border-radius: 10px;
}
#crs-export-datatable thead>tr>th.sorting:before, #crs-export-datatable thead>tr>th.sorting:after{
    display: none;
}
#crs-export-datatable .badge{
    padding: .1em .5em ;
}
#crs-export-datatable thead th{
    font-weight: 500;
}
#crs-export-datatable_wrapper .top .dataTables_length{
    display: none !important;
}
.crs_main input::placeholder {
    color: #ADADAD !important;
}
.paypal_qr{
    width: 100px; 
    margin: 20px auto; 
    text-align: center;
}
.paypal_accordion{
    color:#206bc4 !important;
}
.paypal_accordion_borders{
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border: none;
}
.popup-img-container {
    position: absolute;
    display: none;
    z-index: 1000;
    background: transparent;
    border: none;
    padding: 0;
}
.popup-img-container img {
    display: block;
    height: auto;
    width: auto;
    max-width: 600px; 
    max-height: 400px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
}
.hover-popup {
    cursor: pointer;
}
li.hover-popup {
    width: fit-content;
}
.screen_shot{
    font-size: smaller;
    font-weight: 600;
    color: #2069bf;
    cursor: pointer;
}
.close-img-popup{
    position: absolute;
    top: 2px;
    right: 1px;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    width: 25px;
    height: 26px;
    text-align: center;
    line-height: 30px;
    z-index: 10000;
}
@media only screen and (max-width: 650px) {
    .paypal_qr_card {
        width: inherit !important;
    }
}
body[data-bs-theme="light"] label.form-label.required.paypal_lable, body[data-bs-theme="light"]  .paypal_show_in_app, body[data-bs-theme="light"] .paypal_show_in_crs {
    color: #001B60 !important;
}
#paypal_qr_img{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    display: block !important;
}
.paypal_qr_container{
    position: relative;
}

/* dashboard */
.menu_action_field_container .dark_light_theme span, 
.menu_action_field_container .notification_btn,
.menu_action_field_container .header_font_size_change .font_size_upadte_txt,
.menu_action_field_container .full_screen_mode .halfscreen_btn,
.menu_action_field_container .full_screen_mode .fullscreen_btn, .help_btn_container {
    width: 40px;
    height: 40px;
    background-color: #FFFAF1;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.lang_flag_image {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    object-fit: cover;
}
.lang_switch_dropdown_toggle {
    text-decoration: none !important;
    color: #374557;
}
#horizontal_nav_bar ul li .nav-link-title {
    color: #001B60;
    font-size: 1rem;
}
#horizontal_nav_bar ul .nav-item.active a.nav-link {
    color: #085FC0 !important;
}
#transaction_date_range .navbar_container ul li .dashboard_tx_date {
    border: 1px solid #DCE1E7;
    background-color: white;
    border-radius: 8px;
}
#soratable_edit_btn, .dashboard_soratable_close_btn, .soratable_reset_btn {
    background-image: linear-gradient(#086CD0, #0B196C);
    border-radius: 10px;
}
#save_dashboard_sortables {
    background-image: linear-gradient(#60cd60, #054d05);
    border-radius: 10px;
    transition: all 150ms;
}
.total_transaction_txt, .success_transaction_txt, .failed_transaction_txt, .pending_transaction_txt {
    color: #737791;
    font-size: 1rem;
}
.txn_average_count .down_arrow {
    color: #ED1E24;
}
.txn_average_count .up_arrow {
    color: #40AF49;
}
.txn_average_count .line_arrow {
    color: #FFB10F;
}
.transaction_count_text {
    font-size: 2rem;
    color: #001B60;
    font-weight: 600;
}
.user_avatar_span {
    width: 40px;
    height: 40px;
    background-color: #F1F1F1;
    padding: 3px;
    border-radius: 8px;
}
.success_wallet_icon {
    width: 40px;
    height: 40px;
    background-color: #D0FFD0;
    border-radius: 8px;
}
.top_engineer_head {
    color: #001B60;
    font-size: 0.875rem;
    font-weight: 600;
}
.top_engineer_total_transaction_count {
    color: #066FD1;
    font-size: 0.875rem;
    font-weight: 600;
}
.top_engineer_success_transaction_count {
    color: #40AF49;
    font-size: 0.875rem;
    font-weight: 600;
}
.tr_table_options span, .tr_terminal_table_options span{
    border-radius: 8px;
    padding: 6px;
}
.select_tr_count {
    border: none;
    outline: none;
    background: transparent;
    cursor: pointer;
}
.tr_table_options span svg {
    vertical-align: initial;
}
#transaction_custom_table table thead th, #terminal_table_container table thead th {
    background-color: #fff;
}
.tr_table_pagination_container ul li , .tr_terminal_table_pagination_container ul li{
    margin-inline: 0px !important;
}
.total_transaction_entries_txt, .total_terminal_transaction_entries_txt{
    border-radius: 50px;
    padding: 11px;
    background-color: #E0F0FF !important;
}
.tr_table_pagination_item_container li.active, .tr_terminal_table_pagination_item_container li.active {
    color: #066FD1 !important;
    background: #E0F0FF;
    border-radius: 50px;
}
.tr_table_pagination_container ul li, .tr_terminal_table_pagination_container ul li {
    min-width: 35px !important;
    height: 35px !important;
}
.tr_table_pagination_container ul, .tr_terminal_table_pagination_container ul {
    list-style: none;
}
.tr_table_more_icon {
    background-color: #1085e326;
    border-radius: 2px;
    padding: 3px !important;
    border: none;
}
.tr_table_head th, .tr_terminal_table_head th {
    color: #001B60 !important;
}
.dynamic_terminal_transaction_table_data tr td, .dynamic_transaction_table_data tr td {
    color: #737791;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
}
.tr_table_more_icon_dropdown .dropdown-menu {
    width: fit-content;
    min-width: auto ;
}
.tr_orderno_col {
    min-width: 110px !important;
}
.tr_customerno_col ,.tr_tnu_col{
    min-width: 130px  !important;
}
.tr_payment_col, .tr_psp_col {
    min-width: 70px  !important;
}
.tr_status_col {
    min-width: 60px  !important;
}
.tr_table_sort_btn, .tr_terminal_table_sort_btn {
    cursor: pointer;
}
.tr_sort_asc.active path,
.tr_sort_desc.active path,
.tr_terminal_sort_asc.active path,
.tr_terminal_sort_desc.active path  {
    fill: #001B60;
}
.order-6 { order: 6; }
.order-7 { order: 7; }
.Failed_transaction, .Pending_transaction, .Paid_transaction, .Total_transaction{
    position: relative;
}
.dashboard_contents .delete_transactions_card {
    top: 65px !important;
    position: absolute;
    right: -50px;
    background: #fff;
    border: 1px solid #206BC4;
    padding: 11px;
    width: 50px;
    box-shadow: rgba(0, 0, 0, 0.24) 2px 4px 7px;
    transform: unset;
}
#transaction_choose_chart, #choose_product_chart, #choose_psp_chart, #transaction_status_choose_chart {
    color: #6C7A91;
    border-radius: 8px;
}
.top_staffs_row {
    height: 92%;
}
.top_staffs_row_edit {
    height: 100% !important;
}
.divide-y>:not(template):not(:last-child) {
    padding-bottom: 0rem !important;
}
.divide-y>:not(template):not(:first-child) {
    padding-top: 0.5rem !important;
}
@media screen and (max-width:510px) {
    .top_engineer_rank_icon {
        flex-direction: column;
    }
    .top_engineer_medal_icon{
        margin-bottom: 5px;
    }
    .top_engineer_success_tr_count_first {
        display: flex !important;
    }
    .top_engineer_total_transaction_count, .top_engineer_success_transaction_count, .top_engineer_head{
        font-size: 0.8rem;
    }
    .top_engineer_medal_container {
        width: 60% !important;
    }
    .top_engineer_details_container {
        width: 100% !important;
    }
    .top_engineer_medal_container > div {
        margin: 0;
    }
    #top_staffs > div {
        padding-bottom: 20px;
    }
}
.map-container {
    height: 255px; 
}

#tr_terminal_map {
    height: 100%; 
}
.terminal_table_row_overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 3em;
    position: relative;
}
.tx_card_border_container .card, #tr_chart_container, #psp_chart_container, .top_engineer_body_container, #transaction_custom_table .card, #terminal_map_body_container, .terminal_table_body_container {
    border-radius: 10px;
}
.tr_table_footer_container, .terminal_table_footer_container {
    border-radius: 0px 0px 10px 10px !important;
}
@media screen and (min-width:576px) {
    .txn_count_card {
        display: inline-block;
    }
    #sortable_transactions_cards .txn_count_card:first-of-type {
        padding: 0px 10px 10px 0px;
    }    
    #sortable_transactions_cards .txn_count_card:nth-of-type(2) {
        padding: 0px 0px 10px 10px;
    }    
    #sortable_transactions_cards .txn_count_card:nth-of-type(3) {
        padding: 10px 10px 0px 0px;
    }
    #sortable_transactions_cards .txn_count_card:last-of-type {
        padding: 10px 0px 0px 10px;
    } 
    #sortable_transactions_cards.drag_main_container .txn_count_card:first-of-type {
        padding: 0px 0px 20px 0px;
    }    
    #sortable_transactions_cards.drag_main_container .txn_count_card:nth-of-type(2) {
        padding: 0px 0px 20px 20px;
    }    
    #sortable_transactions_cards.drag_main_container .txn_count_card:nth-of-type(3) {
        padding: 0px;
    }
    #sortable_transactions_cards.drag_main_container .txn_count_card:last-of-type {
        padding: 0px 0px 0px 20px;
    } 
    .tx_count_order_0 {
        padding: 0px 10px 10px 0px !important;
    }    
    .tx_count_order_1 {
        padding: 0px 0px 10px 10px !important;
    }
    .tx_count_order_2 {
        padding: 10px 10px 0px 0px !important;
    }    
    .tx_count_order_3 {
        padding: 10px 0px 0px 10px !important;
    } 

}
@media screen and (max-width:576px) {
    #sortable_transactions_cards svg.hide-card-choose-icon, 
    #sortable_transactions_cards svg.card-choose-icon{
        top: 0px !important;
        right: -9px !important;
    }
    .txn_count_card {
        padding: 12px 0px;
    }
    #sortable_transactions_cards.drag_main_container {
        flex-direction: column;
    }
    #sortable_transactions_cards.drag_main_container a {
        width: 100%;
    }
}
.dashboard_terminal_table_ellipses {
    max-width: 9ch;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: fit-content;
}
.dashboard_tr_table_ellipses {
    max-width: 12ch;
    display: block !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: fit-content;
}
.terminal_staff_name_col {
    min-width: 110px;
}
.sales_map_heading {
    font-weight: 600;
}
.terminal_table_status_container .bg-red-lt {
    background-color: #D639394D !important;
    padding: 3px 3px;
    border-radius: 10px;
    width: 75px ;
}
.terminal_table_status_container .bg-yellow-lt {
    background-color: #F59F004D !important;
    padding: 3px 7px;
    border-radius: 10px;
    width: 75px ;
}
.terminal_table_status_container .bg-orange-lt {
    background-color: #F767074D !important;
    padding: 3px 7px;
    border-radius: 10px;
    width: 75px ;
}
.terminal_table_status_container .bg-green-lt {
    background-color: #9eefab !important;
    padding: 3px 7px;
    border-radius: 10px;
    width: 75px ;
}
.main_menu_bar_container .nav-item.active .nav-link-title {
    color: #085FC0 !important;
    font-weight: 600;
}
.main_menu_bar_container .nav-item.active svg path {
    fill: #085FC0 !important;
    stroke: #085FC0 !important;
}
.welcome_back_text {
    color: #085FC0;
    font-size: 0.75rem;
    font-weight: 600;
}
.breadcrumb_text_style ,.option_hi{
    /* color: #085FC0 !important; */
    font-weight: 600;
}
.breadcrumb-item+.breadcrumb-item::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 15 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.295 8.295L6.585 6L4.295 3.705L5 3L8 6L5 9L4.295 8.295Z' fill='%23626976'/%3E%3Cpath d='M7.295 8.295L9.585 6L7.295 3.705L8 3L11 6L8 9L7.295 8.295Z' fill='%23626976'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 8px;
    vertical-align: middle;
    position: relative;
}
.gradient_button_design {
    background-image: linear-gradient(#086CD0, #0B196C);
    border: 1px solid #F6F8FB;
    color: #ffff;
    border-radius: 10px;
}
.help .card-header {
    border-bottom: none
}
.help .help_menu_row .icon {
    height: 80px;
    width: 80px;
    padding: 11px;
    background: #e7f4ff;
    border-radius: 10px;
}
.help .help_menu_row p {
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.help .help_menu_row a:hover,
.help .help_menu_row a {
    color: black;
    text-decoration: none;
}
.help .content {
    width: calc(100% - 90px);
    flex-basis: auto;
    border-bottom: none;
}
.help .transaction_filter_card {
    height: 100%;
    border: none;
    border-radius: 15px;
    background-color: transparent;
}
.help .help_heading {
    color: #3F51B5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.help_heading {
    font-size: 1rem;
    margin-bottom: 0;
}
.help_menu_row_detail .card-header {
    border-bottom: 1px solid #e4e4e4;
}
.help_menu_row_detail .card,
.transaction_filter_card .card_list_inner,
.help_menu_row {
    box-shadow: 0px 2px 20px 0px rgba(231, 241, 255, 1);
    border: none;
}
.transaction_filter_card .card_list_inner,
.help_menu_row {
    border-radius: 10px;
}
.transaction_filter_card .card_list_inner {
    height: 100%;
}
.help_menu_row {
    padding: 25px !important;
}
.help_menu_row .row{
    gap: 15px 0px;
}
.help_link {
    text-decoration: none !important;
}
.help_link p {
    text-decoration: none !important;
    color: #000;
}
.help .markdown p:last-child {
    margin-bottom: 15px;
}
.help .markdown ul:last-child {
    margin-bottom: 20px;
}
.help .card-body img {
    box-shadow: 0 2px 16px #0000001a;
}
.transaction_filter_card .card_list_inner p:hover {
    text-decoration: none;
}
.help_btn{
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.menu_action_field_container a.help_btn_container:focus, .menu_action_field_container a.help_btn_container:hover{
    border: 0;
    box-shadow: none !important;
}
.card_list_inner .content {
    border: 0;
}
@media (max-width:575px) {
    .help_content{
        display: none;
    }
    .order-md-last svg{
        margin: 0 !important;
    }
}
@media (max-width: 390px) {
    .ts-wrapper.form-select.tom-selectable-field.multi.has-items {
        width: 76% !important;
    }
}
.staff_member_tooltip span,.deleted_staff_tooltip span{
    margin-left: 6px;
}
.help_btn_container .help_btn {
	min-width: 2rem;
    min-height: 2rem;
}
.help_btn_container svg {
	width: 17px;
	height: 17px;
}
.no_outline {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
    -webkit-tap-highlight-color: transparent;
}
.sortable_item .card {
    box-shadow: 0px 3px 13px 0px #d7e7ff !important;
    border-radius: 10px;
}
#terminal_table_container table thead th,
#transaction_custom_table table thead th {
    font-size: 0.8rem !important;
}
#menu_body_section {
    position: relative;
    height: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
}
/* side menu and top menu section */
@media (max-width: 1180px) {
    .common_menu_bar_icon {
        display: none !important;
    }
    #menu_body_section .side_menu_footer_container {
        display: none !important;
    }
    #sortable_elements.dashboard_contents .sortable_item{
        min-height: fit-content !important;
    }
    .table_title {
        white-space: nowrap;
    }
}
@media (min-width: 1180px) {
    body[data-bs-theme="dark"].side_menu_with_body .page-wrapper {
        border-top: 1px solid var(--dark-border-color) !important;
        border-left: 1px solid var(--dark-border-color) !important;
        border-top-left-radius: 10px;
    }
    .top_menu_with_body #menu_body_section {
        min-height: 100%;
        flex-direction: column;
    }
    .side_menu_with_body #menu_body_section {
        min-height: 90vh;
        display: flex;
    }
    .side_menu_with_body #menu_body_section #horizontal_nav_bar ul.main_menu_bar_container li{
        margin: 10px 0px;
    }
    #menu_body_section,
    .side_menu_with_body .side_menu_bar_icon,
    .side_menu_with_body .side_menu_user_avatar_container,
    .side_menu_with_body .collapse_menu_icon_btn,
    .side_menu_with_body #menu_body_section .side_menu_footer_container,
    .side_menu_with_body #menu_body_section .side_menu_footer_container {
        display: flex !important;
    }
    .side_menu_with_body #menu_body_section {
        flex-direction: row !important;
        height: 100%;
    }
    .side_menu_with_body #menu_body_section #horizontal_nav_bar ul.main_menu_bar_container{
        flex-direction: column;
    }
    .side_menu_with_body #menu_body_section #horizontal_nav_bar #navbar-menu {
        height: 100%;
        width: 100%;
        overflow: visible !important;
    }
    .side_menu_with_body #menu_body_section #horizontal_nav_bar #navbar-menu .navbar.navbar-light {
        height: 100%;
        justify-content: space-between;
        width: fit-content;
        overflow: visible !important;
    }
    .side_menu_with_body #menu_body_section #horizontal_nav_bar .container-xl {
        overflow: visible !important;
    }
    .side_menu_with_body {
        height: 100% !important;
        overflow: hidden;
    }
    .side_menu_with_body .page {
        height: 100%;
    }
    .side_menu_with_body #menu_body_section .page-wrapper {
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        margin: 4px 0px 0px 2px;
        border-top-left-radius: 10px;
        box-shadow: 0px 0px 4px 0px #00000040;

    } 
    .side_menu_with_body #menu_body_section #horizontal_nav_bar {
        position: relative;
        min-width: 250px !important;
        height: 100%;
        overflow: visible !important;   
    }
    .side_menu_with_body #menu_body_section.collapse_menu #horizontal_nav_bar {
        max-width: 230px !important;
        min-width: 50px !important;
        z-index: 1020;
    }
    .side_menu_with_body #menu_body_section #horizontal_nav_bar ul .nav-item.active a.nav-link {
        border-radius: 7px;
        background-color: #ebf2fe;
    }
    .side_menu_with_body #menu_body_section.collapse_menu #horizontal_nav_bar ul .nav-item.active a.nav-link {
        width: fit-content;
    }
    .side_menu_with_body #menu_body_section #horizontal_nav_bar.navbar-expand-md .navbar-light .nav-item.active:after {
        border: none;
    }
    .side_menu_with_body #menu_body_section #horizontal_nav_bar .navbar .navbar-nav .nav-link {
        justify-content: start;
    }
    .top_header_content_side_menu {
        top: 0;
        z-index: 1009;
    }
    .side_menu_user_avatar_container {
        background-color: #F6F8FB;
        border-radius: 8px;
        padding: 10px 15px;
        box-shadow: 0px 3px 13px 0px #d7e7ff !important;
    }
    .side_menu_user_avatar_container .sidemenu_user_avatar {
        width: 40px;
        height: 40px;
        background-color: #f1f1f1;
        border-radius: 8px;
        padding: 2px;
    }
    .side_menu_user_avatar_container .sidemenu_user_name {
        color: #737791;
        font-weight: 600;
        max-width: 100px;
    }
    .collapse_menu_icon_btn {
        width: 2rem;
        height: 2rem;
        background-color: #F6F8FB;
        box-shadow: 0px 3px 13px 0px #d7e7ff !important;
        border-radius: 8px;
    }
    .side_menu_with_body #menu_body_section.collapse_menu #horizontal_nav_bar .navbar .navbar-nav .nav-link .nav-link-title,
    .side_menu_with_body #menu_body_section.collapse_menu .side_menu_footer_container .collapse_menu_icon_btn .collapse_menu_txt,
    .side_menu_with_body #menu_body_section.collapse_menu .side_menu_footer_container .hide_user_icon {
        display: none !important;
    }
    .side_menu_with_body #menu_body_section.collapse_menu #horizontal_nav_bar .navbar .navbar-nav.collapse_menu .nav-item,
    .side_menu_with_body .w-fit_content {
        width: fit-content !important;
    }
    .side_menu_with_body #menu_body_section.collapse_menu .side_menu_footer_container .collapse_menu_icon_btn .collapse_menu_arrow_svg svg {
        transform: rotate(180deg);
    }
    .side_menu_with_body #menu_body_section #horizontal_nav_bar {
        overflow: visible !important;
    }
    .side_menu_with_body #menu_body_section .navbar-expand-md .navbar-collapse .dropdown-menu {
        padding: .25rem 0;
        background-color: #fff;
        position: absolute;
        color: #1e293b;
        box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
        border: 1px solid rgba(98, 105, 118, .16);
        border-radius: 4px;
        min-width: 11rem;
        left: 80%;
        top: 10px;
    }
    .side_menu_with_body #menu_body_section .navbar-expand-md .navbar-collapse .dropdown-menu a.dropdown-item {
        word-wrap: break-word;
        overflow-wrap: break-word;
        min-width: 0;
        width: auto;
        z-index: 1020;
    }
    .side_menu_with_body .navbar-expand-md .navbar-collapse .dropdown-menu .dropend .dropdown-menu a.sub_menu_items {
        padding-left: 3.25rem !important;
    }
    .side_menu_with_body .navbar-light {
        box-shadow: none !important;
    }
    .side_menu_with_body #menu_body_section.collapse_menu .navbar-expand-md .navbar-collapse .dropdown-menu {
        padding: .25rem 0;
        background-color: #fff;
        position: absolute;
        color: #1e293b;
        box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
        border: 1px solid rgba(98, 105, 118, .16);
        border-radius: 4px;
        min-width: 11rem;
        left: 50px;
        top: 10px;
    }
    .side_menu_with_body #menu_body_section .navbar-expand-md .navbar-collapse .dropdown-menu .dropend .dropdown-menu {
        top: 5px;
        left: 90%;
    }
}
@media (min-width: 1280px) {
    .side_menu_with_body #menu_body_section .container,
    .side_menu_with_body #menu_body_section [class^="container-"],
    header.top_header_content_side_menu .container-xl {
        width: 100%;
        max-width: 100% !important;
    }
}
body, .page-wrapper {
    background-color: #fff;
}
.main_menu_bar_container .nav-item.active span.terminal_img svg g rect {
    fill: #085FC0 !important;
}
.element_full_view .terminal_based_map_container .ratio::before {
    display: none !important;
}

.top_engineer_common_ellipsis,
.top_engineer_total_transaction_count,
.top_engineer_success_transaction_count {
    max-width: 111px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
}
.top_header_user_name_ellipis {
    max-width: 13ch;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
  }  
.top_engineer_ellipsis_min_section {
    max-width: 111px !important;
}
.top_engineer_ellipsis_mid_section {
    max-width: 200px !important;
}
.top_engineer_ellipsis_max_section {
    max-width: 300px !important;
}
.top_engineer_tx_count_ellipsis_max_section {
    max-width: 100px !important;
}
.top_engineer_tx_count_ellipsis_mid_section {
    max-width: 50px !important;
}
.top_engineer_tx_count_ellipsis_min_section {
    max-width: 35px !important; 
}
.tr_status_card_common_ellipsis_total_count {
    max-width: 5ch;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
}
.tr_status_card_common_ellipsis_pre_count {
    max-width: 7ch;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
}
#sortable_transactions_charts .apexcharts-legend-text,
#sortable_psp_charts .apexcharts-legend-text {
    font-size: 0.75rem !important;
    display: contents;
}
#sortable_transactions_cards .subheader_text {
    font-size: .8rem;
    font-weight: 600;
    letter-spacing: .04em;
    color: #626976;
    text-wrap: nowrap;
}
.no_tr_found_total_chart {
    height:100%; 
    display:flex; 
    align-items:center; 
    justify-content:center; 
    color:#a3a3a3; 
    font-size:0.875rem;
}
.no_tr_found_total_count_chart {
    height:62px; 
    display:flex; 
    align-items:center; 
    justify-content:center; 
    color:#a3a3a3; 
    font-size:0.8rem;
}
.dashboard_contents .sortable_item {
    min-height: 365px;
}

@media (min-width: 991px) and (max-width: 1200px) {
    .side_menu_with_body #sortable_elements.dashboard_contents {
        flex-direction: column;
    } 
    .side_menu_with_body #sortable_elements.dashboard_contents .sortable_item{
        min-height: fit-content;
        width: 100%;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .side_menu_with_body #sortable_elements.dashboard_contents .drag_main_container {
        max-width: 94%;
    }
    .main_menu_bar_container .nav-item .nav-link-title {
        font-size: 0.8rem;
    }
}
.common_menu_bar_icon.collapse_menu_icon_btn {
    display: none !important;
}
.height_fit_content {
    min-height: fit-content !important;
}
.add_shadow_effects{
    box-shadow: 0px 3px 13px 0px #d7e7ff !important;
}
#save_dashboard_sortables:hover {
    background: linear-gradient(#17a117, #4eda4e);
}
.hide_user_icon_top_engineer {
    height: 10px !important;
}
@media (max-width: 576px) {
    .responsive-nav-items .nav-item {
        width: calc(50% - 0.75rem); /* Two items per row with gap */
    }
    .dashboard_edit_btn {
        flex-wrap: wrap;
        justify-content: right;
        gap: 0.5rem;
    }
    #toast.dashboard_toast_card,
    #toast.settings_toast {
        left: 50%;
        top: 4rem;
        transform: translateX(-50%);
        max-width: 90%;
    }
    .drag_sub_cards_shadow {
        padding: 5px;
    }
    .drag_sub_cards_shadow .top_engineer_medal_icon svg,
    .drag_sub_cards_shadow .success_wallet_icon svg,
    .drag_sub_cards_shadow .success_wallet_icon, 
    .drag_sub_cards_shadow .user_avatar_span{
        height: 20px;
        width: 20px;
    }
    .drag_sub_cards_shadow .top_engineer_medal_icon{
        margin-right: 10px;
    }
    .drag_sub_cards_shadow .success_wallet_icon{
        height: 25px !important;
        width: 25px !important;
        margin-right: 10px;
    }
    .top_engineer_medal_container{
        width: 80%;
    }
    .top_engineer_model_position{
        position: relative;
    }
    .success_wallet_icon{
        position: absolute;
        top: 133%;
    }
}
.bg-blue-lt {
    color: #001B60 !important;
    background: #E0F0FF !important;
}
.view_btn {
    padding: 8px 16px !important;
}
.tr_table_pagination_container ul li,
.tr_terminal_table_pagination_container ul li {
    text-align: center;
    display: flex;
    flex-direction: row;
    align-content: center;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: baseline;
}
svg {
    touch-action: manipulation !important;
}

@media (max-width: 574px) {
    .drag_ele {
        height: 15rem !important;
    }
    .transaction_ele {
        height: 3.5rem !important;
    }
    .table_ele {
        width: 100% !important;
    }
    #sortable_transactions_cards.drag_main_container {
        flex-direction: column;
    }
}
@media (min-width: 576px) and (max-width: 767px) {
    .drag_ele {
        height: 14rem !important;
    }
    .transaction_ele {
        height: 4rem !important;
    }
    .table_ele {
        width: 85% !important;
    }
    #sortable_transactions_cards.drag_main_container {
        flex-direction: flex-wrap;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .drag_ele {
        height: 18rem !important;
    }
    .transaction_ele {
        height: 6rem !important;
    }
    .table_ele {
        width: 85% !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .drag_ele {
        height: 22rem !important;
    }
    .transaction_ele {
        height: 8rem !important;
    }
    .table_ele {
        width: 85% !important;
    }
}
@media (min-width: 1200px) {
    .drag_ele {
        height: 27rem !important;
    }
    .table_ele {
        width: 85% !important;
    }
}
.drag_ele .card .ratio {
    height: 100% !important;
}
.drag_ele .card {
    height: 100% !important;
}
.dashboard_edit_btn button {
    border: none;
}
@media (max-width: 991px) {
    .table_title {
        white-space: nowrap;
    }
    .no_tr_found_total_chart {
        height: 62px !important; 
        padding-bottom: 0px !important;
    }
    #terminal_table_container .terminal_table_inner_height_container {
        min-height: fit-content !important;
    }
}
@media (min-width: 991px) and (max-width: 1400px) {
    .psp_chart_head_container {
        max-width: 170px;
    }
}
#soratable_edit_btn:hover {
    color: var(--tblr-btn-color-text);
    background: var(--tblr-btn-color-interactive);
}
#transaction_custom_table .dynamic_transaction_table_data tr,
#sortable_terminal_table .dynamic_terminal_transaction_table_data tr {
    border-style: none !important;
    border-width: 0 !important;
    border-color: transparent !important;
}
.height_fit_content #terminal_table_container .terminal_table_inner_height_container {
    min-height: fit-content !important;
}
.navbar-brand-image.brandpos_full_logo_img,
.navbar-brand-image.brandpos_icon_logo_img {
    height: 3rem !important;
}
.dashboard_empty_title {
    font-size: 1rem;
}
#sortable_terminal_map .jvm-zoom-btn.jvm-zoomin {
    position: absolute;
    right: 0px !important;
    bottom: 30px !important;
    top: auto !important;
    left: auto !important;
    width: 20px !important;
    height: 20px !important;
}
#sortable_terminal_map .jvm-zoom-btn.jvm-zoomout {
    position: absolute;
    right: 0px !important;
    bottom: 0px !important;
    top: auto !important;
    left: auto !important;
    width: 20px !important;
    height: 20px !important;
}
@media (min-width: 764px) {
    .element_full_view #terminal_table_container .terminal_table_footer_container {
        flex-direction: row !important;
        justify-content: space-between;
        align-items: center;
    }
    .element_full_view #terminal_table_container .terminal_table_footer_container .tr_terminal_table_pagination_container {
        padding:  0 !important;
    }
}
@media (max-width: 400px) {
    .element_full_view #terminal_table_container .terminal_table_footer_container ul li {
        font-size: 0.65rem !important;
    }
    .element_full_view #terminal_table_container .terminal_table_footer_container ul li svg {
        height: 8px !important;
        width: 8px !important;
    }
    .tr_table_pagination_container ul li, .tr_terminal_table_pagination_container ul li {
        min-width: 25px !important;
        height: 25px !important;
    }
    .drag_main_container {
        max-width: 91% !important;
    }
    .dashboard_transaction_heading{
        justify-content: center !important;
    }
}
@media (min-width: 1180px) and (max-width: 1400px) {

    body.side_menu_with_body #sortable_transactions_charts {
        flex-direction: column !important;
        gap: 30px !important;
    }
    body.side_menu_with_body #sortable_transactions_charts .transaction_chart_container,
    body.side_menu_with_body #sortable_transactions_charts .transaction_count_container {
        width: 100%;
    }
}
#sortable_elements.dashboard_contents.in_view_mode .sortable_item .card {
    border: none !important;
}
#toast.dashboard_toast_card,
#toast.settings_toast {
    position: fixed;
    top: 52px !important;
    right: 31px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    z-index: 9999;
}
#sortable_elements.in_sorting_mode #sortable_transactions_cards .subheader_text {
    text-wrap: wrap !important;
}
.tx_card_border_container .card-body {
    display: grid;
}
.breadcrumb-item+.breadcrumb-item {
    display: flex;
    align-items: center;
}
.dynamic_transaction_table_data .amount_table_td {
    text-align: end !important;
}

/* Mas Dashboard Design Fix */

body{
    font-family: 'Poppins', sans-serif !important;
}
.top_menu_with_body .top_header_container .lang_switch_dropdown .lang_switch_dropdown_toggle, .side_menu_with_body .top_header_container .lang_switch_dropdown .lang_switch_dropdown_toggle{
    align-items: center;
}
.side_menu_with_body .top_header_container .lang_switch_dropdown .lang_switch_dropdown_toggle span:nth-child(1), .top_menu_with_body .top_header_container .lang_switch_dropdown .lang_switch_dropdown_toggle span:nth-child(1){
    margin-right: 6px;
}
.side_menu_with_body .top_header_container .lang_switch_dropdown .lang_switch_dropdown_toggle span:nth-child(2), .top_menu_with_body .top_header_container .lang_switch_dropdown .lang_switch_dropdown_toggle span:nth-child(2){
    font-weight: 600;
    margin-right: 0.5rem;
}
.top_menu_with_body .top_header_container .menu_action_field_container{
    gap: 1rem !important;
    margin-right: 0.5rem;
}
.top_menu_with_body .menu_action_field_container .dark_light_theme span, .side_menu_with_body .menu_action_field_container .full_screen_mode .fullscreen_btn, .side_menu_with_body .menu_action_field_container .dark_light_theme span,
.top_menu_with_body .menu_action_field_container .header_font_size_change .font_size_upadte_txt, .side_menu_with_body .menu_action_field_container .header_font_size_change .font_size_upadte_txt, .top_menu_with_body .menu_action_field_container .full_screen_mode .fullscreen_btn, .help_btn_container{
    width: 45px;
    height: 45px;
}
.top_menu_with_body .nav-link-icon{
    display: flex !important;
    align-items: center;
    justify-content: center;
    opacity: 1;
    margin-right: 0;
}
.side_menu_with_body .nav-link-icon{
    display: flex !important;
    align-items: center;
    justify-content: center;
    opacity: 1;
    margin-right: 0;
}
body[data-bs-theme="dark"] .side_menu_with_body .main-menu .dropdown-toggle:after{
   color: #001B60 !important;
    width: 0.5em !important;
    height: 0.5em !important;
    border: 2px solid;
    border-top: 0;
    border-right: 0;
    border-bottom-left-radius: 2px;
}
.top_menu_with_body .main-menu .dropdown-toggle:after{
    width: 0.5em !important;
    height: 0.5em !important;
    color: #001B60;
    border: 2px solid;
    border-top: 0;
    border-right: 0;
    border-bottom-left-radius: 2px;
}
.top_menu_with_body #horizontal_nav_bar ul .nav-item.active > a.nav-link:after{
    color: #085FC0 !important;
}
.top_menu_with_body #horiz-nav{
    gap:6px;
    flex-wrap: nowrap !important;
}
.top_menu_with_body .main_menu_bar_container{
    gap:6px;
}
.top_menu_with_body .welcome_back_text{
    font-size: 0.8125rem;        
}
.top_menu_with_body .top_header_user_name{
    font-weight: 500;
    color: #737791;
}
.side_menu_with_body .bg-azure-lt, .top_menu_with_body .bg-azure-lt{
    color: #066FD1 !important;
    font-weight: 400;
    background: #E9F2FB;
    padding: 5px 6px;
    border-radius: 50px;
    font-size:0.75rem;
}
.top_menu_with_body .user_avatar_span, .side_menu_with_body .user_avatar_span{
    margin-right: 0.5rem;
    width: 45px;
    height: 45px;
    padding: 0;
}
.dashboard_contents #sortable_transactions_cards .subheader_text{
    font-size: 0.9375rem;
    font-weight: 500;
    color: #737791;
    letter-spacing: unset;
}
#transaction_date_range .dashboard_tx_date{
    font-size: 0.8125rem;
}
.dashboard_contents .amt_period{
    font-size: 0.8125rem;
}
.dashboard_contents .transaction_count_text{
    font-size: 1.5rem;
}
.top_menu_with_body .breadcrumb-item+.breadcrumb-item{
    padding-left: 0;
}
.dashboard_contents .tr_count_card_top_details{
    gap: 5px;
}
.dashboard_contents .pos_transaction_charts .transaction_graph .card-body strong, .dashboard_contents .top_engineer_body_container .top_engineer_show_hide strong,
.dashboard_contents .pos_transaction_charts .card-body .psp_chart_head_container, .dashboard_contents .terminal_map_body_container .card-body strong.sales_map_heading{
    font-size: 1rem;
    font-weight: 700;
}
.dashboard_contents .top_engineer_body_container .top_engineer_show_hide #top-engineers-heading{
    margin-bottom:1.5rem !important;
}
.dashboard_contents .engineers-list{
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.dashboard_contents .engineers-list div:first-child{
    font-weight: 500;
}
.dashboard_contents .top_engineer_medal_container div:first-child{
    align-items: center;
    gap:17px;
}
.dashboard_contents .top_engineer_medal_container div:last-child{
    align-items: center;
    gap:17px;
}
.dashboard_contents .top_engineer_medal_container div:first-child span:first-child{
    font-weight: 500;
}
.dashboard_contents .top_engineer_medal_container div:first-child span:last-child{
    font-size: 1.125rem;
}
.dashboard_contents .top_engineer_medal_container div:last-child span:first-child{
    font-weight: 500;
}
.dashboard_contents .top_engineer_medal_container div:last-child span:last-child{
    font-size: 1.125rem;
}

.dashboard_contents .top_engineer_rank_icon .success_wallet_icon svg path:nth-child(2), .dashboard_contents .top_engineer_rank_icon .success_wallet_icon svg path:nth-child(1),
.dashboard_contents .top_engineer_rank_icon .success_wallet_icon svg path:nth-child(3), .dashboard_contents .top_engineer_rank_icon .success_wallet_icon svg path:nth-child(4),
.dashboard_contents .top_engineer_success_transaction_count{
    fill: #5DC486;
}

.dashboard_contents .top_engineer_rank_icon .success_wallet_icon{
    width: 50px;
    height: 50px;
}
.divide-y>:not(template):not(:first-child) {
    padding-top: 1rem !important;
}
.dashboard_contents #transaction_date_range > .navbar_container .navbar-nav .nav-link, .dashboard_contents .dashboard_edit_btn #soratable_edit_btn{
    min-height: 2.1875rem;
}
#transaction_date_range > .navbar_container .navbar-nav .nav-item.active .nav-link{
    font-weight: 500;
}
.dashboard_contents .apexcharts-text tspan{
    font-weight: 500 !important;
    font-family: 'Poppins', sans-serif;
}
.dashboard_contents .transaction_table_header{
    font-size: 1rem !important;
    font-weight: 700;
}
.dashboard_contents .total_transaction_entries_txt{
    background-color: #E0F0FF !important;
    font-size: 0.75rem;
    font-weight: bold;
    padding: 6px 8px !important;
}
.dashboard_contents .total-trans-tbl #sub-head-trans{
    font-size: 0.8125rem;
    padding-top: 0.375rem;
}
.dashboard_contents #terminal_table_container table thead th, .top_menu_with_body #transaction_custom_table table thead th{
    font-size: 0.750rem !important;
    font-weight: 500;
}
.dashboard_contents #sortable_transactions_charts .apexcharts-legend-text{
    font-family: 'Poppins', sans-serif !important;
}
.dashboard_contents #sortable_psp_charts .apexcharts-legend-text{
    font-family: 'Poppins', sans-serif !important;
}
.dashboard_contents .dynamic_transaction_table_data tr td{
    font-size: 0.75rem;
    font-weight: 500;    
}
.dashboard_contents .dynamic_transaction_table_data tr .psp_ref_table_td span{
    display: flex;
    align-items: start;
}
.dashboard_contents .tr_terminal_table_data_container .tr_sort_container, .dashboard_contents .tr_table_sort_btn .tr_sort_container{
    gap: 0.125rem !important;
}
.dashboard_contents .tope_engineer_flex_container{
    gap: 10px !important;
}

.dashboard_contents .tr_table_data_container .tr_date_col{
    min-width: 135px !important;
}
.dashboard_contents .tr_table_data_container .tr_tnu_col{
    min-width: 120px !important;
}
.dashboard_contents .tr_table_data_container .tr_psp_col{
    min-width: 110px !important;
}
.dashboard_contents .tr_table_data_container .tr_psp_ref_col{
    min-width: 125px !important;
}
.dashboard_contents .tr_table_data_container .tr_amount_col, .dashboard_contents .tr_table_data_container .tr_payment_col{
    min-width: 90px !important;
}
.dashboard_contents .tr_table_data_container .tr_status_col{
    min-width: 60px !important;
}
.dashboard_contents .tr_table_data_container .tr_orderno_col{
    min-width: 110px !important;
}
.dashboard_contents .tr_table_data_container .tr_customerno_col{
    min-width: 130px !important;
}
.dashboard_contents .tr_table_data_container .tr_engineerno_col{
    min-width: 85px !important;
}
.dashboard_contents .tr_table_data_container .tr_more_col{
    min-width: 65px !important;
}
.dashboard_contents .tr_table_options span.view_btn a{
    display: flex;
    align-items: center;
    gap: 5px;
    line-height: 15px;
    font-weight: 500;
}
.dashboard_contents .tr_table_options span label{
    font-weight: 500;
}
.dashboard_contents .table_pagination .tr_table_pagination_item_container li.tr_table_pagination_btn,
.transaction_pagination li.page-item {
    font-size: 0.75rem;
    font-weight: 600;          
}
.dashboard_contents .table_pagination .tr_table_pagination_item_container li.tr_table_pagination_btn:active{
    color: #066FD1;
}
.dashboard_contents .tr_dashborad_table_header .terminal-management .ter-cont strong{
    font-size: 1rem !important;
    font-weight: 700;
}
.dashboard_contents .terminal-management .total_terminal_transaction_entries_txt, .dashboard_contents .terminal_table_footer_container .total_terminal_transaction_entries_txt{
    background-color: #E0F0FF !important;
    font-size: 0.75rem;
    font-weight: bold;
    padding: 6px 8px !important;
}
.dashboard_contents .terminal_table_footer_container .total_terminal_transaction_entries_txt{
    background-color: #E0F0FF !important;
    font-size: 0.75rem;
    font-weight: bold;
    padding: 6px 8px !important;
}
.dashboard_contents .tr_terminal_table_pagination_item_container{
    font-size: 0.75rem;
    font-weight: 600;
}
.dashboard_contents #sortable_terminal_map .jvm-zoomin, .dashboard_contents #sortable_terminal_map .jvm-zoomout{
    width: 26px !important;
    height: 23px !important;
} 
.dashboard_contents .dynamic_transaction_table_data .order_no_table_td span, .dashboard_contents .dynamic_transaction_table_data .customer_no_table_td span{
    display: flex;
    align-items: start;
}
.side_menu_with_body .side_menu_user_avatar_container div:first-child span.sidemenu_user_name{
    font-weight: 500 !important;
    margin: 0 8px !important;
}
.footer ul li{
    font-size: 0.8125rem !important;
}
.dashboard_contents #transaction_status_choose_chart{
    padding: 0.3125rem 2.25rem 0.3125rem 1rem;
    font-size: 0.8125rem;
}
.dashboard_contents #transaction_choose_chart{
    padding: 0.3125rem 2.25rem 0.3125rem 1rem;
    font-size: 0.8125rem;
}
.dashboard_contents #choose_product_chart{
    padding: 0.3125rem 2.25rem 0.3125rem 1rem;
    font-size: 0.8125rem;
}
.dashboard_contents #choose_psp_chart{
    padding: 0.3125rem 2.25rem 0.3125rem 1rem;
    font-size: 0.8125rem;
}
.dashboard_contents .tr_table_more_icon_dropdown .dropdown-menu{
    min-width: 100%;
    height: auto;
}
.dashboard_contents .transaction_graph .card-body{
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
}
.dashboard_contents .transaction_graph .card-body #transaction_product_chart{
    min-height: 240px !important;
}
.dashboard_contents .pos_transaction_charts .card-body #transaction_chart{
    height: calc(100% - (20px + 30px)) !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dashboard_contents .terminal_map_body_container .card-body{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.dashboard_contents .terminal_map_body_container .card-body .map-container{
    margin-bottom: 5px;
}

@media screen and (min-width:1400px) and (max-width:1500px){
    .container-xl{
        max-width: 1300px !important;
    }
    #transaction_date_range .dashboard_tx_date{
        font-size: 0.8125rem;
    }
    .dashboard_contents .transaction_count_text{
        font-size: 1.5rem;
    }
    .top_menu_with_body .user_avatar_span, .side_menu_with_body .user_avatar_span{
        margin-right: 0.5rem;
        width: 42px !important;
        height: 42px !important;
        padding: 0;
    }
    .top_menu_with_body .menu_action_field_container .full_screen_mode .fullscreen_btn{
        width: 42px;
        height: 42px;
    }
    .side_menu_with_body .menu_action_field_container .full_screen_mode .fullscreen_btn{
        width: 42px;
        height: 42px;
    }
    .top_menu_with_body .menu_action_field_container .dark_light_theme span{
        width: 42px;
        height: 42px;
    }
    .side_menu_with_body .menu_action_field_container .dark_light_theme span{
        width: 42px;
        height: 42px;
    }
    .top_menu_with_body .menu_action_field_container .header_font_size_change .font_size_upadte_txt{
        width: 42px;
        height: 42px;
    }
    .side_menu_with_body .menu_action_field_container .header_font_size_change .font_size_upadte_txt{
        width: 42px;
        height: 42px;
    }

}
@media screen and (max-width:1400px) {
    .top_staffs_row_edit .top_engineer_details_container {
        flex-wrap: wrap;
    }
}
@media screen and (max-width:1200px) {
    .top_menu_with_body .navbar-expand-md .navbar-nav .nav-link{
        padding-right:0.5rem;
        padding-left: 0.5rem;
    }
    .top_menu_with_body .main_menu_bar_container{
        gap: unset;
    }
}
@media screen and (max-width:992px){
    .top_menu_with_body .nav-link-icon{
        display: none !important;
    }
    .side_menu_with_body .nav-link-icon{
        display: none !important;
    }
    .side_menu_with_body #horizontal_nav_bar ul li .nav-link-title{
        font-size: 0.75rem !important;
    }
    .top_menu_with_body .main_menu_bar_container{
        gap: 2px;
    }
    #horizontal_nav_bar ul li .nav-link-title{
        font-size: 0.89655rem;
    }
}
.edit_transaction_items, .save_transaction_items, .transaction_soratable_close_btn{
    background-image: linear-gradient(#086CD0, #0B196C);
    border: 1px solid #F6F8FB;
    color: #ffff;
    border-radius: 10px;
}
.transaction_search_btn{
    background: #066FD1;
}
#datepicker-icon-prepend {
    width: 100%;
    height: 36px;
    font-size: 14px;
    color: #00227f;
    font-weight: 600;
    min-width: 300px;
}
.text_uppercase{
    text-transform: uppercase !important;
    font-weight: 500;
}

.transaction_filter_card select,#transaction_search_feild,.search_container, #transaction_filter_order_no, #transaction_filter_customer_no, #transaction_filter_bctxn_no, #transaction_filter_psp_ref, #transaction_filter_amount, #transaction_filter_engineer_no{
    color: #001B60;
    font-weight: 600;
}
.card.transaction_filter_card, .transaction_table_container {
    border-radius: 10px;
    box-shadow: 0px 2px 20px 0px rgba(231, 241, 255, 1);
}
.transaction_heading{
    font-size: 1rem;
    margin-bottom: 0;
}
.transaction_table_header{
    border: none;
    background: transparent;
}
.transaction_table_sort_btn{
    border-radius: 20px;
    padding: 4px 10px;
}
.txn_header_text{
    color: #737791;
}
.txn_table_data{
    color: #001B60;
    font-weight: bold;
}
.tnx_card_items{
    padding: 13px 11px !important;
}
.txn_table_data_cards{
    border: none;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.08) !important;
    border-radius: 14px;
}
.txn_view_details_icon{
    background-color:#1085e326;
    border-radius: 2px;
    padding: 3px;
    border: none; 
}
.card-link:hover{
    background: rgba(6, 111, 209, 0.07);
}
.transaction_table_fotter_container{
    border-radius: 0 0 10px 10px;
}
.transaction_pagination .page-link {
    border: none !important;
}
.transaction_footer_show_total, .transactions_total_result{
    border-radius: 26px;
    border: none;
    background: rgba(224, 240, 255, 1);
    color: rgba(0, 27, 96, 1) !important;
    font-weight: 600;
    padding: 4px 17px;
    font-size: 0.75rem;
    cursor: unset;
}
.disable_pagination{
    pointer-events: none;
    opacity: 0.2;
}
.transaction_pagination a.page-link.page-number {
    color: rgba(91, 87, 87, 1);
}
.transaction_pagination .page-item.active .page-link {
    background: #e0f0ff;
    color: rgba(6, 111, 209, 1);
    border-radius: 25px;
    min-width: 32px;
}
.transaction_total_list select {
    border: none;
    background: transparent;
}
.transaction_total_counter {
    border-radius: 8px;
}
.transaction_total_counter select {
    border: none;
    background: transparent;
    outline: none;
}
.transaction_table_sort_btn .sort_icon {
    margin-left: 10px;
}
span.sort_icon {
    margin-left: 10px;
}
.tx_sort_container span.form-selectgroup-label{
    border-radius: 21px;
}
.tx_sort_container .form-selectgroup-input:checked+.form-selectgroup-label {
    z-index: 1;
    color: #206bc4;
    background: none;
    border-color: #206bc4;
    padding: 3px 8px;
}
.tx_sort_container span.form-selectgroup-label {
    padding: 3px 8px;
}
.tnx_card_items .font-weight-medium.txn_header_text {
    font-size: small;
}
.dropdown-menu.dropdown-menu-end.export_btn.show {
    position: absolute;
    margin: 0px;
    transform: translate(-20px, 54px);
    border-radius: 5px;
}
.export_btn.dropdown-menu:before {
    content: "";
    position: absolute;
    top: -4px !important;
    right: 14px !important;
    display: block;
    background: inherit;
    width: 14px;
    height: 14px;
    transform: rotate(45deg);
    transform-origin: center;
    border: 1px solid;
    border-color: inherit;
    z-index: -1;
    clip: rect(0, 9px, 9px, 0);
}
.settings_drop_down.dropdown-menu-arrow:before{
    left: 7.75rem;
    display: none;
}
.dropdown-item.export_file_type:not(:first-child), .dropdown-item.download_file_type:not(:first-child) {
    border-top: 2px solid rgba(198, 241, 255, 1);
}
.dropdown-item.export_file_type:hover{
    color: rgba(45, 156, 219, 1);
}
.settings_drop_down{
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 0.25rem; 
    min-height: fit-content;
    padding: 12px;
    z-index: 1050;
}
.transaction_tables_heading_content{
    flex-wrap: wrap;
}
.dropdown-menu.dropdown-menu-arrow.settings_drop_down.show {
    min-width: 17rem;
}
.settigs_dropdown_headings{
    color: #001b60 !important;
    font-size: 0.75rem;
}
.dropdown_settings_items span.form-check-label {
    color: rgba(115, 119, 145, 1);
    font-size: 0.75rem;
    font-weight: 500;
}
.transaction_toaster{
    z-index: 9999;
    position: fixed !important;
}
.transactions_total_result{
    padding: 3px 15px;
    font-size: 0.75rem;
    font-weight: 600;
}
.transaction_table_container{
    position: relative;
}
.spinner-grow{
    width: 1rem;
    height: 1rem;
}
.transaction_status_img{
    height: fit-content;
    max-width: 100%;
}
.order_no_tx, .customer_no_tx, .txn-psp-ref{
    white-space: nowrap;
    width: 55px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.transaction_bc_txno{
    white-space: nowrap;
    width: 93px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ts-control{
    color: #00227f;
    font-weight: 600;
}
.txn_view_details_icon svg {
    margin: 0 !important;
}
.transaction_count_container {
    width: 43%;
    padding: 1.3rem !important;
}
.transaction_chart_container {
    width: 56%;
}
.transaction_chart_container select {
    width: fit-content;
    height: fit-content;
}
.pending_count {
    justify-content: center;
    color: #fa8442;
}
.chart_text_center{
    min-height: unset !important;
}
.failed_count {
    color: #fc0100;
    margin-right: 10px;
}
h1.total_count, h1.paid_count,  h1.pending_count, h1.failed_count {
    font-size: 2.2rem;
}
h1.paid_count{
 color: #01B047 !important;
}
.transactions_drag_elements.drag_main_container {
    margin-bottom: 20px;
}
.transaction_filter_card .card-header {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.transactions_charts_container, .transactions_filter_container, .transactions_table_container{
    position: relative;
}
.removed_charts > div{
    opacity: 0.4;
}
.save_transaction_items{
    background-image: linear-gradient(#60cd60, #054d05) !important;
}
.charts_list_container{
    pointer-events: all !important;
}
.txn_col_payment img.pos_payment_list_img {
    min-width: 60px;
}
.txn_col_product img.transaction_product_img {
    width: 27px !important;
}
@media only screen and (max-width: 900px) {
    #sortable_transactions_charts{
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 15px !important;
        margin: 0px;
    }
    .transaction_chart_container , .transaction_count_container{
        width: 100% !important;
    }
    .charts_svg_content{
        gap: 20px;
    }
    .charts_list_container{
        padding: 0 !important;
    }
    .transaction_count_charts{
        min-height: inherit !important;
    }
    .transaction_donut{
        margin-bottom: 10px;
    }
}
@media only screen and (max-width: 955px) {
    h1.total_count, h1.paid_count,  h1.pending_count, h1.failed_count {
        font-size: 1.8rem;
    }
}
@media only screen and (max-width: 395px) {
    .transaction_sorting{
        flex-direction: column;
        justify-content: start !important;
        align-items: start !important;
    }
    .charts_list_container{
        padding: 0 !important;
    }
    #edit_transaction_items, #save_transaction_sortables ,.cancel_transaction_sortables, #reset_transaction_sortables{
        font-size: 0.75rem;
        padding: 0.3705rem 1rem;
    }
    #edit_transaction_items svg,#save_transaction_sortables svg,.cancel_transaction_sortables svg,#reset_transaction_sortables svg {
        width: 1rem;
    }
    .transaction_filter_card .card-header {
        flex-wrap: wrap;
    }
    .choose_tx_chart{
        font-size: 0.4rem;
    }
    .filter_export_container{
        flex-direction: column;
    }
}
@media only screen and (max-width: 475px) {
    .px_pie_charts{
        flex-direction: column;
        }
    .search_result_item .staff_name_head .table_content_ellipsis {
      max-width: 17ch !important;
    }
    .search_result_item .staff_details .table_content_ellipsis {
      max-width: 18ch !important;
    }
    .search_result_item .staff_name .table_content_ellipsis {
      margin-bottom: -5px;
      max-width: 20ch !important;
    }
    .search_card #export-datatable_wrapper .top {
      display: flex;
      flex-direction: column-reverse;
      align-items: center;
      justify-content: center;
      gap: 10px;
    }
    .search_card #export-datatable_wrapper .dataTables_length {
        margin-top: 2px;
        flex-direction: row-reverse;
        gap: 10px;
    }
    .search_card #export-datatable_wrapper .bottom {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 6px;
    }
    .search_card #crs-export-datatable_wrapper .bottom {
      gap: 6px;
    }
    .search_card #report-list .crs_dataTables_length {
        right: 0 !important;
        left: 0;
        top: 35px !important;
    }
    .search_card .margin_right {
      margin-right: -28px !important;
    }
}
@media only screen and (max-width: 432px) {
    #choose_tx_chart{
        font-size: 0.6rem !important;
        padding: 5px 29px 5px 9px !important
    }
    #choose_product_type{
        font-size: 0.6rem !important;
        padding: 5px 29px 5px 9px !important;
    }
    .transaction_count_status{
        flex-wrap: wrap;
    }
    .pending_count, .failed_count{
        height: 100% !important;
    }
}
@media only screen and (max-width: 360px) {
    .transaction_total_counter{
        font-size: 10px;
    }
    .transaction_col_config svg, .export_btn svg {
        width: 1rem !important;
        height: 1rem !important;
        margin: 0px !important;
    }
    .litepicker {
        width: 60%;
    }
    .table_view_dec {
        font-size: 0.75rem;
    }    
    .charts_svg {
        min-width: 32px !important;
        height: 32px !important;
    }
    .txn_charts_text ,.no-data{
        font-size: 0.8rem !important;
    }
    .txn_charts_headings{
        width: 150px;
    }
    .transaction_count_container, .transaction_chart_container{
        padding: 0.7rem !important;
    }
    #choose_tx_chart, #choose_product_type{
        font-size: 0.7rem;
    }
    .pending_count, .failed_count{
        padding: 0;
        font-size: small;
        height: 13px;
    }
    
}
@media only screen and (max-width: 450px) {
    .drag_main_container{
       padding: 10px;
 }
 .transaction_count_status, .failed_count{
    margin-left: 0px !important;
}
} 

@media only screen and (max-width: 520px) {
    .charts_select_box{
        flex-direction: column;
        gap: 10px;
    }
    .transaction_table_fotter_container{
        flex-direction: column;
        gap: 10px;
 }
} 
@media only screen and (max-width: 590px) {
    .litepicker {
        width: 45%;
    }
}
.tx_count_chart_css {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 75%;
}
.no-data {
    font-size: 1rem;
    color: #626976;
    text-align: center;
    margin-top: 183px;
}
/* transaction table */

.card-table tr td:first-child, .card-table tr th:first-child {
    padding-left: 1.25rem;
}

.transaction-table-body tr td {
    color: #737791;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
}
.transaction-table-body tbody, td, tfoot, th, thead, tr{
border: none;
}

#transaction-list table thead th{
    background-color: #fff;
}

#transaction-list table thead th {
    font-size: 0.75rem !important;
    font-weight: 500;
}
#sortable_elements .transaction-table-body tr td {
    font-size: 0.75rem;
    font-weight: 500;
}
.transaction_product_img {
    max-width: 80px;
    max-height: 100%;
    width: auto;
}
.tr_table_head th {
    color: #001B60 !important;
}
#transaction-list{
    padding: 0 !important;
}
td.more_field_table_td{
    text-align: center;
}
#transaction-list thead{
    border-top: 1px solid rgba(98, 105, 118, .16) !important;
}
.transaction_view_details_container svg {
    outline: none;
}
.transaction-table-header th {
    color: #001B60 !important;
    cursor: pointer;
}
.tx_view_more {
    stroke-width: 2.5;
}
.transaction_charts_align{
    width: 100% !important;
}
.transaction_count_container, .transaction_chart_container{
    border-radius: 10px;
    box-shadow: 0px 2px 20px 0px #E7F1FF;
}
#tx_count_chart .apexcharts-legend-series {
    background: #F2F2F7;
    padding: 4px 5px;
    border-radius: 4px;
}
#choose_tx_chart, #choose_product_type{
    border: 1px solid #EBEEF2;
    border-radius: 8px;
    box-shadow: 0px 1px 3px 0px #606C800D;
}
.transaction_list_charts, .transaction_chart_container {
    padding-right: 1.2rem !important;
    padding-left: 1.2rem !important;
    padding: 1.3rem !important;
}
.transaction_donut{
    justify-content: center;
    align-items: center;
    display: flex;
}
.dynamic-text {
    white-space: nowrap;
    width: min(20vw, 150px);
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: clamp(12px, 3vw, 32px) !important;
}
.charts_svg{
    min-width: 55px;
}
.transaction_donut .apexcharts-legend-series {
    display: block !important;
  }
#tx_chart .apexcharts-legend.apexcharts-align-center.apx-legend-position-bottom {
    inset: auto 0px 0px !important;
}
#transaction_search_feild{
    border-radius: 4px !important;
}
@media (max-width: 576px) {
    #soratable_cancel_btn_modal .modal-dialog, #soratable_reset_btn_modal  .modal-dialog {
      max-width: 100% !important;
      padding: 1rem !important;
      font-size: 1.2rem; 
    }
    #soratable_cancel_btn_modal .modal-dialog .text-secondary ,#soratable_reset_btn_modal .modal-dialog .text-secondary {
      font-size: 0.9rem;
    }
    #soratable_cancel_btn_modal .modal-dialog .btn ,#soratable_reset_btn_modal .modal-dialog .btn {
      font-size: 0.9rem;
      padding: 0.5rem;
    }
    #soratable_cancel_btn_modal .modal-dialog .col, #soratable_reset_btn_modal .modal-dialog .col {
      padding: 0 5px;
    }
    .transaction_charts_width{
        width: 50% !important;
    }
}
.pending_count, .failed_count, .paid_count, .total_count{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.bar_chart_total_count{
    width: 15ch !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
h3.txn_charts_text.txn_charts_headings {
    width: 200px;
}
.transaction_total_counter{
    margin-bottom: 5px !important;
}
td {
   text-decoration: none;
}
.transaction_col_config .dropdown-menu-arrow::before{
    display: none;
} 
.transactions_drag_elements.drag_main_container{
    max-width: 96%;
}
body.dragging,
body.dragging * {
  user-select: none !important;
}
/* #tx_chart .no-data {
    margin-top: 128px;
} */
.drag_ele.transaction_backoffice {
    height: initial !important;
}
label.transaction_table_list {
    padding: 2px 0px;
}
.transaction_empty_page{
    font-size: 1rem;
}
#save_transaction_sortables{
    background-image: linear-gradient(#60cd60, #054d05) !important;
    border-radius: 10px;
    transition: all 150ms;
    border: none;
}
#save_transaction_sortables:hover {
    background-image: linear-gradient(#60cd60, #054d05) !important;
    color: #fff;
    border: none;
}
input#td_list_chartd, input#tx_count_charts {
    transform: scale(0.65);
    width: 53px;
    height: 30px;
}
.transaction_empty_title{
    font-size: 1rem;
}
.table_content_ellipsis{
    white-space: nowrap;
    max-width: 12ch;
    overflow: hidden;
    text-overflow: ellipsis;
}
.amount_table_td{
    text-align: end;
}
#add_filters_btn, #transaction_filter_reset{
    color: #737791 !important;
}
#tx_count_chart span.apexcharts-legend-marker {
    border-radius: 2px !important;
}  
.total_count, .paid_count{
    color: #001B60 !important;
}
.product-hover-container {
    position: relative;
    display: inline-block;
}

.product-logo-preview {
    display: none;
    position: absolute;
    z-index: 10;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    padding: 6px;
    background: white;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
.product-logo-preview img {
    max-width: 60px;
    max-height: 16px;
    height: auto;
    display: block;
}
.product-hover-container:hover .product-logo-preview {
    display: block;
}
img.product-favicon {
    height: 33px;
}
.hover_logo_preview {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    background: #fff;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.hover_logo_preview img.full_logo_img {
    max-width: 55px;
    min-width: 50px;
    max-height: 17px;
    height: auto;
    display: block;
}
.position-relative:hover .hover_logo_preview {
    display: block;
}
img.full_logo_img.payment_logo_IVR.Payment{
    max-width: 70px !important;
}
.product-logo-preview.last_child, .hover_logo_preview.last_child {
    top: -100% !important;
}


.product-logo-preview.last_child, .hover_logo_preview.last_child {
    top: -100% !important;
}
/* transaction table filters */

.transaction_table_filters{
    border-color: #d8dee4;
    border-radius: 15px;
    border-style: dashed;
    border-width: 2px;
    padding: 3px 6px 3px 6px;
    cursor: pointer;
    font-size: 0.8rem;
    font-weight: 500;
}
.transaction_filter_table_icons{
    height: 15px;
    width: 14px;
    border: 2px solid #959393;
    padding: 0px;
    border-radius: 25px;
    margin-bottom: 1px;
    stroke-width: 2;
    vertical-align: middle;
}
button.dropdown-item.add-filter-option {
    color: #001b60;
    font-weight: 600;
}
.text_input_fields{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 100px;
    vertical-align: bottom;
}
#dynamic-filters{
    row-gap: 1rem !important;
}
img.pos_payment_list_img.NFC.Scan.pos_app_payment_id_, img.pos_payment_list_img.Card.Scan.pos_app_payment_id_{
    height: 13px !important;
}
.sticky-col {
    position: sticky;
    right: 0;
    background-color: white !important;
    z-index: 0;
    box-shadow: inset 2px 0 0px rgba(0, 0, 0, 0.1) !important;
}

td.more_field_table_td:has(.dropdown-menu.show) {
    z-index: 1000;
}
#filter-input-label{
    font-size: .7rem;
}
#add_filter_back_btn{
    border: 1px solid #b0b0b0e6;
    border-radius: 5px;
    cursor: pointer;
}
.card.card-body.rounded-3.mt-3.refund_container {
    min-height: 150px;
    max-height: 240px; 
    overflow-y: auto;  
    overflow-x: hidden; 
  }
.balance_refund_amount{
    font-weight: 600;
}
.refund_history_grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr; 
    gap: 10px;
    padding: 8px;
    align-items: center;
    font-size: 0.8rem;
}
.refund_history_grid p,
.refund_history_grid strong {
    margin: 0;
    word-break: break-word;
}
@media screen and (max-width: 500px) {
    .refund_container {
        overflow-x: auto !important; 
        white-space: nowrap; 
        max-width: 100%;
    }
    .refund_history_grid {
        min-width: 600px;
    }
    .refund_date{
        white-space: normal !important;
    }
}
.refunded_transactions{
    color: red !important;
}
.refunded_amount{
    color: green !important;
}
.refund_error_msg{
    font-size: 0.8rem;
}
.transaction_tab_view{
    background-color: #fff;
}
.transactions_id{
    opacity: 0.3;
    border: 1px solid grey;
}
.no-focus:focus {
    outline: none !important;
    box-shadow: none !important;
}
.view_transaction_container{
    padding: 1rem 0.8rem;
}
.transactions_refund_templates{
    box-shadow: 0px 2px 10px 0px #00000014 !important;
    border-radius: 12px;
}
.active_transaction{
    border: 1px solid #3bc7c1;
}
.active_psp_re{
    color: #127affd1 !important;
    text-decoration: underline;
    text-underline-offset: 2px;
}
.drag_ele .transaction_backoffice{
    height: 100%;
}
.parent_transaction_view{
    margin-bottom: 11px;
}
.parent_status h3 {
    margin: 0 !important;
}
img.pos_payment_list_img.Cash.pos_app_payment_id_ {
    height: 33px !important;
}
.floating-label-group {
    position: relative;
    margin-left: 10px;
}
a.dropdown-item.export_btn.export_file_type {
    cursor: pointer;
}
.dropdown-item.transaction-dropdown {
    padding: 6px 10px;
}
.transaction_drop_down_text{
    font-size: 0.8rem;
}
.refund_icon_transaction{
    width: 20px;
}
.goto-page-input {
    margin-left: 0;
    padding: 3px 6px;
    width: 70px;
    display: inline-block;
    color: #001b60 !important;
    font-weight: 300;
    padding: 6px;
}
.highlighted_filter {
    border-color: #2fb34480 !important;
}
img.pos_payment_list_img.Cash.pos_app_payment_id_ {
    height: 33px !important;
}
img.full_logo_img.payment_logo_Card.Scan ,img.pos_payment_list_img.NFC.Scan.pos_app_payment_id_{
    max-width: 70px !important;
}
.transaction_settings_btn, .transaction_search_btn, .download_bulk_invoice_btn{
    background-image: linear-gradient(#086CD0, #0B196C);
    border: none;
}
.transaction_export_btn{
    background-image: linear-gradient(#60cd60, #054d05);
    border: none;
}
#transaction_filter_reset, #resetHeadersBtn, #transaction_col_reset, #brandpos_pay_config_filter_reset {
    background-image: linear-gradient(#737791, #19191c);
    border: none;
}
.remove-count-status{
    display: none !important;
}
.floating-label-group {
    position: relative;
}
.floating-label-group label {
    position: absolute;
    left: 12px;
    top: 12px;
    color: #888;
    font-size: 1rem;
    pointer-events: none;
    transition: all 0.2s ease;
    padding: 0 2px;
}
.floating-label-group input:focus + label,
.floating-label-group input:not(:placeholder-shown) + label,
.floating-label-group input:valid + label {
    top: -6px;
    left: 50%;
    font-size: 0.6rem;
    font-weight:bold;
    color: #636a77;
    transform: translateX(-50%);
    width: 100%;
}
tbody.dynamic_terminal_transaction_table_data td {
    font-size: 0.75rem;
}
img.full_logo_img.payment_logo_Bank.Pay {
    max-width: 58px;
}
img.pos_payment_list_img.Stripe.pos_app_payment_id_, img.pos_payment_list_img.plaid.pos_app_payment_id_{
    height: 33px !important;
}
img.full_logo_img.payment_logo_ApplePay {
    max-width: 50px !important;
}
.goto_span{
    width: auto;
    background-color: #fff;
}
.transaction_logo {
    height: 15px !important;
}
img.pos_payment_list_img.ApplePay.transaction_logo{
    margin-left: 7px;
}
.backoffice_ele_height{
height: 20px;
}
  
#quill_editor{
    max-height: 300px;
    min-height: 250px;
    overflow-y: scroll;
}

.disabled_link {
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
}
@media only screen and (max-width: 650px) {
.product_options_div_list {
    display: none !important;
    flex-direction: column !important;
    z-index: 999;
    padding: 10px !important;
    background-color: #ebebeb85;
    border: 1px solid #d0d0d0;
}
.product_options_animate {
    display: flex !important;
    max-height: 500px;
    padding: 10px !important;
}   
.list_view .product_options_div_list {
    position: absolute;
    top: 60px;
    right: 5px;
}
.grid_view .product_options_div_list {
    position: absolute;
    top: 50px;
    right: 1px;
}
.grid_view .product_options_div_list.top_adjust {
    top: 13%;
}
.product_more_options {
    display: block !important;
}
}
@media only screen and (max-width: 420px) {
.list_item .card-img-top {
    width: auto !important;
    max-height: 30px !important;
    min-height: 30px !important;
    max-width: 100px !important;
    min-width: 100px !important;
}    
}
.product_desc_div_list {
    background-color: #fbfbfb;
    border-radius: 10px;
}
.product_options_div_list {
    background-color: #fbfbfb;
    border-radius: 20px;
    gap: 13px !important;
    height: fit-content;
}
.connector_date_div_background {
    background-color: #fbfbfb;
    padding: 10px;
    border-radius: 10px;
    width: fit-content;
    height: fit-content;
}
.date_head_color {
    color: #878787;
}
.product_more_options {
    border-radius: 100%;
    padding: 5px;
    width: fit-content;
    height: fit-content;
}
.grid_view .grid_item {
    border-radius: 11px;
}
.connector_header {
    color: #676E7B;
}
.product_more_options_container .dropdown-menu {
    min-width: fit-content;
    border-radius: 16px;
    transform: translate(-1px, 34px) !important;
}
.product_more_options_container .dropdown-menu li {
    padding: 6px;
}
.tooltip {
    pointer-events: none !important;
}
.pos_product_view_img.novalnet {
    object-fit: contain;
}
.config_div_toggle_edit .page-title {
    font-size: 1rem;
}
.config_div_toggle_edit .page-title svg{
    width: 1rem;
    height: 1rem;
    margin-right: .25rem;
}
.installed_connectors.is_product .page-title svg * {
    fill: #008000;
}
.uninstalled_connectors.is_product .page-title svg *{
    fill: #ff0000;
}
.product_video_close_btn {
    top: -45px !important;
    right: -20px !important;
}
.connectors-toggle-container {
    display: flex;
    background: #F2F7FF;
    padding: 6px;
    border-radius: 5px;
    width: fit-content;
}
.connectors-toggle-container .filter-toggle-btn {
    border: none;
    background: transparent;
    padding: 2px 13px;
    cursor: pointer;
    font-size: 0.87rem;
    border-radius: 6px;
    transition: 0.3s;
}
.connectors-toggle-container .filter-toggle-btn.active {
    background: white;
    color: #222 !important;
    border-radius: 3px;
}
#sort_connectors {
    color: #6C7A91;
    border-radius: 6px;
    min-width: fit-content;
    width: 130px;
}
.connector_date_div {
    font-size: 0.8rem;
}
.uninstalled_connectors:not(.is_product),
.installed_connectors:not(.is_product) {
    margin: 4rem 0 !important;
}
.product_identity {
    margin: 15px 12px 0 0;
}
.coming_soon_img svg{
    width: 100%;
    height: fit-content;
    max-width: 100%;
}
.product_desc_color,.connector_date_div_background p, .truncate_div p{
    color: #313945;
    font-weight: 300;
}
.text-overflow-ellipsis {
    text-overflow: ellipsis; 
    overflow: hidden; 
    white-space: nowrap;
}
.get_pdf_container {
    width: 100%;
    min-height: 50px;
    border: 1px dashed #737791;
    border-radius: 8px;
    background-color: #f4f4f4;
}
.pdf_options_container {
    position: absolute;
    right: 10px;
    transform: translateY(-50%);
    top: 50%;
}
.field_container .form-label.required:after {
    margin-left: 0;
}
.get_pdf_container .logo_upload_info {
    max-width: 90%;
    overflow: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (min-width: 1200px) {
  body.side_menu_with_body .container-xl {
    max-width: none !important;
  }
}
.ellipsis-count {
    max-width: 177px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: bottom;
}
#confirm_refund,.refund_transactions_btn, #confirm_send_invoice, #send_invoice_model .link-secondary, .cancel_refund_btn{
    background-image: linear-gradient(#086CD0, #0B196C) !important;
    height: 34px;
    border: 0;
}
#confirm_refund:hover,.modal-footer .link-secondary:hover,.refund_transactions_btn:hover, #confirm_send_invoice:hover, #send_invoice_model .link-secondary:hover, .cancel_refund_btn:hover{
    background: var(--tblr-btn-color-interactive) !important; 
}
#filter_date_range,#status,#filter-input-value{
    color: #001B60;
    font-weight: 600;
}

.litepicker {
    z-index: 1070 !important;
}
#sortable_psp_charts.drag_main_container {
    max-width: 96%;
}
.dashboard_head_breadcrumbs_container {
    padding-top: 10px;
}
#filter-select-value,.ts-dropdown,#test_bookings,#tx_psp{
    color: #001B60 !important;
    font-weight: 600 !important;
}
.side_menu_with_body .main-menu .dropdown-toggle:after, .top_menu_with_body .main-menu .sidebar-menu-drop-down:after {
    height: 0.5em !important;
    color: #001B60;
    border: 2px solid;
    border-top: 0;
    border-right: 0;
    margin-left: 5px;
    border-bottom-left-radius: 2px;
}
.highlight-extension{
    color: #626976 !important;
}
#export_filename{
    max-width: 100%;
    word-break: break-all;
     white-space: normal; 
    display: inline-block;
}
#refund_transactions_id .link-secondary {
    background-image: linear-gradient(#086CD0, #0B196C) !important;
    height: 34px;
    border:none;
}
@media (max-width: 1400px) {
    .sticky-column-header {
        position: sticky;
        right: 0;
        background-color: white !important;
        z-index: 0;
        box-shadow: inset 2px 0 0px rgba(0, 0, 0, 0.1) !important;
    }
    body[data-bs-theme="dark"] .sticky-column-header, body[data-bs-theme="dark"] .sticky-col{
        box-shadow: inset 2px 0 0px rgb(255 255 255 / 9%) !important;
    }
    body[data-bs-theme="dark"] #crs-export-datatable tbody td:nth-child(8),  body[data-bs-theme="dark"] #export-datatable tbody td:nth-child(8){
        box-shadow: inset 2px 0 0px rgb(255 255 255 / 9%) !important;
    }
      
    #crs-export-datatable tbody td:nth-child(8), #export-datatable tbody td:nth-child(8) { 
        position: sticky;
        right: 0;
        background-color: #ffffff;
        z-index: 9;
        box-shadow: inset 2px 0 0px rgba(0, 0, 0, 0.1) !important;
    }
      
    #crs-export-datatable th,
    #crs-export-datatable td {
        white-space: nowrap;
    }
    .search_result_component_container {
      grid-template-columns: repeat(3, 1fr);
    }
}
.crs_success a{
    background-image: linear-gradient(#086CD0, #0B196C);
    background-color: #085FC0;
    color: white;
    border: none;
    border-radius: 10px;
}
.crs_success .btn:focus, #export-filter-reset:focus, .dropstart a:focus, #reports_export-filter-reset:focus{
    box-shadow: none;
}
.crs_success_btn{
    border-radius: 10px;
}
#crs-export-datatable .btn-icon:focus{
    box-shadow: none;
}
.crs-filename-cell {
  position: relative;
  display: inline-block;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 1033px) {
    #crs-export-datatable{
        display: block ;
    }
}
.config_div_toggle_edit {
    border-radius: 8px;
    box-shadow: 0px 3px 13px 0px #d7e7ff !important;
}

/* widget live mode start */
.widget_button_style_blue {
    background-image: linear-gradient(#086CD0, #0B196C);
    border-radius: 10px;
    border: none;
}
.widget_button_style_green {
    background-image: linear-gradient(#60cd60, #054d05);
    border-radius: 10px;
    transition: all 150ms;
    border: none;
}
.widget_button_style_green:hover {
    background: linear-gradient(#17a117, #4eda4e);
}
.widget_onboard_back_btn:focus {
    outline: none;
    box-shadow: none;
}
  
/* live-test mode switch */
.live_test_mode_btn_container {
    background-color: #FFFAF1;
    color: white;
    width: fit-content;
    height: fit-content;
    border-radius: 8px;
    height: 45px;
}
.testmode_info_text {
    border-right: 1px solid;
}
.lt_switches_container {
    width: 6rem;
    position: relative;
    display: flex;
    padding: 0;
    position: relative;
    background: var(--switches-bg-color);
    line-height: 23px;
    border-radius: 3rem;
    margin-left: auto;
    margin-right: auto;
}
.lt_switches_container input {
    visibility: hidden;
    position: absolute;
    top: 0;
}
.lt_switches_container label {
    width: 50%;
    padding: 0;
    margin: 0;
    text-align: center;
    cursor: pointer;
    color: var(--switches-label-color);
}
.lt_switch_wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    padding: 0.15rem;
    z-index: 3;
    transition: transform .5s cubic-bezier(.77, 0, .175, 1);
}
.lt_switch {
    border-radius: 3rem;
    background: var(--switch-bg-color);
    height: 100%;
}
.lt_switch div {
    width: 100%;
    text-align: center;
    opacity: 0;
    display: block;
    color: var(--switches-bg-color) ;
    transition: opacity .2s cubic-bezier(.77, 0, .175, 1) .125s;
    will-change: opacity;
    position: absolute;
    top: 0;
    left: 0;
}
.lt_switches_container input:nth-of-type(1):checked~.lt_switch_wrapper {
    transform: translateX(0%);
}
.lt_switches_container input:nth-of-type(2):checked~.lt_switch_wrapper {
    transform: translateX(100%);
}
.lt_switches_container input:nth-of-type(1):checked~.lt_switch_wrapper .lt_switch div:nth-of-type(1) {
    opacity: 1;
}
.lt_switches_container input:nth-of-type(2):checked~.lt_switch_wrapper .lt_switch div:nth-of-type(2) {
    opacity: 1;
}

/* widget body  */
#widget_offcanvas_body {
    width: 100%;
    height: 100%;
}
.widget_embedded_iframe {
    border: none;
    width: 100%;
    height: 100%;
}
#widget_onboard_form_offcanvas {
    width: 60%;
}
#agreement_esign_modal_container .modal-dialog {
    max-width: 70%;
}
#agreement_esign_modal_container .modal-dialog .esign_name_container {
    width: 50%;
}
#load_uploaded_pdf_modal .modal-dialog {
    max-width: 70%;
}
.leaflet-container {
    height: 450px;
}
@media screen and (max-width: 800px) {
    #widget_onboard_form_offcanvas {
        width: 740px !important;
    }
    #agreement_esign_modal_container .modal-dialog {
        max-width: 80%;
    }
    #load_uploaded_pdf_modal .modal-dialog {
        max-width: 80%;
    }
}
@media screen and (max-width: 600px) {
    #widget_onboard_form_offcanvas {
        width: 740px !important;
    }
    #agreement_esign_modal_container .modal-dialog {
        max-width: 90%;
        margin: auto;
    }
    #agreement_esign_modal_container .modal-dialog .esign_name_container {
        width: 100%;
    }
    #load_uploaded_pdf_modal .modal-dialog {
        max-width: 90%;
        margin: auto;
    }
    .search_result_component_container {
      grid-template-columns: 1fr ;
    }
}
@media screen and (max-width: 1100px) {
    #widget_onboard_form_offcanvas {
        width: 70%;
    }
}
body[data-bs-theme="light"] .goto_span{
    color: rgb(99, 106, 119) !important;
}
/* widget live mode end */
body[data-bs-theme="light"] .box-shadow {
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 3px 13px 0px #d7e7ff !important;
}
body[data-bs-theme="dark"] .dataTables_length select:focus-visible {
    outline: none;
}
body[data-bs-theme="light"]  .crs_export_view select option {
    color: black !important;
}
body[data-bs-theme="light"] .transactions_table_container #dynamic-filters select option, body[data-bs-theme="light"] .properties-panel select option {
    color: rgb(0, 27, 96) !important;
}
body[data-bs-theme="light"] #role_group_form_step1 select option, body[data-bs-theme="light"] #modal-assign-user select option, body[data-bs-theme="light"] #role_group_creation_form select option{
    color: #2f1910 !important;
}
body[data-bs-theme="light"] select option, body[data-bs-theme="light"] .tour-section p{
    background-color: #fafbfc00;
    color: #000 !important;
}
body[data-bs-theme="light"] .sortable_item select option, body[data-bs-theme="light"] #sort_connectors option, body[data-bs-theme="light"] #sortable_transactions_charts select option, body[data-bs-theme="light"] .tour-section p{
    background-color: white;
    color: #6C7A91 !important;
}
body[data-bs-theme="light"] .list-group-item{
    color: #000 !important;
}
body[data-bs-theme="light"] .dataTables_length label {
    color: #7a7a7a !important
}
#customize-mt940-file-block .card-title{
    color: white !important;
}
body[data-bs-theme="dark"] ul.card.card-body.rounded-3 > li ,span.ellipsis{
  color: #000  !important;
}
body[data-bs-theme="light"] span.ellipsis{
  color: #000  !important;
}
body[data-bs-theme="light"] img[src$="qrbankpay.svg"],body[data-bs-theme="light"] img[src$="bankpay.png"],body[data-bs-theme="light"] img[src$="cash.png"] {
   filter: none !important;
}
body[data-bs-theme="light"] .floating-label-group input:focus + label,body[data-bs-theme="light"] .floating-label-group input:not(:placeholder-shown) + label,body[data-bs-theme="light"] .floating-label-group input:valid + label{
    color: #0b2176;
}
body[data-bs-theme="light"] #pos_terminal_datatable_paginate .paginate_button.current{
    color: #066FD1 !important;
    background: #E0F0FF !important;
    border-radius: 50px;
}

body[data-bs-theme="light"] #staff-datatable_paginate .paginate_button.current {
    border-color: #206bc4 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    background: transparent !important;
    border:none !important;
}
body[data-bs-theme="light"] .not-found-page{
    background:var(--dark-card-head-bg)
}
body[data-bs-theme="light"] .dataTables_empty{
    color:#000;
}
body[data-bs-theme="light"] .access-denied-heading{
    color: #000;
}
.visa-img-height {
  height: 40px; 
}
select#tx_chart_default option:disabled, select#psp_chart_default option:disabled {
    color: gray !important;
}
#staff-datatable_paginate a.paginate_button:active {
    background: transparent !important;
    box-shadow: none !important;
}
#staff-datatable_paginate a.paginate_button {
    background: #fff !important;
    border-color: #206bc429 !important;
    color: #206bc4 !important;
    box-shadow: rgb(32 107 196 / 10%) 0px 0px 3px 0px;
    border-radius: 5px;
}
body[data-bs-theme="dark"] .backoffice-bg .form-selectgroup-label:hover {
    color: #595c61;
}
.form-selectgroup-label:hover {
    color: rgb(30, 41, 59);
}
#pos_terminal_datatable_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button{
    border: none !important;
}
#pos_terminal_datatable_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    box-shadow: none !important;
}
body[data-bs-theme="dark"] #export-datatable .dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    border:transparent !important;
}
body[data-bs-theme="dark"] #export-datatable_paginate .paginate_button.current , body[data-bs-theme="dark"] #staff-datatable_paginate .paginate_button.current{
    background: #e0f0ff !important;
}
body[data-bs-theme=dark] button.new_user_accordion {
    border-radius: 10px !important;
}
body[data-bs-theme=dark] .new_user_accordion_header{
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    border-top-left-radius: 10px !important;
}
body[data-bs-theme=dark] .new_user_accordion_collapse{
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}
body[data-bs-theme="dark"] .side_menu_with_body .bg-azure-lt, body[data-bs-theme="dark"] .top_menu_with_body .bg-azure-lt{
    background: #1e293b !important;
}

/* Full Width */
@media (min-width: 1280px) {
    .page[data-screen-mode="full"] .container,
    .page[data-screen-mode="full"] [class^="container-"] {
        width: 100%;
        max-width: 100% !important;
    }
}
@media (max-width: 1279px) {
    .backoffice-bg .appearance_full_width {
        display: none;
    }
}
#send_invoice_model select{
    color: #001B60;
    font-weight: 600;
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-family: inherit;
    background-color: #fff;
}
.history_sender, .history_receiver {
    white-space: nowrap;
    overflow: hidden;
    max-width: 180px;
    text-overflow: ellipsis;
}
#all_select_invoices, .select_this_invoices {
    width: 20px;
    height: 20px;
}
#all_select_invoices:checked[type=checkbox], .select_this_invoices:checked[type=checkbox], body[data-bs-theme="dark"] .select_this_invoices:checked[type=checkbox] {
    background-color: #2AB514;
    border: none;
}
#send_invoice_model .link-secondary:hover {
    color: #fafbfc !important;
}
.edit_header_names{
    color: #495057;
}
.header_input {
    color: #000; 
    background: transparent; 
}
.header_edit_icon{
    background: transparent; 
}
.header_input.form-control:focus {
    color: black;
}
.backoffice_pill{
    background-color: #e9ecef;
}   
#fieldSelectionContainer input:focus{
    border-color: #007bff;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.3);
}

#fieldSelectionContainer button:focus{
    outline: 0;
}
/* multi select */
#dynamic-filters .ts-wrapper.multi .ts-control > div{
    background-color: white;
    border: 1px solid rgba(229, 231, 235, 1);
    padding: 3px 10px;
    font-weight: 500;
    color: black;
}
#dynamic-filters .ts-wrapper.multi .ts-control > div a{
    border-left: none;
}
.transaction_table_container #dynamic-filters .dropdown:nth-of-type(2) .dropdown-menu,
.transaction_table_container #dynamic-filters .dropdown:nth-of-type(4) .dropdown-menu,
.transaction_table_container #dynamic-filters .dropdown:nth-of-type(5) .dropdown-menu {
        max-width: 15rem;
        min-width: 15rem;
}
.ts-wrapper.multi.has-items .ts-control {
    padding-left: calc(.75rem - 5px);
    padding-right: calc(.75rem + 13px);
}

/* user setting add bulk user */
#import_file .dropbox {
    min-height: 190px;
}
#preview_user_details_table .error_border {
    border: 1px solid red !important;
    background: #f8d7da;
    color: #a4161a !important;
}
#import_file .file_download_container {
    background-color: #f0f7ff;
}
.file_download_container h4 {
    font-size: .785rem;
}
#file_info_container .file_type_image {
    width: 124px;
}
.user_file_upload_field {
    width: 350px;
}
@media (max-width: 700px) {
    .user_file_upload_field {
        width: 100% !important;
    }
}
@media (max-width: 550px) {
    .file_download_container {
        flex-direction: column;
        background-color: transparent !important;
    }
}
.add_bulk_user_card #preview_user_details .table_content_ellipsis {
    max-width: 25ch !important;
    display: table-cell !important;
}
.add_bulk_user_card .file_download_container .dropdown-menu {
    inset: 0px 0px auto auto !important;
}
.add_bulk_user_card .step_item_label {
    color: #001B60;
    font-weight: 600;
}
.add_bulk_user_steps_div .active .step_item {
    border: 2px solid #085FC0;
    background-color: white;
}
.add_bulk_user_steps_div .active .step_item .counter{
    background-color: #085FC0;
    color: white;
}
.add_bulk_user_steps_div .active .step_item {
    border: 2px solid #085FC0;
    background-color: #fff;
}
.add_bulk_user_card .step_item .counter {
    color: #333333;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    padding: 0;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #E0E6EE;
}
.add_bulk_user_steps_div .step_counter:not(:nth-child(3)) .step_item::after{
    content: " ";
    position: absolute;
    right: 50%;
    top: 107%;
    transform: translateX(50%);
    width: 2px;
    height: 5.5rem;
    background: #E0E6EE;
}
.add_bulk_user_steps_div .step_item{
    cursor: pointer;
    background-color: #E0E6EE;
    padding: 3px;
    border: 2px solid #E0E6EE;
    border-radius: 50%;
    z-index: 99;
}
.add_bulk_user_steps_div .success .step_item {
    border: 2px solid #00A100;
    background-color:#00A100;
}
.success .step_item .counter {
    background-color: #00A100;
    color: white;
}
.add_bulk_user_steps_div .step_counter.success .step_item::after {
    background: #00a100;
}
table#preview_user_details_table thead th {
    color: #001b60 !important;
    text-transform: uppercase;
    font-size: 0.69rem;
    cursor: pointer;
    border-top: 1px solid #e5e5e5;
    background: transparent;
    padding-top: 10px;
    padding-bottom: 10px;
}
.add_bulk_user_steps_div::after {
    content: " ";
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: #DCE1E7;
}
.side_menu_with_body #menu_body_section .page-wrapper.bulk_user_page_wrapper {
    margin-right: 18px !important;
}
.add_bulk_user_card .bulk_user_step_header {
    font-size: 1.125rem;
    color: #001B60;
}
@media only screen and (min-width: 768px) {
    .add_bulk_user_steps_div .step_counter {
        min-height: 100px;
    }
    .card.add_bulk_user_card {
        min-height: 25rem;
    }
}
.bulk_user_page_wrapper .btn-success {
    background-image: linear-gradient(#60cd60, #054d05) !important;
    border-radius: 10px;
}
.bulk_user_page_wrapper .btn-success:hover {
    background: var(--tblr-btn-color-interactive) !important;
}
.bulk_user_page_wrapper .btn-primary {
  background-image: linear-gradient(180deg, #086CD0 0%, #0B196C 100%);
  border-radius: 10px;
}
.bulk_user_page_wrapper .btn-primary:hover {
  background: var(--tblr-btn-color-interactive) !important;
}
#preview_user_details #staff_data_viewer {
    overflow-y: scroll;
}
body[data-bs-theme="light"] #preview_user_details #staff_data_viewer::-webkit-scrollbar-thumb {
    background: color-mix(in srgb, CanvasText 10%, Canvas 10%);
}
@media only screen and (max-width: 767px) {
    .add_bulk_user_steps_div .step_counter:not(:nth-child(3)) .step_item::after {
        right: 0 !important;
        top: 50% !important;
        left: 108%;
        transform: translateY(-50%) !important;
        width: var(--after-width, 100%) !important;
        height: 2px !important;
    }
    .add_bulk_user_steps_div::after {
        content: none !important;
    }
}

/* application setting css */
#crop_logo_modal .crop_image_cancel_btn {
    background-image: linear-gradient(#737791, #19191c);
    border: none;
    border-radius: 5px;
}
 #crop_logo_modal .modal-title {
    font-weight: 600;
    font-size: 1.25rem;
    color: #001B60 !important;
}
.app_setting_wrapper .btn-primary, .crop_logo_modal .btn-primary{
    background-image: linear-gradient(180deg, #0960C1 10%, #0B2980 90%);
    border-radius: 10px;
}
.app_setting_wrapper .btn-primary:hover, .crop_logo_modal .btn-primary:hover {
    background-image: var(--tblr-btn-color-interactive);
}
.app_setting_wrapper .btn-success {
    background-image: linear-gradient(#60cd60, #054d05);
    border-radius: 10px;
    transition: all 150ms;
}
.app_setting_wrapper .btn-success:hover {
    background-image: linear-gradient(var(--light-green), var(--light-green));
}
 .pos_payment, .app_settings_container .card_shadow {
    border-radius: 10px;
    box-shadow: 0px 2px 20px 0px #E7F1FF;
}
.company_logo_upload_container .disabled_bg{
    background-color: #f4f4f4;
}
.company_logo_upload_container .img_edit_div {
    border-right: 1px solid #d9dbde !important;
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}
body[data-bs-theme="light"] .company_logo_upload_container .img_upload_field {
    border-right: 1px solid #d9dbde;
    border-radius: 8px !important;
}
.logo_div .accepted_format_1, .logo_div .accepted_format {
    font-size: .875rem;
    word-break: break-all;
    line-height: 16px;
}
.app_menu_bar #paymentMenuDropdown {
    border-radius: 5px; 
    font-size: 0.75rem; 
    min-width: 13rem;
}
.input_text_image_url_img_tag .app_settings_img {
    height: 90px;
}
.application_setting_tabs .color_value_div{
    background-color: #f4f4f4;
    width: 100px;
}
.app_settings_container .color_picker_round {
    width: 40px;
    height: 40px;
    border: 1px solid black;
    padding: 2px;
}
.app_settings_container input[type="color"] {
    width: 34px;
    height: 34px;
}
.app_settings_container input[type="color"]::-webkit-color-swatch-wrapper {
    padding: 0;
}
.app_settings_container input[type="color"]::-webkit-color-swatch {
    border: none;
    border-radius: 50%;
}
.app_settings_container input[type="color"]::-moz-color-swatch {
    border: none;
    border-radius: 50%;
}
.app_setting_container .mobile_theme_div {
    border:1.5px solid #737791;
    border-radius: 20px;
}
.app_menu_bar {
    border-radius: 5px;
}
.app_setting_menu .app_menu_bar span, .app_menu_item {
    font-weight: 500 !important;
    color: #001B60;
    padding: 1.2rem 1rem;
}
.app_setting_menu .app_menu_bar span:hover, .app_menu_item:hover {
    color: #001B60;
}
.application_setting_tabs #input_text_image_url::placeholder, .application_setting_tabs .upload_image_placeholder, #upload_company_logo::placeholder, .logo_upload_info {
    color: #666666 !important;
    opacity: 1;
    font-weight: 500;
    font-size: .875rem!important;
}
.application_setting_tabs #input_text_image_url:disabled, .application_setting_tabs #choose_app_landingPage:disabled {
    background-color: rgba(244, 244, 244, 1) !important;
    cursor:auto;
    opacity: 0.5;
}
.application_setting_tabs #input_text_image_url {
    height: 50px !important;
}
.company_logo_upload_container .company_logo_label {
    border: 1px solid #d9dbde;
    font-size: 0.8125rem;
    height: 50px;
    border-radius: 8px;
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    opacity: 0.5;
}
#crop_logo_modal .crop_field {
    height: 500px;
}
.crop_logo_modal .modal-lg {
    max-width: 80%;
    margin: auto;
}
.edit_image_parent_container {
    height: 170px;
}
.input_text_image_url_img_tag {
    width: fit-content;
    height: 159px;
    background: #066FD10A;
    border: dashed #085FC0;
    min-width: 100%;
    top: -5px;
}
.edit_image_parent_container .logo_view_icon, .edit_image_parent_container .logo_edit_icon {
    transition: .5s ease;
    -ms-transform: translate(-50%, -50%);
}
.app_settings .checkbox_rounded {
    width: 20px;
    height: 20px;
    border: 1px solid #737791;
}
.app_settings .checkbox_rounded:disabled, .app_settings #upload_company_logo:disabled {
    cursor: auto !important;
}
.app_settings .tick_checked.checkbox_rounded:checked::before  {
    content : url('../img/theme.svg');
}
.app_settings .theme_outline {
    border-color: #066FD1;
}
.app_setting_container .small_font_indicator {
    font-size: 1.25rem;
}
.app_setting_container .large_font_indicator { 
    font-size: 2.125rem !important;
}
.font_small {
    font-size : 0.875rem;
}
.font_extra_large {
    font-size : 1.5rem;
    overflow-y: scroll;
}
.font_large {
    font-size : 1.25rem;
}
.font_medium {
    font-size : 1rem;
}
.app_setting_container .font_style_indicate_div {
    background-color: #066FD10A;
    height: 118px;
}
.app_settings .hr-text {
    width: 70%;
    justify-self: center;
    margin: 27px auto;
}
.app_settings .two_lines_ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.app_settings .two_lines_ellipsis.uploaded_logo_name {
    -webkit-line-clamp: 1 !important;
}
#pos_payment_list_sortable .payment_enabled {
    background-color: #66B5FF !important;
    box-shadow: 0 0 0 3px #8EC8FF80 !important;
}
#pos_payment_list_sortable .payment_disabled {
    background-color: #C6C6C6 !important;
    box-shadow: 0 0 0 3px #00000026 !important;
}
.pos_payment_enable_radio:checked{
    background-color: #36b85d !important;
}
.pos_payment_enable_radio{
    background-color: #e51300 !important;
}
.app_settings .payment_type_header {
    height: 60px !important;
}
#pos_payment_list_sortable .pos_payment_type_div {
    min-height: 4.25rem !important;
    max-height: 4.25rem !important;
}
.app_settings #accepted_currencies + div .ts-control {
   padding-right: 25px;
}
.app_settings .font_size_choose_option_small{
    font-size: 14px;
}
.app_settings .font_size_choose_option_medium{
    font-size: 16px;
}
.app_settings .font_size_choose_option_large{
    font-size: 18px;
}
body[data-bs-theme="light"] .app_settings .general_settings_input_bg{
    background-color: rgba(244, 244, 244, 1);
}
.payment_amount_feild + .input-group-flat:focus-within.error_border, #accepted_currencies + .error_border > .ts-control, #input_text_image_url.border-danger.form-control:focus {
    box-shadow: 0 0 0 .25rem rgba(214, 57, 57, .25) !important;
}
.app_menu_item.active{
    position: relative;
    color: #2068c4 !important;
    background-color: #C8E2FF;
    border-radius: 7px;
    box-shadow: 2px 2px 5px #0B298040 !important;

}
.app_menu_item.active:after {
    display: none;
}
#pos_payment_list_sortable .sortable_item.sortable-chosen .pos_payment_move{
    background-color:#085FC0 !important;
    color: white !important;
}
#pos_payment_list_sortable .pos_payment_move{
  position: absolute !important;
    top: 4px !important;
    right:6px;
    background-color: #066FD129;
    border-radius: 50%;
    color: #206bc4;
    touch-action: none;
}
.app_settings img#payment_2, .app_settings img#payment_11 {
    height: 23px !important;
}
.app_settings img#payment_12, .app_settings img#payment_8, .app_settings img#payment_10, .app_settings img#payment_7 {
    height: 35px !important;
    margin: 5px 0;
}

.app_settings img#payment_1 {
    height: 51px !important;
}
.app_settings img#payment_6 {
    height: 40px !important;
}
.app_settings img#payment_4 {
    height: 34px !important;
}
.app_settings img#payment_5 {
    height: 32px !important;
}
.app_settings img#payment_9, img#payment_3 {
    height: 30px !important;
}
.app_settings img#payment_9 {
    margin-left: -8px !important;
}
.pos_payment_type_div .pos_payment_info button {
    color: #066FD1;
}
.app_settings .right_error_border {
    border-right-color: red !important;
}
.app_settings_steps {
    padding: 2px;
    background-color: #EBEBEB;
    border-radius: 10px;
}
.app_settings_steps .step_item.checked::after {
    content: "";
    position: absolute;
    background-color: #085FC0 !important;
    border: 2px solid #72B5FF !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1.8rem;
    border-radius: 50%;
    height: 1.8rem;
}
@media (max-width:768px) {
    .app_setting_menu, #paymentMenuDropdown {
        background-color: transparent !important;
    }
    .app_menu_bar {
        width: 100% !important;
    }
}
.close_crop_field:focus, .crop_logo_modal .btn-link:focus, #delete_logo_modal .btn-close:focus {
    box-shadow: none !important;
}
.app_settings .de_app_setting_btns {
    position: absolute;
    right: 0;
    top: 100%;
}
.app_settings .font_size_choose_option {
    width: 0.857rem;
    height: 0.857rem;
}
.crop_logo_modal_content {
    object-fit: contain;
}
.general_sett_input_box.error_border .form-control:focus,
.general_sett_input_box.error_border:focus-within .input-group-text,
.general_sett_input_box.error_border .input-group-text,
.general_sett_input_box.error_border .form-control {
    border: none !important;
}
.app_settings .focus:not(.error_border) .ts-control {
    box-shadow: 0 0 0 .25rem rgba(32,107,196,.25) !important;
    border: 1px solid #90b5e2 !important;
}
#crop_logo_modal .crop_image_cancel_btn:hover {
    background-image: var(--tblr-btn-color-interactive);
}

/* SEARCH PAGE */
.search_card {
  border-radius: 10px;
}
.search_page_wrapper .btn-success {
  background-image: linear-gradient(#60cd60, #054d05) !important;
}
.search_page_wrapper .btn-success:hover {
  background: var(--tblr-btn-color-interactive) !important;
}
.search_page_wrapper .btn-primary {
  background-image: linear-gradient(180deg, #086CD0 0%, #0B196C 100%);
}
.search_page_wrapper .btn-primary:hover {
  background: var(--tblr-btn-color-interactive) !important;
}
.search_card .search_result_footer {
  background: rgba(11, 39, 125, 0.85);
  margin: 2px;
}
.search_result_item {
  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.25);
}
.search_result_component_container {
  display: grid;
}
.search_card .filter_btn,
.search_card .table_view_btn,
.search_card .grid_view_btn {
  height: 2.125rem;
}
.search_card .filter_date {
  background-color: #fff;
}
.search_card .transaction_total_counter {
  margin-bottom: 0 !important;
}
.search_result_item .transaction_status, .search_result_item .user_role .badge {
  border-radius: 9px;
  color: #fff !important;
}
.search_result_item .transaction_status_3 {
  background: #01b047 !important;
}
.search_result_item .transaction_status_1 {
  background: #fa8442 !important;
}
.search_result_item .transaction_status_2 {
  background: #f3cb5b !important;
}
.search_result_item .transaction_status_4 {
  background: #fc0100 !important;
}
.search_result_item .transaction_status_5 {
  background: #6c757d !important;
}
.search_result_item .transaction_status_7 {
  background: #e07254 !important;
}
.search_result_item .transaction_status_8 {
  background: #3696a2 !important;
}

.search_page_wrapper .ts-wrapper.plugin-remove_button .item .remove {
  border-left: none !important;
  margin-left: 10px;
}
.transaction_table tr td:first-child, .transaction_table tr th:first-child {
  padding-left: 2.25rem !important;
}
.transaction_table tr td:last-child, .transaction_table tr th:last-child, .search_card #staff-datatable tr td:last-child, .search_card #staff-datatable tr th:last-child {
  padding-right: 2.25rem !important;
}
.search_result_item .table_content_ellipsis {
  max-width: 13ch;
}
.search_card .select_count_export, .search_card .dataTables_info {
  margin: 0 !important;
}
.report_table_fotter_container {
  padding: 0 !important;
}
.search_card #export-datatable thead th:first-child,
.search_card #crs-export-datatable thead th:first-child {
  padding-left: 33px !important;
}
.search_card #export-datatable thead th:last-child,
.search_card #crs-export-datatable thead th:last-child {
  padding-right: 18px !important;
}
.search_result_item .text_break {
  max-width: 230px;
  margin-bottom: 2px !important;
}
.search_card .crs_dataTables_length {
  z-index: 99;
  right: 32px;
}
.search_card #crs-export-datatable_wrapper .top {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(98, 105, 118, 0.16);
    padding: 2rem;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    gap: 10px;
}
.search_card #export-datatable_wrapper .top {
    margin: 0;
    padding: 2rem !important;
    border-bottom: 1px solid rgba(98, 105, 118, 0.16);
}
.search_card #export-datatable_wrapper .top .dataTables_length {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.search_card #export-datatable_wrapper .top .dataTables_length, 
.search_card #export-datatable_wrapper .bottom .dataTables_length {
    margin-bottom: 0 !important;
}
.search_card #export-datatable_wrapper .bottom {
    padding: 2rem !important;
    border-top: 1px solid rgba(98, 105, 118, 0.16);
    margin: 0;
}
.search_card #crs-export-datatable_wrapper .bottom {
    margin: 0;
    padding: 2rem !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.search_card #export-datatable_wrapper .select_count_export label {
  padding: 2px 0;
}
.search_card #export-datatable_wrapper .select_count_export {
  padding: 3px 6px !important;
}
.search_card #export-datatable_wrapper .select_count_export #select_tr_count, .search_card #crs-export-datatable_paginate  {
  padding: 0 !important;
}
.search_card .transaction_table_fotter_container:not(.card-footer), .search_card .staff_table_fotter_container:not(.card-footer) {
  border-bottom: 1px solid rgba(98, 105, 118, 0.16);
}
.search_card .fit_content {
  width: fit-content !important;
}
.search_card .position_relative {
    position: relative;
}
.search_card .product_CARDSCAN, .search_card .product_NFC {
  height: 16px;
}
.search_card .product_CASH,
.search_card .product_LINK,
.search_card .product_QRBANKPAY {
  height: 28px;
}
.search_card .product_image_div {
  position: absolute;
  right: -14px;
  top: -13px;
}
.search_card table#export-datatable thead th,
.search_card table#crs-export-datatable thead th,
.search_card #transaction-list thead,
.search_card table#staff-datatable th {
  border-top: none !important;
}
.search_card #export-datatable tr th {
  border-bottom: 1px solid rgba(98, 105, 118, 0.16) !important;
}
.search_card #crs-export-datatable td:nth-child(1), .search_card #export-datatable td:nth-child(1) {
  text-align: center;
}
.search_card .search_page_list .clickable-label p {
  color: #001b60;
}
.search_card .search_result_component_container {
  row-gap: 40px;
  column-gap: 70px;
}
#staff-list .search_result_item {
  min-height: 270px !important;
}
.search_card .product_GOOGLEPAY_div {
    padding: 15px 4px 0 0;
  }
.search_card .product_CASH_div, .search_card .product_APPLEPAY_div,
.search_card .product_PAYPAL_div, .search_card .product_LINK_div,
.search_card .product_ALIPAY_div, .search_card .product_QRBANKPAY_div,
.search_card .product_PLAID_div {
    padding: 15px 15px 0 0;
}
.search_card .product_WECHATPAY_div,
.search_card .product_IVR_div {
    padding: 10px 10px 0 0;
}
.search_card .product_WECHATPAY,
.search_card .product_IVR {
  height: 33px;
}
.search_card .product_CARDSCAN_div, .search_card .product_NFC_div {
  right: -3px !important;
  top: 0 !important;
}
.search_card .ts-wrapper.form-select .ts-control .item {
  margin: 0;
  padding: 0.073rem;
  padding-left: 6px;
  margin-right: 5px;
  margin-bottom: 2px;
  background-color: #fff;
  border: 1px solid rgba(229, 231, 235, 1);
  font-weight: 400;
  color: black;
}
.search_card #filter_date_range {
  color: #000 !important;
  font-weight: 400 !important;
}
.search_card #export-datatable {
    border-bottom: none !important;
}
.search_card .tr_details_div p, .search_card .search_result_footer p, .search_card .report_details p {
    font-size: 0.8rem;
}
.search_card .report_details p span {
    font-weight: 500;
}
.search_card #crs-export-datatable .export_btn.dropdown-menu:before {
    top: 0.5rem !important;
}
.search_card .search_result_item.report_details .export_btn.dropdown-menu:before {
    content: none !important;
}
.search_card #crs-export-datatable td:has(.dropdown-menu.show) {
    z-index: 100;
}
@media only screen and (min-width: 600px) and (max-width: 992px) {
    .search_result_component_container {
      grid-template-columns: repeat(2, 1fr);
    }
}
@media only screen and (max-width: 1110px) {
  .search_card #export-datatable_wrapper .bottom {
    margin-top: auto;
  }
}
.search_card .one_lines_ellipsis,
.global_search_ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
.search_card .table_view_btn, .search_card .grid_view_btn {
    background-image: linear-gradient(#737791, #19191c);
}
.bg-azure-lt.disabled {
    opacity: 1 !important;
}
.txn_tom_select select, .report_tom_select select:not(#export_product_id) {
    display: none;
}
.search_card .search_page_radio.form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e") !important;
}
.search_card .search_page_radio.form-check-input:focus {
    box-shadow: none !important;
}
.search_card #export-datatable thead th:last-child, .search_card #export-datatable thead th:first-child {
    border-radius: 0;
}
.search_result_item .refunded_amount{
    color: #20ff20 !important;
}
.search_result_item .refunded_transactions{
    color: #ff2020 !important;
}
#report-list .export_btn.dropdown-menu:before {
    content: none !important;
}
.search_page_wrapper .form-control.error_border:focus {
    border: 1px solid red;
    box-shadow: 0 0 0 .25rem rgba(214, 57, 57, .25) !important
}
.search_page_wrapper .transaction_pagination .page-item.active .page-link {
    min-width: 0 !important;
}
#report-list .report_total_counter, #report-list #export-datatable_length label {
    border-radius: 8px;
    font-size: 0.75rem !important;
    color: #206bc4 !important;
}
#report-list label.report_table_list {
    padding: 2px 0px;
}
.transaction_pagination .pagination{
    row-gap: 14px;
}
.search_page_wrapper .crs_entries_select {
    background-color: transparent;
}

/* Profile Page Redesign */
.nav-link.active {
    color: #066FD1;     
    font-weight: 600 !important;
    border-bottom: 4px solid #066FD1;
  } 
.profile_page_nav_link{
    margin-right: 7px;
    font-size: 0.87rem;
}
.profile_page_nav_lable{
    font-size: 1rem;
    color: rgba(0, 27, 96, 1);
    font-weight: 600;
}
.profile_page_navbar.active .profile_page_nav_lable{
    color: #066FD1 !important;
}
.merchant_profile_image{
    width: 150px;
    height: 150px;
    background-size: cover;  
    background-position: center;
    background-repeat: no-repeat; 
    border-radius: 50% !important;
    object-fit: cover;
}
.profile_page_heading{
    color: rgba(0, 27, 96, 1);
    font-weight: 600;
    font-size: 1rem;
}
.sso_type_name{
    color: rgba(0, 27, 96, 1);
    font-weight: 600;
}
.profile_page_desc{
    font-size: 0.87rem;
}
.staff_profile_edit_btn,#profile_cancel_btn{
    background-image: linear-gradient(#086CD0, #0B196C);
    border-radius: 10px;
    color: #ffffff !important;
    border:none;
}
.staff_profile_upload_btn{
    background-image: linear-gradient(#086CD0, #0B196C);
    border-radius: 10px;
    color: #ffffff !important;
    border:none;
    min-width: 197px;
}
.staff_profile_edit_btn:hover,#profile_cancel_btn:hover{
    color: var(--tblr-btn-color-text);
    background: var(--tblr-btn-color-interactive);
}
#profile_cancel_btn a{
    text-decoration: none;
    color: #ffffff;
}
.staff_profile_remove_btn {
    background-image: linear-gradient(#ff5f5f, #cc0000);
    border-radius: 10px;
    transition: all 150ms;
    color: #ffffff !important;
    border: none;
    min-width: 197px;
}
.staff_profile_remove_btn:hover {
    background: linear-gradient(#b30000, #ff6666);
}
.staff_profile_edit_save_btn {
    background-image: linear-gradient(#60cd60, #054d05);
    border-radius: 10px;
    transition: all 150ms;
    color: #ffffff !important;
    border: none;
    min-width: 80px;
}
.staff_profile_edit_save_btn:hover {
    background: linear-gradient(#17a117, #4eda4e);
}
.profile_page_merchant_name{
    color: rgba(0, 27, 96, 1);
    font-size: 1rem;
}
.profile_info_heading{
    color: rgba(0, 27, 96, 1);
}
.profile_input_bg_colour{
    background-color:rgba(220, 225, 231, 1) ;
    color: black !important;
}
.profile_language_select{
    font-size: 1rem;
}
.profile_mobile_input_box .mobile_label{
    display: none;
}

.mobile_input_bg_colour input{
    background-color:rgba(220, 225, 231, 1) ;
    color: black !important;
}
.staff_mmobile_input_bg_colourobile .country_mobile_code{
    background-color:rgba(220, 225, 231, 1) ;
}
.profile_page_container{
    height: 100%;
    box-shadow: 0px 2px 20px 0px #E7F1FF !important;
    border-radius: 10px !important;
}
.profile_page_email_label{
    color: rgb(22, 72, 146);
    background-color: rgba(198, 239, 255, 0.774);
    border-radius: 10px;
    margin-bottom: 5px;
}
.profile_input_box{
    border-radius: 4px;
}
.profile_mobile_input_box input{
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.profile_mobile_input_box .mobile_values{
    padding-top: 2px;
}
.profile_page__mobile_box .mobile_field_shadow{
    border-radius: 4px !important;
}
.mobile_input_bg_colour  #mobile_number, .mobile_input_bg_colour  .select_box{
    background-color: rgba(220, 225, 231, 1) !important;
    color:black !important;
}
.profile_page__mobile_box #mobile_number, .mobile_input_bg_colour  .select_box{
    border-radius: 4px ;
}
.mobile_input_bg_colour .country_mobile_code{
    background-color: rgba(220, 225, 231, 1) !important;
}

@media (max-width: 767px) {
    .profile_mobile_input_box .country_mobile_code{
        width: 80px;
    }
}
@media (min-width: 748px) and (max-width: 1080px) {
    .profile_mobile_input_box .country_mobile_code{
        width: 80px;
    }
}
  #staff_mobile .mobile_label{
    display: none;
}
.profile_page__mobile_box .mobile_info_div{
    border-radius: 4px;
    padding: 0.1rem;
}
.profile_page__mobile_box{
    border-radius: 4px !important;
}
.profile_page__mobile_box .country_mobile_code{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.staff_profile_back_btn{
    background-image: linear-gradient(#086CD0, #0B196C);
    border-radius: 10px;
    color: #ffffff !important;
    border:none;
}
.profile_page_container{
    box-shadow: 0px 2px 20px 0px #E7F1FF !important;
}
.profile_image_container{
    border-bottom: 1px solid grey;
}
@media (max-width: 767px) {
    .profile_page_container{
       margin-top: 20px;
  }
  .nav-link.active {
    border: none !important;
  }
}
.profile_navbar{
    font-size: 1rem;
    border: none;
    font-weight: 600;
    color: #066FD1;
    width: 100% !important;
}
.profile_navbar_container{
    border-radius: 5px;
    background-color: #F2F7FF;
}
@media (max-width: 575px) {
    .profile_menu {
     background-color: #F2F7FF;
    }
    .profile_navbar_container{
        border-radius: 5px;
        background-color: #ffffff;
    }
  }
.dropdown-menu.profile_dropdown_navbar {
    width: 100% !important;
}
.profile_menu_bar{
    width: 100%;
}
.profile_menu{
    border-radius: 8px;
}
.profile_page_navbar{
    display: flex;
    justify-content: end;
    align-items: center;
    padding-bottom: 13px !important;
    text-decoration: none !important;
    color: #001B60 !important;
}
.profile_page_navbar.active{
    color: #066FD1 !important;     
    font-weight: 600 !important;
    border-bottom: 4px solid #066FD1;
}

.profile_dropdown_navbar{
    width: 100px !important;
}
.profile_page_navlink{
    display: flex;
    justify-content: start;
    align-items: center;
    text-decoration: none !important;
    color: #0B196C;
}
.profile_page_navlink .profile_page_nav_lable{
    color: black;
}
.profile_page_navlink.active .profile_page_nav_lable{
    color: #066FD1;
}
.profile_page_navlink.active {
    background-color:#F2F7FF;
    color: #066FD1;
}
.profile_security_edit_save_btn {
    background-image: linear-gradient(#28a745, #1c7430);
    border-radius: 10px;
    color: #ffffff !important;
    border: none;
    min-width: 80px;
}
.profile_security_edit_save_btn:hover {
    background-color: #155724; 
}
  .profile_change_password{
    background-image: linear-gradient(#086CD0, #0B196C);
    border-radius: 10px;
    color: #ffffff !important;
    border:none;
}
.profile_change_password:hover{
    color: var(--tblr-btn-color-text);
    background: var(--tblr-btn-color-interactive);
}
.profile_nav_btn{
    padding-bottom: 10px;
    color: #0B196C;
}
.verify_code_viaemail{
    margin-top: 2px;
    margin-right: 10px;
}
.sso_account_type .sso_type_name{
    margin-right: 10px;
}
.header_profile_image{
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 20% !important;
    object-fit: cover;
}
.avatar {
    --tblr-avatar-size: 2.5rem;
    position: relative;
    width: var(--tblr-avatar-size);
    height: var(--tblr-avatar-size);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 20%;
    overflow: hidden;
    background: transparent;
}
.avatar svg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.sso_ccount_type .profile_page_email_label,.sso_ccount_type .form-check{
    margin-bottom: 2px;
}
.profile_mobile_input_box .select_option:after{
    top: 38%;
}
.profile_navbar:focus,
.profile_navbar:active,
.profile_navbar:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}
.profile_edit_txtb.error_border:focus, .mobile_info_div.error_border:focus{
    border-color: #d63939;
    box-shadow: 0 0 0 .25rem rgba(214, 57, 57, .25) !important;
}
.mobile_input_container .select_option{
    width: 100px !important;
}
#two_step_authentication_code_email, .sso_register_btn, #two_step_authentication_for_user_rights{
    cursor: pointer;
}
.list-group-horizontal a {
    padding: 1.2rem 1rem;
}
body[data-bs-theme="dark"] .profile_page_container .profile_navbar_container {
    border: none !important;
}
body[data-bs-theme="dark"] .profile_svg_col svg path{
    fill: #006ded;
}
.profile_language_dropdown .flag{
    border: none;
}
body[data-bs-theme="dark"] .profile_page_container_div {
    border: 1px solid var(--dark-border-color) !important;
    box-shadow: none !important;
    background-color: var(--dark-body-bg) !important;
    border-radius: 10px;
}
body[data-bs-theme="light"] .profile_page_container_div {
    box-shadow: 0px 2px 20px 0px #E7F1FF !important;
}
.profile_dropdown_navbar {
    transform: translate(0px, 3.2rem) !important;
}
.profile_language_dropdown ul {
    transform: translate(0px, 2.7rem) !important;
}
#tabs_security small {
    font-size: 0.88rem !important;
}
@media screen and (max-width:991px){
    .profile_navbar_container {
        background-color: transparent !important;
    }
}
@media screen and (max-width:425px){
    #tabs_security .profile_page_email_label {
        max-width: 100% !important;
    }
    .transaction_chart_container select{
        width: 100% !important;
    }
    .dashboard_user_email {
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 150px;
        white-space: nowrap;
    }
}
.profile_page_email_label{
    width: fit-content;
}
#profile_cancel_btn_modal .modal-content {
    border-radius: 15px;
}
.staff_profile_upload_btn:focus, .staff_profile_remove_btn:focus{
    box-shadow: none;
}
@media screen and (max-width: 405px) {
    .profile_form_btns{
        justify-content: center !important;
    }
    .profile_form_btns button{
        min-width: 197px;
    }
}
.modal-status.bg-warning {
    width: 95%;
    margin: auto;
}
#transaction_col_reset svg {
    width: 17px;
    height: 17px;
}
#transaction_col_reset{
    min-width: 10px;
}
.settings_drop_down .settigs_dropdown_headings{
    margin: auto 0;
}
/* Webhook Status Task start*/
.webhook-status-checkbox-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.webhook-status-checkbox-group .inside-radio {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
}
.webhook-status-checkbox-group .inside-radio label {
    color: #737791;
    font-size: 0.75rem;
    cursor: pointer;
    padding: 10px 1px;
    margin-bottom: 0;
    margin-left: 8px;
}
.webhook-status-checkbox-group .inside-radio input[type="checkbox"] {
    display: none;
}

.webhook-status-checkbox-group .inside-radio input[type="checkbox"] + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
}
.webhook-status-checkbox-group .inside-radio input[type="checkbox"] + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    border: 2px solid #737791;
    border-radius: 50%;
    background: white;
    transition: all 0.3s ease;
}
.webhook-status-checkbox-group .inside-radio input[type="checkbox"] + label:after {
    content: '';
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%) scale(0);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #66B5FF;
    transition: transform 0.3s ease;
}
.webhook-status-checkbox-group .inside-radio input[type="checkbox"]:checked + label:after {
    transform: translateY(-50%) scale(1);
}
.webhook-status-checkbox-group .inside-radio input[type="checkbox"]:checked + label:before {
    border-color: #66B5FF;
}
.webhook-status-checkbox-group .inside-radio input[type="checkbox"]:disabled + label {
    cursor: not-allowed;
    opacity: 0.6;
}
.webhook-status-checkbox-group .inside-radio input[type="checkbox"]:disabled + label:before {
    border-color: #ccc;
    background: #f8f9fa;
}
.webhook-status-checkbox-group .inside-radio input[type="checkbox"]:disabled:checked + label:after {
    background: #6c757d;
}
/* user setting redesign */
.user_setting_btn {
    background-image: linear-gradient(180deg, #086CD0 0%, #0B196C 100%);
    border: none;
    border-radius: 10px;
}
.staff-filter-table .card-body, .user_role_group_table  .card-body{
    padding-left: 0;
    padding-right: 0;
}
table#staff-datatable th:nth-child(1), table#staff-datatable td:nth-child(1) {
    padding-left: 2rem !important;
    text-align: left !important;
}
.staff-action-menu {
    background: #DBEDFB;
    border-radius: 4px;
    padding: 8px 15px;
}
#add_custom_field_prompt .modal-content,
#add_custom_field_prompt .modal-header,
#modal-assign-user .modal-content, 
#edit_custom_fields_modal .modal-content, 
#edit_custom_fields_modal .modal-header, 
#modal-assign-user .modal-header, 
#modal-edit-profile-info .modal-content,
#customFieldModal .modal-content, 
#customFieldModal .modal-header{
    border-radius: 15px;
}
#add_custom_field_prompt .modal-header,
#edit_custom_fields_modal .modal-header,
#modal-assign-user .modal-header,
#modal-edit-profile-info .modal-header,
#customFieldModal .modal-header {
    border-bottom: none;
    background: transparent;
    min-height: 0;
    padding: 2.18rem 2.18rem 1.25rem;
}
#customFieldModal .modal-body{
    padding:  2.18rem 2.18rem 1.5rem;
}
#add_custom_field_prompt .modal-body{
    padding: 0 2.18rem 1.25rem 2.18rem;
}
#add_custom_field_prompt .modal-title, #edit_custom_fields_modal .modal-title, #customFieldModalLabel {
    font-weight: 600;
    font-size: 1.25rem;
    color: #001B60 !important;
}
.custom_field_expand_btn{
    font-weight: 600;
    font-size: 1rem;
    color: #001B60 !important;
}
#edit_custom_fields_modal .modal-body .alert-info, #add_custom_field_prompt .modal-body .alert-info{
    background: #E9F2FB;
    border-radius: 8px; 
    border: none;
    border-left: none;
    box-shadow: none;
}
#modal-edit-profile-info .modal-body,
#edit_custom_fields_modal .modal-body,
#modal-assign-user .modal-body,
#modal-assign-user .modal-footer,
#customFieldModal .modal-footer,
#add_custom_field_prompt .modal-footer,
#edit_custom_fields_modal .modal-footer {
    padding: 2.18rem !important;
    padding-top: 0 !important;
}
#accordionPanelForCustomfields .accordion-item {
    box-shadow: 0px 2px 20px #E7F1FF;
    border-radius: 12px !important;
    margin: 0;
}
#accordionPanelForCustomfields .accordion-item:nth-child(3) {
    margin-bottom: 0 !important;
}
#accordionPanelForCustomfields .accordion-header {
    height: 72px;
}
#accordionPanelForCustomfields .alert-icon {
    color: #001B60;
}
.label_mand_field , .label_file_enabled, #customFieldModal .form-check label {
    color: #001B60 !important;
}
.custom_field_expand_btn::after{
    background-image: url("../img/plus.svg")
}
.custom_field_short_btn::after{
    background-image: url("../img/plus.svg")
}
.role_groups_steps_div::after, .add_user_steps_div::after, .edit_user_role_steps_div::after {
    content: " ";
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: #DCE1E7;
}
.step_item_label {
    color: #001B60;
    font-weight: 600;
}
.role_groups_steps_div .step_counter:not(:nth-child(3)) .step_item::after, 
.add_user_steps_div .step_counter:not(:nth-child(4)) .step_item::after, 
.edit_user_role_steps_div .step_counter:not(:nth-child(3)) .step_item::after {
    content: " ";
    position: absolute;
    right: 50%;
    transform: translateX(50%);
    width: 2px;
    height: 93.34px;
    background: #E0E6EE;
}
@media (min-width: 768px) {
    .role_groups_steps_div .step_counter:not(:nth-child(3)) .step_item::after, 
    .add_user_steps_div .step_counter:not(:nth-child(4)) .step_item::after, 
    .edit_user_role_steps_div .step_counter:not(:nth-child(3)) .step_item::after {
        margin-top: 5px;
    }
}
@media(max-width:767px){
    .role_groups_steps_div .step_counter:not(:nth-child(3)) .step_item::after, 
    .add_user_steps_div .step_counter:not(:nth-child(4)) .step_item::after, 
    .edit_user_role_steps_div .step_counter:not(:nth-child(3)) .step_item::after {
        margin-left: 2px;
    }
}
.step_item .counter {
    color: #333333;
    width: 26px;
    height: 27px;
    border-radius: 50%;
    padding: 0;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #E0E6EE;

}
.role_groups_steps_div .active .step_item .counter, 
.add_user_steps_div .active .step_item .counter, 
.edit_user_role_steps_div .active .step_item .counter {
    background-color: #085FC0;
    color: white;
}
.role_groups_steps_div .step_item, 
.add_user_steps_div .step_item, 
.edit_user_role_steps_div .step_item {
    background-color: #E0E6EE;
    padding: 3px;
    border: 2px solid #E0E6EE;
    border-radius: 50%;
    z-index: 99;
}
.role_groups_steps_div .active .step_item, 
.add_user_steps_div .active .step_item, 
.edit_user_role_steps_div .active .step_item {
    border: 2px solid #085FC0;
    background-color:white;
}
.role_groups_steps_div .success .step_item, 
.add_user_steps_div .success .step_item, 
.edit_user_role_steps_div .success .step_item {
    border: 2px solid #00A100;
    background-color:#00A100 !important;
}
.success .step_item .counter {
    background-color: #00A100 !important;
    color: white;
}
.role_groups_steps_div .step_counter.success .step_item::after, 
.add_user_steps_div .step_counter.success .step_item::after,
.edit_user_role_steps_div .step_counter.success .step_item::after {
    background: #00a100;
}
#dept_roles .form-selectgroup-input[type=radio]:checked+.form-selectgroup-label .form-selectgroup-check {
    background-image: url("../img/check.svg") !important;
    background-color: transparent;

}
#dept_roles .form-selectgroup-check {
    margin-top: -15px;
    margin-right: -5px;
}
#dept_roles .role_header {
    color: #333333;
    margin-bottom: 15px;
}
#dept_roles .form-selectgroup-input:checked+.form-selectgroup-label, #roles_group .form-selectgroup-input:checked+.form-selectgroup-label {
    background: transparent;
    border-color: #085FC0 !important;
}
.select_role_outer {
    padding: 3px;
    border: 2px solid transparent;
}
.role_border {
    border: 2px solid #085FC0;
    border-radius: 9px;
    background: rgba(32, 107, 196, .04);
}
.dept_roles_radio:focus+ .role_info, .roles_groups_radio:focus+ .role_info  {
    box-shadow: none;
}
#role_group_name:disabled, #merchant_staff {
    background-color: transparent;
    padding: 10px 13px;
}
#assign_user_later {
    border-radius: 10px;
    border: 1px solid #D0D0D0;
}
#modal-role-group-created-success .modal-content, 
#modal-role-group-finish .modal-content, 
#modal-accept-add-user .modal-content, 
#modal-role-group-success .modal-content ,
#modal-role-group-skip .modal-content ,
#modal-failure .modal-content ,
#modal_delete_roles_group .modal-content ,
#modal-delete-success .modal-content ,
#modal-error-single-role-group .modal-content ,
#modal-edit-role-group-success .modal-content ,
#modal-No-users-found .modal-content ,
#modal-role-group-update-success .modal-content, #modal-delete-store-config .modal-content {
    border-radius: 15px;
    background: #FFFFFF;
    border: 1px solid #E0E6EE;
}
.setup_later_btn a {
    border-radius: 6px;
}
.role_group_card .role_step_header, .add_user_card .add_user_step_header, .staff_roles_roles_depts .add_user_step_header,  .search_card .add_user_step_header {
    font-size: 1.125rem ;
    color: #001B60;
    margin-bottom: 15px;
}
.custom_field_expand_btn:not(.collapsed)::after {
    background-image: url(../img/minus.svg);
    height: 3px;
}
.custom_field_desc svg{
    color: #001B60;
}
.custom_field_desc {
    margin-top: 0.05rem!important;
}
/* create user page redesign */
#add_user_details label.form-label {
    opacity: .7;
}
body[data-bs-theme="light"] #add_user_roles_groups .hr-text, body[data-bs-theme="light"] .staff_roles_roles_depts .hr-text {
    font-size: 1.25rem;
    color: black;
}
#roles_group .view_role_grp_privilege_btn {
    position: absolute;
    bottom: 6px;
    right: 0px;
}
/* staff table css */
.staff_total_list select {
    border: none;
    background: transparent;
}
.staff_footer_show_total, .staff_total_result{
    border-radius: 26px;
    border: none;
    background: rgba(224, 240, 255, 1);
    color: rgba(0, 27, 96, 1) !important;
    font-weight: 600;
    padding: 4px 17px;
    font-size: 0.75rem;
    cursor: unset;
}
.staff_footer_show_total{
    margin-bottom: 2px !important;
}
.staff_table_header{
    border: none;
    background: transparent !important;
}
.staff_tables_heading_content{
    flex-wrap: wrap;
}
#staff_filter_reset {
    background-image: linear-gradient(#737791, #19191c);
    border: none;
}
#staff_filter_reset{
    color: #737791 !important;
}
@media only screen and (max-width: 360px) {
    .export_btn, .staff_col_config{
        font-size: smaller;
        padding: 5px;
    }
    .staff_col_config svg, .export_btn svg {
        width: 1rem !important;
        height: 1rem !important;
        margin: 0px !important;
    }
}
.staff_col_config .dropdown-menu-arrow::before{
    display: none;
} 
@media only screen and (max-width: 360px) {
    .staff_total_counter{
        font-size: 0.625rem;
    }
    .staff_col_config svg, .export_btn svg {
        width: 1rem !important;
        height: 1rem !important;
        margin: 0px !important;
    }
}
.staff_settings_btn, .staff_search_btn{
    background-image: linear-gradient(#086CD0, #0B196C);
    border: none;
}
.staff_total_counter {
    border-radius: 5px;
}
.staff_total_counter select {
    border: none;
    background: transparent;
    outline: none;
}
@media only screen and (max-width: 1040px) {
    .staff_total_counter{
        min-width: 90px;
    }
}
@media only screen and (max-width: 360px) {
    .export_btn, .transaction_col_config{
        font-size: smaller;
        padding: 5px;
    }
    .staff_total_counter{
        font-size: 0.625rem;
    }
}
.staff_total_counter {
    border-radius: 8px;
}
.staff_total_counter select {
    border: none;
    background: transparent;
    outline: none;
}
@media only screen and (max-width: 1040px) {
   .staff_total_counter{
       min-width: 90px;
   }
}
@media only screen and (max-width: 360px) {
    .staff_total_counter{
        font-size: 0.625rem;
    }
}
label.staff_table_list {
    padding: 2px 0px;
}
.staff_table_fotter_container{
    border-radius: 0 0 10px 10px;
}
@media only screen and (max-width: 520px) {
    .staff_table_fotter_container{
        flex-direction: column;
        gap: 10px;
    }
} 
@media only screen and (max-width: 520px) {
    .staff_table_fotter_container{
        flex-direction: column;
        gap: 10px;
    }
} 
.staff_table_filters{
    border-color: #d8dee4;
    border-radius: 15px;
    border-style: dashed;
    border-width: 2px;
    padding: 3px 6px 3px 6px;
    cursor: pointer;
    font-size: 0.8rem;
    font-weight: 500;
}
.settigs_dropdown_headings{
    color: #001b60 !important;
    font-size: 0.75rem;
}
.settigs_dropdown_headings{
    color: rgba(115, 119, 145, 1);
    font-size: 0.75rem;
}
#action_roles_grps .staff-action-menu {
    width: fit-content;
}
.highlighted_filter {
    border-color: #2fb34480 !important;
}
.name_table_td div:first-child {
    width: fit-content;
}
.name_table_td .badge-outline.text-green {
    background-color: #00A100;
    color: white !important;
    padding: 0.25rem 0.4rem;
}
.name_table_td .badge-outline.text-red {
    background-color: #FF3F56;
    color: white !important;
    padding: 0.25rem 0.4rem;
}
.name_table_td .badge-outline.text-cyan {
    background-color: #0B96AC;
    color: white !important;
    padding: 0.25rem 0.4rem;
}
.name_table_td .badge-outline.text-blue {
    background-color: #085FC0;
    color: white !important;
    padding: 0.25rem 0.4rem;
}
.name_table_td .badge-outline.text-yellow {
    background-color: #f59f00;
    color: white !important;
    padding: 0.25rem 0.4rem;
}
.name_table_td .badge-outline.text-purple {
    background-color: #ae3ec9;
    color: white !important;
    padding: 0.25rem 0.4rem;
}
.name_table_td .badge-outline {
    border-radius: 50px;
}
.staff-filter-table .staff_table_fotter_container {
    border-top: none;
}
#staff-datatable tr:hover {
    background-color: transparent !important;
  }
  .staff_sort_asc.active path, .staff_sort_desc.active path {
    fill: #001B60;
  }
  .disable_pagination {
    pointer-events: none;
    opacity: 0.2;
}
.pagination {
    padding-left: 0;
    border-radius: 4px;
}
.pagination > li {
    display: inline;
}
.disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.5 !important;
}
.staff_pagination .page-link {
    border: none !important;
    font-size: 0.75rem;
}
.staff_footer_show_total, .staff_total_result{
    border-radius: 26px;
    border: none;
    background: rgba(224, 240, 255, 1);
    color: rgba(0, 27, 96, 1) !important;
    font-weight: 600;
    padding: 4px 17px;
    font-size: 0.75rem;
    cursor: unset;
}
.staff_pagination a.page-link.page-number {
    color: rgba(91, 87, 87, 1);
    background: 0 0;
}
.staff_pagination .page-item.active .page-link {
    background: #e0f0ff;
    color: rgba(6, 111, 209, 1);
    border-radius: 25px;
}
.staff-action-menu .dropdown-menu {
    background: #F9FBFF;
    padding: 0;
}
.staff-action-menu .dropdown-menu a{
    text-decoration: none;
    color: #001B60;
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: start;
}
.staff_number_of_users_col, .staff_description_col {
    width: 250px;
}
.card.add_user_card, .card.role_group_card, .staff_role_card  {
    min-height: 500px;
    box-shadow: 0px 3px 13px 0px #d7e7ff !important;
    border-radius: 10px;
}
.card.staff-filter-container, .card.staff_role_card, .card.user_role_group_table, .card.edit_rg, .card.role_group_card, .card.add_user_card {
    box-shadow: 0px 3px 13px 0px #d7e7ff !important;
    border-radius: 10px;
    border: none;
}
.card.staff-filter-container {
    box-shadow: 0px 3px 13px 0px #d7e7ff !important;
}
.user_setting_success_btn {
    background-image: linear-gradient(#60cd60, #054d05) !important;
    border-radius: 10px;
    transition: all 150ms;
    border: none;
}
.user_setting_success_btn:hover {
    background: linear-gradient(#17a117, #4eda4e) !important;
    color: #fff;
    border: none;
}
.step_counter .step_item {
    cursor: pointer;
}
.add_user_steps_div .step_counter, .edit_user_role_steps_div .step_counter {
    min-height: 110px;
}
td.actions_table_td:has(.dropdown-menu.show), 
td#action_roles_grps:has(.dropdown-menu.show) {
    z-index: 100;
}
.staff-action-menu .dropdown-toggle{
    background-color: unset !important;
    border: none;
    padding: 6px 8px;
}
#add_user_details .select_option {
    max-width: 100px;
    min-width: 89px;
}
#merchant_staff {
    height: 290px;
}
#modal-edit-profile-info .input-group-flat:focus-within {
    box-shadow: none !important;
}
#modal-edit-profile-info .quick_edit_profile_info_close, .model_cancel_btn {
    background-image: linear-gradient(#737791, #19191c);
    border: none;
    border-radius: 10px;
}
#card-new-user-success {
    margin-left: 0px !important;
}
td.more_field_table_td:has(.dropdown-menu.show) {
    z-index: 100;
}
#staff_data_viewer{
    min-height: 350px !important;
}
@media (max-width: 400px) {
    .quick_edit_mobile .country_mobile_code{
        width: 100px;
    }   
}
/* Role Mangement Design */
.roles_grp_desc{
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 1100px;
    white-space: nowrap;
}
@media (max-width: 1400px) {
    .roles_grp_desc{
        max-width: 850px;
        }
}
@media (max-width: 1121px) {
    .roles_grp_desc{
        max-width: 500px;
        }
}
@media (max-width: 711px) {
    .roles_grp_desc{
        max-width: 350px;
        }
}
@media (max-width: 574px) {
    .roles_grp_desc{
        max-width: 150px;
    }
    .user_profile_btns{
        width: 100%;
    }
}
.merchant_staff_edit_page_container hr{
    margin: 0px;
    margin-bottom: 1.5rem;
}
.user_profile_mobile_feild .country_mobile_code{
    width: 6.2rem !important;
    margin: auto;
}
#toast{
    position: fixed;
}
.user_staf_id_container + div{
    margin-top: 0px;
}
@media (max-width: 751px) {
    .user_staf_id_container + div{
        margin-top: 15px;
    }
}
.form-control.error_border:focus, .form-select.error_border:focus{
    border-color: #d63939 !important;
    box-shadow: 0 0 0 .25rem rgba(214, 57, 57, .25) !important;
}
.mobile_info_div.error_border:focus{
    border-color: #d63939;
    box-shadow: 0 0 0 .25rem rgba(214, 57, 57, .25) !important;
}
.form-control.error_border, .form-select.error_border {
    border-color: #d63939 !important;
}

.form-control.is-invalid, .was-validated .form-control:invalid {
    background-image: none;
}
.help .accordion-button:not(.collapsed){
    background-color: #c7d6ff66;
}
.help_btn_container svg {
	width: 17px;
	height: 17px;
}
.breadcrumb-item.active{
    color: #085FC0;
}
#editor { 
    height: 300px; 
    background: #fff;
}
#add_user_details #engineer_number{
    min-height: 34px;
}
.model_cancel_btn:hover{
    background-image: linear-gradient(#737791, #19191c);
}
.breadcrumb-item a:hover{
    text-decoration: none;
}
.fieldEnabled:hover, .fieldDefault:hover{
    cursor: pointer;
}
@media (min-width: 768px) and (max-width: 1000px) {
    .add_user_stepup {
      gap: 0.25rem !important;
    }
    .add_user_stepup span{
      margin: 0px !important;
    }
}
@media (min-width: 768px) and (max-width: 819px) {
    .add_user_stepup {
      gap: 0rem !important;
    }
}
#pos_payment_list_sortable > div.ui-sortable-helper {
    z-index: 1050 !important;
}
.model_cancel_btn:hover{
    background-image: linear-gradient(#4f4f4f, #a3a3a3);
}
@media (min-width: 768px) and (max-width: 1000px) {
    .add_user_stepup {
      gap: 0.25rem !important;
    }
}
@media (min-width: 768px) and (max-width: 819px) {
    .add_user_stepup {
        gap: 0rem !important;
    }
}
@media (min-width: 576px) {
    #edit_custom_fields_modal .modal-dialog {
        margin: 0.8rem auto;
    }
}
.form-switch .form-check-input {
    border: 1px solid rgba(98, 105, 118, .24);
} 
.roles_group_scroll{
    overflow-y: scroll;
    max-height: 470px;
    max-width: 100.5%;
}
.select_role_outer.role_border .role_header strong {
    color: #206bc4 !important;
}
.disable_step_item {
    pointer-events: none;
}
@media (min-width: 768px) and (max-width: 1024px) {
    .add_user_steps_div .step_counter{
        min-height: 90px;
    }
    .add_user_steps_counter_step_3 .add_user_stepup{
        min-height: 90px;
    }
}
.add_more_custom_field{
    height: fit-content;
    margin: auto 0;
}
.roles_grp_desc_ellipsis {
    white-space: nowrap;
    max-width: 75%;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media screen and (max-width:430px) {
    .footer ul{
        flex-direction: column !important;
    }
}
.dept_roles_profile{
    padding: 15px 20px 15px 20px !important;
}
.dept_roles_profile1{
    padding: 15px 20px 0px 20px !important;
}
#role-group-list-table .staff-data-table-body td p{
    width: fit-content !important;
    font-weight: 300 !important;
}
.user_setting_footer {
    border-top: 1px solid rgb(0 0 0 / 10%) !important;
}
.user_profile_edit_btn, .profile_roles_edit_btn, .user_pro_view_all {
    background-image: linear-gradient(#086CD0, #0B196C);
    border-radius: 10px;
    color: white !important;
    border: none;
    min-width: 80px;
}
.profile_edit_page_label {
    font-weight: 600;
    color: rgba(0, 27, 96, 1) !important;
}
.staff_profile_edit_save_btn {
    background-image: linear-gradient(#28a745, #1c7430);
    border-radius: 10px;
    color: white !important;
    border: none;
    min-width: 80px;
}
.user_profile_status_desc {
    max-width: 303px;
    font-size: 0.875rem;
    padding-right: 10px;
}
.staff_delete_btn {
    color: white;
    border-radius: 10px;
    box-shadow: none !important;
}
@media screen and (max-width:960px) {
    #roles_group .form-selectgroup-item {
        width: 100%;
    }
}
@media screen and (min-width:768px) and (max-width:960px){
    strong.fs-4{
        width: 150px !important;
    }
    .role_grops_desc {
        max-width: 300px;
    }
}
#merchant_profile_checkbox{
    width: 1.5rem;
    height: 1rem;
}
.merchant_profile_checkbox_label{
    text-align: left;
}
.user_role_group_table .card-body {
    padding: 0.7rem 0px 0px 0px;
}
.staff_pagination li.page-item {
    font-weight: 600;
}
#role-group-list-table tr td:not(td:first-child) {
    padding: 10px 12px !important;
}
#otp_resend_code{
    cursor: pointer;
}
#edit_custom_fields_modal .dark-theme-alert{
    margin-bottom: 1.6rem !important;
}
.dept_roles_width {
    margin-right: 17px;
}
.custom_roles_color {
    color: #737791 !important;
}
.user_pointer_disabled {
    pointer-events: none !important;
    cursor: none !important;
}
.staff_profile_edit_border {
    border-top: 1px solid rgba(161, 158, 158, 0.562);
}
.form-switch .form-check-input {
    cursor: pointer;
}
#role_grp_user_list, #exisiting_roles_user, #single_role_grp_users {
    text-overflow: ellipsis;
    max-height: 130px;
    overflow-y: scroll;
    border: 1px solid #8080805e;
    border-radius: 5px;
}
#role_grp_user_list {
    padding: 5px;
}
#exisiting_roles_user p {
    margin: 7px 0;
}
#single_role_grp_users {
    padding: 5px;
    overflow-x: hidden;
}
.modal-status.bg-warning {
    margin: 0 11px;
}
.choose_role_svg_align {
    margin-bottom: 2px;
}
.assigned_users_div {
    max-height: 230px;
    overflow-y: scroll;
    opacity: 0.5;
}
.role_step_header_name_div {
    min-height: 103px;
}
.staff_filter_reset_btn:hover , .quick_edit_profile_info_close:hover{
    background-image: linear-gradient(#4f4f4f, #a3a3a3) !important;
}
.edit_staff_set_margin {
    margin: 0 3.4px;
}
.form-check-description {
    margin-bottom: 10px;
}
.staff_action_col {
    text-align: end !important;
}
#action_roles_grps .action_div_padding {
    padding-right: 0.75rem;
}
.staff_email_col_div {
    max-width: 13.125rem !important;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* fiskaly  */
.fiskaly_conatiner{
    box-shadow: rgb(215, 231, 255) 0px 3px 13px 0px !important;
}
.custom-modal-header {
    background-color: #206bc4 !important;
}
.show_fiskaly_modal {
    display: block;
}
.ts-dropdown.single {
    z-index: 1065;
}
#fiskaly_select_single_store-ts-dropdown .optgroup-header {
    font-weight: 600;
    color: #085fc0;
    background-color: #e1ecf6;
    padding: 6px 12px;
    font-size: 0.95rem;
    border-bottom: 1px solid #ececec;
    border-top: 1px solid #dee2e6;
}
#fiskaly_select_single_store-ts-dropdown .option {
    padding-left: 24px;
    font-size: 0.92rem;
    color: #000;
}
.fiskaly_store_select_field .ts-wrapper.error_border.focus .ts-control {
    border-color: #d63939 !important;
    box-shadow: 0 0 0 .25rem rgba(214, 57, 57, .25) !important;
}
.fiskaly_conatiner .transaction_filter_table_icons {
    height: 16px;
    width: 15px;
    border: 2px solid #959393;
    min-width: unset;
    padding: 0px;
    border-radius: 25px;
    margin-bottom: 1px;
    stroke-width: 2;
    vertical-align: middle;
}
#fiskaly-table th.fiskaly_download_col_head,
#fiskaly-table td.fiskaly_download_col_cell {
  position: sticky;
  right: 0;
  background: #fff;
  z-index: 2;
}
#fiskaly-table th.fiskaly_download_col_head { 
    z-index: 3; 
}
#fiskaly-table th.fiskaly_download_col_head,
#fiskaly-table td.fiskaly_download_col_cell {
    position: sticky;
    right: 0;
    z-index: 2;
}
#fiskaly-table th.fiskaly_download_col_head {
    z-index: 3;
}
#fiskaly-table thead {
    border-top: 1px solid rgba(98, 105, 118, .16) !important;
}
#fiskaly-table thead th {
    background-color: #fff;
    text-transform: uppercase;
    font-size: 0.75rem;
    min-width: 90px;
    border-top: 1px solid #cbc6c6 !important;
    padding: 8px !important;
    color: #001B60 !important;
    cursor: pointer;
    font-weight: 500;
}
#fiskaly-table #fiskaly-tbody td {
    color: #737791 !important;
    padding: 9px !important;
    font-size: 0.75rem;
    font-weight: 500;
}
#fiskaly-table thead th:first-child {
    padding-left: 1.25rem !important;
}
#fiskaly-table #fiskaly-tbody td:first-child {
    padding-left: 1.25rem !important;
}
.fiskaly_overflow_scroll_container {
    overflow-x: scroll;
}
.fiskaly_export_date_range_td {
    display: flex;
    align-items: center;
    gap: 4px;
}
.fiskaly_th_cursor_auto {
    cursor: auto !important;
}
@media (max-width: 1400px) {
    #fiskaly-table #fiskaly-tbody td:last-child {
        box-shadow: inset 2px 0 0px rgba(0, 0, 0, 0.1) !important;
        background-color: #ffffff;
    }
    #fiskaly-table thead th:last-child {
        box-shadow: inset 2px 0 0px rgba(0, 0, 0, 0.1) !important;
    }
}
.fiskaly_export_table_footer .tr_table_pagination_btn {
    box-shadow: rgb(32 107 196 / 10%) 0px 0px 0px 0px;
    background: #fff;
    color: rgba(91, 87, 87, 1) !important;
    font-weight: 600;
    border-radius: 50px;
    font-size: 0.75rem;
}
.transaction_total_counter_fiskaly {
    border-radius: 8px;
}
.fiskaly_export_table_footer .tr_table_pagination_btn.active {
    background: #e0f0ff !important;
    color: #066FD1 !important;
}
.transaction_total_counter_fiskaly select{
    border: none;
    background: transparent;
    outline: none;
}
/* staff search */
.search_page_wrapper .staff_result_header {
    background: rgba(11, 39, 125, 0.74);
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    color: white;
    height: 70px;
    position: relative;
}
.search_page_wrapper .profile_img_container {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background-color: #ffffff;
    position: absolute;
    bottom: -36%;
    left: 50%;
    transform: translateX(-50%);
    background-size: cover;
    padding: 1px;
    border: 1px solid #4071F4;
}
.search_page_wrapper .profile_img_container img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #4071F4;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    object-fit: cover;
}
.search_result_item .role_badge {
    color: white !important;
    background-color: var(--badge-color);
}
.search_page_wrapper #change_email_otp_verify_submit {
    border-radius: 10px;
    border: none !important;
}
.search_page_wrapper #report-list #export-datatable_length > label, #report-list .dataTables_length > label {
    display: none;
}
.search_page_wrapper #report-list #export-datatable_wrapper #select_tr_count {
    padding: 0 !important;
}
.search_card .table_view_btn:hover, .search_card .grid_view_btn:hover {
    background-image: linear-gradient(#4f4f4f, #a3a3a3);
}
.search_page_wrapper .btn:focus {
    box-shadow: none !important;
}
.search_page_wrapper .report_result_viewer.search {
    border: none !important;
    background: transparent;
    outline: none;
}
.search_page_wrapper #export-datatable_wrapper .top, .search_page_wrapper #crs-export-datatable_wrapper .top {
    margin: 0 !important;
    text-transform: capitalize;
    color: var(--light-text-thin-color);
    display: flex;
    justify-content: space-between;
    padding-left: 20px;
}
.search_page_wrapper #export-datatable_wrapper .top{
    flex-direction: row-reverse;
}
.error_border_important {
    border: 1px solid red !important;
    outline: 0;
}
.invoice_no_var_select.variable-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: none;
    background-repeat: no-repeat;
    background-position: right center;
}

.invoice_no_var_select.variable-select::-ms-expand {
    display: none;
}
.highlighted_filter{
    border-color: #2fb34480 !important;
}
.selected-filter-value {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 100px;
    vertical-align: bottom;
}
p#file-name-filter-label, p#start-balance-filter-label, p#end-balance-filter-label {
    margin-bottom: 0px !important;
    padding: 10px 0;
}
span.ellipsis {
    color: #5c5858 !important;
}
#crs-export-datatable_processing {
    display: none !important;
}
.mt940_accordion{
    margin: 10px 0px !important;
}
span.input-group-text.bg-primary.text-white.camt {
    font-size: smaller;
    overflow: visible !important;
}
.mt940_logo_container  {
    width: unset !important;
}
.dropend .dropdown-toggle:after {
    margin-left: 5px;
}
#pos_terminal_datatable_info{
    margin-bottom: 15px;
}
.camt_title {
    color: #085FC0;
}
.camt_font{
    color: #001B60;
    font-weight: 600;
}
.statement_export_view {
    box-shadow: rgb(215, 231, 255) 0px 3px 13px 0px !important;
    border-radius: 10px;
    border: none;
}
div#export-datatable_info, #export-datatable_wrapper .dataTables_info{
    width: fit-content;
    border-radius: 26px;
    border: none;
    background: rgba(224, 240, 255, 1);
    color: rgba(0, 27, 96, 1) !important;
    font-weight: 600;
    padding: 4px 17px;
    font-size: 0.75rem;
    cursor: unset;
    margin-top: 5px;
}
#export-datatable tr th{
    color: #001B60 !important;
    cursor: pointer;
    background: transparent;
    font-weight: 500;
}
#export-datatable tr th {
    border-bottom: 1px solid #cbc6c6 !important;
    border-radius: 0px !important;
}
#export-datatable thead th {
    font-weight: 600;
}

#export-datatable thead {
    border-top: 1px solid rgba(98, 105, 118, .16) !important;
}
#export-datatable_paginate .paginate_button {
    box-shadow: rgb(32 107 196 / 10%) 0px 0px 0px 0px;
    background: #fff;
    color: #206bc4 !important;
    border-radius: 50px;
    border: none;
}
#export-datatable_paginate a.paginate_button.current {
    background: #e0f0ff !important;
    color: rgba(6, 111, 209, 1);
    border-radius: 25px !important;
    border: 1px solid white !important;
}

div#export-datatable_info {
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
}
#export-datatable_wrapper .bottom .dataTables_length {
    display: none;
}

#export-datatable_wrapper .bottom {
    flex-direction: row;
}
.top #export-datatable_info {
    margin: 0;
}

#export-datatable_wrapper .dataTables_info {
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
}
.select_count_export{
    border-radius: 8px;
    color: #206bc4 !important;
    margin-bottom: 0px !important
}
.select_count_export label{
    color: #206bc4 !important;
}
#select_tr_count{
    background: transparent;
    outline: none;
    border: none;
}
#camt_verify_sftp, #add_camt_accounting_config{
    background-image: linear-gradient(#086CD0, #0B196C);
    background-color: #085FC0;
    border: none;
}
#camt_verify_sftp:hover, #add_camt_accounting_config:hover{
    background: #1d60b0;
}
.error-border{
    border: 1px solid red;
}
.error_text{
    color: red;
    font-weight: 600;
}
.success_text{
    color: rgb(13, 178, 13);
    font-weight: 600;
}
#export-datatable .sorting::before,
#export-datatable .sorting::after {
    display: none !important;
}
.sftp_error_valid{
    color:red;
    font-weight:700
}
.accordion-item.camt_accordion {
    margin: 9px 0px !important;
}
.camt_msg_indicate{
    font-size: 0.75rem;
    color: #6b6b6b;
    font-weight: 500;
}
.camt-toast-card{
    position: fixed;
    top: 15px;
    right: 38px;
    max-width: 80%;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    z-index: 1000;
}
div#export-datatable_processing {
    z-index: 99999;
}
.ustrd_tags{
    margin-bottom: 5rem;
}
.camt_edit_icon {
    width: 17px;
    stroke: #206bc4;
    stroke-width: 2;
    outline: none !important;
}
.camt_sample_download{
    outline: none;
    cursor: pointer;
}
#account_iban, #account_bic {
    border-radius: 5px;
}
#export-datatable_wrapper .bottom {
    flex-direction: row;
}
.report_download_icon{
    background-image: linear-gradient(#086CD0, #0B196C);
    border: none;
}
.camt_error_border {
    border: 1px solid red !important;
    border-radius: 4px;
}
#smtp_password.is-invalid:focus {
    border-color: #d63939 !important;
    box-shadow: 0 0 0 .25rem rgba(214, 57, 57, .25);
}
#email_configuration .input-group-flat:focus-within{
    box-shadow: none !important;
}
.mb-3 .input-group-flat .form-control:focus {
    box-shadow: 0 0 0 .25rem rgba(32,107,196,.25);
}
#email_configuration select, #email_configuration input[type="text"], #email_configuration input[type="number"] {
    color: #001B60 !important;
}
#email_configuration svg {
    outline: none !important;
}

/* shop system start  */
#add_store_map {
    height: 460px;
}
.shop_map_zoom_controls,
.add_store_map_zoom_controls {
    top: 3%;
    right: 15px;
}
.add_store_find_map_location_container {
    border-radius: 12px;
    box-shadow: 0px 2px 20px 0px rgba(231, 241, 255, 1) !important;
    background: white;
    border: none;
}
.store_image_upload_field_container {
    background-color: #fff;
    border: 1px solid #dadce0;
    width: 100%;
    border-radius: 8px;
}
.store_details_content_container .store_data_field:disabled,
.store_details_content_container .store_image_upload_field_container.is_disabled {
    background-color: #f4f4f4 !important;
    cursor: auto !important;
}
.store_details_content_container .store_data_field,
.store_details_content_container .store_image_upload_field_container {
    color: #001B60 !important;
    font-weight: 500;
}
.common_button_style_blue {
    background-image: linear-gradient(#086CD0, #0B196C);
    border-radius: 10px;
    border: none;
}
.common_button_style_green {
    background-image: linear-gradient(#60cd60, #054d05);
    border-radius: 10px;
    transition: all 150ms;
    border: none;
}
.common_button_style_green:hover {
    background: linear-gradient(#17a117, #4eda4e);
}
.common_button_style_red {
    background-image: linear-gradient(#FF5F5F, #CC0000);
    border-radius: 10px;
    transition: all 150ms;
    border: none;
}
.common_button_style_red:hover {
    background: linear-gradient(#fd3e3e, #FF5F5F);
}
.common_button_style_orange {
    background-image: linear-gradient(#FF9B59, #F76708);
    border-radius: 10px;
    transition: all 150ms;
    border: none;
}
.common_button_style_orange:hover {
    background: linear-gradient(#f48338, #FF9B59);
}
#add_store_map .we-pm-icon {
    position: absolute;
    z-index: 64;
    width: 32px;
    height: 41px;
    margin-left: -16px;
    margin-top: -41px;
    background-image: url("../img/shop/mas_img/location_marker.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#admin_select_multi_store-ts-dropdown .optgroup-header,
#staff_select_single_store-ts-dropdown .optgroup-header,
#select_merchant_store_field-ts-dropdown .optgroup-header {
    font-weight: 600;
    color: #085fc0;
    background-color: #e1ecf6;
    padding: 6px 12px;
    font-size: 0.95rem;
    border-bottom: 1px solid #ececec;
    border-top: 1px solid #dee2e6;
}
#admin_select_multi_store-ts-dropdown .option,
#staff_select_single_store-ts-dropdown .option,
#select_merchant_store_field-ts-dropdown .option {
    padding-left: 24px;
    font-size: 0.92rem;
    color: #000;
}
#assign_user_under_store {
    display: flex;
    flex-direction: column;
}
.main_menu_bar_container .nav-item.active .store_top_menu_view svg path { 
    fill: none !important;
    stroke: #085FC0 !important;
}
#dynamic-filters .ts-wrapper.multi .ts-control>div{
    background-color: white;
    border: 1px solid rgba(229, 231, 235, 1);
    padding: 3px 10px;
    font-weight: 500;
    color: black;
}
#dynamic-filters .ts-wrapper.multi .ts-control>div a{
border-left: none;
}
.user_store_edit_fields .ts-control .item {
    text-transform: none;
}
.main_store_name_badge {
    min-height: 20px;
}
.admin_select_assign_store .ts-control {
    padding-right: 26px;
}
.app_settings_store_select_content {
    width: 250px;
}
.common_country_field_select_box.active .content {
    display: block;
}
.common_country_field_select_option.disabled {
    background-color: #f4f4f4;
    cursor: auto;
    color: #333333;
}
#country_option_search:focus {
    outline:none !important;
    box-shadow: none !important;
    border-color: #d9dbde;
}
.common_country_field_select_options_ul.ts-dropdown-content {
    max-height: 220px;
}
.common_country_field_select_option {
    cursor: pointer;
}
.admin_select_assign_store .ts-wrapper.multi .ts-control>div {
    background-color: white;
    padding: 3px 10px;
    border: 1px solid rgba(229, 231, 235, 1);
    font-weight: 400;
    color: black;
}
.common_country_field_select_options_ul li img {
    width: 23px;
    height: 23px;
    object-fit: contain;
}
.staff_select_assign_store .ts-wrapper .ts-control {
    color: black;
    font-weight: 400;
}
#assign_user_under_store .form-label {
    opacity: 0.7;
}
.merchant_store_container {
    box-shadow: 0px 2px 20px 0px #E7F1FF !important;
    border: none;
    border-radius: 7px;
}
.store_name_table_td.no_store_td {
    max-width: 120px;
}
.tr_store_name_id_badge {
    background-color: #E0F0FF;
    padding: 3px 5px;
    border-radius: 3px;
    font-size: 0.725rem;
    font-weight: 500;
    color: #000;
}
.tx_store_redirect_url:hover {
  text-decoration: none;
}
.store_mobile_telcode_field_container #mobile_number {
    color: #001B60 !important;
    font-weight: 500;
}
.more_store_dropdown_container .more_store_dropdown_menu {
    background-color: #ffffff;
    border-radius: 10px;
    padding: 7px 7px !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
    border: 1px solid #e0e6ed;
    color: #253858;
    transition: all 0.3s ease-in-out;
    z-index: 9999;
}
.main_store_name_badge {
    font-size: 0.75rem;
    font-weight: 400 !important;
    letter-spacing: normal !important;
}
.more_store_dropdown_container .shop_name_badge small {
    font-size: 0.75rem !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
}
.more_store_dropdown_container .more_store_dropdown_menu .dropdown-item {
    background-color: #f6f8fa;
    color: #1a1f36;
    border-radius: 6px;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    font-size: 0.75rem;
    font-weight: 400 !important;
    transition: all 0.2s ease-in-out;
}
.more_store_dropdown_container .more_store_dropdown_menu .dropdown-item:hover {
    background-color: #e8f0fe;
    color: #0056d2;
    transform: translateX(2px);
}
.more_store_dropdown_container .more_store_dropdown_menu .dropdown-item svg {
    opacity: 0.6;
    margin-left: auto;
    transition: transform 0.2s ease;
}
.more_store_dropdown_menu li {
    padding: 4px 0;
}
.main_store_star_container {
    width: 30px;
    text-align: end;
    margin-left: auto;
}
.search_store_name_grid_container .main_store_name_badge.badge-outline {
    background-color: transparent !important;
    border: 1px solid currentColor !important;
    border-radius: 4px !important;
}
.search_result_item .search_store_name_grid_container .main_store_name_badge.badge-outline.text-blue {
    color: #206bc4 !important;
}
#assigned_store_accordion {
    max-height: 500px;
    overflow-y: scroll;
}
#assigned_store_accordion .accordion-button {
    width: 250px;
    border-radius: 6px;
    box-shadow: 0px 4px 10px 0px #00000029;
    border: 1px solid #F0F0F0;
    padding: 10px;
}
#assigned_store_accordion .accordion-button::after{
    background: none !important;
    display: none !important;
}
#assigned_store_accordion .accordion-item  {
    border: none !important;
    padding: 8px 10px;
    margin: 0px;
}
#assigned_store_accordion .store_country_name {
    font-weight: 600;
    font-size: 0.75rem;
}
#assigned_store_accordion .store_country_name {
    word-break: break-word;
}
#assigned_store_accordion .tree-row {
    display: flex;
    align-items: center;
    gap: 24px;
    margin: 0;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 1rem;
}
#assigned_store_accordion .store_name_active_status {
    border-left: 4px solid;
    border-radius: 5px;
    gap: 5px;
}
#assigned_store_accordion .store_name_active_status.is_active {
    border-color: #16a34a;
}
#assigned_store_accordion .store_name_active_status.is_inactive {
    border-color: #ef4444;
    opacity: 0.6;
}
#assigned_store_accordion .store-node{
    position:relative;
    background:#fff;
    border-radius:6px;
    padding:4px;
    display:flex; 
    align-items:center; 
    gap:.5rem;
    border: 1px solid #F0F0F0;
    box-shadow: 0px 4px 10px 0px #00000029;
    min-width: 210px;
    max-width: 210px;
    cursor: default;
}
#assigned_store_accordion .store-node::before {
    content: '';
    border-top: 2px dashed #0096D6;
    top: 50%;
    position: absolute;
    z-index: 0;
    width: 25px;
    left: -25px;
}
#assigned_store_accordion .node-title {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 8px 4px 8px 10px;
}
#assigned_store_accordion .store-tree .tree-rail{
    position: absolute;
    border-left: 2px dashed #0096D6;
    align-self: stretch;
    width: 0;
    height: 100%;
    top: -20px;
    z-index: 0;
    left: 16px;
}
#assigned_store_accordion .store-tree {
    position:relative;
    padding-left: 42px;
}
#assigned_store_accordion .accordion-collapse {
    overflow: hidden;
}
/* coin-flip for the country arrow */
.store_country_down_arrow{
  display:inline-flex; width:22px; height:22px; perspective:700px;
}
.store_country_down_arrow .flip-inner{
  position:relative; 
  width:100%; 
  height:100%;
  transform-style:preserve-3d;
  transition:transform 300ms ease-out;
}
.store_country_down_arrow .face{
  position:absolute; 
  inset:0;
  display:flex; 
  align-items:center; 
  justify-content:center;
  backface-visibility:hidden; 
  -webkit-backface-visibility:hidden;
}
.store_country_down_arrow .face-back{
  transform:rotateX(180deg);
}
.assigned_store_accordion .country-toggle:not(.collapsed) .store_country_down_arrow .flip-inner{
  transform:rotateX(180deg);
}
@media (prefers-reduced-motion: reduce){
  .store_country_down_arrow .flip-inner{ transition:none; }
}
/* stor work flow 2 start */
#choose_store_connector_config {
    width: 100%;
}
.store_connector_config_select_container {
    width: 300px;
}
.custom_store_config_dropdown .store_config_list_container {
  z-index: 999;
  max-height: 300px;
  overflow-y: auto;
  border: 1px solid #ccc;
  border-top: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.common_store_config_field_select_options_ul .store-config-li {
  cursor: pointer;
  padding: 0.5rem 1rem;
}
.common_store_config_field_select_options_ul .parent-li {
  font-weight: 600;
  color: #001B60;
}
.common_store_config_field_select_options_ul .child-li {
  padding-left: 2rem;
  font-weight: 500;
  color: #737791;
}
.common_store_config_field_select_options_ul .no-config-li {
  font-weight: 600;
  color: #001B60;
}
.custom_store_config_dropdown .select-down-arrow {
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: #6c757d;
  font-size: 0.875rem;
}
.model_btn_primary {
    min-width: 75px;
    border-radius: 5px;
    padding: 6px 0px 6px 0px !important;
    background-color: #F76708;
}
.active_item {
    height: 5px;
    width: 100%;
    background-color: #066FD1;
    border-radius: 40px;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}
.active_item_color a span {
    color: #066FD1;
    font-weight: 600 !important;
}
.custom_store_config_dropdown .store_config_list_container .store-config-li:hover {
    background-color: #e8e8e8;
}
.error-border {
    border: 1px solid red !important;
}
.ts-wrapper.user_store_edit_fields.disabled,
.ts-wrapper.user_profile_store_edit_fields.disabled {
    background-color: #edf0f3;
}
@media (max-width: 550px) {
    .add_user_steps_div.top_step_container .add_user_top_steps_overflow_div {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x proximity;
    }
    .add_user_steps_div.top_step_container .add_user_top_steps_overflow_div > ul {
        display: flex !important;
        flex-wrap: nowrap !important; 
        width: max-content;
        margin: 0;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .add_user_steps_div.side_step_container .add_user_steps_counter_step_4 {
        align-items: center !important;
    }
    .add_user_steps_div .step_counter:not(:nth-child(4)) .step_item::after {
        margin-top: 0px !important;
    }
}
.store-config-li.current_active_store {
    background-color: #d7e3f6;
}
.store-config-li.current_active_store {
    background-color: #d7e3f6;
}
.ip_array_list_container .ts-control.error_border:focus,
.ip_array_list_container .ts-wrapper.error_border:focus-within {
    border-color: #d63939 !important;
    box-shadow: 0 0 0 .25rem rgba(214, 57, 57, .25) !important;
}
/* shop system css end */
#export-datatable_wrapper .top{
    margin-top: 10px !important;
}

/* login page css start */
@media (min-width: 768px) {
    .auth_page_left {
        width: 50% !important;
    }
}
@media (min-width: 991px) {
    .auth_page_left {
        width: 580px !important;
    }
}
@media (min-width: 768px) and (max-aspect-ratio: 1/1) {
  .auth_page_left {
    width: 100% !important;
  }
}

.auth_page_left {
    width: 100%;
}
.signup_banner {
    height: 100vh !important;
}

.auth_page_left .hr-text {
    display: none;
}
.auth_page_left .sso_provider_block button.sso_login_btn.btn{
    padding: 0px;
    height: 57px;
    width: 57px;
    border-radius: 4px;
    box-shadow: 0px 4px 10px 0px #00000014;
    border: 1px solid #206BC466;
}
.auth_page_left .sso_provider_block button.sso_login_btn.btn:focus{
    box-shadow: 0 0 0 .25rem rgba(32, 107, 196, .25) !important;
}
.auth_page_left #mobile_number{
    height: 100%;
    padding: 7px 12px !important;
}
.auth_page_left .mobile_label{
    font-weight: 400 !important;
}
.auth_page_left .lang_switcher .dropdown-menu{
    inset: 5px -20px auto auto !important;
}
.auth_page_left .input-group-flat.error_border:focus-within{
    box-shadow: 0 0 0 .25rem rgba(214, 57, 57, .25) !important;
}
.auth_page_left input.form-control:not(#mobile_number):not(.countryCode):not(#password):not(#reset_new_confirm_password):not(#reset_new_password):not(#set_new_password):not(#set_new_confirm_password), 
.auth_page_left .password_input_group, .auth_page_left .mobile_info_div, .auth_page_left .confirm_password_input_group, .auth_page_left .reset_new_password_input_group, .auth_page_left .set_new_password_input_group {
    height: 50px;
    border-radius: 4px;
    border-width: 0.6px;
}
.auth_page_left .input-group-flat .form-control:focus, .auth_page_left .input-group .btn, .auth_page_left .input-group .form-control, .auth_page_left .input-group-flat:focus-within, .auth_page_left .select_box {
    box-shadow: none !important;
}
.auth_page_left .input-group-flat.error_border .form-control, .auth_page_left .input-group-flat.error_border .input-group-text {
    border-color: transparent !important;
}
.auth_page_left .form-label.required:after {
    color: inherit !important;
}
.auth_page_left .mobile_info_div .select_option {
    background-color: transparent !important;
    border-right: inherit !important;
}
.auth_page_left #select_option_div .countryCode {
    opacity: 1 !important;
}
.auth_page_left .auth_header_text {
    font-weight: 500 !important;
    font-size: 31px;
    margin-bottom: 6px;
}
.auth_page_left .select_box .mobile_info_div.error_border.focus_border{
    box-shadow: 0 0 0 .25rem rgba(214, 57, 57, .25) !important;
    border: 1px solid #ff0000 !important;
}
.auth_page_left .mobile_info_div .select_option:after {
    content: url("data:image/svg+xml;utf8,<svg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M5.03199 5.99998C4.89965 6.00074 4.76846 5.97554 4.64595 5.9258C4.52343 5.87607 4.412 5.8028 4.31804 5.71018L0.295732 1.71292C0.106378 1.52474 0 1.26952 0 1.0034C0 0.737285 0.106378 0.482065 0.295732 0.29389C0.485085 0.105715 0.741904 0 1.00969 0C1.27748 0 1.5343 0.105715 1.72365 0.29389L5.03199 3.59163L8.34034 0.303883C8.53271 0.140169 8.78016 0.0546211 9.03323 0.0643356C9.28631 0.0740501 9.52639 0.178312 9.70547 0.356284C9.88456 0.534257 9.98947 0.772833 9.99925 1.02434C10.009 1.27584 9.92294 1.52175 9.7582 1.71292L5.7359 5.71018C5.5486 5.8948 5.2958 5.99888 5.03199 5.99998Z' fill='black'/></svg>");
    border: none !important;
    top: 29% !important
}
@media (min-width: 992px) {
    .auth_form_container {
        padding: 0 78px !important
    }
}
.auth_page_left .sso_login_btn.btn svg {
    width: 25px;
    height: 25px;
}
.auth_page_left .auth_input_field_div, .auth_page_left .register_elements.has-mobile-label  {
    margin-bottom: 20px !important;
}
.auth_page_left #login_btn, .auth_page_left #create_new_user_btn, 
.auth_page_left #forgot_password_btn, .auth_page_left #otp_verify_submit, 
.auth_page_left #set_password_btn, .auth_page_left #reset_password_btn, .auth_page_left .return_to_login {
    height: 57px;
    border-radius: 6px;
}
.banner_image {
    background-image: url("../img/login_banner.webp");
    background-size: cover;
    background-position: center;
    height: 100%;
}
.auth_page_left .mobile_label {
    font-size: 1rem;
}
/* login page css end */
#cookie-banner {
    width: 20rem;
    background: #222;
    z-index: 11000;
    transform: translateX(-120%);
    opacity: 0;
    transition: transform 0.5s ease, opacity 0.5s ease;
    padding: 1.3rem;
}
#cookie-banner img.cookie_image {
    width: 7.5rem;
}
#cookie-banner button.accept_cookies:focus {
    box-shadow: 0 0 0 .25rem rgba(32, 107, 196, .5) !important;
}
.filter-item:has(input:checked) {
    background-color: #F3F5F7;
}
.page #menu_body_section .highlight_border, body[data-bs-theme="dark"] .page #menu_body_section .highlight_border {
    border-style: solid !important;
    border-width: 3px !important;
    border-color: red !important;
}
@media screen and (min-width: 800px) {
    .global_search_dropdown_trigger {
        max-width: 48rem;
    }
}
.global_search_filters .filter-item {
    border: 1px solid #E8EFF6;
    border-radius: 100px;
    padding: 5px 25px;
    cursor: pointer;
}
.search_history_item .global_search_extra_info:not(:last-child) {
    margin-right: 4rem;
}
.extra_info_items {
    width: 10ch;
}
.search_sticky_item .search_link {
    background-color: #ffffff !important;
    height: 1.25rem;
}
.search_sticky_item {
    position: sticky;
    right: 0;
    z-index: 0;
}
.global_search_record_btns {
    width: 2rem;
}
.global_search_dropdown {
    z-index: 1024;
    overflow: auto;
    max-height: 50vh;
}
#global-search-mic, #global-search-stop-btn, #global-search-loading-btn{
    background: var(--tblr-btn-color-interactive) !important;
    border-radius: 0 !important;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
  }
}
.navbar{
    min-height: auto !important;
}

.account_unverified_div .card-body p a {
    color: #206bc4; 
    text-decoration: none;
}
/* CRM Onboarding Recommendations */
.widget_button_style_red {
    background-image: linear-gradient(#ff3131, #d72c2c);
    border-radius: 10px;
    transition: all 150ms;
    border: none;
}
#onboard_form_edit_request_reason {
    max-height: 350px !important;
}
.search_result_footer .search_result_footer_date.letter_space_extra_wide {
    text-align: end;
}
.letter_space_extra_wide .goto-page-input {
    width: 100px;
}

.connector_btn_style{
    background-image: linear-gradient(#086CD0, #0B196C);
    background-color: #085FC0;
    color: white;
    border: none;
    border-radius: 10px;
}
.full_length_edit_handle .new_psp_chart #sortable_psp_charts.drag_main_container {
    max-width: 96% !important
}
@media (max-width: 1399px) {
    .dashboard_contents .drag_main_container{
        max-width: 91%;
    }
    #sortable_psp_charts.drag_main_container{
        max-width: 91%;
    }
    #transaction_custom_table.drag_main_container{
        max-width: 95.4% !important;
    }
}
@media (max-width: 1024px) {
    .dashboard_contents .drag_main_container{
        max-width: 92%;
    }
    #sortable_psp_charts.drag_main_container{
        max-width: 92%;
    }
    #transaction_custom_table.drag_main_container{
        max-width: 95.9% !important;
    }
}
@media screen and (max-width:768px){
    .get_pdf_container .logo_upload_info {
        max-width: 73%;
    }
}
.connector_steps_div .steps .a{
    margin: auto !important;
}
#sort_connectors:disabled {
    background-color: #e2e8f070;
    opacity: 0.5;
}
.settings_drop_down_index {
    z-index: 100;
}
/* razorpay */
.hover_logo_preview img.full_logo_img.payment_logo_Razorpay {
    max-width: 58px;
    min-width: 58px;
    max-height: 40px;
}
.pos_payment_list_img .Razorpay {
    height: 45px;
}
.search_card .product_RAZORPAYUPIQR_div {
  right: -3px !important;
  top: 0 !important;
}
.search_card .product_RAZORPAYUPIQR_div .product_RAZORPAYUPIQR {
  height: 25px;
}
/* brandpos pay config css */
#addNewStoreBtn{
    background-image: linear-gradient(#086CD0, #0B196C);
    border: 0;
}
.ecommerce_store_table_container{
    border-radius: 10px;
    box-shadow: 0px 2px 20px 0px rgba(231, 241, 255, 1);
}
.brandpos_pay_table:focus{
    box-shadow: none !important;
}
.ecommerce_footer:focus {
    color: #1a569d;
    background-color: transparent !important;
    outline: 0;
    box-shadow: none !important;
}
#saveConfigBtn, #generateKeysBtn, #generateKeysBtn, #addNewStoreBtn{
    border-radius: 10px;
    border: none;
}
#storeSearch{
    width: 260px;
}
.error_border{
    border: 1px solid red !important;
}
.error_border ~ .invalid-feedback {
    display: block !important;
}
.error_text{
    color: red !important;
}
#addNewStoreBtn:hover, #saveConfigBtn:hover, #generateKeysBtn:hover{
    background-image: var(--tblr-btn-color-interactive);
}
#platform_type.error_border:focus {
    box-shadow: 0 0 0 .25rem rgba(214, 57, 57, .25) !important
}
#storesTable thead th {
    background-color: #fff !important;
    color: #001B60 !important;
    border-top: 1px solid rgba(98, 105, 118, .16) !important;
    border-bottom: 1px solid rgba(98, 105, 118, .16) !important;
    font-size: 0.75rem;
    font-weight: 600;
}
.ecommerce_store_table_heder {
    border-bottom: none !important;
}