.simulator-widget {
    padding: 15px;
    background-image: url('../img/back-printemps.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 700px;
    position: relative;
    max-width: 100%;
    background-position: /*top*/ center;
    font-size: 14px;
    line-height: 1.4;
}

.simulator-widget .unit-price {
    display: none;
}

.simulator-widget .unit-price .price {
    color: #e78629;
}

.simulator-widget .hidden {
    display: none;
}

.simulator {
    position: relative;
    padding: 30px;
    background-color: #f2f2f2;
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: calc(100% - 60px);
    z-index: 2;
}

.simulator .step {
    height: auto;
}

@media (min-width: 1300px) {
    .simulator-widget .unit-price {
        display: block;
        padding: 20px;
        background-image: url('../img/sac.png');
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        height: calc(100% - 30px);
        margin-left: 20px;
        bottom: 0;
        background-position: left bottom;
        max-width: 288px;
        text-align: center;
        transform: translateX(-20px);

        color: #1173b4;
        text-shadow: 0px 0px 6px #FFF, 0px 0px 6px #FFF, 0px 0px 6px #FFF, 0px 0px 6px #FFF, 0px 0px 6px #FFF, 0px 0px 6px #FFF, 0px 0px 6px #FFF, 0px 0px 6px #FFF, 0px 0px 6px #FFF, 0px 0px 6px #FFF, 0px 0px 6px #FFF, 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255), 0px 0px 6px rgb(255, 255, 255);
        font-size: 20px;
        z-index: 1;
    }
}

@media (min-width: 768px) {
    .simulator {
        position: absolute;
        height: calc(100% - 30px);
        width: 610px;
        max-width: calc(100% - 100px);
        right: 20px;

    }

    .simulator .step {
        /*position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        left: 50%;
        width: calc(100% - 60px);*/
    }
}

.simulator-widget h2 {
    color: #1173b4;
    font-size: 18px;
}

.simulator-widget h3 {
    font-weight: 900;
}

.simulator-widget .border-box {
    padding: 0 1rem;
    margin-top: 1rem;
    border: 1px solid #bbb;
    border-radius: 5px;
}

.simulator-widget .border-box h3 {
    margin-top: .5rem;
    margin-bottom: 0;
    font-size: 16px
}

.simulator-widget .simulator-fifth-bis-step .border-box h3 {
    margin-bottom: 5px;
}

@media (min-width: 769px) {
    .simulator-step-body {
        display: flex;
        justify-content: center;
    }
}

.simulator-step-body .conditionnement,
.simulator-step-body .conditionnement-btn,
.simulator-step-body .delivery {
    padding: 15px;
    text-align: center;
    cursor: pointer;
}

.simulator-step-body .conditionnement,
.simulator-step-body .conditionnement-btn {
    flex: 1 1;
}

.simulator-step-body .conditionnement:hover,
.simulator-step-body .conditionnement-btn:hover,
.simulator-step-body .delivery:hover {
    background-color: #66b3406c;
}

.simulator-step-body .conditionnement.active,
.simulator-step-body .conditionnement-btn.active,
.simulator-step-body .delivery.active {
    background-color: #1173b4;
    color: #FFFFFF;
}

.simulator-step-body .conditionnement img,
.simulator-step-body .conditionnement-btn img {
    max-width: 86%;
}

.simulator-widget .error {
    visibility: hidden;
    color: red;
}

.simulator-widget .error.visible {
    visibility: visible;
}

.simulator-widget .spinner {
    background-image: url('../img/Spinner-1s-100px.gif');
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

}

.simulator-widget .backdrop {
    opacity: 0.8;
    background-color: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.simulator-widget #commune,
.simulator-widget #selectcommune {
    flex: 1 1;
    margin: 5px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 769px) {
    .simulator-widget #commune,
    .simulator-widget #selectcommune {
        max-width: 45%;

    }
}

.simulator-step-footer {
    padding-top: 1rem;
}

.simulator-widget .info {
    font-size: 10px;
}

.simulator-widget .delivery p {
    margin: 0;
}

.text-middle {
    font-size: 16px;
}

.mb-0 {
    margin-bottom: 0;
}

.mt-0 {
    margin-top: 0;
}

.m-0 {
    margin: 0;
}

/*.simulator-fifth-bis-step .simulator-step-body {
    display: initial;
}*/
.simulateur-info-stock {
    font-style: italic;
    font-weight: 500;
    font-size: 13px;
}

.simulator-widget button[disabled] {
    opacity: .5;
}

.simulator-widget .wpcf7-form p {
    float: none;
    margin: 0;
}

.simulator-widget .wpcf7-response-output {
    margin: 0;
}

.vrac-display p {
    margin: .5em 0;
}

.souhait-vrac-label {
    font-weight: 500;
    font-size: 13px;
}

.simulator-widget .button-primary {
    margin-bottom: 10px !important;
}

.simulator input[type="number"].qty {
    appearance: auto !important;
    padding: 5px 10px;
    padding-right: 5px;
    max-width: 58px;
}

.simulator .added_to_cart {
    display: none !important;
}