html { height: 100%; }
body { font-family: "open sans", "segoe ui", "arial"; font-size: 16px; margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; min-height: 100%; }
label { font-weight: bold; }
li { margin-left: 20px; }
.login-input, .login-input:focus { border: 0; border-bottom: 1px solid #CCCCCC; outline: none; box-shadow: none; background: #fff; }
.input-group-text { background: none; border: 0; }
.alert ul { margin: 0; padding: 0; }
p.small { margin-bottom: 0; }
small.alert { padding: 5px; padding-left: 10px; display: block; margin: 0; margin-top: 3px; }
.card-header:first-child { border-radius: 0; }
.background, .backdrop { background-color: #3f689c; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; }
.background { background: url('../../../images/bg_login.jpg'); background-repeat: no-repeat; background-size: 100% auto; background-position: center; }
.backdrop { background: #223444; filter: alpha(opacity=90); opacity: .7; }
.card-container { max-width: 450px; width: 100%; z-index: 1; }
.card-body { padding: 25px; background: #f1f1f1; border-radius: 8px; margin: 15px auto; }
.card-header img { max-width: 100px; }
.card-header.transparent-header { margin: 0; padding: 5px; background: transparent; }
.card-header.transparent-header img { width: 100%; max-width: 100%; }
.card-header { text-align: center; padding-bottom: 0; background: #FFFFFF; border: 0; }
.card-header h3 { font-weight: lighter; font-size: 25px; margin: 0; margin-top: 10px; }
.card-footer { background: #edeb87f5; text-align: center; padding: 10px 25px; font-size: 95%; }
.card-footer p { margin-bottom: 5px; }
.form-control { border-radius: 0; }
.btn { border-radius: 0; }
.card-container .btn { height: calc(2.75rem + 2px); }
.card-container .copyright { background: none; color: #FFFFFF; text-align: center; margin-top: 10px; margin-bottom: 15px; }
.form-register { margin: 0; margin-top: 20px; }
.alert { border-radius: 0; }
.card-container .alert-last { margin: 0; }
.checkbox label { cursor: pointer; }
.progress { border-radius: 0; }
.form-inline input:not(:last-child), .form-inline select:not(:last-child) { margin-right: 3px; }
@media screen and (max-width:600px) {
	.card-container { margin: auto; left: 7px; right: 7px; width: auto; top: 20px; }
	.backdrop {		/* background: none; */ }
	.background { background-image: url('../../../images/bg_login_mobile.jpg'); }
	.card-body, .card-footer { padding: 20px; margin: 10px; }
	.card-header { padding: 20px; padding-bottom: 0; }
	.card-footer { padding: 10px 20px; }
	input, select { max-width: 100% !important; float: none; }
	.form-inline input, .form-inline select { margin-right: 0 !important; }
}