/******************** color ********************/

/* Noir */
.color1 {
    color: rgb(28, 28, 27);
}

/* Blanc */
.color2 {
    color: rgb(255, 255, 255);
}

/* Primary */
.color3,
.form-group.focused .form-group-inner > label {
    color: rgb(32, 96, 124);
}

/* Primary+ */
.color4 {
    color: rgb(29, 79, 109);
}

/* Primary- */
.color5, a {
    color: var(--on-surface-variant);
    /*color: rgb(49 94 251);*/
}

/* Complementary */
.color6 {
    color: rgb(232, 86, 8);
}

/* Complementary+ */
.color7 {
    color: rgb(219, 68, 0);
}

/* Complementary- */
.color8 {
    color: rgb(255, 128, 4);
}

/* Success */
.color9,
.SLBox .boxlines .boxline .line div.lok:before {
    color: rgb(69, 202, 120);
}

/* Attention */
.color10 {
    color: rgb(255, 227, 102);
}

/* Warning */
.color11 {
    color: rgb(255, 148, 38);
}

/* Error */
.color12,
.SLBox .boxlines .boxline .line div.lko:before,
    /*.form-group.required.empty.focused .form-group-inner > label:after,*/
.form-group.required.empty.passed .form-group-inner > label:after,
.form-group .validators p.invalid {
    color: rgb(227, 79, 79);
}

/* Pending */
.color13 {
    color: rgb(74, 144, 226);
}

/* Disabled */
.color14 {
    color: rgb(148, 151, 164);
}

.color15 {
    color: #88441D;
}

/******************** background-color ********************/

/* Transparent */
.background-color0 {
    background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), rgb(255, 255, 255);
    background: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), rgb(255, 255, 255);
    background: linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), rgb(255, 255, 255);
    background-position: 0 0, 8px 8px;
    -webkit-background-size: 16px 16px, 16px 16px;
    background-size: 16px 16px, 16px 16px;
}

/* Noir */
.background-color1,
.background-color1.onclick:hover,
.dark.background-color1.onclick:hover,
.dark .background-color1.onclick:hover {
    background-color: rgb(28, 28, 27);
}

/* Blanc de blanc */
.background-color-1,
.background-color-1.onclick:hover,
.dark.background-color-1.onclick:hover,
.dark .background-color-1.onclick:hover {
    background-color: #FFF;
}

/* Blanc Jade */
.background-color2,
.background-color2.onclick:hover,
.dark.background-color2.onclick:hover,
.dark .background-color2.onclick:hover {
    background-color: var(--surface);
}

/* Primary */
.background-color3,
.background-color3.onclick:hover,
.dark.background-color3.onclick:hover,
.dark .background-color3.onclick:hover {
    background-color: rgb(32, 96, 124);
}

::-webkit-scrollbar-thumb {
    background-color: rgba(32, 96, 124, 0.25);
}

.xs ::-webkit-scrollbar-thumb,
.sm ::-webkit-scrollbar-thumb {
    background-color: rgb(32, 96, 124);
}

/* Primary+ */
.background-color4,
.background-color4.onclick:hover,
.dark.background-color4.onclick:hover,
.dark .background-color4.onclick:hover {
    background-color: rgb(29, 79, 109);
}

/* Primary- */
.background-color5,
.background-color5.onclick:hover,
.dark.background-color5.onclick:hover,
.dark .background-color5.onclick:hover,
.radio label:after {
    background-color: rgb(49 94 251);
}

/* Complementary */
.background-color6,
.background-color6.onclick:hover,
.dark.background-color6.onclick:hover,
.dark .background-color6.onclick:hover {
    /*background: var(--primary-bg);*/
}

/* Complementary+ */
.background-color7,
.background-color7.onclick:hover,
.dark.background-color7.onclick:hover,
.dark .background-color7.onclick:hover {
    background-color: rgb(219, 68, 0);
}

/* Complementary- */
.background-color8,
.background-color8.onclick:hover,
.dark.background-color8.onclick:hover,
.dark .background-color8.onclick:hover {
    background-color: rgb(255, 128, 4);
}

/* Success */
.background-color9,
.background-color9.onclick:hover,
.dark.background-color9.onclick:hover,
.dark .background-color9.onclick:hover,
.SLBox .boxlines .boxline div.chip.background-color9:before,
.disponibilite.color9:after,
.SLBox .boxlines .boxline div.chip.ok:before,
div.button.ok,
:not(.statusBar) > div.ok.onclick:hover {
    background-color: #DEF7EC !important;
    color: #03543F !important;
    border: 1px solid transparent;
}

div.button.ok svg {
    fill: #03543F !important;
}

/* Attention */
.background-color10,
.background-color10.onclick:hover,
.dark.background-color10.onclick:hover,
.dark .background-color10.onclick:hover,
.SLBox .boxlines .boxline div.chip.background-color10:before,
.SLBox .boxlines .boxline:before {
    background-color: rgb(255, 227, 102);
}

/* Warning */
.background-color11,
.background-color11.onclick:hover,
.dark.background-color11.onclick:hover,
.dark .background-color11.onclick:hover,
.SLBox .boxlines .boxline div.chip.background-color11:before,
.SLBox .boxlines .boxline div.chip.wait:before,
div.button.wait,
:not(.statusBar) > div.wait.onclick:hover {
    background-color: #FEECDC !important;
    color: #771D1D !important;
    border: 1px solid transparent;
}

/* Error */
.background-color12,
.background-color12.onclick:hover,
.dark.background-color12.onclick:hover,
.dark .background-color12.onclick:hover,
.SLBox .boxlines .boxline div.chip.background-color12:before,
.userMenuHeaderBtns #btn-sync.ko:after,
.disponibilite.color12:after,
.SLBox .boxlines .boxline div.chip.ko:before,
div.button.ko,
:not(.statusBar) > div.ko.onclick:hover,
.form-group.required.passed.empty .border,
.form-group.invalid .border {
    background-color: #FDE8E8 !important;
    color: #9B1C1C !important;
    border: 1px solid transparent;
}

/* Pending */
.background-color13,
.background-color13.onclick:hover,
.dark.background-color13.onclick:hover,
.dark .background-color13.onclick:hover,
.SLBox .boxlines .boxline div.chip.background-color13:before,
.userMenuHeaderBtns #btn-sync.cur:after,
.SLBox .boxlines .boxline div.chip.cur:before,
div.button.cur,
:not(.statusBar) > div.cur.onclick:hover {
    background-color: #E1EFFE !important;
    color: #1E429F !important;
    border: 1px solid transparent;
}

/* Disabled */
.background-color14,
.background-color14.onclick:hover,
.dark.background-color14.onclick:hover,
.dark .background-color14.onclick:hover,
.SLBox .boxlines .boxline div.chip.background-color14:before,
.SLBox .boxlines .boxline div.chip.end:before,
div.button.end,
:not(.statusBar) > div.end.onclick:hover {
    background-color: #F3F4F6 !important;
    color: #111928 !important;
    border: 1px solid transparent;
}

.background-color15,
.background-color15.onclick:hover,
.dark.background-color15.onclick:hover,
.dark .background-color15.onclick:hover,
.SLBox .boxlines .boxline div.chip.background-color15:before,
.SLBox .boxlines .boxline div.chip.cur:before,
/*div.cur,*/
:not(.statusBar) > div.cur.onclick:hover {
    background-color: #FEFBEC;
}

/******************** border-color ********************/

/* Noir */
.border-color1 {
    border-color: rgb(28, 28, 27);
}

/* Blanc */
.border-color2 {
    border-color: rgb(255, 255, 255);
}

/* Primary */
.border-color3 {
    border-color: rgb(32, 96, 124);
}

/* Primary+ */
.border-color4 {
    border-color: rgb(29, 79, 109);
}

/* Primary- */
.border-color5,
.radio input[type=radio]:checked + label:before {
    border-color: rgb(87, 181, 204);
}

/* Complementary */
.border-color6 {
    border-color: rgb(232, 86, 8);
}

/* Complementary+ */
.border-color7 {
    border-color: rgb(219, 68, 0);
}

/* Complementary- */
.border-color8 {
    border-color: rgb(255, 128, 4);
}

/* Success */
.border-color9 {
    border-color: rgb(69, 202, 120);
}

/* Attention */
.border-color10 {
    border-color: rgb(255, 227, 102);
}

/* Warning */
.border-color11 {
    border-color: rgb(255, 148, 38);
}

/* Error */
.border-color12 {
    border-color: rgb(227, 79, 79);
}

/* Pending */
.border-color13 {
    border-color: rgb(74, 144, 226);
}

/* Disabled */
.border-color14 {
    border-color: rgb(148, 151, 164);
}

/******************** fill ********************/

/* Noir */
.fill1,
.fill1 > svg {
    fill: rgb(28, 28, 27);
}

/* Blanc */
.fill2,
.fill2 > svg {
    fill: rgb(255, 255, 255);
}

/* Primary */
.fill3,
.fill3 > svg {
    fill: rgb(32, 96, 124);
}

/* Primary+ */
.fill4,
.fill4 > svg {
    fill: rgb(29, 79, 109);
}

/* Primary- */
.fill5,
.fill5 > svg,
.selected.checkbox .icon svg,
.selected .checkbox.icon svg,
.selected.checkbox .icon .check,
.selected .checkbox.icon .check {
    fill: #0042DF;
}

/* Complementary */
.fill6,
.fill6 > svg {
    fill: rgb(232, 86, 8);
}

/* Complementary+ */
.fill7,
.fill7 > svg {
    fill: rgb(219, 68, 0);
}

/* Complementary- */
.fill8,
.fill8 > svg {
    fill: rgb(255, 128, 4);
}

/* Success */
.fill9,
.fill9 > svg {
    fill: rgb(69, 202, 120);
}

/* Attention */
.fill10,
.fill10 > svg {
    fill: rgb(255, 227, 102);
}

/* Warning */
.fill11,
.fill11 > svg {
    fill: rgb(255, 148, 38);
}

/* Error */
.fill12,
.fill12 > svg {
    fill: rgb(227, 79, 79);
}

/* Pending */
.fill13,
.fill13 > svg {
    fill: rgb(74, 144, 226);
}

/* Disabled */
.fill14,
.fill14 > svg {
    fill: rgb(148, 151, 164);
}

.fill15, .fill15 > svg {
    fill: #88441D !important;
}

:root {
    --primary: #154CEB;
    --on-primary: #FFF;
    --primary-container: #0036BB;
    --on-primary-container: #DDE1FF;
    --primary-fixed: #DDE1FF;
    --primary-fixed-dim: #B8C4FF;
    --on-primary-fixed: #001354;
    --on-primary-fixed-dim: #3E4566;
    --secondary: #565D7F;
    --on-secondary: #FFF;
    --secondary-container: #DDE1FF;
    --on-secondary-container: #3E4566;
    --secondary-fixed: #DDE1FF;
    --secondary-fixed-dim: #BEC4ED;
    --on-secondary-fixed: #121938;
    --on-secondary-fixed-dim: #3E4566;
    --tertiary: #944A00;
    --on-tertiary: #FFF;
    --tertiary-container: #FFDCC5;
    --on-tertiary-container: #713700;
    --tertiary-fixed: #FFDCC5;
    --tertiary-fixed-dim: #FFB783;
    --on-tertiary-fixed: #301400;
    --on-tertiary-fixed-variant: #713700;
    --error: #BA1A1A;
    --on-error: #FFF;
    --error-container: #FFDAD6;
    --on-error-container: #93000A;
    --surface: #F6F7F9;
    --surface-dim: #D5D9E2;
    --surface-bright: #F6F7F9;
    --surface-container-lowest: #FFF;
    --surface-container-low: #F6F7F9;
    --surface-container: #F6F7F9;
    --surface-container-high: #F6F7F9;
    --surface-container-highest: #ECEEF2;
    --surface-inverse: #313031;
    --on-surface-inverse: #F3F0F0;
    --on-surface: #1C1B1C;
    --on-surface-variant: #474648;
    --outline: #929091;
    --outline-variant: #E4E2E3;
    --inverse-primary: #B8C4FF;
    --palettes-primary-0-bg: #000;
    --palettes-primary-0-text: #FFF;
    --palettes-primary-10-bg: #001354;
    --palettes-primary-10-text: #FFF;
    --palettes-primary-20-bg: #002486;
    --palettes-primary-20-text: #FFF;
    --palettes-primary-30-bg: #0036BB;
    --palettes-primary-30-text: #FFF;
    --palettes-primary-40-bg: #154CEB;
    --palettes-primary-40-text: #FFF;
    --palettes-primary-50-bg: #4169FF;
    --palettes-primary-50-text: #FFF;
    --palettes-primary-60-bg: #6C88FF;
    --palettes-primary-60-text: #000;
    --palettes-primary-70-bg: #93A6FF;
    --palettes-primary-70-text: #000;
    --palettes-primary-80-bg: #B8C4FF;
    --palettes-primary-80-text: #000;
    --palettes-primary-90-bg: #DDE1FF;
    --palettes-primary-90-text: #000;
    --palettes-primary-95-bg: #EFEFFF;
    --palettes-primary-95-text: #000;
    --palettes-primary-99-bg: #FEFBFF;
    --palettes-primary-99-text: #000;
    --palettes-primary-100-bg: #FFF;
    --palettes-primary-100-text: #000;
    --palettes-secondary-0-bg: #000;
    --palettes-secondary-0-text: #FFF;
    --palettes-secondary-10-bg: #121938;
    --palettes-secondary-10-text: #FFF;
    --palettes-secondary-20-bg: #272F4E;
    --palettes-secondary-20-text: #FFF;
    --palettes-secondary-30-bg: #3E4566;
    --palettes-secondary-30-text: #FFF;
    --palettes-secondary-40-bg: #565D7F;
    --palettes-secondary-40-text: #FFF;
    --palettes-secondary-50-bg: #6E7599;
    --palettes-secondary-50-text: #FFF;
    --palettes-secondary-60-bg: #888FB4;
    --palettes-secondary-60-text: #000;
    --palettes-secondary-70-bg: #A2A9D0;
    --palettes-secondary-70-text: #000;
    --palettes-secondary-80-bg: #BEC4ED;
    --palettes-secondary-80-text: #000;
    --palettes-secondary-90-bg: #DDE1FF;
    --palettes-secondary-90-text: #000;
    --palettes-secondary-95-bg: #EFEFFF;
    --palettes-secondary-95-text: #000;
    --palettes-secondary-99-bg: #FEFBFF;
    --palettes-secondary-99-text: #000;
    --palettes-secondary-100-bg: #FFF;
    --palettes-secondary-100-text: #000;
    --palettes-tertiary-0-bg: #000;
    --palettes-tertiary-0-text: #FFF;
    --palettes-tertiary-10-bg: #301400;
    --palettes-tertiary-10-text: #FFF;
    --palettes-tertiary-20-bg: #4F2500;
    --palettes-tertiary-20-text: #FFF;
    --palettes-tertiary-30-bg: #713700;
    --palettes-tertiary-30-text: #FFF;
    --palettes-tertiary-40-bg: #944A00;
    --palettes-tertiary-40-text: #FFF;
    --palettes-tertiary-50-bg: #B95F00;
    --palettes-tertiary-50-text: #FFF;
    --palettes-tertiary-60-bg: #DB761A;
    --palettes-tertiary-60-text: #000;
    --palettes-tertiary-70-bg: #FC9035;
    --palettes-tertiary-70-text: #000;
    --palettes-tertiary-80-bg: #FFB783;
    --palettes-tertiary-80-text: #000;
    --palettes-tertiary-90-bg: #FFDCC5;
    --palettes-tertiary-90-text: #000;
    --palettes-tertiary-95-bg: #FFEDE4;
    --palettes-tertiary-95-text: #000;
    --palettes-tertiary-99-bg: #FEFBFF;
    --palettes-tertiary-99-text: #000;
    --palettes-tertiary-100-bg: #FFF;
    --palettes-tertiary-100-text: #000;
    --palettes-error-0-bg: #000;
    --palettes-error-0-text: #FFF;
    --palettes-error-10-bg: #410002;
    --palettes-error-10-text: #FFF;
    --palettes-error-20-bg: #690005;
    --palettes-error-20-text: #FFF;
    --palettes-error-30-bg: #93000A;
    --palettes-error-30-text: #FFF;
    --palettes-error-40-bg: #BA1A1A;
    --palettes-error-40-text: #FFF;
    --palettes-error-50-bg: #DE3730;
    --palettes-error-50-text: #FFF;
    --palettes-error-60-bg: #FF5449;
    --palettes-error-60-text: #000;
    --palettes-error-70-bg: #FF897D;
    --palettes-error-70-text: #000;
    --palettes-error-80-bg: #FFB4AB;
    --palettes-error-80-text: #000;
    --palettes-error-90-bg: #FFDAD6;
    --palettes-error-90-text: #000;
    --palettes-error-95-bg: #FFEDEA;
    --palettes-error-95-text: #000;
    --palettes-error-99-bg: #FEFBFF;
    --palettes-error-99-text: #000;
    --palettes-error-100-bg: #FFF;
    --palettes-error-100-text: #000;
    --palettes-neutral-0-bg: #000;
    --palettes-neutral-0-text: #FFF;
    --palettes-neutral-10-bg: #1C1B1C;
    --palettes-neutral-10-text: #FFF;
    --palettes-neutral-20-bg: #313031;
    --palettes-neutral-20-text: #FFF;
    --palettes-neutral-30-bg: #474647;
    --palettes-neutral-30-text: #FFF;
    --palettes-neutral-40-bg: #5F5E5E;
    --palettes-neutral-40-text: #FFF;
    --palettes-neutral-50-bg: #787777;
    --palettes-neutral-50-text: #FFF;
    --palettes-neutral-60-bg: #929090;
    --palettes-neutral-60-text: #000;
    --palettes-neutral-70-bg: #ADABAB;
    --palettes-neutral-70-text: #000;
    --palettes-neutral-80-bg: #C9C6C6;
    --palettes-neutral-80-text: #000;
    --palettes-neutral-90-bg: #E5E2E2;
    --palettes-neutral-90-text: #000;
    --palettes-neutral-95-bg: #F3F0F0;
    --palettes-neutral-95-text: #000;
    --palettes-neutral-99-bg: #FEFBFF;
    --palettes-neutral-99-text: #000;
    --palettes-neutral-100-bg: #FFF;
    --palettes-neutral-100-text: #000;
    --palettes-neutral-variant-0-bg: #000;
    --palettes-neutral-variant-0-text: #FFF;
    --palettes-neutral-variant-10-bg: #1B1B1D;
    --palettes-neutral-variant-10-text: #FFF;
    --palettes-neutral-variant-20-bg: #303031;
    --palettes-neutral-variant-20-text: #FFF;
    --palettes-neutral-variant-30-bg: #474648;
    --palettes-neutral-variant-30-text: #FFF;
    --palettes-neutral-variant-40-bg: #5F5E5F;
    --palettes-neutral-variant-40-text: #FFF;
    --palettes-neutral-variant-50-bg: #787778;
    --palettes-neutral-variant-50-text: #FFF;
    --palettes-neutral-variant-60-bg: #929091;
    --palettes-neutral-variant-60-text: #000;
    --palettes-neutral-variant-70-bg: #ACABAC;
    --palettes-neutral-variant-70-text: #000;
    --palettes-neutral-variant-80-bg: #C8C6C7;
    --palettes-neutral-variant-80-text: #000;
    --palettes-neutral-variant-90-bg: #E4E2E3;
    --palettes-neutral-variant-90-text: #000;
    --palettes-neutral-variant-95-bg: #F3F0F1;
    --palettes-neutral-variant-95-text: #000;
    --palettes-neutral-variant-99-bg: #FEFBFC;
    --palettes-neutral-variant-99-text: #000;
    --palettes-neutral-variant-100-bg: #FFF;
    --palettes-neutral-variant-100-text: #000;
}