div.bx-auth {max-width:600px; margin-top:16px; margin-bottom:24px;}
div.bx-auth form {padding:0; margin:0;}
div.bx-auth-line {border-bottom:1px solid #E3E3E3; padding-bottom:10px;}
div.bx-auth-title {font-size:140%; border-bottom:solid 2px #E3E3E3; padding-bottom:12px; }
div.bx-auth-note{margin:18px 0px 6px 0px;}
td.bx-auth-label{text-align:right; font-weight:bold;}
table.bx-auth-table{margin-top:8px; }
table.bx-auth-table td {padding:3px;}

div.bx-auth input.bx-auth-input {vertical-align:middle;}
div.bx-auth span.bx-auth-secure {background-color:#FFFAE3; border:1px solid #DEDBC8; padding:2px; display:inline-block; vertical-align:middle;}
div.bx-auth div.bx-auth-secure-icon {background-image:url(images/sec.png); background-repeat:no-repeat; background-position:center; width:19px; height:18px;}
div.bx-auth div.bx-auth-secure-unlock {background-image:url(images/sec-unlocked.png);}



/****/


.form_field {
    position: relative;
}

.form_field_span {
    position: absolute;
    opacity: 0.75;
    color: var(--color-amethyst-grey);

    padding-left: var(--spacing-4);
    
    transition: all .1s ease-in;
}

.form_field_input {
    border: none;

    border-radius: 0;

    border-bottom: 1px solid var(--color-amethyst-grey);
    
    border-top: 1.333em solid transparent;

    padding: var(--spacing-4);

    outline: none;
    width: 100%;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.28571;

    z-index: 1;
    position: relative;
    background: transparent;

    color: var(--color-amethyst-grey);
}

.form_field:not(:has(.form_field_input:focus)) .form_field_span {
    top: 33%;
}

.form_field:has(.form_field_input:focus) .form_field_span,
.form_field:not(:has(.form_field_input:placeholder-shown)) .form_field_span
{
    top: 5%;
}

.form_field + .form_field {
    margin-top: 1em;
}

.field_remember_me > input,
.field_remember_me > label {
    display: inline-block;
}

.field_submit {
    display: flex;
    justify-content: center;
}

.auth_others {

    background-color: var(--color-babys-booties);

    margin-top: var(--spacing-72);
    padding: var(--spacing-32);
    border-radius: var(--border-radius-large);

    text-align: center;

    gap: var(--spacing-20);
}

@media (min-width: 1100.1px) {
    .auth_others {
        grid-template-columns: 1fr 1fr;
        gap: 0;
    }
}

.auth_others .btn_other {
    color: var(--color-sugar-milk);

    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
}

.auth_others .btn_other:hover {
    color: var(--color-amethyst-grey);
}

/* checkbox */

.custom-checkbox {
    opacity: 0;
    position: absolute;
}

.custom-checkbox + .custom-checkbox-label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
}

.custom-checkbox + .custom-checkbox-label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid var(--color-amethyst-grey); /* зеленый цвет галочки */
    border-radius: 4px;
    transition: all 0.3s ease;
}

.custom-checkbox:checked + .custom-checkbox-label:before {
    background-color: var(--color-amethyst-grey); /* зеленый цвет фона галочки при выборе */
}

.custom-checkbox + .custom-checkbox-label:after {
    content: '';
    position: absolute;
    left: 6px;
    top: 2px;
    width: 6px;
    height: 12px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    opacity: 0;
    transition: all 0.3s ease;
}

.custom-checkbox:checked + .custom-checkbox-label:after {
    opacity: 1;
}


.show-password-btn {
	background: none;
	border: none;
	cursor: pointer;
	margin-left: 10px;
	font-size: 16px;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
}

.form_field {
	position: relative;
}

.show-password-btn {
    z-index: 999;
}