#container_inputs {
    margin: 1.8em 0 0 0.4em;
    width: 50ch;
}


/* --------------- */

.form-control.invalid {
    outline-color: red;
}


.form-control.invalid:focus {
    outline-color: red;
}

.form-control.invalid:focus + .form-control-placeholder,
.form-control.invalid:not(:placeholder-shown) + .form-control-placeholder {
    color: red;
}


.form-group {
    position: relative;
}

.form-control {
    margin: 0;
    padding-left: 1.3ch;
}


.form-control-placeholder {
    position: absolute;
    top: -0.49em;
    left: 0ch;
    transition: var(--default-transition), transform 0.15s ease-in-out;
    transform-origin: left top;
    color: var(--color_text_placeholder);
    z-index: 2;
}

/* Placeholder on border*/
.form-control:focus + .form-control-placeholder,
.form-control:not(:placeholder-shown) + .form-control-placeholder {
    padding: 0 0.7ch 0 0.7ch;
    transform: translate(-0.7ch, -0.92em) scale(0.75);
    opacity: 1;
    color: var(--text_color);
    background-image: linear-gradient(to top, transparent 40%, var(--color_background_inputbox) 40%, var(--color_background_inputbox) 55%, transparent 55%);
}

/* --------------- */

#container_check_forg {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 3ch 0 3ch;
}

.a_forg_regis {
    margin: 0;
    font-weight: normal;
    font-size: 1.2em;
    color: var(--color_text_current_site_a);
}

.a_forg_regis:hover {
    margin: 0;
    font-weight: normal;
    font-size: 1.2em;
    color: var(--color_text_a_hover);
}

#log_in {
    width: 100%;
    margin: 0.6em 0 0 0;
}

#regis {
    font-size: 1em;
}

.description {
    margin: 0.2em 1ch 0.3em 1ch;
    font-size: 0.9em;
    color: var(--color_text_footer);
}

.description.invalid {
    color: red;
}
#password_group_confirm{
    margin-bottom: 0;
}

