:root {
    --primary: #593bdb;
    --primary-hover: #593bdb;
    --headerbg: red;
}

.mm-collapse.mm-show {
    /*margin-left: 0.75rem !important;*/
}

.form-control.is-invalid {
    border-right: 1px solid #FF5E5E !important; /* red */
}

.form-control.is-valid {
    border-right: 1px solid #3AC977 !important; /* red */
}

.metismenu ul a.mm-active {
    color: var(--primary) !important;
}

.metismenu > li.mm-active > a {
    color: var(--primary) !important;
}

.metismenu > li.mm-active > a i {
    color: var(--primary) !important;
    font-weight: 900 !important;
}

.menu-icon {
    margin-right: 8px !important;
    width: 20px !important;
}

.menu-title {
    color: var(--primary) !important;
}

span.select2.select2-container--default.is-invalid {
    border-radius: 0.375rem !important;
    border: 1px solid #FF5E5E !important;
}

span.select2.select2-container--default.is-valid {
    border-radius: 0.375rem !important;
    border: 1px solid #3AC977 !important;
}

.bootstrap-tagsinput {
    border-radius: 0.375rem !important;
    min-height: 2.813rem !important;
    padding: 0.5rem !important;
}

.bootstrap-tagsinput .tag {
    border-radius: 0.375rem !important;
    margin: 2px 0 2px 0 !important;
}

div.bootstrap-tagsinput.is-invalid {
    border-radius: 0.375rem !important;
    border: 1px solid #FF5E5E !important;
}

div.bootstrap-tagsinput.is-valid {
    border-radius: 0.375rem !important;
    border: 1px solid #3AC977 !important;
}

.badge-purple {
    background-color: var(--primary) !important;
}

.paginate_button.current {
    background: var(--primary) !important;
}

.page-titles .breadcrumb li.active a {
    color: var(--primary) !important;
}

.page-titles .breadcrumb-item:before {
    color: var(--primary) !important;
}

.padding-top-10 {
    padding-top: 10px !important;
}


.django-ckeditor-widget {
    width: 100% !important;
}

/*.select2-hidden-accessible {*/
/*    margin: 2em 0 0 80px !important;*/
/*}*/

.form-control:disabled, .form-control[readonly] {
    background: var(--bs-secondary-bg) !important;
    opacity: unset !important;
}

div#info-stock-product-modal {
    background-color: rgba(0, 0, 0, 0.4);
}

.stock-link, .stock-link:hover, .stock-link:focus, .stock-link:active {
    padding: 0 !important;
    text-decoration: underline;
    font-size: 13px;
}

.stock-title {
    font-size: 14px !important;
}

div.nav-header {
    z-index: 6 !important;
}

div.header {
    z-index: 5 !important;
}

select[readonly].select2-hidden-accessible + .select2-container {
    pointer-events: none;
    touch-action: none;

    .select2-selection {
        background: #eee;
        box-shadow: none;
    }

    .select2-selection__arrow,
    .select2-selection__clear {
        display: none;
    }
}

.button-right {
    width: auto !important;
    margin-left: 10px !important;
}

.chatbox {
    width: 50vw;
    right: -50vw;

    .chatbox-close {
        right: 50vw !important;
    }
}


@media (max-width: 991.98px) {
    .chatbox {
        width: 90vw;
        right: -90vw;

        .chatbox-close {
            right: 90vw !important;
        }
    }
}

.chatbox .contacts_body {
    height: auto;
}

.product-title {
    margin-bottom: 0 !important;
}

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

.brand {
    font-weight: 500;
    color: gray;
    font-size: 13px;
}

td.nb {
    border: 0 !important;
}

.modal.fade {
    background: rgba(0, 0, 0, 0.5);
}

.modal-backdrop.fade {
    opacity: 0;
}

.info-product-modal,
.info-stock-product-modal,
.info-request-modal,
.request-stock-modal,
.sale-details-modal {
    cursor: pointer;
}

.dataTables_scrollBody {
    border-bottom: 0px !important;
}

body.dragging, body.dragging * {
    cursor: move !important;
}

.dragged {
    position: absolute;
    opacity: 0.5;
    z-index: 2000;
}

ol.sortable li.placeholder {
    position: relative;
    /** More li styles **/
}

ol.sortable li.placeholder:before {
    position: absolute;
    /** Define arrowhead **/
}

.dropdown-menu {
    z-index: 1070 !important;
}

.loading-overlay {
    filter: blur(1px);
'::-moz-selection': none;
'::selection': none;
    pointer-events: none;
    user-select: none;
}

.select2-selection__rendered {
    max-height: 80px !important;
    overflow-y: auto !important;
}