@charset "UTF-8";
.codette-shared {
    background-color: #F6F6F6;
    font-family: "Gotham", Verdana;
    font-size: 1rem;
    line-height: 23px;
}

.codette-shared h1,
.codette-shared .h1,
.codette-shared h2,
.codette-shared h3,
.codette-shared h4,
.codette-shared h5,
.codette-shared h6 {
    text-transform: uppercase;
}

.codette-shared h1,
.codette-shared h2,
.codette-shared h3,
.codette-shared h4,
.codette-shared h6 {
    color: var(--fonds127-grey);
    font-family: "Gotham", "Verdana";
}

.codette-shared b,
.codette-shared strong,
.codette-shared h1,
.codette-shared h2,
.codette-shared h3,
.codette-shared h4,
.codette-shared h5,
.codette-shared h6 {
    font-weight: 700;
}

.codette-shared h1 {
    font-size: 40px;
    line-height: 46px;
}

.codette-shared h2 {
    font-size: 25px;
    line-height: 32px;
    word-break: break-word;
}

.codette-shared h3 {
    font-size: 20px;
    line-height: 26px;
}

.codette-shared h3.h3-alt {
    font-family: "Bitter", serif;
}

.codette-shared h4 {
    font-size: 16px;
    line-height: 23px;
}

.codette-shared h5 {
    font-family: "Bitter", serif;
    font-size: 16px;
    line-height: 23px;
    color: #99C5EC;
}

.codette-shared h5::before {
    content: "— ";
    color: var(--fonds127-grey);
}

a {
    white-space: nowrap;
    color: var(--fonds127-red);
    transition: all 0.3s ease;
    text-decoration: underline;
}

a:hover {
    color: var(--fonds127-red-10);
    text-decoration: underline;
}


.codette-shared label,
.codette-shared select {
    font-family: "Gotham", "Verdana";
}

.codette-shared .content-page {
    background-color: transparent;
}

.codette-shared .content-page a:not([href]) {
    color: inherit;
    text-decoration: none;
}

.codette-shared .content-page ul ul,
.codette-shared .content-page ul ol,
.codette-shared .content-page ol ul,
.codette-shared .content-page ol ol {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.codette-shared .content-page ul {
    list-style-position: outside;
}

.codette-shared .content-page ul ul {
    padding-left: 70px;
}

.codette-shared .content-page ol {
    list-style: none;
    counter-reset: my-awesome-counter;
}

.codette-shared .content-page ol li {
    margin-bottom: 15px;
    position: relative;
    counter-increment: my-awesome-counter;
}

.codette-shared .content-page ol li::before {
    position: absolute;
    left: -35px;
    content: counter(my-awesome-counter);
    color: var(--fonds127-red);
    font-weight: bold;
}

.codette-shared .content-page ul ::marker {
    color: var(--fonds127-red);
    font-size: 1em;
}

.codette-shared .content-page .border.border-secondary {
    border: 0 !important;
    border-radius: 0;
}

.codette-shared .content-page .card {
    box-shadow: none;
}

.codette-shared .btn {
    font-family: "Fira Sans Condensed", sans-serif;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: .25rem;
    cursor: pointer;
    display: inline-block;
    /*font-size: 1rem;*/
    font-weight: 400;
    /*line-height: 1.5;*/
    padding: .375rem .75rem;
    text-align: center;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
}

.codette-shared .btn.disabled,
.codette-shared .btn:disabled {
    opacity: 0.5;
    pointer-events: none;
}

.codette-shared .btn.btn-primary {
    background-color: var(--fonds127-red);
    border-color: var(--fonds127-red);
    color: #fff;
}

.codette-shared .btn,
.codette-shared .btn:not(:disabled):not(.disabled).active,
.codette-shared .btn:not(:disabled):not(.disabled):active {
    box-shadow: none;
}

.codette-shared .btn-primary:not(:disabled):not(.disabled):hover,
.codette-shared .btn-primary:not(:disabled):not(.disabled).active:hover,
.codette-shared .btn-primary:not(:disabled):not(.disabled):active:hover {
    background-color: var(--fonds127-red-10);
    border-color: var(--fonds127-red-10);
}

.codette-shared .btn.btn-outline-primary {
    border-color: var(--fonds127-red);
    color: var(--fonds127-red);
}

.codette-shared .btn-outline-primary:not(:disabled):not(.disabled):hover,
.codette-shared .btn-outline-primary:not(:disabled):not(.disabled).active,
.codette-shared .btn-outline-primary:not(:disabled):not(.disabled):active {
    background-color: var(--fonds127-red-light);
    border-color: var(--fonds127-red-10);
    color: var(--fonds127-red);
}

@media (min-width: 768px) {
    .codette-shared .content-page .card h4 {
        font-size: 22px;
        line-height: 1.2;
    }
}

.nav-user .account-position {
    line-height: 16px;
}

.codette-shared .content-page a.nav-link a.side-nav-link {
    text-decoration: none;
}

a.nav-link {
    text-decoration: none;
}

.codette-shared .content-page a.page-link {
    text-decoration: none;
}

a.dropdown-item.notify-item {
    text-decoration: none;
    cursor: pointer;
}

@font-face {
    font-family: 'Fira Sans Condensed';
    src: url("/volta/css/fonts/FiraSansCondensed-Regular-a6ce9bccb82f51e03315b02254df017c.ttf");
    src: local("Fira Sans Condensed Regular"), url("/volta/css/fonts/FiraSansCondensed-Regular-a6ce9bccb82f51e03315b02254df017c.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Fira Sans Condensed';
    src: url("/volta/css/fonts/FiraSansCondensed-Italic-608fac6cae800c33a16ccc7a995f287e.ttf");
    src: local("Fira Sans Condensed Italic"), url("/volta/css/fonts/FiraSansCondensed-Italic-608fac6cae800c33a16ccc7a995f287e.ttf") format("truetype");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Fira Sans Condensed';
    src: url("/volta/css/fonts/FiraSansCondensed-Medium-7ebb6cc036e26482f832716e763dbea8.ttf");
    src: local("Fira Sans Condensed Medium"), url("/volta/css/fonts/FiraSansCondensed-Medium-7ebb6cc036e26482f832716e763dbea8.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Fira Sans Condensed';
    src: url("/volta/css/fonts/FiraSansCondensed-Bold-32b208e3e998893d106e6d7606a2d9e8.ttf");
    src: local("Fira Sans Condensed Bold"), url("/volta/css/fonts/FiraSansCondensed-Bold-32b208e3e998893d106e6d7606a2d9e8.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Bitter';
    src: url("/volta/css/fonts/Bitter-VariableFont_wght-b94be83ed13dfe5554eb90ae0de5ea3c.ttf");
    src: local("Bitter"), url("/volta/css/fonts/Bitter-VariableFont_wght-b94be83ed13dfe5554eb90ae0de5ea3c.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Bitter';
    src: url("/volta/css/fonts/Bitter-Italic-VariableFont_wght-70cca29229cf623941c8b80632199c57.ttf");
    src: local("Bitter Italic"), url("/volta/css/fonts/Bitter-Italic-VariableFont_wght-70cca29229cf623941c8b80632199c57.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Font Awesome 5 Brands';
    src: url("/volta/css/fonts/fa-brands-400-ed311c7a0ade9a75bb3ebf5a7670f31d.woff2");
    font-style: normal;
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("/volta/css/fonts/fa-solid-900-d824df7eb2e268626a2dd9a6a741ac4e.woff2") format("truetype");
}
@font-face {
    font-family: 'Gotham';
    font-style: normal;
    font-weight: 700;
    font-display: block;
    src: url("/volta/css/fonts/Gotham Bold-722c5f898bbca8b2eb3fce0287688326.otf") format("opentype");
}
@font-face {
    font-family: 'Gotham';
    font-style: normal;
    font-weight: 100;
    font-display: block;
    src: url("/volta/css/fonts/Gotham Book Regular-a563635d2c187f9399dce23d8f00d585.otf") format("opentype");
}
@font-face {
    font-family: 'Gotham';
    font-style: italic;
    font-weight: 400;
    font-display: block;
    src: url("/volta/css/fonts/Gotham Book Italic-80f10f243460f6ffad2e98123117c15e.ttf") format("truetype");
}

label, label.value {
    font-weight: normal;
}

.clickable {
    cursor: pointer;
}
i.clickable:hover{
    color: #4D90AD;
}
.allow-event {
    pointer-events: initial !important;
}

.file-dropzone {
    min-height: inherit;
    border-color: #dee2e6;
    border-width: 2px;
    border-style: dashed;
    padding: 1em;
    cursor: pointer;
}

.file-dropzone.dragging {
    border-color: #c1c9d0;
}

.upload-preview-item {
    border: 1px solid #dee2e6;
    margin: 1em 0;
    padding: 0.5em 1em;
    display: flex;
    justify-content: space-between;
}

.upload-preview-item a {
    display: flex;
    justify-content: right;
}

.upload-preview-item span {
    max-width: 95%;
}

.alert-info {
    background-color: var(--fonds127-red-light);
    border-color: var(--fonds127-red-light);
}

.datepicker table tr td.today:not(.active) {
    background-color: var(--fonds127-red-light) !important;
    color: #6c757d;
}

.datepicker table tr td.active.day,
.datepicker table tr td span.month.active,
.datepicker table tr td span.year.active,
.datepicker table tr td span.decade.active,
.datepicker table tr td span.century.active {
    background-color: var(--fonds127-red) !important;
}

.datepicker table tr td.day:not(.active):not(.disabled):hover {
    background-color: var(--fonds127-red-light) !important;
    color: var(--fonds127-grey);
}

.datepicker table tr td.active.day:hover,
.datepicker table tr td span.month.active:hover,
.datepicker table tr td span.year.active:hover,
.datepicker table tr td span.decade.active:hover,
.datepicker table tr td span.century.active:hover {
    background-color: var(--fonds127-red-10) !important;
    color: #fff;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--fonds127-red);
    color: white;
}

/* Shared dropdown arrow for native selects and select2 */
:root {
    --fonds127-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1 3l4 4 4-4' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-right: 2rem;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 0;
    right: .75rem;
    width: 10px;
    height: 100%;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b,
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border: 0;
    width: 10px;
    height: 10px;
    margin: -5px 0 0 -5px;
    background-color: var(--fonds127-grey);
    -webkit-mask: var(--fonds127-chevron) center / contain no-repeat;
    mask: var(--fonds127-chevron) center / contain no-repeat;
    transition: transform .2s ease-in-out;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(180deg);
}

select.form-control:focus,
select.form-select:focus,
select.custom-select:focus {
    border-color: var(--fonds127-red-transparent);
}

select option:checked {
    background-color: var(--fonds127-red);
    color: #fff;
}

/* Browsers supporting customizable selects: replace the native blue highlight entirely */
@supports (appearance: base-select) {
    select,
    select::picker(select) {
        appearance: base-select;
    }

    /* base-select lays out the value and arrow as flex items; Bootstrap's display: block stacks them */
    select {
        display: inline-flex;
        align-items: center;
    }

    select.form-control,
    select.form-select,
    select.custom-select {
        display: flex;
    }

    select::picker-icon {
        content: "";
        width: 10px;
        height: 10px;
        margin-left: auto;
        background-color: var(--fonds127-grey);
        -webkit-mask: var(--fonds127-chevron) center / contain no-repeat;
        mask: var(--fonds127-chevron) center / contain no-repeat;
        transition: transform .2s ease-in-out;
    }

    select:open::picker-icon {
        transform: rotate(180deg);
    }

    select.custom-select::picker-icon {
        display: none;
    }

    select::picker(select) {
        border: 1px solid #dee2e6;
        border-radius: .25rem;
        background-color: #fff;
        box-shadow: 0 0 35px 0 rgba(154, 161, 171, .15);
        padding: .25rem 0;
    }

    select option {
        padding: .375rem .75rem;
        color: var(--fonds127-grey);
    }

    select option::checkmark {
        display: none;
    }

    select option:hover,
    select option:focus-visible {
        background-color: var(--fonds127-red-light);
        color: var(--fonds127-grey);
        outline: none;
    }

    select option:checked,
    select option:checked:hover {
        background-color: var(--fonds127-red);
        color: #fff;
    }
}