@charset "UTF-8";

@font-face {
    font-family: 'Eau Sans', Arial, sans-serif;
    src: url("../../fonts/eau_sans_black_obl-webfont.woff2") format("woff2"), url("../../fonts/eau_sans_black_obl-webfont.woff") format("woff");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Eau Sans', Arial, sans-serif;
    src: url("../../fonts/eau_sans_black-webfont.woff2") format("woff2"), url("../../fonts/eau_sans_black-webfont.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Eau Sans', Arial, sans-serif;
    src: url("eau_sans_bold_obl-webfont.woff2") format("woff2"), url("eau_sans_bold_obl-webfont.woff") format("woff");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Eau Sans', Arial, sans-serif;
    src: url("../../fonts/eau_sans_bold-webfont.woff2") format("woff2"), url("../../fonts/eau_sans_bold-webfont.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Eau Sans', Arial, sans-serif;
    src: url("../../fonts/eau_sans_book_obl-webfont.woff2") format("woff2"), url("../../fonts/eau_sans_book_obl-webfont.woff") format("woff");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Eau Sans', Arial, sans-serif;
    src: url("../../fonts/eau_sans_book-webfont.woff2") format("woff2"), url("../../fonts/eau_sans_book-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

a {
    text-decoration: none;
    cursor: pointer;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sidemenu_start .navLink .link_item::before, .sidemenu_start .navLink .link_item:hover::before, .sidemenu_start .navLink .link_item.active::before {
    content: "";
    background: #013064;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 49px;
    left: 0;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    z-index: 0;
    opacity: 1;
    transition: 0.3s;
}

.right_main_Content .outer_tab_filre .tablist.nav-pills .show > .nav-link, .right_main_Content .outer_tab_filre .tablist.nav-pills .nav-link.active {
    color: #ffffff;
    background-color: #013064;
    border-radius: 30px;
}

.custom_table tr, .custom_table thead, .custom_table th, .custom_table tfoot, .custom_table td, .custom_table tbody {
    border-style: unset;
}

body {
    font-family: 'Eau Sans', Arial, sans-serif;
    font-size: 16px;
}

html::-webkit-scrollbar-track, *::-webkit-scrollbar-track {
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
    border-radius: 10px;
}

html::-webkit-scrollbar, *::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: #F5F5F5;
    border-radius: 10px;
}

html::-webkit-scrollbar-thumb, *::-webkit-scrollbar-thumb {
    background-color: #333333;
    border: 1px solid #dddddd;
    border-radius: 10px;
}

    html::-webkit-scrollbar-thumb:hover, *::-webkit-scrollbar-thumb:hover {
        background: #0068C7;
    }

img {
    max-width: 100%;
}

.btn-check:focus + .btn, .btn:focus {
    box-shadow: none;
}

.btn-check:focus-visible + .btn, .btn:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.btn.dropdown-toggle {
    box-shadow: none;
}

.theam_color {
    color: #0068C7;
}

.text-danger > label {
    display: unset;
}

.eyeicon {
    right: 20px;
    top: 52%;
    transform: translate(0px, -120%);
    margin-left: 55px;
    position: unset;
}

.eyeslash_icon {
    right: 20px;
    top: 52%;
    transform: translate(0px, -50%);
    margin-left: 55px;
    position: unset;
}

/* .table_outer {
        font-family: Calibri;
        font-size:16px;
    }*/
.select_dealerShip {
    right: 520px;
    position: absolute;
    top: 21px;
    z-index: 9;
}

    .select_dealerShip .inner_dealer_dash {
        display: flex;
        grid-gap: 11px;
    }

    .select_dealerShip .form-floating {
        max-width: 200px;
    }

        .select_dealerShip .form-floating .form-select ~ label {
            background-image: linear-gradient(#fafafa, white) !important;
        }

.outerDash_home {
    min-height: 800px;
}

.sidemenu_start {
    max-height: calc(100vh - 251px);
    overflow: auto;
}

.main_outer {
    background: #013064;
    padding: 10px 10px 3px 10px;
    height: 100vh;
}

    .main_outer .outer_dashborad {
        background: #ffffff;
        height: calc(100vh - 40px);
        border-radius: 20px;
        display: inline-block;
        width: 100%;
        min-height: calc(100vh - 40px);
    }

        .main_outer .outer_dashborad.main_pageHeight {
            height: 94vh;
        }

        .main_outer .outer_dashborad.full_screen .navebar .navbar_btn {
            transform: rotateY(180deg);
        }

        .main_outer .outer_dashborad.full_screen .left_content {
            width: 90px;
        }

            .main_outer .outer_dashborad.full_screen .left_content .sidemenu_start .navLink .link_item .nav_text {
                position: relative;
                display: none;
                opacity: 0;
            }

        .main_outer .outer_dashborad.full_screen .right_content {
            width: calc(100% - 90px);
        }

        .main_outer .outer_dashborad .left_content {
            float: left;
            width: 290px;
            transition: 0.3s;
            position: sticky;
            top: 0;
        }

            .main_outer .outer_dashborad .left_content .side_logo {
                text-align: center;
                padding: 10px;
                max-width: 220px;
                margin: 30px auto;
            }

        .main_outer .outer_dashborad .right_content {
            float: left;
            width: calc(100% - 290px);
            background: #FAFAFA;
            height: calc(100vh - 41px);
            border-radius: 40px;
            box-shadow: 0 0 10px 0 #dddddd;
            transition: 0.3s;
            position: relative;
        }

            .main_outer .outer_dashborad .right_content .innerOfright {
                position: sticky;
                top: 0;
                background: #fafafa;
                z-index: 10;
                border-top-right-radius: 50px;
                border-bottom-right-radius: 50px;
            }

.drop_menu .drop_item a.droplink {
    color: #444;
    position: relative;
}

    .drop_menu .drop_item a.droplink.active {
        color: #0068C7;
    }

        .drop_menu .drop_item a.droplink.active::before {
            background-color: #0068C7;
        }

    .drop_menu .drop_item a.droplink::before {
        content: "";
        width: 10px;
        height: 10px;
        border-radius: 2px;
        display: inline-block;
        position: absolute;
        left: -17px;
        top: 6px;
        border: 1px solid;
    }

.drop_menu .drop_item.active > a.droplink {
    color: #0068C7;
}

    .drop_menu .drop_item.active > a.droplink::before {
        background-color: #0068C7;
    }

.sidemenu_start .navLink li {
    margin: 14px 0;
}

    .sidemenu_start .navLink li ul li.drop_item {
        padding: 0 0 0 80px;
    }

        .sidemenu_start .navLink li ul li.drop_item .droplink {
            display: inline-block;
            width: 100%;
            text-align: left;
        }

    .sidemenu_start .navLink li ul li a:hover {
        color: #0068C7;
    }

    .sidemenu_start .navLink li ul.drop_leve3 li.drop_item {
        padding: 0 0 0 20px;
    }

        .sidemenu_start .navLink li ul.drop_leve3 li.drop_item .droplink {
            display: inline-block;
            width: 100%;
        }

            .sidemenu_start .navLink li ul.drop_leve3 li.drop_item .droplink::before {
                border-radius: 15px;
            }

.sidemenu_start .navLink .link_item {
    padding: 6px 10px;
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 16px;
    color: #000000;
    position: relative;
    transition: 0.3s;
}

    .sidemenu_start .navLink .link_item.active svg path {
        fill: #ffffff;
    }

    .sidemenu_start .navLink .link_item:hover svg path {
        fill: #ffffff;
    }

    .sidemenu_start .navLink .link_item::before {
        opacity: 0;
        left: -80px;
    }

    .sidemenu_start .navLink .link_item .nav_icon {
        padding: 0 20px 0 0;
        display: inline-block;
        position: relative;
    }

        .sidemenu_start .navLink .link_item .nav_icon svg {
            max-width: 24px;
        }

    .sidemenu_start .navLink .link_item .nav_text {
        position: relative;
        opacity: 1;
        transition: 0.3s;
    }

.innerleft {
    position: relative;
}

.navebar .navbar_btn {
    background: #ffffff;
    box-shadow: 0 0 10px 0 #EEEEEE;
    border-radius: 20px;
    border: none;
    transition: 0.3s;
    width: 30px;
    height: 30px;
    color: #0068C7;
}

.navebar.arrow_bottm {
    position: absolute;
    top: 14%;
    left: -15px;
    z-index: 999;
    transition: 0.3s;
}

.outerSearchbox {
    margin-top: 10px;
}

.topHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 10px;
    grid-gap: 10px;
}

ul.headerItem {
    display: flex;
    align-items: center;
    grid-gap: 10px;
}

    ul.headerItem .avter_outer {
        background: #dfdfdf;
        border-radius: 50%;
        display: inline-block;
        overflow: hidden;
    }

.logoOfvandor {
    text-align: center;
    margin-top: 30px;
}

    .logoOfvandor .logo_image {
        max-width: 250px;
        margin: 0 auto;
        padding: 10px 0;
    }

        .logoOfvandor .logo_image img {
            max-height: 138px;
        }

    .logoOfvandor h2 {
        font-weight: 600;
        margin-top: 20px;
    }

.bg_curveOuter {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

    .bg_curveOuter img {
        width: 100%;
        max-height: 630px;
    }

.avtar_image.dropdown-toggle {
    position: relative;
    display: flex;
    align-items: center;
    grid-gap: 16px;
}

    .avtar_image.dropdown-toggle::after {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(0px, -50%);
    }

    .avtar_image.dropdown-toggle .userInfo {
        display: flex;
        align-items: center;
        grid-gap: 10px;
    }

        .avtar_image.dropdown-toggle .userInfo h3 {
            margin-bottom: 0;
            font-size: 18px;
        }

        .avtar_image.dropdown-toggle .userInfo p {
            margin-bottom: 0;
            font-size: 18px;
            text-transform: capitalize;
        }

            .avtar_image.dropdown-toggle .userInfo p span {
                font-size: 14px;
                color: #adadad;
                max-width: 120px;
                display: inherit;
                overflow: hidden;
                text-overflow: ellipsis;
            }

.gridBox {
    position: relative;
    z-index: 1;
}

    .gridBox.dashboard_slider .item {
        padding: 0 31px;
    }

        .gridBox.dashboard_slider .item .icon_box img {
            display: inline-block;
        }

.box_flex {
    box-shadow: 0 0 10px 0 #dddddd;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 347px;
    border-radius: 20px;
    max-width: 315px;
    margin: 20px auto;
    transition: 0.3s;
    border: 2px solid transparent;
}

    .box_flex .inner_box {
        text-align: center;
    }

        .box_flex .inner_box .box_title {
            font-weight: 600;
            margin: 15px 0;
            color: #000000;
            font-size: 26px;
        }

        .box_flex .inner_box .icon_box {
            transition: 0.3s;
            max-width: 70px;
            margin: 20px auto 0;
        }

        .box_flex .inner_box .onHover_angle {
            font-size: 35px;
            line-height: initial;
            color: #0068C7;
        }

        .box_flex .inner_box .onHover_angle {
            opacity: 0;
            margin-right: 80px;
            transition: 0.3s;
        }

    .box_flex:hover {
        transform: scale(1.05);
        border-color: #0068C7;
    }

        .box_flex:hover .inner_box .onHover_angle {
            opacity: 1;
            margin-right: 0px;
        }

.slick-slide.slick-current.slick-active.slick-center {
    margin-top: 60px;
    transition: 0.4s;
}

.slick-slide {
    transition: 0.4s;
}

.slickpre {
    position: absolute;
    top: 30%;
    z-index: 3;
    border: none;
    background: none;
    left: 20px;
    font-size: 36px;
    color: #9b9b9b;
}

.slicknext {
    position: absolute;
    top: 30%;
    z-index: 3;
    border: none;
    background: none;
    right: 20px;
    font-size: 36px;
    color: #9b9b9b;
}

.slider_outer_dashboard {
    position: relative;
}

.slicknext:hover .svgIcon svg path, .slickpre:hover .svgIcon svg path {
    fill: #0068C7;
}

.topBurgur {
    display: flex;
    align-items: center;
    grid-gap: 30px;
}

    .topBurgur .home_btn {
        display: inline-block;
        padding: 5px;
        border-radius: 7px;
        transition: 0.2s;
    }

        .topBurgur .home_btn svg path {
            transition: 0.2s;
        }

        .topBurgur .home_btn:hover {
            background-color: #013064;
        }

            .topBurgur .home_btn:hover svg path {
                fill: #ffffff;
            }

.page_title h2 {
    font-size: 28px;
    font-weight: 600;
    color: #013064;
    font-family: "Open Sans", sans-serif;
    margin-bottom: 1px;
}

.outerOFreports {
    padding: 10px;
}

.innerOFpayments {
    padding-bottom: 10px;
}

.gridBox_repots {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 50px;
    padding: 10px 20px;
}

    .gridBox_repots .box_flex {
        min-height: 291px;
        max-width: 100%;
        margin: 0px auto;
    }

        .gridBox_repots .box_flex .icon_box {
            margin-top: 40px;
        }

    .gridBox_repots.payments_box_control {
        grid-gap: 40px;
    }

        .gridBox_repots.payments_box_control .box_flex {
            min-height: 251px;
            max-width: 100%;
            margin: 0px auto;
        }

.backButton {
    padding-top: 10px;
}

    .backButton svg#back-arrow {
        margin-top: -15px;
    }

    .backButton .btn.backBtn {
        box-shadow: 0 0 10px 0 #dddddd;
        font-size: 26px;
        font-weight: 600;
        padding: 8px 30px 5px;
        border-radius: 40px;
        color: #333333;
        background: #ffffff;
    }

.right_main_Content {
    padding: 0px 20px;
}

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

        .right_main_Content .outer_tab_filre.input_floating .form-floating {
            max-width: 230px;
            min-width: 190px;
        }

        .right_main_Content .outer_tab_filre.input_floating .submit_botton.btn_invoiceOuter .btn {
            white-space: nowrap;
        }

        .right_main_Content .outer_tab_filre .tablist {
            border: 1px solid #707070;
            padding: 6px 8px;
            border-radius: 50px;
        }

            .right_main_Content .outer_tab_filre .tablist.nav-pills .nav-link {
                padding: 0.4rem 1.3rem;
                color: #333333;
                font-size: 18px;
                font-weight: 700;
                border-radius: 50px;
                min-width: 80px;
                text-align: center;
            }

.inner_search {
    background: #ffffff;
    padding: 8px;
    box-shadow: 0 0 10px 0 #dddddd;
    border-radius: 10px;
    margin-bottom: 10px;
}

.formOuter {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 30px;
    padding: 30px;
    padding: 30px 0px 20px;
}

@media (max-width: 1400px) {
    .formOuter {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (max-width: 1200px) {
    .formOuter {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        grid-gap: 16px;
    }
}

@media (max-width: 575px) {
    .formOuter {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.formOuter.steps_formouter {
    grid-gap: 10px;
}

.formOuter.grid_gap_15 {
    grid-gap: 15px;
}

.form-control:focus {
    box-shadow: none;
    border-color: #0068C7;
}

.primary_btn {
    min-width: 130px;
    background-color: #0068C7;
    color: #ffffff;
}

    .primary_btn:hover {
        box-shadow: inset 5px 5px 7px 0px rgba(24, 24, 24, 0.6588235294);
    }

.secondy_btn {
    min-width: 110px;
    border-color: #dddddd;
    background: #ffffff;
}

    .secondy_btn:hover {
        box-shadow: inset 5px 5px 7px 0px rgba(24, 24, 24, 0.6588235294);
        background: #0068C7;
        color: #ffffff;
        border-color: #0068C7;
    }

.outer_dashborad .btn.primary_btn_light {
    border-color: #013064;
    padding: 6px 20px;
    color: #013064;
    margin-bottom: 4px;
}

@media (max-width: 1400px) {
    .outer_dashborad .btn.primary_btn_light {
        padding: 6px 17px;
        font-size: 14px;
    }
}

.outer_dashborad .btn.primary_btn_light.paddin_Xl {
    padding: 6px 50px;
}

.outer_dashborad .btn.primary_btn_light:hover {
    box-shadow: inset 5px 5px 7px 0px rgba(24, 24, 24, 0.6588235294);
    background-color: #0068C7;
    color: #ffffff;
}

    .outer_dashborad .btn.primary_btn_light:hover svg path {
        fill: #ffffff;
    }

.outer_dashborad .btn.primary_btn_light.btn_trayAgain {
    width: 70%;
    margin-top: 30px;
}

.button_align {
    white-space: nowrap;
}

.backbtn {
    margin: 10px 0 10px 30px;
}

    .backbtn .secondy_btn {
        box-sizing: border-box;
        box-shadow: 0 0 10px 0 #dddddd;
    }

.submit_botton {
    display: flex;
    justify-content: flex-end;
    grid-gap: 10px;
}

    .submit_botton.text-center {
        justify-content: center;
    }

.dataList_table {
    background: #ffffff;
    margin-top: 10px;
    padding: 20px 10px 10px 10px;
    box-shadow: 0 0 10px 0 #dddddd;
    border-radius: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 8px 5px 10px 5px;
    margin-bottom: 16px;
}

    .dataList_table .table_outer {
        font-family: "Courier Prime", monospace;
    }

        .dataList_table .table_outer.font_open {
            font-family: "Open Sans", sans-serif;
        }

        .dataList_table .table_outer .table > :not(caption) > * > * {
            padding: 0.19rem 0.5rem;
        }

        .dataList_table .table_outer.table_ui {
            height: calc(100vh - 198px);
            overflow: auto;
        }

        .dataList_table .table_outer table.table-bordered.dataTable th, .dataList_table .table_outer table.table-bordered.dataTable td {
            border-bottom-width: 2px;
            vertical-align: middle;
            height: 36px;
        }

            .dataList_table .table_outer table.table-bordered.dataTable th span.toltilp, .dataList_table .table_outer table.table-bordered.dataTable td span.toltilp {
                display: inline-block;
            }

        .dataList_table .table_outer table.table-bordered.dataTable th {
            white-space: nowrap;
        }

        .dataList_table .table_outer .table-bordered > :not(caption) > * > * {
            border-width: 0 1.5px;
        }

        .dataList_table .table_outer .dataTables_length {
            padding-left: 20px;
        }

        .dataList_table .table_outer .dataTables_wrapper .dataTables_filter {
            padding-right: 20px;
        }

        .dataList_table .table_outer table.table {
            border-color: #ffffff;
            font-size: 16px;
        }

        .dataList_table .table_outer table thead tr {
            background-color: #EEEEEE;
        }

        .dataList_table .table_outer table tbody tr {
            background-color: #F9F9F9;
        }

            .dataList_table .table_outer table tbody tr td {
                font-size: 14px;
            }

    .dataList_table.invoice_list_ui .table_outer.table_ui {
        height: calc(100vh - 300px);
        overflow: auto;
    }

.primary_cart {
    border: 1px solid;
    padding: 2px 11px;
    border-radius: 15px;
    background: #eff8ff;
    color: #0068C7;
    transition: 0.2s;
}

    .primary_cart:hover {
        background: #0068C7;
        color: #ffffff;
        border-color: #0068C7;
    }

.excel_btn {
    background: #e5ffe5;
    color: #006d09;
}

    .excel_btn:before {
        font-family: 'FontAwesome', Arial, sans-serif;
        content: "\f1c3";
        display: inline-block;
        padding-right: 3px;
        vertical-align: middle;
    }

    .excel_btn:hover {
        background-color: #006d09;
        color: #e5ffe5;
    }

.table_btn_cus {
    border-radius: 30px;
    font-size: 14px;
    border: 1px solid;
    padding: 3px 15px;
    line-height: 22px;
    display: flex;
}

.bottom_footer_table {
    display: flex;
    justify-content: space-between;
}

.pagination .page-item:first-child .page-link {
    border-top-left-radius: 1.35rem;
    border-bottom-left-radius: 1.35rem;
}

.pagination .page-item:last-child .page-link {
    border-top-right-radius: 1.35rem;
    border-bottom-right-radius: 1.35rem;
}

.custom_dropDown {
    box-shadow: 0 0 20px 0 #ababab;
    padding: 0;
}

    .custom_dropDown li:not(:last-child) .dropdown-item {
        border-bottom: 1px solid #dddddd;
    }

    .custom_dropDown li .dropdown-item {
        padding: 0.45rem 1rem;
    }

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

.outer_dashborad .btn.table_btn {
    border-radius: 7px;
    min-width: 43px;
    padding: 3px 10px;
}

    .outer_dashborad .btn.table_btn i.fa {
        margin-top: 4px;
    }

.outer_dashborad .table_outer.normal_table .btn.table_btn {
    margin-right: 4px;
}

.outer_invoice {
    position: relative;
}

.modal_custom {
    position: relative;
}

    .modal_custom .modal-content {
        max-height: calc(100vh - 180px);
        overflow: auto;
    }

        .modal_custom .modal-content::-webkit-scrollbar-track {
            box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
            -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
            background-color: #F5F5F5;
            border-radius: 10px;
        }

        .modal_custom .modal-content::-webkit-scrollbar {
            width: 10px;
            height: 10px;
            background-color: #F5F5F5;
            border-radius: 10px;
        }

        .modal_custom .modal-content::-webkit-scrollbar-thumb {
            background-color: #333333;
            border: 1px solid #dddddd;
            border-radius: 10px;
        }

            .modal_custom .modal-content::-webkit-scrollbar-thumb:hover {
                background: #0068C7;
            }

    .modal_custom .btn-close {
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 9;
    }

    .modal_custom .modal-body {
        padding: 40px;
    }

    .modal_custom.modal_custom_xl {
        max-width: 90%;
        font-family: "Open Sans", sans-serif;
    }

        .modal_custom.modal_custom_xl .modal-body {
            padding: 20px;
        }

.normal_table::-webkit-scrollbar-track {
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.normal_table::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: #F5F5F5;
    border-radius: 10px;
}

.normal_table::-webkit-scrollbar-thumb {
    background-color: #333333;
    border: 1px solid #dddddd;
    border-radius: 10px;
}

    .normal_table::-webkit-scrollbar-thumb:hover {
        background: #0068C7;
    }

.title_modal {
    color: #0068C7;
    border-bottom: 2px solid;
}

    .title_modal h3 {
        font-size: 22px;
        font-weight: 600;
        text-transform: capitalize;
    }

@media (max-width: 1400px) {
    .title_modal h3 {
        font-size: 20px;
    }
}

.formOuter_col2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
    padding: 30px;
    padding: 30px 0;
    height:fit-content;
}

.formOuter_col21 {
    row-gap: 5px;
}

@media (max-width: 767px) {
    .formOuter_col2 {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.formOuter_col2.grid_gap_15 {
    grid-gap: 15px;
    padding: 15px 0;
}

@media (max-width: 1200px) {
    .formOuter_col2 .formOuter_col2 {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.otp_Input_outer {
    display: flex;
    align-items: center;
    grid-gap: 10px;
}

.input_short input {
    border-radius: 30px;
}

.formOuter_col1 {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 30px;
    padding: 30px;
    padding: 30px 0;
}

@media (max-width: 1024px) {
    .formOuter_col1 {
        padding: 15px 0;
    }
}

.dataList_table.role_outer {
    margin-top: 10px;
}

.permission_list {
    max-height: 200px;
    overflow-y: auto;
}

    .permission_list .item {
        display: inline-block;
        border: 1px solid;
        line-height: 16px;
        font-size: 13px;
        padding: 4px 10px 3px;
        border-radius: 4px;
        margin-bottom: 4px;
        margin-left: 1px;
        background: #eef8fc;
        color: #013064;
    }

.line_heading {
    position: relative;
    border-bottom: 1px solid #0068C7;
    padding-top: 14px;
    margin-bottom: 20px;
    margin-top: 20px;
}

    .line_heading h4 {
        position: absolute;
        top: 0;
        background: #ffffff;
        padding: 0 10px 0px 0;
        color: #0068C7;
        font-size: 20px;
        font-family: "Open Sans", sans-serif;
    }

.btn_permission {
    margin: 30px 0 0;
}

.permission_assign_list {
    max-height: 500px;
    overflow-y: auto;
}

    .permission_assign_list ul {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        grid-gap: 22px;
        padding: 10px;
    }

.authrize_otuer {
    margin-bottom: 20px;
}

    .authrize_otuer .line_heading {
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .authrize_otuer .submit_botton {
        margin-top: 20px;
    }

    .authrize_otuer .secondy_btn {
        margin-left: 14px;
    }

.btn_warning {
    min-width: 130px;
    margin: 0 15px;
}

.confirm_popup {
    text-align: center;
    border: none;
}

.titleof_confirtm p {
    font-size: 22px;
    margin: 40px 0;
}

    .titleof_confirtm p .amount_popup {
        font-weight: 600;
        color: #0068C7;
    }

.icon_payemtn {
    max-width: 120px;
    margin: 0 auto;
}

.checkmark {
    stroke: #44A976;
    stroke-dashoffset: 745.7485351563;
    stroke-dasharray: 745.7485351563;
    animation: dash 3s ease-out forwards;
}

@keyframes dash {
    0% {
        stroke-dashoffset: 745.7485351563;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

.outer_payment {
    background: #ffffff;
    padding: 20px;
    box-shadow: 0 0 10px 0 #dddddd;
    margin-top: 10px;
    border-radius: 12px;
}

    .outer_payment .inner_payemnt {
        width: 768px;
        margin: 40px auto 40px;
        background-color: #fff;
        box-shadow: 0 0 70px 0 #dddddd;
        padding: 30px;
        border-radius: 10px;
    }

        .outer_payment .inner_payemnt .main_action {
            text-align: center;
        }

            .outer_payment .inner_payemnt .main_action .tagling {
                margin: 28px 0;
            }

                .outer_payment .inner_payemnt .main_action .tagling.failed_payment h2 {
                    font-size: 36px;
                    color: #e54250;
                }

                .outer_payment .inner_payemnt .main_action .tagling h2 {
                    font-size: 22px;
                    color: #333333;
                    font-weight: 600;
                }

        .outer_payment .inner_payemnt .flex_item {
            display: flex;
            justify-content: space-between;
            padding: 6px 10px;
            font-size: 14px;
        }

            .outer_payment .inner_payemnt .flex_item .valye_pay {
                font-weight: 600;
                max-width: 380px;
            }

.icon_payemtn svg {
    width: 100px;
    display: block;
    margin: 40px auto 0;
}

.icon_payemtn .path {
    stroke-dasharray: 1000;
    stroke-dashoffset: 0;
}

    .icon_payemtn .path.circle {
        -webkit-animation: dash 0.9s ease-in-out;
        animation: dash 0.9s ease-in-out;
    }

    .icon_payemtn .path.line {
        stroke-dashoffset: 1000;
        -webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
        animation: dash 0.9s 0.35s ease-in-out forwards;
    }

    .icon_payemtn .path.check {
        stroke-dashoffset: -100;
        -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;
        animation: dash-check 0.9s 0.35s ease-in-out forwards;
    }

@-webkit-keyframes dash {
    0% {
        stroke-dashoffset: 1000;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 1000;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes dash-check {
    0% {
        stroke-dashoffset: -100;
    }

    100% {
        stroke-dashoffset: 900;
    }
}

@keyframes dash-check {
    0% {
        stroke-dashoffset: -100;
    }

    100% {
        stroke-dashoffset: 900;
    }
}

span.pending_cart {
    background: #FFF7D5;
    border: 1px solid #bb7700;
    padding: 3px 14px;
    border-radius: 30px;
    color: #bb7700;
    white-space: nowrap;
    font-family: "Open Sans", sans-serif;
}

span.success_cart {
    background: #F5FFF3;
    border: 1px solid #116800;
    padding: 3px 14px;
    border-radius: 30px;
    color: #116800;
    white-space: nowrap;
    font-family: "Open Sans", sans-serif;
}

span.failed_cart {
    background: #ffeeee;
    border: 1px solid #dc3545;
    padding: 3px 14px;
    border-radius: 30px;
    color: #dc3545;
    white-space: nowrap;
    font-family: "Open Sans", sans-serif;
}

.bg_blue_cart {
    background: #eff8ff;
    border: 1px solid #0068C7;
    padding: 3px 14px;
    border-radius: 30px;
    color: #0068C7;
    white-space: nowrap;
    font-family: "Open Sans", sans-serif;
}

span.paid_status {
    background: #62cf66;
    border: 1px solid #4CAF50;
    padding: 3px 14px;
    border-radius: 30px;
    color: #ffffff;
    white-space: nowrap;
    font-family: "Open Sans", sans-serif;
}

span.queued_status {
    background: #FF9800;
    border: #b9720a;
    padding: 3px 14px;
    border-radius: 30px;
    color: #ffffff;
    white-space: nowrap;
    font-family: "Open Sans", sans-serif;
}




.bg_payment_cart {
    background: lightskyblue;
    border: 1px solid #0068C7;
    padding: 3px 14px;
    border-radius: 30px;
    /*color: #0068C7;*/
    white-space: nowrap;
    font-family: "Open Sans", sans-serif;
}

.bg_green_cart {
    background: lightgreen;
    border: 1px solid #29b065;
    padding: 3px 14px;
    border-radius: 30px;
    /* color: #29b065; */
    white-space: nowrap;
    font-family: "Open Sans", sans-serif;
}

.bg_both_cart {
    background: #d4c900;
    border: 1px solid #a36b1a;
    padding: 3px 14px;
    border-radius: 30px;
    /* color: #29b065; */
    white-space: nowrap;
    font-family: "Open Sans", sans-serif;
}


.min_wth_130 {
    min-width: 100px;
    display: inline-block;
    text-align: center;
}

.detail_inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
    padding: 30px;
    padding: 10px 14px;
}

    .detail_inner .inf_title h3 {
        font-weight: 600;
        display: flex;
        align-items: center;
        grid-gap: 10px;
    }

@media (max-width: 1400px) {
    .detail_inner .inf_title h3 {
        font-size: 18px;
    }
}

.detail_inner .inf_title h3 .customer_id {
    font-size: 16px;
    font-weight: 400;
}

@media (max-width: 1400px) {
    .detail_inner .inf_title h3 .customer_id {
        font-size: 14px;
    }
}

.formOuter_card_invoice {
    display: grid;
    grid-template-columns: 1fr 30%;
    grid-gap: 10px;
    padding: 0px;
}

    .formOuter_card_invoice .outer_card_invoic ul.card_height_invoice {
        max-height: 140px;
        overflow: auto;
    }

    .formOuter_card_invoice .outer_card_invoic ul li {
        text-align: right;
        padding-right: 10px;
        padding-bottom: 3px;
    }

        .formOuter_card_invoice .outer_card_invoic ul li .card_item {
            color: #000000;
            display: inline-block;
            cursor: pointer;
        }

            .formOuter_card_invoice .outer_card_invoic ul li .card_item .card_type {
                width: 36px;
                display: inline-block;
            }

                .formOuter_card_invoice .outer_card_invoic ul li .card_item .card_type img {
                    width: 100%;
                }

            .formOuter_card_invoice .outer_card_invoic ul li .card_item:hover {
                color: #0068C7;
                text-decoration: underline;
            }

            .formOuter_card_invoice .outer_card_invoic ul li .card_item .card_type {
                margin-right: 8px;
            }

    .formOuter_card_invoice .outer_card_invoic.cards_onsales ul li {
        text-align: left;
    }

@media (max-width: 1200px) {
    .formOuter_card_invoice {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 10px;
        padding: 0px;
    }

        .formOuter_card_invoice .outer_card_invoic ul li {
            text-align: left;
        }
}

.field_set_outer {
    border: 1px solid #dddddd;
    padding: 20px 21px 10px;
    border-radius: 10px;
    position: relative;
    font-family: "Open Sans", sans-serif;
}

    .field_set_outer.padding_top_10 {
        padding-top: 10px;
    }

    .field_set_outer .field_title {
        position: absolute;
        top: -12px;
        left: 15px;
    }

    .field_set_outer .qtran_title {
        /*   position: absolute;*/
        top: -12px;
        left: 15px;
    }

.tran_heading {
    font-size: 1.3rem;
    color: #0068c7;
    margin-bottom: 25px;
    font-weight: revert-layer;
    font-family: ui-serif;
}

.notif_heading {
    font-size: 1.2rem;
    /*margin-bottom: 25px;*/
    font-weight: revert-layer;
    font-family: ui-serif;
}

.notify_heading {
    font-size: 1.3rem;
    /* margin-bottom: 25px; */
    font-weight: revert-layer;
    font-family: ui-serif;
    text-decoration-line: underline;
}

.custom_btn {
    padding: 2px 16px;
    border-radius: 30px;
    font-size: 12px;
    background-color: white;
    color: grey;
}


.field_set_outer .field_title h4 {
    padding: 0 5px;
    background: #ffffff;
    font-size: 18px;
    font-weight: 600;
    color: #0068C7;
}

.field_set_outer .list_inf li {
    padding: 10px 0 10px 28px;
    position: relative;
    word-break: break-all;
}

    .field_set_outer .list_inf li .icon_list {
        position: absolute;
        top: 7px;
        left: 0;
    }

.field_set_outer .list_inf_vehical.colomn_2 {
    column-count: 2;
}

.field_set_outer .list_inf_vehical .item_info_vecal {
    padding: 5px 0;
    font-size: 15px;
}

    .field_set_outer .list_inf_vehical .item_info_vecal .item_detail {
        /* text-transform: uppercase;*/
    }

    .field_set_outer .list_inf_vehical .item_info_vecal .item_head {
        font-weight: 700;
    }

.field_set_outer .edit_icon {
    position: absolute;
    right: 6px;
    top: 1px;
    padding: 6px;
}

.invoice_info {
    padding: 10px 14px;
    margin-top: 20px;
}

    .invoice_info .gridInvoice {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 30px;
        padding: 10px 0px;
    }

        .invoice_info .gridInvoice .button_create {
            text-align: right;
        }

            .invoice_info .gridInvoice .button_create.min_Wth_130 .btn {
                min-width: 130px;
            }

.table.custom_table > :not(:first-child) {
    border-top: 1px solid currentColor;
    border-color: #dddddd;
}

.custom_table td {
    border-right: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    text-align: right;
}

.custom_table tfoot {
    border-bottom: 1px solid;
}

.custom_table th {
    border-right: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    text-align: right;
}

.custom_table thead {
    border-top: 1px solid #dddddd;
}

.table_outer.normal_table .table > :not(:first-child) {
    border-top: 2px solid currentColor;
    border-color: #ffffff;
}

.table_outer.normal_table table.table-bordered th, .table_outer.normal_table table.table-bordered td {
    border-bottom-width: 2px;
    vertical-align: middle;
    height: 36px;
    min-width: 100px;
}

.table_outer.normal_table .table-bordered > :not(caption) > * {
    border-width: 2px 0;
}

.invoice_detail_outer .dataList_table {
    padding: 0 14px;
    box-shadow: none;
}

@media (max-width: 1400px) {
    .invoice_detail_outer .dataList_table {
        padding: 0 0px;
    }
}

a.icon_edit:hover svg path {
    fill: #0068C7;
}

.update_zip .button_create .primary_btn {
    min-width: 200px;
}

.gridTransect {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
    padding: 30px;
}

@media (max-width: 1400px) {
    .gridTransect {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1.5fr;
        align-items: center;
    }
}

@media (max-width: 1200px) {
    .gridTransect .form_apply {
        grid-column: 1/3;
        grid-row: 1/2;
    }

    .gridTransect .image_apply {
        grid-column: 1/3;
        max-width: 70%;
        margin: 0 auto;
    }
}

.apply_farm {
    padding: 0 10px 50px 10px;
}

.update_zip {
    display: flex;
    justify-content: space-between;
    grid-gap: 10px;
}

    .update_zip .form_zip.formOuter {
        padding: 0px 0px 0px;
    }

.gridMulti_ro {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 30px;
    padding: 20px 0px 0px;
}

@media (max-width: 1400px) {
    .gridMulti_ro {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.table_multiRo .table {
    border-color: #dddddd;
}

    .table_multiRo .table thead tr {
        background-color: #f8f8f8;
        border-bottom: 2px solid #ddd;
    }

        .table_multiRo .table thead tr th {
            text-align: right;
        }

    .table_multiRo .table tbody tr td {
        padding: 10px;
        font-size: 16px;
        text-align: right;
    }

        .table_multiRo .table tbody tr td .delete_btn {
            color: gainsboro;
            font-size: 20px;
            width: 40px;
            display: inline-block;
            text-align: center;
        }

            .table_multiRo .table tbody tr td .delete_btn:hover {
                color: red;
            }

    .table_multiRo .table tfoot tr {
        border-top: 2px solid #ddd;
    }

.tableSummery {
    box-shadow: 0 0 10px 0 #dddddd;
    padding: 20px;
    border-radius: 10px;
}

    .tableSummery .table tbody tr td {
        padding: 10px;
    }

        .tableSummery .table tbody tr td:last-child {
            text-align: right;
            font-weight: 700;
            font-size: 23px;
            color: #000;
        }

    .tableSummery .table tbody tr:last-child td {
        border-bottom: none;
    }

    .tableSummery .button_create .primary_btn {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
    }

.grid_form_3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
    padding: 10px 0;
}

@media (max-width: 991px) {
    .grid_form_3 {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 767px) {
    .grid_form_3 {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.main_box {
    background: #ffffff;
    margin-top: 10px;
    padding: 20px 10px 10px 10px;
    box-shadow: 0 0 10px 0 #dddddd;
    border-radius: 10px;
    margin-bottom: 10px;
}

.title_modal_table {
    text-align: center;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 600;
    color: #0068C7;
}

.dataList_table.tale_on_modal {
    box-shadow: none;
    margin: 0;
    padding: 0;
}

.modal_custom_xl .modal-footer {
    justify-content: center;
}

.title_payment h2 {
    font-size: 26px;
    font-weight: 600;
    text-align: center;
}

.grid_payment_option {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 60px;
    padding: 50px;
}

    .grid_payment_option .flex_box_paymetn .payment-item {
        padding: 15px 20px;
        box-shadow: 0 0 10px 0 #dddddd;
        border-radius: 10px;
        min-height: 133px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: 0.2s;
        border: 1px solid transparent;
        cursor: pointer;
    }

        .grid_payment_option .flex_box_paymetn .payment-item:hover {
            transform: scale(1.1);
            background: #f9fcff;
            border-color: #0068C7;
        }

    .grid_payment_option .flex_box_paymetn .inner_option {
        text-align: center;
    }

        .grid_payment_option .flex_box_paymetn .inner_option .icon_pay {
            max-width: 50px;
            margin: 0 auto;
        }

        .grid_payment_option .flex_box_paymetn .inner_option .title_pay_opt {
            font-weight: 600;
            color: #333333;
            margin-top: 8px;
        }

.outerButton_paument {
    margin-top: 30px;
}

.gridMulti_ro.emv_sale_invoice {
    padding-bottom: 10px;
}

ol.breadcrumb {
    margin-bottom: 0;
}

li.breadcrumb-item {
    font-size: 12px;
}

.fileUpload {
    display: inline-block;
    margin-right: 10px;
}

    .fileUpload label {
        padding: 5px 20px;
        background: #ffffff;
        display: table;
        color: #0068C7;
        border-radius: 30px;
        font-size: 16px;
        border: 1px solid #0068C7;
        cursor: pointer;
    }

        .fileUpload label:hover {
            background-color: #0068C7;
            color: #ffffff;
        }

    .fileUpload input[type=file] {
        display: none;
    }

.listOfUploadedFile {
    margin-top: 10px;
}

    .listOfUploadedFile .table-responsive.scrollstyle-4 {
        overflow-y: auto;
        max-height: calc(100vh - 240px);
    }

    .listOfUploadedFile table {
        font-size: 14px;
    }

    .listOfUploadedFile .table-secondary {
        --bs-table-bg: #f9f9f9;
        --bs-table-striped-bg: #d7d8da;
        color: #ffffff;
        border-color: #ffffff;
    }

        .listOfUploadedFile .table-secondary thead tr th {
            color: #333333;
            border-bottom-width: 2px;
            vertical-align: middle;
            background-color: #e2e2e2;
        }

        .listOfUploadedFile .table-secondary tbody tr td {
            vertical-align: middle;
            height: 60px;
            color: #333333;
        }

            .listOfUploadedFile .table-secondary tbody tr td input.border-none {
                border: none;
                background: #F9F9F9;
                padding: 7px 10px;
            }

            .listOfUploadedFile .table-secondary tbody tr td .btnadd_cus {
                padding: 6px 30px;
                font-size: 14px;
            }

.scrollstyle-4::-webkit-scrollbar-track {
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollstyle-4::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollstyle-4::-webkit-scrollbar-thumb {
    background-color: #333333;
    border: 1px solid #dddddd;
    border-radius: 10px;
}

    .scrollstyle-4::-webkit-scrollbar-thumb:hover {
        background: #0068C7;
    }

.main_outer .modal {
    z-index: 9999;
}

.dataTables_scrollBody::-webkit-scrollbar-track {
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.dataTables_scrollBody::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: #F5F5F5;
    border-radius: 10px;
}

.dataTables_scrollBody::-webkit-scrollbar-thumb {
    background-color: #333333;
    border: 1px solid #dddddd;
    border-radius: 10px;
}

    .dataTables_scrollBody::-webkit-scrollbar-thumb:hover {
        background: #0068C7;
    }

/* ======modal pop-up custom scroll====== */
.modal_custom .modal-body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.modal_custom .modal-body::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: #F5F5F5;
    border-radius: 10px;
}

.modal_custom .modal-body::-webkit-scrollbar-thumb {
    background-color: #333333;
    border: 1px solid #dddddd;
    border-radius: 10px;
}

    .modal_custom .modal-body::-webkit-scrollbar-thumb:hover {
        background: #0068C7;
    }

/* ======modal pop-up custom scroll====== */
.process_paymetn {
    background: #fff;
    box-shadow: 0 0 10px 0 #dddddd;
    margin-top: 10px;
    padding: 10px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    height: calc(100vh - 200px);
}

    .process_paymetn.pop-upprocess {
        background: none;
        box-shadow: none;
        margin-top: 0;
        padding: 0px;
        border-radius: 0px;
        min-height: 300px;
        height: auto;
    }

    .process_paymetn .inner-progress {
        text-align: center;
    }

    .process_paymetn .icon_progres {
        font-size: 60px;
        color: #0068C7;
    }

.field_set_outer .list_inf_vehical.text_lover .item_info_vecal .item_detail {
    text-transform: inherit;
}

.invoice_info .gridInvoice.grid_cash {
    -ms-grid-columns: 1fr 1.5fr;
    grid-template-columns: 1fr 1.5fr;
    padding: 0;
}

    .invoice_info .gridInvoice.grid_cash .alert {
        padding: 10px 16px;
        margin-bottom: 10px;
    }

.invoice_table.cash_table table.custom_table thead th {
    min-width: 100px;
}

.custom_table th {
    white-space: nowrap;
}

    .custom_table th input {
        width: 90%;
    }

.custom_table td {
    white-space: nowrap;
}

    .custom_table td input {
        width: 90%;
        border: 1px solid #a7a7a7;
    }

.dataList_table .table_outer table thead tr.filters {
    max-width: 100px;
    border: 1px solid #ffffff;
    background: #ffffff;
}

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

.balance_aamount .payblAmmount {
    padding: 0px 12px 12px;
    color: #0068C7;
    text-align: right;
    font-weight: 600;
}

    .balance_aamount .payblAmmount span.title_cahs {
        font-size: 16px;
        margin-right: 10px;
        font-weight: 400;
        display: inline-block;
        vertical-align: middle;
    }
        .balance_aamount .payblAmmount span.title_cahs.auto-expand {
            border: 1px solid #0068C7;
            width: 120px;
            height: 35px;
            padding: 5px;
            overflow-x: auto;
            white-space: nowrap;
        }

        .balance_aamount .payblAmmount .amount {
            border: 1px solid;
            padding: 5px 10px;
            font-weight: 700;
            min-width: 130px;
            display: inline-block;
            text-align: center;
            font-size: 24px;
        }

.total_colleted {
    display: flex;
    justify-content: space-between;
    grid-gap: 10px;
    padding: 10px;
    margin-top: 10px;
    border: 1px solid #dddddd;
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 32px;
    align-items: center;
}

    .total_colleted .collect_titel {
        font-size: 24px;
        line-height: 46px;
        width: 42%;
        text-align: right;
    }

    .total_colleted .colledted_amount {
        font-weight: 700;
    }

    .total_colleted .returnAmt {
        display: flex;
        align-items: center;
        grid-gap: 10px;
    }

        .total_colleted .returnAmt .return_title {
            font-size: 14px;
            line-height: 16px;
        }

        .total_colleted .returnAmt .return_value {
            background: #ffdddd;
            padding: 10px;
            line-height: 16px;
        }

            .total_colleted .returnAmt .return_value.success {
                background: #caffca;
            }

.nav_icon svg path {
    fill: #0068C7;
}

.bg_returnTable {
    background: #F3F9FF;
}

.check_detail {
    padding: 6px 20px 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px 0 #dddddd;
    min-height: 500px;
}

    .check_detail.check_on_left {
        padding: 0;
        border-radius: 0;
        box-shadow: none;
        min-height: auto;
    }

    .check_detail .radio_outer_flex {
        display: flex;
        grid-gap: 40px;
        padding: 6px 0 10px 0;
    }

        .check_detail .radio_outer_flex .form-check-label {
            cursor: pointer;
        }

        .check_detail .radio_outer_flex .box_radiao {
            border: 1px solid #dddddd;
            padding: 6px 43px;
            border-radius: 30px;
            cursor: pointer;
        }

    .check_detail .otr {
        margin-top: 10px;
    }

        .check_detail .otr.call_section {
            border: 1px solid #5b9dc1;
            padding: 10px;
            background: #f9fdff;
        }

        .check_detail .otr .call_outer {
            font-size: 20px;
            font-weight: 600;
            margin-bottom: 10px;
        }

.invoice_info .gridInvoice .radiao_custom .button_create {
    text-align: center;
}

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

    .outer_camera .icon_camera {
        color: #0068C7;
    }

    .outer_camera .upload_check.btn.primary_btn_light:hover .icon_camera .fa {
        color: #ffffff;
    }

.box_check {
    text-align: center;
    padding: 30px;
}

    .box_check .fileUpload {
        position: relative;
    }

        .box_check .fileUpload label {
            cursor: pointer;
            width: 160px;
            height: 140px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .box_check .fileUpload.choosed::after {
            content: "✓";
            background-color: #25ab60;
            -webkit-transform: scale(1);
            transform: scale(1);
            z-index: 9;
            position: absolute;
            top: 10px;
            right: 20px;
            color: #fff;
            border-radius: 50%;
            width: 22px;
            height: 22px;
            font-size: 15px;
        }

.title_check {
    border-bottom: 1px solid #0068C7;
    margin-top: 10px;
}

    .title_check h5 {
        margin-bottom: 5px;
        color: #0068C7;
    }

.outer_check_type {
    margin-top: 20px;
}

    .outer_check_type .tablist .nav-item {
        margin-right: 10px;
    }

        .outer_check_type .tablist .nav-item .nav-link {
            border-radius: 30px;
            padding: 8px 40px;
            border: 1px solid #ddd;
            color: #333333;
        }

@media (max-width: 1400px) {
    .outer_check_type .tablist .nav-item .nav-link {
        padding: 6px 40px;
    }
}

.outer_check_type .tablist .nav-item .nav-link.active {
    background-color: #013064;
    color: #ffffff;
    border-color: #013064;
}

.payblAmmount.remaining_amt {
    color: #333333;
}

    .payblAmmount.remaining_amt .amount.sucess {
        background: #c6ffc6;
        color: #006b00;
    }

    .payblAmmount.remaining_amt .amount.danger {
        background: #ffd4d4;
        color: #cd0000;
    }

.fileUpload i.fa {
    margin-right: 5px;
}

.invoic_keyedin {
    display: grid;
    grid-template-columns: 2.7fr 1fr;
    grid-gap: 10px;
    padding: 0;
}

    .invoic_keyedin .list_inf_vehical {
        column-count: 2;
    }

#CardNo {
    padding-right: 57px;
}

.outer_dashborad .form-floating.full_floting {
    grid-column-start: 1;
    grid-column-end: 3;
    margin-top: 20px;
}

    .outer_dashborad .form-floating.full_floting span.choose_one {
        position: absolute;
        top: -39px;
        left: 50%;
        transform: translate(-50%, 0px);
    }

.outer_dashborad .form-floating.amount_input::before {
    content: "\f155";
    position: absolute;
    font-family: 'FontAwesome', Arial, sans-serif;
}

.outer_dashborad .form-floating.amount_input .form-control {
    padding-left: 34px;
}

.outer_dashborad .form-floating.amount_input label {
    padding: 0.8rem 1.35rem 0.8rem 2.05rem;
}

.outer_dashborad .form-floating.amount_input.notFlot::before {
    left: 20px;
    top: 52%;
    transform: translate(0px, -50%);
}

.outer_dashborad .form-floating.amount_input::before {
    left: 17px;
    top: 11px;
}

.outer_dashborad .form-floating.amount_input label {
    padding: 0.6rem 1.35rem 0.6rem 2.05rem;
}

.name_companyOuter {
    background: #fcfcfc;
    padding: 30px;
    border-radius: 20px;
}

.outer_svg_card svg {
    min-height: 220px;
}

.image_card {
    position: absolute;
    top: 31px;
    right: 30px;
}

    .image_card .icon_smallInput {
        /*width: 51px;*/
        height: 56px;
        padding: 4px;
        border-radius: 4px;
    }

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

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

    .group_captcha a.forget_link {
        color: #9b9b9b;
        font-size: 15px;
    }

        .group_captcha a.forget_link:hover {
            color: #333333;
        }

.grid_login {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 60px;
    padding: 0;
    min-height: 100vh;
}

    .grid_login .login_images {
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;
    }

    .grid_login .form_login_outer {
        -webkit-box-shadow: 0 0 10px 0 #ddd;
        box-shadow: 0 0 10px 0 #ddd;
        max-width: 640px;
        margin: 0 auto;
        border-radius: 20px;
        padding: 70px 30px;
        min-width: 70%;
    }

        .grid_login .form_login_outer .button_create.bigBtton .primary_btn {
            width: auto;
            padding: 9px 20px;
        }

.input_login {
    display: grid;
    grid-gap: 40px;
}

    .input_login .button_create {
        text-align: center;
    }

.titleOuter {
    margin-bottom: 60px;
}

    .titleOuter h2 {
        font-family: 'Roboto', Arial, sans-serif;
        font-weight: bold;
        font-size: 50px;
        color: #0081f6;
    }

    .titleOuter.full_width p {
        max-width: 100%;
    }

    .titleOuter p {
        font-size: 16px;
        letter-spacing: 0.3px;
        max-width: 430px;
    }

    .titleOuter h3 {
        font-weight: 600;
        margin-bottom: 20px;
    }

.form_banner_log {
    background: #f9f9f9;
    background-position: bottom left;
    background-size: cover;
    background-repeat: no-repeat;
}

    .form_banner_log .para_right {
        margin-top: 100px;
        padding: 0 0 0 40px;
    }

        .form_banner_log .para_right h1 {
            font-size: 60px;
            text-transform: uppercase;
            margin: 0;
            padding: 0;
            color: #071F5A;
            font-family: "Roboto", sans-serif;
            font-weight: bolder;
        }

        .form_banner_log .para_right p {
            font-size: 34px;
            line-height: 50px;
            font-weight: 300;
            font-family: "Roboto", sans-serif;
            color: #000000;
        }

.refreshOutrer {
    text-align: center;
}

    .refreshOutrer .refresh {
        border: none;
        border-radius: 20px;
        padding: 3px 20px 4px 20px;
        margin-top: 5px;
        background: #ececec;
        color: #7c7c7c;
        display: inline-block;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .refreshOutrer .refresh:hover {
            background: #ebf5ff;
            color: #0068c7;
        }

.form-floating .info-panel {
    display: inline-block;
    position: absolute;
    background: #FFFFFF;
    padding: 7px 15px 5px;
    border: 1px solid #DDDDDD;
    margin-top: 13px;
    color: red;
    box-shadow: 0px 6px 10px 0 #ddd;
    border-radius: 9px;
    z-index: 99;
}

    .form-floating .info-panel:before, .form-floating .info-panel:after {
        content: "";
        display: block;
        position: absolute;
        bottom: 100%;
        width: 0;
        height: 0;
    }

    .form-floating .info-panel:before {
        left: 19px;
        border: 11px solid transparent;
        border-bottom-color: #ddd;
    }

    .form-floating .info-panel:after {
        left: 20px;
        border: 10px solid transparent;
        border-bottom-color: #fff;
    }

.form-floating input[type=password] {
    font: small-caption;
    font-size: 22px;
}

.form-floating .fa.field-icon {
    position: absolute;
    right: 14px;
    top: 15px;
    color: #8b8b8b;
}

.logo_Login {
    max-width: 100px;
    margin: 0 auto;
    position: relative;
    margin-top: -33px;
    margin-bottom: 30px;
}

.outer_login_mail.verify_otp .form_login_outer {
    -webkit-box-shadow: 0 0 10px 0 #ddd;
    box-shadow: 0 0 10px 0 #ddd;
    max-width: 640px;
    margin: 0 auto;
    border-radius: 20px;
    padding: 70px 30px;
    margin-top: 100px;
}

.outer_login_mail.verify_otp .titleOuter {
    margin-bottom: 30px;
    text-align: center;
}

    .outer_login_mail.verify_otp .titleOuter h2 {
        font-size: 32px;
    }

.outer_login_mail.verify_otp .logo_icon {
    width: 110px;
    margin: 0 auto;
    box-shadow: 0 0 10px 0 #ddd;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
}

.browuse_demo {
    margin: 15px auto 0;
}

    .browuse_demo img {
        border-radius: 50%;
        width: 100px;
        height: 100px;
        border: 4px solid #fff;
        box-shadow: 0 0 10px 0 #c8c8c8;
    }

.brandImg {
    display: inline-block;
}

    .brandImg img {
        display: inline-block;
        max-width: 100px;
        max-height: 34px;
        width: auto;
    }

.button_popup_table.import_excel {
    text-align: center;
    padding: 20px 0 10px;
}

.listOfUploadedFile .table > thead {
    vertical-align: bottom;
    position: sticky;
    top: -1px;
    z-index: 9;
}

.dataInnerFound {
    margin: 0 auto;
    border: 2px dashed #ddd;
    padding: 10px;
    text-align: center;
    border-radius: 13px;
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    grid-gap: 20px;
}

    .dataInnerFound .not_img svg {
        max-width: 100%;
    }

        .dataInnerFound .not_img svg path {
            fill: #bababa;
        }

.full_page_ui {
    height: calc(100vh - 215px);
    overflow: auto;
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(0);
    }

    to {
        -webkit-transform: scale(1);
    }
}

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

    to {
        transform: scale(1);
    }
}

b {
    font-weight: bold;
}

/*===========warning msg===========*/
.icon_info .trash {
    background: #ff6873;
    width: 34px;
    height: 40px;
    display: inline-block;
    margin: 0 auto;
    position: relative;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    margin-top: 30px;
}

    .icon_info .trash span {
        position: absolute;
        height: 5px;
        background: #ff6873;
        top: -9px;
        left: -10px;
        right: -10px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        transform: rotate(0deg);
        transition: transform 250ms;
        transform-origin: 19% 100%;
    }

        .icon_info .trash span:after {
            content: "";
            position: absolute;
            width: 25px;
            height: 5px;
            background: #ff6873;
            top: -8px;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            transform: rotate(0deg);
            transition: transform 250ms;
            transform-origin: 19% 100%;
            left: 15px;
        }

    .icon_info .trash i {
        position: relative;
        width: 3px;
        height: 29px;
        background: #fff;
        display: block;
        margin: 4px auto;
        border-radius: 5px;
    }

        .icon_info .trash i:after {
            content: "";
            width: 3px;
            height: 29px;
            background: #fff;
            position: absolute;
            left: -9px;
            border-radius: 5px;
        }

        .icon_info .trash i:before {
            content: "";
            width: 3px;
            height: 29px;
            background: #fff;
            position: absolute;
            right: -9px;
            border-radius: 5px;
        }

.delete_pop_ani:hover .icon_info .trash span {
    transform: rotate(-45deg);
    transition: transform 250ms;
}

/*===========warning msg===========*/
/*===========User Detail===========*/
.user_detail {
    display: flex;
    justify-content: space-between;
}

    .user_detail .inner_profile {
        display: flex;
        grid-gap: 10px;
    }

        .user_detail .inner_profile .image_cashirt {
            display: inline-block;
            width: 64px;
            border: 1px solid #ddd;
            border-radius: 50%;
            padding: 7px;
        }

        .user_detail .inner_profile .profile_info {
            display: inline-block;
        }

            .user_detail .inner_profile .profile_info h2 {
                margin: 0;
                font-size: 30px;
                color: #0068C7;
            }

            .user_detail .inner_profile .profile_info p {
                margin: 0;
                font-style: italic;
                font-size: 14px;
            }

.reportSummeryOuter .gridInner_total {
    display: grid;
    grid-template-columns: 1.7fr 1fr;
    grid-gap: 30px;
    padding: 10px;
}

.custom_curierFont {
    font-family: "Courier Prime", monospace;
}

.gray_100 {
    background-color: var(--bs-gray-100);
}

.bg_main_summery {
    padding: 15px;
    box-shadow: 0 0px 10px 0 #cacaca;
    border-radius: 10px;
}

.department_listouter {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
    padding: 10px;
}

    .department_listouter .title_box_sumry h3 {
        font-size: 20px;
    }

/*===========User Detail===========*/
/*===========daily report dashboard===========*/
.outerGrid_dahs {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 30px;
    padding: 10px;
}

    .outerGrid_dahs.grid_gap_15 {
        grid-gap: 15px;
    }

@media (max-width: 1200px) {
    .outerGrid_dahs {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 10px;
        padding: 30px;
    }
}

@media (max-width: 767px) {
    .outerGrid_dahs {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 10px;
        padding: 30px;
    }
}

@media (max-width: 575px) {
    .outerGrid_dahs {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 10px;
        padding: 30px;
    }
}

.outerGrid_dahs .box_dash {
    box-shadow: 0 0px 10px 0 #ddd;
    padding: 25px;
    border-radius: 7px;
    font-family: "Open Sans", sans-serif;
    background: #ffffff;
}

    .outerGrid_dahs .box_dash .innerBox {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        grid-gap: 10px;
    }

        .outerGrid_dahs .box_dash .innerBox .icon_box {
            background: #e3f0ff;
            padding: 10px;
            border-radius: 6px;
        }

            .outerGrid_dahs .box_dash .innerBox .icon_box.yellow_100 {
                background: #fff7d9;
            }

            .outerGrid_dahs .box_dash .innerBox .icon_box.red_100 {
                background: #ffe2eb;
            }

            .outerGrid_dahs .box_dash .innerBox .icon_box.green_100 {
                background: #D4F4E8;
            }

        .outerGrid_dahs .box_dash .innerBox .data_box_report .title_rep {
            font-weight: 100;
            font-size: 20px;
        }

        .outerGrid_dahs .box_dash .innerBox .data_box_report .value_rep {
            font-size: 30px;
            font-weight: 600;
            line-height: 30px;
        }

.grid_graph_outer {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 20px;
    padding: 10px;
    margin-top: 20px;
}

    .grid_graph_outer .data_outer_cashier {
        font-size: 14px;
        background: #ffffff;
        padding: 15px;
        box-shadow: 0 0 10px 0 #ddd;
        border-radius: 10px;
        font-family: "Courier Prime", monospace;
        position: relative;
    }

        .grid_graph_outer .data_outer_cashier .primary_cart {
            padding: 4px 11px 2px;
        }

        .grid_graph_outer .data_outer_cashier .image_user_cash {
            float: left;
            border: 1px solid #ddd;
            border-radius: 50%;
            width: 30px;
            height: 30px;
            text-align: center;
            overflow: hidden;
        }

            .grid_graph_outer .data_outer_cashier .image_user_cash img {
                max-height: 30px;
            }

        .grid_graph_outer .data_outer_cashier .top_table_custom .form-select {
            border-radius: 30px;
        }

        .grid_graph_outer .data_outer_cashier .top_table_custom .dataTables_filter .form-control {
            border-radius: 30px;
        }

    .grid_graph_outer .graph_payment {
        box-shadow: 0 0 10px 0 #ddd;
        background: #fff;
        border-radius: 6px;
        padding: 20px;
    }

#example_filer_wrapper {
    padding: 0px 15px;
}

.dataList_table table.dataTable > thead > tr.filters > th:not(.sorting_disabled) {
    padding-right: 0;
}

.dataList_table .table_outer table thead tr.filters th {
    padding: 0;
}

    .dataList_table .table_outer table thead tr.filters th input {
        width: 100%;
        font-size: 14px;
        border: 1px solid #ddd;
    }

        .dataList_table .table_outer table thead tr.filters th input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
            color: #d7d7d7;
            opacity: 1; /* Firefox */
        }

        .dataList_table .table_outer table thead tr.filters th input:-ms-input-placeholder { /* Internet Explorer 10-11 */
            color: #d7d7d7;
        }

        .dataList_table .table_outer table thead tr.filters th input::-ms-input-placeholder { /* Microsoft Edge */
            color: #d7d7d7;
        }

div#reportrange {
    width: 320px;
    position: absolute;
    right: 234px;
    border-radius: 5px;
    background: #fff;
    cursor: pointer;
    padding: 5px 10px;
    border: 1px solid #ccc;
}

/*===========daily report dashboard===========*/
footer.ftrmain {
    position: relative;
    margin-top: -7px;
}

    footer.ftrmain .outer_coyright {
        text-align: center;
    }

        footer.ftrmain .outer_coyright .copyRightText {
            font-size: 12px;
            color: #fff;
        }

/*===========Invoice_list_dropdown===========*/
.formOuter_invoice {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
    padding: 10px;
}

@media (max-width: 767px) {
    .formOuter_invoice {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 10px;
        padding: 10px;
    }
}

@media (max-width: 575px) {
    .formOuter_invoice {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 10px;
        padding: 10px;
    }
}

.submit_botton.btn_invoiceOuter {
    display: flex;
    justify-content: start;
    grid-gap: 10px;
    align-items: center;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
    font-size: 13px;
    line-height: 28px;
    margin-top: 5px;
    color: #6f6f6f;
}

/*===========Invoice_list_dropdown===========*/
/*===========Loader===========*/
.loader {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999999;
    background: #fff;
}

.car__body {
    animation: shake_car 0.2s ease-in-out infinite alternate;
}

.car__line {
    transform-origin: center right;
    stroke-dasharray: 22;
    animation: line 0.8s ease-in-out infinite;
    animation-fill-mode: both;
}

.car__line--top {
    animation-delay: 0s;
}

.car__line--middle {
    animation-delay: 0.2s;
}

.car__line--bottom {
    animation-delay: 0.4s;
}

@keyframes shake_car {
    0% {
        transform: translateY(-1%);
    }

    100% {
        transform: translateY(3%);
    }
}

@keyframes line {
    0% {
        stroke-dashoffset: 22;
    }

    25% {
        stroke-dashoffset: 22;
    }

    50% {
        stroke-dashoffset: 0;
    }

    51% {
        stroke-dashoffset: 0;
    }

    80% {
        stroke-dashoffset: -22;
    }

    100% {
        stroke-dashoffset: -22;
    }
}
/*===========Loader===========*/
/*===========new cash and check updates===========*/
.dropdown_cus::after {
    position: absolute;
    right: 20px;
    content: "\f105";
    display: inline-block;
    padding-right: 3px;
    font-size: 20px;
    transition: 0.3s;
    transform: rotate(0deg);
    font-family: 'FontAwesome', Arial, sans-serif;
    vertical-align: middle;
}

.dropdown_cus:not(.collapsed)::after {
    transform: rotate(90deg);
}

.outer_tab_solid .nav-tabs {
    border-bottom: 2px solid #0068C7;
    margin-bottom: 10px;
}

    .outer_tab_solid .nav-tabs .nav-item .nav-link {
        color: #333333;
    }

        .outer_tab_solid .nav-tabs .nav-item .nav-link.active {
            background: #0068C7;
            color: #ffffff;
            border-color: #0068C7;
        }

        .outer_tab_solid .nav-tabs .nav-item .nav-link:hover {
            border-color: #0068C7 #0068C7 #0068C7;
            isolation: isolate;
        }

/*===========new cash and check updates===========*/
.form_apply.width_searchCustomer {
    max-width: 510px;
}

.field_set_outer.padding_top10 {
    padding-top: 10px;
}

.orwith_margin span {
    display: inline-block;
    position: relative;
}

    .orwith_margin span::after {
        content: "";
        width: 100px;
        height: 1px;
        background: #e4e4e4;
        display: inline-block;
        position: absolute;
        left: 30px;
        top: 54%;
    }

    .orwith_margin span::before {
        content: "";
        width: 100px;
        height: 1px;
        background: #e4e4e4;
        display: inline-block;
        position: absolute;
        right: 30px;
        top: 54%;
    }

.fileUpload.camera_plate {
    display: flex;
    align-items: center;
    grid-gap: 10px;
}

    .fileUpload.camera_plate .form-floating {
        width: 100%;
    }

    .fileUpload.camera_plate label {
        border-radius: 7px;
        padding: 5px;
        border: none;
        background: none;
    }

        .fileUpload.camera_plate label:hover {
            box-shadow: 0 0 10px 0 #dddddd;
            background: none;
        }

        .fileUpload.camera_plate label svg {
            max-width: 42px;
        }

.outer_service_record .accordion-button {
    padding: 0.7rem 0.85rem;
    font-weight: 600;
    font-size: 18px;
    color: #1071ca;
}

    .outer_service_record .accordion-button:focus {
        box-shadow: none;
    }

.service_table .dataList_table {
    box-shadow: none;
    margin: 0;
    padding: 0;
}

.customer_detail ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-gap: 25px;
    padding: 10px;
    font-family: "Open Sans", sans-serif;
    margin-bottom: 20px;
    font-size: 14px;
}

    .customer_detail ul li .title_tag {
        font-weight: 700;
    }

.formOuter_col1.gridgap_Or {
    grid-gap: 16px;
}

.width_searchCustomer .apply_farm {
    padding: 0 10px 20px 10px;
}

.for_service_dtl .customer_detail ul {
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

    .for_service_dtl .customer_detail ul span.item_value {
        display: inline-block;
        width: 100%;
    }

li.outer_gair_role .dropdown-menu {
    transform: translate(-70px, 62px) !important;
}

.notify_check {
    padding: 15px 30px;
    background: #FAFAFA;
}

    .notify_check .no_guarantee_chek {
        font-size: 14px;
        column-count: 2;
        list-style: disc;
        padding: 0 0 0 20px;
        max-width: 320px;
    }

.outer_check_update {
    margin-top: 20px;
    display: grid;
    grid-gap: 30px;
}

.custom_width {
    width: 80%;
}

.outer_input_select {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 11px;
}

.radio_outer_flex_outer {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 30px;
    padding: 20px 0 0px;
}

.outer_payment .inner_payemnt .flex_item:nth-of-type(odd) {
    background: #f9f9f9;
}

.refNumber {
    max-width: 160px;
}

.refe_number {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 10px;
}

    .refe_number .form_referal {
        display: flex;
        align-items: center;
        justify-content: center;
        grid-gap: 10px;
    }

.try_diffirent_option {
    text-align: center;
    margin-top: 17px;
}

.fielset_height {
    max-height: 600px;
    overflow: auto;
}

.step_custom_checkBox {
    text-align: left;
    margin: 0px 0 20px 0;
}

.outer_form_step .line_heading h4 {
    padding: 0 0px;
}

.outer_multiCheck {
    display: flex;
    align-items: center;
    grid-gap: 20px;
    padding: 10px 0 20px 0px;
}

.btn:hover .svg_icon svg path {
    fill: #ffffff;
}

.outer_crate_dealership {
    padding: 0px 10px;
}

.line_heading.title_rltv h4 {
    position: relative;
}

.line_heading.title_rltv .outer_smal_btn {
    position: absolute;
    right: 0;
    top: 0;
}

td.width_24 {
    width: 100px;
}

.dataList_table .table_outer .custom_cluster_table thead tr {
    background-color: #dddddd;
}

    .dataList_table .table_outer .custom_cluster_table thead tr td {
        font-weight: 600;
        white-space: nowrap;
    }

.custom_cluster_table {
    text-align: center;
}

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

    .inputWthCheckbox .custom_check {
        width: 40px;
    }

    .inputWthCheckbox .form-floating {
        width: calc(100% - 40px);
    }

.updload_logo {
    border: 1px dashed #0068C7;
    border-radius: 20px;
    padding: 20px;
    position: relative;
    margin-top: 30px;
    height:fit-content;
}

    .updload_logo .photo_thumb {
        text-align: center;
        margin: 0px 0 20px;
    }

    .updload_logo .field_title {
        position: absolute;
        top: -11px;
        background: #ffffff;
        padding: 0 5px;
        color: #0068C7;
    }

.addmutiuser {
    display: flex;
    justify-content: space-between;
}

.breadcrumb-item a {
    color: #0068C7;
}

.dataList_table .table_outer.cluster_list_custom table.table tr td:first-child::before {
    content: "";
    top: 0;
    left: 0;
    background: none;
    box-shadow: none;
    border: none;
}

table.dataTable td.dt-control:after {
    height: 1em;
    width: 1em;
    margin-top: -9px;
    display: inline-block;
    color: #ffffff;
    border: 0.15em solid #ffffff;
    border-radius: 1em;
    box-shadow: 0 0 0.2em #0068C7;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: "Courier New", Courier, monospace;
    line-height: 1em;
    content: "+";
    background-color: #0068C7;
}

table.dataTable tr.dt-hasChild td.dt-control:after {
    content: "-";
    background-color: #d33333;
}

.profile_dealer {
    display: flex;
    align-items: center;
    grid-gap: 10px;
}

    .profile_dealer .log_dealer {
        width: 70px;
        padding: 5px;
        border-radius: 5px;
        display: inline-block;
        box-shadow: 0 0 10px 0 #dddddd;
    }

    .profile_dealer .dealer_name {
        display: inline-block;
        width: calc(100% - 75px);
    }

        .profile_dealer .dealer_name h3 {
            font-weight: 600;
            font-size: 22px;
            color: #0068C7;
        }

        .profile_dealer .dealer_name p {
            margin: 0;
        }

.legal_address .title_tag {
    display: inline-block;
    width: 100%;
    font-weight: 600;
}

.legal_address .item_value {
    display: inline-block;
    width: 100%;
}

.d_inline_blokc {
    display: inline-block;
    width: 100%;
}

.flex_logo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

    .flex_logo .dealship_logo {
        max-width: 300px;
        max-height: 300px;
        background: #ffffff;
    }

.asign_permission_check {
    display: flex;
    align-items: center;
    grid-gap: 40px;
}

.persent_inp {
    position: relative;
}

    .persent_inp:after {
        content: "%";
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        width: 43px;
        border-top-right-radius: 30px;
        background: #0068C7;
        border-bottom-right-radius: 30px;
        padding: 10px 0px 0px 10px;
        font-weight: 800;
        color: #ffffff;
    }

.homeIcon {
    display: inline-block;
    padding: 3px 6px;
    width: 40px;
    transition: 0.3s;
}

    .homeIcon svg {
        max-width: 100%;
    }

    .homeIcon:hover {
        background-color: #0068C7;
        border-radius: 3px;
    }

        .homeIcon:hover svg path {
            fill: #ffffff;
        }

.inner-progress.common_popup {
    min-width: 250px;
}

    .inner-progress.common_popup .progress {
        margin: 10px 0;
    }

.outer_backbtn {
    position: absolute;
    left: 54px;
    bottom: 40px;
    z-index: 999;
    box-shadow: 0 0 20px 0 #ddd;
    border-radius: 30px;
}

    .outer_backbtn .backBtn {
        background: #ffffff;
    }

.card_img img {
    max-width: 42px;
}

.gray_line {
    border-bottom: 1px solid #ddd;
    position: relative;
}

    .gray_line h6 {
        position: absolute;
        top: -9px;
        background: #fff;
        padding: 0 10px 0px 2px;
        color: #0068C7;
    }

.outer_check_colmnt {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.customer_inff {
    position: relative;
}

    .customer_inff::before {
        content: "";
        background: #f4f4f4;
        width: 1px;
        height: 100%;
        display: inline-block;
        position: absolute;
        right: -16px;
    }

.table_multiRo.cust_profileCard {
    max-height: 170px;
    overflow: auto;
}

    .table_multiRo.cust_profileCard .table tbody tr td {
        padding: 3px;
        font-size: 14px;
        text-align: right;
        vertical-align: middle;
    }

input[type=file]:focus {
    border-color: #dddddd;
}

.backbtnSp {
    border: none;
    background: transparent;
    border-radius: 30px;
    padding: 2px 10px;
    transition: 0.2s;
}

    .backbtnSp:hover {
        background: #e0f0ff;
        color: #013064;
    }

/* =========uta check print============== */
.outer_checkDtl {
    grid-gap: 15px;
    padding-top: 5px;
}

.amount_totlchek {
    font-size: 24px;
    font-weight: 600;
    margin-left: 10px;
    border: 1px solid;
    padding: 10px 28px;
}

/* =========uta check print============== */
/* =========payrix remote pay============== */
.payrix_frmOuter {
    width: 50%;
    min-width: 370px;
    margin: 20px auto;
    padding: 30px;
    box-shadow: 0 0 10px 0 #ddd;
    max-width: 658px;
}

    .payrix_frmOuter #number {
        height: 60px;
    }

    .payrix_frmOuter #firstName {
        height: 60px;
    }

    .payrix_frmOuter #expiration {
        height: 60px;
    }

    .payrix_frmOuter #cvv {
        height: 60px;
    }

    .payrix_frmOuter #name {
        height: 60px;
    }

    .payrix_frmOuter #PayNowBtn, .payrix_frmOuter #PayNowBtnParts {
        text-align: center;
        padding: 7px 0;
        height: auto !important;
        margin-top: 20px;
        background: #0068C7 !important;
        border-radius: 4px;
        border-radius: 30px;
    }

    .payrix_frmOuter .form-error {
        height: 20px !important;
    }

    .payrix_frmOuter #DivVerifyOtp {
        margin-top: 20px;
    }

.flexform {
    display: flex;
    align-items: center;
    min-height: 100vh;
}

.side_logo {
    max-width: 150px;
    margin: 0 auto 10px;
}

#DivSendOtpBtn button {
    width: 100%;
}

#payFields-iframe-address {
    min-height: 336px !important;
}

.error_otpmsg {
    text-align: center;
    margin-top: 10px;
}

.payrix_frmOuter .backbtnSp {
    color: black;
    display: inline-block;
}

.summeryOuter h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 2px;
}

.summeryOuter p {
    margin: 0;
}

.maintitle_payInfo h3 {
    margin-top: 20px;
    font-weight: 600;
    font-size: 24px;
}

.griadPayment {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
}

.holderInfo ul li {
    display: inline-block;
    max-width: 60px;
}

    .holderInfo ul li img {
        border: 1px solid #e7e7e7;
        border-radius: 6px;
        min-height: 38px;
    }

.griadPayment .payrix {
    margin: 10px 0 9px 0;
}

.tncRemote a:hover {
    text-decoration: underline;
}

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

    .summeryOuter a.buttonRo {
        border: 1px solid;
        padding: 7px 20px;
        border-radius: 40px;
        color: #0068C7;
    }

        .summeryOuter a.buttonRo:hover {
            background: #0068C7;
            color: #ffffff;
            border-color: #0068C7;
        }

.outer_otrVery {
    text-align: center;
}

#SendOtpBtnSales {
    border-radius: 30px;
    width: 100%;
}

.grid_payrix_from .primary_btn_light:hover {
    text-decoration: underline;
}

/* =========payrix remote pay============== */
/* =========Authorize Pop-up============== */
.modelBox_Outter.authorizePop .icon_info svg {
    width: 60px;
}

.modelBox_Outter.authorizePop .titleof_confirtm p {
    font-size: 18px;
    margin: 16px 0px;
}

#printableArea {
    font-family: "Open Sans", sans-serif;
}

.main_box_transaction {
    padding: 4px 10px 0px 0px;
}

.transactin_filter ul {
    grid-gap: 22px;
    display: flex;
    flex-wrap: wrap;
}

.main_box_transaction.full_page_ui {
    height: calc(100vh - 175px);
}

.icon_info {
    margin-top: 10px;
}

.filter_on_table.sales_filter {
    display: flex;
    grid-gap: 10px;
    /*width: 50%;*/
    width: 40%;
    justify-content: flex-end;
}

    .filter_on_table.sales_filter .tablist:nth-child(2) {
        margin: 0;
    }

.mrchntPrmisn .permission_assign_list ul {
    list-style: disc;
    padding-left: 23px;
}

.line_heading.black_title {
    border-color: black;
}

    .line_heading.black_title h4 {
        color: black;
    }

.relative_filter {
    position: relative;
}

    .relative_filter .outer_prmition_filter {
        position: absolute;
        top: 5px;
        left: 15px;
        width: 75%;
    }

.date_filter span {
    display: inline-block;
}

    .date_filter span input {
        border-radius: 30px;
        border: 1px solid #dddddd;
        padding: 4px 0 2px 10px;
    }

.date_filter .date_range_table {
    position: absolute;
    left: 50%;
    top: 107%;
    z-index: 9;
    transform: translate(-50%, 10px);
}

@media (max-width: 1600px) {
    .date_filter .date_range_table {
        transform: translate(-50%, 16px);
    }
}

@media (max-width: 1400px) {
    .date_filter .date_range_table {
        display: flex;
        align-items: center;
        transform: translate(-57%, 16px);
    }
}

@media (max-width: 1200px) {
    .date_filter .date_range_table {
        transform: translate(-53%, -2px);
    }
}

@media (max-width: 991px) {
    .date_filter .date_range_table {
        top: 0;
        transform: translate(-50%, 10px);
        position: relative;
        transform: translate(0px, 0px);
        left: 0;
    }
}

@media (max-width: 1600px) {
    .date_filter .date_range_table .inner_date_range {
        display: flex;
        align-items: center;
        font-size: 12px;
        grid-gap: 10px;
    }
}

@media (max-width: 1200px) {
    .date_filter .date_range_table .inner_date_range {
        grid-gap: 0px 10px;
        flex-wrap: wrap;
    }

        .date_filter .date_range_table .inner_date_range span.dateRangeTitle {
            flex: 1 0 100%;
        }
}

@media (max-width: 1200px) and (max-width: 991px) {
    .date_filter .date_range_table .inner_date_range span.dateRangeTitle {
        flex: auto;
    }
}

@media (max-width: 1200px) {
    .date_filter .date_range_table .inner_date_range .min_date_table {
        width: 143px;
    }

        .date_filter .date_range_table .inner_date_range .min_date_table input {
            width: 100%;
        }
}

@media (max-width: 1200px) {
    .date_filter .date_range_table .inner_date_range .max_date_table {
        width: 143px;
    }

        .date_filter .date_range_table .inner_date_range .max_date_table input {
            width: 100%;
        }
}

.icon_info.image_icon {
    width: 90px;
    margin: 0 auto;
}

.confirm_popup.sucess_paument .titleof_confirtm .textSuccess {
    color: #6ca339;
}

.confirm_popup.sucess_paument .titleof_confirtm p {
    font-size: 16px;
    margin: 20px 0;
}

.countDown {
    color: #0068C7;
    font-weight: 600;
}

.modal-content.coundDownPop .modal-header {
    background: #013064;
    padding: 10px;
    justify-content: center;
}

    .modal-content.coundDownPop .modal-header .modal-title {
        color: #ffffff;
    }

.modal-content.coundDownPop .modal-body {
    padding: 12px 20px 30px 20px;
}

.min_wth_110 {
    min-width: 100px;
    display: inline-block;
    font-family: "Open Sans", sans-serif;
}

#example_filer_with_date .min_wth_110 {
    padding: 0 0;
}

.input_login.grid_gap_15 {
    grid-gap: 5px;
}

.validations p {
    margin-bottom: 3px;
}

.outer_requiredfields ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .outer_requiredfields ul li {
        padding: 10px;
    }

        .outer_requiredfields ul li input {
            margin-right: 5px;
            width: 16px;
            height: 16px;
        }

    .outer_requiredfields ul ul {
        margin: 0 0 0 30px;
    }

.last_ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    border-bottom: 1px dashed;
}

.button_create.paybtnOnlist {
    position: sticky;
    left: 0;
    right: 0;
    top: 0;
    width: 150px;
    margin: -32px auto 0;
}

.table_outer {
    position: relative;
}

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

.pay_itmBtn {
    width: 80px;
}

.stickeyBtn {
    position: sticky;
    bottom: 0;
    text-align: center;
}

span.deviceConnectionMsg {
    text-align: center;
    display: block;
}

    span.deviceConnectionMsg img {
        width: 50px;
        padding: 7px;
        margin-top: 6px;
    }

.outer_wronimg {
    max-width: 280px;
    margin: 0 auto;
}

.title_wrong {
    text-align: center;
}

    .title_wrong h1 {
        font-weight: 600;
    }

.bg_noneDataList .table_outer.table_ui {
    max-height: calc(100vh - 166px);
    overflow: auto;
}

span.svgIcon.timeZone svg {
    width: 26px;
}

    span.svgIcon.timeZone svg path {
        fill: #0068C7;
    }

.trans_titleMrgn .line_heading {
    margin-top: 4px;
}

/*Notify CSS Custom*/
.notify-cstm-wrp {
    position: fixed;
    bottom: 30px;
    right: 20px;
    width: 340px;
    padding: 12px;
    z-index: 9999999;
    border-radius: 4px;
    box-shadow: 0 0 10px #ffffff6e;
}

    .notify-cstm-wrp.danger-notify {
        background: #dd3843;
    }

    .notify-cstm-wrp.success-notify {
        background: #26d68a;
    }

    .notify-cstm-wrp.warning-notify {
        background: #ffa533;
    }

    .notify-cstm-wrp.info-notify {
        background: #2cbcff;
    }

    .notify-cstm-wrp p {
        margin: 0;
        font-size: 14px;
        color: white;
        padding: 10px 6px;
        line-height: 18px;
    }

    .notify-cstm-wrp h3 {
        font-size: 18px;
        color: white;
        font-weight: 600;
        border-bottom: 1px solid white;
        padding: 6px 6px 10px;
        margin: 0;
    }

    .notify-cstm-wrp .nofity-btn-grp {
        display: flex;
        justify-content: center;
        gap: 10px;
        padding: 5px 0 5px;
    }

        .notify-cstm-wrp .nofity-btn-grp button {
            border: 0;
            background: white;
            padding: 2px 8px;
            font-size: 14px;
            min-width: 50px;
            border-radius: 2px;
        }

.overlay-nofity-cstm {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: #00000073;
    z-index: 999;
    top: 0;
    left: 0;
}

/* Custom Modal CSS*/
/*.detail-modal-cstm {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}*/

/* Custom Modal CSS*/
.detail-modal-cstm {
    padding-top: 100px;
    margin-left: 30%;
    position: fixed;
    top: 0;
    left: 0;
    width: 40%;
    height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

    .detail-modal-cstm .modal-body-main {
        position: relative;
        z-index: 999;
        background: white;
        padding: 60px 40px;
        border-radius: 4px;
        min-width: 720px;
    }

#print_area-transfail h2 {
    font-weight: 600;
    font-size: 28px;
    text-align: center;
    margin-bottom: 20px;
}

#print_area-transfail .border-body-modal {
    border: 1px solid #0000005e;
    padding: 40px 20px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

    #print_area-transfail .border-body-modal p {
        margin: 0;
    }

.detail-modal-cstm .modal-body-main .btn-grp-modal {
    display: flex;
    gap: 10px;
    justify-content: center;
    padding-top: 20px;
}

    .detail-modal-cstm .modal-body-main .btn-grp-modal button {
        background: transparent;
        border: 1px solid;
        min-width: 90px;
        padding: 4px 4px;
        border-radius: 4px;
    }

        .detail-modal-cstm .modal-body-main .btn-grp-modal button.print-btn {
            border-color: blue;
            color: blue;
        }

        .detail-modal-cstm .modal-body-main .btn-grp-modal button.cancel-btn {
            border-color: #dd3843;
            color: #dd3843;
        }


/*10 Jan 2024 CSS*/
#dealerGroupList_wrapper .dataTables_scroll .dataTables_scrollHeadInner {
    min-width: calc(100% - 10px) !important;
}

    #dealerGroupList_wrapper .dataTables_scroll .dataTables_scrollHeadInner table {
        min-width: 100% !important;
    }

.cstm-scrl-issue-fixed-tbl .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner {
    min-width: calc(100% - 10px);
}

    .cstm-scrl-issue-fixed-tbl .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table {
        width: 100% !important;
    }

#content-details1 .modal-table .column-fixed-first-tbl tr td:first-child,
#content-details1 .modal-table .column-fixed-first-tbl tr th:first-child,
#content-details .modal-table .column-fixed-first-tbl tr th:first-child,
#content-details .modal-table .column-fixed-first-tbl tr td:first-child {
    min-width: 125px !important;
    width: 125px !important;
}

/*09 Feb CSS Refund Transaction Modal*/
body:has(div#refundTransaction.show) .modal-backdrop.fade.show {
    opacity: 0;
}

div#refundTransaction {
    width: calc(100% - 300px);
    margin-left: 300px;
}

    div#refundTransaction .modal-dialog {
        max-width: 470px;
    }

        div#refundTransaction .modal-dialog .modal-body {
            padding: 30px;
        }

            div#refundTransaction .modal-dialog .modal-body h3.refund-title {
                font-size: 20px;
                font-weight: 600;
                padding-bottom: 20px;
                line-height: 28px;
                margin: 0;
            }

        div#refundTransaction .modal-dialog .modal-content {
            border-radius: 8px;
        }

        div#refundTransaction .modal-dialog .modal-body form.refund-fields {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 20px;
        }

            div#refundTransaction .modal-dialog .modal-body form.refund-fields .input-field-wrp {
                width: 280px;
            }

                div#refundTransaction .modal-dialog .modal-body form.refund-fields .input-field-wrp .dollar-sign-input {
                    position: relative;
                }

                    div#refundTransaction .modal-dialog .modal-body form.refund-fields .input-field-wrp .dollar-sign-input input {
                        width: 100%;
                        height: 42px;
                        border: 1px solid #ababab;
                        border-radius: 40px;
                        padding: 0px 30px;
                        font-size: 20px;
                    }

                    div#refundTransaction .modal-dialog .modal-body form.refund-fields .input-field-wrp .dollar-sign-input:after {
                        content: "\f155";
                        position: absolute;
                        font-family: 'FontAwesome', Arial, Verdana, Tahoma, sans-serif;
                        left: 14px;
                        top: 8px;
                        font-size: 18px;
                    }

                div#refundTransaction .modal-dialog .modal-body form.refund-fields .input-field-wrp label {
                    font-size: 18px;
                    color: #757575;
                    font-weight: 600;
                    padding-left: 10px;
                }

            div#refundTransaction .modal-dialog .modal-body form.refund-fields .btn-refund {
                width: 280px;
                display: flex;
                align-items: center;
                gap: 30px;
                padding-top: 10px;
            }

                div#refundTransaction .modal-dialog .modal-body form.refund-fields .btn-refund button {
                    display: inline-block;
                    padding: 8px 20px;
                    border-radius: 50px;
                    flex: 1 auto;
                }

                    div#refundTransaction .modal-dialog .modal-body form.refund-fields .btn-refund button.yes {
                        color: #3de157;
                        background: white;
                        border: 1px solid #3de157;
                    }

                    div#refundTransaction .modal-dialog .modal-body form.refund-fields .btn-refund button.no {
                        color: #ff6060;
                        border: 1px solid #ff6060;
                        background: transparent;
                        box-shadow: none;
                        outline: none;
                        font-size: 18px;
                        font-weight: 600;
                        padding-block: 6px;
                    }

            div#refundTransaction .modal-dialog .modal-body form.refund-fields .input-field-wrp .dollar-sign-input input[disabled] {
                background-color: #eeeeee;
                color: #949494;
            }

            div#refundTransaction .modal-dialog .modal-body form.refund-fields .input-field-wrp .dollar-sign-input.disbaled-input:after {
                color: #949494;
            }

            /*14 Feb 2024*/
            div#refundTransaction .modal-dialog .modal-body form.refund-fields .btn-refund button.yes:focus, div#refundTransaction .modal-dialog .modal-body form.refund-fields .btn-refund button.yes:active {
                box-shadow: inset 0px 0px 10px #20a334;
                background: #34cb4c;
                color: white;
            }

            div#refundTransaction .modal-dialog .modal-body form.refund-fields .btn-refund button.no:focus, div#refundTransaction .modal-dialog .modal-body form.refund-fields .btn-refund button.no:active {
                background: #d93f3f;
                box-shadow: inset 0 0 10px #b72b2b;
                color: white;
            }

/*10 May 2024 Charge Again*/
/* customer page css 1 Mar 2024*/
.dataList_table.get_customer_tbl .dataTables_filter {
    text-align: left;
}

    .dataList_table.get_customer_tbl .dataTables_filter label {
        position: relative;
    }

        .dataList_table.get_customer_tbl .dataTables_filter label input {
            min-width: 360px;
            border: 1px solid #00000078;
            padding: 4px 10px 4px 29px !important;
        }

        .dataList_table.get_customer_tbl .dataTables_filter label:after {
            content: '';
            width: 14px;
            height: 20px;
            position: absolute;
            left: 16px;
            top: 8px;
            background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3e%3cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0'/%3e%3c/svg%3e");
            background-size: contain;
            background-repeat: no-repeat;
        }

.dataList_table.get_customer_tbl .dataTables_wrapper.dt-bootstrap5.no-footer .row:nth-child(1) .col-md-6 {
    width: 37%;
}

.dataList_table.get_customer_tbl span.textedit-delete {
    font-size: 14px;
    color: gray;
}

.dataList_table.get_customer_tbl table thead tr.filters th.select-filter {
    background-color: #eeeeee !important;
}

.dataList_table.get_customer_tbl table thead tr th.select-filter.dtfc-fixed-left {
    background: #eeeeee;
}

.dataList_table.get_customer_tbl table tbody tr td a.btn.table_btn {
    padding: 0;
}

div#ExcludeCustomer_Model .overlay_btn_close-mdl-excludecus {
    position: fixed;
    background: #0000004d;
    width: 100%;
    height: 100vh;
    left: 0;
    top: 0;
}

div#ExcludeCustomer_Model .modal-dialog {
    position: relative;
    z-index: 99;
    max-width: 460px;
}

#ExcludeCustomer_Model .modal-header > .form-row {
    text-align: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px 0 0;
}

    #ExcludeCustomer_Model .modal-header > .form-row input {
        width: 266px;
        padding: 6px 12px;
        border-radius: 4px;
        border: 1px solid #0000003d;
    }

/*02-03-2024 new css*/
.custmHead {
    font-size: 16px;
    font-weight: 700;
}

.cutsmCLoseTBn {
    position: absolute;
    right: 10px;
    top: 10px;
}

.custm-link-btn {
    padding: 5px 12px;
    text-decoration: none;
    text-align: center;
    display: block;
    border: 1px solid #c2c2c2;
    width: 100%;
    border-radius: 4px;
    background: whitesmoke;
    color: #000;
}

    .custm-link-btn.text-danger {
        text-decoration: underline;
    }

.custm-h {
    max-height: 182px;
}

.custm-table tr td {
    border: 0;
    padding: 2px;
}

.closemodal {
    border: 1px solid #b8b8b8;
    color: #6f6f6f;
}

    .closemodal:hover {
        color: #fff;
        background-color: #6f6f6f;
    }

.changeModalHead {
    background: #0068C7;
    color: #fff;
}

.custm-label {
    position: absolute;
    top: -10px;
    left: 25px;
    font-size: 14px;
    background: #fff;
    color: #787878;
}

.border-r25 {
    border-radius: 28px;
}



/*27 Dec 2024*/
.invoice-payment-authorizePayment-page .formOuter_invoice,
.invoice-payment-salesAuthorization-page .formOuter_invoice,
.invoice-payment-partsAuthorization-page .formOuter_invoice {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.invoice-payment-authorizePayment-page .dataList_table.invoice_list_ui .table_outer.table_ui {
    height: 100%;
}

.invoice-payment-salesAuthorization-page .dataList_table .table_outer.table_ui,
.invoice-payment-partsAuthorization-page .dataList_table .table_outer.table_ui {
    height: calc(100dvh - 290px);
}


/*Notification Header*/
li.notification-header {
    position: relative;
    cursor: pointer;
}

    li.notification-header svg {
        width: 30px;
        height: 30px;
        color: #0d6efc;
    }

    li.notification-header > span {
        width: 18px;
        height: 18px;
        position: absolute;
        top: -6px;
        right: -6px;
        background: red;
        color: white;
        font-size: 12px;
        font-weight: 400;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
    }

/*Success Payment Modal*/
.wrp_all_cstm_modal {
    bottom: 50px;
    right: 30px;
    z-index: 999;
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: fixed;
    max-height: calc(100dvh - 120px);
    overflow: auto;
}

.payment_success_cstm_modal {
    background: #28a645;
    width: 340px;
    border-radius: 4px;
    padding: 20px 26px;
    position: relative;
}

    .payment_success_cstm_modal button.succes_modal_close_btn {
        border: 0;
        background: transparent;
        position: absolute;
        top: 12px;
        right: 10px;
        padding: 4px 10px;
    }

        .payment_success_cstm_modal button.succes_modal_close_btn svg {
            width: 20px;
            height: 20px;
            color: white;
        }

    .payment_success_cstm_modal h4 {
        font-size: 16px;
        color: white;
        font-weight: 600;
        text-align: center;
        margin-bottom: 10px;
    }

    .payment_success_cstm_modal p {
        margin: 0;
        font-size: 14px;
        color: white;
    }

        .payment_success_cstm_modal p a {
            color: black;
            text-decoration: underline;
        }

/*Notification Sidebar Wrapper*/
.notification_sidebar_wrp {
    position: fixed;
    right: 10px;
    top: 10px;
    z-index: 999;
    background: #ffffff;
    height: calc(100dvh - 40px);
    border-radius: 10px 20px 20px 10px;
    box-shadow: 0px 0px 10px #00000047;
    width: 460px;
    padding: 10px 16px;
    transition: 0.3s all ease-in-out;
    transform: translateX(40px);
    opacity: 0;
    visibility: hidden;
}

    .notification_sidebar_wrp.active {
        transform: translateX(0px);
        opacity: 1;
        visibility: visible;
    }

    .notification_sidebar_wrp .notifi_title_layout_box {
        display: flex;
        justify-content: space-between;
        padding: 10px 0;
    }

        .notification_sidebar_wrp .notifi_title_layout_box h2 {
            font-size: 18px;
        }

        .notification_sidebar_wrp .notifi_title_layout_box button.notification_sidebar_close_btn {
            background: transparent;
            border: 0;
        }

            .notification_sidebar_wrp .notifi_title_layout_box button.notification_sidebar_close_btn svg {
                width: 20px;
                height: 20px;
            }

.notification_tab_box {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 8px 0;
    border-top: 1px solid #00000038;
    border-bottom: 1px solid #00000038;
}

.notification_sidebar_wrp .notification_tab_box button {
    border-radius: 4px;
    border: 1px solid #0d6efc;
    background: white;
    padding: 4px 10px;
    color: #0d6efc;
    font-size: 14px;
}

    .notification_sidebar_wrp .notification_tab_box button:hover,
    .notification_sidebar_wrp .notification_tab_box button.active {
        background: #0d6efc;
        color: #fff;
        border: 1px solid #0d6efc;
    }

.notifi_content_box .notification-items {
    border: 1px solid #0000001f;
    border-radius: 12px;
    padding: 8px 10px;
    box-shadow: 0 0 10px #00000033;
}

    .notifi_content_box .notification-items:hover {
        color: white;
        background: #0d6efc;
    }

.notifi_content_box {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px 0;
    height: calc(100dvh - 160px);
    overflow: auto;
}

    .notifi_content_box .notification-items .date-time_close_btn {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .notifi_content_box .notification-items .date-time_close_btn button.btn_close_noti_item {
            background: transparent;
            border: 0;
            display: none;
        }

    .notifi_content_box .notification-items:hover .date-time_close_btn button.btn_close_noti_item {
        display: block;
    }

    .notifi_content_box .notification-items .date-time_close_btn button.btn_close_noti_item svg {
        width: 16px;
        height: 16px;
    }

    .notifi_content_box .notification-items .date-time_close_btn span {
        display: block;
        padding: 6px 0;
        color: #6e6e6e;
    }

    .notifi_content_box .notification-items .content_notification_item p {
        color: #6e6e6e;
        margin: 0;
    }

    .notifi_content_box .notification-items:hover .content_notification_item p,
    .notifi_content_box .notification-items:hover .date-time_close_btn span {
        color: white;
    }

    .notifi_content_box .notification-items .content_notification_item p a {
        color: #000;
        text-decoration: underline
    }

    .notifi_content_box .notification-items .content_notification_item button.content_btn_notifi {
        display: flex;
        margin: 23px auto 10px;
        align-items: center;
        gap: 6px;
        background: transparent;
        border-radius: 4px;
        padding: 2px 8px;
    }

    .notifi_content_box .notification-items .content_notification_item button.print_btn {
        border: 1px solid red;
        color: red;
        background: white;
    }

    .notifi_content_box .notification-items .content_notification_item button.resend_btn {
        border: 1px solid blue;
        color: blue;
        background: white;
    }

        .notifi_content_box .notification-items .content_notification_item button.resend_btn svg {
            stroke: #2e80fc;
        }

    .notifi_content_box button.clear_all_btn {
        color: #666;
        font-weight: 600;
        background: transparent;
        border: 0;
        display: flex;
        margin-left: auto;
    }

body:has(.no_data_found_noti) .notifi_content_box {
    justify-content: center;
    text-align: center;
}

.no_data_found_noti {
    font-weight: 500;
    color: #666;
}

.release_note_tab_box {
    padding: 20px 0;
}

    .release_note_tab_box h4 {
        font-size: 16px;
    }

    .release_note_tab_box ul {
        padding: 10px 10px 0 30px;
    }

        .release_note_tab_box ul li {
            list-style: disc;
        }


/*12 Feb 2025*/
.timeout_add_section .timeout_and_btn {
    display: flex;
    align-items: center;
    gap: 9px;
}

    .timeout_add_section .timeout_and_btn .refresh_timeout {
        background: rgb(179,223,183);
        background: linear-gradient(90deg, rgba(179,223,183,1) 0%, rgba(126,132,252,1) 100%);
        display: flex;
        padding: 6px 10px;
        border-radius: 4px;
        color: white;
        align-items: center;
        gap: 7px;
    }

        .timeout_add_section .timeout_and_btn .refresh_timeout span.blk_text {
            color: #5a5a5a;
            font-weight: 600;
            font-size: 16px;
        }

        .timeout_add_section .timeout_and_btn .refresh_timeout span.timer_bx {
            display: block;
            padding: 2px 6px;
            border: 1px solid white;
            border-radius: 3px;
            font-weight: 600;
            font-size: 18px;
        }

button.fetch_btn {
    background: #35b736;
    color: white;
    border: 0;
    outline: none;
    padding: 6px 14px;
    border-radius: 50px;
    cursor: pointer;
}

.fetch_modal_cstm {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100dvh;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 999;
    background: #00000036;
}

    .fetch_modal_cstm.act_mdl {
        display: flex;
    }

    .fetch_modal_cstm .fet_modal_content_cstm {
        background: white;
        padding: 60px 16px;
        border-radius: 6px;
        max-width: 500px;
        width: calc(100% - 10px);
        position: relative;
    }

        .fetch_modal_cstm .fet_modal_content_cstm button.close_btn_fetch {
            position: absolute;
            right: 10px;
            top: 10px;
            background: transparent;
            border: 0;
            outline: none;
        }

        .fetch_modal_cstm .fet_modal_content_cstm h3 {
            font-size: 22px;
            text-align: center;
            margin: 0;
        }

        .fetch_modal_cstm .fet_modal_content_cstm .fetch_input_bx,
        .fetch_modal_cstm .fet_modal_content_cstm .loading_fetch_data {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 26px;
        }

        .fetch_modal_cstm .fet_modal_content_cstm .loading_fetch_data,
        .loading_act.fetch_modal_cstm .fet_modal_content_cstm .fetch_input_bx {
            display: none;
        }

.loading_act.fetch_modal_cstm .fet_modal_content_cstm .loading_fetch_data {
    display: flex;
}

.fetch_modal_cstm .fet_modal_content_cstm .fetch_input_bx input.hash_input {
    display: block;
    padding: 6px 12px;
    border-radius: 50px;
    border: 1px solid #00000040;
    outline: none;
}

.fetch_modal_cstm .fet_modal_content_cstm .fetch_input_bx button.fetch_btn_mdl {
    background: #35b736;
    color: white;
    border: 0;
    outline: none;
    padding: 8px 46px;
    border-radius: 50px;
    cursor: pointer;
}


.loader-fetch {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    border: 6px solid;
    border-color: #000 transparent;
    animation: rotation 1s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.bg_noneDataList.timeout_add_section .formOuter_invoice {
    display: flex;
}



/*5 May 2025*/
.post_cash_sub_fields {
    display: flex;
    padding: 10px 0px;
    gap: 10px;
    width: calc(100% - 60px);
    max-width: 530px;
}
.post_back_api_key {
    display: flex;
    padding: 10px 0px;
    gap: 10px;
    width: calc(100% - 60px);
    max-width: 530px;
}

.post_cash_sub_fields input.form-control,
.dms-payment-typefield input.form-control {
    border-radius: 50px;
}
.dms-payment-typefield {
    padding: 20px 0 10px;
    display: flex;
    max-width: 500px;
    gap: 10px;
}

.dms-payment-typefield .primary_btn {
    min-width: 70px;
}
.dms_payment_type_table table thead tr th {
    background: #d8d8d8;
    font-weight: 600;
    color: black;
}
.dms_payment_type_table table thead tr th,
.dms_payment_type_table table tbody tr td {
    border: 1px solid white;
}
.dms_payment_type_table table tbody tr td {
    background: #f2f2f2;
    padding: 2px 8px;
}
.dms_payment_type_table {
    max-width: 600px;
}
.dms_payment_type_table tbody tr td select {
    border-radius: 50px;
}
.dms_payment_type_table tbody tr td button.btn {
    padding: 0px 8px;
    border-radius: 4px;
    font-size: 20px;
    background: white;
}
.dms_payment_type_table tbody tr td button.btn:hover {
    background: #dc3545;
    color: white;
}
.dms_payment_type_table tbody tr td{
    text-align:center;
}


.create-department-field-row {
    display: flex;
    gap: 12px;
}

.create-department-field-row input {
    height: calc(2.7rem + 2px);
    line-height: 1.25;
    border-radius: 30px;
    padding: 0.7rem 1.45rem;
    font-weight: 400;
}

.accounting_information-section .title-row {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid black;
    padding-top: 10px;
    padding-inline: 12px;
    margin-bottom: 10px;
}

.accounting_information-section .title-row h4 {
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    color: rgb(0, 104, 199);
}

.accounting_information-section .title-row h4 span{
    color:gray;
}

button.accounting_information_expand_btn {
    background: green;
    color: white;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 0;
    display: flex;
    align-items: center;
    font-size: 14px;
    justify-content: center;
}

button.accounting_information_expand_btn i.fa-minus {
    display: none;
}

.pother_label_options {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
button.accounting_information_expand_btn.minus i.fa-plus {
    display: none;
}

button.accounting_information_expand_btn.minus i.fa-minus {
    display: block;
}

button.accounting_information_expand_btn.minus {
    background: red;
}



/*30 Sep 2025*/
.height-fit {
    height: fit-content;
}
input#enable-charity-donation:checked {
    background-color: black;
    border-color: black;
}
.charity-donations-table table,
.charity-donations-table table td,
.charity-donations-table table th {
    border: 1px solid #fcfcfc;
}

.charity-donations-table table tbody {
    border: 0 !important;
}

.charity-donations-table table thead tr th {
    background: #eeeeee;
    color: #000006;
}

.charity-donations-table {
    border: 1px solid #ccc;
    border-radius: 6px;
    overflow: hidden;
}

.charity-donations-table table thead tr th:first-child {
    border-radius: 5px 0 0 0;
}

.charity-donations-table table {
    margin: 0;
}
.charity-donations-table table, .charity-donations-table table td, .charity-donations-table table th {
    border: 1px solid #fcfcfc;
}

.charity-donations-table table tbody {
    border: 0 !important;
}

.charity-donations-table table thead tr th {
    background: #eeeeee;
    color: #000006;
}

.charity-donations-table {
    border: 1px solid #ccc;
    border-radius: 6px;
    overflow: hidden;
}

.charity-donations-table table thead tr th:first-child {
    border-radius: 5px 0 0 0;
}

.charity-donations-table table {
    margin: 0;
}

button.delete-btn {
    color: #ff4f3a;
    background: transparent;
    border: 0;
    outline: none;
}

button.delete-btn:hover {
    color: red;
}

#charity-field-wrp > p {
    font-size: 18px;
    text-align: center;
    line-height: 38px;
}

#charity-field-wrp .charity-price-wrp {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

#charity-field-wrp .charity-price-wrp .box-price-bx label {
    background: transparent;
    border: 1px solid #247dcf;
    color: #247dcf;
    padding: 4px 10px;
    border-radius: 80px;
}

#charity-field-wrp .charity-price-wrp .box-price-bx input:checked ~ label {
    background:#247dcf;
    color:white;
}
.charity-fields-wrp label[for="enable-charity-donation"] {
    font-family: ui-serif;
    font-size: 20px;
}

.settings-section {
    padding: 10px;
}

h4.department-name {
    margin-bottom: 0;
}

.day-config {
    display: flex;
    align-items: center;
    margin: 0.5rem 0;
}

label.day-name {
    display: inline-block;
    width: 120px;
    margin-left: 10px;
}

.time-inputs {
    display: flex;
    align-items: baseline;
    width: 100%;
}

    .time-inputs input:first-child {
        margin-right: 10px;
    }

    .time-inputs input:last-child {
        margin-left: 10px;
    }

div#PickTimeConfig {
    margin-top: 1rem;
}

.departments-grid {
    margin: 1rem 0;
}

.sub_department-name {
    color: rgb(99, 99, 99);
}

.appliesTo {
    margin: 1rem 0 0;
}