@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,400;0,700;1,400;1,700&family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/*Variables couleurs*/
:root {
    --main-color: #33c15b;
    --main-dark-color: #279a4a;
    --main-pale-color: #f2fff6;
    --main-light-color: #62d786;
    --main-medium-color: #0e9f54;
    --secondary-color: #4b4d4e;
    --complementary-color: #bf3051;
    --complementary-dark-color: #7f213a;
    --danger-color: #dc3545;
    --light-grey: #e6ecef;
    --ultra-light-grey: #f7f7f7;
    --grey-color: #676f73;
    --dark-grey: #3a474d;
    --border-color: #d6d5d5;
    --delete-color: #88989b;
    --text-color: #212529;
    --white-color: #ffffff;
    --rz-primary: #33c15b;
    --rz-primary-light: #62d786;
    --rz-primary-lighter: #f2fff6;
    --rz-primary-dark: #279a4a;
    --rz-primary-darker: #0e9f54;
    --rz-secondary: #09AD7F;
    --rz-secondary-light: #46c7a3;
    --rz-secondary-lighter: #62d786;
    --rz-secondary-dark: #279a4a;
    --rz-secondary-darker: #0b7759;
    --rz-dark: #0c752c;
    --rz-info: #2cc8c8;
    --rz-info-light: #4ed1d1;
    --rz-info-lighter: rgba(44, 200, 200, 0.2);
    --rz-info-dark: #25a8a8;
    --rz-info-darker: #219696;
    --rz-success: #279a4a;
    --rz-success-light: #77c98a;
    --rz-success-lighter: rgba(93, 191, 116, 0.16);
    --rz-success-dark: #4ea061;
    --rz-success-darker: #468f57;
    --rz-warning: #fac152;
    --rz-warning-light: #fbcb6e;
    --rz-warning-lighter: rgba(250, 193, 82, 0.2);
    --rz-warning-dark: #d2a245;
    --rz-warning-darker: #bc913e;
    --rz-danger: #dc3545;
    --rz-danger-light: #fa8d93;
    --rz-danger-lighter: rgba(249, 119, 127, 0.2);
    --rz-danger-dark: #d1646b;
    --rz-danger-darker: #bb595f;
    --rz-series-1: #0479cc;
    --rz-series-2: #68d5c8;
    --rz-series-3: #ff6d41;
    --rz-series-4: #cb6992;
    --rz-series-5: #e6c54f;
    --rz-series-6: #f9777f;
    --rz-series-7: #5dbf74;
    --rz-series-8: #4db9f2;
}

h1:focus-visible {
    outline: none;
}

::-webkit-scrollbar-thumb {
    background-color: var(--border-color) !important;
}

div.pac-container {
    z-index: 2000 !important;
}

body:not(.rz-default-scrollbars)::-webkit-scrollbar {
    background-color: transparent;
}

body:not(.rz-default-scrollbars)::-webkit-scrollbar-thumb {
    background: rgba(141, 142, 144, 0.5);
    border: 4px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    border-radius: 8px;
}

body:not(.rz-default-scrollbars)::-webkit-scrollbar-corner {
    background-color: transparent;
}

body:not(.rz-default-scrollbars) ::-webkit-scrollbar {
    background-color: transparent;
}

body:not(.rz-default-scrollbars) ::-webkit-scrollbar-thumb {
    background: rgba(141, 142, 144, 0.5);
    border: 4px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    border-radius: 8px;
}

body:not(.rz-default-scrollbars) ::-webkit-scrollbar-corner {
    background-color: transparent;
}

body .rzi, body .rz-column-drag, body .rz-datatable-loading-content .rzi-circle-o-notch, body .rz-datatable-header .rzi-plus, body .rz-sortable-column .rzi-grid-sort, body .rz-datatable .rzi-chevron-circle-down, body .rz-datatable .rzi-chevron-circle-right, body .rz-fileupload-row .rz-button .rzi-close, body .rz-fileupload-row .rz-paginator-element .rzi-close, body .rz-fileupload-row .rz-button .rzi-times, body .rz-fileupload-row .rz-paginator-element .rzi-times, body .rz-fileupload-row .rz-button .rz-icon-trash, body .rz-fileupload-row .rz-paginator-element .rz-icon-trash, body .rz-menuitem .rz-menuitem-icon {
    vertical-align: middle;
}

body .white-background {
    background: var(--white-color);
}

body .light-grey-background {
    background: var(--light-grey);
}

body .bold {
    font-weight: bold;
}

body .pb-2px {
    padding-bottom: 2px;
}

body .sidebar .rz-panel-menu {
    background: none;
    overflow: hidden;
}

@media (max-width: 992px) {
    body .sidebar .rz-panel-menu .rz-navigation-item-text,
    body .sidebar .rz-panel-menu .rz-badge,
    .rz-tabview-nav li .rz-tabview-title {
        display: none;
    }
    .rz-tabview-nav li img  {
        width:70px;
    }
}

body .sidebar .rz-panel-menu .rz-navigation-item-active:before, body .sidebar .rz-panel-menu .rz-navigation-item-wrapper-active:before {
    background-color: var(--main-color);
}

body .rz-tabview-top > .rz-tabview-nav .rz-tabview-selected {
    border-top-color: var(--main-color);
}

body .rz-tabview-nav li a {
    color: var(--dark-grey);
    padding: 0.375rem 1.65rem;
}

body .rz-tabview-left .rz-tabview-nav li a {
    padding: 0.375rem 20px;
}

body .adminproduct .rz-tabview-left .rz-tabview-nav li a {
    padding: 5px 10px;
}

body .rz-tabview-top > .rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) {
    border-top-color: var(--main-color);
}

body .rz-tabview-top > .rz-tabview-nav li.active {
    border-top-color: var(--main-color);
    background: var(--white-color);
    border-bottom: 0;
    margin-bottom: -1px;
}

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

body .text-15 {
    font-size: 15px;
}

body .text-16 {
    font-size: 16px;
}

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

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

body .rz-icon-lg .rzi,
body .btn-icon-lg .rzi {
    font-size: 21px;
    line-height: 1;
}

body .material-icons {
    vertical-align: middle;
}

body button .material-icons,
body .btn .material-icons {
    margin-right: 2px;
}

body .rz-notification {
    top: 64px !important;
}

body .rz-growl-item {
    margin: 1rem 0 0;
}

body .main-color {
    color: var(--main-color);
}

body .delete-color {
    color: var(--delete-color);
}

body .danger-color {
    color: var(--danger-color);
}

body .text-color {
    color: var(--text-color);
}

body a, body .btn-link, body .nav-link, body .rz-link {
    color: var(--main-color);
    text-decoration: none;
    cursor: pointer;
}

body a.danger-color:hover {
    color: #C75F66;
}

body .rz-link:hover .rz-link-text, body .rz-link:focus .rz-link-text {
    text-decoration: none;
}

body .btn,
body .rz-button,
body .btn:hover,
body .rz-button:hover,
body .btn:active,
body .rz-button:active,
body .btn:focus,
body .rz-button:focus,
.rz-button:not(.rz-state-disabled):hover:not(:active),
.rz-paginator-element:not(.rz-state-disabled):hover:not(:active) {
    box-shadow: none !important;
}

.rz-paginator {
    border-top: solid 1px var(--border-color);
}

body .rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) a, body .rz-panel-titlebar-toggler:hover, body .rz-calendar:not(.rz-state-disabled):hover .rz-datepicker-trigger,
body .rz-steps .rz-state-highlight .rz-steps-title,
body .rz-steps-next:not(.rz-state-disabled):hover, body .rz-steps-prev:not(.rz-state-disabled):hover {
    color: var(--main-color);
}

body .rz-button.rz-primary,
body .rz-button.btn-primary,
body .rz-fileupload-choose.rz-button.rz-secondary,
body .rz-fileupload-choose.rz-button.btn-secondary,
body .rz-steps .rz-state-highlight .rz-steps-number,
body .rz-apply-filter,
body .rz-listbox-item.rz-state-highlight, body .rz-listbox:not(.rz-state-disabled) .rz-listbox-item:hover:hover,
body .rz-progressbar-value,
body .rz-progressbar-determinate-primary .rz-progressbar-value {
    background-color: var(--main-color);
    color: var(--white-color);
}

body .rz-button.rz-secondary,
body .rz-button.btn-secondary,
body .rz-button.rz-secondary.rz-shade-default {
    background-color: var(--secondary-color);
    color: var(--white-color);
}

body .rz-button.rz-secondary:hover,
body .rz-button.rz-secondary:active,
body .rz-button.rz-secondary:focus,
body .rz-button.btn-secondary:hover,
body .rz-button.btn-secondary:active,
body .rz-button.btn-secondary:focus,
body .rz-button.rz-secondary.rz-shade-default:hover,
body .rz-button.rz-secondary.rz-shade-default:active,
body .rz-button.rz-secondary.rz-shade-default:focus {
    background-color: var(--text-color);
    border: 0;
}

body .rz-button.rz-light,
body .rz-button.btn-light,
body .rz-light,
body .btn-light {
    background-color: var(--main-medium-color);
    color: var(--white-color);
    border: solid 1px var(--main-medium-color);
}

body .rz-button.rz-light:hover,
body .rz-button.rz-light:active,
body .rz-button.rz-light:focus,
body .rz-button.btn-light:hover,
body .rz-button.btn-light:active,
body .rz-button.btn-light:focus,
body .rz-light:hover,
body .rz-light:active,
body .rz-light:focus,
body .btn-light:hover,
body .btn-light:active,
body .btn-light:focus {
    background-color: var(--main-dark-color);
    border-color: var(--main-dark-color);
    color: var(--white-color);
}

body .rz-cell-filter .rz-button.rz-light,
body .rz-cell-filter .rz-button.btn-light,
body .rz-cell-filter .rz-light,
body .rz-cell-filter .btn-light {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

body .rz-button.rz-info,
body .rz-button.btn-info {
    background-color: var(--grey-color);
    color: var(--white-color);
}

body .rz-button.rz-dark,
body .rz-button.btn-dark {
    background-color: var(--rz-dark);
    color: var(--white-color);
}

body .rz-button.w-100,
body .btn.w-100 {
    padding-left: 10px;
    padding-right: 10px;
}

body .rz-fileupload-files .rz-light,
body .rz-fileupload-files .btn-light {
    background-color: var(--red);
}

body .rz-steps .rz-menuitem-link:hover {
    color: var(--main-color) !important;
}

body .btn-primary.rz-paginator-element, body .rz-primary.rz-paginator-element, body .rz-dropdown-item.rz-state-highlight, body .rz-state-highlight.rz-menuitem, body .rz-state-highlight.rz-autocomplete-list-item, body .rz-state-highlight.rz-multiselect-item, body .rz-dropdown-items li.rz-state-highlight, body .rz-autocomplete-items li.rz-state-highlight, body .rz-multiselect-items li.rz-state-highlight,
body .rz-dropdown-item:hover, body .rz-menuitem:hover, body .rz-autocomplete-list-item:hover, body .rz-multiselect-item:hover, body .rz-dropdown-items li:hover, body .rz-autocomplete-items li:hover, body .rz-multiselect-items li:hover,
body .rz-dropdown-item.rz-state-highlight:hover, body .rz-state-highlight.rz-menuitem:hover, body .rz-state-highlight.rz-autocomplete-list-item:hover, body .rz-state-highlight.rz-multiselect-item:hover, body .rz-dropdown-items li.rz-state-highlight:hover, body .rz-autocomplete-items li.rz-state-highlight:hover, body .rz-multiselect-items li.rz-state-highlight:hover,
body .btn-secondary.rz-paginator-element, body .rz-secondary.rz-paginator-element {
    background-color: var(--main-medium-color);
    color: var(--white-color);
}

body .rz-info.rz-paginator-element,
body .btn-info.rz-paginator-element {
    background-color: var(--grey-color);
}

body .main-header.navbar-light .navbar-nav .show > .nav-link, body .main-header.navbar-light .navbar-nav .active > .nav-link, body .main-header.navbar-light .navbar-nav .nav-link.show, body .main-header.navbar-light .navbar-nav .nav-link.active {
    color: rgba(0, 0, 0, 0.5);
}

body .main-header.navbar-light .navbar-nav .show > .nav-link:hover, body .main-header.navbar-light .navbar-nav .active > .nav-link:hover, body .main-header.navbar-light .navbar-nav .nav-link.show:hover, body .main-header.navbar-light .navbar-nav .nav-link.active:hover {
    color: var(--main-color);
}

body .main-header.navbar-light .navbar-nav .disabled > .nav-link, body .main-header.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, 0.2);
}

body .rz-radiobutton-box.rz-state-active {
    background-color: var(--main-color);
}

body .rz-radiobutton-box.rz-state-active:hover {
    background-color: var(--main-medium-color);
}

body .rz-progressbar .rz-progressbar-label {
    color: var(--white-color);
}

@media (min-width: 992px) {
    body .main-header .navbar-nav .nav-item-expand .nav-link {
        padding-left: 2rem;
    }
}

body #blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgb(0 0 0 / 20%);
    display: none;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

body #blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

body .rz-badge {
    border-radius: 5px;
}

body .rz-switch.rz-switch-checked .rz-switch-circle,
body .rz-datepicker-calendar td .rz-state-active {
    background: var(--main-color);
}

body .rz-primary, .rz-button.rz-primary, body .rz-primary.rz-paginator-element,
body .btn-primary, .rz-button.btn-primary, body .btn-primary.rz-paginator-element,
body .rz-dialog-wrapper .rz-primary, body .rz-dialog-wrapper .rz-button.rz-primary, body .rz-dialog-wrapper .rz-primary.rz-paginator-element,
body .rz-dialog-wrapper .btn-primary, body .rz-dialog-wrapper .rz-button.btn-primary, body .rz-dialog-wrapper .btn-primary.rz-paginator-element {
    background: var(--main-color);
    border-color: var(--main-color);
    max-width: 100%;
}

body .rz-primary:hover, body .rz-primary:focus, body .rz-primary.focus, body .rz-primary:not(:disabled):not(.disabled):active, body .rz-primary:not(:disabled):not(.disabled).active, body .show > .rz-primary.dropdown-toggle,
body .btn-primary:hover, body .btn-primary:focus, body .btn-primary.focus, body .btn-primary:not(:disabled):not(.disabled):active, body .btn-primary:not(:disabled):not(.disabled).active, body .show > .btn-primary.dropdown-toggle {
    background: var(--main-dark-color);
    border-color: var(--main-dark-color);
}

body .rz-chkbox-box.rz-state-active, body .rz-treenode-content:not(.rz-treenode-content-selected):hover .rz-treenode-label, body .rz-treenode-content-selected .rz-treenode-label,
body .rz-button.btn-primary, body .btn-primary.rz-paginator-element,
body .rz-button.rz-primary, body .rz-primary.rz-paginator-element {
    background-color: var(--main-color);
}

body .rz-chkbox-box.rz-state-active:hover, body .rz-chkbox-box.rz-state-active:hover, body .rz-chkbox-box.rz-state-active, body .rz-chkbox-box.rz-state-disabled.rz-state-active, body .rz-chkbox-box.rz-state-disabled.rz-state-active:hover {
    background: none;
    color: var(--main-color);
}

body .rz-chkbox-box .rzi, body .rz-chkbox-box .rz-column-drag, body .rz-chkbox-box .rz-datatable-loading-content .rzi-circle-o-notch, body .rz-datatable-loading-content .rz-chkbox-box .rzi-circle-o-notch, body .rz-chkbox-box .rz-datatable-header .rzi-plus, body .rz-datatable-header .rz-chkbox-box .rzi-plus, body .rz-chkbox-box .rz-sortable-column .rzi-grid-sort, body .rz-sortable-column .rz-chkbox-box .rzi-grid-sort, body .rz-chkbox-box .rz-datatable .rzi-chevron-circle-down, body .rz-datatable .rz-chkbox-box .rzi-chevron-circle-down, body .rz-chkbox-box .rz-datatable .rzi-chevron-circle-right, body .rz-datatable .rz-chkbox-box .rzi-chevron-circle-right, body .rz-chkbox-box .rz-fileupload-row .rz-button .rzi-close, body .rz-chkbox-box .rz-fileupload-row .rz-paginator-element .rzi-close, body .rz-fileupload-row .rz-button .rz-chkbox-box .rzi-close, body .rz-fileupload-row .rz-paginator-element .rz-chkbox-box .rzi-close, body .rz-chkbox-box .rz-fileupload-row .rz-button .rzi-times, body .rz-chkbox-box .rz-fileupload-row .rz-paginator-element .rzi-times, body .rz-fileupload-row .rz-button .rz-chkbox-box .rzi-times, body .rz-fileupload-row .rz-paginator-element .rz-chkbox-box .rzi-times, body .rz-chkbox-box .rz-fileupload-row .rz-button .rz-icon-trash, body .rz-chkbox-box .rz-fileupload-row .rz-paginator-element .rz-icon-trash, body .rz-fileupload-row .rz-button .rz-chkbox-box .rz-icon-trash, body .rz-fileupload-row .rz-paginator-element .rz-chkbox-box .rz-icon-trash, body .rz-chkbox-box .rz-menuitem .rz-menuitem-icon, body .rz-menuitem .rz-chkbox-box .rz-menuitem-icon {
    color: var(--main-color);
    font-weight: bold;
}

body .rz-link .rzi, body .rz-link .rz-menuitem .rz-menuitem-icon, body .rz-menuitem .rz-link .rz-menuitem-icon, body .rz-link .rz-fileupload-row .rz-button .rzi-close, body .rz-fileupload-row .rz-button .rz-link .rzi-close, body .rz-link .rz-fileupload-row .rz-button .rzi-times, body .rz-fileupload-row .rz-button .rz-link .rzi-times, body .rz-link .rz-fileupload-row .rz-button .rz-icon-trash, .rz-fileupload-row .rz-button .rz-link .rz-icon-trash, body .rz-link .rz-datatable .rzi-chevron-circle-right, body .rz-datatable .rz-link .rzi-chevron-circle-right, body .rz-link .rz-datatable .rzi-chevron-circle-down, body .rz-datatable .rz-link .rzi-chevron-circle-down, body .rz-link .rz-sortable-column .rzi-grid-sort, body .rz-sortable-column .rz-link .rzi-grid-sort, body .rz-link .rz-datatable-header .rzi-plus, body .rz-datatable-header .rz-link .rzi-plus, body .rz-link .rz-datatable-loading-content .rzi-circle-o-notch, body .rz-datatable-loading-content .rz-link .rzi-circle-o-notch, body .rz-link .rz-column-drag, body .rz-link .rz-fileupload-row .rz-paginator-element .rzi-close, body .rz-fileupload-row .rz-paginator-element .rz-link .rzi-close, body .rz-link .rz-fileupload-row .rz-paginator-element .rzi-times, body .rz-fileupload-row .rz-paginator-element .rz-link .rzi-times, body .rz-link .rz-fileupload-row .rz-paginator-element .rz-icon-trash, body .rz-fileupload-row .rz-paginator-element .rz-link .rz-icon-trash {
    font-size: 1.7em;
}

body .rz-button.nostyle {
    background: none !important;
    padding: 0;
    border: 0;
    color: var(--main-color);
    box-shadow: none;
}

body .rz-button.nostyle:active,
body .rz-button.nostyle:focus,
body .rz-button.nostyle:hover {
    color: var(--main-dark-color);
    box-shadow: none;
}

body .rz-grid-table td, body .rz-grid-table th, body .rz-datatable-data td, body .rz-grid-table td {
    padding: 0.3rem 10px;
    vertical-align: middle;
}

body .rz-datatable-thead th, body .rz-grid-table thead th {
    border-top: 0;
    padding: 0.3rem 10px;
}

body .rz-datatable-thead th > div:not(.rz-cell-filter),
body .rz-grid-table thead th > div:not(.rz-cell-filter) {
    padding: 0;
}

body .rz-datatable-thead th .rz-cell-filter, body .rz-grid-table thead th .rz-cell-filter {
    background: none;
    border: 0;
    padding: 0;
}

body .rz-datatable-data td, body .rz-grid-table td {
    border-bottom: 0;
}

body .admincrm .rz-datatable-data td, body .admincrm .rz-grid-table td {
    border-bottom: solid 1px #dadfe2;
}

body .rz-datatable-thead th .rz-column-title, body .rz-grid-table thead th .rz-column-title {
    padding: 0;
    white-space: initial;
    line-height: 1;
    vertical-align: middle;
}

body .rz-treenode-content .rz-treenode-label {
    padding: 2px 10px;
}

body .rz-switch {
    vertical-align: middle;
}

body .rz-radio-button-list-horizontal {
    display: flex;
}

body .rz-chkbox {
    margin-right: 3px;
}

.filters .rz-label {
    display: inline;
}

body .loginform {
    border: solid 1px var(--light-grey);
    background: #fff;
    padding: 15px;
    max-width: 380px;
}

body .loginform input, body .loginform button {
    width: 100%;
    height: auto;
}

body .loginform button, body .loginform .btn {
    margin-top: 10px;
}

body .rz-paginator-page.rz-state-active {
    color: var(--main-color);
}

body .rz-paginator-last, body .rz-paginator-next, body .rz-spinner-button {
    background-color: var(--grey-color);
    color: #fff;
}

body .rz-spinner-button:hover, body .rz-paginator-last:hover, body .rz-paginator-next:hover, body .rz-spinner-button:hover {
    background-color: var(--main-dark-color);
    color: #fff;
}

body .rz-grid-table thead tr:nth-of-type(2) th {
    top: auto;
}

body textarea {
    min-height: 200px;
}

body table textarea {
    min-height: 64px;
}

body .description textarea {
    min-height: 300px;
}

body textarea.minitextarea {
    min-height: 140px;
}

body textarea.miniminitextarea {
    min-height: 95px;
}

body .img-overview {
    max-width: 200px;
}

body .img-overview img {
    max-width: 100%;
}

body .img-overview-big .img-overview {
    max-width: 400px;
}

body .legend {
    font-size: 80%;
    margin-top: 5px;
}

body .div-table {
    background: #fff;
    overflow: auto;
    width: 100%;
    position: relative;
    border-collapse: separate;
    border-spacing: 0;
}

body .div-th {
    background-color: #e6ecef;
    font-size: 0.75rem;
    line-height: inherit;
    text-transform: uppercase;
    color: #3a474d;
    font-weight: normal;
}

body .div-td {
    color: #48606c;
    font-size: 0.875rem;
}

body .div-th:not(:last-child), body .div-td:not(:last-child) {
    border-right: solid 1px #dfe7eb;
}

body .div-th, body .div-td {
    padding: 0.3rem 10px;
    vertical-align: middle;
    line-height: 1.2;
}

body .div-td .rz-cell-data {
    color: #48606c;
    font-size: 0.875rem;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body .div-tbody .div-tr:nth-child(even) .div-td, body .div-table-draggable .div-tbody > div:nth-child(even) .div-td {
    background: #fff;
}

body .div-tbody .div-tr:nth-child(odd) .div-td, body .div-table-draggable .div-tbody > div:nth-child(odd) .div-td {
    background: #f7f9fa;
}

body .rz-card {
    padding: 10px 15px;
}

body .maxheightscroll {
    max-height: 700px;
    overflow-y: auto;
}

body .dialog-btns button {
    width: 100%;
}

body .rz-textarea {
    width: 100%;
}

body .rz-datepicker-title {
    height: auto;
}

body .rz-multiselect, body .rz-dropdown {
    vertical-align: middle;
}

body .rz-datepicker-title .rz-dropdown {
    margin-bottom: 5px;
}

body .rz-multiselect-label-container, body .rz-dropdown-label {
    margin: 0;
}

body .rz-datepicker .rz-datepicker-calendar td .rz-state-default:hover {
    background-color: var(--main-color);
}

body .checkbox-toggle-double .rz-switch .rz-switch-circle {
    background-color: var(--main-dark-color);
}

body .checkbox-toggle-double .rz-switch-checked .rz-switch-circle {
    background-color: var(--main-color);
}

body .rz-dialog-wrapper .rz-radiobutton-box.rz-state-active:hover,
body .rz-dialog-wrapper .rz-radiobutton-box:active:not(.rz-state-disabled),
body .rz-dialog-wrapper .rz-radiobutton-box.rz-state-active,
body .rz-dialog-wrapper .rz-treenode-content-selected .rz-treenode-label {
    background-color: var(--main-color);
}

body .product-tags-filter .rz-panel-titlebar {
    justify-content: start;
}

body .product-tags-filter .rz-panel-titlebar div {
    order: 2;
}

body .product-tags-filter .rz-panel-titlebar .rz-panel-titlebar-toggler {
    order: 1;
    margin: 0 10px 0 0;
}

body .product-tags-filter .rz-panel-content {
    margin: 10px 0 0;
    padding: 5px 0 0;
    border-top: solid 1px #ddd;
}

body .product-tags-filter .badgediv {
    margin: 5px 5px 0 0;
    padding: 4px 10px 5px 10px;
    border: 0;
    line-height: 1;
}

body .product-tags-filter .badgediv .rz-chkbox {
}

body .product-tags-filter .badgediv .badge {
    padding: 0 0 2px 5px;
    vertical-align: middle;
    font-weight: 400;
}

body .rz-button.rz-nobg,
body .rz-button.btn-nobg {
    background: none;
    padding: 0;
}

body .rz-button.rz-nobg i,
body .rz-button.btn-nobg i {
    font-size: 1.3em;
}

body .rz-button.rz-primary.rz-nobg,
body .rz-button.btn-primary.btn-nobg {
    color: var(--main-color);
}

body .rz-button.rz-primary.rz-nobg:hover,
body .rz-button.btn-primary.btn-nobg:hover,
body .rz-button.rz-primary.rz-nobg:focus,
body .rz-button.btn-primary.btn-nobg:focus {
    color: var(--primary-hover);
    background: none;
}

body #productProperties {
    position: relative;
}

body #productProperties .accordion-collapse {
    overflow: auto;
    max-height: 500px;
    position: absolute;
    right: 0;
    z-index: 9;
    width: 600px;
    background: #fff;
}

body .rz-datatable-data td .rz-cell-data, body .rz-grid-table td .rz-cell-data, body .accordion-button:not(.collapsed) {
    color: var(--dark-grey);
    white-space: initial;
}

body .accordion-button:focus {
    border-color: var(--main-color);
    box-shadow: 0 0 0 0.25rem rgb(51 193 91 / 25%);
}

body .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2333c15b'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

body .rz-selectable .rz-datatable-even.rz-state-highlight > td, body .rz-selectable .rz-datatable-odd.rz-state-highlight > td {
    background-color: var(--light-grey);
}

body .rz-selectable .rz-datatable-even:hover:not(.rz-state-highlight) > td:not(.rz-frozen-cell), body .rz-selectable .rz-datatable-odd:hover:not(.rz-state-highlight) > td:not(.rz-frozen-cell), body .accordion-button:not(.collapsed) {
    background-color: var(--light-grey);
}

body .rz-selectable .rz-datatable-even:hover:not(.rz-state-highlight) .rz-cell-data, body .rz-selectable .rz-datatable-odd:hover:not(.rz-state-highlight) .rz-cell-data,
body .rz-selectable .rz-datatable-even.rz-state-highlight .rz-cell-data, body .rz-selectable .rz-datatable-odd.rz-state-highlight .rz-cell-data {
    color: var(--text-color);
}

body .datagrid-products .rz-data-grid-data {
    max-height: 600px;
}

body .datagrid-products .badge {
    font-weight: 400;
}

body .datagrid-estimates .rz-datatable-scrollable-wrapper {
    max-height: 650px;
}

body .sourcingsubarticles-pmgrid .rz-datatable-scrollable-wrapper {
    max-height: 530px;
}

body .sourcingsubarticles-pmgrid .rz-datatable-scrollable-wrapper .rz-cell-data .rz-button {
    padding: 0 0.5rem;
}

body .sourcingsubarticles-pmgrid .rz-datatable-scrollable-wrapper .rz-cell-data .rz-button .rz-button-text {
    display: none;
}

body .rz-dialog-wrapper .rz-treenode-content:not(.rz-treenode-content-selected):hover .rz-treenode-label,
body .rz-treenode-content:not(.rz-treenode-content-selected):hover .rz-treenode-label {
    background-color: var(--light-grey);
    color: var(--text-color);
}

body .rz-dialog-wrapper .rz-treenode-content .rz-treenode-label,
body .rz-treenode-content .rz-treenode-label {
    padding: 5px 10px;
}

body .pointer {
    cursor: pointer;
}

body .max-height {
    max-height: 200px;
    overflow-y: auto;
}

body .checkbox-toggle .rz-switch, body .checkbox-toggle .rz-label {
    display: inline-block;
    vertical-align: middle;
}

body .markdown-preview {
    max-height: 400px;
    overflow-x: auto;
}

body .markdown-preview p {
    margin: 0 0 15px;
}

body .markdown-preview iframe, body .markdown-preview .video {
    float: right;
    width: 600px;
    max-width: 100%;
    height: 337px;
    margin: 0 0 10px 20px;
    border: 0;
}

body .rz-tabview-nav li a {
    height: 100%;
}

body .rz-fileupload-buttonbar {
    background: none;
    padding: 0;
    border-radius: 0;
}

body .rz-tabview-panel textarea {
    margin-top: 0.5rem !important;
}

body .aftersales-comment {
    overflow-y: auto;
    max-height: 194px;
}

body .sticky-top {
    position: sticky;
    top: 59px;
    z-index: 9;
}

body .sticky-top-padding {
    top: 69px;
}

body .sticky-top-dialog {
    position: sticky;
    top: 0;
}

body .rz-cell-data .rz-big-cell,
body .rz-cell-data .btn-big-cell {
    word-break: break-word;
    padding: 2px 5px 5px;
    height: auto;
    font-size: 16px;
}

body .rz-cell-data .rz-big-cell .rz-button-text,
body .rz-cell-data .btn-big-cell .rz-button-text {
    line-height: 1;
}

body .rz-tabview-panel .list-group-item {
    padding: 6px 12px;
}

body .rz-tabview-panel .list-group-item.active {
    color: #495057;
    background: #fff;
}

body .stars {
    color: var(--yellow);
}

body .stars-empty {
    color: var(--grey-color);
}

body .rz-dialog-wrapper {
    z-index: 1999;
}

body .rz-panel-menu .rz-navigation-menu .navmenu-palace .rz-navigation-item-icon,
body .rz-panel-menu .rz-navigation-menu .navmenu-priceposition .rz-navigation-item-icon {
    font-size: 0;
    height: 21px;
}

body .rz-panel-menu .rz-navigation-menu .navmenu-palace .rz-navigation-item-icon {
    background: url("/img/kubernetes.svg") no-repeat center;
}

body .rz-panel-menu .rz-navigation-menu .navmenu-priceposition .rz-navigation-item-icon {
    background: url("/img/price-position.svg") no-repeat center;
}

body .rz-panel-menu .rz-navigation-menu .navmenu-newtab .rz-navigation-item-text:after {
    content: "";
    background: url("/img/newtab.png") no-repeat center;
    background-size: 100%;
    width: 16px;
    height: 16px;
    display: block;
    margin: 2px 0 0 5px;
    float: right;
}

body .rz-panel-titlebar-toggler {
    margin-left: 10px;
}

body .rz-link.align-baseline .rz-link-text {
    vertical-align: baseline;
}

body .rz-dropdown-panel {
    width: auto !important;
}

body .rz-cell-data .attribut-container .col-md-3,
body .rz-cell-data .attribut-container .multiple-attribute-False .col-md-5,
body .rz-cell-data .attribut-container .col-md-9 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

body .rz-cell-data .attribut-container .form-control {
    font-size: 0.875rem;
}

body .rz-cell-data .attribut-container.form-group {
    margin: 0;
}

body .rz-datatable .rz-frozen-cell {
    position: -webkit-sticky;
    position: sticky;
    background: #e6ecef;
    z-index: 1;
    left: 0;
}

body .rz-panel-menu .rz-navigation-item-link {
    padding: 0.625rem 12px;
}

body .rz-panel-menu .rz-navigation-menu .rz-navigation-item .rz-navigation-item-link {
    padding: 0.25rem 12px;
}

body .rz-panel-menu .rz-navigation-menu .rz-navigation-item .rz-badge {
    margin-left: 5px;
}

body .rz-panel-menu .rz-navigation-menu .rz-navigation-item-icon {
    margin: 0 8px 0 0;
}

body .rz-tabview-left-icon {
    margin-right: 3px;
}

body .rz-panel-menu {
    font-weight: normal;
}

body .rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td:not(.rz-frozen-cell) {
    background-color: var(--light-grey);
}

body .rz-chkbox-box,
body .rz-chkbox-box:hover:not(.rz-state-disabled) {
    border-width: 1px;
}

body .rz-datatable-thead th.rz-text-align-right.rz-sortable-column .rz-column-title,
body .rz-grid-table thead th.rz-text-align-right.rz-sortable-column .rz-column-title {
    padding-left: 0;
}

.toast-container {
    z-index: 9;
}

.btn-txt {
    font-weight: 700;
    padding: 0;
    border: 0;
    font-size: inherit
}

.form-select {
    padding-right:25px;
    background-position: right 5px center;
}

.rz-cell-filter .daterangepicker {
    margin-top:11px;
}

.rz-cell-filter .daterangepicker .ranges ul {
    width:190px;
}
.rz-cell-filter .daterangepicker .calendar-table .available:hover {
    background:#33c15b;
    color:#fff;
}
.rz-cell-filter .daterangepicker .calendar-table .weekend {
    background:#ddd;
}
.rz-cell-filter .daterangepicker .calendar-table .start-date,
.rz-cell-filter .daterangepicker .calendar-table .in-range,
.rz-cell-filter .daterangepicker .calendar-table .end-date {
    background:#33c15b;
    color:#fff;
}

.rz-cell-filter .daterangepicker .ranges li.active {
    background:#33c15b;
}

.rz-cell-filter .daterangepicker .drp-calendar {
    max-width:none;
    width:280px;
}
body .rz-cell-filter-content {
    color:#000;
}


/************************/
/****** RESPONSIVE ******/
/************************/

@media (max-width: 1299px) {
    body .tabs_icons_mobile li .rz-tabview-left-icon {
        font-size: 22px;
    }

    body .tabs_icons_mobile li .rz-tabview-title {
        display: none;
    }

    body .rz-tabview-nav li a {
        padding: 8px 15px;
    }
}

@media (max-width: 1760px) {
    body .main-header .navbar-nav .nav-link span {
        display: none;
    }

    body .main-header .navbar-nav .nav-link span.material-icons {
        display: block;
    }
}

@media (min-width: 768px) {
    body .border-md-right {
        border-right: 1px solid rgba(0, 0, 0, 0.125);
    }

    body .border-md-left {
        border-left: 1px solid rgba(0, 0, 0, 0.125);
    }
}

@media (min-width: 992px) {
    body .border-lg-right {
        border-right: 1px solid rgba(0, 0, 0, 0.125);
    }

    body .border-lg-left {
        border-left: 1px solid rgba(0, 0, 0, 0.125);
    }
}

@media (min-width: 1300px) {
    body .tabs_icons_mobile li .rz-tabview-left-icon {
        display: none;
    }
}

@media (min-width: 1200px) {
    body .col-order-sav {
        -ms-flex: 0 0 82%;
        flex: 0 0 82%;
        max-width: 82%;
    }

    body .col-comments {
        -ms-flex: 0 0 18%;
        flex: 0 0 18%;
        max-width: 18%;
    }

    body .border-xl-right {
        border-right: 1px solid rgba(0, 0, 0, 0.125);
    }

    body .border-xl-left {
        border-left: 1px solid rgba(0, 0, 0, 0.125);
    }
}
.conteneur-avec-overlay {
    position: relative;
    /* Autres styles pour le conteneur */
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Couleur semi-transparente */
    z-index: 10; /* Assurez-vous que l'overlay est au-dessus des autres éléments dans le conteneur */
    display: none;
}

    .overlay.active {
        display: block;
    }
@media (min-width: 1500px) {
    .col-xxl-auto,
    .col-xxl-1,
    .col-xxl-2,
    .col-xxl-3,
    .col-xxl-4,
    .col-xxl-5,
    .col-xxl-6,
    .col-xxl-7,
    .col-xxl-8,
    .col-xxl-9,
    .col-xxl-10,
    .col-xxl-11,
    .col-xxl-12 {
        position: relative;
        width: 100%;
        padding-right: 7.5px;
        padding-left: 7.5px;
    }

    .col-xxl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-xxl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-xxl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-xxl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xxl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-xxl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-xxl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xxl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-xxl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-xxl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xxl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-xxl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-xxl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 1600px) {
    .col-xxxl-auto,
    .col-xxxl-1,
    .col-xxxl-2,
    .col-xxxl-3,
    .col-xxxl-4,
    .col-xxxl-5,
    .col-xxxl-6,
    .col-xxxl-7,
    .col-xxxl-8,
    .col-xxxl-9,
    .col-xxxl-10,
    .col-xxxl-11,
    .col-xxxl-12 {
        position: relative;
        width: 100%;
        padding-right: 7.5px;
        padding-left: 7.5px;
    }

    .col-xxxl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-xxxl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-xxxl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-xxxl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xxxl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-xxxl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-xxxl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xxxl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-xxxl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-xxxl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xxxl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-xxxl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-xxxl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.crmdetail-msg {
    word-break: break-word;
}

@media (max-width: 1599px) {
    body .crmdetail-msg {
        order: 2;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    body .crmdetail-infos {
        order: 1;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 1200px) and (max-width: 1599px) {
    body .crmdetail-infos .card-user {
        width: 58%;
        margin-right: 2%;
        float: left;
    }

    body .crmdetail-infos div:last-child {
        clear: both;
    }

    body .crmdetail-infos .card-comment {
        width: 40%;
        float: left;
        clear: none;
    }

    body .crmdetail-infos .card-comment:last-child {
        clear: none;
    }
}

/* Page Catalogue Preloader - Report */
.report-name {
    font-weight: bold;
}
    .report-name div {
        overflow: auto;
    }
.report-error {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .report-error span {
        width: 450px;
        padding: 5px;
    }
        .report-error span:nth-child(even) {
            background-color: var(--rz-grid-stripe-background-color);
        }

body .rz-datatable .rz-frozen-cell-right {
    position: -webkit-sticky;
    position: sticky;
    background: #e6ecef;
    z-index: 1;
    /* left: 0; */
    right: 0;
}


body .rz-datatable .rz-frozen-cell-right-150 {
    position: -webkit-sticky;
    position: sticky;
    background: #e6ecef;
    z-index: 1;
    /* left: 0; */
    right: 150px;
}

body .rz-datatable .rz-frozen-cell-right-300 {
    position: -webkit-sticky;
    position: sticky;
    background: #e6ecef;
    z-index: 1;
    /* left: 0; */
    right: 300px;
}

.rz-grid-table-fixed .rz-frozen-cell-right {
    position: -webkit-sticky;
    position: sticky;
    background: var(--rz-grid-frozen-cell-background-color);
    border-left: var(--rz-grid-frozen-cell-border) !important;
    box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.12);
    z-index: 1;
}

.rz-grid-table-fixed .rz-frozen-cell-right-150 {
    position: -webkit-sticky;
    position: sticky;
    background: var(--rz-grid-frozen-cell-background-color);
    border-left: var(--rz-grid-frozen-cell-border) !important;
    box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.12);
    z-index: 1;
}

.rz-grid-table-fixed .rz-frozen-cell-right-300 {
    position: -webkit-sticky;
    position: sticky;
    background: var(--rz-grid-frozen-cell-background-color);
    border-left: var(--rz-grid-frozen-cell-border) !important;
    box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.12);
    z-index: 1;
}

.shopping-cart-detail h1 .badge {
    font-size:14px!important;
}