@CHARSET "UTF-8";

section {
	padding: 1em 3%;
}

.content {
	background-size: cover;
	background-position: center;
	border: 0px;
	position: absolute;
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center; 
}

#center {
	border: 0px solid;
	border-color: var( --loggedout-box-border-color );
	padding: 1em;
	background-color: var( --loggedout-box-background-color );
	filter: var( --filter-dialog );
}

#center h1 {
	padding-bottom: 0.9em;
}

#lostPwLink {
	font-size: 1em;
	margin-top: 0.4em !important;
	float:left;
}

#error {
	color: var( --error-text-color );
	padding: 0 0 0.5em 0;
	font-size: 1.2em;
}

input[type="text"], input[type="password"] {
    width: 330px;
    border: 2px solid;
    border-color: var( --form-border-color );
    background-color:  var( --form-background-color );
    padding: 10px;
    height: 50px;
    font-size: 24pt;
    outline: 0px;
    color: var( --form-text-color );
    float: left;
	clear: both;
	filter: var( --filter-form );
	margin: 0 0 0.3em 0;
	-webkit-appearance: none;
	border-radius: 0;
}

input[type="button"], input[type="submit"] {
	width: 120px;	
	padding: 0.3em 0.5em;
    border:0;
	border-radius: 3px;
	background-color: var( --theme-color );
	color: var( --alt-text-color );
	cursor: pointer;
	font-size: 1em;
	outline: 0px;
	float: left;
	margin: 0 0em 0.3em 0;
	-webkit-appearance: none;
	height: 40px;
	font-weight: 400;
}

input[type="button"]:active, input[type="submit"]:active, input[type="button"]:hover, input[type="submit"]:hover {
	background-color: var( --hover-color );
	color: var( --hover-text-color );
}

.cancel_button {
	background-color: var( --faded-button-color ) !important;
	color: var( --faded-button-text-color ) !important;
	float: right !important;
    border: 0 !important;
}

.cancel_button:active, .cancel_button:hover {
	background-color: var( --faded-button-text-color ) !important;
	color: var( --faded-button-color ) !important;
	float: right !important;
}

.remember_me_box {
	float: left;
	clear: both;
    padding: 0.4em;
    cursor: pointer;
}

.remember_me_box input {
    padding: 0px;
    outline: 0px;
    float: left;
    margin-top: 4px;
}

.remember_me_box span {
    float: left;
    font-weight: 400;
    margin-left: 10px;
}

#lostPwLink, #submit_login {
	float: right;
}

.smallPlaceholder::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  
	font-size: 16pt;
	vertical-align:text-top;
	line-height: 24pt;
}
.smallPlaceholder::-moz-placeholder { /* Firefox 19+ */
  
	font-size: 16pt;
	vertical-align:center;
	line-height: 24pt;
}
.smallPlaceholder:-ms-input-placeholder { /* IE 10+ */
  
	font-size: 16pt;
	vertical-align:center;
	line-height: 24pt;
}
.smallPlaceholder:-moz-placeholder { /* Firefox 18- */
  
	font-size: 16pt;
	vertical-align:center;
	line-height: 24pt;
}

.request_user {
	font-weight: bold;
}

.space {
	clear: both;
	width: 100%;
	height: 20px;
	display:block;
}

.space {
	clear: both;
}