/*** Accents Application CSS ***/

html {
    font-size: 10px;
}

/*** FONTS ***/
.font-Q1  {
    font-family: "Quattrocento";
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.8px;

    font-size:      3.8rem;
    /*line-height:    4.4rem;*/
    line-height:    1.16em;
}
@media (min-width: 576px) {
    .font-Q1  {
        font-size:      4.5rem;
        /*line-height:    5.5rem;*/
        line-height:    1.22em;
    }
}
@media (min-width: 992px) {
    .font-Q1  {
        font-size:      6.0rem;
        /*line-height:    7.0rem;*/
        line-height:    1.17em;
    }
}

.font-Q2  {
    font-family: "Quattrocento";
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.6px;

    font-size:      3.2rem;
    /*line-height:    3.6rem;*/
    line-height:    1.13em;
}
@media (min-width: 576px) {
    .font-Q2  {
        font-size:      3.6rem;
        /*line-height:    4.2rem;*/
        line-height:    1.17em;
    }
}
@media (min-width: 992px) {
    .font-Q2  {
        font-size:      4.8rem;
        /*line-height:    6.0rem;*/
        line-height:    1.25em;
    }
}

.font-Q3  {
    font-family: "Quattrocento";
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0.3px;

    font-size:      2.8rem;
    /*line-height:    3.2rem;*/
    line-height:    1.14em;
}
@media (min-width: 576px) {
    .font-Q3  {
        font-size:      3.2rem;
        /*line-height:    3.6rem;*/
        line-height:    1.13em;
    }
}
@media (min-width: 992px) {
    .font-Q3  {
        font-size:      4.8rem;
        /*line-height:    5.2rem;*/
        line-height:    1.08em;
    }
}

.font-Q4  {
    font-family: "Quattrocento";
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0.3px;

    font-size:      3.0rem;
    /*line-height:    3.8rem;*/
    line-height:    1.27em;
}
@media (min-width: 576px) {
    .font-Q4  {
        font-size:      3.6rem;
        /*line-height:    4.2rem;*/
        line-height:    1.17em;
    }
}
@media (min-width: 992px) {
    .font-Q4  {
        /* Same as TABLET */
        /*font-size:      3.6rem;*/
        /*line-height:    4.2rem;*/
        /*line-height:    1.17em;*/
    }
}

.font-Q5  {
    font-family: "Quattrocento";
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.3px;

    font-size:      2.8rem;
    /*line-height:    3.4rem;*/
    line-height:    1.21em;
}
@media (min-width: 576px) {
    .font-Q5  {
        font-size:      3.2rem;
        /*line-height:    3.8rem;*/
        line-height:    1.19em;
    }
}
@media (min-width: 992px) {
    .font-Q5  {
        font-size:      3.6rem;
        /*line-height:    4.2rem;*/
        line-height:    1.17em;
    }
}

.font-Q6  {
    font-family: "Quattrocento";
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0.3px;

    font-size:      2.4rem;
    /*line-height:    3.2rem;*/
    line-height:    1.33em;
}
@media (min-width: 576px) {
    .font-Q6  {
        font-size:      2.8rem;
        /*line-height:    3.4rem;*/
        line-height:    1.21em;
    }
}
@media (min-width: 992px) {
    .font-Q6  {
        font-size:      3.2rem;
        /*line-height:    3.8rem;*/
        line-height:    1.19em;
    }
}

.font-Q7  {
    font-family: "Quattrocento";
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0.3px;

    font-size:      1.6rem;
    /*line-height:    2.0rem;*/
    line-height:    1.25em;
}
@media (min-width: 576px) {
    .font-Q7  {
        font-size:      2.0rem;
        /*line-height:    2.4rem;*/
        line-height:    1.2em;
    }
}
@media (min-width: 992px) {
    .font-Q7  {
        font-size:      2.4rem;
        /*line-height:    2.8rem;*/
        line-height:    1.17em;
    }
}

.font-Q8  {
    font-family: "Quattrocento";
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;

    font-size:      1.6rem;
    /*line-height:    2.0rem;*/
    line-height:    1.25em;
}
@media (min-width: 576px) {
    .font-Q8  {
        font-size:      2.0rem;
        /*line-height:    2.4rem;*/
        line-height:    1.2em;
    }
}
@media (min-width: 992px) {
    .font-Q8  {
        font-size:      2.2rem;
        /*line-height:    2.6rem;*/
        line-height:    1.18em;
    }
}

.font-Q9  {
    font-family: "Quattrocento";
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0.2px;

    font-size:      1.8rem;
    /*line-height:    2.2rem;*/
    line-height:    1.22em;
}
@media (min-width: 576px) {
    .font-Q9  {
        font-size:      2.0rem;
        /*line-height:    2.6rem;*/
        line-height:    1.3em;
    }
}
@media (min-width: 992px) {
    .font-Q9  {
        font-size:      2.2rem;
        /*line-height:    3.0rem;*/
        line-height:    1.36em;
    }
}

.font-Q10 {
    font-family: "Quattrocento";
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0.1px;

    font-size:      1.6rem;
    /*line-height:    2.0rem;*/
    line-height:    1.25em;
}
@media (min-width: 576px) {
    .font-Q10 {
        font-size:      1.8rem;
        /*line-height:    2.4rem;*/
        line-height:    1.33em;
    }
}
@media (min-width: 992px) {
    .font-Q10 {
        font-size:      2.0rem;
        /*line-height:    2.7rem;*/
        line-height:    1.35em;
    }
}

.font-Q11 {
    font-family: "Quattrocento";
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.2px;

    font-size:      1.6rem;
    /*line-height:    2.0rem;*/
    line-height:    1.25em;
}
@media (min-width: 576px) {
    .font-Q11 {
        /* Same as MOBILE */
        /*font-size:      1.6rem;*/
        /*line-height:    2.0rem;*/
        /*line-height:    1.25em;*/
    }
}
@media (min-width: 992px) {
    .font-Q11 {
        font-size:      1.8rem;
        /*line-height:    2.2rem;*/
        line-height:    1.22em;
    }
}

.font-L1 {
    font-family: "Lato";
    font-weight: 300;
    text-transform: none;
    letter-spacing: 0.1px;

    font-size:      1.6rem;
    /*line-height:    2.8rem;*/
    line-height:    1.75em;
}
@media (min-width: 576px) {
    .font-L1 {
        /* Same as MOBILE */
        /*font-size:      1.6rem;*/
        /*line-height:    2.8rem;*/
        /*line-height:    1.75em;*/
    }
}
@media (min-width: 992px) {
    .font-L1 {
        font-size:      1.8rem;
        /*line-height:    3.2rem;*/
        line-height:    1.78em;
    }
}

.font-L2 {
    font-family: "Lato";
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.2px;

    font-size:      1.4rem;
    /*line-height:    2.2rem;*/
    line-height:    1.57em;
}
@media (min-width: 576px) {
    .font-L2 {
        /* Same as MOBILE */
        /*font-size:      1.4rem;*/
        /*line-height:    2.2rem;*/
        /*line-height:    1.57em;*/
    }
}
@media (min-width: 992px) {
    .font-L2 {
        font-size:      1.7rem;
        /*line-height:    2.5rem;*/
        line-height:    1.47em;
    }
}

.font-L3 {
    font-family: "Lato";
    font-weight: 300;
    text-transform: none;
    letter-spacing: 0.2px;

    font-size:      1.4rem;
    /*line-height:    2.2rem;*/
    line-height:    1.57em;
}
@media (min-width: 576px) {
    .font-L3 {
        /* Same as MOBILE */
        /*font-size:      1.4rem;*/
        /*line-height:    2.2rem;*/
        /*line-height:    1.57em;*/
    }
}
@media (min-width: 992px) {
    .font-L3 {
        font-size:      1.7rem;
        /*line-height:    2.5rem;*/
        line-height:    1.47em;
    }
}

.font-L4 {
    font-family: "Lato";
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;

    font-size:      1.4rem;
    /*line-height:    2.2rem;*/
    line-height:    1.57em;
}
@media (min-width: 576px) {
    .font-L4 {
        font-size:      1.6rem;
        /*line-height:    2.4rem;*/
        line-height:    1.5em;
    }
}
@media (min-width: 992px) {
    .font-L4 {
        /* Same as TABLET */
        /*font-size:      1.6rem;*/
        /*line-height:    2.4rem;*/
        /*line-height:    1.5em;*/
    }
}

.font-L5 {
    font-family: "Lato";
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px; /* WARNING */

    font-size:      1.1rem;
    /*line-height:    1.3rem;*/
    line-height:    1.18em;
}
@media (min-width: 576px) {
    .font-L5 {
        letter-spacing: 1.5px; /* WARNING */

        font-size:      1.2rem;
        /*line-height:    1.4rem;*/
        line-height:    1.16em;
    }
}
@media (min-width: 992px) {
    .font-L5 {
        letter-spacing: 1.5px; /* WARNING */

        font-size:      1.4rem;
        /*line-height:    1.6rem;*/
        line-height:    1.14em;
    }
}

.font-L6 {
    font-family: "Lato";
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.1px;

    font-size:      1.1rem;
    /*line-height:    1.6rem;*/
    line-height:    1.45em;
}
@media (min-width: 576px) {
    .font-L6 {
        font-size:      1.2rem;
        /*line-height:    1.8rem;*/
        line-height:    1.5em;
    }
}
@media (min-width: 992px) {
    .font-L6 {
        font-size:      1.4rem;
        /*line-height:    2.0rem;*/
        line-height:    1.43em;
    }
}

.font-L7 {
    font-family: "Lato";
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1.5px;

    font-size:      0.9rem;
    /*line-height:    1.2rem;*/
    line-height:    1.33em;
}
@media (min-width: 576px) {
    .font-L7 {
        /* Same as MOBILE */
        /*font-size:      0.9rem;*/
        /*line-height:    1.2rem;*/
        /*line-height:    1.33em;*/
    }
}
@media (min-width: 992px) {
    .font-L7 {
        font-size:      1.2rem;
        /*line-height:    1.9rem;*/
        line-height:    1.58em;
    }
}

.font-L8 {
    font-family: "Lato";
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.6px; /* WARNING */

    font-size:      0.9rem;
    /*line-height:    1.2rem;*/
    line-height:    1.33em;
}
@media (min-width: 576px) {
    .font-L8 {
        letter-spacing: 0.8px; /* WARNING */

        /* Same as MOBILE */
        /*font-size:      0.9rem;*/
        /*line-height:    1.2rem;*/
        /*line-height:    1.33em;*/
    }
}
@media (min-width: 992px) {
    .font-L8 {
        letter-spacing: 0.8px; /* WARNING */

        font-size:      1.2rem;
        /*line-height:    1.6rem;*/
        line-height:    1.33em;
    }
}

/* undefined font class in the mockups */
/* used in some(all?) bootstrap's styled dropdown */
.font-L9 {
    font-family: "Lato";
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.5px;

    font-size:      1.2rem;
    /*line-height:    1.9rem;*/
    line-height:    1.58em;
}
@media (min-width: 576px) {
    .font-L9 {
        /*font-size:      1.2rem;*/
        /*line-height:    1.9rem;*/
        /*line-height:    1.58em;*/
    }
}
@media (min-width: 992px) {
    .font-L9 {
        /*font-size:      1.2rem;*/
        /*line-height:    1.9rem;*/
        /*line-height:    1.58em;*/
    }
}

/* undefined font class in the mockups */
/* used in toolbox cart qty badge */
.font-L10 {
    font-family: "Lato";
    font-weight: 400;
    text-transform: none;
    letter-spacing: -0.1px;

    font-size:      0.8rem;
    /*line-height:    1.9rem;*/
    line-height:    2.38em;
}
@media (min-width: 576px) {
    .font-L10 {
        /*font-size:      0.8rem;*/
        /*line-height:    1.9rem;*/
        /*line-height:    2.38em;*/
    }
}
@media (min-width: 992px) {
    .font-L10 {
        /*font-size:      0.8rem;*/
        /*line-height:    1.9rem;*/
        /*line-height:    2.38em;*/
    }
}

.font-inherit {
    font-family: inherit !important;
    font-weight: inherit !important;
    text-transform: inherit !important;
    letter-spacing: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

.line-height__1em {
    /* When the line-height needs to corresponds to the font size */
    /* Made !important so it can be an inherited value */
    line-height: 1em !important;
}


/*** THEME COLORS ***/
/* Colors */
.color-C1, .color-active-C1.active, .color-disable-C1.disable, .hover-color-C1:hover:not(.no-hover):not(.disable), .hover-color-active-C1.active:hover:not(.no-hover):not(.disable) {
    color: #018059 !important;
}
.color-C2, .color-active-C2.active, .color-disable-C2.disable, .hover-color-C2:hover:not(.no-hover):not(.disable), .hover-color-active-C2.active:hover:not(.no-hover):not(.disable) {
    color: #1bb47e !important;
}
.color-C3, .color-active-C3.active, .color-disable-C3.disable, .hover-color-C3:hover:not(.no-hover):not(.disable), .hover-color-active-C3.active:hover:not(.no-hover):not(.disable) {
    color: #74c6a8 !important;
}
.color-C4, .color-active-C4.active, .color-disable-C4.disable, .hover-color-C4:hover:not(.no-hover):not(.disable), .hover-color-active-C4.active:hover:not(.no-hover):not(.disable) {
    color: #D2D2D5 !important;
}
.color-C5, .color-active-C5.active, .color-disable-C5.disable, .hover-color-C5:hover:not(.no-hover):not(.disable), .hover-color-active-C5.active:hover:not(.no-hover):not(.disable) {
    color: #1D1E21 !important;
}
.color-C6, .color-active-C6.active, .color-disable-C6.disable, .hover-color-C6:hover:not(.no-hover):not(.disable), .hover-color-active-C6.active:hover:not(.no-hover):not(.disable) {
    color: #1B2738 !important;
}
.color-C7, .color-active-C7.active, .color-disable-C7.disable, .hover-color-C7:hover:not(.no-hover):not(.disable), .hover-color-active-C7.active:hover:not(.no-hover):not(.disable) {
    color: #8E8F90 !important;
}
.color-C8, .color-active-C8.active, .color-disable-C8.disable, .hover-color-C8:hover:not(.no-hover):not(.disable), .hover-color-active-C8.active:hover:not(.no-hover):not(.disable) {
    color: #A5A5A6 !important;
}
.color-C9, .color-active-C9.active, .color-disable-C9.disable, .hover-color-C9:hover:not(.no-hover):not(.disable), .hover-color-active-C9.active:hover:not(.no-hover):not(.disable) {
    color: #BBBBBC !important;
}
.color-C10, .color-active-C10.active, .color-disable-C10.disable, .hover-color-C10:hover:not(.no-hover):not(.disable), .hover-color-active-C10.active:hover:not(.no-hover):not(.disable) {
    color: #D2D2D3 !important;
}
.color-C11, .color-active-C11.active, .color-disable-C11.disable, .hover-color-C11:hover:not(.no-hover):not(.disable), .hover-color-active-C11.active:hover:not(.no-hover):not(.disable) {
    color: #E6E6E6 !important;
}
.color-C12, .color-active-C12.active, .color-disable-C12.disable, .hover-color-C12:hover:not(.no-hover):not(.disable), .hover-color-active-C12.active:hover:not(.no-hover):not(.disable) {
    color: #F9F9F9 !important;
}
.color-C13, .color-active-C13.active, .color-disable-C13.disable, .hover-color-C13:hover:not(.no-hover):not(.disable), .hover-color-active-C13.active:hover:not(.no-hover):not(.disable) {
    color: #A03A4A !important;
}
.color-C14, .color-active-C14.active, .color-disable-C14.disable, .hover-color-C14:hover:not(.no-hover):not(.disable), .hover-color-active-C14.active:hover:not(.no-hover):not(.disable) {
    color: #FFFFFF !important;
}
.color-C15, .color-active-C15.active, .color-disable-C15.disable, .hover-color-C15:hover:not(.no-hover):not(.disable), .hover-color-active-C15.active:hover:not(.no-hover):not(.disable) {
    color: #769336 !important;
}
.color-inherit {
    color: inherit !important;
}

/* Background colors */
.bgcolor-C1, .bgcolor-active-C1.active, .bgcolor-disable-C1.disable, .hover-bgcolor-C1:hover:not(.no-hover):not(.disable), .hover-bgcolor-active-C1.active:hover:not(.no-hover):not(.disable) {
    background-color: #018059 !important;
}
.bgcolor-C2, .bgcolor-active-C2.active, .bgcolor-disable-C2.disable, .hover-bgcolor-C2:hover:not(.no-hover):not(.disable), .hover-bgcolor-active-C2.active:hover:not(.no-hover):not(.disable) {
    background-color: #1bb47e !important;
}
.bgcolor-C3, .bgcolor-active-C3.active, .bgcolor-disable-C3.disable, .hover-bgcolor-C3:hover:not(.no-hover):not(.disable), .hover-bgcolor-active-C3.active:hover:not(.no-hover):not(.disable) {
    background-color: #74c6a8 !important;
}
.bgcolor-C4, .bgcolor-active-C4.active, .bgcolor-disable-C4.disable, .hover-bgcolor-C4:hover:not(.no-hover):not(.disable), .hover-bgcolor-active-C4.active:hover:not(.no-hover):not(.disable) {
    background-color: #D2D2D5 !important;
}
.bgcolor-C5, .bgcolor-active-C5.active, .bgcolor-disable-C5.disable, .hover-bgcolor-C5:hover:not(.no-hover):not(.disable), .hover-bgcolor-active-C5.active:hover:not(.no-hover):not(.disable) {
    background-color: #1D1E21 !important;
}
.bgcolor-C6, .bgcolor-active-C6.active, .bgcolor-disable-C6.disable, .hover-bgcolor-C6:hover:not(.no-hover):not(.disable), .hover-bgcolor-active-C6.active:hover:not(.no-hover):not(.disable) {
    background-color: #1B2738 !important;
}
.bgcolor-C7, .bgcolor-active-C7.active, .bgcolor-disable-C7.disable, .hover-bgcolor-C7:hover:not(.no-hover):not(.disable), .hover-bgcolor-active-C7.active:hover:not(.no-hover):not(.disable) {
    background-color: #8E8F90 !important;
}
.bgcolor-C8, .bgcolor-active-C8.active, .bgcolor-disable-C8.disable, .hover-bgcolor-C8:hover:not(.no-hover):not(.disable), .hover-bgcolor-active-C8.active:hover:not(.no-hover):not(.disable) {
    background-color: #A5A5A6 !important;
}
.bgcolor-C9, .bgcolor-active-C9.active, .bgcolor-disable-C9.disable, .hover-bgcolor-C9:hover:not(.no-hover):not(.disable), .hover-bgcolor-active-C9.active:hover:not(.no-hover):not(.disable) {
    background-color: #BBBBBC !important;
}
.bgcolor-C10, .bgcolor-active-C10.active, .bgcolor-disable-C10.disable, .hover-bgcolor-C10:hover:not(.no-hover):not(.disable), .hover-bgcolor-active-C10.active:hover:not(.no-hover):not(.disable) {
    background-color: #D2D2D3 !important;
}
.bgcolor-C11, .bgcolor-active-C11.active, .bgcolor-disable-C11.disable, .hover-bgcolor-C11:hover:not(.no-hover):not(.disable), .hover-bgcolor-active-C11.active:hover:not(.no-hover):not(.disable) {
    background-color: #E6E6E6 !important;
}
.bgcolor-C12, .bgcolor-active-C12.active, .bgcolor-disable-C12.disable, .hover-bgcolor-C12:hover:not(.no-hover):not(.disable), .hover-bgcolor-active-C12.active:hover:not(.no-hover):not(.disable) {
    background-color: #F9F9F9 !important;
}
.bgcolor-C13, .bgcolor-active-C13.active, .bgcolor-disable-C13.disable, .hover-bgcolor-C13:hover:not(.no-hover):not(.disable), .hover-bgcolor-active-C13.active:hover:not(.no-hover):not(.disable) {
    background-color: #A03A4A !important;
}
.bgcolor-C14, .bgcolor-active-C14.active, .bgcolor-disable-C14.disable, .hover-bgcolor-C14:hover:not(.no-hover):not(.disable), .hover-bgcolor-active-C14.active:hover:not(.no-hover):not(.disable) {
    background-color: #FFFFFF !important;
}
.bgcolor-C15, .bgcolor-active-C15.active, .bgcolor-disable-C15.disable, .hover-bgcolor-C15:hover:not(.no-hover):not(.disable), .hover-bgcolor-active-C15.active:hover:not(.no-hover):not(.disable) {
    background-color: #769336 !important;
}
.bgcolor-inherit {
    background-color: inherit !important;
}
.bgcolor-transparent {
    background-color: transparent !important;
}

/* Outline colors */
.outline-color-C1, .outline-color-active-C1.active, .outline-color-disable-C1.disable, .hover-outline-color-C1:hover:not(.no-hover):not(.disable), .hover-outline-color-active-C1.active:hover:not(.no-hover):not(.disable) {
    outline-color: #018059 !important;
}
.outline-color-C2, .outline-color-active-C2.active, .outline-color-disable-C2.disable, .hover-outline-color-C2:hover:not(.no-hover):not(.disable), .hover-outline-color-active-C2.active:hover:not(.no-hover):not(.disable) {
    outline-color: #1bb47e !important;
}
.outline-color-C3, .outline-color-active-C3.active, .outline-color-disable-C3.disable, .hover-outline-color-C3:hover:not(.no-hover):not(.disable), .hover-outline-color-active-C3.active:hover:not(.no-hover):not(.disable) {
    outline-color: #74c6a8 !important;
}
.outline-color-C4, .outline-color-active-C4.active, .outline-color-disable-C4.disable, .hover-outline-color-C4:hover:not(.no-hover):not(.disable), .hover-outline-color-active-C4.active:hover:not(.no-hover):not(.disable) {
    outline-color: #D2D2D5 !important;
}
.outline-color-C5, .outline-color-active-C5.active, .outline-color-disable-C5.disable, .hover-outline-color-C5:hover:not(.no-hover):not(.disable), .hover-outline-color-active-C5.active:hover:not(.no-hover):not(.disable) {
    outline-color: #1D1E21 !important;
}
.outline-color-C6, .outline-color-active-C6.active, .outline-color-disable-C6.disable, .hover-outline-color-C6:hover:not(.no-hover):not(.disable), .hover-outline-color-active-C6.active:hover:not(.no-hover):not(.disable) {
    outline-color: #1B2738 !important;
}
.outline-color-C7, .outline-color-active-C7.active, .outline-color-disable-C7.disable, .hover-outline-color-C7:hover:not(.no-hover):not(.disable), .hover-outline-color-active-C7.active:hover:not(.no-hover):not(.disable) {
    outline-color: #8E8F90 !important;
}
.outline-color-C8, .outline-color-active-C8.active, .outline-color-disable-C8.disable, .hover-outline-color-C8:hover:not(.no-hover):not(.disable), .hover-outline-color-active-C8.active:hover:not(.no-hover):not(.disable) {
    outline-color: #A5A5A6 !important;
}
.outline-color-C9, .outline-color-active-C9.active, .outline-color-disable-C9.disable, .hover-outline-color-C9:hover:not(.no-hover):not(.disable), .hover-outline-color-active-C9.active:hover:not(.no-hover):not(.disable) {
    outline-color: #BBBBBC !important;
}
.outline-color-C10, .outline-color-active-C10.active, .outline-color-disable-C10.disable, .hover-outline-color-C10:hover:not(.no-hover):not(.disable), .hover-outline-color-active-C10.active:hover:not(.no-hover):not(.disable) {
    outline-color: #D2D2D3 !important;
}
.outline-color-C11, .outline-color-active-C11.active, .outline-color-disable-C11.disable, .hover-outline-color-C11:hover:not(.no-hover):not(.disable), .hover-outline-color-active-C11.active:hover:not(.no-hover):not(.disable) {
    outline-color: #E6E6E6 !important;
}
.outline-color-C12, .outline-color-active-C12.active, .outline-color-disable-C12.disable, .hover-outline-color-C12:hover:not(.no-hover):not(.disable), .hover-outline-color-active-C12.active:hover:not(.no-hover):not(.disable) {
    outline-color: #F9F9F9 !important;
}
.outline-color-C13, .outline-color-active-C13.active, .outline-color-disable-C13.disable, .hover-outline-color-C13:hover:not(.no-hover):not(.disable), .hover-outline-color-active-C13.active:hover:not(.no-hover):not(.disable) {
    outline-color: #A03A4A !important;
}
.outline-color-C14, .outline-color-active-C14.active, .outline-color-disable-C14.disable, .hover-outline-color-C14:hover:not(.no-hover):not(.disable), .hover-outline-color-active-C14.active:hover:not(.no-hover):not(.disable) {
    outline-color: #FFFFFF !important;
}
.outline-color-C15, .outline-color-active-C15.active, .outline-color-disable-C15.disable, .hover-outline-color-C15:hover:not(.no-hover):not(.disable), .hover-outline-color-active-C15.active:hover:not(.no-hover):not(.disable) {
    outline-color: #769336 !important;
}
.outline-color-inherit {
    outline-color: inherit !important;
}

/* Border colors */
.border-color-C1, .border-color-active-C1.active, .border-color-disable-C1.disable, .hover-border-color-C1:hover:not(.no-hover):not(.disable), .hover-border-color-active-C1.active:hover:not(.no-hover):not(.disable), .after-border-C1:after {
    border-color: #018059 !important;
}
.border-color-C2, .border-color-active-C2.active, .border-color-disable-C2.disable, .hover-border-color-C2:hover:not(.no-hover):not(.disable), .hover-border-color-active-C2.active:hover:not(.no-hover):not(.disable), .after-border-C2:after {
    border-color: #1bb47e !important;
}
.border-color-C3, .border-color-active-C3.active, .border-color-disable-C3.disable, .hover-border-color-C3:hover:not(.no-hover):not(.disable), .hover-border-color-active-C3.active:hover:not(.no-hover):not(.disable), .after-border-C3:after {
    border-color: #74c6a8 !important;
}
.border-color-C4, .border-color-active-C4.active, .border-color-disable-C4.disable, .hover-border-color-C4:hover:not(.no-hover):not(.disable), .hover-border-color-active-C4.active:hover:not(.no-hover):not(.disable), .after-border-C4:after {
    border-color: #D2D2D5 !important;
}
.border-color-C5, .border-color-active-C5.active, .border-color-disable-C5.disable, .hover-border-color-C5:hover:not(.no-hover):not(.disable), .hover-border-color-active-C5.active:hover:not(.no-hover):not(.disable), .after-border-C5:after {
    border-color: #1D1E21 !important;
}
.border-color-C6, .border-color-active-C6.active, .border-color-disable-C6.disable, .hover-border-color-C6:hover:not(.no-hover):not(.disable), .hover-border-color-active-C6.active:hover:not(.no-hover):not(.disable), .after-border-C6:after {
    border-color: #1B2738 !important;
}
.border-color-C7, .border-color-active-C7.active, .border-color-disable-C7.disable, .hover-border-color-C7:hover:not(.no-hover):not(.disable), .hover-border-color-active-C7.active:hover:not(.no-hover):not(.disable), .after-border-C7:after {
    border-color: #8E8F90 !important;
}
.border-color-C8, .border-color-active-C8.active, .border-color-disable-C8.disable, .hover-border-color-C8:hover:not(.no-hover):not(.disable), .hover-border-color-active-C8.active:hover:not(.no-hover):not(.disable), .after-border-C8:after {
    border-color: #A5A5A6 !important;
}
.border-color-C9, .border-color-active-C9.active, .border-color-disable-C9.disable, .hover-border-color-C9:hover:not(.no-hover):not(.disable), .hover-border-color-active-C9.active:hover:not(.no-hover):not(.disable), .after-border-C9:after {
    border-color: #BBBBBC !important;
}
.border-color-C10, .border-color-active-C10.active, .border-color-disable-C10.disable, .hover-border-color-C10:hover:not(.no-hover):not(.disable), .hover-border-color-active-C10.active:hover:not(.no-hover):not(.disable), .after-border-C10:after {
    border-color: #D2D2D3 !important;
}
.border-color-C11, .border-color-active-C11.active, .border-color-disable-C11.disable, .hover-border-color-C11:hover:not(.no-hover):not(.disable), .hover-border-color-active-C11.active:hover:not(.no-hover):not(.disable), .after-border-C11:after {
    border-color: #E6E6E6 !important;
}
.border-color-C12, .border-color-active-C12.active, .border-color-disable-C12.disable, .hover-border-color-C12:hover:not(.no-hover):not(.disable), .hover-border-color-active-C12.active:hover:not(.no-hover):not(.disable), .after-border-C12:after {
    border-color: #F9F9F9 !important;
}
.border-color-C13, .border-color-active-C13.active, .border-color-disable-C13.disable, .hover-border-color-C13:hover:not(.no-hover):not(.disable), .hover-border-color-active-C13.active:hover:not(.no-hover):not(.disable), .after-border-C13:after {
    border-color: #A03A4A !important;
}
.border-color-C14, .border-color-active-C14.active, .border-color-disable-C14.disable, .hover-border-color-C14:hover:not(.no-hover):not(.disable), .hover-border-color-active-C14.active:hover:not(.no-hover):not(.disable), .after-border-C14:after {
    border-color: #FFFFFF !important;
}
.border-color-C15, .border-color-active-C15.active, .border-color-disable-C15.disable, .hover-border-color-C15:hover:not(.no-hover):not(.disable), .hover-border-color-active-C15.active:hover:not(.no-hover):not(.disable), .after-border-C15:after {
    border-color: #769336 !important;
}
.border-color-inherit {
    border-color: inherit !important;
}
.border-color-transparent {
    border-color: transparent !important;
}

/* This is to avoid the border appearance to cause the element to move by 1px or more depending on the other borders the element has */
.hover-border:not(:hover), .hover-border:hover.no-hover, .hover-border:hover.disable {
    border: 1px solid transparent !important;
}
.hover-border:hover:not(.no-hover):not(.disable) {
    border: 1px solid;
}
.hover-border-top:not(:hover), .hover-border-top:hover.no-hover, .hover-border-top:hover.disable {
    border-top: 1px solid transparent !important;
}
.hover-border-top:hover:not(.no-hover):not(.disable) {
    border-top: 1px solid;
}
.hover-border-right:not(:hover), .hover-border-right:hover.no-hover, .hover-border-right:hover.disable {
    border-right: 1px solid transparent !important;
}
.hover-border-right:hover:not(.no-hover):not(.disable) {
    border-right: 1px solid;
}
.hover-border-bottom:not(:hover), .hover-border-bottom:hover.no-hover, .hover-border-bottom:hover.disable {
    border-bottom: 1px solid transparent !important;
}
.hover-border-bottom:hover:not(.no-hover):not(.disable) {
    border-bottom: 1px solid;
}
.hover-border-left:not(:hover), .hover-border-left:hover.no-hover, .hover-border-left:hover.disable {
    border-left: 1px solid transparent !important;
}
.hover-border-left:hover:not(.no-hover):not(.disable) {
    border-left: 1px solid;
}





/*** OTHER THEME SPECIFICS ***/

/** BOOTSTRAP SELECT **/
/* Styling reset */
.bootstrap-select .dropdown-toggle,
.bootstrap-select .dropdown-toggle:active,
.bootstrap-select .dropdown-item:focus,
.bootstrap-select .dropdown-item:active,
.bootstrap-select .dropdown-item.active,
.bootstrap-select.show-tick .dropdown-item,
.bootstrap-select.show-tick .dropdown-item:hover,
.bootstrap-select.show-tick .dropdown-item:focus,
.bootstrap-select.show-tick .dropdown-item:active,
.bootstrap-select.show-tick .dropdown-item.active {
    background-color: transparent !important;
}

.bootstrap-select .no-results {
    color: #8E8F90 !important; /* color-C7 */
    background-color: transparent !important;
}
.bootstrap-select .dropdown-item .check-mark {
    border: 1px solid #D2D2D3; /* border-color-C10 */
}


/** FORM ITEM STANDARDIZED **/

.form-item-wrapper .input-field-container .input-field .custom-control-input:checked ~ .custom-control-label::before,
.form-item-wrapper .input-field-container .input-field .custom-control-input:not(:disabled):active ~ .custom-control-label::before,
.form-item-wrapper .input-field-container .input-field .custom-control-label::before {
    border: 1px solid #D2D2D3 !important; /* border-color-C10 */
}

/* C13 */
.form-item-wrapper.show-alert-red .input-field-container .input-field {
    border-color: #A03A4A !important; /* border-color-C13 */
}
.form-item-wrapper .input-notice .red-alert:before {
    background-image: url('/250757/assets/icons/picto-alert-warning-c13.svg');
}
.form-item-wrapper .input-notice .red-alert {
    color: #A03A4A !important; /* color-C13 */
}

/* C15 */
.form-item-wrapper .input-notice .green-alert:before {
    background-image: url('/250757/assets/icons/picto-alert-ok-c15.svg');
}
.form-item-wrapper .input-notice .green-alert {
    color: #769336 !important;
}

/* other instances */
/* C13 -> C12 */
#newsletter-subscribe-form .form-item-wrapper .input-notice .red-alert:before {
    background-image: url('/250757/assets/icons/picto-alert-warning-c12.svg');
}
#newsletter-subscribe-form .form-item-wrapper .input-notice .red-alert {
    color: #F9F9F9 !important; /* color-C12 */
}


/* TOASTS */
/* Styling reset */
.alert.alert-dismissible {
    border: none;
}

/* FONT */
.alert.alert-dismissible strong {
    font-family: "Lato"; /* font-L5 */
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px; /* WARNING */

    font-size:      1.1rem;
    /*line-height:    1.3rem;*/
    line-height:    1.18em;

    color: #FFFFFF !important; /* color-C14 */
}
@media (min-width: 576px) {
    .alert.alert-dismissible strong {
        letter-spacing: 1.5px; /* WARNING */

        font-size:      1.2rem;
        /*line-height:    1.4rem;*/
        line-height:    1.16em;
    }
}
@media (min-width: 992px) {
    .alert.alert-dismissible strong {
        letter-spacing: 1.5px; /* WARNING */

        font-size:      1.4rem;
        /*line-height:    1.6rem;*/
        line-height:    1.14em;
    }
}

.alert.alert-dismissible.alert-success {
    background-color: #769336; /* color-C15 */
}
.alert.alert-dismissible.alert-primary {
    background-color: #CCE5FF; /* Not defined; Using Bootstrap's default */
}
.alert.alert-dismissible.alert-danger {
    background-color: #A03A4A; /* bgcolor-C13 */
}