:root {
    --bs-primary-rgb: 31, 172, 155;
    --bs-warning-rgb: 250, 111, 52;
}



/* BODY */
body {
    font-family: 'Inter', sans-serif;
    background-color: #f8f9fa;
}


/* HEADER */
.header {
    background-color: #1a1a2e;
    color: white;
    padding: 1rem 0;
}

.header a {
    text-decoration: none;
    color: white;
}
header a:hover {
    color: gray;
    text-decoration: none;
}

.header input[type="text"] {
    border:none;
    color:#ffffff;
    background-color:#4c5268;
}

.header button {
    color: white;
    text-decoration: none;
}

.header-logo {
    font-size: 1.5rem;
    font-weight: bold;
    color: white;
}


/* FOOTER */
footer {
    background-color: #1a1a2e;
    color: white;
    padding: 1rem 0;
    text-align: center;
    font-size:.9em;
}

footer a {
    color: white;
    text-decoration: none;
}
footer a:hover {
    color: gray;
    text-decoration: none;
}



/* UL - GREEN DOTS */
.ul-green-dot {
    list-style: none;
    padding-left: 10px;
}
.ul-green-dot > li::before {
    content: url('/assets/images/theme_2024/bullets/bullet-verte.png');
    margin-right: 10px;
}

.green-dot::before {
    content: url('/assets/images/theme_2024/bullets/bullet-verte.png');
    margin-right: 10px;
}

.gray-dot::before {
    content: url('/assets/images/theme_2024/bullets/bullet-grise.png');
    margin-right: 10px;
}

.orange-dot::before {
    content: url('/assets/images/theme_2024/bullets/bullet-orange.png');
    margin-right: 10px;
}


/* UL - HORIZONTAL SPACES */
.ul-h-spaces > li {
    line-height: 2.5em;
}



/* HELPERS */

.bold {
    font-weight: bold;
}

.nowrap {
    white-space: nowrap;
}

.w-800 {
    width:800px;
}

.pointer {
    cursor: pointer;
}

.cursor-default {
    cursor: default;
}

.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}



/* BUTTONS */

.btn {
    border-radius: 5px;
}


/* BUTTON GREY (dark gray) */
.text-grey {
    color: #4c5268;
}
.btn-grey {
    background-color:#4c5268;
    border-color:#4c5268;
    color:white !important;
}
.btn-grey:hover {
    background-color:#87939c;
    border-color:#87939c;
}

.btn-outline-grey {
    border-color:#4c5268;
    color:#4c5268;
}
.btn-outline-grey.active {
    background-color:#4c5268;
    border-color:#4c5268;
    color:#ffffff;
}
.btn-outline-grey:hover {
    background-color:#87939c;
    border-color:#87939c;
    color:#ffffff;
}
.btn-grey.disabled, .btn-grey:disabled, .btn-grey:active, .btn-outline-grey.disabled, .btn-outline-grey:disabled, .btn-outline-grey:active {
    background-color: #87939c !important;
    border-color: transparent !important;
    color:#ffffff !important;
}

/* BUTTON GRAY (light grey) */
.border-gray {
    border-color: #87939c;
}
.text-gray {
    color: #87939c;
}
.btn-gray {
    background-color:#87939c;
    border-color:#87939c;
    color:white !important;
}
.btn-gray:hover {
    background-color:#4c5268;
    border-color:#4c5268;
}

.btn-outline-gray {
    border-color:#87939c;
    color:#87939c;
}
.btn-outline-gray.active {
    background-color:#87939c;
    border-color:#87939c;
    color:#ffffff;
}
.btn-outline-gray:hover {
    background-color:#4c5268;
    border-color:#4c5268;
    color:#ffffff;
}
.btn-gray.disabled, .btn-gray:disabled, .btn-gray:active, .btn-outline-gray.disabled, .btn-outline-gray:disabled, .btn-outline-gray:active {
    background-color: #87939c !important;
    border-color: transparent !important;
    color:#ffffff !important;
}

/* BUTTON GREEN */
.border-green {
    border-color: #1fac9b;
}
.text-green {
    color: #1fac9b !important;
}
.btn-green {
    background-color:#1fac9b;
    border-color:#1fac9b;
    color:white !important;
}
.btn-green:hover {
    background-color:#1c9b8b;
    border-color:#1c9b8b;
}
.btn-outline-green {
    border-color:#1fac9b;
    color:#1fac9b;
}
.btn-outline-green:hover {
    background-color:#1fac9b;
    border-color:#1fac9b;
    color:#ffffff;
}
.btn-green.disabled, .btn-green:disabled, .btn-green:active, .btn-outline-green.disabled, .btn-outline-green:disabled, .btn-outline-green:active {
    background-color: #1fac9b !important;
    border-color: transparent !important;
    color:#ffffff !important;
}

/* BUTTON BLUE */
.text-blue {
    color: #1a3ae3 !important;
}
.btn-blue {
    background-color:#1a3ae3;
    border-color:#1a3ae3;
    color:white !important;
}
.btn-blue:hover {
    background-color:#1a3ae3;
    border-color:#1a3ae3;
}
.btn-outline-blue {
    border-color:#1a3ae3;
    color:#1a3ae3;
}
.btn-outline-blue:hover {
    background-color:#1a3ae3;
    border-color:#1a3ae3;
    color:#ffffff;
}
.btn-blue.disabled, .btn-blue:disabled, .btn-blue:active, .btn-outline-blue.disabled, .btn-outline-blue:disabled, .btn-outline-blue:active {
    background-color: #1a3ae3 !important;
    border-color: transparent !important;
    color:#ffffff !important;
}

/* BUTTON RED */
.text-red {
    color: #d1111c;
}
.btn-red {
    background-color:#d1111c;
    border:solid 1px #d1111c;
    color:#ffffff;
}
.btn-red:hover {
    background-color:#fa6f34;
    border:solid 1px #fa6f34;
    color:#ffffff;
}
.btn-outline-red {
    border:solid 1px #d1111c;
    color:#d1111c;
}
.btn-outline-red:hover {
    background-color:#d1111c;
    border:solid 1px #d1111c;
    color:#ffffff;
}
.btn-red.disabled, .btn-red:disabled, .btn-red:active, .btn-outline-red.disabled, .btn-outline-red:disabled, .btn-outline-red:active {
    background-color: #d1111c !important;
    border-color: transparent !important;
    color:#ffffff !important;
}

/* BUTTON ORANGE */
.text-orange {
    color: #fa6f34;
}
.btn-orange {
    background-color:#fa6f34;
    border:solid 1px #fa6f34;
    color:#ffffff;
}
.btn-orange:hover {
    background-color:#fa6f34;
    border:solid 1px #fa6f34;
    color:#ffffff;
}
.btn-outline-orange {
    border:solid 1px #fa6f34;
    color:#fa6f34;
}
.btn-outline-orange:hover {
    background-color:#fa6f34;
    border:solid 1px #fa6f34;
    color:#ffffff;
}
.btn-orange.disabled, .btn-orange:disabled, .btn-orange:active, .btn-outline-orange.disabled, .btn-outline-orange:disabled, .btn-outline-orange:active {
    background-color: #fa6f34 !important;
    border-color: transparent !important;
    color:#ffffff !important;
}

/* BUTTON YELLOW */
.text-yellow {
    color: #fcb01e;
}
.btn-yellow {
    background-color:#fcb01e;
    border:solid 1px #fcb01e;
    color:#ffffff;
}
.btn-yellow:hover {
    background-color:#fcb01e;
    border:solid 1px #fcb01e;
    color:#ffffff;
}
.btn-outline-yellow {
    border:solid 1px #fcb01e;
    color:#fcb01e;
}
.btn-outline-yellow:hover {
    background-color:#fcb01e;
    border:solid 1px #fcb01e;
    color:#ffffff;
}
.btn-yellow.disabled, .btn-yellow:disabled, .btn-yellow:active, .btn-outline-yellow.disabled, .btn-outline-yellow:disabled, .btn-outline-yellow:active {
    background-color: #fcb01e !important;
    border-color: transparent !important;
    color:#ffffff !important;
}

/* BUTTON PURPLE */
.text-purple {
    color: #8274d9;
}
.btn-purple {
    background-color:#8274d9;
    border:solid 1px #8274d9;
    color:#ffffff;
}
.btn-purple:hover {
    background-color:#8274d9;
    border:solid 1px #8274d9;
    color:#ffffff;
}
.btn-outline-purple {
    border:solid 1px #8274d9;
    color:#8274d9;
}
.btn-outline-purple:hover {
    background-color:#8274d9;
    border:solid 1px #8274d9;
    color:#ffffff;
}
.btn-purple.disabled, .btn-purple:disabled, .btn-purple:active, .btn-outline-purple.disabled, .btn-outline-purple:disabled, .btn-outline-purple:active {
    background-color: #8274d9 !important;
    border-color: transparent !important;
    color:#ffffff !important;
}

/* BUTTON DARK-BLUE */
.text-dark-blue {
    color: #242733;
}
.btn-dark-blue {
    background-color:#242733;
    border:solid 1px #242733;
    color:#ffffff;
}
.btn-dark-blue:hover {
    background-color:#242733;
    border:solid 1px #242733;
    color:#ffffff;
}
.btn-outline-dark-blue {
    border:solid 1px #242733;
    color:#242733;
}
.btn-outline-dark-blue:hover {
    background-color:#242733;
    border:solid 1px #242733;
    color:#ffffff;
}
.btn-dark-blue.disabled, .btn-dark-blue:disabled, .btn-dark-blue:active, .btn-outline-dark-blue.disabled, .btn-outline-dark-blue:disabled, .btn-outline-dark-blue:active {
    background-color: #242733 !important;
    border-color: transparent !important;
    color:#ffffff !important;
}


/* FORM CHECK */
.form-check-input {
    background-color: white !important;
    border-color: #87939c !important;
    color: #1c9b8b;

}

.form-check-input:checked {
    border-color: #1c9b8b !important;
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%231c9b8b' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e") !important;
}