:root {
    --body-color: #100d4b;
    --text-light: #100d4b;
    --text-color: #100d4b;
    --text-dark: #100d4b;
    --grey-3: #100d4b;
    --grey-5: #100d4b;
    --grey-6: #d9e9f3;
    --grey-7: #100d4b;
    --grey-9: #d9e9f3;
    --light: #d9e9f3;
    --ink-1: #fd2c1a;
    --ink-1-darken: #100d4b;
    --ink-1-disable: #bf8343;
    --inactive-light: #fd2c1a;
    --ink-7: #100d4b;
    --ink-7-darken: #fd2c1a;
    --ink-9: white;
    --font-family: "Galano Grotesque Alt";
    --font-family-replacement: "Arial sans-serif";
    --body-bg-color: var(--ink-1-darken);
}

body {
    background-size: contain !important;
    font-family: var(--font-family), var(--font-family-replacement) !important;
    font-size: 100% !important;
}

body > div#root > div.box-elevations {
    background-color: var(--grey-6) !important;
}

body > div#root > div.wrap {
    color: white !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-family), var(--font-family-replacement) !important;
}

.button-primary {
    color: var(--grey-6) !important;
    background-color: var(--ink-1-darken) !important;
}

.button-primary:hover {
    background-color: var(--ink-1) !important;
}

div.card button.button-primary--outline {
    color: var(--light) !important;
    border-color: var(--light) !important;
    font-weight: normal;
    border-radius: unset;
}

div.card button.button-primary--outline:hover {
    color: var(--ink-1) !important;
    border-color: var(--ink-1) !important;
}

div.list__line button.button-primary--outline {
    color: var(--ink-1-darken) !important;
    border-color: var(--ink-1-darken) !important;
}

div.list__line button.button-primary--outline:hover {
    color: var(--ink-1) !important;
    border-color: var(--ink-1) !important;
}

.dashboard__filter {
    border-color: var(--ink-1-darken) !important;
    color: var(--ink-1-darken) !important;
}

.dashboard__filter:hover {
    border-color: var(--ink-1) !important;
    color: var(--ink-1) !important;
}

a.dashboard__filter path {
    fill: var(--ink-1-darken) !important;
    stroke: var(--ink-1-darken) !important;
}

a.dashboard__filter path:hover {
    fill: var(--ink-1) !important;
    stroke: var(--ink-1) !important;
}

a.dashboard__filter:nth-child(4) > div:nth-child(1) > svg:nth-child(1) > path:nth-child(2) {
    fill: transparent !important;
}

a.dashboard__filter__validated:nth-child(2) > div:nth-child(1) > svg:nth-child(1) > path:nth-child(1),
a.dashboard__filter__sync:nth-child(3) > div:nth-child(1) > svg:nth-child(1) > path:nth-child(1),
a.dashboard__filter__error:nth-child(4) > div:nth-child(1) > svg:nth-child(1) > path:nth-child(1) {
    fill: transparent !important;
}

a.dashboard__filter__ongoing:nth-child(1) > div:nth-child(1) > svg:nth-child(1) > path:nth-child(1) {
    stroke: transparent !important;
}

a.button--files-state--active {
    background: var(--ink-1) !important;
}

div.wizzard__step div.step__progression {
    background: var(--ink-1) !important;
}

div.wizzard__step--active div.step__progression {
    background: var(--light) !important;
}

.col-md-4 > input:nth-child(1) {
    background-color: var(--grey-6) !important;
}

div.card--completed div.card__content span,
div.card--disabled div.card__content span {
    color: var(--light) !important;
}

div.card--completed div.card__content strong {
    font-weight: normal !important;
}

div.card--completed u.u-txt-color-ink-1 {
    color: rgb(253, 44, 26, 70%) !important;
}

label.radio-button-with-circle span {
    border-color: var(--grey-7) !important;
}

div.css-1uccc91-singleValue,
div.css-1g6gooi {
    color: var(--ink-1-darken) !important;
}

div.css-yk16xz-control {
    background-color: white !important;
    border-color: white !important;
}

div.css-1wa3eu0-placeholder {
    color: var(--light);
}

.css-tlfecz-indicatorContainer {
    color: var(--ink-1-darken) !important;
}

span.css-1okebmr-indicatorSeparator {
    background-color: var(--ink-1-darken) !important;
}

span.flatpickr-day {
    color: inherit;
}

span.flatpickr-weekday {
    color: var(--ink-1-darken) !important;
}

.checkbox-toggle--light:checked + .checkbox-toggle__button {
    background-color: var(--ink-1) !important;
}

.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-months .flatpickr-month,
.flatpickr-current-month input.cur-year {
    background-color: var(--ink-1) !important;
}


input[list],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
select,
textarea {
    background-color: white !important;
    border-color: white !important;
    font-family: var(--font-family), var(--font-family-replacement) !important;
    font-size: small !important;
    letter-spacing: normal !important;
}

label {
    font-size: small !important;
    color: rgb(15, 16, 75, 50%) !important;
}

.form-floating {
    padding-top: 30px;
}

.form-floating > label:not(.label-phone) {
    color: rgb(15, 16, 75, 50%) !important;
    font-size: small !important;
    height: auto !important;
    padding: 1px 10px !important;
    top: 25px !important;
}

.u-txt-size-l {
    font-size: small !important;
}

.array-choice__header .array-choice--item__heading {
    width: auto !important;
}

.array-choice--item__heading, .array-choice--item__option {
    padding: 1em .4em !important;
    width: 4.8em !important;
    font-size: small !important;
}

.array-choice--item {
    width: 4.5em !important;
    text-align: center !important;
}

.array-choice__header {
    width: 7em !important;
}

.array-choice--item--selected,
.array-choice--item:hover {
    background:var(--grey-3) !important;
    color: var(--ink-1) !important;
}

@media only screen and (min-width: 1024px) {
    .u-mbb {
        margin-bottom: 5px !important;
    }
    .h2, h2 {
        font-size: 2em !important;
    }
    .h3, h3 {
        font-size: 1.3em !important;
    }
}

.css-26l3qy-menu {
    position: relative !important;
}

.block-np {
    background-color: white !important
}

.block-np label {
    color: rgb(15, 16, 75, 60%) !important;
}

.block-usu {
    background-color: #9ac7e3 !important
}

.block-usu label {
    color: rgb(15, 16, 75, 60%) !important;
}

.main-footer__info__person {
    color: var(--ink-9);
}

.tab-content .card, .tab-content .box-elevations {
    color: var(--text-light);
}

.tab-content .box-elevations .wizzard .tabs .wizzard__step .step__number,
.tab-content .box-elevations .wizzard .tabs  .wizzard__step .step__title {
    color: var(--ink-1-darken);
}

.tab-content .box-elevations .wizzard .tabs .wizzard__step--active .step__number,
.tab-content .box-elevations .wizzard .tabs  .wizzard__step--active .step__title {
    color: var(--ink-1);
}

.tab-content .box-elevations .wizzard__step .step__progression {
    background: var(--ink-1-darken) !important;
}

.tab-content .box-elevations .wizzard__step--active .step__progression {
    background: var(--ink-1)  !important;
}


.main-header .button--rcci-validation {
    color: var(--light) !important;
    background-color: var(--ink-1-darken) !important;
}

.main-header .button--rcci-validation:hover {
    background-color: var(--ink-1) !important;
}

.main-header .button--rcci-validation path {
    fill: var(--light) !important;
}

.link-tab {
    color: rgb(157, 155, 152) !important;
}

.link-tab--active {
    color: var(--ink-1) !important;
}

.button--abandon {
    background: transparent !important;
    margin-left: 10px !important;
}

.button--abandon .svg-abandoned-files-1 {
    fill: var(--ink-1) !important;
}

.button--abandon .svg-abandoned-files-2 {
    stroke: var(--ink-1) !important
}

.button--abandon:hover .svg-abandoned-files-1 {
    fill: var(--ink-1-darken) !important
}

.button--abandon:hover .svg-abandoned-files-2 {
    stroke: var(--ink-1-darken) !important
}