html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
body {
	line-height: 1
}
ol, ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
html {
	box-sizing: border-box
}
*, *:before, *:after {
	box-sizing: inherit
}
html {
	font-family: Roboto, sans-serif;
	font-size: 62.5%;
	font-weight: 300
}
body {
	color: #4b5360;
	font-size: 1.6rem;
	line-height: 1.5em
}
h1, h2, h3, h4, h5, h6 {
	color: #384048;
	font-size: 1.8rem;
	font-weight: 300
}
strong, b {
	font-weight: 500
}
p {
	padding-bottom: 1em
}
.list {
	margin: 0 0 2rem 2rem
}
ul.list {
	list-style-type: circle
}
input, button, select, textarea {
	font-family: Roboto, sans-serif;
	font-size: inherit
}
a {
	color: #4588d9;
	text-decoration: none
}
a:hover {
	text-decoration: underline
}
h1.header, h2.header, h3.header {
	font-size: 2em;
	padding-bottom: 1em
}
table.form {
	font-weight: 400
}
table.form td {
	padding-right: 1em
}
fieldset {
	padding: 0 0 4rem
}
legend {
	color: #4588d9;
	font-size: 1.2em;
	margin-top: 1.5rem
}
.required {
	color: maroon
}
.field {
	padding: 1rem 0 0;
	margin: 0 0 2rem
}
.field label {
	color: #787b80
}
.field input, .field textarea, .field select {
	border: 1px solid #4588d9;
	font-weight: 300;
	padding: 1rem 0;
	margin: 0;
	outline: 0;
	width: 100%
}
.field textarea {
	min-height: 15rem;
	vertical-align: top
}
.field.field--focused label, .field.field--completed label, .field.field--error label {
	color: #4588d9;
	top: 0!important;
	font-size: .8em
}
.field.field--focused input, .field.field--focused textarea {
	border-bottom: 2px solid #4588d9
}
.field.field--error label {
	color: #bf0b0b
}
.field.field--error input, .field.field--error textarea {
	border-bottom: 2px solid #bf0b0b
}
.field--nolabel {
	padding-top: 0
}
.field-validation-error {
	background: #f2efef;
	color: #bf0b0b;
	display: block;
	padding: 1rem
}
.form--condensed .field, .field--condensed {
	margin: 0 0 1rem;
	padding: 1.5rem 0 0
}
.form--condensed .field label, .field--condensed label {
	bottom: 0;
	top: auto
}
.form--condensed .field input, .form--condensed .field textarea, .form--condensed .field select, .field--condensed input, .field--condensed textarea, .field--condensed select {
	padding: .5rem 0 0
}
.form--condensed .field--focused label, .form--condensed .field--completed label {
	top: -.5rem;
	bottom: auto
}
.buttons {
	clear: both;
	padding-top: 2rem
}
.alert {
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: .25rem
}
.alert-success {
	background-color: #dff0d8;
	border-color: #d0e9c6;
	color: #3c763d
}
.alert-info {
	background-color: #d9edf7;
	border-color: #bcdff1;
	color: #31708f
}
.alert-warning {
	background-color: #fcf8e3;
	border-color: #faf2cc;
	color: #8a6d3b
}
.alert-danger {
	background-color: #f2dede;
	border-color: #ebcccc;
	color: #a94442
}
.btn, .button input {
	background: #4588d9;
	border-radius: 2px;
	color: #FFF;
	display: inline-block;
	margin-bottom: 0;
	font-weight: 300;
	line-height: 1rem;
	text-align: center;
	text-decoration: none;
	text-transform: lowercase;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 1.2rem .8rem
}
.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus, .button input:focus, .button input.focus, .button input:active:focus, .button input:active.focus, .button input.active:focus, .button input.active.focus {
	border: 1px solid #1f5699
}
.btn:hover, .btn:focus, .btn.focus, .button input:hover, .button input:focus, .button input.focus {
	background: #286ec3
}
.btn:active, .btn.active, .button input:active, .button input.active {
	outline: 0;
	background-image: none;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn, .button input.disabled, .button input[disabled], fieldset[disabled] .button input {
	cursor: not-allowed;
	pointer-events: none;
	opacity: .65;
	filter: alpha(opacity=65);
	box-shadow: none
}
.btn--secondary {
	background: #4588d9
}
.btn--secondary:hover, .btn--secondary:focus, .btn--secondary.focus {
	background: #286ec3
}
.btn--danger {
	background: #bf0b0b
}
.btn--danger:hover, .btn--danger:focus, .btn--danger.focus {
	background: #8f0808
}
.btn--inline {
	padding: .8rem
}
.minimal {
	height: 100%;
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center
}
.login {
	background: #FFF;
	font-size: 1.2em;
	padding: 2em;
	margin: 10em auto;
	max-width: 25em
}
.login .logo {
	display: block;
	text-align: center
}
.login img {
	margin-bottom: 2rem;
	width: 75%
}
.login input {
	width: 100%
}
.login_forgotten {
	padding: 1em 0 0;
	text-align: center
}
.validation-summary-valid {
    display: none;
}

html, body {
	min-height: 100%
}
body {
	background: #606c88;
	background: linear-gradient(to bottom right, #3f4c6b, #606c88)
}