select.select_dc {
    display: none;
}

.custom-select_dc {
    position: relative;
    height: 40px;
    background-color: #fff;
    border-radius: 6px;
    font-size: 12px;
    color: #11142D;
    margin-bottom: 20px;
    cursor: pointer;
}

.custom-select_dc .selected-option {
    position: relative;
    padding: 7px 10px 7px 7px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    min-width: 200px;
    height: 40px;
    padding: 0.9375rem;
    border-radius: 0.625rem;
    box-shadow: 1px 2px 13px -5px rgba(156, 156, 156, 0.75);
    -webkit-box-shadow: 1px 2px 13px -5px rgba(156, 156, 156, 0.75);
    -moz-box-shadow: 1px 2px 13px -5px rgba(156, 156, 156, 0.75);
}

.custom-select_dc .selected-option:after {
    content: "";
    position: absolute;
    display: block;
    width: 12px;
    height: 12px;
    top: 18px;
    right: 8px;
    background-image: url(../img/dropUser.svg);
    background-repeat: no-repeat;
}

.custom-select_dc .options {
    position: absolute;
    top: 100%;
    left: -1px;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    background-color: #ffffff;
    border-top: none;
    border-radius: 0.625rem;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 5px;
    z-index: 5;
    border: 1px solid #E8E8E8;
    box-shadow: 1px 2px 13px -5px rgba(156, 156, 156, 0.75);
    -webkit-box-shadow: 1px 2px 13px -5px rgba(156, 156, 156, 0.75);
    -moz-box-shadow: 1px 2px 13px -5px rgba(156, 156, 156, 0.75);
    width: calc(100% + 2px);
    display: none;
}

.custom-select_dc .options.show {
    display: block;
}

.custom-select_dc .options li {
    padding: 10px;
    cursor: pointer;
}

.custom-select_dc .options li:hover {
    background-color: #fbfbfb;
}

.custom-select_dc .options li.selected {
    background-color: #fbfbfb;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: none;
    white-space: normal;
}

body {
    font-size: 0.875rem;
    font-family: "Roboto", sans-serif;
    color: #0f0f0f;
}

fieldset {
    border: none;
}

.button_te {
    display: flex;
    justify-content: center;
    align-items: inherit;
    width: 100%;
    background: #E3090D;
    color: #fff;
    padding: 0.9375rem;
    border-radius: 0.625rem;
    border: none;
    margin: 0.625rem 0;
    cursor: pointer;
    text-decoration: none;
}

.container {
    width: 61.25rem;
    margin: auto;
}

.mini_container {
    width: 45rem;
}

.grandian_background {
    position: relative;
    background-image: url(../img/Bg.svg);
    background-position: center;
    background-size: cover;
    padding: 1.25rem;
    border-radius: 1.25rem;
}

.grandian_background .wood_shape {
    position: absolute;
    right: -45px;
    bottom: -0.625rem;
    width: 120px;
}

.grandian_background .wood_shape-left {
    position: absolute;
    left: -45px;
    bottom: -0.625rem;
    width: 120px;
}

.check-area {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #070707;
    height: 1.25rem;
}

.check-area input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 1.25rem;
    width: 1.25rem;
    border: 2px solid #C7C7C7;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.check-area input:checked ~ .checkmark {
    background-color: #E3090D;
    border: 2px solid #E3090D;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.check-area input:checked ~ .checkmark:after {
    display: block;
}

.check-area .checkmark:after {
    left: 5px;
    top: 2px;
    width: 4px;
    height: 9px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.nav_user_wrapper .dropdown-btn {
    display: flex;
    justify-content: inherit;
    align-items: center;
    gap: 0.3125rem;
    cursor: pointer;
}

.nav_user_wrapper .dropdown-content {
    display: none;
    margin-top: 0.625rem;
    background: #F2F2F2;
    border-radius: 0.75rem;
    padding: 0.625rem;
    position: absolute;
}

.nav_user_wrapper .dropdown-content a {
    font-size: 0.8125rem;
    text-decoration: none;
    color: #000;
    display: flex;
    justify-content: inherit;
    align-items: center;
    gap: 0.3125rem;
}

.nav_user_wrapper .dropdown.active .dropdown-content {
    display: block;
}

.nav_user_wrapper .dropdown.active .arrow_nav {
    transform: rotate(180deg);
}

.container_column {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.main__header_container {
    display: flex;
    justify-content: space-between;
    align-items: inherit;
    padding: 0.625rem 0;
    margin-bottom: 0.625rem;
}

.main__header_container .brand_wrapper h1 {
    font-size: 1.25rem;
    color: #D6D6D6;
    font-family: "Nunito", sans-serif;
}

.main__content {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: inherit;
    flex-direction: column;
}

.bo_form_wrapper {
    text-align: center;
    margin: auto;
    width: 37.5rem;
}

.bo_form_wrapper.small_width {
    width: 22.5rem;
}

.bo_form_wrapper .form_title {
    font-family: "Nunito", sans-serif;
    font-size: 1.5rem;
    margin: 1.25rem 0;
    font-weight: 500;
}

.bo_form_wrapper .description_headline {
    font-size: 0.75rem;
    margin-bottom: 1.25rem;
}

.bo_form_wrapper form {
    text-align: left;
}

.bo_form_wrapper form label {
    display: flex;
    justify-content: inherit;
    align-items: center;
    font-size: 0.75rem;
    margin-bottom: 0.3125rem;
}

.bo_form_wrapper form input[type=text] {
    width: 60% !important;
}

.bo_form_wrapper form input[type=text],
.bo_form_wrapper form input[type=email],
.bo_form_wrapper form input[type=password] {
    width: 100%;
    border: none;
    padding: 0.9375rem;
    margin-bottom: 0.9375rem;
    border-radius: 0.625rem;
    box-shadow: 1px 2px 13px -5px rgba(156, 156, 156, 0.75);
    -webkit-box-shadow: 1px 2px 13px -5px rgba(156, 156, 156, 0.75);
    -moz-box-shadow: 1px 2px 13px -5px rgba(156, 156, 156, 0.75);
}

.bo_form_wrapper form input[type=text].with_icon,
.bo_form_wrapper form input[type=email].with_icon,
.bo_form_wrapper form input[type=password].with_icon {
    padding-left: 2.5rem;
}

.bo_form_wrapper form input[type=text].width-fit-content,
.bo_form_wrapper form input[type=email].width-fit-content,
.bo_form_wrapper form input[type=password].width-fit-content {
    width: fit-content;
}

.bo_form_wrapper form input[type=text].width-fit-content {
    width: 100px !important;
}

.bo_form_wrapper form input[type=text].bg_gray,
.bo_form_wrapper form input[type=email].bg_gray,
.bo_form_wrapper form input[type=password].bg_gray {
    box-shadow: none;
    background-color: #F7F8F9;
}

.bo_form_wrapper form input[type=password] {
    background-image: url(../img/mot_de_pass.svg);
    background-repeat: no-repeat;
    background-position: 15px center;
}

.bo_form_wrapper form input[type=email] {
    background-image: url(../img/mail.svg);
    background-repeat: no-repeat;
    background-position: 15px center;
}

.bo_form_wrapper form button[type=submit] {
    width: 100%;
    background: #E3090D;
    color: #fff;
    font-size: 0.875rem;
    font-weight: 700;
    padding: 0.9375rem;
    border-radius: 0.625rem;
    border: none;
    margin: 0.9375rem 0;
    cursor: pointer;
}

.bo_form_wrapper form .forget_password_link {
    text-align: center;
    display: block;
    color: #434343;
    font-size: 0.875rem;
}

.bo_form_wrapper form .inline_fieldset {
    display: flex;
    justify-content: inherit;
    align-items: center;
    gap: 1.25rem;
}

.bo_form_wrapper form .inline_fieldset label {
    min-width: 7.5rem;
    font-size: 0.875rem;
}

.bo_form_wrapper .success_message_fp {
    padding: 5rem 0;
}

.bo_form_wrapper .success_message_fp img {
    margin-bottom: 1.25rem;
}

.bo_form_wrapper p {
    margin-bottom: 0.9375rem;
}

.bo_form_wrapper .list_actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.875rem;
    margin-bottom: 1.875rem;
}

.bo_form_wrapper .list_actions .next_step {
    display: block;
    border-radius: 1.875rem;
    padding: 0.75rem 2.5rem;
    background-color: #fff;
    border: 1px solid #E3090D;
    color: #E3090D;
    font-weight: 600;
    cursor: pointer;
}

.bo_form_wrapper .list_actions .prevstep {
    display: block;
    border-radius: 1.875rem;
    padding: 0.75rem 2.5rem;
    background-color: #fff;
    border: 1px solid #D0D0D0;
    color: #000;
    font-weight: 600;
    cursor: pointer;
}

.devis_steps_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: inherit;
    margin: 1.875rem 0;
    gap: 0.3125rem;
}

.devis_steps_wrapper .step_item {
    width: 33.3333333333%;
}

.devis_steps_wrapper .step_item:before {
    content: "";
    display: block;
    width: 100%;
    height: 0.25rem;
    border-radius: 0.3125rem;
    margin-bottom: 0.3125rem;
    background-color: rgb(56, 56, 56);
}

.devis_steps_wrapper .step_item.active:before {
    background-color: #A6C3A9;
}

.devis_steps_wrapper .step_item.active .step_title {
    color: #A6C3A9;
}

.devis_steps_wrapper .step_item.current:before {
    background-color: green;
}

.devis_steps_wrapper .step_item.current .step_title {
    color: green;
}

.devis_steps_wrapper .step_item .step_title {
    font-size: 0.75rem;
}

.list_products_wrapper .product_item_wrapper {
    margin-bottom: 0.9375rem;
    border-radius: 0.625rem;
    box-shadow: 1px 2px 13px -5px rgba(156, 156, 156, 0.75);
    -webkit-box-shadow: 1px 2px 13px -5px rgba(156, 156, 156, 0.75);
    -moz-box-shadow: 1px 2px 13px -5px rgba(156, 156, 156, 0.75);
    padding: 1.25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.list_products_wrapper .product_item_wrapper h3 {
    font-size: 0.75rem;
    margin-bottom: 0.625rem;
}

.list_products_wrapper .product_item_wrapper .checkbox_wrapper {
    min-width: 3.125rem;
    min-width: 3.125rem;
    max-width: 3.125rem;
}

.list_products_wrapper .product_item_wrapper .product_infos {
    flex-grow: 1;
}

.list_products_wrapper .product_item_wrapper .quantity_wrapper {
    display: flex;
    justify-content: inherit;
    align-items: center;
    gap: 0.625rem;
}

.list_products_wrapper .product_item_wrapper .quantity_wrapper .txt {
    font-size: 0.75rem;
    font-weight: 300;
}

.list_products_wrapper .product_item_wrapper .quantity_wrapper .quantity_number {
    display: flex;
    justify-content: inherit;
    align-items: inherit;
    background-color: rgb(233, 233, 233);
    width: fit-content;
    padding: 0.3125rem;
    border-radius: 1.25rem;
}

.list_products_wrapper .product_item_wrapper .quantity_wrapper .quantity_number input[type=number] {
    width: 2.5rem;
    text-align: center;
    border: none;
    background: none;
}

.list_products_wrapper .product_item_wrapper .quantity_wrapper .quantity_number span.minus,
.list_products_wrapper .product_item_wrapper .quantity_wrapper .quantity_number span.plus {
    width: 20px;
    height: 20px;
    display: block;
    border-radius: 100%;
    border: none;
    background: #fff;
    cursor: pointer;
    text-align: center;
}

.list_products_wrapper .product_item_wrapper .product_pdf_wrapper a {
    background-color: #D73B40;
    background-image: url(../img/pdf-file.svg);
    background-repeat: no-repeat;
    background-position: 5px, center;
    color: #fff;
    font-size: 0.625rem;
    text-decoration: none;
    padding: 0.3125rem 0.625rem 0.3125rem 1.25rem;
    border-radius: 0.3125rem;
}

.recap_devis p.title_center {
    text-align: center;
    font-size: 1rem;
    margin-bottom: 0.9375rem;
}

.recap_devis .recap_container {
    border: 1px dashed #707070;
    border-radius: 1.5625rem;
    padding: 1.5625rem;
    margin-bottom: 1.875rem;
}

.recap_devis ul {
    list-style: none;
}

.recap_devis ul li {
    margin-bottom: 0.3125rem;
}

.recap_devis ul.inline_list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.875rem;
}

.recap_devis ul.inline_list li:last-child {
    margin-bottom: 0;
}

.recap_devis ul.inline_list li .col_price {
    margin-left: auto;
}

.checkbox_conditions {
    padding-left: 1.875rem;
}

.checkbox_conditions .red_txt, .checkbox_conditions a {
    color: #DF4031;
}

.devis_sent_wrapper img {
    margin: 1.875rem;
}

.devis_sent_wrapper a.send_new {
    display: block;
    border-radius: 1.875rem;
    padding: 0.75rem 2.5rem;
    background-color: #fff;
    border: 1px solid #E3090D;
    color: #E3090D;
    font-weight: 600;
    width: fit-content;
    text-decoration: none;
    margin: 3.75rem auto 0.9375rem;
}

.back_link {
    display: block;
    border-radius: 1.875rem;
    padding: 0.75rem 2.5rem;
    background-color: #fff;
    border: 1px solid #D0D0D0;
    color: #000;
    font-weight: 600;
    cursor: pointer;
    width: fit-content;
    text-decoration: none;
    margin: 3.75rem auto 0.9375rem;
}

.main__footer {
    text-align: center;
    margin: 0.9375rem 0;
}

.main__footer ul {
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.9375rem;
}

.main__footer ul li {
    font-size: 0.75rem;
}

.main__footer ul li a {
    color: #0f0f0f;
}

/*# sourceMappingURL=style.css.map */