:root {
    --ink-1-darken: #DFA741;
    --ink-1: #0F2A3D;
    --ink-1-disable: #9C9C9C;
    --inactive-light: #fd2c1a;
    --ink-7: #0F2A3D;
    --ink-7-darken: #fd2c1a;
    --ink-9: white;
    --body-bg-color: #fefbf3;
    --font-family-base: "Roboto", Arial, sans-serif;
    --font-family-alt: "Roboto", Arial, sans-serif;
    --font-family-title: 'Josefin Sans', Arial, sans-serif;
    --font-family-button: 'Roboto', Arial, sans-serif;
    --gray-1: #e3e3e3;
    --gray-2: #9c9c9c;
    --white: #ffffff;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--ink-1);
}

.heading-folder-cta .col-md-6 {
    display: inline-block;
    max-width: fit-content !important;
}

.heading-folder-cta .button--large {
    padding: 6px 18px;
    font-size: 16px;
}

.dashboard__filter {
    display: grid;
    grid-template:
    "filter__icon filter__number"
    "filter__icon filter__label";
    background: var(--gray-1);
    grid-template-columns: 48px auto;
    border-color: var(--gray-2) !important;
}

.filter__icon {
    grid-area: filter__icon;
    margin-right: 10px;
}

.filter__icon svg:not(.svg-ie) {
    max-width: 101%;
}

.filter__number {
    grid-area: filter__number;
    margin-right: 10px;
    text-align: left;
    font-size: 48px !important;
    color: var(--ink-1-darken);
    font-weight: 700 !important;
}

.filter__label {
    grid-area: filter__label;
    margin-right: 10px;
    text-align: left;
    font-size: 18px !important;
    color: var(--ink-1);
}

.filter__label span {
    display: block;
}

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

.button--abandon {
    background: transparent !important;
}

.button-primary--outline {
    border-radius: 20px;
    background: var(--gray-1) !important;
    border-color: transparent !important;
    padding: 5px 20px;
}

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

input[type="text"].button-search {
    background: #f3f3f3;
    border-color: #dadada;
    color: var(--gray-2);
    border-radius: 10px;
}

input[type="text"].button-search::placeholder {
    font-size: 14px;
}

textarea:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[list]:focus, select:focus {
    box-shadow: 0px 0px 0px 1px rgba(15, 42, 61, 0.7) !important;
}

.header-step-button-container .button--files-state:not(.button--files-state--active) svg path {
    fill: var(--ink-1);
}

.header-step-button-container .button--files-state svg path.svg-abandoned-files-2 {
    fill: transparent;
    stroke: var(--ink-1);
}

.header-step-button-container .button--files-state.button--files-state--active svg path.svg-abandoned-files-2 {
    fill: transparent;
    stroke: var(--white);
}

.header-step-button-container .button--files-state.button--files-state--active {
    background: var(--ink-1) !important;
    color: var(--white) !important;
}

.wizzard__step.wizzard__step--active .step__number,
.wizzard__step.wizzard__step--active .step__title {
    color: var(--ink-1-darken) !important;
}

.wizzard__step.wizzard__step--complete .step__number,
.wizzard__step.wizzard__step--complete .step__title {
    color: var(--ink-1) !important;
}

.back svg {
    margin-top: -3px;
}

label.radio-button-with-circle input + span {
    font-family: Roboto, sans-serif !important;
}

label.radio-button-with-circle input:checked + span, label.radio-button-with-circle input:hover + span {
    background: var(--gray-1);
}

.main-header .button--logout {
    display: flex !important;
    background: var(--gray-1);
    color: var(--ink-1);
}

.main-header .button--logout:not(:hover) svg {
    stroke: var(--ink-1);
}

.main-header .button--logout:hover {
    color: var(--white);
}

.main-header .button--logout span {
    margin-right: 10px;
}

.main-header .text-logout {
    display: block !important;
}

.button {
    border-radius: 12px !important;
}

.button__container {
    display: inline-block;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: transparent;
    border-radius: 12px 12px 12px 12px;
    box-shadow: 0 0 0 2px rgba(223, 167.00000000000009, 64.99999999999997, 0);
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, transform .4s;
}

.button__container:hover {
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: transparent;
    box-shadow: 0 0 0 2px var(--ink-1-darken);
}

.button__container--logout:hover {
    box-shadow: 0 0 0 2px var(--ink-7-darken);
}

.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;
}

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

label:not(.radio-button-with-circle) {
    font-size: 1em !important;
}

.form-floating > label:not(.label-phone) {
    top: 19px !important;
}

.form-floating > .form-control:focus ~ label:not(.label-phone),
.form-floating > .form-control:not(:placeholder-shown) ~ label:not(.label-phone),
.form-floating > .form-select ~ label:not(.label-phone) {
    transform: translateY(-31px) translateX(-12px) !important;
}

.checkbox:checked + label:after {
    top: 10px !important;
}

.form-floating {
    > .form-control:focus,
    > .form-control:not(:placeholder-shown),
    > .form-select {
        ~ label:not(.label-phone) {
            font-size: 1em !important;
        }
    }
}

.box-elevations--base {
    box-shadow: none !important;
    border: 1px solid var(--gray-1) !important;
    border-radius: 16px !important;
}

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

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

.help-wrapper .help__button {
    display: none;
}

.button-search {
    box-shadow: none !important;
}

.title-create-folder {
    display: block !important;
}

.notification {
    padding: 10px 40px !important;
}

.notification--success:before,
.notification--info:before,
.notification--warning:before,
.notification--error:before {
    height: 25px !important;
    width: 25px !important;
}