body[id="core:loginuserpass"] {
	background-color: #DDD;
	height:100% !important;
	width: 100% !important;
}

input[id="username"],
input[id="password"] {
	min-width: 250px;
	max-width:100%;
}

#header {
    height: 6rem !important;
    background: linear-gradient(141deg, #002466 0%, #002d80 51%, #003495 75%) !important;
}

#logo a img {
	height: 3.5rem !important;
	padding: 0.35em 0 !important;
}

#logo a:hover {
	background: none !important;
	padding: 0 !important;
}

.logo-header {
	height: 2rem !important;
}

#footer {
    background: linear-gradient(141deg, #002466 0%, #002d80 51%, #003495 75%) !important;
    position: fixed !important;
    bottom: 0 !important;
    height: 1rem !important;
}

.center-form {
	justify-content: left;
}

.pure-button-red {
	background-color: #002466 !important;
}

.pure-button-red:hover, .pure-button-red:focus {
    background-color: #555 !important;
}

#layout {
	min-height: 100px !important;
}

#content {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

h1 { 
	color: #002466 !important; 
	margin: 0 !important;
	font-weight: 400 !important;
    line-height: 1em !important;
	clear: both !important;
	padding-top: 0.5em;
}

h2 { 
	color: #002466 !important; 
	margin: 0 !important;
	font-weight: 600 !important;
    line-height: 1em !important;
	clear: both !important;
}

.pure-g {
    display: block !important;
    clear: both !important;
}

.code-box-content {
	/*display: none !important;*/
}

.code-box-content pre {
	font-size: 0.7rem;
}

.copyrights {
    padding-top: 0 !important;
    margin-top: -1em !important;
}

.hr-border {
	width: 100%;
    max-width: 410px !important;
    border-bottom: 1px solid gray;
    display: block;
}