#login-register {
	max-width: 500px;
	padding: 40px 10px 10px;
	margin: auto
}

#login-register > * {padding-bottom: 15px}

.login-register .disabled {opacity: .5}
.login-register .active > button {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.login-register .active > .area {
	border: .1em solid;
	border-top: 0;
	/* border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px; */
}

.login-register .active > .area > .inside {
	padding: 15px
}

.login-register .active.login > .area {
	border-color: #c6c6c6;
}

.login-register .active.register > .area {
	border-color: #000
}

.login-register .active.return > .area {
	border-color: #8c8c8c;
}

.login-register .active > .area .has-error-popover .popover {
	border-color: red;
    color: red;
	/*max-width: 100%;*/
	left: 0 !important
}

.login-register .active > .area .has-error-popover .popover > .arrow {
	left: 7.5% !important;
	border-top-color: red
}

.login-register .register .inside {
	position: relative
}

.login-register .register .inside .confirmation {
	position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    bottom: 10px;
	background: #fff;
	opacity: 0;
	transition: opacity .4s, visibility 0s .4s;
	visibility: hidden;
	padding: 5px
}

.login-register .register.done .inside .confirmation {
	opacity: 1;
	visibility: visible;
	transition-delay: 0s
}


.login-register .button-default {
    border-color: #c6c6c6
}