﻿
.form__group {
    position: relative;
}

.form__group--center {
    text-align: center;
}

.form__input-text {
    background-color: #F5F6F8;
    border: .2rem solid #EDEDF1;
    border-radius: .8rem;
    font-size: 1.5rem;
    height: 6rem;
    outline: none;
    padding-left: 4.5rem;
    position: relative;
    width: 100%;
}

    .form__input-text.error {
        border-color: #D95150;
    }

    .form__input-text::placeholder {
        color: #C1C6D0;
        font-weight: bold;
    }

.form__input-checkbox {
    cursor: pointer;
    margin-right: .5rem;
}

.form__label.hide {
    left: 0;
    position: absolute;
    top: 1rem;
}

.form__input-icon {
    color: #8A93A5;
    cursor: pointer;
    font-size: 1.5rem;
    left: 1.5rem;
    position: absolute;
    top: 0.5rem;
}

    .form__input-icon.fa-eye {
        left: auto;
        right: 2rem;
    }

.form__label {
    color: #454653;
    font-size: 1.5rem;
}

.form__link {
    color: #00A9C8;
}

.form__button-submit {
    background-color: #00A9C8;
    border-radius: 2.5rem;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    font-size: 1.8rem;
    height: 5rem;
    margin-top: 2rem;
    width: 15rem;
}

.form__message-error {
    color: #D95150;
    display: none;
    font-size: 1.2rem;
    font-weight: bold;
    margin-top: .5rem;
}

.requirements {
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 1rem;
}

.requirements__progressbar {
    border-radius: .5rem;
    height: .5rem;
    margin-bottom: 1.5rem;
    transition: width .3s;
    width: 0;
}

    .requirements__progressbar[data-percentage="25"] {
        background-color: #D95150;
    }

    .requirements__progressbar[data-percentage="50"],
    .requirements__progressbar[data-percentage="75"] {
        background-color: #F3E24A;
    }

    .requirements__progressbar[data-percentage="100"] {
        background-color: #81BC3A;
    }

.requirements__description,
.requirements__item {
    color: #9EA4AC;
    margin-bottom: .5rem;
}

    .requirements__item.checked {
        color: #81BC3A;
        font-weight: bold;
    }

    .requirements__item .fas::before {
        content: "\f057";
    }

    .requirements__item.checked .fas::before {
        content: "\f058";
    }
