<!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.7 -->
<link rel="stylesheet" href="<?php echo e(asset('admin/dist/css/bootstrap5.min.css')); ?>">
<!-- Font Awesome -->

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">

<!-- Theme style -->
<link rel="stylesheet" href="<?php echo e(asset('admin/dist/css/AdminLTE.min.css')); ?>">
<!-- AdminLTE Skins. Choose a skin from the css/skins
     folder instead of downloading all of them to reduce the load. -->
<link rel="stylesheet" href="<?php echo e(asset('admin/dist/css/skins/_all-skins.min.css')); ?>">
<!-- bootstrap wysihtml5 - text editor -->
<!-- <link rel="stylesheet" href="<?php echo e(asset('admin/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css')); ?>"> -->
<link rel="stylesheet" href="<?php echo e(asset('admin/css/sweetalert2.css')); ?>">
<link rel="stylesheet"
    href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
<script src="<?php echo e(asset('admin/bower_components/jquery/dist/jquery.min.js')); ?>"></script>

<script src="<?php echo e(asset('admin/bower_components/select2/dist/js/select2.full.min.js')); ?>"></script>
<script src="<?php echo e(asset('admin/bower_components/jquery-ui/jquery-ui.min.js')); ?>"></script>
<script src="<?php echo e(asset('admin/js/objectToFormData.js')); ?>"></script>
<!-- Google Font -->
<script src="<?php echo e(asset('admin/js/sweetalert2.all.js')); ?>"></script>
<link rel="stylesheet" href="<?php echo e(asset('admin/css/scroll.css')); ?>">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
    integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous">
</script>

<style>
    /* font-family: "Inter", sans-serif; */
    @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');


    :root {
        --primary_color: #1FC4AC;
        --primary_text_color: #061237;
    }





    .sidebar_mobile_device {
        display: none;
    }




    .dashboard_home_table_header h4 {
        margin: 0;
        font-family: "Inter", sans-serif;
        font-size: 18px;
    }

    .view_all_link {
        color: var(--primary_color) !important;
    }



    /* popular products tables section start */
    .popular_products_total_dropdown a i {
        margin-right: 8px;
    }


    .popular_products_total_dropdown a {
        padding: 10px 14px !important;
    }

    .popular_products_tables_container table {
        margin-top: 16px;
        width: 100%;
        overflow-x: scroll;

    }

    .popular_products_tables_container table thead {
        background-color: #f4f6f9 !important;
    }

    .popular_products_tables_container table thead tr {}

    .popular_products_tables_container table thead tr th {
        font-weight: 600;
        padding: 10px 10px !important;
        font-size: 16px;
    }

    .product-info .product_img {
        width: 50px;
        height: 50px;
    }

    .product-info .product_img img {
        width: 100%;
        height: 100%;
        border-radius: 5px;
    }

    .product-info {
        display: flex;
        align-items: center;
        gap: 13px;
    }

    .popular_product_text h6 {
        margin-bottom: 0px !important;
        font-weight: 500;
        font-size: 15px;
        max-width: 160px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .popular_product_text a {
        color: var(--primary_color) !important;
        font-size: 14px;
        font-weight: 600;
    }

    .popular_products_tables_container {
        width: 100%;
        overflow-x: scroll;
        margin-bottom: 40px;
    }

    .popular_products_tables_container::-webkit-scrollbar-thumb {
        background: var(--primary_color);
        border-radius: 20px;
    }

    .popular_products_tables_container::-webkit-scrollbar {
        height: 3px;
    }


    /* Handle */
    .popular_products_tables_container::-webkit-scrollbar-thumb {
        background: #888;
    }


    .popular_products_tables_container table tbody tr {
        border-bottom: 1px dashed #ddd;
    }

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

    .popular_products_tables_container table tbody tr td {
        padding: 12px 10px;
        white-space: nowrap;
    }

    .popular_products_tables_container table tbody .popular_product_price {
        font-size: 15px;
        font-weight: 500;
        margin-right: 4px;
    }

    .popular_products_tables_container table tbody .old-price {
        text-decoration: line-through;
        font-size: 14px;
        color: #96a0b5;
    }

    .popular_products_tables_container table tbody .secondary-info {
        font-size: 14px;
        color: #96a0b5;
    }

    .popular_products_tables_container table tbody .status_stock {
        font-size: 14px;
        color: #22C55E;
        background: rgba(34, 197, 94, 0.1);
        padding: 1px 12px;
        border-radius: 4px;
        font-weight: 700;
    }

    .popular_products_tables_container table tbody .status_stock_out {
        font-size: 14px;
        color: #EF4D56;
        background: rgb(239 78 87 / 10%);
        padding: 1px 12px;
        border-radius: 4px;
        font-weight: 700;
    }

    .popular_edit_delete_btn {
        display: flex;
        align-items: center;
        gap: 3px;
        flex-direction: row;
    }

    .popular_edit_delete_btn button {
        border: none;
        background-color: inherit;
        color: #8d8d8d;
        font-size: 14px;
    }

    /* popular products tables section end */

    .popular_products_total_dropdown select {
        /* width: 107px; */
        /* padding: 4px 7px; */
        outline: none;
        border: 1px solid #dddddd;
        padding: 7px 25px 6px 10px;
        border-radius: 3px;
        cursor: pointer;
        font-size: 14px;
    }

    .popular_district_products_orders {
        margin-top: 25px;
    }

    .popular_district_progress_item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 0;
        border-bottom: 1px dashed #e0e0e0;
    }

    .popular_district_progress_item:last-child {
        border-bottom: none;
    }

    .popular_dis_content {
        display: flex;
        align-items: center;
        width: 80%;
    }

    .district_info_progress {
        width: 100%;
    }

    .popular_dis_container_img {
        margin-right: 15px;
    }

    .popular_dis_map {
        width: 40px;
        height: 40px;
    }

    .popular_dis_map img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        border: 1px solid #dfdfdfdd;
    }

    .district_info_progress h4 {
        font-size: 15px;
        margin: 0;
        color: #333;
    }

    .progress_container {
        display: flex;
        align-items: center;
        gap: 4px;
    }

    .progress-bar {
        position: relative;
        background: #e9ecef;
        border-radius: 5px;
        overflow: hidden;
        height: 5px;
        width: 100%;
    }

    .progress_percentage span {
        font-size: 14px;
        margin-left: 11px;
    }

    .progress {
        background: var(--primary_color);
        height: 100%;
        width: 0;
        animation: fill-progress 1s ease-in-out forwards;
    }

    .progress-bar .percentage {
        position: absolute;
        right: 5px;
        top: -18px;
        font-size: 14px;
        color: #555;
    }

    .popular_district_total_price {
        text-align: right;
        width: 16%;
    }

    .popular_dis_price {
        font-size: 14px;
        font-weight: bold;
        color: #333;
        margin-bottom: 0px !important;
    }

    /* Keyframes for progress animation */
    @keyframes fill-progress {
        to {
            width: var(--progress-width);
        }
    }



    /* chart css */
    .chart_area_bg {
        background-color: #ffffff;
        padding-top: 30px;
        padding-bottom: 45px;
    }

    .bar_chart_content {
        padding-left: 50px;
        padding-right: 20px;
    }

    .chart_area.content {
        padding-bottom: 10px;
    }

    .chart_line {
        position: relative;
        width: 100%;
        height: 350px;
        border: 1px solid #dddddd;
    }

    .chart_line ul {
        margin: 0;
        padding: 0;
        position: absolute;
        width: inherit;
        height: inherit;
    }

    .chart_line ul li {
        list-style: none;
        position: relative;
        display: block;
        width: 100%;
        height: calc(350px / 10);
        border-top: 1px solid #dddddd;
    }

    .chart_line ul li:first-child {
        border-top: 0px;
    }

    .chart_line ul li:last-child {
        border-top: 0px;
    }

    .chart_line ul li span::before {
        content: attr(value);
        position: absolute;
        left: -30px;
        top: -13px;
        font-size: 14px;
        color: #000000;
    }

    .chart_line .chart_bar ul {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        padding-left: 5px;
        padding-right: 5px;
        gap: 5px;
    }

    .chart_line .chart_bar ul li {
        border: none;
        list-style: none;
        position: inherit;
        display: contents;
        width: inherit;
        height: inherit;
    }

    .chart_bar .bar_item {
        position: relative;
        width: 100%;
        max-width: 5%;
        min-width: 5px;
        height: 0%;
        bottom: 0px;
        background-color: #005a5a;
        animation: animateCart 1.2s cubic-bezier(1, 0, 0.4, 1) forwards;
    }

    @keyframes animateCart {
        100% {
            height: 100%;
        }
    }

    .chart_month {
        position: relative;
        width: 100%;
        left: -3px;
        bottom: -15px;
        display: grid;
        grid-template-columns: repeat(12, 1fr);
    }

    .chart_month span {
        text-align: center;
        transform: rotate(-45deg);
        color: #000000;
        font-size: 13px;
    }

    .bar_item_hover {
        width: 90px;
        background-color: #333333;
        color: #ffffff;
        padding: 5px;
        z-index: 99999999;
        position: absolute;
        top: 10%;
        left: 70%;
        opacity: .9;
        border-radius: 2px;
        padding-top: 1px;
        padding-bottom: 2px;
        visibility: hidden;
        transition: .3s;
    }

    .chart_bar .bar_item:hover .bar_item_hover {
        visibility: visible;
        left: 45%;
    }

    .bar_item_hover::before {
        content: "";
        position: absolute;
        left: -7px;
        top: 50%;
        width: 0;
        height: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        border-top: 7px solid transparent;
        border-right: 7px solid #333333;
        border-bottom: 7px solid transparent;
        opacity: .9;
    }

    .bar_item_hover span {
        display: block;
        width: 100%;
        overflow: hidden;
        font-size: 12px;
        text-align: left;
    }

    .chart_line .chart_bar ul li:nth-child(9) .bar_item_hover,
    .chart_line .chart_bar ul li:nth-child(10) .bar_item_hover,
    .chart_line .chart_bar ul li:nth-child(11) .bar_item_hover,
    .chart_line .chart_bar ul li:nth-child(12) .bar_item_hover {
        left: inherit;
        right: 70%;
    }

    .chart_line .chart_bar ul li:nth-child(9) .bar_item:hover .bar_item_hover,
    .chart_line .chart_bar ul li:nth-child(10) .bar_item:hover .bar_item_hover,
    .chart_line .chart_bar ul li:nth-child(11) .bar_item:hover .bar_item_hover,
    .chart_line .chart_bar ul li:nth-child(12) .bar_item:hover .bar_item_hover {
        left: inherit;
        right: 45%;
    }

    .chart_line .chart_bar ul li:nth-child(9) .bar_item_hover::before,
    .chart_line .chart_bar ul li:nth-child(10) .bar_item_hover::before,
    .chart_line .chart_bar ul li:nth-child(11) .bar_item_hover::before,
    .chart_line .chart_bar ul li:nth-child(12) .bar_item_hover::before {
        content: "";
        position: absolute;
        left: inherit;
        right: -7px;
        top: 50%;
        width: 0;
        height: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        border-top: 7px solid transparent;
        border-right: inherit;
        border-left: 7px solid #333333;
        border-bottom: 7px solid transparent;
        opacity: .9;
    }

    .product_manage_table tbody tr td p {
        height: 15px !important;
    }

    /* pie chart */
    #piechart {
        width: 100%;
        height: 400px;
    }

    .pie_chart_content {
        margin-top: -60px;
    }


    .quillWrapper.custom_vue_editorr_main {
        overflow-y: scroll;
        position: relative;
        display: block;
        width: 100%;
        height: 100%
    }

    .quillWrapper.custom_vue_editorr_main .ql-toolbar.ql-snow {
        position: sticky !important;
        top: 0 !important;
        width: 100% !important;
        background-color: #ffffff !important;
        z-index: 999999 !important;
    }



    .custom_vue_editorr_main .ql-container.ql-snow {
        border: 1px solid #ccc;
        max-height: 400px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

    .custom_vue_editorr_main .ql-container.ql-snow::-webkit-scrollbar {
        width: 4px;
    }

    .custom_vue_editorr_main .ql-container.ql-snow::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 4px;
    }

    .custom_vue_editorr_main .ql-container.ql-snow::-webkit-scrollbar-thumb {
        background: #ff4d03;
        border-radius: 4px;
    }

    .custom_vue_editorr_main .ql-container.ql-snow::-webkit-scrollbar-thumb:hover {
        background: #ff4d03;
    }



    .border_box_btn {
        width: 110px;
        padding: 4px 10px;
        text-align: center;
        --border-size: 2px;
        border: var(--border-size) solid transparent;
        border-image: conic-gradient(from var(--angle),
                #fbb300 0deg 90deg,
                #fbb300 90deg 180deg,
                var(--primary_color) 180deg 270deg,
                var(--primary_color) 270deg 360deg) 1 stretch;
        background: rgb(255 255 255 / var(--opacity));
        animation: rotate 4s linear infinite, opacityChange 3s infinite alternate;
    }

    .border_box_btn_link:hover {
        color: var(--primary_color);
    }

    @property --opacity {
        syntax: "<number>";
        initial-value: 0.5;
        inherits: false;
    }

    @property --angle {
        syntax: "<angle>";
        initial-value: 0deg;
        inherits: false;
    }

    @keyframes opacityChange {
        to {
            --opacity: 1;
        }
    }

    @keyframes rotate {
        to {
            --angle: 360deg;
        }
    }




    /*================================ Dashboard new graph chart  start ===========================*/


    .custom_chart_area_bg {
        background-color: #ffffff;
        padding-top: 30px;
        padding-bottom: 45px;
    }

    .custom_bar_chart_content {
        padding-left: 50px;
        padding-right: 20px;
    }

    .custom_chart_area.content {
        padding-bottom: 35px;
    }

    .custom_chart_line {
        position: relative;
        width: 100%;
        height: 350px;
        border: 1px solid #dddddd;
    }

    .custom_chart_line ul {
        margin: 0;
        padding: 0;
        position: absolute;
        width: inherit;
        height: inherit;
    }

    .custom_chart_line ul li {
        list-style: none;
        position: relative;
        display: block;
        width: 100%;
        height: calc(350px / 10);
        border-top: 1px solid #dddddd;
    }

    .custom_chart_line ul li:first-child {
        border-top: 0px;
    }

    .custom_chart_line ul li:last-child {
        border-top: 0px;
    }

    .custom_chart_line ul li span::before {
        content: attr(value);
        position: absolute;
        left: -30px;
        top: -13px;
        font-size: 14px;
        color: #000000;
    }

    .custom_chart_line .custom_chart_bar ul {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: flex;
        justify-content: start;
        align-items: flex-end;
        padding-left: 5px;
        padding-right: 5px;
        gap: 23px;
    }

    .custom_chart_line .custom_chart_bar ul li {
        border: none;
        list-style: none;
        position: inherit;
        display: contents;
        width: inherit;
        height: inherit;
    }

    .custom_chart_bar .custom_bar_item {
        position: relative;
        width: 100%;
        max-width: 5%;
        min-width: 5px;
        height: 0%;
        bottom: 0px;
        background-color: #005a5a;
        animation: custom_animateCart 1.2s cubic-bezier(1, 0, 0.4, 1) forwards;
    }

    @keyframes custom_animateCart {
        100% {
            height: 100%;
        }
    }

    .custom_chart_month {
        position: relative;
        width: 100%;
        left: -3px;
        bottom: -15px;
        display: grid;
        grid-template-columns: repeat(12, 1fr);
    }

    .custom_chart_month span {
        text-align: center;
        transform: rotate(-45deg);
        color: #000000;
        font-size: 13px;
    }

    .custom_bar_item_hover {
        width: 90px;
        background-color: #333333;
        color: #ffffff;
        padding: 5px;
        z-index: 99999999;
        position: absolute;
        top: 10%;
        left: 70%;
        opacity: .9;
        border-radius: 2px;
        padding-top: 1px;
        padding-bottom: 2px;
        visibility: hidden;
        transition: .3s;
    }

    .custom_chart_bar .custom_bar_item:hover .custom_bar_item_hover {
        visibility: visible;
        left: 45%;
    }

    .custom_bar_item_hover::before {
        content: "";
        position: absolute;
        left: -7px;
        top: 50%;
        width: 0;
        height: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        border-top: 7px solid transparent;
        border-right: 7px solid #333333;
        border-bottom: 7px solid transparent;
        opacity: .9;
    }

    .custom_bar_item_hover span {
        display: block;
        width: 100%;
        overflow: hidden;
        font-size: 12px;
        text-align: left;
    }

    .custom_chart_line .custom_chart_bar ul li:nth-child(9) .custom_bar_item_hover,
    .custom_chart_line .custom_chart_bar ul li:nth-child(10) .custom_bar_item_hover,
    .custom_chart_line .custom_chart_bar ul li:nth-child(11) .custom_bar_item_hover,
    .custom_chart_line .custom_chart_bar ul li:nth-child(12) .custom_bar_item_hover {
        left: inherit;
        right: 70%;
    }

    .custom_chart_line .custom_chart_bar ul li:nth-child(9) .custom_bar_item:hover .custom_bar_item_hover,
    .custom_chart_line .custom_chart_bar ul li:nth-child(10) .custom_bar_item:hover .custom_bar_item_hover,
    .custom_chart_line .custom_chart_bar ul li:nth-child(11) .custom_bar_item:hover .custom_bar_item_hover,
    .custom_chart_line .custom_chart_bar ul li:nth-child(12) .custom_bar_item:hover .custom_bar_item_hover {
        left: inherit;
        right: 45%;
    }

    .custom_chart_line .custom_chart_bar ul li:nth-child(9) .custom_bar_item_hover::before,
    .custom_chart_line .custom_chart_bar ul li:nth-child(10) .custom_bar_item_hover::before,
    .custom_chart_line .custom_chart_bar ul li:nth-child(11) .custom_bar_item_hover::before,
    .custom_chart_line .custom_chart_bar ul li:nth-child(12) .custom_bar_item_hover::before {
        content: "";
        position: absolute;
        left: inherit;
        right: -7px;
        top: 50%;
        width: 0;
        height: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        border-top: 7px solid transparent;
        border-right: inherit;
        border-left: 7px solid #333333;
        border-bottom: 7px solid transparent;
        opacity: .9;
    }

    .custom_product_manage_table tbody tr td p {
        height: 15px !important;
    }










    a.btn.btn-primary {
        background-color: var(--primary_color);
        color: #ffffff;
        transition: .3s;
        cursor: pointer;
    }

    a.btn.btn-primary:hover {
        color: var(--primary_color);
        background-color: #000000;
    }

    button.btn.btn-primary {
        background-color: var(--primary_color);
        color: #ffffff;
        transition: .3s;
        cursor: pointer;
    }

    button.btn.btn-primary:hover {
        color: var(--primary_color);
        background-color: #000000;
    }

    .order_modal_memo_numbers__content .vm--container {
        z-index: 99999999999999999 !important;
    }

    .reseller_modal_content .vm--container {
        z-index: 99999999999999999 !important;
    }

    .swal2-container.swal2-center.swal2-fade.swal2-shown {
        z-index: 9999999999 !important;
    }

    .order_modal_meno_number__content .vm--container {
        z-index: 99999999999999999 !important;
    }

    .order_modal_export___content .vm--container {
        z-index: 99999999999999999 !important;
    }

    .order_modal_fraud_customer_content .vm--container {
        z-index: 99999999999999999 !important;
    }

    .order_modal_select_amount__content .vm--container {
        z-index: 99999999999999999 !important;
    }

    .order_modal_courier__content .vm--container {
        z-index: 99999999999999999 !important;
    }

    .order_modal_overwrite_content .vm--container {
        z-index: 99999999999999999 !important;
    }

    .order_modal_confirm_content .vm--container {
        z-index: 99999999999999999 !important;
    }

    .order_modal_comment_content .vm--container {
        z-index: 99999999999999999 !important;
    }

    .details_modal_ .vm--container {
        z-index: 99999999999999999 !important;
    }

    .order_edit_courier_modal .vm--container {
        z-index: 99999999999999999 !important;
    }

    .order_edit_courier_modal .vm--container .vm--modal {
        height: 352px !important;
        width: 100% !important;
        max-width: 570px !important;
        left: 50% !important;
        transform: translateX(-50%);
    }

    .order_edit_modal .vm--modal {
        width: 100% !important;
        max-width: 800px;
        left: 50% !important;
        transform: translate(-50%) !important;
    }

    .bill_details_modal .vm--container {
        z-index: 99999999999999999 !important;
    }

    .investor_details_modal .vm--container {
        z-index: 99999999999999999 !important;
    }

    .loaner_details_modal .vm--container {
        z-index: 99999999999999999 !important;
    }

    .salary_modal_content .vm--container {
        z-index: 99999999999999999 !important;
    }

    .cat_modal .vm--container {
        z-index: 99999999999999999 !important;
    }

    .add_supplier_modal .vm--container {
        z-index: 99999999999999999 !important;
    }

    .add_pr_modal .vm--container {
        z-index: 99999999999999999 !important;
    }

    .blance_modal .vm--container {
        z-index: 99999999999999999 !important;
    }

    .due_modal_content .vm--container {
        z-index: 99999999999999999 !important;
    }

    .blance_modal .vm--modal {
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%);
        width: 100% !important;
        max-width: 700px !important;
        z-index: 999999 !important;
        height: auto !important;
    }

    .order_modal_comment_content .vm--modal {
        left: 50% !important;
        transform: translateX(-50%);
        max-width: 700px;
        width: 100% !important;
        padding-top: 10px;
    }

    select.form-control {
        appearance: auto;
    }

    .max_content {
        white-space: nowrap;
    }

    .custom_active {
        background-color: #DAFFE8;
        color: #1fc4ac;
        border-radius: 5px;
        padding: 0px 5px;
        height: 20px;
        display: inline-flex;
        align-items: center;
        font-size: 15px;
    }

    .custom_de_active {
        background-color: #fde0e9;
        color: #f74b81;
        border-radius: 5px;
        padding: 0px 5px;
        height: 20px;
        display: inline-flex;
        align-items: center;
        font-size: 15px;
    }

    .common_btn_group {
        display: flex;
        gap: 5px;
        align-items: center;
        justify-content: end;
        padding-right: 5px;
    }

    .common_delete_btn {
        background-color: red;
        color: #ffffff;
        width: 30px;
        height: 30px;
        line-height: 30px;
        display: block;
        text-align: center;
        border-radius: 3px;
        cursor: pointer;
        border: none;
    }

    .common_edit_btn {
        background-color: #1ABC9C;
        color: #ffffff;
        width: 30px;
        height: 30px;
        line-height: 30px;
        display: block;
        text-align: center;
        border-radius: 3px;
        cursor: pointer;
        border: none;
    }

    .common_active_btn {
        background-color: #E08E0B;
        color: #ffffff;
        width: 30px;
        height: 30px;
        line-height: 30px;
        display: block;
        text-align: center;
        border-radius: 3px;
        cursor: pointer;
        border: none;
    }

    .common_deactive_btn {
        background-color: #367FA9;
        color: #ffffff;
        width: 30px;
        height: 30px;
        line-height: 30px;
        display: block;
        text-align: center;
        border-radius: 3px;
        cursor: pointer;
        border: none;
    }

    .common_view_btn {
        background-color: #38a6e5;
        color: #ffffff;
        height: 30px;
        line-height: 30px;
        display: block;
        text-align: center;
        border-radius: 3px;
        cursor: pointer;
        border: none;
        padding: 0px 8px;
    }

    .common_btn {
        background-color: #367FA9;
        color: #ffffff;
        height: 30px;
        line-height: 30px;
        display: block;
        text-align: center;
        border-radius: 3px;
        cursor: pointer;
        border: none;
        padding: 0px 8px;
    }

    .blance_modal_border {
        border: 2px dotted var(--primary_color);
    }

    .add_product_increment_plus {
        background-color: var(--primary_color);
        color: #ffffff;
        width: 35px;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 0px !important;
        border-radius: 3px !important;
        margin-bottom: 0px !important;
        cursor: pointer;
    }

    .add_product_increment_cate_plus {
        background-color: var(--primary_color);
        color: #ffffff;
        width: 35px;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 0px !important;
        border-radius: 3px !important;
        margin-bottom: 0px !important;
        cursor: pointer;
        margin-top: 32px;
    }

    .upload_icons_plus i {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 20px;
        width: 50px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        color: #dddddd;
        border-radius: 3px;
        border: 1px dashed #dddddd;
    }

    .info_basic_item {
        /* margin-bottom: 10px; */
    }

    .info_basic_item p {
        margin-bottom: 4px !important;
    }

    .loading {
        display: block;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100vh;
        text-align: center;

    }






    /* Authentication css */
    .authentication_area {
        min-height: 100vh;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        background-color: #fff;
        padding: 5px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        position: relative;
        z-index: 1;
    }

    .authentication_area::before {
        content: "";
        height: 100%;
        width: 100%;
        background-color: rgba(4, 4, 14, 0.3);
        left: 0;
        top: 0;
        position: absolute;
        z-index: -1;
    }

    .authentication_content {
        padding: 50px 60px 60px;
        background-color: #fff;
        width: 500px;
        margin: 0 auto;
        box-shadow: 0px 0px 62px 0px rgba(0, 0, 0, 0.07);
        border-radius: 5px;
    }

    .authentication_header {
        text-align: center;
        padding-bottom: 45px;
    }

    .authentication_header h2 {
        text-transform: capitalize;
        font-weight: 600;
        font-family: "Inter", sans-serif;
        margin-bottom: 0px;
    }

    .authentication_header span {
        color: var(--primary_color);
    }

    .authentication_header p {
        margin-bottom: 0;
        margin-top: 5px;
        color: #111111;
    }

    .authentication_item {
        position: relative;
        margin-bottom: 15px;
    }

    .authentication_item input {
        min-height: 50px;
        box-shadow: none;
        border: 1px solid #e7e7e7;
        padding: 10px 15px;
        width: 100%;
        line-height: 1 !important;
    }

    .authentication_item .form-control {
        margin-bottom: 0;
    }

    .authentication_item button {
        width: 100%;
        border: 1px solid var(--primary_color);
        background-color: var(--primary_color);
        color: #ffffff;
        height: 45px;
        border-radius: 3px;
        font-size: 18px;
        letter-spacing: 1px;
        transition: .3s;
        text-align: center;
    }

    .authentication_item button .fa-spin {
        text-align: center;
    }

    .authentication_item button:hover {
        background-color: #000000;
        border-color: #000000;
        color: #ffffff;
    }

    .authentication_item i {
        position: absolute;
        z-index: 1;
        right: 19px;
        bottom: 18px;
        font-size: 14px;
        color: #a1a1a1;
        cursor: pointer;
    }

    .quick_access_content {
        padding-top: 0;
    }



    .content._account_item_content {
        padding-top: 20px;
        padding-bottom: 0px;
    }

    ._account_item_content_title {
        font-weight: 600 !important;
        font-size: 22px !important;
        margin: 0 !important;
    }



    .role_list li label.list-group-item input.form-check-input:checked {
        background-color: var(--primary_color);
        border-color: var(--primary_color);
    }

    .role_list li label.list-group-item input.form-check-input {
        width: 20px;
        height: 20px;
        margin-top: 4px;
    }

    .role_list li label {
        cursor: pointer;
        border: none !important;
        display: inline-block;
        padding-left: 0 !important;
        padding-right: 0px;
    }

    /* Basic Form Css */
    .basic_form_content {
        background-color: #ffffff;
        padding: 30px;
        /* height:100vh; */
    }

    .basic_form_head {
        text-align: center;
        margin-bottom: 30px;
    }

    .basic_form_group {
        display: flex;
        align-items: center;
        margin-bottom: 15px;
    }

    .basic_form_title span {
        width: 170px;
        display: inline-block;
        float: left;
        overflow: hidden;
    }

    .basic_form_group_textarea {
        display: flex;
        margin-bottom: 15px;
    }

    .basic_form_group_textarea span {
        width: 170px;
        display: inline-block;
        float: left;
        overflow: hidden;
    }

    .basic_form_input {
        width: 100%;
        line-height: 1;
    }

    .basic_form_input input,
    .basic_form_input textarea {
        width: 100%;
        border: 1px solid #dddddd;
        border-radius: 3px;
        outline: none;
        padding: 13px;
        margin: 0px !important;
    }

    .basic_form_input textarea {
        height: 80px;
    }

    .basic_form_submit {
        background-color: var(--primary_color);
        color: #ffffff;
        border: none;
        display: inline-block;
        padding: 7px 20px;
        font-size: 16px;
        border-radius: 3px;
    }





    /* Standard Form Css */
    .standard_form_content {
        background-color: #ffffff;
        padding: 30px;
        /* height:100vh; */
    }

    .standard_form_head {
        text-align: center;
        margin-bottom: 25px;
    }

    .standard_form_title {
        margin-bottom: 20px;
    }

    .standard_form_title h3 {
        text-align: center;
        font-size: 20px;
        background-color: #F5F8FA;
        padding: 10px 0px;
    }

    .standard_form_group {
        margin-bottom: 10px;
        position: relative;
    }

    .standard_form_group label {
        display: block;
        margin-bottom: 5px;
    }

    .standard_form_group input {
        width: 100%;
        border: 1px solid #dddddd;
        padding: 0px 10px;
        height: 45px;
        border-radius: 3px;
    }

    .standard_form_group textarea {
        width: 100%;
        min-height: 100px;
        border: 1px solid #dddddd;
        padding: 15px;
        outline: none;
        border-radius: 3px;
    }

    .standard_form_group.payment_setup_status textarea {
        border-radius: 0px;
    }

    .standard_form_btn {
        text-align: center;
    }

    .standard_form_btn_link {
        border: none;
        background-color: var(--primary_color);
        color: #ffffff;
        padding: 8px 20px;
        display: inline-block;
        border-radius: 3px;
        cursor: pointer;
    }

    .standard_form_group.access_token input.form-control {
        padding-right: 190px !important;
    }













    /* Custom Css */
    .sms_form_bg {
        border: 1px solid #F5F8FA;
        margin-top: 30px;
    }

    .sms_form_padding {
        padding: 0px 15px;
        padding-bottom: 5px;
    }

    .standard_form_btn.generate_access_token {
        text-align: left;
        position: absolute;
        bottom: 1px;
        right: 0;
    }

    .standard_form_btn.generate_access_token .standard_form_btn_link {
        padding: 12px 10px;
        border-radius: 0px 3px 3px 0px;
        font-size: 14px;
    }

    .action_btn {
        margin: 0 !important;
        padding: 0 !important;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding: 5px !important;
        display: block !important;
        z-index: 9999 !important;
        background-color: #ffffff;
    }

    .action_btn li {
        display: block;
        width: 100%;
        margin-bottom: 4px;
        font-size: 12px;
    }

    .action_btn li:last-child {
        margin-bottom: 0px;
    }

    .action_btn li a {
        display: block;
        width: 100%;
        font-size: 12px;
        padding: 4px 11px !important;
    }

    .standard_form_sms_btn {
        margin-top: 20px;
    }


    .toasted-container.top-center {
        top: 10%;
        left: 50%;
        z-index: 9999999999 !important;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }


    .customer_records {
        display: flex;
        gap: 5px;
        align-items: center;
    }

    a {
        text-decoration: none !important;
    }

    .open>.dropdown-menu {
        display: none !important;
    }

    .dropdown-menu.show {
        display: block !important;
    }


    .dashboard_page {
        background-color: #f9f9f9 !important;
    }

    .customer_records .regular {
        border: 1px solid rgb(63 97 160);
        padding: 0px 6px;
        background-color: rgb(63 97 160);
        color: white;
        text-transform: uppercase;
        border-radius: 3px;
        margin: 0px;
        font-size: 12px;
    }

    .customer_records .vip {
        border: 1px solid #2a9a20;
        padding: 0px 6px;
        background-color: #2a9a20;
        color: white;
        text-transform: uppercase;
        border-radius: 3px;
        margin: 0px;
        font-size: 12px;
    }

    .customer_records .fraud {
        border: 1px solid #cf4215;
        padding: 0px 6px;
        background-color: #cf4215;
        color: white;
        text-transform: uppercase;
        border-radius: 3px;
        margin: 0px;
        font-size: 12px;
    }

    .customer_records .total_order {
        border: 1px solid #a99d9d;
        border-radius: 50%;
        height: 20px;
        width: 20px;
        text-align: center;
        line-height: 16px !important;
        font-weight: bold;
        margin: 0px;
    }

    .section_padding_top {
        padding-top: 30px;
    }


    .box-header {
        margin-bottom: 14px;
    }



    /* common class in css  */
    /* common  class */
    .box {
        position: relative;
        border-radius: 8px;
        background: #ffffff;
        margin-bottom: 20px;
        width: 100%;
        box-shadow: 0px 5px 20px rgb(19 33 68 / 5%) !important;
        overflow-x: inherit !important;
        padding-bottom: 14px !important;
    }


    input.form-control {
        box-shadow: none;
        width: 100%;
        padding: 0px 12px !important;
        font-size: 14px;
        font-family: Inter, sans-serif;
        font-weight: 400;
        line-height: 46px;
        background-color: transparent;
        border: 1px solid #ecf0f4;
        border-radius: 5px;
        color: #111;
        overflow: hidden;
        margin-bottom: 15px;
        /* text-transform: capitalize; */
        height: 46px;
    }

    textarea.form-control {
        box-shadow: none;
        width: 100%;
        padding: 12px 12px !important;
        font-size: 14px;
        font-family: Inter, sans-serif;
        font-weight: 400;
        line-height: 20px;
        background-color: transparent;
        border: 1px solid #ecf0f4;
        border-radius: 5px;
        color: #111;
        overflow: hidden;
        margin-bottom: 15px;
        /* text-transform: capitalize; */
        height: 46px;
    }




    select.form-control {
        font-size: 14px;
        font-family: Inter, sans-serif;
        font-weight: 400;
        line-height: 20px;
        background-color: transparent;
        border: 1px solid #ecf0f4;
        border-radius: 8px;
        color: #111;
        overflow: hidden;
        margin-bottom: 15px;
        text-transform: capitalize;
        height: 46px;
    }


    .showing_title h4 {
        font-size: 14px;
    }

    .box-header>.fa,
    .box-header>.glyphicon,
    .box-header>.ion,
    .box-header .box-title {
        font-weight: 600;
        letter-spacing: 1px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .add_purchase_btn button {
        border: none;
        background-color: var(--primary_color);
        color: #ffffff;
        display: inline-block;
        padding: 8px 10px;
        margin-top: 10px;
        border-radius: 5px;
        height: 43px;
    }

    .submit_btn {
        background-color: var(--primary_color);
        color: white;
        border: none;
        padding: 8px 25px !important;
        border-radius: 4px;
        font-size: 18px;
        cursor: pointer !important;
        margin-top: 0px;
        display: inline-block;
        /* width: 100%; */
    }

    .form-group label {
        font-weight: 500;
        font-size: 15px;
        margin-bottom: 8px;
    }


    /* custom box  */
    .custom-box {
        margin-top: 10px;
        background: #fff;
        padding: 13px;
        /* min-height: 280px; */
        /* box-shadow: 0 0pt 4pt rgb(150 165 237); */
        border-radius: 6px;
        margin-bottom: 10px;
        position: relative;
    }

    .custom-box-body strong {
        position: absolute;
        right: 3%;
        text-align: left;
        color: #000;
    }

    .custom-box-footer {
        background: var(--primary_color);
        color: #fff;
        border-radius: 6px;
        margin-top: 30px;
    }

    .custom-box-footer h3 {
        font-size: 18px;
        padding: 10px 0px;
    }

    .custom-box-body>h4 {
        cursor: pointer;
        font-weight: 300;
        font-family: 'Poppins', sans-serif;
        font-size: 16px;
        transition: all 0.5s;

        padding: 3px 3px;

    }

    .custom-box-body>h4:hover {
        background-color: #ddd;
        padding: 3px 3px;

    }

    .v_check {
        min-width: 10%;
        /* float: left; */
        margin: 3px 3px;
    }

    input.v_check_input {
        transform: scale(1.2);
    }

    .v_check_name {
        font-size: 14px;
        margin-left: 5px;
    }


    ::-webkit-scrollbar {
        width: 100%;
        height: 10px;
    }


    .vm--modal {
        position: relative;
        overflow: hidden;
        box-sizing: border-box;
        background-color: white;
        height: auto !important;
        border-radius: 3px;
        box-shadow: 0 20px 60px -2px rgba(27, 33, 58, 0.4);
        overflow-y: scroll !important;
    }


    .combo_p_list {
        list-style-type: disc;
        display: flex;
        flex-wrap: wrap;
        margin-top: 28px;
    }

    .combo_p_list>li {
        margin: 0px 25px;
        background: black;
        padding: 2px 24px;
        color: #fff;
        margin-bottom: 10px;
    }

    .combo_p_list>li>span {
        cursor: pointer;
        background: red;
        position: absolute;
        width: 39px;
        height: 24px;
        margin-top: -2px;
        margin-left: 20px;
    }

    .combo_p_list>li>span>i {
        margin: 5px 14px;
    }



    .container {
        width: 100% !important;
    }

    .is-invalid {
        border: 1px solid red;
    }

    .invalid-feedback {
        color: red;
    }

    .swal2-popup {
        width: 24em !important;
        font-size: 1.2em !important;
    }

    .swal2-styled.swal2-confirm {

        font-size: 1.0625em;
    }

    .small-image {
        width: 50px;
        border: 1px solid #000;
    }



    .text-danger {
        color: red !important;
    }

    span.badge-danger {
        background: red;
    }

    span.badge-success {
        background: green;
    }

    span.badge-warning {
        background: #f39c12;
        color: #000 !important;
    }

    span.badge-primary {
        background: #3c8dbc;
    }

    .table td {
        border: 1px solid #ddd;

    }

    .table th {
        background-color: #ddd;

    }

    .login {
        display: none !important;
    }

    .table-image {
        width: 100px;
        height: 95px
    }

    .barcode {
        margin-bottom: 0px;
    }

    .required_icon {
        color: red;
        font-size: 15px;
    }

    .barcode-number {
        margin-left: 40px;
    }

    .two-percent {
        width: 2% !important;
    }

    .three-percent {
        width: 3% !important;
    }

    .action-btn {
        width: 70px !important;
        margin-bottom: 2px !important;
    }

    li.dropdown a {
        color: #fff !important;
    }

    li.dropdown a:hover {
        color: #000 !important;
    }

    .invoice-header {
        text-align: left;
        display: none;
    }

    .invoice-header .address {
        margin-top: 6px;
        text-align: right;
        position: absolute;
        right: 50px;

    }

    .invoice-header .address p {
        margin: 0 0px;
        font-weight: bolder;

    }

    .invoice-body {
        margin-bottom: 30px;
    }

    .invoice-body p {
        margin: 0 0px;
    }

    .toasted.toasted-primary.success {
        width: 400px;
        height: 55px;
        font-size: 18px;
    }


    .toasted.toasted-primary.error {
        width: 400px;
        height: 55px;
        font-size: 18px;
        font-weight: bolder;
    }

    .ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-editor__editable_inline.ck-blurred {
        line-height: 24px;

    }

    .permisson-denied {
        text-align: center;

    }

    .permisson-denied img {
        border: 5px solid red;
        border-radius: 9px;
    }

    .content-wrapper {
        min-height: 100vh !important;
        background-color: #F5F8FA !important;
    }

    html {
        scroll-behavior: smooth;
    }

    .content {
        background: none !important;
    }

    .order_statistic {
        /* margin-left: 10px; */
    }

    .statistic_item {
        float: left;
        background: #fff;
        box-shadow: 0 1pt 4pt rgb(150 165 237);
        border: none;
        padding: 1px 40px;
        margin: 5px;
        width: 24%;
        height: 75px;
    }

    .statistic_item h2 {
        font-size: 34px;
        font-weight: bold;
        font-family: serif;
        line-height: 23px;
        color: #000;
    }

    .statistic_item p {
        font-size: 16px;
        font-family: serif;
        position: absolute;
        line-height: 13px;
        color: #000;
    }

    .status_img_icon {
        margin-top: -40px;
        float: right;
        width: 50px;
    }

    .action_container {
        display: none;
        position: absolute;
        right: 0;
        overflow: hidden;
        /* Ensure the transition works smoothly */
        max-height: 0;
        /* Initial height for transition */
        opacity: 0;
        /* Initial opacity for transition */
        transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
    }

    .order_action_class {
        display: none;
    }

    .toggle_order_action {
        display: block;
        max-height: 500px;
        opacity: 1;
    }

    .order_button_action {
        position: relative;
    }

    .box_body_table table tbody tr td.order_button_action ul {
        padding-left: 5px !important;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding: 1px 5px 5px 5px !important;
        z-index: 9999999 !important;
        background: #ffffff !important;
        margin-top: 8px;
        margin-left: 10px;
    }

    .box_body_table table tbody tr td.order_button_action ul li {
        display: block;
        width: 100%;
        margin-top: 5px !important;
    }

    .btn:active {
        -webkit-box-shadow: inherit !important;
        -moz-box-shadow: inherit !important;
        box-shadow: inherit !important;
    }

    .btn-success:active:focus {
        border: inherit !important;
    }

    .box-body>.table {
        margin-top: 0px !important;
    }

    .box-body {
        padding: 0px 18px !important;
        /* padding: 20px !important; */
        margin-bottom: 18px;
    }

    .orders_tables_body {
        padding: 0px 0px !important;
    }

    .table-hover>tbody>tr:hover {
        background-color: inherit !important;
    }


    .button_similar {
        background-color: rgba(70, 77, 235, 0.1);
        color: #464DEB;
        width: 100%;
        border: none;
        padding: 5px 0px;
        border-radius: 4px;
        font-weight: 600;
        font-size: 16px;
        display: block;
        text-align: center;
        cursor: pointer
    }

    .order_button_icon {
        width: 80px !important;
        margin: 0 0 0 auto;
    }


    input[type="radio"]:checked {
        background-color: red !important;
    }


    a.btn.btn-sm.btn-success i {
        padding: 5px 0px !important;
    }


    /* .active_color{
    color: #F39C12;
 }
 .de_active_color{
    color: #161745;
 } */



    /*=============================== Bxo Card  ================================*/

    .service_icon {
        background: rgba(70, 77, 235, 0.1);
        color: #464deb;
        width: 40px !important;
        height: 40px;
        text-align: center;
        border-radius: 50%;
        font-size: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        bottom: 15px;
        right: 15px;
    }

    .boxs-footer {
        color: #3c8dbc !important;
        transition: all 0.5s ease-in-out
    }

    .boxs-footer:hover {
        color: #000 !important;
    }



    .boxs-footer i {
        border: 1px solid #eee;
        font-size: 14px;
        width: 25px;
        height: 25px;
        text-align: center;
        line-height: 25px;
        border-radius: 50%;
        margin-left: 2px;
    }

    .service_after_icon {
        position: absolute;
        top: 0px;
        right: 0px;
        background-color: rgba(19, 33, 68, 0.45);
        font-size: 14px;
        width: 25px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        border-radius: 30px;
        color: rgb(255, 255, 255);
        margin-top: -9px;
        margin-right: -3px;
    }

    .chart_area_title h2 {
        font-weight: 600 !important;
        font-size: 22px !important;
        margin-bottom: 15px;
        margin-top: -10px;
    }

    .boxs_card {
        background: #fff;
        border-radius: 15px;
        -webkit-box-shadow: 0px 5px 20px rgb(19 33 68 / 5%);
        box-shadow: 0px 5px 20px rgb(19 33 68 / 5%);
        padding: 20px;
        height: 166px;
        position: relative;
        display: flex;
        justify-content: space-between;
        /* margin-top: 20px; */
        position: relative;
    }

    .boxs_cards {
        background: #fff;
        border-radius: 3px;
        /* -webkit-box-shadow: 0px 5px 20px rgb(19 33 68 / 5%);
    box-shadow: 0px 5px 20px rgb(19 33 68 / 5%); */
        padding: 0px 8px;
        height: 100%;
        position: relative;
        display: flex;
        justify-content: space-between;
        /* margin-top: 20px; */
        border: 1px solid #f2f2f2;
    }

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

    .content-header {
        position: relative;
        /* padding: 15px 15px 0 15px; */
        padding: 15px;
        margin-right: auto;
        margin-left: auto;
        padding-left: 28px;
        padding-right: 28px;
    }


    .skin-blue .main-header .navbar .sidebar-toggle:hover {
        background-color: inherit !important;
        color: inherit !important;
    }

    .nav>li>a:focus,
    .nav>li>a:hover {
        background-color: inherit !important;
        color: inherit !important;
    }

    .main-header .navbar {
        margin-left: 280px;
    }

    span.title_added_back {
        font-size: 14px;
        font-weight: 600;
        text-transform: capitalize;
        margin-left: 4px;
    }





    .box_card_info {
        width: 70%;
        /* text-align: right; */
        /* border: 1px solid red; */
    }

    .box_card_info h4 {
        margin-top: 0px;
        font-size: 16px;
        /* font-weight: 600; */
        color: #132144;
    }

    .box_card_info h5 {
        font-weight: 700;
        color: #132144;
        word-break: break-all;
        font-size: 20px;
        display: block;
        margin-top: 22px;
    }

    /* .boxs-footer {
        position: absolute;
        bottom: 17px;
    } */

    .service_icon img {
        width: 24px !important;
        height: 24px !important;
    }

    .approved_icon_color i {
        color: green !important;
    }

    .shipment_icon i {
        color: rgba(0, 181, 255, 1);
    }

    .cancel_icon {
        color: red;
    }

    .theme_color_group_content {
        width: 600px;
        margin: 0 auto;
    }

    .theme_color_title p {
        margin: 0;
        padding-top: 5px;
    }

    .theme_color_view input {
        width: 100%;
        border: none;
        outline: none;
        display: block;
        padding: 0px;
        height: 35px;
        border-radius: 3px;
    }

    .theme_color_input input {
        border: 1px solid #dddddd;
        display: block;
        outline: none;
        padding: 0px 10px;
        height: 35px;
        border-radius: 3px;
        width: 100%;
    }

    .theme_color_group {
        border: 1px dashed #dddddd;
        padding: 20px 20px 5px 20px;
        margin-bottom: 10px;
    }

    .theme_color_item {
        margin-bottom: 15px;
    }

    .dashboard_cards_container ul {
        margin: 0;
        padding: 0;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 16px;
        padding: 16px 0;
        padding-top: 0px;
    }

    .dashboard_cards_container ul li {
        list-style: none;
        border-radius: 10px;
    }

    .dashboard_cards_container ul li .dashboard_card_item_link {
        padding: 20px;
        height: 120px;
        position: relative;
        display: block;
        overflow: hidden;
    }

    .dashboard_cards_container ul li:nth-child(1) {
        background: linear-gradient(270deg, rgba(184, 219, 29, 0.12) 0%, rgba(38, 207, 116, 0.12) 100%)
    }

    .dashboard_cards_container ul li:nth-child(2) {
        background: linear-gradient(270deg, rgba(184, 219, 29, 0.12) 0%, rgba(38, 207, 116, 0.12) 100%)
    }

    .dashboard_cards_container ul li:nth-child(3) {
        background: linear-gradient(270deg, rgba(184, 219, 29, 0.12) 0%, rgba(38, 207, 116, 0.12) 100%)
    }

    .dashboard_cards_container ul li:nth-child(4) {
        background: linear-gradient(270deg, rgba(184, 219, 29, 0.12) 0%, rgba(38, 207, 116, 0.12) 100%)
    }

    .dashboard_cards_container ul li:nth-child(5) {
        background: linear-gradient(270deg, rgba(184, 219, 29, 0.12) 0%, rgba(38, 207, 116, 0.12) 100%)
    }

    .dashboard_cards_container ul li:nth-child(6) {
        background: linear-gradient(270deg, rgba(184, 219, 29, 0.12) 0%, rgba(38, 207, 116, 0.12) 100%)
    }

    .dashboard_cards_container ul li:nth-child(7) {
        background: linear-gradient(270deg, rgba(184, 219, 29, 0.12) 0%, rgba(38, 207, 116, 0.12) 100%)
    }

    .dashboard_cards_container ul li:nth-child(8) {
        background: linear-gradient(270deg, rgba(184, 219, 29, 0.12) 0%, rgba(38, 207, 116, 0.12) 100%)
    }

    .dashboard_cards_container ul li:nth-child(9) {
        background: linear-gradient(270deg, rgba(184, 219, 29, 0.12) 0%, rgba(38, 207, 116, 0.12) 100%)
    }

    .dashboard_cards_container ul li:nth-child(10) {
        background: linear-gradient(270deg, rgba(184, 219, 29, 0.12) 0%, rgba(38, 207, 116, 0.12) 100%)
    }

    .dashboard_cards_container ul li:nth-child(11) {
        background: linear-gradient(270deg, rgba(184, 219, 29, 0.12) 0%, rgba(38, 207, 116, 0.12) 100%)
    }

    .dashboard_cards_container ul li:nth-child(12) {
        background: linear-gradient(270deg, rgba(184, 219, 29, 0.12) 0%, rgba(38, 207, 116, 0.12) 100%)
    }

    .dashboard_cards_container ul li:nth-child(13) {
        background: linear-gradient(270deg, rgba(184, 219, 29, 0.12) 0%, rgba(38, 207, 116, 0.12) 100%)
    }

    .dashboard_cards_container ul li:nth-child(14) {
        background: linear-gradient(270deg, rgba(184, 219, 29, 0.12) 0%, rgba(38, 207, 116, 0.12) 100%)
    }

    .dashboard_cards_container ul li:nth-child(15) {
        background: linear-gradient(270deg, rgba(184, 219, 29, 0.12) 0%, rgba(38, 207, 116, 0.12) 100%)
    }

    .dashboard_card_item_link .dashboard_card_text h4 {
        font-family: "Inter", sans-serif;
        font-weight: 500;
        font-size: 20px;
        margin-bottom: 20px;
        transition: .3s;
    }

    .dashboard_card_item_link:hover .dashboard_card_text h4 {
        color: var(--primary_color);
    }

    .dashboard_card_item_link .dashboard_card_text h5 {
        font-family: "Inter", sans-serif;
        font-weight: 500;
        font-size: 18px;
        transition: .3s;
    }

    .dashboard_card_item_link:hover .dashboard_card_text h5 {
        color: var(--primary_color);
    }

    .order_page_wrapper {
        position: relative;
    }

    .loading_icon {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 11;
    }

    .loading_overlay::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #dddddd96;
        z-index: 1;
    }

    .vm--modal {
        position: relative;
        overflow: hidden;
        box-sizing: border-box;
        background-color: white;
        border-radius: 3px;
        box-shadow: 0 20px 60px -2px rgba(27, 33, 58, 0.4);
        overflow-y: scroll !important;
    }

    .modal_list_email.vm--container .vm--modal {
        top: 50% !important;
        left: 0px !important;
        width: 750px !important;
        height: 500px !important;
        margin: 0px auto !important;
        transform: translateY(-50%) !important;
    }

    .email_list_modal.vm--container .modal-body ul li {
        list-style-type: none;
        font-size: 20px;
        line-height: 30px;
        border-bottom: 1px solid #ddd;
        padding-bottom: 5px;
        padding-top: 2px;
    }

    .email_list_modal.vm--container .modal-body ul li:last-child {
        border-bottom: none;
    }


    .sub_category_list {
        display: none;
        margin-left: 15px;
        padding: 4px 8px 0px 0px;
    }

    .angle_icon {
        font-size: 16px;
        font-weight: bold;
        margin-left: 14px;
        cursor: pointer;
    }


    .sub_menu_toggle {
        display: block;
    }


    .rotate_sub_menu_angle {
        transform: rotate(180deg);
        transition: 1s;
    }


    .sub_toggle_list {
        display: flex;
        padding: 8px;
    }

    .sub_sub_category_list {
        display: flex;
        align-items: center;
        gap: 12px;
        flex-wrap: wrap;
        margin-bottom: 10px;
    }



    .skin_concern_label {
        margin-right: 14px;
        margin-top: 8px;
    }

    .skin_concern_title {
        margin-left: 4px;
        font-size: 16px;
        color: #4B5563;
    }


    .categories_items_container {
        max-height: 290px;
        overflow-y: auto;
    }

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

    .category_label {
        margin-bottom: 0px !important;
        cursor: pointer;
    }

    .category_label span {
        margin-left: 3px;
    }


    .skin_concern_items {
        max-height: 290px;
        overflow-y: auto;
    }

    .skin_concern_label {
        margin-right: 14px;
        margin-top: 8px;
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .sub_category_label {
        font-weight: normal;
        font-size: 14px;
        display: flex;
        align-items: center;
        gap: 5px;
        cursor: pointer;
    }


    /* Style the scrollbar */
    .skin_concern_items::-webkit-scrollbar,
    .categories_items_container::-webkit-scrollbar {
        width: 4px;
    }


    .skin_concern_items::-webkit-scrollbar-track,
    .categories_items_container::-webkit-scrollbar-track {
        background: #f1f1f1;
    }


    .skin_concern_items::-webkit-scrollbar-thumb,
    .categories_items_container::-webkit-scrollbar-thumb {
        background: #1FC4AC;
        border-radius: 5px;
    }


    .skin_concern_items::-webkit-scrollbar-thumb:hover,
    .categories_items_container::-webkit-scrollbar-thumb:hover {
        background: #555;
    }


    .sub_sub_category_label {
        margin-bottom: 0px !important;
        cursor: pointer;
    }


    .form-check-input:focus {
        box-shadow: inherit !important;
    }

    .variants_img {
        width: 100px;
        height: 100px;
        position: relative;
    }

    .variants_img img {
        width: 100%;
        height: 100%;
    }


    .cancel_variant_img {
        width: 20px;
        height: 20px;
        display: block;
        background-color: red;
        border-radius: 9999px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: -11px;
        right: -10px;
        cursor: pointer;
    }

    .cancel_variant_img svg {
        color: #fff;
        width: 14px;
        height: 14px;
    }

    @media screen and (max-width: 620px) {
        .modal_list_email.vm--container .vm--modal {
            width: 500px !important;
            height: 500px !important;
        }
    }

    @media screen and (max-width: 510px) {
        .modal_list_email.vm--container .vm--modal {
            width: 320px !important;
            height: 90vh !important;
        }
    }

    .order_statistic {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 16px;
        padding: 16px 0;
        /* margin-bottom: 20px; */
    }

    .orders_box_card {
        height: 100px !important;
        margin-top: 0px !important;
    }




    .quick_access_card_container {
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 16px;
        padding: 16px 0;
    }

    .quick_access_card_item {
        background: #fff;
        border-radius: 15px;
        -webkit-box-shadow: 0px 5px 20px rgb(19 33 68 / 5%);
        box-shadow: 0px 5px 20px rgb(19 33 68 / 5%);
        padding: 20px;
        height: 100%;
        position: relative;
    }

    .dash_quick_access span {
        color: #fff;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 22px;
        margin: auto;
    }

    .dash_quick_access_bg_1 {
        background: #fe494c;
    }

    .dash_quick_access_bg_2 {
        background: #15a15e;
    }

    .dash_quick_access_bg_3 {
        background: #f8981d;
    }

    .dash_quick_access_bg_4 {
        background: #913e98;
    }

    .dash_quick_access_bg_5 {
        background: #464deb;
    }

    .dash_quick_access h5 {
        color: #132144;
        margin-top: 15px;
        margin-bottom: 10px;
        font-weight: 500;
        font-family: "Inter", sans-serif;
        font-size: 16px;
    }




    .router-link-exact-active h4 {
        color: white;
    }


    .router-link-exact-active h5 {
        color: var(--white);
    }

    .order_manage .router-link-exact-active.router-link-active {
        background-color: var(--primary_color) !important;
        color: #ffffff !important;
    }

    .order_manage .router-link-exact-active.router-link-active .order_tab_count {
        color: #ab1515 !important;
        background-color: #6cefdc !important;
    }

    .sidebar-menu .router-link-exact-active.router-link-active {
        color: var(--primary_color) !important;
    }

    .main_menu ul li.menu-open a {
        color: var(--primary_color) !important;
    }




    .order_manage_header {
        padding: 0px 30px;
        padding-top: 20px;
        padding-bottom: 5px;
    }

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

    .orders_title h4 {
        margin: 0;
    }

    .order_btn_group ul,
    .product_manage_btn_group ul {
        margin: 0;
        padding: 0;
    }

    .order_btn_group ul li,
    .product_manage_btn_group ul li {
        list-style: none;
        display: inline-block;
        margin-right: 10px;
        position: relative;
    }

    .order_btn_group ul li:last-child,
    .product_manage_btn_group ul li:last-child {
        margin-right: 0px;
    }

    .order_btn_group button,
    .product_manage_btn_group button {
        border: none;
        background-color: #ffffff;
        border: 1px solid var(--primary_color);
        color: var(--primary_color);
        display: inline-block;
        padding: 5px 10px;
        border-radius: 2px;
    }

    .order_btn_group button:last-child,
    .product_manage_btn_group button:last-child {
        margin-right: 0px;
    }

    .order_btn_group button.order_btn_action,
    .product_manage_btn_group button.product_manage_btn_action {
        background-color: var(--primary_color);
        color: #ffffff;
    }

    .order_btn_group button.order_btn_action.filter_ {
        background-color: var(--primary_color);
        border: 1px solid var(--primary_color);
        color: #ffffff;
    }

    .product_manage_btn_group button.product_manage_btn_action.filter_ {
        background-color: var(--primary_color);
        border: 1px solid var(--primary_color);
        color: #ffffff;
    }

    .product_manage_btn_group button.product_manage_btn_action.filter_ i {
        font-size: 14px;
        padding-right: 4px;
    }

    .order_btn_group ul li ul,
    .product_manage_btn_group ul li ul {
        position: absolute;
        top: 100%;
        right: 0;
        width: 220px;
        background-color: #ffffff;
        border: 1px solid #d7d7d76b;
        z-index: 999999;
        padding: 10px 0px 10px 0px;
        border-radius: 5px 0px 5px 5px;
        opacity: 0;
        transition: .3s;
        visibility: hidden;
    }

    .order_btn_group ul li:hover>ul,
    .product_manage_btn_group ul li:hover>ul {
        opacity: 1;
        visibility: visible;
    }

    .order_btn_group ul li ul li,
    .product_manage_btn_group ul li ul li {
        margin: 0;
        display: block;
        width: 100%;
        margin-bottom: 10px;
        padding: 0px 15px;
    }

    .product_manage_btn_group ul li ul li .product_manage_btn_group_arrow {
        color: #5D6A83;
        position: absolute;
        top: 0;
        left: 0;
        margin-top: 3px;
        margin-left: 10px;
        font-size: 14px;
    }

    .order_btn_group ul li ul li:last-child,
    .product_manage_btn_group ul li ul li:last-child {
        margin-bottom: 0px;
    }

    .order_btn_group ul li ul li .order_btn_group_link,
    .product_manage_btn_group ul li ul li .product_manage_btn_group_link {
        color: #5D6A83;
        display: block;
        transition: .3s;
    }

    .order_btn_group ul li ul li .order_btn_group_link i,
    .product_manage_btn_group ul li ul li .product_manage_btn_group_link i {
        padding-right: 5px;
        width: 20px;
    }

    .order_btn_group ul li ul li:hover>.order_btn_group_link,
    .product_manage_btn_group ul li ul li:hover>.product_manage_btn_group_link {
        color: var(--primary_color);
    }

    .order_btn_group ul li ul li .order_btn_group_link i.fa-truck-fast,
    .product_manage_btn_group ul li ul li .product_manage_btn_group_link i.fa-truck-fast {
        font-size: 13px;
    }

    .order_btn_group ul li ul li .order_btn_group_link i.fa-box-open,
    .product_manage_btn_group ul li ul li .product_manage_btn_group_link i.fa-box-open {
        font-size: 14px;
    }

    .order_btn_group ul li ul li .order_btn_group_link i.fa-sliders,
    .product_manage_btn_group ul li ul li .product_manage_btn_group_link i.fa-sliders {
        font-size: 14px;
    }

    .order_btn_group ul li ul li ul {
        top: 0;
        right: 100%;
        max-height: 300px;
        overflow-x: auto;
    }

    /* width */
    .order_btn_group ul li ul li ul::-webkit-scrollbar {
        width: 5px;
    }

    /* Track */
    .order_btn_group ul li ul li ul::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    /* Handle */
    .order_btn_group ul li ul li ul::-webkit-scrollbar-thumb {
        background: #888;
    }

    /* Handle on hover */
    .order_btn_group ul li ul li ul::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

    .product_manage_btn_group ul li ul li ul {
        top: 0;
        right: 100%;
        text-align: right;
    }

    .reseller_search_btn_link {
        border: none;
        background-color: var(--primary_color);
        color: #ffffff;
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        padding: 0px 20px;
        border-radius: 0px 4px 4px 0px;
    }

    .reseller_active_btn {
        background: var(--primary_color);
        color: #ffffff !important;
        display: inline-block;
        padding: 10px 15px;
        border-radius: 3px;
        margin-right: 3px;
        cursor: pointer;
    }

    .reseller_new_btn {
        background: #0d6efd;
        color: #ffffff !important;
        display: inline-block;
        padding: 10px 15px;
        border-radius: 3px;
        cursor: pointer;

    }

    .reseller_deactive_btn {
        background: #E08E0B;
        color: #ffffff !important;
        display: inline-block;
        padding: 10px 15px;
        border-radius: 3px;
        cursor: pointer;

    }



    .product_manage_header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0px 30px;
        padding-top: 15px;
    }

    .order_manage_table table tbody tr.active {
        border: 1px solid red;
    }



    .order_manage {
        display: flex;
        align-items: center;
        gap: 5px;
        margin-top: 20px;
        flex-wrap: wrap;
    }

    .order_manage .order_manage_link {
        background-color: #ffffff;
        color: #545454;
        display: block;
        padding: 5px 10px;
        border-radius: 5px;
        font-size: 15px;
        border: 1px dotted var(--primary_color);
    }

    .order_manage .order_manage_link .order_tab_count {
        background-color: #E8EDFF;
        display: inline-block;
        padding: 0px 5px;
        color: #5D6A83;
        border-radius: 3px;
        margin-left: 5px;
        height: 20px;
        line-height: 20px;
    }


    .product_view_product_search_btn {
        position: absolute;
        top: 0;
        right: 0;
        border: none;
        height: 100%;
        background: var(--primary_color);
        color: #fff;
        padding: 0px 15px;
        border-radius: 0px 4px 4px 0px;
    }


    .order_manage_body,
    .product_manage_body {
        background-color: #ffffff;
        margin: 15px 30px;
    }



    .order_manage_top,
    .product_manage_top {
        padding: 20px 20px 0px 20px;
    }

    .order_manage_refresh_show {
        display: flex;
        align-items: center;
        height: 100%;
    }

    .order_manage_refresh {
        margin-right: 25px;
        cursor: pointer;
    }

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

    .order_manage_show_page p {
        margin: 0;
        color: #5D6A83;
        padding-right: 8px;
    }

    .order_manage_refresh i {
        font-size: 20px;
        color: #5D6A83;
    }

    .order_manage_show_page select {
        border: 1px solid #dddddd;
        outline: none;
        border-radius: 2px;
        padding: 6px 5px;
        cursor: pointer;
        color: #5D6A83;
    }

    .order_manage_search_and_option {
        text-align: right;
        position: relative;
    }

    .order_manage_search_and_option input {
        border: 1px solid #dddddd;
        padding: 7px 15px;
        border-radius: 3px 0px 0px 3px;
        outline: none;
        color: #5D6A83;
        width: 100%;
    }

    .order_manage_search_and_option button {
        background-color: var(--primary_color);
        color: #ffffff;
        border: gainsboro;
        outline: none;
        padding: 8px 15px;
        margin-left: -3px;
        border-radius: 0px 3px 3px 0px;
        position: absolute;
        top: 0;
        right: 0;
    }







    /* Basic Form Heading Start */
    .basic_form_heading {
        text-align: center;
        margin-bottom: 25px;
    }

    .basic_form_heading h4 {
        font-family: "Inter", sans-serif;
        font-weight: 500;
        text-transform: capitalize;
        font-size: 20px;
        margin: 0;
    }

    /* Basic Form Heading End */

    /* Basic Form Btn End */
    .basic_form_btn {
        text-align: center;
    }

    .basic_form_btn_link {
        background-color: var(--primary_color);
        color: #ffffff;
        border: none;
        display: inline-block;
        padding: 7px 20px;
        font-size: 16px;
        border-radius: 3px;
        transition: .3s;
    }

    .basic_form_btn_link:hover {
        background-color: #000000;
        color: var(--primary_color);
    }

    /* Basic Form Btn End */

    /* Standard Form Heading Start */
    .standard_form_heading {
        text-align: center;
        margin-bottom: 25px;
    }

    .standard_form_heading h4 {
        font-family: "Inter", sans-serif;
        font-weight: 500;
        text-transform: capitalize;
        font-size: 20px;
        margin: 0;
    }

    /* Standard Form Heading Start */










    .basic_table,
    .order_manage_table,
    .product_manage_table {
        padding: 20px;
        overflow-x: scroll;
    }

    /* width */
    .basic_table::-webkit-scrollbar,
    .order_manage_table::-webkit-scrollbar,
    .product_manage_table::-webkit-scrollbar {
        height: 5px;
    }


    /* Handle */
    .basic_table::-webkit-scrollbar-thumb,
    .order_manage_table::-webkit-scrollbar-thumb,
    .product_manage_table::-webkit-scrollbar-thumb {
        background: #888;
    }

    /* Handle on hover */
    .basic_table::-webkit-scrollbar-thumb:hover,
    .order_manage_table::-webkit-scrollbar-thumb:hover,
    .product_manage_table::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

    .basic_table table,
    .order_manage_table table,
    .product_manage_table table {
        width: 100%;
    }

    .basic_table table thead,
    .order_manage_table table thead,
    .product_manage_table table thead {
        background-color: #F4F6F9;
    }

    .basic_table table thead th,
    .order_manage_table table thead th,
    .product_manage_table table thead th {
        font-weight: 600;
        color: #5D6A83;
        font-size: 15px;
        padding: 10px !important;
    }






    .basic_table tbody tr,
    .order_manage_table tbody tr,
    .product_manage_table tbody tr {
        border-color: #F4F6F9;
        border-bottom-width: 1px;
    }

    .basic_table tbody tr:last-child,
    .order_manage_table tbody tr:last-child,
    .product_manage_table tbody tr:last-child {
        border-bottom-width: 0px;
    }



    .basic_table tbody tr td,
    .order_manage_table tbody tr td,
    .product_manage_table tbody tr td {
        padding: 10px !important;
        white-space: nowrap;
    }

    .order_manage_table tbody tr td:nth-child(1),
    .product_manage_table tbody tr td:nth-child(1) {
        padding-left: 0px !important;
    }

    .basic_table tbody tr td:nth-child(9),
    .order_manage_table tbody tr td:nth-child(9) {
        padding-right: 0px !important;
    }

    .basic_table tbody tr td:nth-child(7),
    .product_manage_table tbody tr td:nth-child(7) {
        padding-right: 0px !important;
    }

    .basic_table tbody tr td p,
    .order_manage_table tbody tr td p,
    .product_manage_table tbody tr td p {
        margin: 0;
    }

    .basic_table table thead tr th:last-child,
    .order_manage_table table thead tr th:last-child,
    .product_manage_table table thead tr th:last-child {
        text-align: right;
    }

    .basic_table table tbody tr td:last-child,
    .order_manage_table table tbody tr td:last-child,
    .product_manage_table table tbody tr td:last-child {
        text-align: right;
    }

    .basic_pagination_details {
        padding-top: 15px;
        border-top: 1px solid #F4F6F9;
    }

    .basic_pagination_showing span {
        font-size: 14px;
    }

    .basic_pagination_showing i {
        font-size: 12px;
        padding-left: 10px;
    }

    .basic_pagination {
        text-align: right;
    }

    .basic_pagination ul {
        margin: 0;
        padding: 0;
    }

    .basic_pagination ul li {
        list-style: none;
        display: inline-block;
        margin-right: 1px;
    }

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

    .basic_pagination ul li .basic_pagination_link {
        text-decoration: none;
        color: var(--primary_color);
        display: block;
        height: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 2px;
        font-size: 14px;
        padding: 0px 10px;
        cursor: pointer;
    }

    .basic_pagination ul li .basic_pagination_link.active_pagination {
        background-color: var(--primary_color);
        color: #ffffff;
    }










    .order_invoice_no p {
        color: #5D6A83;
        font-size: 15px;
    }

    .order_invoice_media {
        margin-bottom: 10px;
        margin-top: 5px;
    }

    .order_invoice_media .order_invoice_default {
        font-size: 15px;
        background-color: #E8EDFF;
        width: max-content;
        height: 22px;
        line-height: 20px;
        padding: 0px 7px;
        border-radius: 3px;
        color: #0D99FF;
    }

    .order_invoice_whatsapp {
        background-color: #24cc631f;
        font-size: 15px;
        width: max-content;
        height: 22px;
        line-height: 20px;
        padding: 0px 7px;
        border-radius: 3px;
        color: #24CC63;
    }

    .order_invoice_messenger {
        background-color: #0278f71a;
        font-size: 15px;
        width: max-content;
        height: 22px;
        line-height: 20px;
        padding: 0px 7px;
        border-radius: 3px;
        color: #0278f7;
    }

    .order_invoice_customer_icon img {
        width: 50px;
        height: 50px;
        border-radius: 3px;
    }




    .order_customer_name p {
        color: #5D6A83;
        font-size: 15px;
    }

    .order_customer_status {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-top: 4px;
    }

    .order_customer_status p {
        background-color: #FDE4E6;
        color: #EF4D56;
        width: max-content;
        height: 22px;
        line-height: 20px;
        padding: 0px 7px;
        border-radius: 3px;
        font-size: 14px;
    }

    .order_customer_regular,
    .order_customer_fraud,
    .order_customer_vip {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-top: 4px;
    }

    .order_customer_regular p,
    .order_customer_fraud p,
    .order_customer_vip p {
        background-color: #daffe8;
        color: #1fc4ac;
        width: max-content;
        height: 22px;
        line-height: 20px;
        padding: 0px 7px;
        border-radius: 3px;
        font-size: 13px;
        border-radius: 998px !important;
        font-weight: 700;
    }

    .order_customer_fraud p {
        background-color: #FDE4E6;
        color: #EF4D56;
    }

    .order_customer_vip p {
        background-color: #F2963F;
        color: #ffffff;
    }

    .order_customer_status span {
        background-color: #FDE4E6;
        color: #EF4D56;
        width: max-content;
        /* width: 23px; */
        height: 22px;
        padding: 0px 7px;
        border-radius: 3px;
        font-size: 14px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .order_customer_call_link {
        background-color: #E8EDFF;
        display: flex;
        align-items: center;
        width: max-content;
        padding: 0px 8px;
        border-radius: 3px;
        height: 27px;
        margin-top: 10px;
    }

    .order_customer_call_link img {
        transform: rotate(-105deg);
        height: 11px;
        margin-right: 4px;
    }

    .order_customer_call_link p {
        color: #414BFB;
        transition: .3s;
        font-size: 14px;
        display: block;
        margin-top: 1px !important;
    }

    .order_customer_call_link p:hover {
        color: var(--primary_color)
    }

    .order_customer_phone {
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .order_call_info_svg {
        position: relative;
    }

    .order_call_info_svg svg {
        width: 18px;
        color: #414BFB;
        margin-bottom: -5px;
        cursor: pointer;
    }

    .order_call_info_svg .tooltiptext {
        visibility: hidden;
        width: 80px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 3px;
        padding: 0px 0;
        position: absolute;
        z-index: 1;
        bottom: 25px;
        left: 50%;
        transform: translateX(-50%);
        font-size: 13px;
    }

    .order_call_info_svg .tooltiptext::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: black transparent transparent transparent;
    }

    .order_call_info_svg:hover .tooltiptext {
        visibility: visible;
    }

    .order_customer_address {
        margin-top: 6px;
    }

    .order_customer_address p {
        color: #5D6A83;
        font-size: 14px;
        overflow-wrap: break-word;
        white-space: normal;
        max-width: 290px;
    }







    .order_product {}

    .order_product ul {
        margin: 0;
        padding: 0;
    }

    .order_product ul li {
        list-style: none;
    }

    .order_product ul li .order_product_image {
        position: relative;
        width: max-content;
    }

    .order_product ul li .order_product_image img {
        width: 60px;
        height: 60px;
        border-radius: 3px;
        padding: 4px;
        border: 1px solid #eee;
        transition: 0.3s;
    }

    .order_product ul li .order_product_image img:hover {
        transform: scale(5);
        position: relative;
        z-index: 9;
    }

    .order_product_size {
        position: absolute;
        top: -6px;
        left: calc(100% + 5px);
    }



    .order_product_size {
        position: absolute;
        top: -6px;
        left: calc(100% + 5px);
    }

    .order_product_size p {
        color: #5D6A83;
        font-size: 14px;
    }

    .order_product_name {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .order_product_name p {
        color: #5D6A83;
        font-size: 15px;
    }




    .order_price {}

    .order_price ul {
        margin: 0;
        padding: 0;
    }

    .order_price ul li {
        list-style: none;
        margin-bottom: 10px;
    }

    .order_price ul li:last-child {
        margin-bottom: 0px;
    }

    .order_price ul li p {
        width: max-content;
        color: #5D6A83;
        font-size: 15px;
    }

    .order_price ul li p span {
        padding-right: 5px;
        width: 45px;
        display: block;
        float: left;
    }


    .order_activities ul li p {
        width: max-content;
        color: #5D6A83;
        font-size: 15px;
    }

    .order_activities ul li p b {
        color: var(--primary_color);
        font-weight: 500;
    }


    .order_activities {}

    .order_activities ul {
        margin: 0;
        padding: 0;
    }

    .order_activities ul li {
        list-style: none;
        margin-bottom: 5px;
    }

    .order_activities ul li:last-child {
        margin-bottom: 0px;
    }

    .order_activities ul li p span {
        display: inline-block;
        width: max-content;
        height: 21px;
        line-height: 20px;
        padding: 0px 8px;
        border-radius: 3px;
    }

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

    .order_courier_icon img {
        width: 17px;
        height: 17px;
    }

    .order_courier_name p {
        width: max-content;
        color: #5D6A83;
        font-size: 15px;
        padding-left: 10px;
        padding-right: 15px;
    }

    .order_courier_address_link {
        color: #0D99FF;
        border-bottom: 1px solid #0D99FF;
        margin-left: 28px;
        font-size: 15px;
    }

    .order_courier_address_link:hover {
        color: var(--primary_color);
        border-color: var(--primary_color);
    }


    .courier_tracking {
        margin-left: 28px !important;
        font-size: 15px;
    }

    .order_courier_icon {
        line-height: 1;
    }

    .order_courier_edit i {
        color: #53D1BF;
        margin-top: -4px;
        display: block;
        margin-left: 0px;
        cursor: pointer;
        font-size: 16px;
    }

    .order_note {
        /* display: flex;
        align-items: center; */
    }

    .order_note_edit i {
        color: #53D1BF;
        margin-top: -2px;
        display: block;
        /* margin-left: 10px; */
        cursor: pointer;
        font-size: 16px;
    }

    .order_status p {
        color: #5D6A83;
        font-size: 14px;
    }

    .order_edit {
        margin-left: 6px;
    }





    .order_action_group ul,
    .product_action_group ul {
        margin: 0;
        padding: 0;
    }

    .order_action_group ul li,
    .product_action_group ul li {
        list-style: none;
        margin-bottom: 5px;
    }

    .order_action_group ul li:last-child,
    .product_action_group ul li:last-child {
        margin-bottom: 0px;
    }

    .order_action_content,
    .product_action_content {
        position: relative;
    }

    .order_action_content i,
    .product_action_content i {
        cursor: pointer;
        font-size: 22px;
        color: var(--primary_color);
        padding-right: 10px;
    }

    .product_action_group i,
    .product_action_group i {
        color: #40CCB8;
        font-size: 15px !important;
        cursor: pointer;
        width: 25px;
    }

    .order_action_content i::after,
    .product_action_content i::after {
        display: none;
    }

    .order_action_group {
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        background-color: #F4F6F9;
        padding: 6px;
        z-index: 999999;
        border-radius: 2px;
        /* transform: inherit !important; */
    }

    .product_action_group {
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        background-color: #F4F6F9;
        padding: 6px;
        z-index: 999999;
        border-radius: 2px;
        /* transform: inherit !important; */
    }

    .order_action_group ul li button,
    .product_action_group ul li button {
        border: none;
        font-size: 15px;
        background-color: #E8EDFF;
        color: #414BFB;
        display: block;
        border-radius: 3px;
        transition: .3s;
        width: 100%;
        text-align: center;
        transition: .3s;
    }

    .order_action_group ul li button.approved {
        background-color: green;
        color: #ffffff;
    }

    .order_action_group ul li button.packaging {
        background-color: #86CEEB;
        color: #0087bd;
    }

    .order_action_group ul li button.pending {
        background-color: #F6BE00;
        color: #000000;
    }

    .order_action_group ul li button.delivered {
        background-color: green;
        color: #ffffff;
    }

    .order_action_group ul li button.shipment {
        background-color: #efc371;
        color: #8f5c00;
    }

    .order_action_group ul li button.cancel {
        background-color: #FF474C;
        color: #ffffff;
    }

    .order_action_group ul li button.return {
        background-color: red;
        color: #ffffff;
    }

    .order_action_group ul li button.return_with_cost {
        background-color: red;
        color: #ffffff;
    }

    .order_action_group ul li .edit,
    .product_action_group ul li .edit {
        background-color: #beebf1d4 !important;
        color: #02899b !important;
        display: block;
        width: 100%;
        text-align: center;
    }

    .order_action_group ul li .view,
    .product_action_group ul li .view {
        background-color: #000000 !important;
        color: #ffffff !important;
        display: block;
        width: 100%;
        text-align: center;
    }



    /*
==============================================================
    Couriern Css
==============================================================
*/
    .order_courier_modal .vm--container {
        z-index: 99999999999999999 !important;
    }

    .order_courier_modal .vm--container .vm--modal {
        height: 400px !important;
        width: 100% !important;
        max-width: 570px !important;
        left: 50% !important;
        transform: translateX(-50%);
    }

    .courier_details {
        padding: 15px;
        padding-bottom: 0px;
    }

    .courier_card_content {
        display: grid;
        grid-template: 1fr / 1fr 1fr 1fr;
        gap: 20px;
        margin-bottom: 5px;
    }

    .courier_card {
        background-color: #dddddd;
        padding: 3px 5px;
        border-radius: 5px;
        text-align: center;
    }

    .courier_card strong {
        font-size: 30px;
        font-weight: 600;
    }

    .courier_card p {
        color: color-mix(in srgb, #3d4348, transparent 25%);
        font-size: 17px;
        padding-top: 6px;
        letter-spacing: .5px;
        margin-bottom: 7px;
    }

    .courier_image img {
        height: 20px;
    }

    /*
==============================================================
    25. Table Area
==============================================================
*/

    .courier_table table {
        width: 100%;
        border-collapse: separate;
        border-spacing: 0 10px;
        /* Adds spacing between rows */
    }

    .courier_table table thead {
        background-color: #f5f5f5;
    }

    .courier_table table thead th {
        padding: 10px 10px !important;
        text-align: left;
        font-weight: bold;
        color: #333;
        text-align: center;
    }

    .courier_table table tbody tr {
        background-color: #ffffff;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
        border-radius: 5px;
    }

    .courier_table table tbody td {
        padding: 10px 10px;
        text-align: left;
        color: #333;
        text-align: center;
    }

    .courier_table table tbody tr:last-child {
        margin-bottom: 0;
    }





    .product_action_group ul li button.publish_ {
        background-color: #CFF2ED;
        color: #1FC4AC;
    }

    .product_action_group ul li button.unpublish_ {
        background-color: #fbd691;
        color: #b37300;
    }

    .product_action_group ul li button.edit_ {
        background-color: #9fe1e7;
        color: #2f9ea9;
    }

    .product_action_group ul li button.copy_product_ {
        background-color: #c4d0f9;
        color: #686dcb;
    }

    .product_action_group ul li button.delect_ {
        background: #f3a4a4;
        color: #ef2f2f;
    }







    .order_manage_pagination {
        float: right;
    }

    .order_manage_pagination ul {
        margin: 0;
        padding: 0;
    }

    .order_manage_pagination ul li {}

    .order_manage_pagination ul li.page-item.active .page-link {
        background-color: var(--primary_color) !important;
        border-color: var(--primary_color) !important;
        color: #ffffff !important;
    }

    .order_manage_pagination ul li a {
        padding: 4px 15px !important;
    }

    .order_manage_pagination ul li.page-item .page-link:focus {
        box-shadow: none !important;
    }

    .order_manage_bottom {
        padding: 30px 30px;
    }

    .order_manage_showing_page {
        padding-top: 10px;
    }

    .order_manage_showing_page p {
        margin: 0;
        color: #5D6A83;
        font-size: 15px;
    }

    /* custom toast */
    .toast-container {
        position: fixed;
        top: 20px;
        right: 20px;
        z-index: 1000;
    }

    .toast-container>div {
        padding: 15px 15px 15px 15px !important;
        opacity: inherit !important;
    }

    .toast-container>:hover {

        box-shadow: inherit !important;
        cursor: pointer;
    }

    .toast-container .error-list {
        max-height: 319px;
        overflow-y: auto;
    }

    .toast-container .error-list::-webkit-scrollbar {
        width: 2px;
    }


    .toast-container .error-list::-webkit-scrollbar-track {
        background: #555;
    }


    .toast-container .error-list::-webkit-scrollbar-thumb {
        background: #ff4444;
        border-radius: 5px;
    }


    .toast-container .error-list::-webkit-scrollbar-thumb:hover {
        background: #555;
    }
.toast-message {
    margin-left: 35px !important;
}


    .error-toast {
        position: relative;
        width: 350px;
        padding: 20px;
        margin-bottom: 15px;
        background: white;
        border-left: 5px solid #ff4444;
        border-radius: 8px;
        /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); */
        display: flex;
        flex-direction: column;
        transform: translateX(0);
        /* opacity: 1; */
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
        overflow: hidden;
    }

    .error-toast::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 4px;
        background: linear-gradient(90deg, #ff4444, #cc0000);
    }

    .error-toast.hide {
        transform: translateX(120%);
        opacity: 0;
    }

    .toast-header {
        display: flex;
        align-items: center;
        margin-bottom: 15px;
    }

    .toast-icon {
        width: 24px;
        height: 24px;
        margin-right: 12px;
        color: #ff4444;
    }

    .toast-title {
        font-size: 18px;
        font-weight: 600;
        color: #ff4444;
        margin: 0;
    }

    .close-btn {
        margin-left: auto;
        background: none;
        border: none;
        font-size: 20px;
        cursor: pointer;
        color: #aaa;
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    }

    .close-btn:hover {
        color: #cc0000;
        transform: rotate(90deg);
    }

    .error-list {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

    .error-item {
        display: flex;
        align-items: flex-start;
        padding: 8px 0;
        border-bottom: 1px solid #f0f0f0;
    }

    .error-item:last-child {
        border-bottom: none;
    }

    .error-bullet {
        flex-shrink: 0;
        width: 8px;
        height: 8px;
        background-color: #ff4444;
        border-radius: 50%;
        margin: 6px 12px 0 0;
    }

    .error-message {
        font-size: 14px;
        color: #333;
        margin: 0;
        line-height: 1.5;
    }

    .toast-footer {
        display: flex;
        justify-content: flex-end;
        margin-top: 15px;
    }

    .dismiss-btn {
        padding: 6px 12px;
        background-color: #ff4444;
        color: white;
        border: none;
        border-radius: 4px;
        font-size: 13px;
        cursor: pointer;
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    }

    .dismiss-btn:hover {
        background-color: #cc0000;
        transform: translateY(-1px);
    }


    /* custom toast end */

    .product_manage_image {
        width: 60px;
        float: left;
        margin-right: 10px;
    }

    .product_manage_image img {
        width: 100%;
        height: auto;
    }

    .product_manage_details {
        display: block;
        overflow: hidden;
    }

    .product_manage_name a {
        color: #5D6A83;
        font-size: 15px;
        transition: .3s;
        line-height: 1 !important;
        margin-top: 0px;
        display: block;
    }

    .product_manage_name a:hover {
        color: var(--primary_color);
    }

    .product_manage_code {
        padding-top: 3px;
        padding-bottom: 12px;
    }

    .product_manage_code p {
        color: #5D6A83;
        font-size: 15px;
    }

    .product_manage_table tbody tr td .product_manage_position p {
        background-color: #FDE4E6;
        color: #EF4D56;
        width: max-content;
        width: 25px;
        height: 25px !important;
        border-radius: 100%;
        font-size: 14px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .product_manage_table tbody tr td .product_manage_status p {
        background-color: #CFF2ED;
        color: #1FC4AC;
        display: inline-block;
        width: max-content;
        height: 21px !important;
        line-height: 20px;
        padding: 0px 8px;
        border-radius: 3px;
        font-size: 15px;
    }

    .product_manage_status p.unpublish {
        background-color: #fbd691 !important;
        color: #b37300 !important;
        display: inline-block;
        width: max-content;
        height: 21px;
        line-height: 20px;
        padding: 0px 8px;
        border-radius: 3px;
        font-size: 15px;
    }

    .product_manage_price ul {
        margin: 0;
        padding: 0;
    }

    .product_manage_price ul li {
        list-style: none;
        margin-bottom: 10px;
    }

    .product_manage_price ul li:last-child {
        margin-bottom: 0px;
    }

    .product_manage_price ul li p {
        color: #5D6A83;
        font-size: 15px;
    }

    .product_manage_price ul li p span {
        color: #5D6A83;
        font-size: 15px;
    }

    .product_manage_table tbody tr td .product_manage_stock p {
        background-color: #E8EDFF;
        color: #414BFB;
        border-radius: 100%;
        font-size: 14px !important;
        text-align: center;
        padding: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 25px;
        height: 25px !important;
    }






    .box_body_table {
        background-color: #fbfbfb;
    }

    .table-striped>tbody>tr:nth-of-type(odd) {
        background-color: inherit !important;
    }

    .checkbox_style {
        width: 20px;
        height: 20px;
        border-radius: 100% !important;
        cursor: pointer;
    }

    .order_manage_table table tbody tr td .form-check {
        padding-left: 35px;
    }

    .product_manage_table table tbody tr td .form-check {
        padding-left: 35px;
    }




    .order_padding {
        padding-left: 0px;
        padding-right: 0px;
    }


    .company_sell_item {
        border: 1px solid var(--primary_color);
        border-radius: 5px;
        margin-bottom: 20px;
    }

    .company_sell_title p {
        background-color: var(--primary_color);
        text-align: center;
        font-weight: 600;
        color: #ffffff;
        padding: 5px 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        font-size: 20px;
    }

    .company_sell_total_purchase p {
        margin: 0;
        text-align: center;
        min-height: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 22px;
    }

    .company_sale_tab_btn {
        margin-top: 60px;
    }

    .company_sale_tab_content .basic_table {
        padding-left: 0px;
        padding-right: 0px;
    }





    /* Top Header Navbar  */
    .top_header_user i {
        color: #8f8c8c !important;
        font-size: 18px;
    }

    .dropdown-toggle.top_header_user {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .header_btn {
        background: #fff;
        border: 1px solid #f2f2f2;
        padding: 5px 20px;
        font-weight: 500;
        border-radius: 3px;
        font-size: 16px;
        color: #3C8DBC;
        transition: 0.5s;
    }

    .header_btn:hover {
        border: 1px solid #3C8DBC;
    }




    .customer_btn {
        background-color: #3C8DBC !important;
        color: white !important;
        margin-left: 3px;
    }














    /* Custom Css */
    .main-sidebar {
        position: fixed;
        background-color: #ffffff !important;
        box-shadow: 0 0 24px 2px rgba(20, 25, 38, .05);
    }

    .sidebar_search {
        margin-top: 10px;
    }

    .sidebar_search input {
        width: 100%;
        height: 40px;
        line-height: 40px;
        background-color: #f4f6fc;
        border: 1px solid #f4f6fc;
        border-radius: 3px;
        padding: 0px 8px;
        outline: none;
    }

    .sidebar_search input[type=text] {
        color: #000000;
    }

    .skin-blue .sidebar-menu>li>.treeview-menu {
        margin: 0 0px !important;
    }

    .skin-blue .sidebar-menu .treeview-menu>li>a {
        color: var(--primary_text_color) !important;
    }

    .main_menu .sidebar-menu li ul li .router-link-exact-active.router-link-active {
        color: var(--primary_color) !important;
    }

    .skin-blue .sidebar-menu .treeview-menu>li.active>a,
    .skin-blue .sidebar-menu .treeview-menu>li>a:hover {
        color: #000;
        background-color: inherit !important;
    }

    .sidebar_content {
        position: absolute;
        top: 115px;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .main_menu {
        overflow-y: scroll;
        max-height: 100%;
        max-width: 100%;
        scrollbar-width: none;
        padding-bottom: 50px;
    }

    /* .main_menu ul>li:hover>a,
.main_menu ul>li.active>a,
.main_menu ul>li.menu-open>a {
    color: #fff !important;
    background-color:inherit !important;
    background-image: linear-gradient(to right, #259dab26 0%, #2574ab 100%) !important;
    background-repeat: repeat-x;
    transition: .3s;
    border-left: 3px solid #ffffff;
} */
    .main_menu_title {
        color: var(--primary_color);
        font-weight: 300;
        font-size: 14px;
        padding-left: 20px;
    }



    .main_menu ul>li:hover>a,
    .main_menu ul>li.active>a,
    .main_menu ul>li.menu-open>a {
        color: var(--primary_color) !important;
        background-color: #F4FCF7 !important;
        background-image: inherit !important;
        background-repeat: repeat-x;
        transition: .3s;
        border-left: 3px solid var(--primary_color);
    }

    .main_menu ul>li:hover>a svg,
    .main_menu ul>li.active>a svg,
    .main_menu ul>li.menu-open>a svg {
        color: var(--primary_color) !important;
    }

    .main_menu ul>li:hover>a span i,
    .main_menu ul>li.active>a span i,
    .main_menu ul>li.menu-open>a span i {
        color: var(--primary_color) !important;
    }

    .main_menu ul>li.order_m:hover>a svg path,
    .main_menu ul>li.order_m.active>a svg path,
    .main_menu ul>li.order_m.menu-open>a svg path {
        /* fill: var(--primary_color) !important; */
    }

    .main_menu ul>li.order_m:hover>a span i,
    .main_menu ul>li.order_m.active>a span i,
    .main_menu ul>li.order_m.menu-open>a span i {
        fill: var(--primary_color) !important;
    }

    .main_menu ul li a {
        color: var(--primary_text_color) !important;
        /* padding: 13px 15px 13px 15px; */
        /* display: flex; */
        align-items: center;
        height: 100%;
    }

    .main_menu ul li a span i {
        color: #061237a1 !important;
        font-size: 15px !important;
        font-weight: bold;
    }


    .main_menu ul li ul {
        position: relative;
        /* background-color:var(--primary_color) !important; */
        background-color: #ffffff !important;
    }

    .main_menu ul li ul::before {
        position: absolute;
        content: "";
        border: 1px dashed var(--primary_color);
        height: calc(100% - 12px);
        top: 5px;
        left: 25px;
        -webkit-transition: height 0.5s;
        transition: height 0.5s;
    }

    .main_menu ul li ul li a {
        position: relative;
        padding: 6px 8px 6px 49px !important;
        transition: .3s;
    }

    .main_menu ul li ul li a::after {
        position: absolute;
        content: "";
        top: 50%;
        left: 25px;
        width: 15px;
        border-top: 1px solid var(--primary_color);
    }

    .main_menu ul>li:hover>ul li:hover a {
        color: var(--primary_color) !important;
        background-image: inherit !important;
        background-repeat: inherit !important;
        border-left: 0px solid #ffffff;
    }

    .header_profile button {
        display: flex;
        align-items: center;
        border: none;
        background-color: transparent;
        padding: 0;
    }

    .header_profile_name {
        text-align: right;
        padding-right: 10px;
    }

    .header_dashboard {
        padding: 5px 30px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-left: 280px;
        background-color: #ffffff;
        transition: .3s;
    }

    .sidebar-mini.sidebar-collapse .header_dashboard .header_toggle {
        /* transform: rotate(-180deg); */
    }

    .sidebar-mini.sidebar-collapse .header_dashboard {
        margin-left: 50px;
        transition: .3s;
    }

    .addon_manager {}

    .addon_manager ul {
        margin: 0;
        padding: 0;
    }

    .addon_manager ul li {
        list-style: none;
        background-color: #ffffff;
        margin-bottom: 15px;
        padding: 20px 10px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    }

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

    .addon_image {}

    .addon_image img {
        height: 60px;
    }

    .addon_image.bkash_ img {
        height: 40px;
    }

    .addon_image.nagad_ img {
        height: 40px;
    }

    .addon_image.ssl_ img {
        height: 21px;
    }

    .addon_image.fraud_ img {
        height: 180px;
    }

    .addon_image_title {
        display: flex;
        align-items: center;
        padding-right: 50px;
    }

    .addon_title {
        margin-left: 50px;
    }

    .addon_title h3 {
        margin-bottom: 0px;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 1px;
        line-height: 22px;
    }

    .addon_btn {
        position: relative;
        margin-top: -20px;
    }



    .addon_btn_curve_active::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        background-color: #E8EBF1;
        width: 40px;
        height: 20px;
        border-radius: 30px;
    }


    .addon_btn_curve_active::before {
        content: '';
        position: absolute;
        top: 2px;
        right: 3px;
        width: 16px;
        height: 16px;
        background-color: var(--primary_color);
        z-index: 999999;
        border-radius: 100%;
    }


    .addon_btn_courve_deactive::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        background-color: #CCCCCC;
        width: 40px;
        height: 20px;
        border-radius: 30px;
    }


    .addon_btn_courve_deactive::before {
        content: '';
        position: absolute;
        top: 1.5px;
        right: 21px;
        width: 16px;
        height: 16px;
        background-color: #ffffff;
        z-index: 999999;
        border-radius: 100%;
    }





    .main_menu ul li .addon_ico svg {
        width: 16px !important;
    }

    .header_profile_image img {
        width: 50px;
        height: 50px;
        border-radius: 100%;
        border: 1px solid #dddddd;
    }

    .header_profile_name p {
        margin: 0;
        color: #5D6A83;
    }

    .header_profile_name span {
        margin: 0;
        color: var(--primary_color);
        background-color: #daffe8;
        display: inline-block;
        height: 18px;
        line-height: 18px;
        padding: 0px 5px;
        border-radius: 3px;
        font-size: 13px;
    }

    .header_toggle_icon i {
        color: #5D6A83;
        font-size: 26px;
        cursor: pointer;
    }

    .header_toggle_icon svg {
        width: 20px;
        fill: var#000000;
        cursor: pointer;
    }

    .dropdown-menu.dropdown_menu.show {
        padding: 0px;
        border-radius: 0px;
        margin-top: 3px !important;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        background-color: #ffffff;
    }

    .dropdown_menu {
        margin: 0;
        padding: 0;
    }

    .dropdown_menu li {
        list-style: none;
        text-align: right;
        padding: 7px 10px;
        border-bottom: 1px solid #dddddd52;
    }

    .dropdown_menu li:last-child {
        border-bottom: 0px;
    }

    .dropdown_menu li .dropdown_menu_link {
        color: #000000;
        transition: .3s;
        background: transparent !important;
    }

    .dropdown_menu li .dropdown_menu_link:hover {
        color: var(--primary_color) !important;
    }

    .dropdown_menu li .dropdown_menu_link i {
        font-size: 14px;
        padding-left: 3px;
    }

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


    .sidebar-mini.sidebar-collapse .main_menu ul li a span {
        background-color: #CFF2ED !important;
        padding: 12px 5px 12px 10px !important;
        color: var(--primary_color) !important;
    }

    .sidebar-mini.sidebar-collapse .main_menu ul li a {
        padding: 10px 15px 10px 11px;
    }

    .sidebar-mini.sidebar-collapse .main_menu ul li ul::before {
        left: 15px;
    }

    .sidebar-mini.sidebar-collapse .main_menu ul li ul li a::after {
        left: 18px;
    }

    .sidebar-mini.sidebar-collapse .main_menu ul li ul li a {
        padding: 6px 8px 6px 35px !important;
    }

    .main_menu ul li a svg {
        width: 20px;
        color: var(--primary_text_color);
        margin-right: 8px;
        transition: .3s;
    }




    .skin-blue.sidebar-mini.sidebar-collapse .main-sidebar .main_menu {
        overflow-y: visible;
    }




    /* Products Tables start */


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

    .products_tables_thumbnail {
        width: 70px !important;
        height: 70px !important;
    }

    .products_tables_thumbnail img {
        width: 100%;
        height: 100%;
        border-radius: 2px;
    }

    .products_tables_container {
        width: 100%;
    }

    .products_tables_name a {
        font-size: 17px;
        color: #000;
        text-transform: capitalize;
    }

    .products_tables_container {
        margin-top: 10px;
    }

    .products_tables_container thead tr th {
        text-transform: uppercase;
        border-bottom: 1px dashed #d9e9ef;
        color: #3a3a3a;
        font-weight: 600;
        font-size: 15px;
        white-space: nowrap;
    }


    .products_body_tables tr {
        border-bottom: 1px dashed #d9e9ef;
        transition: all 0.5s ease-in-out;
    }

    .products_body_tables tr:hover {
        background-color: #FAFAFA;
    }

    .products_body_tables tr td {
        padding-top: 16px;
        padding-bottom: 16px;
        padding-left: 14px;
    }


    .products_data_status {
        display: flex;
        align-items: center;
        gap: 1px;
    }

    .products_body_tables tr td p {
        margin-bottom: 0px;
        white-space: nowrap;
    }

    .products_tables_container thead {
        background: #f4f8ff none repeat scroll 0 0;
        border-right: 4px solid white;
        border-left: 4px solid white;
    }



    .table-hover tbody tr:hover {
        background-color: #eee !important;
    }

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

    .products_data_tables_action .dropdown-toggle i {
        text-align: center;
        margin-left: 18px;
        font-size: 20px;
    }

    .products_data_tables_action_items {
        padding: 0;
    }

    .products_data_tables_action_items li a {
        font-size: 14px;
    }

    .products_data_tables_action_items li a i {
        margin-right: 6px;
    }

    .products_data_tables_action_items li .dropdown-item {
        padding: 4px 7px;
    }

    .route_title {
        margin-left: 5px;
        font-size: 16px;
    }

    .products_size_tables {
        width: 100%;
        margin-top: 20px;
        border: 1px solid #eef2fe;
    }

    .products_size_tables thead {
        width: 100%;
        background-color: #eef2fe;
    }

    .v_check_container {
        display: flex;
        align-items: center;
        gap: 12px;
        flex-wrap: wrap;
        margin-top: 14px;
    }




    .all_tables_style {
        width: 100%;
        margin-top: 20px;
        border: 1px solid #eef2fe;
    }

    .all_tables_style thead {
        width: 100%;
        background-color: #eef2fe;
    }

    .all_tables_style tbody tr td {
        padding: 12px 0px 12px 10px !important;
        white-space: nowrap;
    }

    .all_tables_style tbody tr {
        border-bottom: 1px solid #eef2fe;
    }

    .all_tables_style thead tr {
        white-space: nowrap;
    }

    .total_style {
        border: 1px solid #ddd;
        min-width: 40px;
        text-align: center;
    }


    .tables_section {
        overflow-x: auto;
    }

    /* width */
    .tables_section::-webkit-scrollbar {
        width: 4px;
        height: 4px;
    }

    /* Track */
    .tables_section::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    /* Handle */
    .tables_section::-webkit-scrollbar-thumb {
        background: #3C8DBC;
    }

    /* Handle on hover */
    .tables_section::-webkit-scrollbar-thumb:hover {
        background: #555;
    }


    .ck.ck-toolbar {
        border: 1px solid #ecf0f4 !important;
    }

    .ck.ck-editor__main>.ck-editor__editable:not(.ck-focused) {
        border-color: #ecf0f4 !important;
    }




    @media only screen and (max-width:1785px) {
        /* .order_manage .order_manage_link .order_tab_count {
            margin-left: 0;
        }
        .order_manage .order_manage_link span {
            display: block;
        } */
    }

    @media only screen and (max-width:1599.98px) {
        .order_activities ul li p {
            font-size: 14px;
        }

        .order_product_name p {
            font-size: 14px;
        }

        .order_manage_table {
            padding-left: 10px;
            padding-right: 10px;
        }

        .basic_table table thead th,
        .order_manage_table table thead th,
        .product_manage_table table thead th {
            padding: 5px !important;
        }

        .basic_table tbody tr td,
        .order_manage_table tbody tr td,
        .product_manage_table tbody tr td {
            padding: 5px !important;
        }

        .order_manage_table table tbody tr td .form-check {
            padding-left: 30px;
        }

        .order_status p {
            font-size: 13px;
        }
    }

    @media only screen and (max-width:1399.98px) {
        .chart_area_bg {
            margin-bottom: 25px;
        }

        .order_manage {
            gap: 5px;
        }

        .order_manage .order_manage_link {
            /* padding: 5px 5px; */
            font-size: 14px;
        }

        .pie_chart_content {
            margin-top: 50px;
        }

        .chart_area.content {
            padding-bottom: 0px;
        }

        .graph_content {
            margin-top: 70px;
            padding-left: 12px;
            padding-right: 12px;
        }

        .custom_bar_chart_content {
            padding-top: 70px;
        }

        .custom_bar_chart_content {
            padding-left: 12px;
            padding-right: 12px;
        }

    }

    @media only screen and (max-width:1270px) {
        .custom_select {
            padding: 0px !important;
            width: 60px;
        }

        .statistic_item {
            float: left;
            background: #fff;
            box-shadow: 0 1pt 4pt rgb(150 165 237);
            border: none;
            padding: 1px 40px;
            margin: 5px;
            width: 23.5%;
            height: 75px;
        }

    }


    @media only screen and (max-width:1200px) {
        .basic_pagination_showing {
            text-align: center;
            margin-bottom: 10px;
        }

        .basic_pagination {
            text-align: center;
        }

        .role_list {
            grid-template: 1fr / 1fr 1fr !important;
        }

        .basic_form_group {
            display: block;
        }

        .basic_form_group_textarea {
            display: block;
        }

        .basic_form_title span {
            width: 100%;
            display: block;
            float: inherit;
            margin-bottom: 10px;
        }

        .basic_form_group_textarea span {
            width: 100%;
            display: block;
            float: inherit;
            margin-bottom: 10px;
        }

        .col-lg-11 {
            width: 105.666667% !important;
            margin-left: -5% !important;
            overflow-x: auto;
        }

        .order_manage {
            flex-wrap: wrap;
        }

    }

    @media only screen and (max-width:992px) {
        .addon_title {
            margin-left: 25px;
        }

        .role_list {
            grid-template: 1fr / 1fr !important;
        }

        .theme_color_group_content {
            width: 100%;
        }

        .statistic_item {
            float: left;
            background: #fff;
            box-shadow: 0 1pt 4pt rgb(150 165 237);
            border: none;
            padding: 1px 40px;
            margin: 5px;
            width: 31.5%;
            height: 75px;
        }

        .popular_district_total_price {
            width: 28%;
        }

        .custom_bar_chart_content {
            padding-bottom: 50px;
        }

        .popular_dis_content {
            width: 70%;
        }

        .order_btn_group ul li ul {
            left: 50%;
            transform: translateX(-50%);
        }

        .popular_product_text h6 {
            width: 100px;
        }

        .order_btn_group ul li ul li ul {
            top: inherit;
            right: inherit;
            position: inherit;
            box-shadow: inherit;
            padding-left: 20px;
        }

        .graph_line .graph_bars ul {
            justify-content: space-between;
        }

        .orderMenuAction_class {
            display: none;
        }

        .orderMenuAction_toggle {
            display: block;
        }

        .productManageAll_class {
            display: none;
        }

        .productManageAll_toggle {
            display: block;
        }

        .filterMenuAction_class {
            display: none;
        }

        .order_customer_address p {
            max-width: 180px;
        }

        .popular_products_tables_container {
            margin-bottom: 80px;
        }

        .popular_district_products_orders {
            margin-bottom: 70px;
        }

        .filterMenuAction_toggle {
            display: block;
        }

        .printAction_class {
            display: none;
        }

        .printAction_toggle {
            display: block;
        }

        .courierAction_class {
            display: none;
        }

        .courierAction_toggle {
            display: block;
        }

        .bulkAction_class {
            display: none;
        }

        .bulkAction_toggle {
            display: block;
        }

        .exportAction_class {
            display: none;
        }

        .exportAction_toggle {
            display: block;
        }



        .filterDateAction_class {
            display: none;
        }

        .filterDateAction_toggle {
            display: block;
        }

        .filterCourierAction_class {
            display: none;
        }

        .filterCourierAction_toggle {
            display: block;
        }

        .filterProductAction_class {
            display: none;
        }

        .filterProductAction_toggle {
            display: block;
        }

        .filterDistrictAction_class {
            display: none;
        }

        .filterDistrictAction_toggle {
            display: block;
        }

        .filterAreaAction_class {
            display: none;
        }

        .filterAreaAction_toggle {
            display: block;
        }

        .filterOrderSourceAction_class {
            display: none;
        }

        .filterOrderSourceAction_toggle {
            display: block;
        }

        .filterNoteAction_class {
            display: none;
        }

        .filterNoteAction_toggle {
            display: block;
        }

        .filterTypeAction_class {
            display: none;
        }

        .filterTypeAction_toggle {
            display: block;
        }


        .filterAssignAdminAction_class {
            display: none;
        }

        .filterAssignAdminAction_toggle {
            display: block;
        }

        .filterApproveAdminAction_class {
            display: none;
        }

        .filterApproveAdminAction_toggle {
            display: block;
        }





        .section_padding_top {
            padding-top: 20px;
        }

        .order_statistic {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .dashboard_cards_container ul {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .quick_access_card_container {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }

        .order_manage_refresh {
            margin-right: 8px;
            margin-top: -7px;
        }

        .product_manage_table {
            padding-top: 10px;
        }

    }

    @media screen and (max-width: 899.98px) {
        .chart_month span {
            font-size: 10px;
        }

        .addon_image.fraud_ img {
            height: 120px;
        }
    }

    @media only screen and (max-width:820px) {
        .statistic_item {
            float: left;
            background: #fff;
            box-shadow: 0 1pt 4pt rgb(150 165 237);
            border: none;
            padding: 1px 40px;
            margin: 5px;
            width: 47.5%;
            height: 75px;
        }
    }



    @media screen and (max-width: 767.98px) {

        .order_edit_courier_modal .vm--container .vm--modal {
            height: 325px !important;
        }

        .courier_image img {
            height: 13px;
        }

        .courier_table table thead th {
            padding: 10px 2px !important;
            font-size: 13px;
        }

        .courier_details {
            padding: 10px;
        }

        .courier_card_content {
            gap: 5px;
        }

        .courier_card strong {
            font-size: 26px;
        }

        .courier_card p {
            font-size: 13px;
            margin-bottom: 7px;
            letter-spacing: 0px;
        }

        .courier_card {
            padding: 3px 3px;
        }

        .sidebar_desktop_device {
            display: none;
        }

        .sidebar_mobile_device {
            display: block;
        }

        .chart_area_bg {
            margin-bottom: 0;
        }

        .chart_area_bg {
            padding-bottom: 0px;
        }

        .pie_chart_content {
            margin-top: -20px;
        }

        .bar_chart_content {
            padding-left: 40px;
            padding-right: 10px;
        }

        .chart_area.content {
            padding-bottom: 20px;
        }

        .chart_area.content {
            margin-top: 30px;
        }

        .standard_form_head {
            margin-bottom: 10px;
        }

        .standard_form_content {
            padding: 10px;
        }

        .theme_color_group {
            padding: 0px 10px 8px 10px;
        }

        .theme_color_item {
            margin-bottom: 5px;
        }

        .theme_color_view {
            margin-top: 2px;
            margin-bottom: 5px;
        }

        .basic_form_head {
            margin-bottom: 20px;
        }

        .basic_form_content {
            padding: 15px;
            margin-top: 10px;
        }

        .basic_form_group {
            display: block;
            margin-bottom: 10px;
        }

        .basic_form_title span {
            width: 100%;
            display: block;
            float: inherit;
            overflow: hidden;
            margin-bottom: 3px;
        }

        .basic_form_group_textarea {
            display: block;
            margin-bottom: 10px;
        }








        .productManageFilter_class {
            display: none;
        }

        .productManageFilter_toggle {
            display: block;
        }

        .productManageCategoryList_class {
            display: none;
        }

        .productManageCategoryList_toggle {
            display: block;
        }

        .productManageSubCategory_class {
            display: none;
        }

        .productManageSubCategory_toggle {
            display: block;
        }

        .productManageSubSubCategory_class {
            display: none;
        }

        .productManageSubSubCategory_toggle {
            display: block;
        }

        .product_manage_btn_group ul li ul {
            max-height: 400px;
            overflow-y: auto;
            width: 270px;
        }

        .product_manage_btn_group ul li ul li ul {
            max-height: 100% !important;
            overflow-y: inherit !important;
            width: 100% !important;
        }

        .product_manage_btn_group ul li ul li ul {
            top: 100%;
            right: 0;
            text-align: left;
            position: inherit !important;
            width: 170px;
            left: 0 !important;
            border: none !important;
        }

        .product_manage_btn_group ul li ul li .product_manage_btn_group_arrow {
            right: 0 !important;
            left: inherit !important;
            margin-top: 3px;
            margin-left: 0 !important;
            transform: rotate(-90deg);
        }







        .header_dashboard {
            padding: 5px 10px;
        }

        .order_manage_header {
            padding: 0px 10px;
            padding-top: 10px;
        }

        .order_manage_body {
            margin: 15px 10px;
        }

        .order_manage_bottom {
            padding: 30px 20px;
        }

        .skin-blue.sidebar-mini.sidebar-open .header_toggle_icon {
            /* transform: rotate(0deg); */
        }

        .skin-blue.sidebar-mini .header_toggle_icon {
            /* transform: rotate(180deg); */
            line-height: 1;
        }




        .sidebar-mini .header_dashboard {
            margin-left: 0px !important;
            border-bottom: 1px solid #dddddd;
        }

        .sidebar-mini.sidebar-open .header_dashboard {
            /* margin-left: 260px !important; */
            /* padding-right: 40px !important; */
        }



        div#app {
            background: #fff !important;
        }

        .col-lg-11,
        .col-md-11,
        .col-lg-10,
        .col-md-10,
        .col-lg-6,
        .col-md-8,
        .col-lg-6,
        .col-md-6 {
            overflow-x: auto;
        }

        .order_statistic a {
            /* width: 45%;
            height: 100px;
            padding: 10px 20px; */
        }

        .order_statistic {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .dashboard_cards_container ul {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .quick_access_card_container {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .order_btn_group ul li,
        .product_manage_btn_group ul li {
            margin-right: 2px;
        }

        .content-header {
            padding-left: 13px;
            padding-right: 13px;
        }

        .box-body {
            padding: 0px 8px !important;
        }

        .order_btn_group button,
        .product_manage_btn_group button {
            padding: 5px 8px;
            font-size: 15px;
        }

        .addon_image.fraud_ img {
            height: 60px;
        }

        .addon_manager {
            margin-top: 10px;
        }

    }


    @media only screen and (max-width:576px) {
        .addon_manager ul li {
            margin-bottom: 10px;
            padding: 10px 10px;
        }

        .addon_image.fraud_ img {
            height: 55px;
        }

        .addon_title h3 {
            font-size: 15px;
        }

        .addon_image.bkash_ img {
            height: 25px;
        }

        .addon_image.nagad_ img {
            height: 25px;
        }

        .addon_title {
            margin-left: 15px;
        }

        .ck.ck-icon {
            width: 15px !important;
            height: 15px !important;
        }

        .ck.ck-toolbar>.ck-toolbar__items>* {
            margin-right: 0px !important;
        }

        .ck.ck-button.ck-button_with-text,
        a.ck.ck-button.ck-button_with-text {
            padding: 0px !important;
            font-size: 12px !important;
        }

        .ck.ck-button,
        a.ck.ck-button {
            min-width: 25px !important;
        }

        .authentication_content {
            padding: 20px 20px 20px;
            width: 100%;
        }



        .chart_month span {
            transform: rotate(-65deg);
            font-size: 10px;
        }

        .custom_chart_month span {
            transform: rotate(-65deg);
            font-size: 10px;
        }

        .custom_chart_month span:nth-child(12) {
            margin-left: -15px;
        }

        .chart_month {
            bottom: -15px;
        }

        .chart_month span:nth-child(1),
        .custom_chart_month span:nth-child(1) {
            margin-left: -15px;
        }

        .chart_month span:nth-child(2),
        .custom_chart_month span:nth-child(2) {
            margin-left: -15px;
        }

        .chart_month span:nth-child(3),
        .custom_chart_month span:nth-child(3) {
            margin-left: -15px;
        }

        .chart_month span:nth-child(4),
        .custom_chart_month span:nth-child(4) {
            margin-left: -15px;
        }

        .chart_month span:nth-child(5),
        .custom_chart_month span:nth-child(5) {
            margin-left: -15px;
        }

        .chart_month span:nth-child(6),
        .custom_chart_month span:nth-child(6) {
            margin-left: -15px;
        }

        .chart_month span:nth-child(7),
        .custom_chart_month span:nth-child(7) {
            margin-left: -15px;
        }

        .chart_month span:nth-child(8),
        .custom_chart_month span:nth-child(8) {
            margin-left: -15px;
        }

        .chart_month span:nth-child(9),
        .custom_chart_month span:nth-child(9) {
            margin-left: -15px;
        }

        .chart_month span:nth-child(10),
        .custom_chart_month span:nth-child(10) {
            margin-left: -15px;
        }

        .chart_month span:nth-child(11),
        .custom_chart_month span:nth-child(11) {
            margin-left: -15px;
        }

        .chart_month span:nth-child(12) {
            margin-left: -15px;
        }






        .order_statistic {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }

        .dashboard_cards_container ul {
            grid-template-columns: repeat(1, minmax(0, 1fr));

        }

        .quick_access_card_container {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        a.btn.btn-sm.btn-success {
            margin-top: 5px;
        }

        .order_manage_show_page {
            display: none;
        }

        .order_manage_search_and_option button {
            padding: 8px 15px;
            font-size: 14px;
        }

        .order_manage_search_and_option input {
            padding: 7px 5px;
            font-size: 14px;
        }

        .order_manage_search_and_option button {
            right: -12px !important;
        }

        .order_manage_top {
            padding: 20px 20px 0px 20px;
        }

        .orders_title h4 {
            font-size: 18px;
        }

        .order_manage_showing_page {
            text-align: center;
        }

        .order_manage_pagination {
            float: inherit;
            align-items: center;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: 10px;
        }
    }
</style>
<?php /**PATH /home/stylzbd/public_html/resources/views/admin/partials/css.blade.php ENDPATH**/ ?>