/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2020-02-11 15:02:50
 */

form,
.form-group {
    width: 100%;
}

.form-control {
    border: none;
    border-radius: 1.5rem;
    padding: 1rem 2rem;
    height: 4rem;
    box-shadow: none;
    transition: border-color .5s ease;
}
.form-control:hover {
    border-color: #00567a;
}

label.required::after {
    content: '*';
}

.checkbox input[type="checkbox"] {
    opacity: 0;
}

.checkbox label {
    position: relative;
    padding-left: 3rem;
    color: #666;
}
.checkbox label::before,
.checkbox label::after {
    content: '';
    position: absolute;
    display: inline-block;
}
.checkbox label::before {
    height: 1.6rem;
    width: 1.6rem;
    left: 0;
    top: .25rem;
    border: 1px solid #999;
    border-radius: .4rem;
}
.checkbox label::after {
    left: .4rem;
    top: .6rem;
    height: .5rem;
    width: .9rem;
    border-left: 2px solid #333;
    border-bottom: 2px solid #333;
    transform: rotate(-45deg);
}
label.required span::after {
    content: '*';
}

.checkbox input[type="checkbox"] + label::after {
    display: none;
}
.checkbox input[type="checkbox"]:checked + label::after {
    display: block;
}

.checkbox input[type="checkbox"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto #66afe9;
    outline-offset: -2px;
}