:root {
    --green: #c4d878;
    --parking-green: #80bf84;
    --red: #98002e;
    --orange: #c1753f;
    --light-blue: #659daa;
    --blue: #5e83a1;
    --dark-blue: #46649f;
    --light-grey: #d5d5d5;
    --grey-dark: #444;
    --white: #fff
}

a {
    color: var(--blue)
}

a:hover {
    color: var(--light-blue);
    text-decoration: none !important
}

.color-primary {
    color: var(--blue)
}

.color-red {
    color: var(--red)
}

.bk-bg-primary {
    background-color: var(--blue)
}

.bk-bg-secondary {
    background-color: var(--white);
    box-shadow: 1px 1px 5px #d5d5d5;
    margin-bottom: 2rem
}

.banff-car-select:before {
    content: url(../img/car.png);
    display: block
}

.icon-picto-email:before {
    content: '\e800'
}

.icon-picto-advice:before {
    content: '\e803'
}

.bk-btn-primary {
    background-color: var(--blue)
}

.bk-btn-primary:hover,
.bk-btn-primary:focus {
    background-color: #30415b;
    border-color: #30415b
}

.bk-btn-secondary {
    border-color: var(--blue);
    color: var(--blue)
}

.bk-btn-secondary:hover,
.bk-btn-secondary:focus {
    background-color: #30415b;
    border-color: #30415b
}

.bk-btn-select:hover,
.bk-btn-select:focus {
    background-color: var(--blue);
    border-color: var(--blue)
}

.form-control:hover {
    border-color: var(--parking-green)
}

.badge-day-0 {
    background-color: var(--parking-green)
}

.badge-day-1 {
    background-color: var(--orange)
}

.badge-day-more {
    background-color: var(--red)
}