/*
	Project: david.roess.li
	Section: custom UI styles
	Date: 2019-09-03
	Author: David Roessli (david.roessli@cybmed.com)
	Version: 1
	Revision: 1
	Language: en

	History:
*/
html {
    height:100%;
}
body.login,.page-login {
    background-image: url(https://live.staticflickr.com/65535/53900969033_bf14a7426e_k_d.jpg);
    /* background-image: url(https://picsum.photos/2048/1152); */
	background-color:#f6c254;
	background-position:80% center;
	background-repeat:no-repeat;
	background-size:cover;
}
body.login .logincont {
	width:100%;
}
body.login #login {
	max-width:500px;
	margin:0 5%;
	/* padding:0 5%; */
	box-shadow:none;
}
.topbar {
	background-color:firebrick;
}
#login .topbar {
	background-color:firebrick;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
#login .bd {
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}
.logincont .logo {
    text-align:center;
}
.customer-logo {
    width:400px;
}
.login-box .hd h1 {
    color:#fff;
    font-family: sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    text-transform:uppercase;
}
form label {
	/* width:100%; */
	text-align:left;
}
form .text {
	width:90%;
	margin:0 auto;
}
form p.submit {
	margin-left:0;
}
@media (min-width:500px){
	
	body.login #login {
		max-width:500px;
		margin:0 auto;
	}
	form label {
		/* width:110px;
		text-align:right; */
	}
	form .text {
		width:330px;
		margin:0;
	}
	form p.submit {
		margin-left:120px;
	}
}