.single-product .commande-rapide-form input{
    width: 100% !important;
}

.single-product .cr-success{
    margin-block: 5px;
    color: green;
    font-weight: bold;
    padding: 5px;
    border: solid green 1px;
    border-radius: 5px;
}

.single-product .cr-error{
    margin-block: 5px;
    color: red;
    font-weight: bold;
    padding: 5px;
    border: solid red 1px;
    border-radius: 5px;
}

.single-product .arof-rapid-order-summary{
    display: block !important;
    text-align: center;
    padding: 10px;
    margin-block: 5px;
    background-color: #6ab2df;
    border-radius: 5px;
    color: black;
}

/*---------style-checbox-create-account-------*/

.arof-fieldset-create-account{
    border: 2px solid #6ab2df;
    margin-bottom: 5px;
}

.arof-fieldset-create-account #arof-create-account-checkbox {
    max-width: 15px;
}

.arof-create-account-password-confirm.hidden{
    display: none;
}

.arof-toggle-input-btn-password-wrapper{
    position: relative;
}

.arof-toggle-input-btn-password-wrapper input{
    padding-right: 45px;
}

.arof-toggle-input-btn-password-wrapper input:invalid{
    outline: solid 1px red;
}

.arof-toggle-input-btn-password-wrapper input:valid{
    outline: solid 1px green;
}


.arof-confirm-toggle-btn, .arof-password-toggle-btn{
    position: absolute;
    padding: 5px;
    right: 0;
    background: transparent;
    height: 100%;
    min-width: 40px;
}


.arof-confirm-toggle-btn:hover, .arof-password-toggle-btn:hover, 
    .arof-confirm-toggle-btn:focus, .arof-password-toggle-btn:focus{
    background: transparent;
}

.arof-toggle-input-btn-password-wrapper .bi{
    color: black;
}

.arof-fieldset-create-account .arof-create-account-btn{
    margin-block: 5px;
}

.arof-create-account-error-div:not(:empty){
    font-weight: bold;
    border: 1px solid red;
    width: fit-content;
    padding: 5px;
}