/*

lspp.css

*/

/* html */
html {
    min-height: 100%;
    position: relative;
}
html, body {
	min-height: 100%;
}
body {
    position: relative;
	font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,'Fira Sans','Droid Sans','Helvetica Neue',sans-serif;
	color: #343434;
	font-size: 15px !important;
	line-height: 24px !important;
	margin: 0;
	padding: 0;	
	background-image: url('../images/watermark.png');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 100% 130%;	
}
body > div {
	max-width: 100%;
}
.link,
a {
	color: blue;
	text-decoration: underline;
	cursor: pointer;
}
.link:hover,
a:hover {
	text-decoration: underline;
}
.loader {
	position: fixed;
}
.header {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 10px 20px 0px 10px;
}
.header .logo {
	margin-right: 10px;
}
.footer {
	position: fixed;
	bottom: 0;
	right: 0;
	width: 100%;
	text-align: center;
	background: #eee;
	margin-top: 20px;
	padding: 10px 0px;
}
.ls_container * {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.ls_container {
	position: relative;
	max-width: 800px;
	padding-bottom: 50px;
	margin: 0px 20px 20px 220px;
	display: flex;
	justify-content: space-between;
}
/* general */
.ls_container hr {
	border: 0;
	border-top: 1px solid #ddd;
}
.ls_container h1,
.ls_container h2,
.ls_container h3,
.ls_container h4  {
	line-height: 1.3em;
}
.ls_container h1:first-of-type {
	margin-top: 0px;
}
.ls_container .right_align {
    text-align: right;
}
.ls_container .bold {
    font-weight: bold;
}
.ls_container .hidden {
	display: inline-block;
	width: 0 !important;
	height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	overflow: hidden;
	position: absolute;
	left: -300px;
}
.ls_container .hover_title {
	cursor: pointer;
}
/* help */
.ls_container .help {
	display: none;
	min-width: 200px;
	padding: 10px 20px;
	margin: 20px;
	background-color: #eee;
	border: 1px solid #ddd;
	border-radius: 10px;
	font-size: 14px;
}
.ls_container .help h1 {
	font-size: 16px;
	font-weight: bold;
}
.ls_container .show_help {
	padding-left: 5px;
}
.ls_container .help .close_help {
	float: right;
	font-size: 12px;
	z-index: 1;
}
.ls_container .contact_information {
	width: 300px;
	line-height: 1.4em;
	padding: 0px 20px;
}
.ls_container .contact_information h2:first-of-type {
	margin-top: 0px;
}

/* forms */
.
.ls_container fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
.ls_container form {
	width: 100%;
	min-width: 300px;
}
.ls_container .login {
	width: 400px;
}
.ls_container .formitem {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 4px 0px;
	align-items: flex-start;
}
.ls_container fieldset .formitem:last-of-type {
	padding-bottom: 10px;
}
.ls_container .label {
	flex-basis: 20%;
	padding-right: 2px;
	color: #717070;
}
.ls_container span label {
	color: #717070;
}
.ls_container .field {
	flex-basis: 80%;
}
.ls_container .field input {
	width: 100%;
	font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,'Fira Sans','Droid Sans','Helvetica Neue',sans-serif;
	color: #4b4b4b;
	font-size: 14px;
	line-height: 22px;
}
.ls_container .field input[type=date],
.ls_container .field input[name*=amount] {
	width: 140px;
}
.ls_container .field select {
	font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,'Fira Sans','Droid Sans','Helvetica Neue',sans-serif;
	color: #4b4b4b;
	line-height: 20px;
}
.ls_container .field input[type=checkbox] {
	width: auto;
}
.ls_container .field select[name$=country] {
	width: 100%;
}
.ls_container .field input[readonly] {
	border: 2px solid transparent;
	background: transparent;
}
.ls_container .formitem textarea {
	display: block; 
	width: 100%; 
	height: 50px;
}
.ls_container input[type=button],
.ls_container input[type=reset],
.ls_container input[type=submit],
.ls_container textarea {
	font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,'Fira Sans','Droid Sans','Helvetica Neue',sans-serif;
	color: #343434;
	font-size: 14px;
	line-height: normal;
	border: 1px solid #ccc;
	padding: 5px 15px;
}
.ls_container input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.ls_container textarea {
	font-size: 14px;
	padding: 5px;
}
.ls_container a.button {
	background-color: #f0f0f0;
	font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,'Fira Sans','Droid Sans','Helvetica Neue',sans-serif;
	color: #343434;
	font-size: 14px;
	line-height: normal;
	font-weight: 400;
	border: 1px solid #ccc;
	padding: 5px 15px;
	cursor: pointer;
}
.ls_container .field a.button {
	padding: 1px 8px;
}
.ls_container input[type=button]:hover,
.ls_container input[type=reset]:hover,
.ls_container input[type=submit]:hover,
.ls_container a.button:hover {
	opacity: 0.7;
	text-decoration: none;
}
.ls_container .buttons {
	padding: 20px 0px;
}
.ls_container .invalid_message {
	color: #cf2727;
	display: block;
	padding: 1px 0px 0px 2px !important;
}
.ls_container .formitem:hover:not(.buttons) {
	background: #feffe1;
}
.ls_container .formitem .field .invalid,
.ls_container .formitem .invalid {
	background-color: #ffe6e6; 
}
.ls_container .formitem.select_input .field,
.ls_container .formitem.multi_input .field {
	flex: 1;
}
.ls_container .formitem.select_other .field label,
.ls_container .formitem.select_input span label,
.ls_container .formitem.multi_input span label  {
	padding: 0px 5px 0px 8px;
}
.ls_container .formitem.select_input .field:last-of-type input,
.ls_container .formitem.multi_input .field:last-of-type input {
	width: 80px;
}
.ls_container .formitem .required_indicator {
	display: inline-block;
	width: 9px;
}
.ls_container .formitem.required_indicator_note {
	display: inline-block;
}
.ls_container .formitem.zipcode .field {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
}
.ls_container .formitem.zipcode .field {
	flex-wrap: wrap;
}
.ls_container .formitem.zipcode .field input:nth-of-type(1) {
	width: 70px;
}
.ls_container .formitem.zipcode .field input:nth-of-type(2) {
	width: 40px;
}
.ls_container .formitem .field input.amount,
.ls_container .formitem .field.amount {
    text-align: right;
    display: inline-block;
    width: 100px;
    max-width: 100px;
}
.ls_container .formitem .field select.full_select {
    width: 100%;
    min-width: 85px;
}
.ls_container .formitem.zipcode .invalid_message {
	flex-basis: 100%;
}
.ls_container .formitem.notes {
	background-color: #F3F6F8;
}
.ls_container .formitem.notes .field{
	padding-left: 3px;
}
.ls_container .formitem_fieldset {
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	max-width: 600px;
	margin: 10px 0px;
}
.ls_container .formitem_fieldset:not(:first-of-type) {
	border-top: none !important;
}
/* .no_input = form elements do not contain input elements */
.ls_container .formitem.no_input {
	vertical-align: middle;
}
.ls_container .formitem.no_input .field {
	font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,'Fira Sans','Droid Sans','Helvetica Neue',sans-serif;
	color: #000000;
	font-size: 12px;
	line-height: 20px;
	text-transform: uppercase;
}

/* Responsive styles */
@media (min-width: 1300px){
	body {
		background-position: bottom right;
	}
}
@media (max-width: 1000px){
	body {
		background-position: bottom right;
	}
	.ls_container {
		margin: 30px;
	}
}
@media (max-width: 750px){
	body {
		background-size: 50%;
	}
	.header img {
		width: 100%;
	}
	.ls_container {
		flex-wrap: wrap;
		margin: auto 10%;
	}
	.ls_container .contact_information {
		padding: 0px;
	}
	.ls_container h1:first-of-type,
	.ls_container .contact_information h2:first-of-type {
		margin-top: revert;
	}
}
@media (max-width: 490px){
	.ls_container > div {
		width: 100%;
	}
	.ls_container form,
	.ls_container .login,
	.ls_container .formitem,
	.ls_container .formitem .label, 
	.ls_container .formitem .field {
		width: 100%;
	}
	.ls_container .formitem {
		flex-direction: column;
	}
	.ls_container form .buttons input, 
	.ls_container input[type="button"], 
	.ls_container input[type="submit"], 
	.ls_container input[type="reset"], 
	.ls_container a.button {
		margin-bottom: 5px;
	}
}