@charset "UTF-8";
/*
 * bf suppl. styles for login page
 */

body {
        height: 100%;
        height: 100vh;
	color: #F0F2F3;
        background-color: #121212;
        background: radial-gradient(#121212 40%, #444) no-repeat;
        opacity:.87;
}

input[type=text],input[type=email],input[type=password],button[type=submit] {
	display: block;
	padding: .6em;
	border: 1px solid #FFC107;
	border-radius:.4em;
	width: 100%;
	box-sizing: border-box;
	box-shadow: none
}
button[type=submit] {
	background-color: #FFC107;
        color: #121212;
}
input[type=checkbox] {
	-webkit-appearance: none;
	appearance: none;
	position: relative;
	width: 1em;
	height: 1em;
	border: 1px solid #FFC107;
	/* adjusts to baseline */
	vertical-align: -2px;
	color: #FFC107;
}
input[type=checkbox]::before {
	position: absolute;
	content: '✓';
	font-size: 1.2em;
	right: -1px;
	top: -0.3em;
	visibility: hidden;
}
input[type=checkbox]:checked::before {
	visibility: visible;
}
input:hover
input:focus,
input:active {
	background-color: rgb(255,255,255,.1);
}
button:hover
button:focus,
button:active {
	background-color: rgb(255,255,255,.1);
}
/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:autofill {
	border: 1px solid #FFC107;
}

#bf_login { min-width: 250px }

.color--amber { color: #FFC107 }

/*
 * @media screen and (orientation: portrait) {
 * 	body { background-image:url('img/background/gripped.jpg'); }
 *   }
 * @media screen and (orientation: landscape) {
 * 	body { background-image:url('img/background/lightning.jpg');}
 * }
 */