/*
Template Name: Synadmin Admin
Author: codervent
Email: codervent@gmail.com
File: app.css
*/

/*  
  - Google Font
  - General
  - Sidebar
  - Header
  - Metismenu
  - Extra CSS
  - Invoice Page
  - Chat box
  - Email box
  - Compose Mail
  - Navs and Tabs
  - Background Colors
  - Authentication
  - Buttons 
  - Pricing Table
  - Forms
  - Responsive
*/

/* html{
	cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAx0lEQVR4nN3TsUqCYRQG4MegwbGhIAi3lhpy1iWc6ga8gKCpWe9AaHGu1cUrCBy8D1sdRGhqSbCQvhD+4UccSr+z9MIZ3jM8w4HDf0ofVxHwBO9oRsAJC9xEwAmfaEfACSvcR8AJ3+hEwKmYxyg44QkHEXDCEIcRcMILqhHwCg854Ddc4xInqOxzijlmpd76K7YNnuIc3RI8sif8irOiH+GjhNd3he9wvLF7LsEDGXNRvPUa/kItJz4u4CVuc8IN9HCaE/11fgDKoWg9EHyyXAAAAABJRU5ErkJggg==),auto;
} */

html,
body,
.wrapper {
    height: 100%;
}

.modal_detail_customer .modal-content,
.modal_radius .modal-content,
.modal_radius .modal-body {
    border-radius: 25px !important;
}

.alert {
    position: fixed;
    z-index: 10;
    bottom: 0px;
    right: 15px;
    width: 380px;
    min-height: 80px;
    align-items: center;
    display: flex;
    justify-content: center;
    animation: slideLeft 0.6s linear;
}

.authentication-lock-screen .alert {
    position: relative;
    z-index: 10;
    bottom: 0px;
    right: 0px;
    align-items: center;
    display: flex;
    justify-content: center;
}

.alert div {
    word-break: break-word;
    margin-left: 25px;
}

.alert-success {
    background-color: #4eb779 !important;
    color: white !important;
}

@keyframes slideLeft {
    0% {
        right: -500px; /* Départ à droite de la boîte */
    }
    100% {
        right: 15px; /* Arrivée à gauche de la boîte */
    }
}

/* BP Gestion des stocks */

.kitStock input,
.kitStockRape input {
    max-width: 110px;
}

.kitStock tr td,
.kitStockRape tr td {
    padding: 10px;
}
table.kitStockRape tr:first-child {
    display: none !important;
}
table.kitStockRape tr:nth-child(2) td {
    background-color: white !important;
    color: black !important;
    font-weight: 600;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
table.kitStockRape tr:nth-child(2) {
    width: 47% !important;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

table.kitStockRape tr:nth-child(3) {
    padding: 0 !important;
}
.kitStockRape tr,
.kitStockRape tr td {
    width: 100%;
}

.kitStockRape tbody {
    display: flex !important;
    flex-wrap: wrap !important;
}

.lienStock {
    font-weight: 600;
    font-size: 14px;
}
.lien-actif {
    text-decoration: underline;
}

/* General */

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins-Regular.ttf");
}

body {
    font-size: 14px;
    color: black;
    background-color: #fdf3f5;
    letter-spacing: 0.5px;
    overflow-x: hidden;
    font-family: "Poppins";
}

.breadcrumb-item.active {
    color: black !important;
}

a {
    text-decoration: none;
}

.wrapper {
    width: 100%;
    position: relative;
}

.custom_dropdown {
    border: 1px solid #ced4da;
    padding: 5px;
    border-radius: 0.2rem;
    height: 31px;
    cursor: pointer;
}

.logo-icon {
    width: 120px;
}

.logo-text {
    font-size: 22px;
    margin-left: 5px;
    margin-bottom: 0;
    letter-spacing: 1px;
    color: black;
}

.toggle-icon {
    font-size: 22px;
    cursor: pointer;
    color: black;
}

/* Header */

.topbar {
    position: fixed;
    top: 0;
    left: 0px;
    right: 0;
    height: 60px;
    background: #ffffff;
    border-bottom: 1px solid #ebebeb;
    background-clip: border-box;
    z-index: 10;
}

.topbar .navbar {
    width: 100%;
    height: 60px;
    padding-left: 30px;
    padding-right: 30px;
}

.page-wrapper {
    height: 0px;
    padding-top: 60px;
    padding-bottom: 30px;
    margin-left: 250px;
    transition: 0.4s;
}

.page-content {
    padding: 1.5rem;
}

.page-footer {
    transition: 0.4s !important;
    background: #ffffff;
    left: 0px;
    right: 0;
    bottom: 0;
    position: fixed;
    text-align: center;
    padding: 7px;
    font-size: 14px;
    border-top: 1px solid #ebebeb;
    z-index: 3;
}

.wrapper.toggled .topbar {
    left: 70px;
}

.wrapper.toggled .page-wrapper {
    margin-left: 70px;
}

.toggled .toggle-icon .bx-first-page::before {
    content: "\ea8e" !important;
}

.sidebar-hovered .page-wrapper {
    margin-left: 250px !important;
}

.wrapper.toggled .page-footer {
    left: 70px;
}

@media screen and (min-width: 1025px) {
    .page-wrapper {
        margin-left: 85px;
    }
    .page-footer {
        margin-left: 78px;
    }

    .detail_order_to_wrap {
        margin: auto;
        width: 75%;
        min-width: 320px;
        border-radius: 20px;
        margin-bottom: 25px;
    }

    .detail_order_to_wrap .row-main {
        justify-content: space-between;
    }

    .wrapper.toggled:not(.sidebar-hovered) .logo-icon {
        display: none;
    }

    .wrapper.toggled:not(.sidebar-hovered) .logo-icon-2 {
        display: block !important;
        width: 45px;
    }

    .email-toggle-btn {
        display: none !important;
    }

    .chat-toggle-btn {
        display: none !important;
    }
}

/* Ecommerce Product */
.product-show {
    font-size: 18px;
    left: 15px;
}

.product-discount {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 14px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.color-indigator-item {
    width: 1.2rem;
    height: 1.2rem;
    background-color: rgb(230, 224, 224);
    border-radius: 50%;
    cursor: pointer;
}

.product-grid .card {
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.dataTables_wrapper input,
.dataTables_wrapper select {
    border-radius: 10px;
}

@media (min-width: 950px) and (max-width: 1350px) {
    .label_tracking_responsive {
        display: none;
    }

    .download_label_button i,
    .delete_label i {
        font-size: 1.3em;
    }

    .table_mobile_responsive th {
        font-size: 0.9em !important;
    }
}

@media (max-width: 900px) {
    .dataTables_wrapper .col-md-6 {
        width: 100% !important;
    }
    .dataTables_length {
        flex-direction: column;
    }

    .dataTables_length .select2,
    .dataTables_length .custom_input,
    .dataTables_length button {
        width: 100% !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
        margin-top: 5px !important;
    }

    .dataTables_length form {
        flex-direction: column;
        margin: 0px;
        margin-top: 5px !important;
    }

    .chronopost_shipping_method_preparateur {
        margin-bottom: 10px;
    }

    .colissimo_form,
    .billing_form {
        width: 95% !important;
    }

    .page-content:has(> .detail_order_to_wrap) {
        padding-bottom: 50px !important;
    }
    .shipping_detail {
        flex-direction: column;
    }
    .shipping_detail span,
    .shipping_detail strong {
        display: flex !important;
        justify-content: center !important;
    }

    .shipping_block {
        margin-top: 25px;
    }

    .detail_order_to_wrap .row-main p {
        font-size: 0.8em !important;
    }

    .alert-danger div {
        margin-left: 30px !important;
    }

    .alert-danger,
    .alert-success {
        margin-left: 5px;
        margin-right: 5px;
    }

    .alert-success div {
        margin-left: 30px !important;
    }

    .responsive_footer_modal {
        width: 100%;
    }

    .select_chart {
        margin-top: 25px !important;
    }
    .modal_order_admin {
        position: fixed !important;
        z-index: 9999 !important;
    }

    .modal_order_admin button {
        margin-bottom: 10px !important;
    }

    .detail_product_order {
        padding: 10px !important;
    }

    .responsive-text {
        display: none;
    }

    .responsive-icon {
        display: inherit !important;
        margin: 0px !important;
        font-size: 1.3rem !important;
    }

    button:has(.responsive-icon) {
        padding: 0px !important;
        height: 50px;
        width: 50px;
    }

    .montant_total_order {
        width: 100%;
    }
}

#addProductOrderModal,
#deleteProductOrderModal {
    z-index: 9999 !important;
}

.badge_order_count {
    position: absolute;
    right: 15px;
    top: 18px;
    font-size: 0.8em;
}

.badge {
    border-radius: 10px !important;
}

.back_labels {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
}

.back_labels button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 38px;
    height: 38px;
}

@media (max-width: 990px) {
    .line_details_customer {
        flex-wrap: wrap;
    }
    .modal_kit .modal-dialog {
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        margin: 0px !important;
    }

    .modal_kit .modal-content {
        height: 100%;
        border-radius: 0px !important;
    }

    .back_labels button {
        height: 50px;
    }

    .detail_order_to_wrap .main {
        padding: 0 2rem;
        overflow-y: auto;
        max-height: 48vh;
    }

    .badge_order_count {
        font-size: 1em;
    }

    .modal button,
    .custom_input {
        padding: 12px !important;
    }

    .modal button {
        width: inherit !important;
    }

    .reset_order {
        margin-left: 7px !important;
        margin-right: 7px !important;
    }

    .dataTables_scrollBody {
        position: initial !important;
    }
    .dataTables_scrollBody {
        overflow: none !important;
        max-height: 100% !important;
    }

    .html_login,
    .html_login body,
    .html_login .wrapper {
        height: 100%;
    }
    .section-authentication-signin {
        margin: 0px !important;
    }

    .sub_category_1 .show_sub_category,
    .sub_category_1 .minus {
        margin-left: 10px !important;
    }

    .sub_category_2 .show_sub_category,
    .sub_category_2 .minus {
        margin-left: 15px !important;
    }

    .sub_category_3 .show_sub_category,
    .sub_category_3 .minus {
        margin-left: 20px !important;
    }

    .sub_category_4 .show_sub_category,
    .sub_category_4 .minus {
        margin-left: 25px !important;
    }
}

@media (min-width: 992px) {
    .dashboard_leader tr td:first-child {
        max-width: 200px;
        white-space: normal;
    }

    .dashboard_leader .dataTables_length,
    .analytics_preparation .dataTables_length,
    .analytics_bp_preparation .dataTables_length {
        margin-left: 5px;
    }

    .dashboard_leader #example_filter,
    .analytics_preparation #example_filter,
    .analytics_bp_preparation #example_filter {
        margin-right: 5px;
    }

    .detail_order_to_wrap .main {
        padding: 0 2rem;
        overflow-y: auto;
        max-height: 39vh;
    }
    .generate_label_modal .modal-dialog {
        max-width: 75% !important;
    }

    .sub_category_1 .show_sub_category,
    .sub_category_1 .minus {
        margin-left: 50px !important;
    }

    .sub_category_2 .show_sub_category,
    .sub_category_2 .minus {
        margin-left: 100px !important;
    }

    .sub_category_3 .show_sub_category,
    .sub_category_3 .minus {
        margin-left: 150px !important;
    }

    .sub_category_4 .show_sub_category,
    .sub_category_4 .minus {
        margin-left: 200px !important;
    }

    .product-grid .card:hover {
        margin-top: -0.25rem;

        margin-bottom: 0.25rem;

        -webkit-box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);

        box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
    }
}

.dash-wrapper {
    margin: -1.5rem -1.5rem -5.5rem -1.5rem;

    padding: 1.5rem 1.5rem 6.5rem 1.5rem;
}

/* Extra CSS */

.back-to-top {
    display: none;

    width: 40px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    font-size: 26px;

    color: white;

    position: fixed;

    border-radius: 10px;

    bottom: 20px;

    right: 12px;

    background-color: black;

    z-index: 5;
}

.back-to-top i {
    color: white !important;
}

.back-to-top:hover {
    color: white;

    background-color: #000;

    transition: all 0.5s;
}

.breadcrumb-title {
    font-size: 20px;

    border-right: 1.5px solid #aaa4a4;

    display: flex;
    align-items: center;
}

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

.page-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;

    padding-right: 0.5rem;

    color: #6c757d;

    font-family: "LineIcons";

    content: "\ea5c";
}

.icon-badge {
    width: 45px;

    height: 45px;

    background: #f2f2f2;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;
}

.widgets-icons {
    width: 50px;

    height: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

    background-color: #ededed;

    font-size: 26px;

    border-radius: 10px;
}

#geographic-map {
    width: 100%;

    height: 350px;
}

.product-img {
    width: 45px;

    height: 45px;

    background-color: white;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 10px;

    border: 1px solid #e6e6e6;
}

.product-img img {
    width: 45px;

    height: 45px;

    padding: 1px;
}

.product-list {
    position: relative;

    height: 450px;
}

.dashboard-top-countries {
    position: relative;

    height: 330px;
}

.customers-list {
    position: relative;

    height: 450px;
}

.store-metrics {
    position: relative;

    height: 450px;
}

.best-selling-products {
    position: relative;

    height: 450px;
}

.recent-reviews {
    position: relative;

    height: 450px;
}

.support-list {
    position: relative;

    height: 450px;
}

.product-list .row {
    background-color: #f8f9fa;

    -webkit-transition: all 0.2s;

    -o-transition: all 0.2s;

    transition: all 0.2s;
}

@media (min-width: 992px) {
    .product-list .row:hover {
        background-color: #fff;

        margin-top: -0.25rem;

        margin-bottom: 0.25rem;

        -webkit-box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.2);

        box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.2);
    }
}

.recent-product-img {
    width: 40px;

    height: 40px;

    background-color: #ffffff;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 10px;

    border: 1px solid #e6e6e6;
}

.recent-product-img img {
    width: 40px;

    height: 40px;

    padding: 6px;
}

.theme-icons {
    background-color: #fff;
}

.lead-table .table {
    border-collapse: separate;

    border-spacing: 0 10px;
}

.fm-menu .list-group a {
    font-size: 16px;

    color: #5f5f5f;

    display: flex;

    align-items: center;
}

.fm-menu .list-group a i {
    font-size: 23px;
}

.fm-menu .list-group a:hover {
    background: #8833ff;

    color: #ffffff;

    transition: all 0.2s ease-out;
}

.fm-file-box {
    font-size: 25px;

    background: #e9ecef;

    width: 44px;

    height: 44px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 0.25rem;
}

.fm-icon-box {
    font-size: 32px;

    background: #ffffff;

    width: 52px;

    height: 52px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 0.25rem;
}

.user-plus {
    width: 33px;

    height: 33px;

    margin-left: -14px;

    line-height: 33px;

    background: #ffffff;

    border-radius: 50%;

    text-align: center;

    font-size: 22px;

    cursor: pointer;

    border: 1px dotted #a9b2bb;

    color: #404142;
}

.user-groups img {
    margin-left: -14px;

    border: 1px solid #e4e4e4;

    padding: 2px;

    cursor: pointer;
}

.contacts-social a {
    font-size: 16px;

    width: 36px;

    height: 36px;

    line-height: 36px;

    background: #ffffff;

    border: 1px solid #eeecec;

    text-align: center;

    border-radius: 50%;

    color: #2b2a2a;
}

.customers-contacts a {
    font-size: 16px;

    width: 34px;

    height: 34px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #ffffff;

    border: 1px solid #eeecec;

    text-align: center;

    border-radius: 50%;

    color: #2b2a2a;
}

.order-actions a {
    font-size: 18px;

    width: 34px;

    height: 34px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f1f1f1;

    border: 1px solid #eeecec;

    text-align: center;

    border-radius: 20%;

    color: #2b2a2a;
}

.customers-list .customers-list-item {
    -webkit-transition: all 0.2s;

    -o-transition: all 0.2s;

    transition: all 0.2s;
}

@media (min-width: 992px) {
    .customers-list .customers-list-item:hover {
        background-color: #f8f9fa;

        border-radius: 10px;

        margin-top: -0.25rem;

        margin-bottom: 0.25rem;

        -webkit-box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.2);

        box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.2);
    }
}

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

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

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

.font-18 {
    font-size: 18px;
}

.font-20 {
    font-size: 20px;
}

.font-22 {
    font-size: 22px;
}

.font-24 {
    font-size: 24px;
}

.font-30 {
    font-size: 30px;
}

.font-35 {
    font-size: 35px;
}

.font-50 {
    font-size: 50px;
}

.font-60 {
    font-size: 60px;
}

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

.radius-10 {
    border-radius: 10px;
}

.radius-15 {
    border-radius: 15px;
}

.cursor-pointer {
    cursor: pointer;
}

.border-light-2 {
    border-color: rgb(255 255 255 / 12%) !important;
}

.chip {
    display: inline-block;

    height: 32px;

    padding: 0 12px;

    margin-right: 1rem;

    margin-bottom: 1rem;

    font-size: 14px;

    font-weight: 500;

    line-height: 32px;

    color: rgba(0, 0, 0, 0.7);

    cursor: pointer;

    background-color: #f1f1f1;

    border: 1px solid rgba(0, 0, 0, 0.15);

    border-radius: 16px;

    -webkit-transition: all 0.3s linear;

    transition: all 0.3s linear;

    box-shadow: none;
}

.chip img {
    float: left;

    width: 32px;

    height: 32px;

    margin: 0 8px 0 -12px;

    border-radius: 50%;
}

.chip .closebtn {
    padding-left: 10px;

    font-weight: bold;

    float: right;

    font-size: 16px;

    cursor: pointer;
}

.chip.chip-md {
    height: 42px;

    line-height: 42px;

    border-radius: 21px;
}

.chip.chip-md img {
    height: 42px;

    width: 42px;
}

/*Invoice Page*/

#invoice {
    padding: 0px;
}

.invoice {
    position: relative;

    background-color: #fff;

    min-height: 680px;

    padding: 15px;
}

.invoice header {
    padding: 10px 0;

    margin-bottom: 20px;

    border-bottom: 1px solid #8833ff;
}

.invoice .company-details {
    text-align: right;
}

.invoice .company-details .name {
    margin-top: 0;

    margin-bottom: 0;
}

.invoice .contacts {
    margin-bottom: 20px;
}

.invoice .invoice-to {
    text-align: left;
}

.invoice .invoice-to .to {
    margin-top: 0;

    margin-bottom: 0;
}

.invoice .invoice-details {
    text-align: right;
}

.invoice .invoice-details .invoice-id {
    margin-top: 0;

    color: #8833ff;
}

.invoice main {
    padding-bottom: 50px;
}

.invoice main .thanks {
    margin-top: -100px;

    font-size: 2em;

    margin-bottom: 50px;
}

.invoice main .notices {
    padding-left: 6px;

    border-left: 6px solid #8833ff;

    background: #e7f2ff;

    padding: 10px;
}

.invoice main .notices .notice {
    font-size: 1.2em;
}

.invoice table {
    width: 100%;

    border-collapse: collapse;

    border-spacing: 0;

    margin-bottom: 20px;
}

.invoice table td,
.invoice table th {
    padding: 15px;

    background: #eee;

    border-bottom: 1px solid #fff;
}

.invoice table th {
    white-space: nowrap;

    font-weight: 400;

    font-size: 16px;
}

.invoice table td h3 {
    margin: 0;

    font-weight: 400;

    color: #8833ff;

    font-size: 1.2em;
}

.invoice table .qty,
.invoice table .total,
.invoice table .unit {
    text-align: right;

    font-size: 1.2em;
}

.invoice table .no {
    color: #fff;

    font-size: 1.6em;

    background: #8833ff;
}

.invoice table .unit {
    background: #ddd;
}

.invoice table .total {
    background: #8833ff;

    color: #fff;
}

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

.invoice table tfoot td {
    background: 0 0;

    border-bottom: none;

    white-space: nowrap;

    text-align: right;

    padding: 10px 20px;

    font-size: 1.2em;

    border-top: 1px solid #aaa;
}

.invoice table tfoot tr:first-child td {
    border-top: none;
}

.invoice table tfoot tr:last-child td {
    color: #8833ff;

    font-size: 1.4em;

    border-top: 1px solid #8833ff;
}

.invoice table tfoot tr td:first-child {
    border: none;
}

.invoice footer {
    width: 100%;

    text-align: center;

    color: #777;

    border-top: 1px solid #aaa;

    padding: 8px 0;
}

@media print {
    .invoice {
        font-size: 11px !important;

        overflow: hidden !important;
    }

    .invoice footer {
        position: absolute;

        bottom: 10px;

        page-break-after: always;
    }

    .invoice > div:last-child {
        page-break-before: always;
    }
}

.main-row {
    height: 100vh;
}

.main-col {
    max-width: 500px;

    min-height: 300px;
}

.todo-done {
    text-decoration: line-through;
}

/*Chat box*/

.chat-wrapper {
    width: auto;

    height: 600px;

    border-radius: 0.25rem;

    position: relative;

    background: #ffffff;

    box-shadow: 0 0.1rem 0.7rem rgba(0, 0, 0, 0.1);
}

.chat-sidebar {
    width: 340px;

    height: 100%;

    position: absolute;

    background: #ffffff;

    left: 0;

    top: 0;

    bottom: 0;

    z-index: 2;

    overflow: hidden;

    border-right: 1px solid rgba(0, 0, 0, 0.125);

    border-top-left-radius: 0.25rem;

    border-bottom-left-radius: 0.25rem;
}

.chat-sidebar-header {
    width: auto;

    height: auto;

    position: relative;

    background: #ffffff;

    border-bottom: 1px solid rgba(0, 0, 0, 0.125);

    border-right: 0px solid rgba(0, 0, 0, 0.125);

    border-top-left-radius: 0.25rem;

    padding: 15px;
}

.chat-sidebar-content {
    padding: 0px;
}

.chat-user-online {
    position: relative;
}

.chat-sidebar-header .chat-user-online:before {
    content: "";

    position: absolute;

    bottom: 7px;

    left: 40px;

    width: 8px;

    height: 8px;

    border-radius: 50%;

    box-shadow: 0 0 0 2px #fff;

    background: #16e15e;
}

.chat-list .chat-user-online:before {
    content: "";

    position: absolute;

    bottom: 7px;

    left: 36px;

    width: 8px;

    height: 8px;

    border-radius: 50%;

    box-shadow: 0 0 0 2px #fff;

    background: #16e15e;
}

.chat-content {
    margin-left: 340px;

    padding: 85px 15px 15px 15px;
}

.chat-header {
    position: absolute;

    height: 70px;

    left: 340px;

    right: 0;

    top: 0;

    padding: 15px;

    background: #ffffff;

    border-bottom: 1px solid rgba(0, 0, 0, 0.125);

    border-top-right-radius: 0.25rem;

    z-index: 1;
}

.chat-footer {
    position: absolute;

    height: 70px;

    left: 340px;

    right: 0;

    bottom: 0;

    padding: 15px;

    background: #f8f9fa;

    border-top: 1px solid rgba(0, 0, 0, 0.125);

    border-bottom-right-radius: 0.25rem;
}

.chat-footer-menu a {
    display: inline-block;

    width: 40px;

    height: 40px;

    line-height: 40px;

    font-size: 18px;

    color: #6c757d;

    text-align: center;

    border-radius: 50%;

    margin: 3px;

    background-color: white;

    border: 1px solid rgb(0 0 0 / 15%);
}

.chat-tab-menu li a.nav-link {
    padding: 0.3rem 0.2rem;

    line-height: 1.2;

    color: #4a4b4c;
}

.nav_div_mobile_responsive span {
    font-size: 1.1em !important;
}

.chat-tab-menu .nav-pills .nav-link.active,
.chat-tab-menu .nav-pills .show > .nav-link {
    color: #8833ff;

    background-color: rgb(0 123 255 / 0%);
}

.chat-title {
    font-size: 14px;

    color: #272b2f;
}

.chat-msg {
    font-size: 13px;

    color: #6c757d;
}

.chat-time {
    font-size: 13px;

    color: #6c757d;
}

.chat-list {
    position: relative;

    height: 300px;
}

.chat-list .list-group-item {
    border: 1px solid rgb(0 0 0 / 0%);

    background-color: transparent;
}

.chat-list .list-group-item:hover {
    border: 1px solid rgb(0 0 0 / 0%);

    background-color: rgb(13 110 253 / 0.12);
}

.chat-list .list-group-item.active {
    background-color: rgb(13 110 253 / 0.12);
}

.chart-online {
    color: #16e15e;
}

.chat-top-header-menu a {
    display: inline-block;

    width: 40px;

    height: 40px;

    line-height: 40px;

    font-size: 18px;

    color: #6c757d;

    text-align: center;

    border-radius: 50%;

    margin: 3px;

    background-color: white;

    border: 1px solid rgb(0 0 0 / 15%);
}

.chat-content {
    position: relative;

    width: auto;

    height: 520px;
}

.chat-content-leftside .chat-left-msg {
    width: fit-content;

    background-color: #eff2f5;

    padding: 0.8rem;

    border-radius: 12px;

    max-width: 480px;

    text-align: left;

    border-top-left-radius: 0;
}

.chat-content-rightside .chat-right-msg {
    width: fit-content;

    background-color: #dcedff;

    padding: 0.8rem;

    border-radius: 12px;

    float: right;

    max-width: 480px;

    text-align: left;

    border-bottom-right-radius: 0;
}

.chat-toggle-btn {
    width: 40px;

    height: 40px;

    line-height: 40px;

    margin-right: 15px;

    text-align: center;

    font-size: 24px;

    color: #6c757d;

    border-radius: 50%;

    cursor: pointer;

    background-color: white;

    border: 1px solid rgb(0 0 0 / 15%);
}

/*Email box*/

.email-wrapper {
    width: auto;

    height: 600px;

    overflow: hidden;

    border-radius: 0.25rem;

    position: relative;

    background: #ffffff;

    box-shadow: 0 0.1rem 0.7rem rgba(0, 0, 0, 0.1);
}

.email-sidebar {
    width: 250px;

    height: 100%;

    position: absolute;

    background: #fff;

    left: 0;

    top: 0;

    bottom: 0;

    z-index: 2;

    overflow: hidden;

    border-right: 1px solid rgba(0, 0, 0, 0.125);

    border-top-left-radius: 0.25rem;

    border-bottom-left-radius: 0.25rem;
}

.email-sidebar-header {
    width: auto;

    height: auto;

    position: relative;

    background: #ffffff;

    border-bottom: 1px solid rgba(0, 0, 0, 0.125);

    border-right: 0px solid rgba(0, 0, 0, 0.125);

    border-top-left-radius: 0.25rem;

    padding: 15px;
}

.email-navigation {
    position: relative;

    padding: 0px;

    height: 345px;

    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.email-header {
    position: absolute;

    height: 70px;

    left: 250px;

    right: 0;

    top: 0;

    padding: 15px;

    background: #ffffff;

    border-bottom: 1px solid rgba(0, 0, 0, 0.125);

    border-top-right-radius: 0.25rem;

    z-index: 1;
}

.email-content {
    position: absolute;

    left: 0;

    right: 0;

    width: auto;

    top: 70px;

    height: auto;

    margin-left: 250px;

    padding: 0;

    background: #ffffff;

    border-top-left-radius: 0.25rem;

    border-top-right-radius: 0.25rem;
}

.email-navigation a.list-group-item {
    color: #404142;

    padding: 0.35rem 1.25rem;

    background-color: white;

    border-bottom: 1px solid rgb(0 0 0 / 0%);

    transition: all 0.3s ease-out;
}

.email-navigation a.list-group-item:hover {
    background-color: rgb(136 51 255 / 15%);
}

.email-navigation a.list-group-item.active {
    color: #8833ff;

    font-weight: 600;

    background-color: rgb(136 51 255 / 15%);
}

.email-meeting {
    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;
}

.email-meeting a.list-group-item {
    color: #404142;

    padding: 0.35rem 1.25rem;

    background-color: white;

    border-bottom: 1px solid rgb(0 0 0 / 0%);
}

.email-meeting a.list-group-item:hover {
    background-color: rgb(136 51 255 / 15%);

    transition: all 0.3s ease-out;
}

.email-hangout .chat-user-online:before {
    content: "";

    position: absolute;

    bottom: 8px;

    left: 45px;

    width: 8px;

    height: 8px;

    border-radius: 50%;

    box-shadow: 0 0 0 2px #fff;

    background: #16e15e;
}

.email-toggle-btn {
    width: auto;

    height: auto;

    margin-right: 10px;

    text-align: center;

    font-size: 24px;

    color: #404142;

    border-radius: 0;

    cursor: pointer;

    background-color: white;

    border: 0px solid rgb(0 0 0 / 15%);
}

.email-actions {
    width: 230px;
}

.email-time {
    font-size: 13px;

    color: #6c757d;
}

.email-list div.email-message {
    background: #ffffff;

    border-bottom: 1px solid rgb(0 0 0 / 8%);

    color: #383a3c;
}

.email-list div.email-message:hover {
    transition: all 0.2s ease-out;

    background-color: #eceef1;
}

.email-list {
    position: relative;

    height: 530px;
}

.email-star {
    color: #6c757d;
}

.email-read-box {
    position: relative;

    height: 530px;
}

/*Compose Mail*/

.compose-mail-popup {
    width: 42%;

    position: fixed;

    bottom: -30px;

    right: 30px;

    z-index: 15;

    display: none;
}

.compose-mail-toggled {
    display: block;
}

.compose-mail-title {
    font-size: 16px;
}

.compose-mail-close {
    width: 25px;

    height: 25px;

    line-height: 25px;

    text-align: center;

    font-size: 14px;

    border-radius: 2px;

    background-color: rgb(255 255 255 / 0%);
}

.compose-mail-close:hover {
    background-color: rgb(255 255 255 / 20%);
}

/* Navs and Tabs */

.nav-primary.nav-tabs .nav-link.active {
    color: #000000;

    border-color: #000000 #000000 #fff;
}

.nav-danger.nav-tabs .nav-link.active {
    color: #e62e2e;

    border-color: #e62e2e #e62e2e #fff;
}

.nav-success.nav-tabs .nav-link.active {
    color: #29cc39;

    border-color: #29cc39 #29cc39 #fff;
}

.nav-warning.nav-tabs .nav-link.active {
    color: #ffc107;

    border-color: #ffc107 #ffc107 #fff;
}

.nav-pills-danger.nav-pills .nav-link.active {
    color: #fff;

    background-color: #e62e2e;
}

.nav-pills-success.nav-pills .nav-link.active {
    color: #fff;

    background-color: #29cc39;
}

.nav-pills-warning.nav-pills .nav-link.active {
    color: #000;

    background-color: #ffc107;
}

.nav-search input.form-control {
    background-color: rgb(255 255 255 / 20%);

    border: 1px solid #ebebeb;

    color: #fff;
}

.form-control {
    border: 1px solid #ebebeb !important;
}

.nav-search button[type="submit"] {
    background-color: rgb(255 255 255 / 20%);

    border: 1px solid rgb(255 255 255 / 32%);

    color: #fff;
}

.nav-search input.form-control::placeholder {
    opacity: 0.5 !important;

    color: #fff !important;
}

.nav-search input.form-control::-ms-input-placeholder {
    color: #fff !important;
}

.round-pagination.pagination .page-item:first-child .page-link {
    border-top-left-radius: 30px;

    border-bottom-left-radius: 30px;
}

.round-pagination.pagination .page-item:last-child .page-link {
    border-top-right-radius: 30px;

    border-bottom-right-radius: 30px;
}

/* Background Colors */
.bg-orange {
    background-color: #ff7300 !important;
}
.bg-white-2 {
    background-color: rgb(255 255 255 / 12%) !important;
}

.bg-light-primary {
    background-color: rgb(136 51 255 / 15%) !important;
}

.bg-dark-primary {
    background-color: rgb(0 0 0 / 15%) !important;
}

.bg-dark {
    background-color: #000 !important;
}

.bg-light-success {
    background-color: rgb(41 204 57 / 15%) !important;
}

.bg-light-danger {
    background-color: rgb(230 46 46 / 15%) !important;
}

.bg-light-warning {
    background-color: rgb(255 193 7 / 0.11) !important;
}

.bg-light-info {
    background-color: rgb(13 202 240 / 18%) !important;
}

.bg-gradient-cosmic {
    background: linear-gradient(
        to right,
        rgb(142, 45, 226),
        rgb(74, 0, 224)
    ) !important;
}

.bg-gradient-burning {
    background: linear-gradient(
        to right,
        rgb(255, 65, 108),
        rgb(255, 75, 43)
    ) !important;
}

.bg-gradient-lush {
    background: linear-gradient(
        to right,
        rgb(86, 171, 47),
        rgb(168, 224, 99)
    ) !important;
}

.bg-gradient-Ohhappiness {
    background: linear-gradient(
        to right,
        rgb(0, 176, 155),
        rgb(150, 201, 61)
    ) !important;
}

.bg-gradient-kyoto {
    background: linear-gradient(
        to right,
        rgb(247, 151, 30),
        rgb(255, 210, 0)
    ) !important;
}

.bg-gradient-blues {
    background: linear-gradient(
        to right,
        rgb(86, 204, 242),
        rgb(47, 128, 237)
    ) !important;
}

.bg-gradient-moonlit {
    background: linear-gradient(
        to right,
        rgb(15, 32, 39),
        rgb(32, 58, 67),
        rgb(44, 83, 100)
    ) !important;
}

.split-bg-primary {
    background-color: #7122e0;

    border-color: #7122e0;
}

.split-bg-secondary {
    background-color: #515a62;

    border-color: #515a62;
}

.split-bg-success {
    background-color: #1db52c;

    border-color: #1db52c;
}

.split-bg-info {
    background-color: #0bb2d3;

    border-color: #0bb2d3;
}

.split-bg-warning {
    background-color: #e4ad07;

    border-color: #e4ad07;
}

.split-bg-danger {
    background-color: #e20e22;

    border-color: #e20e22;
}

.bg-facebook {
    background-color: #3b5998 !important;
}

.bg-twitter {
    background-color: #55acee !important;
}

.bg-google {
    background-color: #e52d27 !important;
}

.bg-linkedin {
    background-color: #0976b4 !important;
}

.text-sky-light {
    color: #cba6ff;
}

/* circle chart */

.circles {
    margin-bottom: -10px;
}

.circle {
    width: 100px;
    margin: 0;
    display: inline-block;
    position: relative;
    text-align: center;
    line-height: 1.2;
}

.circle canvas {
    vertical-align: middle;
}

.circle strong {
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 40px;
    font-size: 24px;
}

.circle strong i {
    font-style: normal;
    font-size: 0.6em;
    font-weight: normal;
}

.circle span {
    display: block;
    color: #aaa;
    margin-top: 12px;
}

/* Authentication */

.section-authentication-signin {
    height: 100vh;
}

.authentication-forgot {
    height: 100vh;

    padding: 0 1rem;
}

.authentication-reset-password {
    height: 100vh;

    padding: 0 1rem;
}

.authentication-lock-screen {
    height: 100vh;

    /* padding: 0 1rem; */
}

.error-404 {
    height: 100vh;

    padding: 0 1rem;
}

.error-social a {
    display: inline-block;

    width: 40px;

    height: 40px;

    line-height: 40px;

    font-size: 18px;

    color: #fff;

    text-align: center;

    border-radius: 50%;

    margin: 5px;

    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.authentication-header {
    position: absolute;
    background: white;
    top: 0;
    left: 0;
    right: 0;
    height: 50%;
}

.bg-login {
    background-image: url(../images/login-images/bg-login-img.jpg);

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    background-attachment: fixed;
}

.bg-forgot {
    background-image: url(../images/login-images/bg-forgot-password.jpg);

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    background-attachment: fixed;
}

.authentication {
    display: flex;
    justify-content: center;
}

.login-separater span {
    position: relative;

    top: 26px;

    margin-top: -10px;

    background: #ffffff;

    padding: 5px;

    font-size: 12px;

    color: #cbcbcb;

    z-index: 1;
}

/* Buttons */

.btn i {
    vertical-align: middle;

    font-size: 1.3rem;

    margin-top: -1em;

    margin-bottom: -1em;

    margin-right: 5px;
}

.btn-group-round button:first-child {
    border-top-left-radius: 10px;

    border-bottom-left-radius: 10px;
}

.btn-group-round button:last-child {
    border-top-right-radius: 10px;

    border-bottom-right-radius: 10px;
}

.btn-facebook {
    box-shadow: 0 2px 2px 0 rgba(59, 89, 152, 0.14),
        0 3px 1px -2px rgba(59, 89, 152, 0.2),
        0 1px 5px 0 rgba(59, 89, 152, 0.12);

    background-color: #3b5998;

    border-color: #3b5998;

    color: #fff;
}

.btn-facebook:hover {
    color: #fff;
}

.btn-white {
    background-color: #fff;

    border-color: #e7eaf3;
}

.chart-container1 {
    position: relative;

    height: 340px;
}

.gmaps,
.gmaps-panaroma {
    height: 400px;

    background: #eeeeee;

    border-radius: 3px;
}

/* Pricing Table*/

.pricing-table .card {
    -webkit-transition: all 0.2s;

    -o-transition: all 0.2s;

    transition: all 0.2s;

    -webkit-border-radius: 15px;

    border-radius: 15px;
}

.pricing-table .card .card-header {
    border-top-left-radius: 15px;

    border-top-right-radius: 15px;
}

.resellers-card .card-header {
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
}
/* Enlève le contour bleu au focus pour Select2 */
.resellers-card .select2-container--bootstrap4.select2-container--focus .select2-selection {
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid #ced4da !important;
}

@media (min-width: 992px) {
    .pricing-table .card:hover {
        margin-top: -0.25rem;

        margin-bottom: 0.25rem;

        -webkit-box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);

        box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
    }
}

.pricing-table .card .card-title {
    font-size: 1rem;

    letter-spacing: 0.2rem;

    font-weight: 500;
}

.pricing-table .card .card-price {
    font-size: 2.7rem;
}

.pricing-table .card .card-price .term {
    font-size: 0.875rem;
}

.pricing-table .card ul li.list-group-item {
    border-bottom: 1px solid rgb(0 0 0 / 0%);

    color: #3b3b3b;

    font-size: 16px;
}

/*Forms */

input::placeholder,
textarea::placeholder {
    color: #000 !important;

    opacity: 0.3 !important;
}

.card-group {
    margin-bottom: 1.5rem;
}

.search-bar {
    display: none;
}

.full-search-bar {
    display: flex;

    align-items: center;

    width: auto;

    position: absolute;

    left: 0;

    right: 0;

    z-index: 100;

    background: #ffffff;

    border-bottom: 1px solid rgb(228 228 228 / 0%);

    background-clip: border-box;

    height: 61px;

    padding: 0rem 1.4rem;
}

.search-bar-box {
    width: 100%;
}

.search-close {
    font-size: 24px;

    right: 10px;

    cursor: pointer;
}

.search-control {
    background-color: #fff;

    border: 1px solid #f2efef00;

    padding-left: 2.5rem;
}

.search-control:focus {
    border: 1px solid #ffffff;

    box-shadow: none;
}

.search-show {
    font-size: 18px;

    left: 15px;
}

.topbar .top-menu-left .nav-item .nav-link {
    padding-right: 0.5rem;

    padding-left: 0.5rem;

    color: #252323;

    font-size: 22px;
}

.topbar .navbar .navbar-nav .nav-link {
    padding-right: 0.8rem;

    padding-left: 0.8rem;

    color: #252323;

    font-size: 22px;
}

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

.alert-count {
    position: absolute;

    top: 5px;

    left: 22px;

    width: 18px;

    height: 18px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    font-size: 12px;

    font-weight: 500;

    color: #fff;

    background: #fb594d;
}

.animation_zoom {
    animation: zoom-in-zoom-out 0.7s ease;
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.6, 1.6);
    }
    100% {
        transform: scale(1, 1);
    }
}

.user-img {
    width: 42px;

    height: 42px;

    border-radius: 50%;

    border: 0px solid #e5e5e5;

    padding: 0px;
}

.user-info .user-name {
    font-size: 15px;

    font-weight: 500;

    color: #413c3c;
}

.user-info .designattion {
    font-size: 13px;

    color: #a9a8a8;
}

.user-box {
    display: flex;

    align-items: center;

    height: 60px;

    border-left: 1px solid #f0f0f0;

    margin-left: 1rem;
}

.dropdown-large {
    position: relative;
}

.dropdown-menu li:last-child {
    border-top: 1px solid #d9d9d9;
}
.dropdown-large .dropdown-menu {
    width: 360px;

    border: 0;

    padding: 0rem 0;

    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.topbar .navbar .dropdown-large .dropdown-menu::after {
    content: "";

    width: 13px;

    height: 13px;

    background: #ffffff;

    position: absolute;

    top: -6px;

    right: 16px;

    transform: rotate(45deg);

    border-top: 1px solid #ddd;

    border-left: 1px solid #ddd;
}

.topbar .navbar .dropdown-menu::after {
    content: "";

    width: 13px;

    height: 13px;

    background: #ffff;

    position: absolute;

    top: -6px;

    right: 16px;

    transform: rotate(45deg);

    border-top: 1px solid #ddd;

    border-left: 1px solid #ddd;
}

.dropdown-large .msg-header {
    padding: 0.8rem 1rem;

    border-bottom: 1px solid #ededed;

    background-clip: border-box;

    background: #ffffff;

    text-align: left;

    display: flex;

    align-items: center;

    border-top-left-radius: 0.25rem;

    border-top-right-radius: 0.25rem;
}

.dropdown-large .msg-header .msg-header-title {
    font-size: 15px;

    color: #1c1b1b;

    margin-bottom: 0;

    font-weight: 500;
}

.dropdown-large .msg-header .msg-header-clear {
    font-size: 12px;

    color: #585858;

    margin-bottom: 0;
}

.dropdown-large .msg-footer {
    padding: 0.8rem 1rem;

    color: #1c1b1b;

    border-top: 1px solid #ededed;

    background-clip: border-box;

    background: transparent;

    font-size: 14px;

    font-weight: 500;

    border-bottom-left-radius: 0.25rem;

    border-bottom-right-radius: 0.25rem;
}

.dropdown-large .user-online {
    position: relative;
}

.dropdown-large .msg-name {
    font-size: 14px;

    margin-bottom: 0;
}

.dropdown-large .msg-info {
    font-size: 13px;

    margin-bottom: 0;
}

.dropdown-large .msg-avatar {
    width: 45px;

    height: 45px;

    border-radius: 50%;

    margin-right: 15px;
}

.dropdown-large .msg-time {
    font-size: 12px;

    margin-bottom: 0;

    color: #919191;
}

.dropdown-large .user-online:after {
    content: "";

    position: absolute;

    bottom: 1px;

    right: 17px;

    width: 8px;

    height: 8px;

    border-radius: 50%;

    box-shadow: 0 0 0 2px #fff;

    background: #16e15e;
}

.dropdown-large .dropdown-menu .dropdown-item {
    padding: 0.5rem 1.3rem;

    border-bottom: 1px solid #ededed;
}

.header-message-list {
    position: relative;

    height: 360px;
}

.header-notifications-list {
    position: relative;

    overflow-y: auto;
    height: 360px;
}

.dropdown-large .notify {
    width: 45px;

    height: 45px;

    line-height: 45px;

    font-size: 22px;

    text-align: center;

    border-radius: 50%;

    background-color: #f1f1f1;

    margin-right: 15px;
}

.app-box {
    width: 45px;

    height: 45px;

    display: flex;

    align-items: center;

    font-size: 26px;

    justify-content: center;

    cursor: pointer;

    border-radius: 10px;

    background-color: #f6f6f6;
}

.app-title {
    font-size: 14px;
}

.user-box .dropdown-menu i {
    vertical-align: middle;

    margin-right: 10px;
}

.dropdown-menu {
    -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);

    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);

    border: 0px solid #e9ecef;

    font-size: 14px;
}

.topbar .navbar .dropdown-menu {
    -webkit-animation: 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards
        1 animdropdown;

    animation: 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1
        animdropdown;
}

@-webkit-keyframes animdropdown {
    from {
        -webkit-transform: translate3d(0, 6px, 0);

        transform: translate3d(0, 6px, 0);

        opacity: 0;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        opacity: 1;
    }
}

@keyframes animdropdown {
    from {
        -webkit-transform: translate3d(0, 6px, 0);

        transform: translate3d(0, 6px, 0);

        opacity: 0;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        opacity: 1;
    }
}

.mobile-search-icon {
    display: block;
}

.mobile-toggle-menu {
    display: none;

    font-size: 26px;

    color: #404142;

    cursor: pointer;
}

/*Switcher*/

.switcher-wrapper {
    width: 280px;

    height: 100%;

    position: fixed;

    right: -280px;

    top: 0;

    bottom: 0;

    z-index: 16;

    background: #fff;

    border-left: 0px solid #d2d2d2;

    box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.13);

    transition: all 0.2s ease-out;
}

.switcher-btn {
    width: 40px;

    height: 40px;

    line-height: 40px;

    font-size: 24px;

    background: #000000;

    box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.13);

    color: #fff;

    text-align: center;

    border-top-left-radius: 10px;

    border-bottom-left-radius: 10px;

    position: absolute;

    top: 40%;

    right: 100%;

    cursor: pointer;
}

.switcher-wrapper.switcher-toggled {
    right: 0px;
}

.switcher-body {
    padding: 1.25rem;
}

.switcher-body .form-check .form-check-input,
.switcher-body .form-check .form-check-label {
    cursor: pointer;
}

.header-colors-indigators .indigator {
    width: 45px;

    height: 45px;

    background: #f4f2f2;

    border-radius: 10px;

    cursor: pointer;
}

.print_pdf_file,
.print_zpl_file,
.download_label_button {
    font-size: 1.1em;
}
.download_label_button,
.download_bordereau_button {
    border: none;
    background-color: transparent;
    transition: 0.3s;
    color: #000 !important;
}

.download_label_button i,
.download_bordereau_button i {
    margin-right: 8px;
}

.delete_bordereau i {
    color: red !important;
}

.delete_label {
    color: red !important;
}

/* Responsive */

@media screen and (max-width: 1280px) {
    .col-md-6:has(.dataTables_length) {
        width: 70%;
    }

    .col-md-6:has(.dataTables_filter) {
        width: 30%;
    }

    .modal_kit .col-md-6:has(.dataTables_filter) {
        width: 50%;
    }

    .select2_custom .select2-selection {
        display: flex;
        align-items: center;
    }

    .list_role_user {
        margin-top: 10px;
    }

    .email-header {
        height: auto;
    }

    .email-content {
        padding: 100px 0px 0px 0px;
    }
}

@media screen and (min-width: 1025px) {
    .show_hide_nav {
        display: block;
        cursor: pointer;
        border: 1px solid #ebebeb;
        border-radius: 50%;
        padding: 5px;
        height: 30px;
        width: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: white;
    }
    .mobile_icon_menu {
        display: none;
    }
}

@media screen and (max-width: 1024px) {
    .mobile_icon_menu {
        display: block;
        position: absolute;
        background-color: white;
        /* left: 78px !important; */
    }

    .close .mobile_icon_menu {
        left: 0px !important;
    }

    .show_hide_nav {
        display: none;
    }

    .detail_order_to_wrap {
        margin: auto;
        width: 90%;
        min-width: 320px;
        max-width: 750px;
        border-radius: 20px;
    }

    .detail_order_to_wrap .row-main {
        justify-content: space-between;
    }

    .topbar {
        left: 0px !important;
    }

    .mobile-search-icon {
        display: block;
    }

    .mobile-toggle-menu {
        display: block;
    }

    .page-wrapper {
        margin-left: 0px;
    }

    .page-footer {
        left: 0px;
    }

    .wrapper.toggled .page-wrapper {
        margin-left: 0px;
    }

    .wrapper.toggled .overlay {
        position: fixed;

        top: 0;

        right: 0;

        bottom: 0;

        left: 0;

        background: #000;

        opacity: 0.6;

        z-index: 10;

        display: block;

        cursor: move;

        transition: all 0.2s ease-out;
    }

    .error-404 {
        height: auto;

        padding: 6rem 1rem;
    }

    .chat-header {
        border-top-left-radius: 0.25rem;
    }

    .chat-footer {
        border-bottom-left-radius: 0.25rem;
    }

    .chat-sidebar {
        left: -370px;
    }

    .chat-content {
        margin-left: 0px;
    }

    .chat-header {
        left: 0px;
    }

    .chat-footer {
        left: 0px;
    }

    /* chat toggled css */

    .chat-toggled .chat-sidebar {
        left: 0px;
    }

    .chat-toggled .overlay {
        position: absolute;

        top: 0;

        right: 0;

        bottom: 0;

        left: 340px;

        background: #000;

        opacity: 0.5;

        z-index: 11;

        display: block;

        cursor: move;

        transition: all 0.3s ease-out;
    }

    .email-header {
        border-top-left-radius: 0.25rem;
    }

    .email-sidebar {
        left: -280px;
    }

    .email-content {
        margin-left: 0px;
    }

    .email-header {
        left: 0px;
    }

    /* email toggled */

    .email-toggled .email-sidebar {
        left: 0px;
    }

    .email-toggled .overlay {
        position: absolute;

        top: 0;

        right: 0;

        bottom: 0;

        left: 250px;

        background: #000;

        opacity: 0.5;

        z-index: 9;

        display: block;

        cursor: move;

        transition: all 0.3s ease-out;
    }
}

@media screen and (max-width: 991px) {
    .generate_label_modal .modal-dialog {
        max-width: 100% !important;
    }

    .arrow_cn23 {
        position: absolute;
        top: 75px !important;
        color: red;
    }

    .container_multy_step {
        height: 325px !important;
    }

    .modal_kit .container_multy_step {
        height: 100% !important;
        padding-bottom: 75px;
    }

    .return_order_form_multy_step {
        height: 100% !important;
    }

    #next2 {
        margin-top: 15px;
    }

    .section-authentication-signin {
        height: 100%;

        margin-top: 6rem;

        margin-bottom: 2rem;
    }

    .authentication-reset-password {
        height: auto;

        padding: 2rem 1rem;
    }

    .authentication-lock-screen {
        height: auto;

        /* padding: 2.0rem 1rem; */
    }

    .compose-mail-popup {
        width: auto;

        position: fixed;

        bottom: -30px;

        right: 0;

        left: 0;
    }
}

@media screen and (max-width: 800px) {
    .nav_mobile_responsive {
        justify-content: center;
    }

    .nav_mobile_responsive li {
        width: 100%;
    }

    .nav_div_mobile_responsive {
        width: 100%;
        justify-content: space-between;
    }

    .nav-link.active {
        border-color: #000000 #000000 #0000001f !important;
    }

    .nav-tabs {
        border-bottom: none !important;
    }
}

/* @media screen and (min-width: 768px) and (max-width: 1280px){
	.select2_custom  .select2-container--default .select2-selection--single .select2-selection__arrow{
		top: 12px !important;
	}
} */

@media screen and (max-width: 767px) {
    .button_order_action {
        flex-wrap: wrap;
    }

    .total_order_details .btn {
        margin: 2vh 0;
    }

    .user-box .user-info {
        display: none;
    }

    .dataTables_length label,
    .dataTables_length label select,
    #example_filter label,
    #example_filter label input {
        width: 100% !important;
    }

    .col-sm-12:has(.dataTables_length),
    .col-sm-12:has(#example_filter) {
        padding: 0px !important;
    }

    #example_filter input {
        margin-left: 0px !important;
    }

    .authentication-forgot {
        height: auto;

        padding: 2.5rem 1rem;
    }
}

.input_product_return_order {
    width: 70px !important;
}

@media screen and (max-width: 520px) {
    .wrapper_kit .box {
        width: 100% !important;
    }

    .wrapper_kit {
        padding: 25px;
        margin-top: 0px !important;
    }

    .close .div_icon.mm-active {
        border: none !important;
    }

    #orderno {
        font-size: 12px !important;
    }
    .button_validate_modal_label div:last-child {
        margin-left: 35px !important;
    }

    .chat-footer-menu,
    .chat-top-header-menu {
        display: none;
    }

    .generate_label_modal .head_1,
    .generate_label_modal .head_2,
    .generate_label_modal .head_3,
    .generate_label_modal .head_4 {
        font-size: 12px !important;
    }

    .generate_label_modal .body_line_items_label {
        max-height: 64vh !important;
    }
}
.owl-thumbs .owl-thumb-item {
    width: 80px;
    height: 80px;
    margin: 0 4px;
    padding: 2px;
    background-color: transparent;
    border: 1px solid rgb(0 0 0 / 12%);
    border-radius: 0%;
}
.owl-thumbs .owl-thumb-item:focus {
    border-radius: 0%;
}
.owl-thumbs .owl-thumb-item img {
    width: 100%;
}

.tags-box .tag-link {
    padding: 0.3rem;
    background-color: #f8f9fa;
    border: 1px solid #d2d2d2;
    color: #41464b;
    font-size: 13px;
    margin: 4px;
    display: inline-block;
}

/* .detail_name_item_order{
	color: #2271b1;
	font-size: 13px;
}

.detail_quantity_item_order{
	font-size: 13px;
}

.detail_description_item_order{
	color: #888;
	font-size: 0.7em;;
} */

@media (min-width: 576px) {
    .modal_order .modal-dialog,
    .modal_success .modal-dialog {
        max-width: 1000px !important;
    }
}

.detail_product_order .detail_product_name_order {
    width: 350px;
    word-break: break-word;
    white-space: break-spaces;
    align-items: flex-start !important;
}

.detail_product_name_order_to_return {
    width: 350px;
}

.detail_product_name_order_to_return span:first-child input {
    cursor: pointer;
}

.detail_product_name_order span {
    text-align: left;
}

.head_detail_product_order span {
    font-size: 22px;
    font-weight: bold;
}

.head_detail_product_order span:first-child {
    width: 350px;
}

.detail_product_order_line span {
    font-size: 22px;
}

.detail_product_order_line {
    border-bottom: 1px solid #d4d7df;
    padding: 15px 5px 15px 5px !important;
}

.body_detail_product_order,
.modal_body_success {
    overflow-y: auto;
    height: 100%;
}

.body_detail_product_order .detail_product_order_line:first-child {
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important;
}

.body_detail_product_order .detail_product_order_line:last-child {
    border-bottom-left-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
}

.modal_order .modal-content,
.modal_success .modal-content {
    border-radius: 0px !important;
}

.modal-content {
    border: none !important;
}
.detail_product_order_head {
    height: 100%;
}

.detail_product_order {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow-y: auto;
}

::-webkit-scrollbar-track {
    background-color: #f5f5f5 !important;
}

::-webkit-scrollbar {
    width: 10px;
    background-color: #f5f5f5 !important;
}

::-webkit-scrollbar-thumb {
    background-color: #000000 !important;
}

.montant_total_order {
    font-size: 1.2em;
}

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

.list_amount strong,
.detail_amount strong {
    margin-left: 25px !important;
}

.table_mobile_responsive caption {
    font-size: 1.5em;
    margin: 0.5em 0 0.75em;
}

.table_mobile_responsive tr {
    background-color: white;
    padding: 0.35em;
}

.table_mobile_responsive th,
.table_mobile_responsive td {
    padding: 0.625em;
    text-align: center;
}

.table_mobile_responsive th {
    font-size: 0.85em;
    letter-spacing: 0.1em;
}

.dataTables_scrollBody th:has(.dataTables_sizing) {
    background-color: white !important;
}

@media screen and (min-width: 951px) {
    /* CSS DATATABLE */
    .dataTables_paginate {
        margin-bottom: 15px !important;
        margin-right: 15px !important;
    }

    .page-breadcrumb {
        align-items: baseline !important;
    }

    table tr:first-child .card_with_label:after {
        top: -30px !important;
    }

    .analytics_preparation .table tr td:last-child {
        width: 5%;
    }

    .analytics_preparation .table tr td:nth-child(2) {
        width: 23%;
    }

    .analytics_preparation .table tr td:nth-child(3) {
        width: 24%;
    }

    .analytics_preparation .table tr td:first-child {
        width: 12%;
    }

    /* BP ANALYTICS */
    .analytics_bp_preparation .table tr td:last-child {
        width: 5%;
    }

    .analytics_bp_preparation .table tr td:nth-child(2) {
        width: 29%;
    }

    .analytics_bp_preparation .table tr td:nth-child(3) {
        width: 27%;
    }

    .analytics_bp_preparation .table tr td:first-child {
        width: 23%;
    }

    .table td {
        border: none !important;
    }
    #example td {
        border-bottom: 1px solid #ebebeb !important;
        color: #5a5d62 !important;
    }

    #example td button {
        color: #5a5d62;
    }

    .table tr {
        height: 50px;
        vertical-align: middle;
        border: none !important;
    }

    thead th:before,
    thead th:after {
        bottom: 1.3rem !important;
    }

    thead th {
        height: 25px;
        background-color: rgba(0, 0, 0, 0.8) !important;
        color: white;
        border-top: 1px solid #ebebeb !important;
        border-bottom: 2px solid #ebebeb !important;
        border-left: none;
        border-right: none;
        vertical-align: middle;
        font-size: 0.9rem !important;
        line-height: 1.2 !important;
        font-weight: unset !important;
    }

    thead th:first-child {
        /* border-top-left-radius: 10px !important; */
    }

    thead th:last-child {
        /* border-top-right-radius: 10px !important; */
    }

    .table {
        border-radius: 10px;
    }

    /* .table tr:last-child td:first-child{
		border-bottom-left-radius: 10px !important;
	}

	.table tr:last-child td:last-child{
		border-bottom-right-radius: 10px !important;
	} */

    .table tbody tr {
        transition: 0.3s !important;
    }

    .table tbody tr:hover {
        cursor: pointer;
        --bs-table-accent-bg: #f5f5f5 !important;
    }

    .dataTables_scrollBody thead {
        display: none !important;
    }

    .dashboard_leader .dataTables_scrollBody .table,
    .analytics_preparation .dataTables_scrollBody .table {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-top: 0px;
    }

    .dataTables_scrollHead {
        position: inherit !important;
    }

    /* CSS DATATABLE */

    .table_mobile_responsive {
        /* border: 1px solid #dee2e6 !important; */
    }

    .dashboard_leader .dataTables_paginate {
        position: absolute;
        bottom: 0px;
        right: 10px;
    }

    /* .table_mobile_responsive tr:last-child td:last-child {
		border-bottom-right-radius: 8px !important;
	}

	.table_mobile_responsive tr:last-child td:first-child {
		border-bottom-left-radius: 8px !important;
	}

	.table_mobile_responsive th:first-child{
		border-top-left-radius: 8px !important;
	}

	.table_mobile_responsive th:last-child{
		border-top-right-radius: 8px !important;
	} */

    .table_mobile_responsive td,
    .table_mobile_responsive th {
        text-align: left !important;
    }

    .table_mobile_responsive .bg_black th {
        border-radius: 0px !important;
    }

    td {
        font-size: 14px !important;
    }
}

.generate_label_button {
    font-weight: bold;
}

@media screen and (max-width: 950px) {
    .responsive_column {
        padding-left: 25px;
    }

    .card {
        /* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important; */
        box-shadow: none !important;
        border: 0px !important;
    }

    .card {
        box-shadow: none !important;
    }
    .caisse_page_details {
        margin-left: 15px;
    }
    .card_with_label::after {
        top: -54px !important;
        left: -17px !important;
    }

    .card_with_label::before {
        display: none !important;
    }

    .mobile_padding {
        padding: 1rem !important;
    }
    .hide_mobile {
        display: none !important;
    }

    .loading_table {
        padding: 15px !important;
    }
    .loading_table td.td-3 {
        width: 100% !important;
        padding: 0px !important;
    }

    .loading_table td.td-3:nth-child(2n + 1) span {
        height: 25px !important;
    }

    .table-responsive {
        white-space: inherit;
    }

    .generate_label_button {
        border-radius: 5px !important;
        padding: 8px 11px 8px 8px !important;
        border: 1px solid #000 !important;
    }

    .col-md-7:has(.dataTables_paginate) {
        width: 100% !important;
        padding: 0px !important;
    }

    .histo_order {
        justify-content: end !important;
    }

    .ms-auto-responsive {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-bottom: 15px;
        margin-top: 15px;
    }

    .breadcrumb-title {
        border-right: 0px !important;
        padding-right: 0px !important;
    }

    .page-breadcrumb .ps-3 {
        padding-left: 0px !important;
    }

    .team_board {
        padding: 0px 22px 0px 22px !important;
    }

    .multiple_title .breadcrumb-title {
        border-right: 1.5px solid #aaa4a4 !important;
        padding-right: 1rem !important;
    }

    .multiple_title {
        margin-top: 15px;
    }

    .income {
        margin-top: 15px;
        width: auto !important;
    }

    .multiple_title .ps-3 {
        padding-left: 1rem !important;
    }

    #example_filter {
        margin-top: 5px;
    }

    .dashboard_leader {
        --bs-gutter-x: 0px !important;
        --bs-gutter-y: 0px !important;
    }

    .page-breadcrumb {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center !important;
    }

    .allocation_of_orders {
        display: flex;
        align-items: center;
        padding: 23px !important;
        font-size: 20px;
        margin-top: 15px;
        margin-bottom: 15px;
        border-radius: 10px;
    }

    .team_board,
    .team_board h6,
    .team_board p,
    .user-info p {
        font-size: 16px !important;
    }

    .table_mobile_responsive td {
        font-size: 18px !important;
    }

    .dataTables_paginate {
        display: flex !important;
        justify-content: center !important;
    }

    .card_table_mobile_responsive h1,
    .breadcrumb-title {
        text-align: center;
        display: flex;
        align-items: center;
    }

    .number_order_pending {
        text-align: center;
    }

    .number_order_pending,
    .number_order_pending span {
        font-size: 1.3rem !important;
    }

    .card_table_mobile_responsive {
        box-shadow: none !important;
        background-color: transparent;
    }

    .table_mobile_responsive {
        border: 0px !important;
    }

    .table_mobile_responsive .bg_black,
    .table_mobile_responsive .bg_black th {
        border: none !important;
        border-radius: 0px !important;
    }

    .table_mobile_responsive tr {
        display: flex !important;
        flex-direction: column !important;
        border-left: 6px solid #000 !important;
        border-radius: 10px !important;
        padding: 0px !important;
    }

    .table_mobile_responsive tr td:first-child {
        border-top-right-radius: 10px !important;
    }

    .table_mobile_responsive tr td:last-child {
        border-bottom-right-radius: 10px !important;
    }

    #example_wrapper .row {
        --bs-gutter-x: 0px !important;
    }

    .table_mobile_responsive td .order-actions {
        justify-content: end;
        align-items: center;
    }

    .table_mobile_responsive caption {
        font-size: 1.3em;
    }

    .table_mobile_responsive thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .table > :not(caption) > * > * {
        box-shadow: none !important;
    }

    .table_mobile_responsive tr {
        background-color: white !important;
        /* box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%), 0 2px 6px 0 rgb(206 206 238 / 54%); */
        border: 1px solid #ebebeb;
        display: block;
        margin-bottom: 0.625em;
        border-radius: 10px;
        margin-bottom: 25px;
    }

    .table_mobile_responsive td {
        background-color: white !important;
        border: none !important;
        display: block;
        font-size: 0.8em;
        text-align: right;
        min-height: 20.8px;
    }

    .table_mobile_responsive td::before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
    }

    .table_mobile_responsive td:last-child {
        border-bottom: 0;
    }

    .table_mobile_responsive td {
        text-align: right;
    }

    .table_mobile_responsive {
        border: 0px !important;
    }

    .table_mobile_responsive .bg_black,
    .table_mobile_responsive .bg_black th {
        border: none !important;
        border-radius: 0px !important;
    }
}

.page-item.active .page-link {
    background-color: black;
    border: 1px solid black;
    color: white !important;
}

.page-link {
    color: black;
}

.page-link:focus,
select:focus,
input:focus,
button:focus {
    box-shadow: none !important;
}

.number_order_pending {
    margin-left: 15px;
    font-size: 18px;
    color: #15ca20;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.btn-primary {
    background-color: #000 !important;
    border-color: #000 !important;
}

a {
    color: #000000 !important;
}

.form-check-input:checked {
    background-color: #000000;
    border-color: #000000;
}

.error_login div {
    width: 350px;
}

.error_login {
    position: absolute;
    top: 15%;
    width: inherit;
    justify-content: center;
}

.body_detail_product_order .column44 {
    min-width: 65px;
}

@media screen and (max-width: 650px) {
    .row {
        --bs-gutter-x: 0px !important;
    }

    .column4,
    .column44 {
        text-align: end !important;
    }

    .line_items_label input[type="number"] {
        width: 30px !important;
    }

    .responsive_montant_modal {
        text-align: end;
    }

    .courses-container {
        padding-right: 8px;
        padding-left: 8px;
    }

    .page-preparateur-order .montant_total_order {
        flex-direction: column;
    }
    .course .btn1 {
        bottom: 10px !important;
        right: 10px !important;
        padding: 6px 12px !important;
        /* box-shadow: none !important; */
        height: 45px !important;
        margin-top: 5px;
    }

    .course .btn2 {
        bottom: 10px !important;
        right: 65px !important;
        padding: 6px 12px !important;
        /* box-shadow: none !important; */
        height: 45px !important;
        margin-top: 5px;
    }

    .course {
        min-height: 150px !important;
    }

    .footer_detail_order {
        flex-wrap: wrap;
        justify-content: center !important;
        width: 100%;
    }

    .montant_total_order,
    .list_amount {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .list_amount button {
        width: 100% !important;
    }

    #quantity_product {
        margin-top: 10px;
        width: 350px !important;
    }
}

@media screen and (max-width: 550px) {
    .col-sm-12:has(.table_mobile_responsive) {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .modal_dashboard .head_detail_product_order {
        width: 92% !important;
    }

    .dataTables_wrapper .row:last-child {
        padding-bottom: 50px !important;
    }

    .page-content {
        padding: 0px !important;
    }

    .course .btn {
        bottom: 10px !important;
        right: 10px !important;
        padding: 6px 12px !important;
        /* box-shadow: none !important; */
    }

    .course-info {
        padding: 15px 0px 10px 15px !important;
    }

    .column1,
    .column11 {
        width: 40% !important;
    }

    .column2,
    .column22,
    .column4,
    .column44 {
        width: 20%;
    }

    .column3,
    .column33 {
        width: 15%;
        min-width: 85px;
    }
}

.course {
    background-color: #fff;
    border-radius: 10px;
    /* box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%), 0 2px 6px 0 rgb(206 206 238 / 54%); */
    border: 1px solid rgb(218 218 253 / 65%);
    display: flex;
    max-width: 100%;
    /* margin: 20px; */
    overflow: hidden;
}

.course h6 {
    opacity: 0.6;
    margin: 0;
    letter-spacing: 1px;
}

.course h2 {
    letter-spacing: 1px;
    margin: 10px 0;
    font-size: 1.5rem !important;
}

.course-preview {
    background-color: #000;
    color: #fff !important;
    padding: 30px;
    max-width: 250px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.course-preview a {
    color: #fff !important;
    display: inline-block;
    font-size: 12px;
    opacity: 0.6;
    margin-top: 30px;
    text-decoration: none;
}

.course-preview h6,
.course-preview h2 {
    color: white;
}

.course-info {
    padding: 30px;
    position: relative;
    width: 100%;
    flex-wrap: wrap;
}

.course .btn {
    background-color: #000;
    border: 0;
    border-radius: 50px;
    /* box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2); */
    color: #fff;
    font-size: 16px;
    padding: 12px 25px;
    height: 50px;
    bottom: 30px;
    right: 30px;
    letter-spacing: 1px;
}

.course .btn1 {
    background-color: black;
    border: 0;
    border-radius: 50px;
    color: #fff;
    font-size: 16px;
    padding: 8px 15px;
    height: 50px;
    bottom: 30px;
    right: 30px;
    letter-spacing: 1px;
}

.course .btn2 {
    background-color: black;
    border: 0;
    border-radius: 50px;
    color: #fff;
    font-size: 16px;
    padding: 8px 15px;
    height: 50px;
    bottom: 30px;
    right: 100px;
    letter-spacing: 1px;
}

.order_history {
    background-color: #ffc107;
    width: 170px;
    text-align: center;
}

.show_order_history,
.show_order_history_code {
    background-color: #ffc107 !important;
}

@media (min-width: 576px) {
    .modal_order .modal-dialog,
    .modal_success .modal-dialog {
        max-width: 100% !important;
        margin: 0px !important;
    }
}

.modal_order .modal-dialog,
.modal_success .modal-dialog {
    max-width: 100% !important;
    margin: 0px !important;
}

.modal_order .modal-dialog,
.modal_order .modal-content,
.modal_success .modal-dialog,
.modal_success .modal-content {
    height: 100% !important;
}

.pick {
    background-color: #3edd76;
    color: white !important;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: black !important;
    color: white !important;
}

.modal_reset_order {
    background-color: rgba(0, 0, 0, 0.5);
}

#qr {
    position: relative;
}

#qr::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 36%;
    height: 36%;
    border-radius: 50%;
}

@media print {
    .no-print,
    .no-print * {
        display: none !important;
    }

    body * {
        visibility: hidden;
    }

    body:has(.printableDiv) * {
        visibility: visible;
        max-height: 100%;
        overflow: hidden;
    }

    body:has(.example6) * {
        visibility: visible;
        max-height: 100%;
        overflow: hidden;
    }

    body:has(.modal_to_print) * {
        visibility: visible;
        max-height: 100%;
        overflow: hidden;
    }

    .modal_success .modal-content * {
        visibility: visible;
        overflow: visible;
    }

    .modal_success {
        position: absolute;
        left: 0;
        top: 0;
        margin: 0;
        padding: 0;
        height: auto !important;
        visibility: visible;
        overflow: visible !important; /* Remove scrollbar for printing. */
    }
    .modal_success,
    .modal_success.modal-dialog {
        visibility: visible !important;
        overflow: visible !important; /* Remove scrollbar for printing. */
    }
}

.name_column {
    text-align: left;
}

.bg-border-warning {
    border: 1px solid #ffc107 !important;
    border-radius: 5px !important;
}

.dashboard_leader {
    height: 82vh !important;
}

.dashboard_leader .show_detail,
.admin_orders_list .show_detail,
.dashboard_leader .show_detail_customer,
.admin_orders_list .show_detail_customer {
    font-size: 25px !important;
    cursor: pointer;
    color: #000;
}

.show_detail_disabled i {
    color: #c6c6c6 !important;
}

.show_tracking_status {
    font-size: 20px !important;
    cursor: pointer;
    color: #000;
}

.dashboard_label .show_detail_customer {
    font-size: 20px !important;
    cursor: pointer;
    color: #000;
}

.show_detail_button {
    border: none;
    background: transparent;
}

.show_detail_button i {
    color: #000;
}

.detail_products {
    border: none !important;
    background: transparent !important;
}

.show_detail_button[disabled],
.show_detail_button:disabled,
.detail_products:disabled {
    border: none !important;
    background: transparent !important;
}

.show_detail_button[disabled] i,
.show_detail_button:disabled i {
    color: #cdc9c9 !important;
}

.loading_show_detail_order {
    position: absolute;
    top: 50%;
}
.loading_show_detail_order .spinner-grow {
    width: 4rem;
    height: 4rem;
}

.dataTables_info {
    display: none !important;
}

.select_user {
    border-color: #aaa;
    border-radius: 10px;
    padding: 5px;
    cursor: pointer;
}

.select_user:focus {
    outline: none !important;
    box-shadow: none !important;
}

.empty_select {
    border: 1px solid #f8dda7;
    color: #94660c;
    background-color: #f8dda7;
}

.waiting {
    color: #ffc107;
}

.no_empty_select {
    border: 1px solid #c6e1c6;
    color: #5b841b;
    background-color: #c6e1c6;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    --bs-table-accent-bg: white;
}

.table-striped > tbody > tr:nth-of-type(even) {
    /* --bs-table-accent-bg: #F5F5F5; */
}

.sub_category_1 span,
.sub_category_2 span,
.sub_category_3 span,
.sub_category_4 span {
    font-size: 15px !important;
}

.sub_category {
    display: none;
    margin-top: 5px;
    margin-bottom: 5px;
}

.show_sub_category {
    font-size: 18px;
    width: 27px;
    cursor: pointer;
    background-color: #000000;
    border-radius: 50%;
    color: white;
}

.show_sub_category:before {
    display: flex;
    align-items: center;
    justify-content: center;
}

.category {
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
}

.category select {
    border-color: #aaa;
    border-radius: 4px;
    padding: 5px;
    cursor: pointer;
    width: 100px !important;
}

.sub_category_0 {
    font-weight: bold;
    margin-bottom: 5px;
    border-bottom: 1px solid #dee2e6 !important;
}

.sub_category {
    animation: fadeIn 0.5s;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.table_classique {
    border: 1px solid #dee2e6;
}

.table_classique tr:not(:last-child) td {
    border-bottom: 1px solid #dee2e6 !important;
}

.table_classique th {
    border-bottom: 1px solid #dee2e6 !important;
}

.text-primary {
    color: #000 !important;
}

.select2-dropdown {
    z-index: 1600 !important;
}

.action_table i {
    cursor: pointer !important;
}

.list_role_user span:last-child {
    margin-left: 5px !important;
}

.role_user_badge {
    font-size: 0.7rem;
}

.coupons_discount {
    font-size: 16px;
}

.prepared_count {
    color: #f8c328;
}

.finished_count {
    color: #45cb3f;
}

.select_chart input {
    background-color: #fff;
    border: 1px solid #e7eaf3;
    border-radius: 10px;
    padding: 8px;
}

select:focus,
input:focus {
    box-shadow: none !important;
    outline: 0px !important;
}

.bg-default {
    color: white !important;
    background-color: black;
}

.bg-draft,
.bg-prepared-order,
.order_waiting .course-preview,
.order_waiting .show_order {
    background-color: #ffc107;
}

.bg-light-order-new-distrib {
    color: #0dcaf0 !important;
    background-color: rgb(13 202 240 / 18%) !important;
}

.order-new-distrib {
    border: 1px solid #d7f0ac;
    color: rgba(0, 0, 0, 0.7) !important;
    background-color: #d7f0ac;
}

.bg-light-waiting_to_validate,
.bg-light-waiting_validate,
.bg-light-pending {
    color: #94660c !important;
    background-color: #f8dda7 !important;
    padding: 0.5rem !important;
}

.bg-light-processing {
    color: #5b841b !important;
    background-color: #c6e1c6 !important;
    padding: 0.5rem !important;
}

.bg-light-en-attente-de-pai {
    color: rgba(255, 255, 255, 0.7) !important;
    background-color: #039fe2 !important;
    padding: 0.5rem !important;
}

.bg-light-prepared-order {
    border: none;
    color: #089dbb !important;
    background-color: rgb(13 202 240 / 18%);
    padding: 0.5rem !important;
}

.bg-light-finished {
    color: white !important;
    background-color: #cdc9c9 !important;
    padding: 0.5rem !important;
}

.bg-private,
.bg-processing {
    background-color: #212529;
    padding: 0.5rem !important;
}

.bg-publish,
.bg-finished {
    background-color: #29cc39;
    padding: 0.5rem !important;
}

.detail_footer_order {
    font-weight: 100 !important;
}

.montant_total_order .discount {
    font-size: 14px;
    display: flex;
    align-items: center;
}

.montant_total_order div {
    display: flex;
    justify-content: space-between;
    margin-bottom: 3px;
}

.montant_total_order div:first-child {
    margin-top: 5px;
}

.role_color {
    border-radius: 0.25rem;
}

.quantity_product {
    font-weight: bold;
    font-size: 1.3em;
    border: 1px solid #cbcbcb;
}

.modal_verif_order .quantity_product {
    border: none !important;
}

.modal_verif_order2 .quantity_product {
    border: none !important;
    color: red;
}
.modal_backfrop_fixe {
    background-color: rgba(0, 0, 0, 0.4);
}

.edit_order {
    cursor: pointer;
}

.date_bordereau_input,
.date_historique {
    padding: 10px;
    width: 250px;
    border: 1px solid #dee2e6;
}

.notification_list:focus,
.notification_list:focus .msg-info {
    background-color: #f8f9fa !important;
    color: #000000;
}

.notification_list {
    white-space: inherit !important;
    word-break: break-all;
}

.notification_list .notify {
    min-width: 45px !important;
}

.label_created_at {
    font-size: 12px;
}

.select2_custom .select2-selection,
.dataTables_length .custom_dropdown,
.dataTables_length .custom_input,
.dataTables_length button {
    height: 31px;
    border: 1px solid #ced4da;
}

.select2-selection {
    border-radius: 10px !important;
}
.dataTables_scrollHeadInner {
    width: 100% !important;
}

.dataTables_scrollBody {
    margin-bottom: 15px !important;
}

.generate_label_modal .modal-content {
    height: 80vh;
}

.generate_label_modal .modal-body {
    background: white;
    border-radius: 5px;
}

.generate_label_modal .body_line_items_label {
    overflow-y: auto !important;
    max-height: 68vh;
}

.line_items_label {
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 15px;
    padding-top: 15px;
}

.generate_label_modal .head_1,
.generate_label_modal .head_2,
.generate_label_modal .head_3,
.generate_label_modal .head_4 {
    font-weight: 700 !important;
}

.generate_label_modal .form-check-input,
.products_table .form-check-input {
    width: 1.3em !important;
    height: 1.3em !important;
    cursor: pointer;
}

.disabled_text span {
    color: #c6c6c6;
}

.line_items_label input[type="number"] {
    border: 1px solid #dee2e6;
    width: 65px;
    padding: 5px;
}

textarea:focus {
    box-shadow: none !important;
    outline: 0px !important;
}

.nav-link:hover {
    border-bottom-color: transparent !important;
}

.border_radius_alert {
    box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%),
        0 2px 6px 0 rgb(206 206 238 / 54%);
}

.barcode_ .detail_product_name_order,
.barcode_0 .detail_product_name_order {
    flex-direction: column-reverse;
    align-items: flex-start !important;
}

.barcode_ .detail_product_name_order::before,
.barcode_0 .detail_product_name_order::before {
    color: #e62e2e;
    content: "Aucun code barre";
    border: 1px solid #e62e2e !important;
    display: inline-block;
    padding: 0.35em 0.65em;
    font-size: 0.75em;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}

.header_name_logo {
    font-weight: bolder !important;
    font-size: 9px !important;
    color: #000 !important;
}

.info_order {
    font-size: 18px;
    margin-top: 10px;
    font-weight: 800;
    margin-bottom: 10px;
    color: black;
    text-align: center;
}

.info_order_product {
    color: black;
}

.form_login_error {
    animation: shake 0.72s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

@keyframes shake {
    10%,
    90% {
        transform: translate3d(-2px, 0, 0);
    }

    20%,
    80% {
        transform: translate3d(4px, 0, 0);
    }

    30%,
    50%,
    70% {
        transform: translate3d(-8px, 0, 0);
    }

    40%,
    60% {
        transform: translate3d(8px, 0, 0);
    }
}

.authentication-lock-screen .form-control,
.authentication-lock-screen button[type="submit"],
.authentication-lock-screen .border-info-custom,
.authentication-lock-screen .border-success-custom {
    width: 280px !important;
}

#show_hide_password a {
    position: absolute;
    z-index: 10;
    right: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

#show_hide_password_2 a {
    position: absolute;
    z-index: 10;
    right: 0px;
}

.prepared-order,
.prepared {
    border: none;
    color: #089dbb;
    background-color: rgb(13 202 240 / 18%);
}

.finished {
    border: none;
    color: white;
    background-color: #cdc9c9 !important;
}

.option-success {
    border-radius: 4px;
    padding: 5px;
    border: none;
    color: white;
    background-color: #29cc39;
}

.option-danger {
    border-radius: 4px;
    padding: 5px;
    border: none;
    color: white;
    background-color: #fd3550;
}

.en-attente-de-pai {
    border: 1px solid #039fe2;
    color: rgba(255, 255, 255, 0.7);
    background-color: #039fe2;
}

.waiting_validate,
.waiting_to_validate,
.pending {
    border: 1px solid #f8dda7;
    color: #94660c;
    background-color: #f8dda7;
}

.canceled {
    border: 1px solid #eba3a3;
    color: #761919;
    background-color: #eba3a3;
}

.processing {
    border: 1px solid #c6e1c6;
    color: #5b841b;
    background-color: #c6e1c6;
}

.select_status {
    width: 150px;
}

.pick .text-success {
    color: #000 !important;
}

.border-info-custom {
    border-color: #fd3550 !important;
    /* background-color: #f7f6ff !important; */
}

.border-success-custom {
    border-color: #15ca20 !important;
    background-color: #f7f6ff !important;
}

.order_customer_contact {
    font-size: 1em;
    width: 100%;
}

.order_customer_coupon {
    font-size: 0.9em;
    width: 100%;
}

.customer_detail_title {
    font-size: 0.9em;
    margin-bottom: 5px;
}

.customer_shipping_field,
.customer_shipping_confirm {
    overflow-y: auto;
    max-height: 500px;
}

.customer_billing,
.customer_shipping {
    align-items: flex-start;
}

.customer_billing span:not(.customer_detail_title),
.customer_shipping span:not(.customer_detail_title) {
    width: 100%;
}

.customer_billing div,
.customer_shipping div {
    margin-bottom: 2px;
}

.customer_billing a {
    color: #0d6efd !important;
}

.page-wrapper:has(.bg-404-no-role) {
    padding: 0px !important;
}

.bg-404-no-role {
    height: 85vh;
    width: 100%;
    background-image: url("../images/404.svg");
    background-size: contain;
    padding: 0px;
    margin: 0px;
    background-repeat: no-repeat;
    background-position: center;
}

.bg-400 {
    background-image: url("../images/400.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-color: white;
    background-position: center;
    height: 100%;
    width: 100%;
}

.bg-401 {
    background-image: url("../images/401.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-color: white;
    background-position: center;
    height: 100%;
    width: 100%;
}

.bg-403 {
    background-image: url("../images/403.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-color: white;
    background-position: center;
    height: 100%;
    width: 100%;
}

.bg-404 {
    background-image: url("../images/404.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-color: white;
    background-position: center;
    height: 100%;
    width: 100%;
}

.bg-500 {
    background-image: url("../images/500.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-color: white;
    background-position: center;
    height: 100%;
    width: 100%;
}

.bg-503 {
    background-image: url("../images/503.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-color: white;
    background-position: center;
    height: 100%;
    width: 100%;
}

.bg-504 {
    background-image: url("../images/403.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-color: white;
    background-position: center;
    height: 100%;
    width: 100%;
}

.date_prepared,
.date_finished {
    margin-left: 5px;
}

.info_order_product {
    max-height: 40vh;
    overflow-y: auto;
    text-align: center;
}

.alert-danger {
    background-color: #f78482 !important;
    color: white !important;
}

.alert-danger div,
.alert-success div,
.alert-warning div {
    text-align: center !important;
}

.alert-danger div:not(#dangerReassort)::before,
.alert-warning div:not(#dangerReassort)::before {
    display: inline-block;
    font: normal normal normal 32px/1 "LineIcons";
    font-size: 22px;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ea7e";
    display: inline-block;
    position: absolute;
    left: 15px;
    color: white;
}

.alert-success div:not(#successReassort)::before {
    content: "\ea54";
    display: inline-block;
    font: normal normal normal 32px/1 "LineIcons";
    font-size: 22px;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 15px;
    color: white;
}

.chart_average_bp .highcharts-color-0 {
    fill: #fde2e5 !important;
    stroke: #fde2e5 !important;
}

.chart_average_bp .highcharts-color-1 {
    fill: #000 !important;
    stroke: #000 !important;
}

.chart_average .highcharts-color-0 {
    fill: #ffc107 !important;
    stroke: #ffc107 !important;
}

.chart_average .highcharts-color-1 {
    fill: #29cc39 !important;
    stroke: #29cc39 !important;
}

.chart_average .highcharts-color-2 {
    fill: #8833ff !important;
    stroke: #8833ff !important;
}

.font-bold {
    font-weight: bold;
}

.forgot_password > a {
    transition: 0.3s;
}

.forgot_password > a:hover {
    color: #000000 !important;
}

.product_name_to_delete {
    text-align: center;
}

.custom_input {
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 5px;
}

.location_product i {
    cursor: pointer;
    margin-left: 5px;
}

.total_weight {
    font-weight: bold;
}

.course .progress {
    border-radius: 0 !important;
    height: 7px !important;
}

.input_order_id input {
    width: 280px;
    border-radius: 5px;
    border: 1px solid rgb(214, 214, 214);
    padding: 8px;
}

.input_order_id input::placeholder {
    font-weight: bold;
}

.row-main {
    -webkit-animation-name: fadeIn;
    -webkit-animation-duration: 1s;
    animation-name: fadeIn;
    animation-duration: 1s;
}

.loading_detail_order {
    position: absolute;
    top: 50%;
    width: 50px;
    display: flex;
    justify-content: center;
    padding-right: 50px;
}

.loading_detail_order .spinner-grow {
    width: 5rem;
    height: 5rem;
}

#orderno {
    padding: 1vh 2vh 0;
    font-size: 18px;
}

.qrcode_background {
    background-color: #fdf3f5;
    width: 1.8rem;
    height: 1.8rem;
    padding: 1.8rem;
    margin-top: -2.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #ebebeb;
}

.detail_order_to_wrap:has(.action_button) .qrcode_background {
    margin-top: -3.6rem !important;
}

.detail_order_to_wrap > div > span:last-child {
    padding: 1vh 2vh 0;
    font-size: smaller;
}

.detail_order_to_wrap .title {
    display: flex;
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
}

.total_order_details .row {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px;
}

.total_order,
.amount_total_order,
.total_product_order {
    font-weight: bold;
}

.total_product_order {
    font-size: 1.2em;
}

.detail_order_to_wrap .main img {
    border-radius: 7px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.detail_order_to_wrap .main p {
    margin-bottom: 0;
    font-size: 0.75rem;
}

.detail_order_to_wrap #sub-title p {
    margin: 1vh 0 2vh 0;
    font-size: 1rem;
}

.detail_shipping_billing_div,
.total_order_details {
    font-size: 1.1em;
}

.detail_shipping_billing_div span {
    font-size: 0.9em !important;
    white-space: inherit;
}

.detail_order_to_wrap .row-main {
    padding: 1.5vh 0;
    align-items: center;
}

.main .row-main {
    border-bottom: 1px solid rgb(214, 214, 214, 33%);
}

.detail_order_to_wrap .row-main p {
    font-size: 1em;
}

.detail_order_to_wrap hr {
    border-top: 1px solid rgb(214, 214, 214);
}

.detail_order_to_wrap .total {
    font-size: 1rem;
}

.validate_order {
    max-width: 300px;
}

@media (height: 1366px) {
    .detail_order_to_wrap .main p {
        margin-bottom: 0;
        font-size: 1.2rem;
    }

    .detail_order_to_wrap .total {
        font-size: 1.5rem;
    }
}

.detail_order_to_wrap .btn {
    background-color: rgb(3, 122, 219);
    border-color: rgb(3, 122, 219);
    color: white;
    margin: 7vh 0;
    border-radius: 7px;
    width: 60%;
    font-size: 0.8rem;
    padding: 0.8rem;
    justify-content: center;
}

.total_order_details .btn {
    margin: 3vh 0;
}

.action_button .btn {
    align-items: center;
}

.detail_order_to_wrap .btn:focus {
    box-shadow: none;
    outline: none;
    box-shadow: none;
    color: white;
    -webkit-box-shadow: none;
    -webkit-user-select: none;
    transition: none;
}

.detail_order_to_wrap .btn:hover {
    color: white;
}

button:disabled,
button[disabled] {
    background-color: rgba(89, 89, 89, 1) !important;
    border: 1px solid rgba(89, 89, 89, 1) !important;
}

.card_empty_product {
    padding: 15px;
}

.card_empty {
    width: 35%;
    border-radius: 5px;
}
.card_empty .image img {
    max-width: 100px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.card_empty.is-loading .image,
.card_empty.is-loading h2,
.card_empty.is-loading p {
    background: #ececec;
    /* background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%); */
    border-radius: 5px;
    background-size: 200% 100%;
    /* animation: 1.5s shine linear infinite; */
}
.card_empty.is-loading p {
    margin-bottom: 0px;
}

.card_empty.is-loading h3 {
    background: #ececec;
    /* background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%); */
    border-radius: 5px;
    background-size: 200% 100%;
    /* animation: 1.5s shine linear infinite; */
    height: 30px;
    width: 75px;
}

.card_empty.is-loading .image {
    height: 73px;
    width: 73px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.card_empty.is-loading p {
    height: 70px;
}

.card_empty_product p {
    height: 50px !important;
}

.card_empty.is-loading h2 {
    height: 30px;
}

.detail_order_to_wrap .alert {
    position: fixed !important;
}

.detail_order_to_wrap .img-fluid {
    max-width: 75px !important;
    width: 75%;
    min-width: 40px;
}

@-webkit-keyframes moving-gradient {
    0% {
        background-position: -250px 0;
    }
    100% {
        background-position: 250px 0;
    }
}

.loading_table {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.loading_table td {
    height: 50px;
    vertical-align: middle;
    padding: 8px;
}
.loading_table td span {
    display: block;
}
.loading_table td.td-3 {
    width: auto;
}
.loading_table td.td-3 span {
    height: 12px;
    background: linear-gradient(to right, #eee 20%, #ddd 50%, #eee 80%);
    background-size: 500px 100px;
    animation-name: moving-gradient;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}

.loading_table_content tbody > :not(.loading_table) {
    display: none;
}

.dashboard_leader table,
.analytics_preparation table,
.analytics_bp_preparation table {
    border: none !important;
}

.dashboard_leader .table_list_order td {
    font-size: 14px !important;
}

.dashboard_leader #example_wrapper {
    overflow-y: auto !important;
    max-height: 72vh !important;
}

.dashboard_leader #example_wrapper > div:first-child {
    /* position: relative; */
    z-index: 99;
}

/* .dashboard_leader .dataTables_scrollHeadInner{
	display: none !important;
} */

.role_list {
    overflow-y: auto !important;
    max-height: 27vh !important;
}

.role_list .badge {
    font-weight: 100 !important;
}

.colissimo_form,
.billing_form {
    max-width: 600px;
}

tr:has(.chronopost_shipping) td {
    border-left: 1px solid white !important;
}

tr:has(.chronopost_shipping) {
    --bs-table-accent-bg: rgba(0, 155, 222, 0.3) !important;
}

.shipping_chrono_logo {
    background-image: url(../images/icons/chronopost.png);
    width: 125px;
    background-size: contain;
    height: 25px;
    background-repeat: no-repeat;
}

.shipping_colissimo_logo {
    background-image: url(../images/icons/colissimo.png);
    width: 125px;
    background-size: contain;
    height: 25px;
    background-repeat: no-repeat;
}

.chronopost_shipping_method_preparateur {
    background-image: url(../images/icons/chronopost.png);
    width: 125px;
    background-size: contain;
    height: 25px;
    background-repeat: no-repeat;
}

@media (min-width: 460px) {
    .update_multiple_products {
        margin-right: 15px;
        margin-bottom: 15px;
    }
}

.update_multiple_products {
    margin-bottom: 5px;
}

.manually_barcode,
.remove_product {
    margin-top: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d4d7df;
    border-radius: 5px;
    padding: 8px;
    cursor: pointer;
    width: 43px;
}

.remove_product {
    margin-left: 10px;
}

.pick .manually_barcode {
    border: 1px solid white;
}

#barcode_manually::placeholder {
    color: red !important;
    font-weight: bold !important;
}

.manually_barcode i {
    font-size: 25px;
}

select option[disabled] {
    color: #dee2e6;
}

select option[disabled] {
    color: #dee2e6;
}

.no_empty_select option[disabled],
.empty_select option[disabled] {
    color: rgba(0, 0, 0, 0.2);
}

.customer_note {
    word-break: break-word;
    white-space: break-spaces;
    margin-top: 8px;
    font-weight: bold;
    font-size: 12px;
}

.customer_note_preparateur span {
    font-weight: bold;
}

.customer_note_mobile {
    margin: 10px 0px;
}

.impression_code {
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
}

.success_prepared_command {
    height: 100%;
}

.orders_customer,
.orders_distributor,
.transfers_orders {
    position: relative;
}

@keyframes shakeCustom {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(20deg);
    }
    50% {
        transform: rotate(0deg);
    }
    75% {
        transform: rotate(-20deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

.rotate {
    animation: rotateAnimation 0.3s linear;
}

.rotateRight {
    animation: rotateAnimationRight 0.3s linear;
}

@keyframes rotateAnimationRight {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(50deg);
    }
    50% {
        transform: rotate(100deg);
    }
    75% {
        transform: rotate(200deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotateAnimation {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(50deg);
    }
    50% {
        transform: rotate(100deg);
    }
    75% {
        transform: rotate(200deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.loading_chart {
    height: 110px;
    width: 100%;
}

.loading_chart1 {
    background-color: #eeeeee;
    height: 20px;
    -webkit-animation: linear infinite alternate;
    -webkit-animation-name: run;
    -webkit-animation-duration: 2s;
}

.loading_chart2 {
    background-color: #eeeeee;
    height: 20px;
    margin-top: 10px;
    -webkit-animation: linear infinite alternate;
    -webkit-animation-name: run;
    -webkit-animation-duration: 2.5s;
}

.loading_chart3 {
    background-color: #eeeeee;
    height: 20px;
    margin-top: 10px;
    -webkit-animation: linear infinite alternate;
    -webkit-animation-name: run;
    -webkit-animation-duration: 3s;
}

.loading_chart4 {
    background-color: #eeeeee;
    height: 20px;
    margin-top: 10px;
    -webkit-animation: linear infinite alternate;
    -webkit-animation-name: run;
    -webkit-animation-duration: 3.5s;
}

@-webkit-keyframes run {
    0% {
        width: 0%;
    }
    50% {
        width: 50%;
    }
    100% {
        width: 100%;
    }
}

.spinner-border2 {
    width: 1.6rem !important;
    height: 1.6rem !important;
}

.loading_generate_label {
    position: absolute;
}

.loading_generate_label .spinner-grow {
    height: 3rem;
    width: 3rem;
    margin-right: 1rem;
    margin-bottom: 1rem;
}

.download_cn23 {
    color: #fff !important;
    background-color: #fd3550;
    border-color: #fd3550;
    padding: 5px;
    font-size: 12px;
    border-radius: 0.25rem;
    transition: 0.3s;
    align-items: center;
}

.download_cn23_status {
    width: 25px;
    height: 25px;
    font-size: 22px;
}

.download_cn23:hover {
    background-color: #c82227;
    color: white;
}

.loading_text span {
    font-size: 22px;
    background: white;
    animation: fadeInLoading 1.2s infinite;
}

.loading_text {
    background: white;
}

@keyframes fadeInLoading {
    0% {
        opacity: 0.8;
    }
    25% {
        opacity: 0.5;
    }
    50% {
        opacity: 0.3;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0.8;
    }
}

.response_detail_type {
    font-weight: bold;
    font-size: 14px;
    text-decoration: underline;
}

.label_shipping_details_customer {
    font-size: 12px;
    width: 25%;
    color: #999;
}

.country_flag {
    width: 18px;
    height: 18px;
    margin-right: 8px;
    border-radius: 50%;
}

.edit_detail_order {
    cursor: pointer;
    font-size: 16px;
    color: #999;
    margin-left: 15px;
}

.editableContent {
    border: 1px solid #999;
    border-radius: 5px;
}

.sidebar {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 260px;
    background: white;
    z-index: 100;
    transition: all 0.4s ease;
    border-right: 1px solid #ebebeb;
}

.sidebar.close {
    width: 78px;
}
.sidebar .logo-details {
    height: 60px;
    width: 100%;
    display: flex;
    align-items: center;
}
.sidebar .logo-details i {
    font-size: 30px;
    color: #fff;
    height: 50px;
    min-width: 78px;
    text-align: center;
    line-height: 50px;
}
.sidebar .logo-details .logo_name {
    font-size: 22px;
    color: #fff;
    font-weight: 600;
    transition: 0.4s ease;
    transition-delay: 0.4s ease;
}
.sidebar.close .logo-details .logo_name {
    transition: 0s ease;
    opacity: 0;
    pointer-events: none;
}
.sidebar .nav-links {
    height: 100%;
    padding: 30px 0 150px 0;
    overflow: auto;
}
.sidebar.close .nav-links {
    overflow: visible;
}

.sidebar .nav-links::-webkit-scrollbar {
    display: none;
}
.sidebar .nav-links li {
    position: relative;
    list-style: none;
    /* transition: all 0.4s ease; */
}
.sidebar .nav-links li .top_menu:hover {
    background: #ffe6f5;
    border-radius: 10px;
}

.sidebar .nav-links li .top_menu:hover i,
.sidebar .nav-links li .top_menu:hover .link_text {
    color: #ff6472 !important;
}

.sidebar .nav-links .sub-menu li {
    width: 100%;
}

.sidebar .nav-links .sub-menu li:hover {
    background: transparent !important;
}
.sidebar .nav-links li .icon-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sidebar.close .nav-links li .icon-link {
    display: block;
}

.sidebar.close li {
    width: 65px;
}

.sidebar .div_icon:not(:first-child) {
    margin-top: 5px;
}

.sidebar .div_icon li {
    margin-left: 6px;
    margin-right: 6px;
}

.sidebar.close .div_icon li {
    margin: 0px;
}

.sidebar.close .nav-links .div_icon {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 0px;
    cursor: pointer;
}

.close .div_icon,
.close .top_menu {
    height: 40px !important;
}

.top_menu > a {
    height: 40px !important;
}

.close .top_menu > a {
    height: 100% !important;
}

.sidebar .nav-links li i {
    /* height: 50px; */
    min-width: 65px;
    text-align: center;
    /* line-height: 50px; */
    color: #000000;
    font-size: 18px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.sidebar .nav-links li .link_text {
    height: 50px;
    min-width: 65px;
    text-align: center;
    line-height: 50px;
    font-size: 15px;
    transition: all 0.3s ease;
}

.sidebar .nav-links li.showMenu i.arrow {
    transform: rotate(-180deg);
}
.sidebar.close .nav-links i.arrow {
    display: none;
}
.sidebar .nav-links li a {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.sidebar .nav-links li a .link_name {
    font-size: 1em;
    font-weight: 400;
    color: #000000;
    /* transition: all 0.3s ease; */
}

.close .nav-links li a .link_name {
    transition: all 0s ease !important;
}

.sidebar .nav-links li .top_menu:hover .link_name {
    color: #ff6472 !important;
}
.sidebar.close .nav-links li a .link_name {
    opacity: 0;
    pointer-events: none;
}
.sidebar .nav-links li .sub-menu {
    padding: 6px 6px 14px 60px;
    background: white;
    display: none;
}

.sidebar .nav-links li.showMenu .sub-menu {
    display: block;
    position: relative;
    top: 0px;
    left: 0px;
    background-color: white;
}

.sidebar .nav-links li .sub-menu a {
    font-size: 15px;
    padding: 5px 0;
    /* white-space: nowrap; */
    opacity: 0.6;
    transition: all 0.3s ease;
    color: #000000 !important;
}

.sidebar.close .nav-links li .sub-menu a {
    white-space: nowrap !important;
}
.sidebar .nav-links li .sub-menu a:hover {
    opacity: 1;
}

.sidebar.close .nav-links li .sub-menu {
    position: absolute;
    left: 100%;
    top: -10px;
    margin-top: 0;
    padding: 10px 20px;
    border-radius: 8px;
    opacity: 0;
    display: block;
    pointer-events: none;
    transition: 0s;
}
.sidebar.close .nav-links li:hover .sub-menu {
    top: 0;
    opacity: 1;
    pointer-events: auto;
    transition: all 0.2s linear;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.sidebar .nav-links li .sub-menu .link_name {
    display: none;
}
.sidebar.close .nav-links li .sub-menu .link_name {
    font-size: 18px;
    opacity: 1;
    display: block;
    color: black !important;
}
.sidebar .nav-links li .sub-menu.blank {
    opacity: 1;
    pointer-events: auto;
    padding: 3px 20px 6px 16px;
    opacity: 0;
    pointer-events: none;
}
.sidebar .nav-links li:hover .sub-menu.blank {
    top: 50%;
    transform: translateY(-50%);
}

.one {
    width: 80%;
    margin-left: 10%;
    background-color: black;
    height: 400px;
}

.sidebar .profile-details {
    position: fixed;
    bottom: 0;
    width: 258px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: white;
    padding: 12px 0;
    transition: all 0.4s ease;
}
.sidebar.close .profile-details {
    background: none;
}
.sidebar.close .profile-details {
    width: 78px;
}
.sidebar .profile-details .profile-content {
    display: flex;
    align-items: center;
}
.sidebar .profile-details img {
    height: 52px;
    width: 52px;
    object-fit: cover;
    border-radius: 50%;
    margin: 0 14px 0 12px;
    border: 1px solid #ebebeb;
    transition: all 0.5s ease;
}
.sidebar.close .profile-details img {
    padding: 10px;
}
.sidebar .profile-details .profile_name,
.sidebar .profile-details .job {
    color: black;
    font-size: 18px;
    font-weight: 500;
    white-space: normal;
}
.sidebar.close .profile-details i,
.sidebar.close .profile-details .profile_name,
.sidebar.close .profile-details .job {
    display: none;
}
.sidebar .profile-details .job {
    font-size: 12px;
}
.home-section {
    position: relative;
    background: #e4e9f7;
    /* height: 100vh; */
    left: 244px;
    width: calc(100% - 260px);
    transition: all 0.4s ease;
    z-index: 999;
}
.sidebar.close ~ .home-section:has(.show_hide_nav) {
    left: 63px;
    width: calc(100% - 78px);
    z-index: 999;
}

.home-section .home-content {
    height: 58px;
    display: flex;
    align-items: center;
    position: fixed;
    /* background-color: white; */
    z-index: 99;
}

.home-section .home-content .bx-menu,
.home-section .home-content .text {
    color: #11101d;
    font-size: 35px;
}
.home-section .home-content .bx-menu {
    margin: 0 15px;
    cursor: pointer;
}
.home-section .home-content .text {
    font-size: 26px;
    font-weight: 600;
}
@media (max-width: 420px) {
    .sidebar.close .nav-links li .sub-menu {
        display: none;
    }

    .mobile_icon_menu {
        left: 78px !important;
        background-color: white;
    }

    .sidebar {
        width: 100%;
    }

    .home-section .home-content {
        z-index: 999;
    }

    .home-section {
        left: calc(100% - 75px) !important;
    }

    .sidebar .profile-details {
        width: 100%;
    }
}

@media screen and (max-width: 1024px) {
    .home-section.close {
        left: 0px !important;
        transition: 0.6s;
        z-index: 100;
    }

    .home-section {
        left: 260px !important;
    }

    .close .div_short_icon {
        display: none !important;
    }

    .sidebar.close li {
        width: auto;
        display: none;
    }

    .sidebar.close .profile-details {
        left: -78px;
    }

    .sidebar.close {
        width: 0px;
    }

    .sidebar.close .nav-links li:not(:last-child) {
        display: none;
    }
}

.logo-short {
    width: 35px;
    height: 35px;
}

.div_short_icon {
    height: 50px;
    min-width: 78px;
    text-align: center;
    line-height: 40px;
}

.btn-dark {
    background-color: #000;
    border-color: #000;
}

.sidebar.close .orders_customer span,
.sidebar.close .orders_distributor span,
.sidebar.close .transfers_orders span {
    right: -20px !important;
    width: 30px;
    font-size: 0.7em;
}

.sidebar.close .sub-menu:has(.orders_customer) {
    width: 175px;
}

.header_title {
    background-color: #fff;
    display: flex;
    align-items: center;
    color: black;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding: 15px;
}

.dashboard_leader .card_table_mobile_responsive .header_title {
    position: absolute;
    margin-top: 5px;
}

.dashboard_leader tbody {
    position: relative;
    z-index: 9;
}

.header_title div h5 {
    color: black;
    margin: 0px;
}

.sub_with_icon i {
    display: block !important;
    min-width: 0px !important;
    height: 35px !important;
    width: 35px !important;
    line-height: 35px !important;
}

.analytics_data_title {
    font-weight: bold;
    font-size: 1.2rem;
}
.order_prepared,
.order_finished,
.order_total {
    color: #45cb3f;
}

.ml-1 {
    margin-left: 0.25rem;
}

.mr-2 {
    margin-right: 0.75rem;
}

.product_location i {
    color: #000;
}

.error_stock {
    color: red !important;
}
.alerte_stock {
    color: #ff7c07 !important;
}

.card_with_label {
    width: 25rem;
    border-radius: 1rem;
    position: relative;
}
.card_with_label .card__container {
    padding: 2rem;
    width: 100%;
    height: 100%;
    background: white;
    border-radius: 1rem;
    position: relative;
}
.card_with_label .card__header {
    margin-bottom: 1rem;
    font-family: "Playfair Display", serif;
}
.card_with_label .card__body {
    font-family: "Roboto", sans-serif;
}
.card_with_label::before {
    position: absolute;
    top: -29px;
    left: -23px;
    content: "";
    background: black;
    height: 28px;
    width: 28px;
    transform: rotate(45deg);
    border-top-left-radius: 10px;
}
.card_with_label::after {
    position: absolute;
    content: attr(data-label);
    top: -31px;
    left: -9px;
    padding: 0.5rem;
    width: 8rem;
    background: #000;
    color: white;
    text-align: center;
    font-family: "Roboto", sans-serif;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.coliship_label_order::after,
.coliship_label_order::before {
    background: #e57720;
}

.delete_line_order i {
    border: 1px solid #ced4da;
    border-left: 0px;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    margin-left: -15px;
    background-color: white;
    display: flex;
    align-items: center;
}

.new_line input {
    border-right: 0px;
}

.response_close_day {
    font-size: 1.3em;
}

/* FILTRE MOBILES & TABLETTES */
.box_filter {
    border-radius: 5px;
    width: auto;
    padding: 15px;
    /* width: 40px; */
    height: 40px;
    gap: 10px;
    /* border: 1px solid #000; */
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: 0.3s;
    /* background-color: #000; */
    position: relative;
}

.box_filter i {
    color: black;
}

.other_element {
    align-items: center;
    margin-right: 5px !important;
}

.other_element .dataTables_filter {
    margin-right: 8px !important;
}

.filter_order_date_dropdown {
    position: absolute;
    top: 15px;
    left: 10px;
}

.filter_tab form,
.filter_tab .dataTables_length {
    display: flex;
    flex-direction: column !important;
    width: 100%;
}

.filter_tab button {
    display: flex;
    justify-content: center;
}

.filter_tab_title {
    display: flex;
    justify-content: center;
    font-size: 1.3em;
    color: #000000;
    font-weight: bold;
}

.filter_tab select,
.filter_tab input:not(.form-check-input),
.filter_tab .select2,
.filter_tab .col-md-6,
.filter_tab button {
    width: 100% !important;
    margin: 0px !important;
    margin-bottom: 15px !important;
    height: 100% !important;
}

.filter_tab .custom_input {
    padding: 10px !important;
}

.filter_tab span {
    height: 40px !important;
    line-height: 40px !important;
}

.filter_tab {
    border-left: 2px solid #000000;
    position: absolute;
    width: 75%;
    max-width: 300px;
    top: 50px;
    z-index: 10;
    right: 125px;
    background-color: white;
    padding: 10px 12px 0px 12px;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    -webkit-animation: bar 0.2s linear;
}

@keyframes bar {
    0% {
        transform: scaleY(0);
    }
    80% {
        transform: scaleY(1.1);
    }
    100% {
        transform: scaleY(1);
    }
}

.filter_mobile {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 10px 0px 10px 0px;
}

.modal_filter_mobile .col-md-6,
.modal_filter_mobile .row {
    width: 100% !important;
    --bs-gutter-x: 0px !important;
}

.modal_filter_mobile #example_filter {
    display: none;
}

.modal_filter_mobile #example_length,
#example_length label,
.modal_filter_mobile #example_length label select,
.modal_filter_mobile .select2_custom .selection,
.modal_filter_mobile .select2_custom .select2-selection,
.modal_filter_mobile .custom_dropdown,
.modal_filter_mobile .dataTables_length .custom_input,
.modal_filter_mobile .dataTables_length form button {
    height: 100% !important;
}

.modal_filter_mobile {
    margin-bottom: 15px !important;
}

.modal_filter_mobile .modal-fullscreen .modal-body {
    overflow-y: hidden !important;
}

.container_multy_step {
    width: 100%;
    height: 250px;
    overflow: hidden;
    position: relative;
}

.return_order_form_multy_step .title_span {
    display: flex;
    align-items: center;
    margin: 0px;
    font-weight: bold;
    font-size: 1em;
    width: auto !important;
}

.return_order_form_multy_step .body_detail_product_order {
    overflow-y: auto;
    max-height: 65vh;
}

.return_order_form_multy_step .step_form input:not(.form-check-input) {
    border: 1px solid #ebebeb !important;
    padding: 5px 3px !important;
}

.container_multy_step h3 {
    text-align: center;
    margin-bottom: 1rem;
    color: var(--dark-color);
    font-size: 2rem;
}
.container_multy_step .step_form {
    width: 100%;
    position: absolute;
    top: 75px;
    /* left: 20px; */
    font-family: inherit;
    transition: 0.5s ease-in;
}

.container_multy_step .step_form input:not(.form-check-input) {
    width: 100%;
    padding: 10px 5px;
    margin: 5px 0;
    border: 1px solid var(--light-gray-color);
    border-radius: 5px;
    background: transparent;
    font-family: inherit;
}
.container_multy_step .step_form input:not(.form-check-input):focus {
    outline: none;
    border: 1px solid var(--dark-color);
}
.btn_box {
    width: 100%;
    margin: 30px auto;
    text-align: center;
}
.container_multy_step .step_form button:not(.btn) {
    width: 110px;
    height: 35px;
    margin: 0 10px;
    background-color: var(--line-border-fill);
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 0.9rem;
    font-family: inherit;
    border-radius: 5px;
    color: var(--light-gray-color);
}
.container_multy_step .step_form button:not(.btn):active {
    transform: scale(0.98);
}
#form2 {
    left: 500px;
}

#step2 {
    left: 800px;
}

#step3 {
    left: 1600px;
}

.form2 {
    left: 990px;
}

.form3 {
    left: 1980px;
}

.modal_kit .container_multy_step {
    height: 100%;
}

.modal_kit .step_form.form2 {
    height: 100%;
    overflow-y: auto;
    padding-bottom: 75px;
}

.modal_kit .container_multy_step .step_form .btn_box {
    padding-bottom: 25px;
}

#return_form2 {
    left: 3000px;
}
.container_multy_step .progress_container {
    width: 350px;
    display: flex;
    justify-content: space-between;
    margin: 2rem auto;
    position: relative;
}

.modal_kit .container_multy_step .progress_container {
    width: 100%;
}

.container_multy_step .return_order_form {
    width: 100%;
    height: 30px;
}
.container_multy_step .progress_container::before {
    content: "";
    background-color: var(--light-gray-color);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    height: 4px;
    width: 100%;
    z-index: 1;
}

.container_multy_step .progress {
    background-color: black;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    height: 4px;
    width: 0%;
    z-index: 1;
    transition: 0.4s ease-in;
}
.container_multy_step .circle {
    background-color: white;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    z-index: 1;
    transition: 0.4s ease;
    color: "black";
    border: 1px solid black;
}
.container_multy_step .circle.active_progress {
    border-color: black;
    color: white;
    background-color: black;
}

.multi_step_shipping_method_update {
    height: 275px;
}

.multi_step_shipping_method_update {
    height: 720px;
}

.point-item {
    display: flex;
    flex-direction: column;
    padding: 15px;
    border: 1px solid black;
    border-radius: 10px;
}

.point-item button {
    width: fit-content;
}

.no_necessary {
    padding: 0.5rem;
    width: fit-content;
}

.need_action:nth-of-type(odd) {
    --bs-table-accent-bg: #eec5c5 !important;
}

.need_action:nth-of-type(even) {
    --bs-table-accent-bg: #fbd0d0 !important;
}

.table tbody .need_action:hover {
    --bs-table-accent-bg: #e1bbbb !important;
}

.detail_return_order_shipping {
    overflow-y: auto;
    max-height: 65vh;
}

.detail_customer_return_order div input {
    width: 250px !important;
    border: 1px solid #ebebeb !important;
    padding: 2px !important;
}

.detail_customer_return_order div textarea {
    width: 250px !important;
    resize: none;
    height: 75px;
    border: 1px solid #ebebeb !important;
    padding: 2px !important;
}

@media screen and (min-width: 650px) {
    .modal_detail_order .modal-dialog {
        padding: 50px !important;
    }

    .modal_return_order .modal-dialog {
        padding: 0px !important;
        max-width: 850px !important;
        margin: 1.75rem auto !important;
        height: 800px !important;
    }

    .modal_detail_order .modal-content {
        border-radius: 25px !important;
    }

    .modal_detail_order .body_detail_product_order {
        border-radius: 25px !important;
    }
}

.show_account_detail {
    border: none;
    background-color: transparent;
}

.third_subtitle li.breadcrumb-item {
    font-size: 13px !important;
}

.edit_profil_image {
    position: relative;
}

.edit_profil_image i {
    font-size: 25px;
}

.edit_profil_image button {
    border: none;
    background-color: white;
    border-radius: 25px;
    position: absolute;
    bottom: 0;
    right: 0;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    transition: 0.3s;
}

.edit_profil_image button:hover {
    transform: scale(1.2);
}

.profil_detail .container {
    margin: 20px auto;
    max-width: 640px;
    min-height: 150px;
}

.profil_detail img {
    max-width: 100%;
}

.profil_detail .cropper-view-box,
.profil_detail .cropper-face {
    border-radius: 50%;
}

#display_image_div {
    min-height: 150px;
}

.default_avatar_choice {
    margin-top: 25px;
}

.default_avatar_choice img {
    cursor: pointer;
    transition: 0.3s;
    padding: 5px;
}

.default_avatar_choice img:hover {
    transform: scale(1.2);
}

.block_display_image {
    max-width: 200px;
    height: 250px !important;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.card_caisse .col {
    min-width: 290px !important;
}

.orders_cashed .dataTables_wrapper .col-md-6,
.movement_cash .dataTables_wrapper .col-md-6 {
    width: 50% !important;
}
@media screen and (min-width: 990px) {
    .modal_kit .modal-dialog {
        height: -webkit-fill-available !important;
    }

    .modal_kit .modal-content {
        height: 100% !important;
    }

    .detail_customer_return_order {
        padding: 0px 25px 0px 25px;
    }

    .dataTables_length,
    .dataTables_filter {
        padding: 15px 10px 8px 10px;
    }

    .filter_mobile .dataTables_length,
    .filter_mobile .dataTables_filter {
        padding: 0px;
    }

    .card {
        box-shadow: none !important;
        border: 1px solid #ebebeb;
        border-radius: 10px;
    }

    .orders_cashed {
        width: 65%;
    }

    .movement_cash {
        width: 35%;
    }

    .orders_cashed .col-md-6:has(.dataTables_length),
    .movement_cash .col-md-6:has(.dataTables_length) {
        width: 50%;
    }

    .orders_cashed .col-md-6:has(.dataTables_filter) {
        width: 50%;
    }
}

@media screen and (max-width: 1250px) {
    .movement_cash,
    .orders_cashed {
        width: 100% !important;
    }
}

.removeClassButton {
    border: none;
    background-color: transparent;
}

@media (max-height: 820px) {
    .sidebar.close .nav-links li:hover .beauty_prof_menu {
        top: -169px;
    }
}

.nav-links li .top_menu:hover a i,
.nav-links li .top_menu:hover .link_text {
    animation: shakeCustom 0.3s linear;
}

.table_details_tracking {
    border-radius: 10px;
}
.table_details_tracking tr {
    border: 1px solid #000;
}

.table_details_tracking td {
    border: 1px solid #000;
    padding: 10px;
}

.table_details_tracking th {
    padding: 10px;
    background-color: #000;
    color: white;
}

.text-bold {
    font-weight: bold;
}

.step_tracking {
    background-color: white;
    position: relative;
    /* overflow: hidden; */
    counter-reset: wizard;
    margin-top: 50px;
    margin-bottom: 50px;
}

.step_tracking li {
    position: relative;
    float: left;
    width: 20%;
    text-align: center;
    color: #000;
    font-weight: bold;
    font-size: 13px;
}

.tracking_colissimo li {
    width: 16.5%;
}

.tracking_colissimo {
    display: flex;
    justify-content: center;
}

.step_tracking .current ~ li {
    color: rgba(0, 0, 0, 0.3);
}
.step_tracking li:before {
    counter-increment: wizard;
    content: counter(wizard);
    display: block;
    color: white !important;
    background-color: #000;
    border: 2px solid #000;
    text-align: center;
    width: 3em;
    height: 3em;
    line-height: 3em;
    border-radius: 3em;
    position: relative;
    left: 50%;
    margin-bottom: 1em;
    margin-left: -1.5em;
    z-index: 1;
}

.step_tracking .current ~ li:before {
    background-color: white;
    color: rgba(0, 0, 0, 0.3) !important;
    border-color: rgba(0, 0, 0, 0.3);
}
.step_tracking li + li:after {
    content: "";
    display: block;
    width: 100%;
    background-color: #000;
    height: 2px;
    position: absolute;
    left: -50%;
    top: 1.5em;
    z-index: 0;
}
.step_tracking .current ~ li:after {
    background-color: rgba(0, 0, 0, 0.3);
}

.step_tracking li::marker {
    color: white !important;
}

.details_tracking thead th {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.details_tracking {
    display: inline-block;
    height: 50vh;
    overflow-y: auto;
}

.table-scroll thead th {
    position: sticky;
    top: -1;
}
.table-scroll tfoot td {
    position: sticky;
    bottom: 0;
}

#allocationOrders .modal-body {
    padding: 35px 0px 25px 0px !important;
}

.sync_orders {
    background-color: transparent;
    border: none !important;
}

.sync_orders i {
    font-size: 22px;
}

.rotate {
    animation: rotation 1s linear infinite;
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(-360deg);
    }
}

.select2_custom_history {
    height: 31px;
    border: 1px solid #ced4da;
    border-radius: 5px;
    padding: 0px 5px 0px 5px;
}

.authentication-lock-screen .card {
    box-shadow: none !important;
}

.table th {
    background-color: #f4f4f5 !important;
    color: #6c6f73 !important;
}

.div_icon.mm-active {
    border-right: 2px solid #ff6472;
}

.mm-active li .top_menu {
    background-color: #ffe6f5;
    border-radius: 8px;
}

.mm-active li .link_name {
    color: #ff6472 !important;
}

.mm-active .sub-menu li {
    background-color: white;
}

.mm-active li i {
    color: #ff6472 !important;
}

.authentication-lock-screen .card {
    border: 0px !important;
}

.text-dark {
    color: #000 !important;
}

.logo_login {
    margin-bottom: 25px;
}

.authentication-lock-screen form {
    background-color: white;
    border-radius: 10px;
    border: 1px solid #ebebeb;
    padding: 35px;
}

.authentication-lock-screen form input,
.authentication-lock-screen form button {
    border-radius: 10px !important;
}

.border-grey {
    border: 1px solid #ebebeb;
}

.ms-auto button,
.btn {
    border-radius: 10px !important;
}

.action_dashboard {
    display: flex;
    justify-content: flex-end;
    gap: 5px;
}

@media screen and (min-width: 621px) {
    .return_order_form_multy_step .detail_product_order_line span,
    .return_order_form_multy_step .head_detail_product_order span {
        font-size: 16px !important;
    }
}

.return_order_form_multy_step .quantity_product_label {
    width: 50px !important;
}

@media screen and (max-width: 620px) {
    .detail_product_order_line span,
    .head_detail_product_order span {
        font-size: 16px;
    }

    .detail_product_order_head .column4,
    .detail_product_order_head .column44 {
        display: none !important;
    }

    .input_product_return_order {
        width: 50px !important;
    }

    .detail_product_name_order_to_return img {
        display: none;
    }

    .product_name_return_order {
        margin-left: 8px !important;
    }

    .return_order_form_multy_step .detail_product_order_line span,
    .return_order_form_multy_step .head_detail_product_order span {
        font-size: 14px !important;
    }

    .alert {
        right: 0px !important;
        width: 100% !important;
        margin: 0px !important;
        bottom: 5px !important;
    }

    .step_tracking {
        display: flex;
        flex-direction: column;
    }

    .tracking_colissimo li {
        width: 100% !important;
    }

    .step_tracking li {
        width: 100% !important;
    }

    .step_tracking li + li:after {
        display: none !important;
    }
    .topbar .navbar .dropdown-menu::after {
        display: none;
    }

    .show_messages:has(> .alert) {
        margin-bottom: 25px !important;
    }

    .col-md-6:has(.dataTables_filter) {
        width: 100% !important;
    }

    .col-md-6:has(.dataTables_length) {
        width: 100% !important;
    }

    .topbar .navbar .dropdown {
        position: static !important;
    }

    .topbar .navbar .dropdown-menu {
        width: 100% !important;
    }
}

.disabled_field {
    background-color: #e9ecef;
    opacity: 1;
}

.partial_transfert {
    font-size: 18px;
}

.no_product {
    background-color: #ed837b;
}

.no_product .text-muted {
    color: black !important;
}

.no_product .out_of_stock {
    color: red;
    font-weight: bold;
}

body:has(.comming_soon) {
    background-image: url(../images/comming_soon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center 50px;
}

body:has(.comming_soon) .page-content::after {
    content: "En développement";
    display: flex;
    justify-content: center;
    font-size: 1.8em;
    font-weight: bold;
}

.wrapper_kit {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 50px;
    margin-top: 50px;
}

.wrapper_kit .box {
    display: flex;
    justify-content: center;
    align-items: center;
    color: black;
    cursor: pointer;
    border: 1px solid #ebebeb !important;
    box-shadow: none !important;
    border-radius: 5px;
    padding: 20px;
    font-size: 150%;
    height: 200px;
    width: 200px;
    transition: 0.3s;
}

.wrapper_kit .box:hover {
    transform: scale(1.2);
}

.wrapper_kit .box img {
    width: 120px;
    height: 120px;
}

.card {
    border-radius: 20px !important;
}

.card_table_mobile_responsive .card-body {
    padding: 0px !important;
}

table tr td:first-child {
    padding-left: 15px !important;
}

table tr td:last-child {
    padding-right: 15px !important;
}

table thead tr th:first-child {
    padding-left: 15px !important;
}

table thead tr th:last-child {
    padding-right: 15px !important;
}

.modal_kit #example_filter label,
.modal_kit #example_filter label input,
.modal_kit #example_wrapper > .row:first-child > .col-md-6 {
    width: 100% !important;
    height: 35px !important;
}

.modal_kit #example_wrapper > .row:first-child {
    margin-bottom: 35px;
}

.table_kit thead {
    display: none !important;
}

.modal_kit .btn_box {
    margin: 0px !important;
}

.modal_kit .btn_box .btn {
    width: 25% !important;
}

.title_step_kit {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

.product_in_kit > div {
    font-size: 22px;
    padding: 15px 10px 15px 10px;
}

.wrapper_kit #infoMessageModal {
    z-index: 1061 !important;
}

.coliship_table_list  .checkbox_label {
    padding: 8px;
    cursor:  pointer !important;
}

.coliship_page .dt-buttons {
    display: none;
}

.modal_kit .checkbox_label {
    width: 1.5em;
    height: 1.5em;
    cursor: pointer;
}

.modal_kit .restart_kit {
    cursor: pointer;
    font-size: 25px;
}

#delete_all_id i {
    color: black !important;
}

.no_kit {
    font-weight: bold;
    font-size: 25px;
}

.prepare_by_detail .title {
    font-size: 16px;
}

.prepare_by_detail .title {
    font-weight: bold;
    font-size: 18px;
}

.barcode_image canvas {
    width: 150px !important;
    height: 91px !important;
}

/* Tooltip container */
.tooltip_clear_cache,
.tooltip_copy_clipboard {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

.tooltip_copy_clipboard {
    border: none !important;
}

/* Tooltip text */
.tooltip_clear_cache .tooltiptext,
.tooltip_copy_clipboard .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    left: 25px;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

.tooltip_copy_clipboard .tooltiptext {
    top: 13px !important;
    width: 70px !important;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip_copy_clipboard .tooltiptext {
    font-size: 12px;
}

.tooltip_clear_cache:hover .tooltiptext {
    visibility: visible;
    font-size: 12px;
}

.coliship_label {
    padding: 0.5rem !important;
    background-color: #e57720;
    border-radius: 10px;
    color: white;
    font-weight: bold;
    width: fit-content;
}

.treated {
    background-color: #3edd76;
    border-radius: 50px;
    width: 20px;
    height: 20px;
}

.not_treated {
    background-color: #ff6472;
    border-radius: 50px;
    width: 18px;
    height: 18px;
}

.dt-buttons {
    position: absolute;
    left: 10px;
}

.dt-buttons button {
    border: 1px solid black;
    color: black;
}

.dt-buttons button:hover {
    background-color: black !important;
    border: 1px solid black !important;
}

.button_shipping_method {
    background-color: #e78520 !important;
    color: white !important;
    transition: 0.3s;
}

.button_shipping_method:hover {
    background-color: #df691b !important;
}

.modal_update_shipping_method {
    z-index: 1061 !important;
}

.point-relai-form {
    padding: 5px;
    border: 1px solid transparent;
}

.selected_point {
    border: 1px solid black;
    border-radius: 10px;
}

#copyButton {
    font-size: 25px;
    color: #6c757d;
    padding: 1vh 0 0;
    cursor: pointer;
}

.reset_date_picker {
    border-radius: 50% !important;
    width: 20px !important;
    height: 20px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px;
}

.valid_date_picker {
    border-radius: 50% !important;
    width: 20px !important;
    height: 20px !important;
    padding: 0px;
}

.valid_date_picker i {
    margin-top: -22px;
}

.valid_date_picker i,
.reset_date_picker i {
    font-size: 15px !important;
}
.reset_date_picker i {
    margin-left: 5px;
}

.btn-transparent {
    background-color: transparent !important;
    color: #000 !important;
}

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

.table.dataTable {
    margin-top: 0px !important;
}

.product-cell {
    max-width: 250px; /* largeur max de la colonne */
    overflow: hidden;
}

.product-img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 6px;
    flex-shrink: 0; /* l’image ne rétrécit pas */
}

.product-img-placeholder {
    width: 40px;
    height: 40px;
    background: #f0f0f0;
    border-radius: 6px;
    flex-shrink: 0;
}

.product-name {
    word-wrap: break-word; /* permet au texte de passer à la ligne */
    overflow-wrap: break-word;
    white-space: normal;
}

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

.popup-shipping-billing {
    position: absolute;
    display: none;
    right: -15px;
    top: 35px;
    z-index: 10;
    font-size: 12px;
    background-color: #ffe6f5;
    border-radius: 20px;
    padding: 15px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.popup-shipping-billing > div {
    background: #fff;
    color: #000;
    padding: 6px 10px;
    border-radius: 20px;
    white-space: nowrap;
}

.labels_page  .dt-buttons {
    position: absolute;
    top: 12px !important;
}

.loading_label_table{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
}

.loading_label_table .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.05); /* semi-transparent sombre */
    z-index: 1;
    border-radius: 20px;

}

.export_button_table {
    display: none;
}

.no_picture {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-image: url("/assets/images/avatars/default_avatar.png");
    background-size: contain;
}