.login-container {
	height: 100%;
}

.login-container > div {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.log-bottom {
	display: flex;
	justify-content: center;
	flex: 0 0 114px;
	align-items: flex-end;
}

.log-bottom a {
	text-decoration: none;
	transition: letter-spacing 0.5s;
}

.log-bottom a:hover {
	letter-spacing: 0.8px;
}

.reg-field {
	display: block;
}

.reg-field:not(:last-child) {
	margin-bottom: 20px;
}

.reg-field > span {
	display: block;
	margin-bottom: 7px;
}

.reg-field > input {
	width: 100%;
}

.reg-button {
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
}

.login-container .reg-button {
	justify-content: flex-end;
}

.reg-button > div > span {
	display: flex;
	align-items: center;
}

.reg-button > div > span > img {
	display: inline-block;
	margin-right: 5px;
	width: 20px;
}

#box-error, #box-no-send, #box-log-no-registered, #box-log-no-resend {
	background-color: var(--danger-color);
	border-color: var(--danger-hover-color);
	text-align: center;
}

#box-error *, #box-no-send *, #box-log-no-registered *, #box-log-no-resend * {
	color: #D9D9D9;
}

#box-registered, #box-log-no-active, #box-log-no-log {
	background-color: var(--warning-color);
	border-color: var(--warning-hover-color);
	text-align: center;
}

#box-registered *, #box-log-no-active *, #box-log-no-log * {
	color: #333;
}

#box-col-exists, #box-col-no-exists {
	background-color: var(--info-color);
	border-color: var(--info-hover-color);
	text-align: center;
}

#box-col-exists *, #box-col-no-exists * {
	color: #D9D9D9;
}

#box-ok, #box-resend, #box-activated, #box-log-resend {
	background-color: var(--success-color);
	border-color: var(--success-hover-color);
	text-align: center;
}

#box-ok *, #box-resend *, #box-activated *, #box-log-resend * {
	color: #D9D9D9;
}

#box-activated:not(.none) {
	margin-bottom: var(--space);
}

#box-collaborator.unfolding, #box-error.unfolding, #box-registered.unfolding, #box-ok.unfolding, #div-reg-col-data.unfolding, 
	#box-col-exists.unfolding, #box-col-no-exists.unfolding, #box-resend.unfolding, #box-no-send.unfolding, 
	#box-log-no-registered.unfolding, #box-log-no-log.unfolding, #box-log-no-active.unfolding, #box-log-resend.unfolding, 
	#box-log-no-resend.unfolding {
	margin-top: var(--space);
}

.login-box h1 {
	margin-bottom: 20px ! important;
	text-align: center;
	font-size: 14pt;
}

.div-login-box {
	display: flex;
	justify-content: space-between;
	border: 1px solid var(--border-control-color);
	border-radius: 5px;
}

.div-login-box input {
	border: none ! important;
	flex: 1;
	width: calc(100% - 41px);
}

.div-login-box button {
	flex: 0 0 36px;
	margin-right: 5px;
	padding: 0 ! important;
	background-color: transparent;
	border: none;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 24px;
	border-radius: 5px ! important;
}

.div-login-box button.eye-show {
	background-image: url('../img/eye-show.svg');
}

.div-login-box button.eye-hidden {
	background-image: url('../img/eye-hidden.svg');
}

.div-login-box button:hover {
	background-color: transparent ! important;
}