div.bx-auth-reg input.bx-auth-input {vertical-align:middle;}
div.bx-auth-reg span.bx-auth-secure {background-color:#FFFAE3; border:1px solid #DEDBC8; padding:2px; display:inline-block; vertical-align:middle;}
div.bx-auth-reg 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-reg div.bx-auth-secure-unlock {background-image:url(images/sec-unlocked.png);}

a {
    display:unset;
}

.bx-auth-reg form {
	display: grid;
	grid-template-columns: 0.5fr 1fr;
	grid-gap: 50px;
	row-gap:20px;
}

.ccw {
    border-radius:30px;
    & .err {
        border:1px var(--red-color) solid;
    }
}

label {
	color:var(--bg-color);
	font-weight:400;
    line-height: 1.3;
}

#errorSummary:empty {
	display:none;
}

.pseudo {
	position:relative;
}

.pseudo label span {color:red;}

span.red {color:red;}

.bx-auth-reg form input[aria-invalid="true"]::placeholder, .bx-auth-reg form input[aria-invalid="true"]:focus::placeholder {
    color:red!important;
}

.userfield {
	display:flex;
	flex-direction:row;
	grid-gap:20px;
	padding:10px 0;
	align-items: start;
	justify-content: start;
	color:var(--bg-color);
    & a {
        font-weight: 500;
    }
}

.userfield label.alert-danger {
	display:none!important;
}

.errors {
	background: gray;
    padding: 1em;
    border-radius: 20px;
    margin: 20px 0px;
}

.custom-checkbox.alert.alert-danger {
	outline:2px red solid;
}

font.errortext {
	color:#fff!important;
}

@media (max-width:1024px) {
	.bx-auth-reg form {
		grid-template-columns:auto;
	}
}