/* 
    Created on : 12-october-2020,
    Author     : webspresso
*/

.form-intro {
    margin-bottom: 40px;
}

.form-wrapper {
    background-color: rgba(247, 247, 247, 1);
    padding: 10px 25px 25px 25px;
    margin-top: 30px;
}

.chat-icon {
    float: left;
    width: 35px;
}

.form-wrapper h1 {
    float: left;
    margin-top: 0px;
    font-size: 2em;
    color: #191919;
}

.form-wrapper label {
    font-family: 'PT Sans', sans-serif;
    color: #454545;
    text-transform: uppercase;
    font-size: .85rem;
    /* color: #888888;
    font-size: 16px;
    font-weight: 700; */
    line-height: 1.3;
    margin-bottom: 6px;
    display: block;
}

.form-wrapper label.error {
    color: #e12330;
    font-size: 10px;
    font-weight: 500;
    margin-top: 5px;
}

.form-check-inline {
    float: left;
    clear: none;
}
    
.form-check-inline label {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.3;
    float: left;
    clear: none;
    display: block;
    padding: 0px 1em 0px 8px;
}
    
.form-check-inline input[type=radio], input.radio {
      float: left;
      clear: none;
      margin: 2px 0 0 2px;
}

.form-wrapper .form-group.clear {
    clear:both;
}

.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
    color: #fff;
    background-color: #454545 !important;
}

.btn-primary, .sppb-btn-primary {
    border: none;
    background-color: #e12330;
    width: 100%;
}
/* 
.btn-primary:hover {
    background-color: #e85b64;
} */

#system-message-container {
    margin-top: 20px;
}

.kantoorinformatie {
    margin-top: 20px;
}

#fitting_reservation_form .btn-outline-primary {
    color: rgba(13, 34, 64, 1);
    border-color: rgba(13, 34, 64, 0.6);
}

#fitting_reservation_form label {
    font-weight: 600;
}

#fitting_reservation_form .btn-check:active + .btn-outline-primary, 
#fitting_reservation_form .btn-check:checked + .btn-outline-primary, 
#fitting_reservation_form .btn-outline-primary.active, 
#fitting_reservation_form .btn-outline-primary.dropdown-toggle.show, 
#fitting_reservation_form .btn-outline-primary:active {
    color: #ffffff;
    background-color: rgba(13, 34, 64, 0.6);
    border-color: rgba(13, 34, 64, 0.6);
}

#fitting_reservation_form .btn-outline-primary:hover {
    color: #fff;
    background-color: rgba(13, 34, 64, 0.6);
    border-color: rgba(13, 34, 64, 0.6);
}

#fitting_reservation_form label[for="akkoord_ontvangen_nwsbr"] {
    line-height: 35px;
}

label.opt-in-radio {
    width: 75px;
}

#fitting_reservation_form .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgba(13, 34, 64, 0.8);
    font-size: 0.9rem;
    opacity: 1; /* Firefox */
}

#fitting_reservation_form .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: rgba(13, 34, 64, 0.8);
    font-size: 0.9rem;
}

#fitting_reservation_form .form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: rgba(13, 34, 64, 0.8);
    font-size: 0.9rem;
}

#fitting_reservation_form h4 {
    font-size: 1.3rem;
    font-weight: 900;   
}

#fitting_reservation_form .clothingtype-checkbox-label {
    width: 300px;

}

#fitting_reservation_form .btn:focus {
    outline: none;
    box-shadow: none;
}

p.next-step, p.prev-step {
    display: block;
    height: 30px;
    min-width: 150px;
    background: rgba(13, 34, 64, 0.6);
    border-radius: 5px !important;
    font-size: 0.9rem;
    text-align: center;
    line-height: 30px;
    color: #ffffff;
    cursor: pointer;
    padding: 0 10px;
}

p.next-step:hover, p.prev-step:hover {
    background: rgba(13, 34, 64, 0.3);
}

.timeslots-alert {
    width: 400px;
}

.wizard > .steps .done a, .wizard > .steps .done a:hover, .wizard > .steps .done a:active {
    background: rgba(13, 34, 64, 0.6);
    background-clip: border-box;
    border: 3px solid rgba(13, 34, 64, 0.6);
    padding: 2px;
    background-clip: content-box;
    color: #fff;
    cursor: default;
}

.wizard > .steps .number {
    font-size: 1.2rem;
}

.btn-submit-fittingreservation {
    color: #ffffff;
    background-color: #0f1f35;
    border-radius: 5px;
    padding: .2rem .75rem;
}

.wizard > .content > .body label.error {
    color: #e12330;
    font-size: 10px;
    font-weight: 500;
    margin-top: 5px;
}
  .form-wrapper label {
    font-family: 'PT Sans', sans-serif;
    color: #454545;
    text-transform: uppercase;
    font-size: .85rem;
    color: #888888;
    font-size: 16px;
    font-weight: 700;
    line-height: 2.3;
    margin-bottom: 6px;
    display: block;
}

.input-group > input[type="text"] {
    width: 95%;
}

.wizard > .content > .body input.error {
    border: 1px dotted red;
    background-color: rgba(255, 255, 255, 1);
    border-radius: .25rem;
}

#clothing-type-checkbox-group.error,
#timeblock-group.error {
    border: 1px dotted red;
    border-radius: .25rem;
    padding: 10px;
}

.wizard > .content > .body input.valid, .wizard > .content > .body select.valid {
    border: 1px solid rgb(10, 54, 34);
    background-color: rgb(209, 231, 221);
    color: rgb(10, 54, 34);
}

/* input.valid, select.valid {
    border: 1px solid rgb(129, 141, 50);
    background-color: rgba(192, 210, 77, 0.5);
    color: rgb(129, 141, 50, 1); 
    border: 1px solid rgb(10, 54, 34);
    background-color: rgb(209, 231, 221);
    color: rgb(10, 54, 34);
} 
*/