html {
	height: 100%;
}

body.login-page {
	background-color: #263450;
	background-image: linear-gradient(0deg, #263450, #2b3356);
	height: 100%;
	margin: 0;
}

.login-page form {
	margin: 0px;
}

.login-page .content-section {
	color: white;
	margin: auto;
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	
	width: 250px;
	position: relative;
	top: 40%;
	
	border: #0b162b solid 1px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
	
	background-color: #0b162b;
}

.login-page .ui-widget {
	text-shadow: none !important;
}

.login-page .content-section .section-header {
	text-align: center;
	padding: 6px 0px;
	font-weight: bold;
}

.login-page .content-section .section-body .ui-widget {
	color: white;
	font-family: 'Roboto', sans-serif;
	margin: 3px 0px;
}

.login-page .section-body {
	color: white;
	background-color: #203050;
	padding: 3px 5px;
}

.login-page .section-body .ui-inputfield {
	color: white;
	background-color: #203050;
	border-color: #8090a0;
	border-radius: 0px;
	width: 100%;
	box-sizing : border-box;
}

.login-page .section-buttons {
	padding: 6px;
	text-align: right;
}

.login-page .section-buttons .ui-button {
	background-color: #203050;
	background-image: linear-gradient(0deg, rgb(54, 69, 98), rgb(32, 48, 80) 50%, rgb(30, 46, 76) 51%, rgb(32, 48, 80));
	color: white;
	font-weight: bold;
}

.login-page .section-buttons .ui-button.ui-state-hover {
	background-color: #f0a000;
	background-image: linear-gradient(0deg, rgb(239, 157, 25), rgb(237, 146, 0) 50%, rgb(234, 137, 0) 51%, rgb(237, 146, 0));
	transition: none;
	background-position: initial;
}

.login-page .ui-dialog {
	background-color: #0b162b;
	color: white;
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
}

.login-page .ui-dialog.ui-widget-content .ui-dialog-content {
	background-color: #0b162b;
	padding: 1px;
	font-size: 11px;
}

.login-page .ui-dialog.ui-widget-content .ui-dialog-titlebar {
	background-color: #0b162b;
	padding: 1px;
	border-bottom: none;
	text-align: center;
	height: 18px;
}

.login-page .ui-dialog.ui-widget-content .ui-dialog-title {
	color: white;
	font-weight: bold;
	font-size: 11px;
	float: none;
	margin: 0px;
	position: relative;
	top: 3px;
}

.login-page .ui-dialog .ui-dialog-titlebar-close span, .ui-dialog .ui-dialog-titlebar-minimize span, .ui-dialog .ui-dialog-titlebar-maximize span {
	position: absolute;
	top: 3px;
	right: 3px;
}

.login-page .auth-watermark-logo {
	position: absolute;
	right: 32px;
	bottom: 32px;
	max-width: 65%;
	max-height: 50%;
}