#viewport
{
	border-top:3px solid #4D8FBE;
}


input
{
	border-radius: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
	border-top: 0 !important;
	border-bottom-width: 3px !important;
	
	font-size: 1.4rem !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	
	min-width: 400px;
}

.backwall
{
	background-image: linear-gradient(to bottom, #fff 0%, #fff 100%);
	width:460px;
	height: 295px;
}

.settings-backwall
{
	background-image: linear-gradient(to bottom, #9f9f9f 0%, #9f9f9f 100%);
	width:460px;
	height: 295px;
}


.row
{
	margin-bottom:20px;
	overflow: hidden;
}

.ui-login-panel
{
	
	transform: translateY(400px);
	opacity:0;
	transition: transform 300ms ease-out, opacity 600ms linear;
}

.ui-login-panel.active
{
	transform:none;
	opacity:1;
}

.ui-login-panel .animateRow
{
	transform: translate3d(0,200%,0) !important;
	transition: transform 250ms ease-out 800ms, opacity 400ms linear 800ms;
	opacity:0;
}

.ui-login-panel .animateRow.second
{
	transition-delay:900ms;
}

.ui-login-panel .animateRow.third
{
	transition-delay:1200ms;
}

.ui-login-panel.active .animateRow
{
	transform:none !important;
	opacity:1;
	
}

.ui-login-panel-body,
.settings-body
{
	padding:30px;
}

#request_login
{
	font-size:1.3rem;
}

#setup
{
	color:#555;
	position: fixed;
	bottom:15px;
	right:15px;
	font-size: 24px;
	
	opacity:0;
	transition: opacity 400ms linear 200ms;
}

#label
{
	font-size:.85rem;
	position: fixed;
	right:60px;
	bottom:15px;
	color:#555;
	line-height: 24px;
	text-align: right;
	border-right: 1px solid rgba(0,0,0,0.2);
	padding-right: 20px;
	
	opacity:0;
	transition: opacity 400ms linear 400ms;
}

#body.active #setup
{
	opacity:0.6;
}

#body.active #label
{
	opacity:1;
}

#setup:hover
{
	color:#4D8FBE;
	opacity:1;
	cursor: pointer;
}

.row.footer
{
	margin-top:40px;
	text-align: right;
	position:relative;
}



.ui.button.basic:not(:hover)
{
	box-shadow: none;
}

.settings
{
	width:460px;
	height: 295px;
}

.settings-body .title
{
	font-size: 1.5rem;
	color:#efefef;
	padding-bottom: 20px;
}

.settings-rows
{
	border:1px solid rgba(0,0,0,0.1);
	border-radius: .28571429rem;
}

.settings-row
{
	display:flex;
	justify-content: space-between;
	align-items: center;
	padding:15px;
	border-top:1px solid rgba(0,0,0,0.1);
	background-color:rgba(255,255,255,0.45);
	
	
}

.settings-row:first-child
{
	border-top:0;
	border-top-left-radius: .28571429rem;
	border-top-right-radius: .28571429rem;
}


.settings-row:last-child
{
	border-bottom-left-radius: .28571429rem;
	border-bottom-right-radius: .28571429rem;
}

.settings-row .label
{
	opacity:0.6;
	font-weight: 600;
}

.ui.dropdown .menu
{
	background: #afafaf;
}

.ui.selection.dropdown
{
	background: #c6c6c6;
}

#panel_login.invalid input
{
	border-bottom-color: #B63032;
}

#panel_login.invalid .row.footer:before {
  	content: '\e812'; 
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
	color:#B63032;
	font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
}

#panel_login.invalid .row.footer:after {
    content: "Login fehlgeschlagen";
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
	color:#959595;
}