body {
	font-weight: 400;
	font-size: .95em;
	line-height: 1.6em;
	font-family: 'Montserrat', 'Open Sans', Frutiger, Calibri, 'Myriad Pro', Myriad, sans-serif;
	color: #000;
	background-color: #356cb4;
	background: linear-gradient(150deg, #356cb4 10%, #1B2443 100%);
	background-attachment: fixed; /* fix background gradient */
}
#header .logo {
	background-size: 244px;
}

.logo {
	top: 12px;
}

/* Default FORM */

/* Buttons and input */
#reset-password-submit {
	padding: 15px 10px;
}
#submit-wrapper .submit-icon {
	top: 24px;
	right: 23px;
}

input, textarea, select, button, div[contenteditable=true] {
	font-family: 'Montserrat', 'Open Sans', Frutiger, Calibri, 'Myriad Pro', Myriad, sans-serif;
}

input {
	font-size: 16px;
	/*margin: 5px;*/
	padding: 18px 15px 16px 45px;
	border-radius: 3px;
}

input[type='submit'],
input[type='button'],
button, .button,
select {
	padding: 15px 20px;
	background-color: #db1b44;
	font-weight: 400;
	font-size: 20px;
	color: #fff;
	border: 0;
}
input[type='text'],
input[type='tel'],
input[type='password'],
input[type='email'] {
	background: #fff;
	font-weight: 400;
}
input[type='submit'],
input.updateButton,
input.update-continue {
	padding: 15px 20px; /* larger log in and installation buttons */
}
#body-login #email,
#body-login #username,
#body-login #password {
	padding-left: 45px;
}
input.primary,
button.primary {
	border: 0;
	background-color: #db1b44;
	color: #fff;
}
#email {
	background-image: url('../img/form-icon-mail.svg');
	background-repeat: no-repeat;
	background-position: 11px 50%;
	background-size: 28px 18px;
}
#user,
#username {
	background-image: url('../img/form-icon-account.svg');
	background-repeat: no-repeat;
	background-position: 15px 50%;
	background-size: 18px 20px;
}
#password {
	background-image: url('../img/form-icon-password.svg');
	background-repeat: no-repeat;
	background-position: 17px 50%;
	background-size: 14px 17px;
}
#email-icon,
#username-icon,
#password-icon {
	display: none;
}
input[type='text'], 
input[type='tel'], 
input[type='password'], 
input[type='email'] {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	font-size: 16px;
	padding-left: 3rem;
	height: 56px;
}

/* Additional login options */
.remember-login-container,
.lost-password-container {
	margin: 8px 0;
}
.remember-login-container {
	margin-top: 20px;
}
.lost-password-container #lost-password,
.lost-password-container #lost-password-back {
	padding: 0 12px;
	margin-top: -6px;
}
#alternative-logins legend {
	font-weight: 600;
}
#alternative-logins li a {
	width: 280px;
	background-color: #db1b44;
	color: white;
}

#show-password {
	display: none !important;
}

/* Nicely grouping input field sets */
.grouptop input {
	margin-bottom: 5px !important;
}
.groupmiddle input {
	box-shadow: none !important;
}
.groupbottom input {
	margin-top: 5px !important;
	box-shadow: none !important;
}
.groupbottom input[type=submit] {
	box-shadow: none !important;
}

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	background-color: #fff !important;
	background-image: url('../img/form-icon-account.svg') !important;
	color: #555 !important;
	-webkit-text-fill-color: #555 !important;
	-webkit-box-shadow: 0 0 0 100px white inset !important;
}

@media screen and (max-height: 767px) {
	.wrapper {
		margin-top: 0;
	}
}

@media screen and (min-height: 768px) {
	#alternative-logins {
		padding-top: 80px;
	}
}

@media screen and (min-width: 768px) {
	.wrapper {
		width: 334px;
	}

	form,
	#alternative-logins li a {
		width: 325px;
	}
}

.w-full {
	width: 100% !important;
}
.border-0 {
	border: 0 !important;
}
.bg-red {
	background-color: #db1b44 !important;
}
.text-white {
	color: #ffffff !important;
}
.rounded {
	border-radius: 6px !important;
}
.h-56px {
	height: 56px !important;
}