/* Стилизация пользовательский свойств при регистрации */


.container{
    max-width: 1680px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.form__container{
    max-width: 391px;
    width: 100%;
    flex-direction: column;
}
.form__image{
    width:60%;
}
.form__container .form__title{
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 8px;
}
.form__container .form{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    min-height: 535px;
    padding: 16px;
    background-color: #ffff;
    border-radius: 8px;
}
.form__container .input__item{
    width: 100%;
    margin-top: 5px;

}
.form__container .input__item p{
    color: #E02C38;
    margin-bottom: 6px;
    font-size: 14px;
}
.form__input{
    width: 100%;
    height: 42px;
    padding-left: 14px;
    border: 1px solid #C4C4C4;
    border-radius: 4px;
    margin-bottom: 6px;
}
.form__input::placeholder{
    font-size: 14px;
}

.form__container  .field-text__input{
    width: 100%;
    height: 42px;
    padding-left: 14px;
    border: 1px solid #C4C4C4;
    border-radius: 4px;
    margin-bottom: 6px;
}
.form__container  .field-text__input::placeholder{
    font-size: 14px;
}


.user__type{
    display: flex;
    justify-content: space-between;
    margin-top: 14px;
}
.user__individual{
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 166px;
    width: 100%;
    position: relative;
    padding: 8px;
    background-color: #FCFCFD;
    border: 1px solid #C4C4C4;
    border-radius: 4px;
}
.user__entity{
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 184px;
    width: 100%;
    position: relative;
    padding: 8px;
    background-color: #FCFCFD;
    border: 1px solid #C4C4C4;
    border-radius: 4px;
}

.user__checkbox{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    appearance: none;
}
.user__checkbox_img{
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: 1px solid #E02C38;
    position: relative;
}
.user__checkbox_img::before{
    content: "";
    width: 13px;
    height: 13px;
    border-radius: 50%;
    position: absolute;
    left: 1px;
    top: 1px;
}
.user__checkbox:checked  + .user__checkbox_img::before{
    background-color: #E02C38;
}
.form__confirm{
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    margin-top: 8px;
    min-height: 53px;
}
.form__confirm p{
    max-width: 320px;
    font-size: 12px;
    margin-left: 8px;
}
.user__entity_block{
    display:none;
    margin-top: 16px;
}
.forgot__pass{
    width: 100%;
    text-align: center;
    margin-bottom: 12px;
}
.forgot__pass a{
    color: #E02C38;
    text-decoration: none;
    margin-right: 5px;
    margin-left: 5px;
}
.confirm-check_container{
    width: 17px;
    height: 17px;
    position: relative;
}
.confirm__check{
    width: 17px;
    height: 17px;
    position: absolute;
    left: 0;
    top: 0;
    appearance: none;
    z-index: 9;
}
.confirm__check_img{
    display: block;
    position: relative;
    width: 17px;
    height: 17px;
    border: 1px solid #E02C38;
    border-radius: 50%;
    z-index: 1;
}
.confirm__check:checked +.confirm__check_img::before{
    content: "";
    width: 13px;
    height: 13px;
    position: absolute;
    top:1px;
    left: 1px;
    background-color: #E02C38;
    border-radius: 50%;
    z-index: 1;
}
.registration{
    width: 100%;
    height: 54px;
    border: none;
    background: #E02C38;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
}
.btn__disabled{
    border: 1px solid #C4C4C4;
    background-color: #D9D9D9;
    transition: all 0.5s ease-in-out;
    cursor: not-allowed;
}
.register__container{
    padding: 22px 31px !important;
}
@media (max-width: 1079px) {
    .form__image{
        display: none;
    }
    .form__container{
        margin: 0 auto;
    }
    .user__individual{ 
        margin-right: 8px;
    }
}
@media (min-width:1260px) {
    .form__title{
        min-height: initial !important;
        transform: initial !important;
    }
}
@media (max-width:376px) {
    .user__individual label{
        font-size: 12px;
    }
    .user__entity label{
        font-size: 11px;
    } 
}