.cursor-pointer {
    cursor: pointer !important;
}

.badge-nouvelle {
    color: #1b1b1a;
    font-weight: 500;
    background-color: #ffb17a;
}
.min-height-body {
    min-height: 500px !important;
}
.badge-prepare {
    color: #1b1b1a;
    font-weight: 500;
    background-color: #ffd400;
}
.badge-expediee {
    color: white;
    font-weight: 500;
    background-color: #e98a15;
}
.badge-reponce {
    color: white;
    font-weight: 500;
    background-color: #e44a4a;
}
.badge-hors {
    color: white;
    font-weight: 500;
    background-color: #8898aa;
}
.badge-reportee {
    color: white;
    font-weight: 500;
    background-color: #483d8b;
}
.badge-livree {
    color: white;
    font-weight: 500;
    background-color: #28a745;
}
.badge-refusee {
    color: white;
    font-weight: 500;
    background-color: #f40000;
}
.badge-livraison {
    color: white;
    font-weight: 500;
    background-color: #05299e;
}
.badge-stock {
    color: white;
    font-weight: 500;
    background-color: #e4572e;
}
.badge-confirmee {
    color: white;
    font-weight: 500;
    background-color: #1b9aaa;
}
.badge-programmee {
    color: white;
    font-weight: 500;
    background-color: #99582a;
}
.badge-annulee {
    color: white;
    font-weight: 500;
    background-color: #050505;
}
.badge-retour {
    color: white;
    font-weight: 500;
    background-color: #e71d36;
}
.badge-retourV {
    color: white;
    font-weight: 500;
    background-color: #bd1e1e;
}
.btn-block + .btn-block {
    margin-top: 0rem !important;
}
/**************************************************/
.select2-container--default .select2-selection--single {
    border: 1px solid #ced4da !important;
}
.select2-container .select2-selection--single {
    height: calc(1.6em + 0.75rem + 2px) !important;
}

/**************************************************/
.table-actions {
    /* vertical-align: middle !important; */
}
.table-action {
    font-size: 1.2em;
    padding: 0 3px;
}
input[type="checkbox"]:focus {
    outline: 0 none;
}
/**************************************************/

/* .content-wrapper > .content {
    overflow-y: hidden !important;
} */
.v-application--wrap {
    min-height: 100vh !important;
}
.v-application {
    font-family: "Poppins", "Cairo", sans-serif !important;
}
aside.main-sidebar.sidebar-dark-primary.elevation-4 {
    overflow-x: hidden;
}
.main-sidebar .brand-text {
    font-family: "Poppins";
    font-size: 0.9em;
    color: white;
    font-weight: 700 !important;
}
.brand-title {
    font-family: "Poppins";
    font-weight: 900 !important;
}
.pointer {
    cursor: pointer;
}
.pointer:hover {
    font-weight: 800 !important;
}
.timeline:before {
    background-color: transparent !important;
}
a.brand-link {
    text-align: center;
}
.navbar-dark,
.sidebar-dark-primary {
    background-color: #232343;
    color: white !important;
}
.card-dashboard.card-outline {
    border-top: 3px solid #232343;
}
.sidebar-dark-primary .sidebar a {
    color: #fff !important;
}
.sidebar-dark-primary .sidebar a:hover {
    background-color: #131329d2 !important;
}
.router-link-exact-active {
    background-color: #131329d2;
    color: white !important;
}
th:not(.description-column),
td:not(.description-column) {
    white-space: nowrap !important;
}

.description-column {
    max-width: 300px; /* Adjust the max-width value as needed */
    white-space: wrap !important;
    overflow-wrap: break-word !important;
    -moz-overflow-wrap: break-word !important;
    word-wrap: break-word !important; /* For compatibility with older browsers */
}

.bg-info {
    background-color: #00a1b5 !important;
}
.bg-success {
    background-color: #1f9d57 !important;
}
.bg-danger {
    background-color: #e42728 !important;
}
.bg-warning {
    background-color: #fb9514 !important;
    color: #ffffff !important;
}
button.bg-warning:hover,
button.bg-warning:active {
    background-color: #e6880d !important;
}
.no-margin-bottom {
    margin-bottom: 0rem !important;
}
.page-item .page-link,
.page-item span {
    font-size: 0.875rem;
    display: flex;
    width: 36px;
    height: 36px;
    margin: 0 3px;
    padding: 0;
    border-radius: 50% !important;
    align-items: center;
    justify-content: center;
}
.page-item .page-link {
    color: #8898aa;
    border: 1px solid #dee2e6;
    background-color: #fff;
}
.page-item .page-link:hover {
    background-color: #dee2e6;
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    border-color: #fb9514;
    background-color: #fb9514;
}

a.nounderline {
    text-decoration: none !important;
    font-weight: 600;
}
a.nounderline:hover {
    text-decoration: none !important;
}
.small-box h3 {
    font-size: 28px !important;
}
.small-box .icon {
    font-size: 80px !important;
}
.small-box:hover .icon {
    font-size: 85px !important;
}
@media (max-width: 767px) {
    .hidden-phone > span {
        display: none;
        opacity: 0;
        transition: display 0s, opacity 0.5s linear;
    }
    .hidden-phone:hover > span {
        display: block;
        opacity: 1;
    }
    .small-box .icon {
        display: inline-block;
    }
    .small-box p {
        font-size: 15px !important;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .commande-header {
        flex-direction: column;
    }
}

@media (max-width: 767px) {
    /* Styles for mobile devices */
    .min-height-body {
        height: auto !important;
        min-height: auto !important;
    }
}
.v-application--wrap {
    overflow: hidden !important;
}
ul.nav.nav-pills.nav-sidebar.flex-column,
ul.navbar-nav {
    padding-left: 0px !important;
}
.nav-sidebar .nav-header {
    padding: 0.5rem 1rem 0.5rem 1rem !important;
}