/* Force the left side of the layout to stay fixed and untouched, disabling Tabler's scrollbar compensation */
html,
:root,
:host,
body {
    margin-left: 0 !important;
}

@media (min-width: 992px) {
    html,
    :root,
    :host,
    body {
        margin-left: 0 !important;
    }
}

html {
    overflow-y: scroll;
}

body.modal-open, body.swal2-shown {
    padding-right: 0 !important;
}

:root {
    /*--tblr-primary: #bf7c00;*/
    /*--tblr-primary: #134953;*/
    --tblr-primary: #C78E3E;
    --tblr-body-bg: #E8E9E9;
    --tabler-royal-blue: royalblue;
    --tblr-dark-green: #134953;
    /*--tblr-info: #3b6b96;*/
    /*--tblr-info: #5c8bb5 !important; !*rgba(59, 107, 150, 0.50);*!*/
    --tblr-font-sans-serif: 'Inter';
}

.dropdown-item.active, .dropdown-item:active {
    background-color: var(--tblr-navbar-bg) !important;
}

.btn-dark-alt {
    color: #fff;
    background-color: #165660 !important;
}

.btn-dark-alt:hover {
    color: #DFB663;
}

.navbar {
    /*--tblr-navbar-bg: #134953 !important;*/
    --tblr-navbar-bg: #165660 !important;
}

.dropdown-menu {
    /*--tblr-dropdown-bg: #134953 !important;*/
    --tblr-dropdown-bg: #0c3c44 !important;
}

.form-select-sm .ts-control {
    min-height: 29px !important;
}

.btn-royalblue {
    color: #fff;
    background-color: var(--tabler-royal-blue);
    border-color: var(--tabler-royal-blue);
}

.is-invalid {
    border-color: var(--tblr-form-invalid-border-color) !important;
}

.form-controls-border-primary .form-control,
.form-controls-border-primary .form-select,
.form-controls-border-primary .input-group-text,
.border-primary-30, .border-primary-lt {
    border-color: color-mix(in srgb, var(--tblr-primary) calc(0.3 * 100%), transparent);
}

.form-controls-border-info .form-control,
.form-controls-border-info .form-select,
.form-controls-border-info .input-group-text,
.border-info-30 {
    border-color: color-mix(in srgb, var(--tblr-info) calc(0.3 * 100%), transparent);
}

.form-controls-border-teal .form-control,
.form-controls-border-teal .form-select,
.form-controls-border-teal .input-group-text,
.border-teal-30 {
    border-color: color-mix(in srgb, var(--tblr-teal) calc(0.3 * 100%), transparent) !important;
}

.form-control-sm, .form-select-sm, .input-group-sm .input-group-text {
    font-size: 0.9rem !important;
}

.ti {
    font-size: 1.15rem;
}

.nav-link-icon > .ti {
    font-size: 1.30rem;
}

.table td, button.dropdown-toggle {
    padding: 0.25rem 0.5rem !important  ;
    --tblr-btn-padding-y: 0.15rem !important;
}

.table, .table tr, .table td {
    border-color: rgba(191, 124, 0, 0.25);
}

.table tr:hover {
    /*background-color: var(--tblr-success);*/
    background-color: rgba(191, 124, 0, 0.15); /*0.25*/

    cursor: pointer;
}

.table .form-check-input {
    border-color: var(--tblr-primary);
}

/*.active-page {*/
/*    color: var(--tblr-primary) !important;*/
/*}*/

.card-footer-gpro, .card-header-quarry {
    padding-top: 0.35rem !important;
    padding-bottom: 0.35rem !important;
}

.card-footer-gpro { /* .card-header-quarry, */
    background-color: rgba(191, 124, 0, 0.15) !important;
}

.table th {
    background-color: rgba(199, 142, 62, 0.92) !important;
    color : white !important;
}

button.table-sort, button.table-sort:hover {
    background-color: transparent !important;
    border: none !important;
    color : white !important;
}

.table.thead-info th {
    background-color: var(--tblr-info) !important;
    color : white !important;
}

.table.thead-teal th {
    background-color: var(--tblr-teal) !important;
    color : white !important;
}

input[type=time] {
    padding-right: 10px !important;
}

.nav-link:hover {
    color: #fff !important;
}

.dropdown-item:hover {
    color: #D0943E !important;
}

/** TomSelect Hover/Active Style **/
.ts-dropdown-content .active {
    background-color: var(--tblr-primary-lt) !important;
}

.ts-dropdown-content .option:hover {
    background-color: var(--tblr-primary-lt) !important;
}

.w-8 { width: 8% !important; }
.w-10 { width: 10% !important; }
.w-12 { width: 12% !important; }
.w-13 { width: 13% !important; }
.w-15 { width: 15% !important; }
.w-30 { width: 30% !important; }

/* TODO : Workaound pour tomselect, comme ça ça ne revient pas à la ligne, trouver une solution plus tard */
input[type=select-one] {
    min-width: 2px !important;
}
/* TODO : tomselect always ... adjust height of tomselect field as it is always slightly */
.ts-control:not(.form-select-sm .ts-control) {
    min-height: 38px !important;
}

.form-select-sm .ts-control {
    min-height: 29px !important;
}

.modal-full-width-s {
    min-width: 80%;
    max-width: none;
    margin: 0 2rem 0 4rem;
}

.container-xxl {
    max-width: 95% !important;
}

.form-label {
    margin-bottom: 0 !important;
}

.ts-wrapper.locked {
    background-color: #F9FAFB !important;
    cursor: not-allowed;
}

#modal-informations-demande-achat {
    z-index: 999999;
}

#modal-informations-devis {
    z-index: 999998;
}

#modal-informations-commande {
    z-index: 999997;
}