@charset "UTF-8";

/* skel-baseline v3.0.1 | (c) n33 | skel.io | MIT licensed */

/* Reset */
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;
}

body {
	-webkit-text-size-adjust: none;
}


/* Box Model */
*,
*:before,
*:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


/* Containers */
.container {
	margin-left: auto;
	margin-right: auto;
}

.container.\31 25\25 {
	width: 100%;
	max-width: 100em;
	min-width: 80em;
}

.container.\37 5\25 {
	width: 60em;
}

.container.\35 0\25 {
	width: 40em;
}

.container.\32 5\25 {
	width: 20em;
}

.container {
	width: 80em;
}

@media screen and (max-width: 1680px) {
	.container.\31 25\25 {
		width: 100%;
		max-width: 100em;
		min-width: 80em;
	}
	.container.\37 5\25 {
		width: 60em;
	}
	.container.\35 0\25 {
		width: 40em;
	}
	.container.\32 5\25 {
		width: 20em;
	}
	.container {
		width: 80em;
	}
}

@media screen and (max-width: 1280px) {
	.container.\31 25\25 {
		width: 100%;
		max-width: 81.25em;
		min-width: 65em;
	}
	.container.\37 5\25 {
		width: 48.75em;
	}
	.container.\35 0\25 {
		width: 32.5em;
	}
	.container.\32 5\25 {
		width: 16.25em;
	}
	.container {
		width: 65em;
	}
}

@media screen and (max-width: 980px) {
	.container.\31 25\25 {
		width: 100%;
		max-width: 112.5%;
		min-width: 90%;
	}
	.container.\37 5\25 {
		width: 67.5%;
	}
	.container.\35 0\25 {
		width: 45%;
	}
	.container.\32 5\25 {
		width: 22.5%;
	}
	.container {
		width: 90%;
	}
}

@media screen and (max-width: 736px) {
	.container.\31 25\25 {
		width: 100%;
		max-width: 112.5%;
		min-width: 90%;
	}
	.container.\37 5\25 {
		width: 67.5%;
	}
	.container.\35 0\25 {
		width: 45%;
	}
	.container.\32 5\25 {
		width: 22.5%;
	}
	.container {
		width: 90% !important;
	}
}

@media screen and (max-width: 480px) {
	.container.\31 25\25 {
		width: 100%;
		max-width: 112.5%;
		min-width: 90%;
	}
	.container.\37 5\25 {
		width: 67.5%;
	}
	.container.\35 0\25 {
		width: 45%;
	}
	.container.\32 5\25 {
		width: 22.5%;
	}
	.container {
		width: 90% !important;
	}
}


/* Grid */
.row {
	border-bottom: solid 1px transparent;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.row > * {
	float: left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.row:after,
.row:before {
	content: '';
	display: block;
	clear: both;
	height: 0;
}

.row.uniform > * >:first-child {
	margin-top: 0;
}

.row.uniform > * >:last-child {
	margin-bottom: 0;
}

.row.\30 \25 > * {
	padding: 0 0 0 0em;
}

.row.\30 \25 {
	margin: 0 0 -1px 0em;
}

.row.uniform.\30 \25 > * {
	padding: 0em 0 0 0em;
}

.row.uniform.\30 \25 {
	margin: 0em 0 -1px 0em;
}

.row > * {
	padding: 0 0 0 2em;
}

.row {
	margin: 0 0 -1px -2em;
}

.row.uniform > * {
	padding: 2em 0 0 2em;
}

.row.uniform {
	margin: -2em 0 -1px -2em;
}

.row.\32 00\25 > * {
	padding: 0 0 0 4em;
}

.row.\32 00\25 {
	margin: 0 0 -1px -4em;
}

.row.uniform.\32 00\25 > * {
	padding: 4em 0 0 4em;
}

.row.uniform.\32 00\25 {
	margin: -4em 0 -1px -4em;
}

.row.\31 50\25 > * {
	padding: 0 0 0 3em;
}

.row.\31 50\25 {
	margin: 0 0 -1px -3em;
}

.row.uniform.\31 50\25 > * {
	padding: 3em 0 0 3em;
}

.row.uniform.\31 50\25 {
	margin: -3em 0 -1px -3em;
}

.row.\35 0\25 > * {
	padding: 0 0 0 1em;
}

.row.\35 0\25 {
	margin: 0 0 -1px -1em;
}

.row.uniform.\35 0\25 > * {
	padding: 1em 0 0 1em;
}

.row.uniform.\35 0\25 {
	margin: -1em 0 -1px -1em;
}

.row.\32 5\25 > * {
	padding: 0 0 0 0.5em;
}

.row.\32 5\25 {
	margin: 0 0 -1px -0.5em;
}

.row.uniform.\32 5\25 > * {
	padding: 0.5em 0 0 0.5em;
}

.row.uniform.\32 5\25 {
	margin: -0.5em 0 -1px -0.5em;
}

.\31 2u,
.\31 2u\24 {
	width: 100%;
	clear: none;
	margin-left: 0;
}

.\31 1u,
.\31 1u\24 {
	width: 91.6666666667%;
	clear: none;
	margin-left: 0;
}

.\31 0u,
.\31 0u\24 {
	width: 83.3333333333%;
	clear: none;
	margin-left: 0;
}

.\39 u,
.\39 u\24 {
	width: 75%;
	clear: none;
	margin-left: 0;
}

.\38 u,
.\38 u\24 {
	width: 66.6666666667%;
	clear: none;
	margin-left: 0;
}

.\37 u,
.\37 u\24 {
	width: 58.3333333333%;
	clear: none;
	margin-left: 0;
}

.\36 u,
.\36 u\24 {
	width: 50%;
	clear: none;
	margin-left: 0;
}

.\35 u,
.\35 u\24 {
	width: 41.6666666667%;
	clear: none;
	margin-left: 0;
}

.\34 u,
.\34 u\24 {
	width: 33.3333333333%;
	clear: none;
	margin-left: 0;
}

.\33 u,
.\33 u\24 {
	width: 25%;
	clear: none;
	margin-left: 0;
}

.\32 u,
.\32 u\24 {
	width: 16.6666666667%;
	clear: none;
	margin-left: 0;
}

.\31 u,
.\31 u\24 {
	width: 8.3333333333%;
	clear: none;
	margin-left: 0;
}

.\31 2u\24 + *,
.\31 1u\24 + *,
.\31 0u\24 + *,
.\39 u\24 + *,
.\38 u\24 + *,
.\37 u\24 + *,
.\36 u\24 + *,
.\35 u\24 + *,
.\34 u\24 + *,
.\33 u\24 + *,
.\32 u\24 + *,
.\31 u\24 + * {
	clear: left;
}

.\-11u {
	margin-left: 91.66667%;
}

.\-10u {
	margin-left: 83.33333%;
}

.\-9u {
	margin-left: 75%;
}

.\-8u {
	margin-left: 66.66667%;
}

.\-7u {
	margin-left: 58.33333%;
}

.\-6u {
	margin-left: 50%;
}

.\-5u {
	margin-left: 41.66667%;
}

.\-4u {
	margin-left: 33.33333%;
}

.\-3u {
	margin-left: 25%;
}

.\-2u {
	margin-left: 16.66667%;
}

.\-1u {
	margin-left: 8.33333%;
}

@media screen and (max-width: 1680px) {
	.row > * {
		padding: 0 0 0 2em;
	}
	.row {
		margin: 0 0 -1px -2em;
	}
	.row.uniform > * {
		padding: 2em 0 0 2em;
	}
	.row.uniform {
		margin: -2em 0 -1px -2em;
	}
	.row.\32 00\25 > * {
		padding: 0 0 0 4em;
	}
	.row.\32 00\25 {
		margin: 0 0 -1px -4em;
	}
	.row.uniform.\32 00\25 > * {
		padding: 4em 0 0 4em;
	}
	.row.uniform.\32 00\25 {
		margin: -4em 0 -1px -4em;
	}
	.row.\31 50\25 > * {
		padding: 0 0 0 3em;
	}
	.row.\31 50\25 {
		margin: 0 0 -1px -3em;
	}
	.row.uniform.\31 50\25 > * {
		padding: 3em 0 0 3em;
	}
	.row.uniform.\31 50\25 {
		margin: -3em 0 -1px -3em;
	}
	.row.\35 0\25 > * {
		padding: 0 0 0 1em;
	}
	.row.\35 0\25 {
		margin: 0 0 -1px -1em;
	}
	.row.uniform.\35 0\25 > * {
		padding: 1em 0 0 1em;
	}
	.row.uniform.\35 0\25 {
		margin: -1em 0 -1px -1em;
	}
	.row.\32 5\25 > * {
		padding: 0 0 0 0.5em;
	}
	.row.\32 5\25 {
		margin: 0 0 -1px -0.5em;
	}
	.row.uniform.\32 5\25 > * {
		padding: 0.5em 0 0 0.5em;
	}
	.row.uniform.\32 5\25 {
		margin: -0.5em 0 -1px -0.5em;
	}
	.\31 2u\28xlarge\29,
	.\31 2u\24\28xlarge\29 {
		width: 100%;
		clear: none;
		margin-left: 0;
	}
	.\31 1u\28xlarge\29,
	.\31 1u\24\28xlarge\29 {
		width: 91.6666666667%;
		clear: none;
		margin-left: 0;
	}
	.\31 0u\28xlarge\29,
	.\31 0u\24\28xlarge\29 {
		width: 83.3333333333%;
		clear: none;
		margin-left: 0;
	}
	.\39 u\28xlarge\29,
	.\39 u\24\28xlarge\29 {
		width: 75%;
		clear: none;
		margin-left: 0;
	}
	.\38 u\28xlarge\29,
	.\38 u\24\28xlarge\29 {
		width: 66.6666666667%;
		clear: none;
		margin-left: 0;
	}
	.\37 u\28xlarge\29,
	.\37 u\24\28xlarge\29 {
		width: 58.3333333333%;
		clear: none;
		margin-left: 0;
	}
	.\36 u\28xlarge\29,
	.\36 u\24\28xlarge\29 {
		width: 50%;
		clear: none;
		margin-left: 0;
	}
	.\35 u\28xlarge\29,
	.\35 u\24\28xlarge\29 {
		width: 41.6666666667%;
		clear: none;
		margin-left: 0;
	}
	.\34 u\28xlarge\29,
	.\34 u\24\28xlarge\29 {
		width: 33.3333333333%;
		clear: none;
		margin-left: 0;
	}
	.\33 u\28xlarge\29,
	.\33 u\24\28xlarge\29 {
		width: 25%;
		clear: none;
		margin-left: 0;
	}
	.\32 u\28xlarge\29,
	.\32 u\24\28xlarge\29 {
		width: 16.6666666667%;
		clear: none;
		margin-left: 0;
	}
	.\31 u\28xlarge\29,
	.\31 u\24\28xlarge\29 {
		width: 8.3333333333%;
		clear: none;
		margin-left: 0;
	}
	.\31 2u\24\28xlarge\29 + *,
	.\31 1u\24\28xlarge\29 + *,
	.\31 0u\24\28xlarge\29 + *,
	.\39 u\24\28xlarge\29 + *,
	.\38 u\24\28xlarge\29 + *,
	.\37 u\24\28xlarge\29 + *,
	.\36 u\24\28xlarge\29 + *,
	.\35 u\24\28xlarge\29 + *,
	.\34 u\24\28xlarge\29 + *,
	.\33 u\24\28xlarge\29 + *,
	.\32 u\24\28xlarge\29 + *,
	.\31 u\24\28xlarge\29 + * {
		clear: left;
	}
	.\-11u\28xlarge\29 {
		margin-left: 91.66667%;
	}
	.\-10u\28xlarge\29 {
		margin-left: 83.33333%;
	}
	.\-9u\28xlarge\29 {
		margin-left: 75%;
	}
	.\-8u\28xlarge\29 {
		margin-left: 66.66667%;
	}
	.\-7u\28xlarge\29 {
		margin-left: 58.33333%;
	}
	.\-6u\28xlarge\29 {
		margin-left: 50%;
	}
	.\-5u\28xlarge\29 {
		margin-left: 41.66667%;
	}
	.\-4u\28xlarge\29 {
		margin-left: 33.33333%;
	}
	.\-3u\28xlarge\29 {
		margin-left: 25%;
	}
	.\-2u\28xlarge\29 {
		margin-left: 16.66667%;
	}
	.\-1u\28xlarge\29 {
		margin-left: 8.33333%;
	}
}

@media screen and (max-width: 1280px) {
	.row > * {
		padding: 0 0 0 1.5em;
	}
	.row {
		margin: 0 0 -1px -1.5em;
	}
	.row.uniform > * {
		padding: 1.5em 0 0 1.5em;
	}
	.row.uniform {
		margin: -1.5em 0 -1px -1.5em;
	}
	.row.\32 00\25 > * {
		padding: 0 0 0 3em;
	}
	.row.\32 00\25 {
		margin: 0 0 -1px -3em;
	}
	.row.uniform.\32 00\25 > * {
		padding: 3em 0 0 3em;
	}
	.row.uniform.\32 00\25 {
		margin: -3em 0 -1px -3em;
	}
	.row.\31 50\25 > * {
		padding: 0 0 0 2.25em;
	}
	.row.\31 50\25 {
		margin: 0 0 -1px -2.25em;
	}
	.row.uniform.\31 50\25 > * {
		padding: 2.25em 0 0 2.25em;
	}
	.row.uniform.\31 50\25 {
		margin: -2.25em 0 -1px -2.25em;
	}
	.row.\35 0\25 > * {
		padding: 0 0 0 0.75em;
	}
	.row.\35 0\25 {
		margin: 0 0 -1px -0.75em;
	}
	.row.uniform.\35 0\25 > * {
		padding: 0.75em 0 0 0.75em;
	}
	.row.uniform.\35 0\25 {
		margin: -0.75em 0 -1px -0.75em;
	}
	.row.\32 5\25 > * {
		padding: 0 0 0 0.375em;
	}
	.row.\32 5\25 {
		margin: 0 0 -1px -0.375em;
	}
	.row.uniform.\32 5\25 > * {
		padding: 0.375em 0 0 0.375em;
	}
	.row.uniform.\32 5\25 {
		margin: -0.375em 0 -1px -0.375em;
	}
	.\31 2u\28large\29,
	.\31 2u\24\28large\29 {
		width: 100%;
		clear: none;
		margin-left: 0;
	}
	.\31 1u\28large\29,
	.\31 1u\24\28large\29 {
		width: 91.6666666667%;
		clear: none;
		margin-left: 0;
	}
	.\31 0u\28large\29,
	.\31 0u\24\28large\29 {
		width: 83.3333333333%;
		clear: none;
		margin-left: 0;
	}
	.\39 u\28large\29,
	.\39 u\24\28large\29 {
		width: 75%;
		clear: none;
		margin-left: 0;
	}
	.\38 u\28large\29,
	.\38 u\24\28large\29 {
		width: 66.6666666667%;
		clear: none;
		margin-left: 0;
	}
	.\37 u\28large\29,
	.\37 u\24\28large\29 {
		width: 58.3333333333%;
		clear: none;
		margin-left: 0;
	}
	.\36 u\28large\29,
	.\36 u\24\28large\29 {
		width: 50%;
		clear: none;
		margin-left: 0;
	}
	.\35 u\28large\29,
	.\35 u\24\28large\29 {
		width: 41.6666666667%;
		clear: none;
		margin-left: 0;
	}
	.\34 u\28large\29,
	.\34 u\24\28large\29 {
		width: 33.3333333333%;
		clear: none;
		margin-left: 0;
	}
	.\33 u\28large\29,
	.\33 u\24\28large\29 {
		width: 25%;
		clear: none;
		margin-left: 0;
	}
	.\32 u\28large\29,
	.\32 u\24\28large\29 {
		width: 16.6666666667%;
		clear: none;
		margin-left: 0;
	}
	.\31 u\28large\29,
	.\31 u\24\28large\29 {
		width: 8.3333333333%;
		clear: none;
		margin-left: 0;
	}
	.\31 2u\24\28large\29 + *,
	.\31 1u\24\28large\29 + *,
	.\31 0u\24\28large\29 + *,
	.\39 u\24\28large\29 + *,
	.\38 u\24\28large\29 + *,
	.\37 u\24\28large\29 + *,
	.\36 u\24\28large\29 + *,
	.\35 u\24\28large\29 + *,
	.\34 u\24\28large\29 + *,
	.\33 u\24\28large\29 + *,
	.\32 u\24\28large\29 + *,
	.\31 u\24\28large\29 + * {
		clear: left;
	}
	.\-11u\28large\29 {
		margin-left: 91.66667%;
	}
	.\-10u\28large\29 {
		margin-left: 83.33333%;
	}
	.\-9u\28large\29 {
		margin-left: 75%;
	}
	.\-8u\28large\29 {
		margin-left: 66.66667%;
	}
	.\-7u\28large\29 {
		margin-left: 58.33333%;
	}
	.\-6u\28large\29 {
		margin-left: 50%;
	}
	.\-5u\28large\29 {
		margin-left: 41.66667%;
	}
	.\-4u\28large\29 {
		margin-left: 33.33333%;
	}
	.\-3u\28large\29 {
		margin-left: 25%;
	}
	.\-2u\28large\29 {
		margin-left: 16.66667%;
	}
	.\-1u\28large\29 {
		margin-left: 8.33333%;
	}
}

@media screen and (max-width: 980px) {
	.row > * {
		padding: 0 0 0 1.5em;
	}
	.row {
		margin: 0 0 -1px -1.5em;
	}
	.row.uniform > * {
		padding: 1.5em 0 0 1.5em;
	}
	.row.uniform {
		margin: -1.5em 0 -1px -1.5em;
	}
	.row.\32 00\25 > * {
		padding: 0 0 0 3em;
	}
	.row.\32 00\25 {
		margin: 0 0 -1px -3em;
	}
	.row.uniform.\32 00\25 > * {
		padding: 3em 0 0 3em;
	}
	.row.uniform.\32 00\25 {
		margin: -3em 0 -1px -3em;
	}
	.row.\31 50\25 > * {
		padding: 0 0 0 2.25em;
	}
	.row.\31 50\25 {
		margin: 0 0 -1px -2.25em;
	}
	.row.uniform.\31 50\25 > * {
		padding: 2.25em 0 0 2.25em;
	}
	.row.uniform.\31 50\25 {
		margin: -2.25em 0 -1px -2.25em;
	}
	.row.\35 0\25 > * {
		padding: 0 0 0 0.75em;
	}
	.row.\35 0\25 {
		margin: 0 0 -1px -0.75em;
	}
	.row.uniform.\35 0\25 > * {
		padding: 0.75em 0 0 0.75em;
	}
	.row.uniform.\35 0\25 {
		margin: -0.75em 0 -1px -0.75em;
	}
	.row.\32 5\25 > * {
		padding: 0 0 0 0.375em;
	}
	.row.\32 5\25 {
		margin: 0 0 -1px -0.375em;
	}
	.row.uniform.\32 5\25 > * {
		padding: 0.375em 0 0 0.375em;
	}
	.row.uniform.\32 5\25 {
		margin: -0.375em 0 -1px -0.375em;
	}
	.\31 2u\28medium\29,
	.\31 2u\24\28medium\29 {
		width: 100%;
		clear: none;
		margin-left: 0;
	}
	.\31 1u\28medium\29,
	.\31 1u\24\28medium\29 {
		width: 91.6666666667%;
		clear: none;
		margin-left: 0;
	}
	.\31 0u\28medium\29,
	.\31 0u\24\28medium\29 {
		width: 83.3333333333%;
		clear: none;
		margin-left: 0;
	}
	.\39 u\28medium\29,
	.\39 u\24\28medium\29 {
		width: 75%;
		clear: none;
		margin-left: 0;
	}
	.\38 u\28medium\29,
	.\38 u\24\28medium\29 {
		width: 66.6666666667%;
		clear: none;
		margin-left: 0;
	}
	.\37 u\28medium\29,
	.\37 u\24\28medium\29 {
		width: 58.3333333333%;
		clear: none;
		margin-left: 0;
	}
	.\36 u\28medium\29,
	.\36 u\24\28medium\29 {
		width: 50%;
		clear: none;
		margin-left: 0;
	}
	.\35 u\28medium\29,
	.\35 u\24\28medium\29 {
		width: 41.6666666667%;
		clear: none;
		margin-left: 0;
	}
	.\34 u\28medium\29,
	.\34 u\24\28medium\29 {
		width: 33.3333333333%;
		clear: none;
		margin-left: 0;
	}
	.\33 u\28medium\29,
	.\33 u\24\28medium\29 {
		width: 25%;
		clear: none;
		margin-left: 0;
	}
	.\32 u\28medium\29,
	.\32 u\24\28medium\29 {
		width: 16.6666666667%;
		clear: none;
		margin-left: 0;
	}
	.\31 u\28medium\29,
	.\31 u\24\28medium\29 {
		width: 8.3333333333%;
		clear: none;
		margin-left: 0;
	}
	.\31 2u\24\28medium\29 + *,
	.\31 1u\24\28medium\29 + *,
	.\31 0u\24\28medium\29 + *,
	.\39 u\24\28medium\29 + *,
	.\38 u\24\28medium\29 + *,
	.\37 u\24\28medium\29 + *,
	.\36 u\24\28medium\29 + *,
	.\35 u\24\28medium\29 + *,
	.\34 u\24\28medium\29 + *,
	.\33 u\24\28medium\29 + *,
	.\32 u\24\28medium\29 + *,
	.\31 u\24\28medium\29 + * {
		clear: left;
	}
	.\-11u\28medium\29 {
		margin-left: 91.66667%;
	}
	.\-10u\28medium\29 {
		margin-left: 83.33333%;
	}
	.\-9u\28medium\29 {
		margin-left: 75%;
	}
	.\-8u\28medium\29 {
		margin-left: 66.66667%;
	}
	.\-7u\28medium\29 {
		margin-left: 58.33333%;
	}
	.\-6u\28medium\29 {
		margin-left: 50%;
	}
	.\-5u\28medium\29 {
		margin-left: 41.66667%;
	}
	.\-4u\28medium\29 {
		margin-left: 33.33333%;
	}
	.\-3u\28medium\29 {
		margin-left: 25%;
	}
	.\-2u\28medium\29 {
		margin-left: 16.66667%;
	}
	.\-1u\28medium\29 {
		margin-left: 8.33333%;
	}
}

@media screen and (max-width: 736px) {
	.row > * {
		padding: 0 0 0 1.25em;
	}
	.row {
		margin: 0 0 -1px -1.25em;
	}
	.row.uniform > * {
		padding: 1.25em 0 0 1.25em;
	}
	.row.uniform {
		margin: -1.25em 0 -1px -1.25em;
	}
	.row.\32 00\25 > * {
		padding: 0 0 0 2.5em;
	}
	.row.\32 00\25 {
		margin: 0 0 -1px -2.5em;
	}
	.row.uniform.\32 00\25 > * {
		padding: 2.5em 0 0 2.5em;
	}
	.row.uniform.\32 00\25 {
		margin: -2.5em 0 -1px -2.5em;
	}
	.row.\31 50\25 > * {
		padding: 0 0 0 1.875em;
	}
	.row.\31 50\25 {
		margin: 0 0 -1px -1.875em;
	}
	.row.uniform.\31 50\25 > * {
		padding: 1.875em 0 0 1.875em;
	}
	.row.uniform.\31 50\25 {
		margin: -1.875em 0 -1px -1.875em;
	}
	.row.\35 0\25 > * {
		padding: 0 0 0 0.625em;
	}
	.row.\35 0\25 {
		margin: 0 0 -1px -0.625em;
	}
	.row.uniform.\35 0\25 > * {
		padding: 0.625em 0 0 0.625em;
	}
	.row.uniform.\35 0\25 {
		margin: -0.625em 0 -1px -0.625em;
	}
	.row.\32 5\25 > * {
		padding: 0 0 0 0.3125em;
	}
	.row.\32 5\25 {
		margin: 0 0 -1px -0.3125em;
	}
	.row.uniform.\32 5\25 > * {
		padding: 0.3125em 0 0 0.3125em;
	}
	.row.uniform.\32 5\25 {
		margin: -0.3125em 0 -1px -0.3125em;
	}
	.\31 2u\28small\29,
	.\31 2u\24\28small\29 {
		width: 100%;
		clear: none;
		margin-left: 0;
	}
	.\31 1u\28small\29,
	.\31 1u\24\28small\29 {
		width: 91.6666666667%;
		clear: none;
		margin-left: 0;
	}
	.\31 0u\28small\29,
	.\31 0u\24\28small\29 {
		width: 83.3333333333%;
		clear: none;
		margin-left: 0;
	}
	.\39 u\28small\29,
	.\39 u\24\28small\29 {
		width: 75%;
		clear: none;
		margin-left: 0;
	}
	.\38 u\28small\29,
	.\38 u\24\28small\29 {
		width: 66.6666666667%;
		clear: none;
		margin-left: 0;
	}
	.\37 u\28small\29,
	.\37 u\24\28small\29 {
		width: 58.3333333333%;
		clear: none;
		margin-left: 0;
	}
	.\36 u\28small\29,
	.\36 u\24\28small\29 {
		width: 50%;
		clear: none;
		margin-left: 0;
	}
	.\35 u\28small\29,
	.\35 u\24\28small\29 {
		width: 41.6666666667%;
		clear: none;
		margin-left: 0;
	}
	.\34 u\28small\29,
	.\34 u\24\28small\29 {
		width: 33.3333333333%;
		clear: none;
		margin-left: 0;
	}
	.\33 u\28small\29,
	.\33 u\24\28small\29 {
		width: 25%;
		clear: none;
		margin-left: 0;
	}
	.\32 u\28small\29,
	.\32 u\24\28small\29 {
		width: 16.6666666667%;
		clear: none;
		margin-left: 0;
	}
	.\31 u\28small\29,
	.\31 u\24\28small\29 {
		width: 8.3333333333%;
		clear: none;
		margin-left: 0;
	}
	.\31 2u\24\28small\29 + *,
	.\31 1u\24\28small\29 + *,
	.\31 0u\24\28small\29 + *,
	.\39 u\24\28small\29 + *,
	.\38 u\24\28small\29 + *,
	.\37 u\24\28small\29 + *,
	.\36 u\24\28small\29 + *,
	.\35 u\24\28small\29 + *,
	.\34 u\24\28small\29 + *,
	.\33 u\24\28small\29 + *,
	.\32 u\24\28small\29 + *,
	.\31 u\24\28small\29 + * {
		clear: left;
	}
	.\-11u\28small\29 {
		margin-left: 91.66667%;
	}
	.\-10u\28small\29 {
		margin-left: 83.33333%;
	}
	.\-9u\28small\29 {
		margin-left: 75%;
	}
	.\-8u\28small\29 {
		margin-left: 66.66667%;
	}
	.\-7u\28small\29 {
		margin-left: 58.33333%;
	}
	.\-6u\28small\29 {
		margin-left: 50%;
	}
	.\-5u\28small\29 {
		margin-left: 41.66667%;
	}
	.\-4u\28small\29 {
		margin-left: 33.33333%;
	}
	.\-3u\28small\29 {
		margin-left: 25%;
	}
	.\-2u\28small\29 {
		margin-left: 16.66667%;
	}
	.\-1u\28small\29 {
		margin-left: 8.33333%;
	}
}

@media screen and (max-width: 480px) {
	.row > * {
		padding: 0 0 0 1.25em;
	}
	.row {
		margin: 0 0 -1px -1.25em;
	}
	.row.uniform > * {
		padding: 1.25em 0 0 1.25em;
	}
	.row.uniform {
		margin: -1.25em 0 -1px -1.25em;
	}
	.row.\32 00\25 > * {
		padding: 0 0 0 2.5em;
	}
	.row.\32 00\25 {
		margin: 0 0 -1px -2.5em;
	}
	.row.uniform.\32 00\25 > * {
		padding: 2.5em 0 0 2.5em;
	}
	.row.uniform.\32 00\25 {
		margin: -2.5em 0 -1px -2.5em;
	}
	.row.\31 50\25 > * {
		padding: 0 0 0 1.875em;
	}
	.row.\31 50\25 {
		margin: 0 0 -1px -1.875em;
	}
	.row.uniform.\31 50\25 > * {
		padding: 1.875em 0 0 1.875em;
	}
	.row.uniform.\31 50\25 {
		margin: -1.875em 0 -1px -1.875em;
	}
	.row.\35 0\25 > * {
		padding: 0 0 0 0.625em;
	}
	.row.\35 0\25 {
		margin: 0 0 -1px -0.625em;
	}
	.row.uniform.\35 0\25 > * {
		padding: 0.625em 0 0 0.625em;
	}
	.row.uniform.\35 0\25 {
		margin: -0.625em 0 -1px -0.625em;
	}
	.row.\32 5\25 > * {
		padding: 0 0 0 0.3125em;
	}
	.row.\32 5\25 {
		margin: 0 0 -1px -0.3125em;
	}
	.row.uniform.\32 5\25 > * {
		padding: 0.3125em 0 0 0.3125em;
	}
	.row.uniform.\32 5\25 {
		margin: -0.3125em 0 -1px -0.3125em;
	}
	.\31 2u\28xsmall\29,
	.\31 2u\24\28xsmall\29 {
		width: 100%;
		clear: none;
		margin-left: 0;
	}
	.\31 1u\28xsmall\29,
	.\31 1u\24\28xsmall\29 {
		width: 91.6666666667%;
		clear: none;
		margin-left: 0;
	}
	.\31 0u\28xsmall\29,
	.\31 0u\24\28xsmall\29 {
		width: 83.3333333333%;
		clear: none;
		margin-left: 0;
	}
	.\39 u\28xsmall\29,
	.\39 u\24\28xsmall\29 {
		width: 75%;
		clear: none;
		margin-left: 0;
	}
	.\38 u\28xsmall\29,
	.\38 u\24\28xsmall\29 {
		width: 66.6666666667%;
		clear: none;
		margin-left: 0;
	}
	.\37 u\28xsmall\29,
	.\37 u\24\28xsmall\29 {
		width: 58.3333333333%;
		clear: none;
		margin-left: 0;
	}
	.\36 u\28xsmall\29,
	.\36 u\24\28xsmall\29 {
		width: 50%;
		clear: none;
		margin-left: 0;
	}
	.\35 u\28xsmall\29,
	.\35 u\24\28xsmall\29 {
		width: 41.6666666667%;
		clear: none;
		margin-left: 0;
	}
	.\34 u\28xsmall\29,
	.\34 u\24\28xsmall\29 {
		width: 33.3333333333%;
		clear: none;
		margin-left: 0;
	}
	.\33 u\28xsmall\29,
	.\33 u\24\28xsmall\29 {
		width: 25%;
		clear: none;
		margin-left: 0;
	}
	.\32 u\28xsmall\29,
	.\32 u\24\28xsmall\29 {
		width: 16.6666666667%;
		clear: none;
		margin-left: 0;
	}
	.\31 u\28xsmall\29,
	.\31 u\24\28xsmall\29 {
		width: 8.3333333333%;
		clear: none;
		margin-left: 0;
	}
	.\31 2u\24\28xsmall\29 + *,
	.\31 1u\24\28xsmall\29 + *,
	.\31 0u\24\28xsmall\29 + *,
	.\39 u\24\28xsmall\29 + *,
	.\38 u\24\28xsmall\29 + *,
	.\37 u\24\28xsmall\29 + *,
	.\36 u\24\28xsmall\29 + *,
	.\35 u\24\28xsmall\29 + *,
	.\34 u\24\28xsmall\29 + *,
	.\33 u\24\28xsmall\29 + *,
	.\32 u\24\28xsmall\29 + *,
	.\31 u\24\28xsmall\29 + * {
		clear: left;
	}
	.\-11u\28xsmall\29 {
		margin-left: 91.66667%;
	}
	.\-10u\28xsmall\29 {
		margin-left: 83.33333%;
	}
	.\-9u\28xsmall\29 {
		margin-left: 75%;
	}
	.\-8u\28xsmall\29 {
		margin-left: 66.66667%;
	}
	.\-7u\28xsmall\29 {
		margin-left: 58.33333%;
	}
	.\-6u\28xsmall\29 {
		margin-left: 50%;
	}
	.\-5u\28xsmall\29 {
		margin-left: 41.66667%;
	}
	.\-4u\28xsmall\29 {
		margin-left: 33.33333%;
	}
	.\-3u\28xsmall\29 {
		margin-left: 25%;
	}
	.\-2u\28xsmall\29 {
		margin-left: 16.66667%;
	}
	.\-1u\28xsmall\29 {
		margin-left: 8.33333%;
	}
}


/* Basic */
@-ms-viewport {
	width: device-width;
}

body {
	-ms-overflow-style: scrollbar;
}

@media screen and (max-width: 480px) {
	html,
	body {
		min-width: 320px;
	}
}

body {
	background: #fff;
}

body.is-loading *,
body.is-loading *:before,
body.is-loading *:after {
	-moz-animation: none !important;
	-webkit-animation: none !important;
	-ms-animation: none !important;
	animation: none !important;
	-moz-transition: none !important;
	-webkit-transition: none !important;
	-ms-transition: none !important;
	transition: none !important;
}


/* Type */
body,
input,
select,
textarea {
	color: #444;
	font-family: 'Maven Pro', Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: 400;
	line-height: 1.65;
}

@media screen and (max-width: 1680px) {
	body,
	input,
	select,
	textarea {
		font-size: 12pt;
	}
}

@media screen and (max-width: 1280px) {
	body,
	input,
	select,
	textarea {
		font-size: 12pt;
	}
}

@media screen and (max-width: 980px) {
	body,
	input,
	select,
	textarea {
		font-size: 13pt;
	}
}

@media screen and (max-width: 736px) {
	body,
	input,
	select,
	textarea {
		font-size: 13pt;
	}
}

@media screen and (max-width: 480px) {
	body,
	input,
	select,
	textarea {
		font-size: 13pt;
	}
}

a {
	color: #5AA6ED;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

strong,
b {
	color: #555;
	font-weight: bold;
}

em,
i {
	font-style: italic;
}

p {
	margin: 0 0 2em 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #555;
	font-weight: bold;
	line-height: 1.5;
	margin: 0 0 1em 0;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: inherit;
	text-decoration: none;
}

h2 {
	font-size: 1.75em;
}

h3 {
	font-size: 1.35em;
}

h4 {
	font-size: 1.1em;
}

h5 {
	font-size: 0.9em;
}

h6 {
	font-size: 0.7em;
}

sub {
	font-size: 0.8em;
	position: relative;
	top: 0.5em;
}

sup {
	font-size: 0.8em;
	position: relative;
	top: -0.5em;
}

blockquote {
	border-left: solid 4px rgba(144, 144, 144, 0.25);
	font-style: italic;
	margin: 0 0 2em 0;
	padding: 0.5em 0 0.5em 2em;
}

code {
	background: rgba(144, 144, 144, 0.075);
	border-radius: 4px;
	border: solid 1px rgba(144, 144, 144, 0.25);
	font-family: "Courier New", monospace;
	font-size: 0.9em;
	margin: 0 0.25em;
	padding: 0.25em 0.65em;
}

pre {
	-webkit-overflow-scrolling: touch;
	font-family: "Courier New", monospace;
	font-size: 0.9em;
	margin: 0 0 2em 0;
}

pre code {
	display: block;
	line-height: 1.75;
	padding: 1em 1.5em;
	overflow-x: auto;
}

hr {
	border: 0;
	border-bottom: solid 1px rgba(144, 144, 144, 0.25);
	margin: 2em 0;
}

hr.major {
	margin: 3em 0;
}

.align-left {
	text-align: left;
}

.align-center {
	text-align: center;
}

.align-right {
	text-align: right;
}

.float-left {
	float: left !important;
}

.float-right {
	float: right !important;
}


/* Section / Article */
section.special,
article.special {
	text-align: center;
}

header p {
	color: #bbb;
	position: relative;
	margin: 0 0 1.5em 0;
}

header h2 + p {
	font-size: 1.25em;
	margin-top: -1em;
}

header h3 + p {
	font-size: 1.1em;
	margin-top: -0.8em;
}

header h4 + p,
header h5 + p,
header h6 + p {
	font-size: 0.9em;
	margin-top: -0.6em;
}


/* Form */
form {
	margin: 0 0 2em 0;
}

label {
	color: #555;
	display: block;
	font-size: 0.9em;
	font-weight: bold;
	margin: 0 0 1em 0;
}

input[type="number"],
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
select,
textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	background: rgba(144, 144, 144, 0.075);
	border-radius: 4px;
	border: none;
	border: solid 1px rgba(144, 144, 144, 0.25);
	color: inherit;
	display: block;
	outline: 0;
	padding: 0 1em;
	text-decoration: none;
	width: 100%;
}

input[type="number"]:invalid,
input[type="text"]:invalid,
input[type="password"]:invalid,
input[type="email"]:invalid,
input[type="tel"]:invalid,
select:invalid,
textarea:invalid {
	box-shadow: none;
}

input[type="number"]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
select:focus,
textarea:focus {
	border-color: #5AA6ED;
	box-shadow: 0 0 0 1px #5AA6ED;
}

.select-wrapper {
	text-decoration: none;
	display: block;
	position: relative;
}

.select-wrapper:before {
	content: "\f107";
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Pro";
	font-style: normal;
	font-weight: normal;
	text-transform: none !important;
}

.select-wrapper:before {
	color: rgba(144, 144, 144, 0.25);
	display: block;
	height: 2.75em;
	line-height: 2.75em;
	pointer-events: none;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 2.75em;
}

.select-wrapper select::-ms-expand {
	display: none;
}

input[type="number"],
input[type="text"],
input[type="password"],
input[type="email"],
select {
	height: 2.75em;
}

textarea {
	padding: 0.75em 1em;
}

input[type="checkbox"],
input[type="radio"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	display: block;
	float: left;
	margin-right: -2em;
	opacity: 0;
	width: 1em;
	z-index: -1;
}

input[type="checkbox"] + label,
input[type="radio"] + label {
	text-decoration: none;
	color: #444;
	cursor: pointer;
	display: inline-block;
	font-size: 1em;
	font-weight: normal;
	padding-left: 2.4em;
	padding-right: 0.75em;
	position: relative;
}

input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Pro";
	font-style: normal;
	font-weight: normal;
	text-transform: none !important;
}

input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
	background: rgba(144, 144, 144, 0.075);
	border-radius: 4px;
	border: solid 1px rgba(144, 144, 144, 0.25);
	content: '';
	display: inline-block;
	height: 1.65em;
	left: 0;
	line-height: 1.58125em;
	position: absolute;
	text-align: center;
	top: 0;
	width: 1.65em;
}

input[type="checkbox"]:checked + label:before,
input[type="radio"]:checked + label:before {
	background: #5a5a5a;
	border-color: #5a5a5a;
	color: #ffffff;
	content: '\f00c';
}

input[type="checkbox"]:focus + label:before,
input[type="radio"]:focus + label:before {
	border-color: #5AA6ED;
	box-shadow: 0 0 0 1px #5AA6ED;
}

input[type="checkbox"] + label:before {
	border-radius: 4px;
}

input[type="radio"] + label:before {
	border-radius: 100%;
}

::-webkit-input-placeholder {
	color: #bbb !important;
	opacity: 1.0;
}

:-moz-placeholder {
	color: #bbb !important;
	opacity: 1.0;
}

::-moz-placeholder {
	color: #bbb !important;
	opacity: 1.0;
}

:-ms-input-placeholder {
	color: #bbb !important;
	opacity: 1.0;
}

.formerize-placeholder {
	color: #bbb !important;
	opacity: 1.0;
}


/* Box */
.box {
	border-radius: 4px;
	border: solid 1px rgba(144, 144, 144, 0.25);
	margin-bottom: 2em;
	padding: 1.5em;
}

.box >:last-child,
.box >:last-child >:last-child,
.box >:last-child >:last-child >:last-child {
	margin-bottom: 0;
}

.box.alt {
	border: 0;
	border-radius: 0;
	padding: 0;
}


/* Icon */
.icon {
	text-decoration: none;
	border-bottom: none;
	position: relative;
}

.icon:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Pro";
	font-style: normal;
	font-weight: normal;
	text-transform: none !important;
}

.icon > .label {
	display: none;
}


/* Image */
.image {
	border-radius: 4px;
	border: 0;
	display: inline-block;
	position: relative;
}

.image img {
	border-radius: 4px;
	display: block;
}

.image.left,
.image.right {
	max-width: 40%;
}

.image.left img,
.image.right img {
	width: 100%;
}

.image.left {
	float: left;
	padding: 0 1.5em 1em 0;
	top: 0.25em;
}

.image.right {
	float: right;
	padding: 0 0 1em 1.5em;
	top: 0.25em;
}

.image.fit {
	display: block;
	margin: 0 0 2em 0;
	width: 100%;
}

.image.fit object,
.image.fit img {
	width: 100%;
}

.image.main {
	display: block;
	margin: 0 0 3em 0;
	width: 100%;
}

.image.main img {
	width: 100%;
}


/* List */
ol {
	list-style: decimal;
	margin: 0 0 2em 0;
	padding-left: 1.25em;
}

ol li {
	padding-left: 0.25em;
}

ul {
	list-style: disc;
	margin: 0 0 2em 0;
	padding-left: 1em;
}

ul li {
	padding-left: 0.5em;
}

ul.alt {
	list-style: none;
	padding-left: 0;
}

ul.alt li {
	border-top: solid 1px rgba(144, 144, 144, 0.25);
	padding: 0.5em 0;
}

ul.alt li:first-child {
	border-top: 0;
	padding-top: 0;
}

ul.icons {
	cursor: default;
	list-style: none;
	padding-left: 0;
}

ul.icons li {
	display: inline-block;
	padding: 0 1em 0 0;
}

ul.icons li:last-child {
	padding-right: 0;
}

ul.icons li .icon:before {
	font-size: 2em;
}

ul.actions {
	cursor: default;
	list-style: none;
	padding-left: 0;
}

ul.actions li {
	display: inline-block;
	padding: 0 1em 0 0;
	vertical-align: middle;
}

ul.actions li:last-child {
	padding-right: 0;
}

ul.actions.small li {
	padding: 0 0.5em 0 0;
}

ul.actions.vertical li {
	display: block;
	padding: 1em 0 0 0;
}

ul.actions.vertical li:first-child {
	padding-top: 0;
}

ul.actions.vertical li > * {
	margin-bottom: 0;
}

ul.actions.vertical.small li {
	padding: 0.5em 0 0 0;
}

ul.actions.vertical.small li:first-child {
	padding-top: 0;
}

ul.actions.fit {
	display: table;
	margin-left: -1em;
	padding: 0;
	table-layout: fixed;
	width: calc(100% + 1em);
}

ul.actions.fit li {
	display: table-cell;
	padding: 0 0 0 1em;
}

ul.actions.fit li > * {
	margin-bottom: 0;
}

ul.actions.fit.small {
	margin-left: -0.5em;
	width: calc(100% + 0.5em);
}

ul.actions.fit.small li {
	padding: 0 0 0 0.5em;
}

@media screen and (max-width: 1366px) {
	/* edit sm 480px */
	ul.actions {
		margin: 0 0 2em 0;
	}
	ul.actions li {
		padding: 1em 0 0 0;
		display: block;
		text-align: center;
		width: 100%;
	}
	ul.actions li:first-child {
		padding-top: 0;
	}
	ul.actions li > * {
		width: 100%;
		margin: 0 !important;
	}
	ul.actions li > *.icon:before {
		margin-left: -2em;
	}
	ul.actions.small li {
		padding: 0.5em 0 0 0;
	}
	ul.actions.small li:first-child {
		padding-top: 0;
	}
}

dl {
	margin: 0 0 2em 0;
}

dl dt {
	display: block;
	font-weight: bold;
	margin: 0 0 1em 0;
}

dl dd {
	margin-left: 2em;
}


/* Table */
.table-wrapper {
	-webkit-overflow-scrolling: touch;
	overflow-x: auto;
}

table {
	margin: 0 0 2em 0;
	width: 100%;
}

table tbody tr {
	border: solid 1px rgba(144, 144, 144, 0.25);
	border-left: 0;
	border-right: 0;
}

table tbody tr:nth-child(2n + 1) {
	background-color: rgba(144, 144, 144, 0.075);
}

table td {
	padding: 0.75em 0.75em;
}

table th {
	color: #555;
	font-size: 0.9em;
	font-weight: bold;
	padding: 0 0.75em 0.75em 0.75em;
	text-align: left;
}

table thead {
	border-bottom: solid 2px rgba(144, 144, 144, 0.25);
}

table tfoot {
	border-top: solid 2px rgba(144, 144, 144, 0.25);
}

table.alt {
	border-collapse: separate;
}

table.alt tbody tr td {
	border: solid 1px rgba(144, 144, 144, 0.25);
	border-left-width: 0;
	border-top-width: 0;
}

table.alt tbody tr td:first-child {
	border-left-width: 1px;
}

table.alt tbody tr:first-child td {
	border-top-width: 1px;
}

table.alt thead {
	border-bottom: 0;
}

table.alt tfoot {
	border-top: 0;
}


/* Button */

input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	background-color: #5a5a5a;
	border-radius: 4px;
	border: 0;
	color: #ffffff !important;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	height: 2.85em;
	line-height: 2.95em;
	padding: 0 1.5em;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
}

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover,
.button:hover {
	background-color: #676767;
}

input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active,
button:active,
.button:active {
	background-color: #4d4d4d;
}

input[type="submit"].icon,
input[type="reset"].icon,
input[type="button"].icon,
button.icon,
.button.icon {
	padding-left: 1.35em;
}

input[type="submit"].icon:before,
input[type="reset"].icon:before,
input[type="button"].icon:before,
button.icon:before,
.button.icon:before {
	margin-right: 0.5em;
}

input[type="submit"].fit,
input[type="reset"].fit,
input[type="button"].fit,
button.fit,
.button.fit {
	display: block;
	margin: 0 0 1em 0;
	width: 100%;
}

input[type="submit"].small,
input[type="reset"].small,
input[type="button"].small,
button.small,
.button.small {
	font-size: 0.8em;
}

input[type="submit"].big,
input[type="reset"].big,
input[type="button"].big,
button.big,
.button.big {
	font-size: 1.35em;
}

input[type="submit"].alt,
input[type="reset"].alt,
input[type="button"].alt,
button.alt,
.button.alt {
	background-color: transparent;
	box-shadow: inset 0 0 0 2px rgba(144, 144, 144, 0.25);
	color: #555 !important;
}

input[type="submit"].alt:hover,
input[type="reset"].alt:hover,
input[type="button"].alt:hover,
button.alt:hover,
.button.alt:hover {
	background-color: rgba(144, 144, 144, 0.075);
}

input[type="submit"].alt:active,
input[type="reset"].alt:active,
input[type="button"].alt:active,
button.alt:active,
.button.alt:active {
	background-color: rgba(144, 144, 144, 0.2);
}

input[type="submit"].alt.icon:before,
input[type="reset"].alt.icon:before,
input[type="button"].alt.icon:before,
button.alt.icon:before,
.button.alt.icon:before {
	color: #bbb;
}

input[type="submit"].special,
input[type="reset"].special,
input[type="button"].special,
button.special,
.button.special {
	background-color: #6ca65a;
	color: #ffffff !important;
}

input[type="submit"].special:hover,
input[type="reset"].special:hover,
input[type="button"].special:hover,
button.special:hover,
.button.special:hover {
	background-color: #88BF75;
}

input[type="submit"].special:active,
input[type="reset"].special:active,
input[type="button"].special:active,
button.special:active,
.button.special:active {
	background-color: #53A63A;
}

input[type="submit"].disabled,
input[type="submit"]:disabled,
input[type="reset"].disabled,
input[type="reset"]:disabled,
input[type="button"].disabled,
input[type="button"]:disabled,
button.disabled,
button:disabled,
.button.disabled,
.button:disabled {
	background-color: #444 !important;
	box-shadow: inset 0 -0.15em 0 0 rgba(0, 0, 0, 0.15);
	color: #fff !important;
	cursor: default;
	opacity: 0.25;
}

@media screen and (max-width: 480px) {
	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	button,
	.button {
		padding: 0;
	}
}


/* Grid Demo */

.grid-demo {
	display: block;
	margin: 0 0 2em 0;
}

.grid-demo span {
	background: #e4f0fc;
	border-radius: 4px;
	color: rgba(0, 0, 0, 0.25);
	display: block;
	font-weight: bold;
	height: 2.75em;
	line-height: 2.75em;
	text-align: center;
}


/* Header */

body {
	padding-top: 3.125em;
}

#header {
	background: white !important;
	cursor: default;
	height: 3.25em;
	left: 0;
	line-height: 3.25em;
	position: fixed;
	text-align: right;
	top: 0;
	width: 100%;
	z-index: 10001;
	color: #121212 !important;
	border-bottom: 1px solid #e5e4de;
}

#header > h1 {
	color: #121212 !important;
	display: inline-block;
	height: inherit;
	left: 1.25em;
	line-height: inherit;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	font-size: 1.1em
}

#header > h1 a {}

#header > a {
	-moz-transition: color 0.2s ease-in-out;
	-webkit-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
	display: inline-block;
	padding: 0 0.75em;
	color: inherit;
	text-decoration: none;
}

#header > a:hover {
	color: #66c44f !important;
}

#header > a[href="#nav"] {
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
}

#header > a[href="#nav"]:before {
	/*
						content: "";	fa-navicon
						content: "";	fa-ellipsis-h
						content: "";	fa-ellipsis-v
					content: "";	/* fa-navicon
					-moz-osx-font-smoothing: grayscale;
					-webkit-font-smoothing: antialiased;
					font-family: FontAwesome;
					*/
	font-style: normal;
	font-weight: normal;
	text-transform: none !important;
}

#header > a[href="#nav"]:before {
	margin: 0;
}

#header > a + a[href="#nav"]:last-child {
	padding-left: 1.25em;
	/* margin-left: 0.5em; */
}

#header > a:last-child {
	padding-right: 1.25em;
}

@media screen and (max-width: 736px) {
	#header > a {
		padding: 0 0.5em;
	}
	#header > a + a[href="#nav"]:last-child {
		padding-left: 1em;
		/* margin-left: 0.25em; */
	}
	#header > a:last-child {
		padding-right: 1em;
	}
}

@media screen and (max-width: 980px) {
	body {
		padding-top: 44px;
	}
	#header {
		height: 44px;
		line-height: 44px;
	}
	#header > h1 {
		left: 1em;
	}
	#header > h1 a {}
}

@media screen and (max-width: 480px) {
	#header {
		min-width: 320px;
	}
}


/* Nav */

#nav {
	-moz-transform: translateX(20em);
	-webkit-transform: translateX(20em);
	-ms-transform: translateX(20em);
	transform: translateX(20em);
	-moz-transition: -moz-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
	-webkit-transition: -webkit-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
	-ms-transition: -ms-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
	transition: transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
	-webkit-overflow-scrolling: touch;
	/* background: #6ba459; */
	/* background: #66c44f; */
	background: #6ba459;
	box-shadow: none;
	color: #ffffff;
	height: 100%;
	max-width: 80%;
	overflow-y: auto;
	padding: 3em 2em;
	position: fixed;
	right: 0;
	top: 0;
	visibility: hidden;
	width: 20em;
	z-index: 10002;
}

#nav > ul {
	margin: 0 0 1em 0;
}

#nav > ul.links {
	list-style: none;
	padding: 0;
}

#nav ul.links svg {
	margin-right: 1em;
}

#nav > ul.links > li {
	padding: 0;
}

#nav > ul.links > li > a:not(.button) {
	border: 0;
	border-top: solid 1px rgba(255, 255, 255, 0.15);
	color: inherit;
	display: block;
	line-height: 3.5em;
	text-decoration: none;
}

#nav > ul.links > li > .button {
	display: block;
	margin: 0.5em 0 0 0;
}

#nav > ul.links > li:first-child > a:not(.button) {
	/* border-top: 0 !important; */
}

#nav .close {
	text-decoration: none;
	-moz-transition: color 0.2s ease-in-out;
	-webkit-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
	-webkit-tap-highlight-color: transparent;
	border: 0;
	color: #bdbdbd;
	cursor: pointer;
	display: block;
	height: 3.25em;
	line-height: 3.25em;
	padding-right: 1.25em;
	position: absolute;
	right: 0;
	text-align: right;
	top: 0;
	vertical-align: middle;
	width: 7em;
}

#nav .close:before {
	/* content: "";
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				font-family: FontAwesome; */
	font-style: normal;
	font-weight: normal;
	text-transform: none !important;
}

#nav .close:before {
	font-size: 1.25em;
}

#nav .close:hover {
	color: #dfba83;
}

@media screen and (max-width: 736px) {
	#nav .close {
		height: 4em;
		line-height: 4em;
	}
}

#nav.visible {
	-moz-transform: translateX(0);
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	box-shadow: 0 0 1.5em 0 rgba(0, 0, 0, 0.2);
	visibility: visible;
}

@media screen and (max-width: 736px) {
	#nav {
		padding: 2.5em 1.75em;
	}
}

#sessionTime {
	font-size: .75em;
	padding-left: .5em;
}

/* Banner */

#banner {
	padding: 8em 0 6em 0;
	background: #f6f6f6;
	text-align: center;
}

#banner h2 {
	font-size: 4em;
	line-height: 1em;
	margin: 0 0 0.5em 0;
	padding: 0;
}

#banner p {
	font-size: 1.5em;
	margin-bottom: 1.75em;
}

@media screen and (max-width: 1680px) {
	#banner {
		padding: 7em 0 5em 0;
	}
}

@media screen and (max-width: 1280px) {
	#banner {
		padding: 5em 0 3em 0;
	}
	#banner h2 {
		font-size: 3.5em;
	}
}

@media screen and (max-width: 980px) {
	#banner {
		padding: 6em 2em 4em 2em;
	}
}

@media screen and (max-width: 736px) {
	#banner {
		padding: 4em 2em 2em 2em;
	}
	#banner h2 {
		font-size: 2.25em;
	}
	#banner p {
		font-size: 1.25em;
	}
}

@media screen and (max-width: 480px) {
	#banner {
		padding: 4em 2em 2em 2em;
	}
}


/* Main */

#main {
	padding: 4em .5em 2em .5em;
}

@media screen and (max-width: 736px) {
	#main {
		padding: 3em 0 1em 0;
	}
}


/* Footer */

#footer {
	position: absolute;
	margin: 0em;
	width: 100%;
	padding: 1em 0 1em 0;
	/* background: #f2f2f2; */
	background: #fff;
	color: #66c44f;
	min-height: 4.3em;
	border-top: 1px solid #f6f6f6 !important;
	clear: both;
	display: none;
}

#footer h2,
#footer h3 {
	color: #d5d5d5;
}

#footer .copyright {
	color: #121212;
	font-weight: 500;
	font-size: 0.9em;
	margin: 0;
	padding: 0;
	text-align: center;
}

#footer .copyright li {
	border-left: solid 1px rgba(144, 144, 144, 0.25);
	display: inline-block;
	list-style: none;
	margin-left: 1.5em;
	padding-left: 1.5em;
}

#footer .copyright li:first-child {
	border-left: 0;
	margin-left: 0;
	padding-left: 0;
}

@media screen and (max-width: 736px) {
	#footer {
		padding: 1em 0 1em 0;
	}
	#footer .copyright li {
		display: block;
		border-left: 0;
		margin-left: 0;
		padding-left: 0;
	}
}

input[type="submit"].dark,
input[type="reset"].dark,
input[type="button"].dark,
.button.dark {
	background-color: #111;
	color: #ffffff !important;
}

input[type="submit"].dark:hover,
input[type="reset"].dark:hover,
input[type="button"].dark:hover,
.button.dark:hover {
	background-color: #2c3338;
}

input[type="submit"].dark:active,
input[type="reset"].dark:active,
input[type="button"].dark:active,
.button.dark:active {
	background-color: #2c3338;
}



/* ------- */
/* PSS CSS */
/* ------- */
#main,
#departments,
#products,
#shoppinglist,
#shoppinglists,
#login,
#promotions,
#cart,
#orderhistory,
#approval,
#accountdetails,
#product,
#reporting,
#userdownloads,
#receiveorders,
#standingorders,
#checkout {
	padding-top: 1em;
	min-height: 490px;
}

#navprofile svg {
	margin-right: 1em
}

.white,
.white strong,
.white b {
	color: white !important;
}

.red {
	color: #c62828;
}

.amber {
	color: #FF8F00;
}

.green {
	color: #2E7D32 !important;
}

.warning {
	color: #c44f35;
}

.dark {
	color: #2c3338;
}

.heart {
	color: #b73c39;
}

.grey {
	color: lightgray;
}

.black {
	color: #000 !important;
}

.blue {
	color: #03A9F4 !important;
}

.bright {
	color: #e91e63 !important;
}

.darkgrey {
	color: #aaa;
}

.bg_white {
	background: #fff !important;
	color: #121212 !important;
}

.bg_light {
	background: #f9faf8 !important;
	color: #121212 !important;
}

.bg_alt {
	background: #DCEEC8 !important;
	color: #121212 !important;
}

.bg_dark {
	background: #2c3338 !important;
	color: #bbb !important;
}

.strong {
	font-family: 'Maven Pro', Arial, Helvetica, sans-serif !important;
	font-weight: 500;
}

.small {
	font-size: .8em;
}

.noborder {
	border: 0 !important;
}

.process {
	color: #6ba459;
}

.underline {
	font-weight: bold;
	text-decoration: underline !important;
}

.transparent {
	color: transparent;
}

.asterisk {
	color: #2E7D32 !important;
	font-size: 1.5em;
}

#btnBack {
	position: fixed;
	margin-top: 1em;
	margin-left: 1em;
	width: 3em;
	z-index: 100;
	color: #bbb !important;
	display: none;
}

.fourth_col {
	display: none;
}

.hidden {
	display: none !important;
	margin-top: 0em !important;
	margin-bottom: 0em !important;
}

.displaynone {
	visibility: hidden !important;
}

.smaller {
	font-size: .8em;
}

.inactive {
	color: #aaa !important;
	cursor: default !important;
}

#viewport {
	min-height: 640px;
}

.float-right {
	display: inline-block !important;
	float: right !important;
}

.canclick {
	cursor: pointer !important;
}

.border-top {
	border-top: 2px solid #ccc !important;
	padding-top: .1em !important;
}

/* ---------- */
/* Navigation */
/* ---------- */
.navicon {
	display: inline-block;
	float: left;
	color: #fff;
	cursor: pointer;
	font-size: 1.25em;
	margin-top: -1.25em;
	margin-left: -.33em;
}

.navicon:hover {
	color: #dfba83;
}

#navprofile {
	padding: .5em 0em 1em 0em;
}

#nav a {
	cursor: pointer;
	color: #fff !important;
}

#left_nav {
	padding-top: .75em;
}

#left_nav {
	display: none;
	position: fixed;
	float: left;
	clear: left;
	width: 21%;
	overflow-x: hidden;
}

#left_nav > ul {
	margin: 0 0 1em 0;
}

#left_nav > ul.links {
	list-style: none;
	padding: 0;
}

#left_nav ul.links svg {
	margin-right: 1em;
}

#left_nav > ul.links > li {
	padding: 0 0 0 2em;
}

#left_nav > ul.links > li > a:not(.button) {
	border: 0;
	border-top: solid 1px rgba(255, 255, 255, 0.15);
	color: inherit;
	display: block;
	line-height: 3em;
	text-decoration: none;
}

#left_nav > ul.links > li > .button {
	display: block;
	margin: 1em 0 0 0;
}

#left_nav a {
	cursor: pointer;
}

#left_nav .divider {
	width: 100%;
	border-bottom: 1px solid #e5e4de;
}

#nav > ul.links > .disabled > a {
	color: #cdcdcd !important;
}

#left_nav > ul.links > .disabled > a {
	color: #aaa !important;
}

.miniScrollBar::-webkit-scrollbar {
	width: 6px;
	background-color: #ddd;
}

.miniScrollBar::-webkit-scrollbar-thumb {
	background-color: #666;
}

.miniScrollBar::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #ddd;
}



/* -------------- */
/* Header / Title */
/* -------------- */
#header_sub {
	text-align: left;
	background-color: white;
	font-weight: 700;
	border-bottom: 1px solid #e5e4de;
	display: none;
	position: absolute;
	top: 2.5em;
}

#header_sortorder {
	width: 9em;
	text-align: left;
	z-index: 10020;
}

#header_sortorder p {
	color: #121212;
	text-align: left;
	margin: 0 0 0 1em !important;
	padding: 0em !important;
	font-weight: 700;
}

#header_sortorder a {
	color: #121212;
	text-decoration: none;
	font-weight: bold;
}

#header_sortorder ul {
	font-size: .9em;
	line-height: 2em;
	list-style-type: none;
	text-align: left;
	padding: .5em 1em 1em .5em;
	margin: 0em;
	box-shadow: 2px 1px 3px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.33);
}

#header_sortorder svg {
	float: right;
	margin-top: .5em;
}

.sort_selected a {
	color: #6ba459 !important;
}

.title_bar {
	display: inline-block;
	cursor: pointer;
	padding: 0em .5em .5em .5em;
	margin-top: 1em;
}

.title_bar > .icon_container,
.title_bar svg {
	float: right;
	margin-top: .15em;
}

.title_bar span {
	float: left;
	/* font-weight: 700; */
}

#cart_summary .title_bar {
	padding-top: .25em !important;
	margin: 0 !important;
	color: #121212 !important;
	font-weight: bold;
}

#userdownloads .title_bar,
#main .title_bar {
	padding-top: .5em;
	margin-bottom: 1em;
	background-color: #6BA559;
	color: #fff;
}

#userdownloads > .title_bar:first-of-type,
#main > .title_bar:first-of-type {
	border-top: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

#title_departments {
	padding-bottom: .5em;
}

.header_back,
#header_back {
	margin-right: .66em;
}

#header_filter {
	position: absolute;
	right: 1.1em;
	margin-top: .6em;
	font-size: 1.1em;
}

#header_sub span {
	display: inline-block;
}

#header_sub_text {
	text-align: left;
	padding: 0 3em 0 1.25em;
	line-height: 1.66em;
}

#header_sub_text a {
	text-decoration: none;
	color: #111;
}

#header_sub_text svg {
	color: #6ba459;
}



/* ------ */
/* Log In */
/* ------ */
#login {
	color: #606468;
	margin: auto auto;
}

#login::-webkit-input-placeholder {
	opacity: 1.0;
}

#login input[type="text"],
#login input[type="password"] {
	background-color: #434A52;
	box-shadow: 0 0 0 1px #434A52 !important;
	box-sizing: border-box;
	border-radius: .25em !important;
	color: #ccc;
	height: 43px;
	outline: 0 !important;
}

#login input[type="submit"] {
	background-color: #3AA744;
	color: #eee;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
}

#login input[type="text"]:focus,
#login input[type="text"]:hover,
#login input[type="password"]:focus,
#login input[type="password"]:hover {
	background-color: #434A52;
	/* border-color: #434A52 !important; */
	box-shadow: 0 0 0 1px #434A52 !important;
	outline: 0 !important;
}

#login input[type="submit"]:focus,
#login input[type="submit"]:hover {
	background-color: #40bc4c;
}

#login .row {
	margin-top: .5em;
}

#login_logo {
	display: none;
}

.bg_login {
	background: #2c3338 !important;
	color: #bbb !important;
}


#btnLogin {
	margin-top: 2em;
}

#login h3 {
	color: white;
	margin-bottom: 1.75em;
}

#login_inner {
	max-width: 480px !important;
	/* background-color: rgba(255,255,255,.75); */
	padding: 2em;
}

input[type="submit"].logout,
.button.confirmorder,
.button.logout {
	background-color: #388E3C !important;
	color: #eee !important;
	margin: auto auto;
}

input[type="submit"].logout:hover,
.button.confirmorder:hover,
.button.logout:hover {
	background-color: #4CAF50 !important;
	color: #fff !important;
}

input[type="submit"].logout:active {
	background-color: #4CAF50 !important;
}

.checkorder {
	padding-top: 2em;
	padding-bottom: 2em;
}

.filterInput,
.dateInput {
	padding: 0px 1px;
	margin-left: 1em;
}

.dateInput {
	width: 8em !important;
	height: 44px !important;
}

.filterInput {
	width: 4em;
	height: 43px !important;
	float: right;
}

#filterReport {
	padding: 2em 1em 1em 1em;
}

#filterReport span {
	padding-left: 1em;
}

#btnCashMoniesDatePicker,
#btnFilterResults,
#btnInvoiceActions,
#btnResetInvoice,
#btnUpdateInvoiceNo,
#btnFilterReports {
	width: 43px !important;
	height: 43px !important;
	text-align: left !important;
}

#btnResetInvoice svg,
#btnInvoiceActions svg,
#btnUpdateInvoiceNo svg {
	margin-left: -.6em;
}

#btnFilterReports svg {
	margin-bottom: -3px;
}

/* ----------------------- */
/* Products / Lists / Cart */
/* ----------------------- */
.promotion_summary,
.product_summary,
.list_summary {
	cursor: pointer;
}
.product_card {
	margin-bottom: 2em;
}
.list_summary .image {
	padding: 0em;
	margin: 0em 0em .25em 0em;
}

.list_summary_title {
	font-size: .8em;
	height: 3em;
	text-align: center;
}

#products .image {
	padding: 1em;
	border-bottom: 1px solid #e5e4de;
}

.product_summary_addtocart,
.product_summary_qtytoadd,
.product_summary_title,
.product_summary_packsize,
.product_summary_price {
	display: block;
	width: 100%;
	font-size: .8em;
	line-height: 1.2em;
	padding: .5em 0 0 0;
	margin: 0 !important;
}

.product_summary_title {
	min-height: 4em;
	max-height: 4em;
	height: 4em;
	overflow: hidden;
}

.product_summary_packsize {
	padding-bottom: 0em !important;
}

.product_summary_qtytoadd,
.product_summary_addtocart {
	vertical-align: center;
	line-height: 3.3em;
	padding-bottom: .5em;
	text-align: center;
	height: 4.4em;
}

.product_summary_qtytoadd {
	line-height: 4.4em;
}

.product_summary_qtytoadd input[type="text"] {
	font-size: .8em;
	text-align: center;
	width: 5em;
	display: inline;
	margin: 0 1.5em;
	padding: 0em;
}

.product_summary_qtytoadd svg {
	display: inline;
	font-size: 1.4em;
	color: #6ba459;
}

.product_summary_qtytoadd {
	display: none;
}

.product_summary_price {
	font-weight: 700;
}

.product_summary_addtocart {
	background-color: #6ba459;
	color: white;
}

.product_summary_addtocart svg {
	margin-right: .75em;
}

#products .product_summary_packsize {
	padding-bottom: .75em;
}

#products .product_summary {
	border: 1px solid #e5e4de;
	background: #fff;
	overflow: hidden;
}

.product_summary {
	text-align: center !important;
}

#products .image {
	margin-bottom: 0 !important;
}

#products .row {
	margin-bottom: 1em;
}

#products > .row:first-of-type {
	margin-top: 1em;
}

#products,
#shoppinglist {
	padding-top: 2.5em;
}

#cart {
	padding-top: 0em;
}

#shoppinglist,
#cart {
	padding-bottom: 6.5em;
}

#title_products {
	padding: .5em 0;
	font-weight: 700;
	background: #fff;
}

#departments li {
	text-align: left !important;
	padding-left: 1em;
}

#departments ul {
	padding-bottom: 1em;
}

.department_list {
	display: none;
}

.toplevel_dept {
	border-bottom: 1px solid #e5e4de;
	padding-bottom: .3em;
	margin-bottom: .3em;
}

#departments > .toplevel_dept:last-of-type {
	border-bottom: 0 !important;
	margin-bottom: 0 !important;
}

#subtitle_expandall {
	color: #6ba459;
	font-size: .8em;
	font-weight: 700;
	padding-bottom: .75em;
}

.count {
	position: absolute;
	right: .25em;
	top: .25em;
	display: table-cell;
	font-size: .8em;
	background-color: #6ba459;
	border: 2px solid #a6d596;
	color: #f9faf8;
	text-align: center;
	line-height: 1.8em;
	height: 2em;
	width: 2em;
	max-height: 2em;
	overflow: hidden;
	border-radius: 1em;
	margin: 0em;
	padding: 0em;
	display: none;
}

.fave_icon {
	position: absolute;
	left: .25em;
	top: .5em;
	color: #66c44f;
}

.fave_search_icon {
	position: absolute;
	z-index: 100;
	color: #66c44f;
}

#count_qtyincart {
	margin-right: 3.5em;
	font-size: .7em;
	line-height: 1.75em;
}

#products .count {
	margin: .25em;
}

#menu_button {
	margin-right: .5em;
}

.shoppinglist-count {
	float: right;
	padding-top: 2px;
	font-size: .8em;
}

.overlay_count {
	position: absolute;
	display: flex;
	align-items: center;
	text-align: center;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.5);
}

.overlay_count div {
	width: 100%;
	font-size: 1.5em;
	font-weight: 700;
	color: black;
}

#shoppinglist_header span {
	font-size: 1.1em;
}

#shoppinglist_header svg {
	margin-left: .5em;
}

.cart_deliveryslot svg {
	margin-top: .5em !important;
}

.cart_deliveryslot span {
	font-size: .9em;
}

.cart_deliveryslot,
#shoppinglist_header {
	background-color: #6ba459;
	color: #f9faf8;
	padding: .5em 1.25em;
	position: fixed;
	z-index: 10001;
}

.cart_deliveryslot {
	position: static !important;
	margin-top: 2em;
}

.cart_deliveryslot:first-of-type {
	margin-top: 0em !important;
}

.product_cart_addtocart,
.product_cart_qtytoadd,
.product_cart_title,
.product_cart_packsize,
.product_cart_price {
	display: block;
	width: 100%;
	font-size: .8em;
	line-height: 1.1em;
	padding: .5em 0 0 0;
	margin: 0em;
}

.product_cart_title {
	padding-top: .25em;
	font-weight: 700;
}

.product_cart_packsize {
	font-size: .7em;
}

.product_cart_price {
	font-weight: 700;
	font-size: .9em;
	color: #66c44f;
}

.product_summary_code,
.product_cart_code {
	display: inline-block !important;
	padding-right: .5em;
	margin-right: .5em;
	border-right: 1px solid #6BA359;
}
.product_cart_code {
	float: left;
}
.product_cart_qtytoadd {
	vertical-align: center;
	line-height: 4em;
	text-align: center;
}

.product_cart_qtytoadd input[type="text"] {
	font-size: .8em;
	text-align: center;
	width: 3.5em;
	display: inline;
	margin: 0 .33em;
}

.product_cart_qtytoadd svg {
	display: inline;
	font-size: 1.2em;
	color: #6ba459;
}

#searchresults .image,
#cart .image,
#shoppinglist .image {
	margin-bottom: 0em !important;
}

#searchresults .cart_row,
#cart .cart_row,
#shoppinglist .cart_row {
	border-bottom: 1px solid #e5e4de !important;
	background-color: #fff;
}

#searchresults > .cart_row:first-of-type,
#cart > .cart_row:first-of-type,
#shoppinglist > .cart_row:first-of-type {
	border-top: 1px solid #e5e4de !important;
}

.cart_row object,
.cart_row img {
	max-width: 90px;
}

#cart_footer,
#shoppinglist_footer {
	position: fixed;
	bottom: 0em;
	text-align: center;
	padding: .5em;
	width: 100%;
	border-top: 1px solid #e5e4de;
	font-size: .9em;
	font-weight: 700;
	background-color: #fff;
	z-index: 10001;
}

#cart_footer ul,
#shoppinglist_footer ul {
	margin: .5em auto;
}

#cart table,
#searchresults table,
#shoppinglist table {
	margin: 0;
	padding: 0;
	border: 0;
	table-layout: fixed;
	text-align: left !important;
}

#cart td,
#searchresults td,
#shoppinglist td {
	padding: .5em;
	vertical-align: middle !important;
	border: 0 !important;
	background-color: white;
	line-height: 1.6em;
}

#cart .image,
#searchresults .image,
#shoppinglist .image {
	margin: auto auto !important;
	cursor: pointer;
	max-width: 180px;
	padding: .25em;
}

#noshoppinglists,
#cartisempty {
	font-size: 1.25em;
	margin: 2em;
}

#noshoppinglists h4,
#cartisempty h4 {
	color: #e91e63 !important;
	padding: 1em 0em 0em 0em;
}

#noshoppinglists a,
#cartisempty a {
	color: #333 !important;
	text-decoration: none;
	font-weight: 700;
	padding: 1em 0em 0em 0em;
}

#emptycart {
	padding-top: 1em;
	text-align: right;
}

#emptycart .button {
	text-align: center;
	min-width: 2.5em;
}

.list_title {
	background-color: #6ba459;
	color: white;
	padding: .5em .5em .25em .5em;
	font-size: 1.1em;
	margin-bottom: .25em;
}

#shoppinglists .list_title {
	margin-bottom: 0em !important;
}

.product_cart_buttons {
	display: none;
	float: right;
}

.product_cart_buttons .button {
	padding: 0em;
	width: 2.5em;
	color: white;
}

.cart_delete {
	background-color: #ff4081;
}
.cart_switch {
	background-color: #FFA000;
}
.cart_notes {
	background-color: #757575;
}

.multi_supplier td{
	background-color: #FFFF8D !important;
}

.ribbon-wrapper-green {
	width: 70px;
	height: 77px;
	overflow: hidden;
	position: absolute;
	top: -3px;
	right: -3px;
	z-index: 1;
}

.ribbon-green {
	font: bold 11px Sans-Serif;
	color: #333;
	text-align: left;
	text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
	-webkit-transform: rotate(45deg);
	-moz-transform:    rotate(45deg);
	-ms-transform:     rotate(45deg);
	-o-transform:      rotate(45deg);
	position: relative;
	padding: 7px 0;
	left: -5px;
	top: 15px;
	width: 120px;
	background-color: #BFDC7A;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45));
	background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45);
	background-image:    -moz-linear-gradient(top, #BFDC7A, #8EBF45);
	background-image:     -ms-linear-gradient(top, #BFDC7A, #8EBF45);
	background-image:      -o-linear-gradient(top, #BFDC7A, #8EBF45);
	color: #6a6340;
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
	box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}

.ribbon-green span {
	padding-left: 40px;
}

#product {
}

#product .image {
	margin: 0;
}

#product p {
	padding-top: .75em;
	font-size: .8em;
}

#product_footer {
	position: fixed;
	bottom: 0em;
	text-align: center;
	padding: .5em;
	width: 100%;
	border-top: 1px solid #e5e4de;
	font-size: .9em;
	font-weight: 700;
	background-color: #fff;
	z-index: 10001;
}

#product_footer ul {
	margin: .5em auto;
	padding-right: .5em;
	display: inline;
	float: right;
}

.product_detail_price,
.product_detail_packsize {
	color: #66c44f;
	line-height: 2.5em;
}

.product_detail_packsize {
	font-size: .8em;
	padding-top: .4em;
	padding-left: .4em;
}

.product_detail_price,
.product_detail_packsize,
.product_detail_title {
	float: left;
}

.product_detail_price,
.product_detail_title {
	clear: both;
	font-weight: 700;
}

.product_detail_qtytoadd {
	display: inline;
	float: right;
	padding: .5em;
}

.product_detail_qtytoadd svg {
	color: #6ba459;
}

.product_detail_qtytoadd input[type="number"],
.product_detail_qtytoadd input[type="text"] {
	text-align: center;
	width: 5em;
	display: inline;
	margin: 0 .5em;
}

#product_detail_price_amount {
	padding-right: .5em;
}

#product_detail_disclaimer h4,
#product_detail_description h4 {
	padding: .5em .5em .25em .5em;
	margin: 0em;
	font-size: .9em;
	font-weight: 700;
	color: #121212;
}

#product_detail_disclaimer p,
#product_detail_description p {
	padding: .25em .5em .25em .5em;
	margin: 0em;
}
#product_detail_description p {
	margin-top: 1em;
}
#product_view_detail,
#product_view_nutrition,
#product_view_ingredients,
#product_view_packaging,
#product_view_handling {
	padding: .5em;
	display: inline-block;
	float: left;
}

#product_view_tabs {
	padding: .5em 0em 0em .66em;
}
.product_content {
}
#product_view_tabs .product_tab {
	color: #66c44f !important;
	border-bottom: 2px solid transparent;
	background-color: #f9faf8;
	padding: 0em;
	margin: 0 .3em;
	font-size: .9em;
}

#product_view_tabs .tab_selected {
	font-weight: bold;
	border-color: #6ba459 !important;
}

#product_nutrition_content,
#product_ingredients_content,
#product_packaging_content,
#product_handling_content {
	padding: 0em;
	margin: 0em;
	font-size: .9em;
}

#product_nutrition_content h4,
#product_ingredients_content h4,
#product_packaging_content h4,
#product_handling_content h4 {
	padding: 0em;
	margin: 0em;
}

#product_nutrition_content th,
#product_nutrition_content td {
	font-size: .9em !important;
	line-height: 1.2em !important;
}

#product_detail_disclaimer {
	font-size: .75em;
	margin-top: 1em;
	margin-left: .75em;
}
#product_price_individual {
	float: left;
	clear: both;
	line-height: 1em;
	/* margin-left: 1em; */
}
#product_detail_prodcode {
	padding-top: 1em;
	color: #66c44f;
}
#product_detail_image_wrapper {
	background: white;
	padding: 2.5em 1em 1em 1em;
}
#product_detail_wrapper {
	padding: 2.5em 1em;
}
#product_detail_fave {
	font-size: .9em;
	margin-top: -2em;
}
#product_qtytoadd {
	margin-right: 1.66em;
}

#marketplace-departments {
	width: 100% !important;
	padding: 0em !important;
}

#marketplace-departments a {
	color: #121212;
	cursor: pointer;
	line-height: 3em;
	font-weight: bold;
	text-decoration: none !important;
}

div.folder-contents {
	margin: .5em 0em .5em 1.5em;
}

.department-icon {
	float: right;
}

.top-level-department {
	border-top: 1px solid #e5e4de;
}

#summary_departments p {
	text-align: center;
	background-color: #6ba459;
	color: white;
	border-bottom-left-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
	margin-top: -1px;
}

#summary_departments img {
	border-bottom-left-radius: 0em !important;
	border-bottom-right-radius: 0em !important;
}

.checkout_supplier_checked {
	display: inline-block;
	width: 1.5em;
}

#checkout_confirmorder ul {
	padding-top: 2em !important;
}
.checkout_saveaslist {
	padding-bottom: 2em !important;
}
.saveaslist {
	text-align: left;
	color: #6ba459;
}

.saveaslist svg {
	margin-right: .25em;
}

.deletefromconfirm {
	text-align: right;
	float: right;
	color: #e91e63;
}

.deletefromconfirm svg {
	margin-left: .25em;
}

.saveaslist,
.deletefromconfirm {
	font-size: 1.1em !important;
	cursor: pointer;
	margin-bottom: 1.25em;
	/*
	border: 2px solid;
	padding: .5em;
	border-radius: .5em;
	*/
}

option.separator {
	margin-top: 8px;
	border-top: 1px solid #666;
	padding: 0;
}


/*---------------*/
/* Supplier Name */
/*---------------*/
#product_detail_supplier {
	display: inline-block;
	width: 100%;
	float: left;
	clear: both;
	color: #66c44f;
	font-size: .9em;
}
.product_summary_supplier {
	display: inline-block;
	float: left;
	clear: both;
	text-align: left;
	font-size: .8em;
	padding: 0em .5em;
	background-color: rgba(60,135,64,0.8);
	color: #fff;
	height: 1.75em;
	width: 100%;
	overflow-y: hidden;
	overflow-x: hidden;
}
.cart_supplier_name {
	display: inline-block;
	font-size: .8em;
	margin-top: -2em;
	padding: 0em .5em;
	background-color: rgba(60,135,64,0.8);
	color: #fff;
	height: 2em;
	width: 100%;
	overflow-y: hidden;
	overflow-x: hidden;
	position: absolute;
}


/*---------------*/
/* Order History */
/*---------------*/
.tblOrderHistory {
	border-right: 1px solid rgba(144, 144, 144, 0.5);
	border-left: 1px solid rgba(144, 144, 144, 0.5);
	font-size: .8em;
	font-weight: bold;
}

.tblOrderHistory div {
	text-transform: capitalize;
	font-weight: normal;
}

.history_header td:last-of-type {
	border-right: 1px solid rgba(144, 144, 144, 0.5) !important;
}

.dvOrderHistorySummary {
	font-size: .8em;
	font-weight: bold;
	margin-bottom: 2em;
}

.history_header span {
	text-transform: capitalize;
	font-weight: normal;
	display: inline-block;
	float: left;
	clear: both;
}

.dvOrderHistorySummary .row {
	margin: 0em !important;
}

.history_label {
	font-weight: normal !important;
}

.history_cell {
	padding: 1em;
}

.history_customer_label {
	padding: 0em 1.5em 0em 0.5em;
}

.receive_cell {
	padding: 1em 1em 1em 0em;
}

.history_header {
	border: 1px solid rgba(144, 144, 144, 0.5);
	background-color: rgba(144, 144, 144, 0.15);
}

.history_deliverydate {
	border-right: 1px solid rgba(144, 144, 144, 0.5);
	border-left: 1px solid rgba(144, 144, 144, 0.5);
	border-bottom: 1px solid rgba(144, 144, 144, 0.5);
}

#orderhistory_who_text,
#receiveorders_who_text,
#receiveorders_filter_text,
#approveorders_who_text,
#approveorders_filter_text,
#status_filter_text,
#history_filter_text {
	padding-left: .75em;
	padding-right: .75em;
	display: inline-block;
	min-width: 120px;
	float: left;
}

#status_filter_text {
	min-width: 140px;
}

#orderhistory_who_icon,
#receiveorders_who_icon,
#receiveorders_filter_icon,
#approveorders_who_icon,
#approveorders_filter_icon,
#status_filter_icon,
#history_filter_icon {
	display: inline-block;
	min-width: 30px;
	float: right;
}

#changeSelectedUnit_filter,
#orderhistory_who_filter,
#receiveorders_who_filter,
#receiveorders_filter,
#approveorders_who_filter,
#approveorders_filter,
#orderstatus_filter,
#orderhistory_filter {
	position: absolute;
	text-align: left;
	background: #fff;
	border-radius: .25em;
	border-top-left-radius: 0em;
	border-top-right-radius: 0em;
	width: 160px;
	z-index: 5;
	color: black;
	border: 1px solid rgba(0, 0, 0, 0.5);
	border-top: 0px;
}

#reportInvoiceAction,
#reportFilter_status,
#reportFilter_dept,
#reportFilter_unit,
#reportFilter_supplier {
	font-size: 1em;
}

#changeSelectedUnit_filter a,
#reportInvoiceAction a,
#reportFilter_status a,
#reportFilter_dept a,
#reportFilter_unit a,
#reportFilter_supplier a,
#receiveorders_who_filter a,
#receiveorders_filter a,
#approveorders_who_filter a,
#approveorders_filter a,
#orderhistory_who_filter a,
#orderstatus_filter a,
#orderhistory_filter a {
	font-weight: normal;
	font-size: .8em;
	color: black;
	line-height: 1.8em;
	padding-left: 1em;
	text-decoration: none;
}

#changeSelectedUnit_filter a,
#reportInvoiceAction a,
#reportFilter_status a,
#reportFilter_dept a,
#reportFilter_unit a,
#reportFilter_supplier a {
	padding-left: 0em !important;
}

#changeSelectedUnit_filter ul,
#reportInvoiceAction ul,
#reportFilter_status ul,
#reportFilter_dept ul,
#reportFilter_unit ul,
#reportFilter_supplier ul,
#receiveorders_who_filter ul,
#receiveorders_filter ul,
#approveorders_who_filter ul,
#approveorders_filter ul,
#orderhistory_who_filter ul,
#orderstatus_filter ul,
#orderhistory_filter ul {
	list-style: none;
	top: 100%;
	left: 0px;
	padding: 5px 0px;
	margin: 2px 0 0;
}

#changeSelectedUnit_filter li,
#reportInvoiceAction li,
#reportFilter_status li,
#reportFilter_dept li,
#reportFilter_unit li,
#reportFilter_supplier li,
#receiveorders_filter li,
#receiveorders_who_filter li,
#approveorders_filter li,
#approveorders_who_filter li,
#orderhistory_who_filter li,
#orderstatus_filter li,
#orderhistory_filter li {
}

#changeSelectedUnit_filter li:hover,
#reportInvoiceAction li:hover,
#reportFilter_status li:hover,
#reportFilter_dept li:hover,
#reportFilter_unit li:hover,
#reportFilter_supplier li:hover,
#receiveorders_who_filter li:hover,
#receiveorders_filter li:hover,
#approveorders_who_filter li:hover,
#approveorders_filter li:hover,
#orderhistory_who_filter li:hover,
#orderstatus_filter li:hover,
#orderhistory_filter li:hover {
	background: #ddd;
}

#changeSelectedUnit_filter a {
	color:  black !important;
}

.divider {
	height: 1px !important;
	margin: 9px 0 !important;
	overflow: hidden !important;
	background-color: #e5e5e5 !important;
}

#approveorders_filterby,
#receiveorders_filterby,
#orderhistory_filterby {
	padding-bottom: 1em;
}

.checkout_deliverynotes_icon {
	position: relative;
}

#approveorders_button button,
#approveorders_who button,
#orderhistory_who button,
#receiveorders_who button,
#receiveorders_button button,
#orderstatus_button button,
#orderhistory_button button {
	outline: none;
	padding-left: .25em !important;
	padding-right: .25em !important;
	min-width: 15em;
}

.history_row,
.history_linenotes,
.history_lineitem {
	display: inline-block;
	float: left;
	padding-bottom:.33em !important;
}

.history_lineprice {
	display: inline-block;
	float: right;
	text-align: right;
}

.history_row {
	padding: .25em 0em;
}

.history_row:nth-child(even) {
	background-color: rgba(166, 213, 150, 0.25);
}

.dvOrderDetails,
.history_orderdetails {
	padding-bottom: 1em;
	padding-right: 1em;
}

.dvOrderDetails a,
.history_orderdetails a {
	color: #121212;
	text-decoration: none;
	font-weight: bold;
}

.subtotal_line {
	font-weight: bold;
	color: #121212 !important;
	border-top: 2px solid #bbb;
	margin-top: .5em;
	padding-top: .5em;
}

.history_linenotes {
	padding: .25em 2.25em;
	font-weight: normal !important;
}

.dvOrderHistorySummary textarea,
.dvOrderHistorySummary input[type="text"] {
	font-size: 1em;
}

#order_tabs {
	margin-bottom: 2em;
}
#order_tabs svg {
	cursor: pointer;
}

.shoppinglists_save,
.shoppinglists_remove,
.receiveorder_invoice,
.receiveorder_approve,
.receiveorder_exceptions,
.receiveorder_backtoorder,
.orderhistory_markasinvoiced,
.orderhistory_openinadmin,
.orderhistory_additional,
.orderhistory_addtocart,
.orderhistory_vieworderbytype,
.orderhistory_approval,
.orderhistory_approve,
.orderhistory_cancel {
	display: inline-block;
}

.shoppinglists_save,
.shoppinglists_remove,
.received_additional_items,
.receiveorder_invoice,
.receiveorder_approve,
.receiveorder_backtoorder,
.receiveorder_exceptions,
.orderhistory_markasinvoiced,
.orderhistory_openinadmin,
.orderhistory_addtocart,
.orderhistory_vieworderbytype,
.orderhistory_approval {
	padding-top: 1em;
}

.shoppinglists_remove,
.receiveorder_invoice,
.receiveorder_approval,
.receiveorder_approve,
.receiveorder_exceptions,
.orderhistory_openinadmin,
.orderhistory_approval,
.orderhistory_approve,
.orderhistory_cancel {
	float: right;
	text-align: right;
}

.orderhistory_markasinvoiced,
.orderhistory_addtocart,
.orderhistory_vieworderbytype,
.shoppinglists_save,
.receiveorder_backtoorder {
	float: left !important;
	text-align: left;
}

.orderhistory_markasinvoiced_icon,
.orderhistory_vieworderbytype_icon,
.orderhistory_addtocart_icon,
.shoppinglists_save_icon,
.receiveorder_backtoorder_icon {
	display: inline-block;
	padding-right: .5em;
}

.orderhistory_markasinvoiced_text,
.orderhistory_vieworderbytype_text,
.orderhistory_addtocart_text,
.shoppinglists_save_text,
.receiveorder_backtoorder_text {
	padding-right: .5em;
	padding-left: 0em !important;
}

.receiveorder_backtoorder {
	color: #b73c39;
}

.shoppinglists_remove_icon,
.shoppinglists_save_icon,
.receiveorder_invoice_icon,
.receiveorder_approve_icon,
.receiveorder_exceptions_icon,
.orderhistory_openinadmin_icon,
.orderhistory_markasinvoiced_icon,
.orderhistory_addtocart_icon,
.orderhistory_vieworderbytype_icon,
.orderhistory_cancel_icon,
.orderhistory_approve_icon {
	display: inline-block;
	padding-right: .5em;
}

.shoppinglists_remove_icon,
.receiveorder_invoice_icon,
.receiveorder_approve_icon,
.receiveorder_exceptions_icon,
.orderhistory_cancel_icon,
.orderhistory_openinadmin_icon,
.orderhistory_approve_icon {
	padding-left: .5em;
	padding-right: 0em !important;
}

.shoppinglists_remove_text,
.shoppinglists_save_text,
.receiveorder_invoice_text,
.receiveorder_approve_text,
.receiveorder_exceptions_text,
.orderhistory_cancel_text,
.orderhistory_openinadmin_text,
.orderhistory_approve_text {
	padding-left: 1em;
}

.shoppinglists_save span,
.shoppinglists_remove span,
.receiveorder_invoice span,
.receiveorder_backtoorder span,
.receiveorder_approve span,
.receiveorder_exceptions span,
.orderhistory_markasinvoiced span,
.orderhistory_addtocart span,
.orderhistory_vieworderbytype span,
.orderhistory_cancel span,
.orderhistory_approve span {
	font-weight: normal !important;
	cursor: pointer;
}

.shoppinglists_save,
.receiveorder_invoice,
.receiveorder_approve,
.orderhistory_addtocart {
	color: #6ba459;
}

.shoppinglists_remove,
.receiveorder_exceptions,
.orderhistory_cancel {
	color: #e91e63;
}

.orderhistory_vieworderbytype {
	color: #bcbcbc;
}

.orderhistory_approve {

}
.orderhistory_markasinvoiced {
	color: #bcbcbc;
}

.orderhistory_additional {
	margin-top: .5em;
}

.orderhistory_additional h4 {
	color: #111;
	margin: 0em 0em .25em 0em;
}

.orderhistory_reference {
	margin: 1em 0em;
	font-weight: normal;
}

.orderhistory_header {
	display: inline-block;
}

.orderhistory_reference strong {
	color: #111;
}

.orderhistory_instructions,
.orderhistory_delnotes,
.orderhistory_notes {
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: .25em;
	padding: 1em;
	margin: 1em 0em;
	font-weight: normal;
}

.orderisonhold {
	background-color: rgba(255, 255, 0, 0.15);
}

.received_additional_items span {
	font-weight: normal;
	padding-bottom: .25em;
	margin-left: .5em;
	border-bottom: 1px dashed #c4c5c4;
}

.received_additional_items,
.receiveorder_approval {
	display: inline-block;
	clear: both;
	padding-top: .25em;
}

.receiveorder_approval {
	padding-top: 1em !important;
}


/*-----------------------*/
/* Cart - Variable Price */
/*-----------------------*/
#cart_variable_price {
	position: absolute;
	top: 50px;
	right: 50px;
	z-index: 100;

	width: 7em;
	padding: .25em .5em;
	height: 5em;
	background-color: #5b904e;
	border-radius: .5em;
}

#cart_variable_price_check,
#cart_variable_price_close {
	position: absolute;
	color: #fff;
}

#cart_variable_price_check {
	right: .5em;
}

#cart_variable_price_close {
	left: .5em;
}

#cart_variable_price div {
	color: #5b904e !important;
	width: 100%;
	padding: 0em !important;
	margin: 0em !important;
	text-align: center;
}

#cart_variable_price p {
	padding: 0em 2em !important;
	margin-bottom: .25em !important;
	font-size: .9em;
	font-weight: 400;
	color: white;
}

#cart_variable_price input[type=number] {
	padding: .25em .5em;
	text-align: right !important;
	font-size: .9em;
	background-color: white;
	border: solid 1px rgba(144, 144, 144, 0.25);
	outline: none !important;
}

.cart_fixed_price,
.cart_variable_price {
	padding: .5em;
	border-radius: .2em;
}
.cart_variable_price {
	background-color: #6BA45950 !important;
}


/*----------------------*/
/* Order Results Screen */
/*----------------------*/
#dvOrderResultsSummaries {
	padding: 0em 1em 1em 1em;
}


/*-----------------*/
/* System Messages */
/*-----------------*/
#dvLoadingScreen {
	display: block;
	position: absolute;
	width: 100%;
	text-align: center;
	font-size: 2em;
	padding-top: 90px;
	z-index: 100;
	background-color: white;
	height: 100%;
	overflow: hidden;
	/* opacity: 0.75; */
}

#dvSystemMessages {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 10015;
	max-width: 700px;
	font-size: 9pt;
	line-height: 1.5em;
	margin: 5px;
}

#dvSystemMessages table,
#dvSystemMessages tbody,
#dvSystemMessages tfoot,
#dvSystemMessages thead,
#dvSystemMessages tr,
#dvSystemMessages th,
#dvSystemMessages td {
	margin: 0;
	padding: 5px;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: middle;
	color: white;
}

#dvSystemMessages table {
	border-collapse: collapse;
	border-spacing: 0;
}

.tdTop {
	vertical-align: top !important;
}

.closeSystemMessage { }

.dvSystemMessage {
	display: none;
	float: left;
	clear: both;
	vertical-align: middle;
	padding: .5em;
	font-size: 1.25em;
	border: 1px solid #333;
	border-radius: .25em;
	color: white !important;
	background: linear-gradient(135deg, #595959 0%, #737373 100%);
	margin-bottom: .25em;
}

.dvSystemMessage a {
	color: white;
	text-decoration: underline;
}

.dvSystemMessage a:hover {
	text-decoration: none;
}

.warning-message {
	background: linear-gradient(135deg, #D44D4A 0%, #F25A53 100%) !important;
}

.notification-message {
	background: linear-gradient(135deg, #26ADEC 0%, #59CAFF 100%) !important;
}

.success-message {
	background: linear-gradient(135deg, #3AA744 0%, #40BC4C 100%) !important;
}



/*---------------*/
/* Notifications */
/*---------------*/
.notification {
	font-size: .6em;
	background: linear-gradient(135deg, #43a047 0%, #2e7d32 100%) !important;
	color: white !important;
	border-radius: 1em;
	display: inline-block;
	text-align: center;
	line-height: 1.66em;
	height: 1.66em;
	min-width: 1.66em;
	cursor: pointer;
}

#notification_dot {
	position: absolute;
	margin: 0em;
	margin-left: 2em !important;
	margin-top: .5em !important;
}

#link_notifications {
}

#notifications {
	position: absolute;
	top: 50px;
	right: 10px;
	max-width: 400px;
	max-height: 500px;
	width: 80%;
	z-index: 10010;
	background-color: white;
	padding: .75em;
	display: none;
	box-shadow: 0 0 1.5em 0 rgba(0, 0, 0, 0.66);
	color: #121212;
	overflow-y: auto;
}

#notifications_content {
}

#notifications_content ul,
#notifications_content li,
#notifications_content div {
	display: block;
	float: left;
	clear: both;
	line-height: 1.25em !important;
}

#notifications_content ul,
#notifications_content li {
	width: 100%;
	padding: 0em 0em 1em 0em!important;
	margin: 0em 0em 1em 0em!important;
}

#notifications_content div {
	padding: 0em;
	margin: 0em;
}

#notifications_content span {
	display: inline-table;
	float: left;
	color: #777;
	padding: 0em .2em;
	margin: 0em;
	text-align: left !important;
}

#notifications_content li {
	border-bottom-left-radius: .25em;
	border-bottom-right-radius: .25em;
	border-bottom: 3px solid #ccc;
	padding: 0em .25em;
}

#notifications_content li:last-child {
	border: none;
}

.notification_title {
	font-weight: 500;
	color: #121212;
}

.notification_actions,
.notification_date,
.notification_time {
	width: 100%;
}

.notification_date {
	font-size: .7em;
	font-weight: 500;
	color: #aaa;
	text-align: right;
}

.notification_time {
	font-size: .9em;
	color: #121212;
	text-align: right;
}

.notification_actions {
	text-align: right;
	padding-top: .75em !important;
	color: #121212;
}

#notifications_header {
	padding: 0 0 .75em 0 !important;
	margin: 0 0 .5em 0 !important;
	border-bottom: 1px solid #ccc;
}

#notification_inbox,
#notification_archive {
	border-bottom: 3px solid #fff;
	color: #aaa;
}

#notifications_header .selected {
	border-color: #66c44f !important;
	color: #121212 !important;
}

#no-notifications {
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 2em !important;
}

#no-notifications h4 {
	margin-top: 2em;
}



/*---------------*/
/* Search Screen */
/*---------------*/
#dvSearchInput input[type="text"] {
	border-radius: 0em !important;
	border: .1em !important;
	outline-color: white !important;
	outline: 0em !important;
	color: #2c3338;
	background-color: white;
}

#dvSearchInput input[type="text"]:focus {
	box-shadow: 0 0 0 0 white !important;
}

#spnSearchBusy,
#spnSearchSort,
#spnCloseSearchScreen {
	float: right;
}

#spnSearchBusy svg {
	position: absolute;
	margin-top: .5em;
	margin-left: -1.5em;
	z-index: 100;
}

#spnSearchSort svg {
	position: relative;
	margin-top: .8em;
	margin-left: -2.5em;
}

#spnCloseSearchScreen svg {
	position: relative;
	margin-top: .5em;
	margin-left: -.5em;
}

#searchresults {
	margin-top: 1em;
	min-height: 2.25em;
}

#dvSearchScreen {
	background-color: #f9faf8 !important;
}



/*----------------*/
/* User Downloads */
/*----------------*/
#userdownloads {

}

#userdownloads svg {
	margin-right: 1em;
}

#userdownloads .link {
	text-decoration: none;
	color: #333;
	cursor: pointer;
}

#userdownloads .export_busy {
	padding-left: .5em;
	display: none;
}

#dvFileExportResults {
	display: none;
}

#dvDownloadFileInfo {
	line-height: 1.5em;
}

#dvDownloadFileInfo strong {
	color: white !important;
}

.download_item {
	cursor: pointer;
	text-align: center;
	padding-top: 1em;
}

.download_item_icon {
}

.download_item_title {
	font-size: .8em;
	font-weight: bold;
	height: 3em;
	padding-top: .5em;
}

#userdownloads .download_item,
#userdownloads .product_summary {
	/*
	border: 1px solid #e5e4de;
	background: #fff;
	*/
	overflow: hidden;
}


/*-----------------------------*/
/* User Settings (and similar) */
/*-----------------------------*/
#dvOrderResults,
#dvImageUpload,
#dvUserSettings,
#dvSearchScreen,
#dvVersionHistory {
	z-index: 10010;
	position: absolute;
	width: 100%;
	top: 0em;
	background-color: white;
	padding: 1em;
	display: none;
	box-shadow: 0 0 1.5em 0 rgba(0, 0, 0, 0.5);
	color: #121212;
}

#spnUserSettingsClose,
#spnVersionHistoryClose {
	position: relative;
	float: right;
	margin-top: -.25em;
}

.dvUserSettingsHeader {
	font-weight: bold;
}

.dvUserSettings label {
	width: 5.5em;
}

#btnSaveUserSettings {
	margin-top: 2em;
}

#dvUserSettings .row  {
	padding: .25em 0 .25em 0;
}

.dvUserSettings svg {
	margin-top: .2em;
}

.dvUserSettings label {
	margin-top: .5em;
}

.spnUserSettingsLabel {
	font-size: 1.1em;
	font-weight: 600;
	margin-top: -1em;
	margin-left: .25em;
	position: relative;
	top: -.25em;
}

#spnSessionTimer,
#spnVersionHistory,
#spnUserSettings {
	display: inline-block;
	width: 60px;
	padding-left: .25em;
}

#spnSessionTimer {
	width: 100px;
}



/*-----------------*/
/* Version History */
/*-----------------*/
#dvWhatsNew {
	font-size: .9em;
	max-width: 700px !important;
}

#dvWhatsNew .revision {
	margin-bottom: 3em;
}

#dvWhatsNew h3 {
	font-size: 1.2em;
	color: #121212;
}

#dvWhatsNew strong {
	color: #121212;
}

#dvWhatsNew a {
	font-size: 1em;
	color: black;
	font-weight: bold;
}

#dvWhatsNew a:hover {
	text-decoration: underline;
}

#dvWhatsNew ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#dvWhatsNew li {
	padding-left: 1em;
	padding-bottom: 1em;
}

#dvWhatsNew li:before {
	font-family: "Font Awesome 5 Pro";
	content: "\f0da";
	padding-right: .75em;
}

.revision ul {
	padding-bottom: 1em !important;
}

.revision {
	border-bottom: 1px solid #cccccc;
}

.revision p:first-of-type {
	font-size: 1.1em; font-weight: bold;
}

/*-------------*/
/* Arrow Boxes */
/*-------------*/
.arrow_box {
	position: absolute;
	background: #fff;
	border: 3px solid #ddd;
}

.arrow_box:after,
.arrow_box:before {
	right: 100%;
	top: 1.25em;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(225, 225, 225, 0);
	border-right-color: #fff;
	border-width: 8px;
	margin-top: -8px;
}

.arrow_box:before {
	border-color: rgba(225, 225, 225, 0);
	border-right-color: #ddd;
	border-width: 12px;
	margin-top: -12px;
}

.arrow_box_right {
	position: absolute;
	background: #fff;
	border: 3px solid #ddd;
}

.arrow_box_right:after,
.arrow_box_right:before {
	left: 100%;
	top: 1.25em;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box_right:after {
	margin-top: -8px;
}

.arrow_box_right:before {
	margin-top: -12px;
}

.arrow_box_right:after {
	border-color: rgba(225, 225, 225, 0);
	border-left-color: #fff;
	border-width: 8px;
	margin-top: -8px;
}

.arrow_box_right:before {
	border-color: rgba(225, 225, 225, 0);
	border-left-color: #ddd;
	border-width: 12px;
	margin-top: -12px;
}

.arrow_box_down {
	position: absolute;
	background: #fff;
	border: 3px solid #ddd;
}

.arrow_box_down:after,
.arrow_box_down:before {
	top: 100%;
	left: 1.25em;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box_down:after {
	margin-top: -8px;
}

.arrow_box_down:before {
	margin-top: -12px;
}

.arrow_box_down:after {
	border-color: rgba(225, 225, 225, 0);
	border-top-color: #fff;
	border-width: 8px;
	margin-left: -8px;
}

.arrow_box_down:before {
	border-color: rgba(225, 225, 225, 0);
	border-top-color: #ddd;
	border-width: 12px;
	margin-left: -12px;
}

#shoppinglists_details {
	min-height: 500px;
	color: #121212 !important;
}

#shoppinglists_details ul,
#cart_summary ul {
	list-style: none;
	margin-bottom: 1em !important;
}

.list_subtotal,
#cart_summary a,
#shoppinglists_details a {
	color: #121212;
	text-decoration: none;
	font-size: .9em;
	font-weight: 700;
}

.list_subtotal {
	margin-top: .5em;
	padding-top: .25em;
	border-top: 1px solid #121212;
}

.list_subtitle {
	padding-bottom: .25em;
	border-bottom: 1px solid #888 !important;
	background-color: #e5e4de;
	margin-top: 0em !important;
}

.list_icons {
	text-align: left;
	margin-bottom: .75em;
	font-size: .9em;
	color: #6ba459;
}

.list_icons svg {
	margin-left: .5em;
	margin-right: .33em;
}

#emptycart,
.checkorder,
.receiveorder_approval,
.orderhistoryactions,
.shoppinglistactions,
.confirmshoppinglist,
.deliveryaddress {
	font-size: 12.8px !important;
}

.checkout_row {
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: .5em;
}

#shoppinglists_details .list_subtotal,
#cart_summary .list_subtotal {
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
}

.checkout_row:nth-child(even) {
	background-color: rgba(166, 213, 150, 0.25);
}

.shoppinglistactions {
	margin-bottom: 1.5em;
}

.confirmshoppinglist {
	padding: 1em 0em;
}

.shoppinglist_name,
.busy_shoppinglist,
.confirm_shoppinglist,
.cancel_shoppinglist {
	display: inline-block;
	float: left;
}

.busy_shoppinglist,
.confirm_shoppinglist,
.cancel_shoppinglist {
	font-size: 1.2em;
	padding-top: .7em;
	margin-left: 1.25em;
	color: #6ba459;
}

/*
#dvUnitsReport,
#dvForecastReport {
	font-size: .9em;
	width: 800px;
	margin-left: 1.1em;
	margin-top: .2em;
	margin-bottom: 2em;
	padding: 1em;
	background-color: white;
	border: 1px solid #e5e4de;
}
*/

#spnReportLoading {
	font-size: 2em;
	padding: .5em;
}

#dvAdminReport,
#dvUnitsReport,
#dvForecastReport {
	font-size: .9em;
	padding: .25em 1em 1em 1em;
	margin-top: .2em;
	background-color: white;
	border: 1px solid #e5e4de;
}

#dvUnitsReport {
	margin-top: 1em !important;
}

#dvAdminReport div,
#dvUnitsReport div,
#dvForecastReport div {
	line-height: 2.2em;
	margin-left: .1em;
}

#dvAdminReport .row:nth-child(odd),
#dvUnitsReport .row:nth-child(odd),
#dvForecastReport .row:nth-child(odd) {
	background-color: rgba(222, 222, 222, 0.25);
}

.report_comparison_text {
	padding: 1.5em .75em 0em .75em;
	line-height: 1.6em !important;
}

.report_comparison_text strong {
	color: #111;
}

.chartTitle {
	font-weight: bold;
	margin-left: -5px;
}

#groupReporting-license-text {
	display: none;
}

.report_cell,
.report_green,
.report_amber,
.report_red {
	display: table-cell;
	text-align: right;
}

.report_green {
	color: #6db658;
}
.report_amber {
	color: #ec9824;
}
.report_red {
	color: #e21666;
}

.history_orderdetails input[type="text"] {
	margin-left:.25em
}

.history_orderdetails textarea,
.history_orderdetails input[type="text"] {
	background-color: #fff;
}

.exception_title {
	font-size: 1.1em;
	font-weight: bold;
	/* color: #e91e63; */
	cursor: default !important;
	padding-bottom: .5em;
}

.exception_notes {
	padding: .5em .75em;
	display: none;
}
.exception_notes textarea {

}

.delivery_status_icon,
.btnOrderHistory_markasinvoiced,
.btnOrderHistory_openinadmin,
.btnOrderHistory_addtobasket,
.btnOrderHistory_viewbytype,
.btnOrderHistory_approve,
.btnOrderHistory_cancel,
.btnShoppingLists_save,
.btnShoppingLists_remove,
.receiveorder_invoice,
#btnReceiveOrder_approve,
#btnReceiveOrder_disabled,
#btnReceiveOrder_exception {
	border: 2px solid;
	padding: .5em;
	border-radius: .5em;
}

.btnOrderHistory_openinadmin,
#btnReceiveOrder_approve,
#btnReceiveOrder_exception {
	cursor: pointer !important;
}
.btnOrderHistory_viewbytype,
.btnOrderHistory_openinadmin,
.btnOrderHistory_approve {
	margin-right: .5em;
}

#receive_additional_item_icon {
	margin-left: .5em;
	font-size: 2em;
	display: none;
}

#receive_productsearch_results ul {
	padding-left: .5em;
}

#receive_productsearch_results li {
	list-style: none;
	padding: 0em 0em 1em 0em;
}

#receiveorders_list a {
	cursor: pointer;
}

#receive_additional_clear_icon {
	position: relative;
	margin-left: -2em;
}

.receive_exceptions {
	display: inline-block !important;
	width: 4em !important;
	text-align: right;
}

.existsincart {
	color: darkgrey !important;
	font-weight: normal !important;
	cursor: default !important;
}

.noresults {
	padding-top: 1em;
}

.receive_cell .dateInput,
.history_cell .dateInput {
	margin-left: 0em !important;
}

.input_error {
	border-color: #e91e63 !important;
}

.btnOrderHistory_approve,
.btnOrderHistory_cancel {
	/* display: none; */
}

.delivery_status_icon {
	padding: 0em .5em !important;
	line-height: 2.5em;
	margin-right: 1em;
	border-width: 1px;
	border-color: #bcbcbc;
	background-color: #f9faf8;
	cursor: pointer;
}

#spnCloseOrderView {
	position: absolute;
	display: inline-block;
	width: 2em !important;
	float: right !important;
	right: 1em;
}

.fa-hidden {
	color: transparent;
}

.upper {
	text-transform: uppercase;
}

.pointer {
	cursor: pointer;
}

.nopointer {
	cursor: default !important;
}

.nopadleft {
	padding-left: 0 !important;
}

.promo_icon,
.promo_search_icon {
	z-index: 99;
	font-size: 1.1em;
	position: absolute;
	margin: 0em !important;
	color: #03A9F4;
	right: .2em;
	bottom: .5em;
}

.promo_search_icon {
}

#product_detail_promo {
	font-size: 1.5em;
	bottom: -.5em;
}

#main .promo_icon {
	top: 0em !important;
}

.grid_image_missing {
	padding-bottom: 7px !important;
}

.image_object,
.image_object_summary {
	display: inline-block;
}

/* -------------------------------- */
/* adjust elements for screen-sizes */
/* -------------------------------- */
@media screen and (max-width: 414px) {
	.overlay_count div {
		font-size: 1.1em;
	}
	/*
	#products .product_summary {
		height: 17em;
	}*/
	#product_view_tabs {
		padding-left: .33em !important;
	}
	.product_card {
		height: 305px !important;
		margin-bottom: 1em !important;
	}
}

@media screen and (max-width: 375px) {
	.overlay_count div {
		font-size: 1.05em;
	}
	/*
	#products .product_summary {
		height: 16.5em;
	}*/
	.product_card {
		height: 315px;
		margin-bottom: 1em;
	}
}

@media screen and (max-width: 320px) {
	.overlay_count div {
		font-size: 1em;
	}
	#products .product_summary {
		height: 16em;
	}
}

@media screen and (min-width: 768px) {
	#header .count {
		top: .33em;
		right: 1.25em;
	}
}

@media screen and (min-width: 480px) {
	.title_bar {
		margin-top: 1.5em !important;
	}
	.product_card {
		height: 405px !important;
		margin-bottom: 1em !important;
	}
}

@media screen and (min-width: 980px) {
	#left_nav {
		display: inline-block;
		width: 21%;
	}
	#main,
	#departments,
	#products,
	#shoppinglist,
	#shoppinglists,
	#cart,
	#orderhistory,
	#approval,
	#accountdetails,
	#promotions,
	#checkout,
	#product,
	#reporting,
	#userdownloads,
	#receiveorders,
	#standingorders {
		display: inline-block;
		float: right;
		width: 75%;
		margin: 0em 1em;
	}
	.fourth_col {
		display: inline-block;
	}
	.confirmorder {
		width: 100% !important;
	}
	.product_card {
		height: 330px !important;
		margin-bottom: 2em !important;
	}
}

@media screen and (min-width: 1200px) {
	#left_nav {
		display: inline-block;
		width: 30;
	}
	#main,
	#departments,
	#products,
	#shoppinglist,
	#shoppinglists,
	#cart,
	#orderhistory,
	#approval,
	#accountdetails,
	#promotions,
	#checkout,
	#product,
	#reporting,
	#userdownloads,
	#receiveorders,
	#standingorders {
		display: inline-block;
		float: right;
		width: 100% - 30;
		margin: 0em 1em;
	}
	.product_card {
		height: 370px !important;
		margin-bottom: 2em !important;
	}
}

@media screen and (min-width: 1900px) {
	#left_nav {
		display: inline-block;
		width: 30;
	}
	#main,
	#departments,
	#products,
	#shoppinglist,
	#shoppinglists,
	#cart,
	#orderhistory,
	#approval,
	#accountdetails,
	#promotions,
	#checkout,
	#product,
	#reporting,
	#userdownloads,
	#receiveorders,
	#standingorders {
		display: inline-block;
		float: right;
		width: 100% - 30;
		margin: 0em 1em;
	}
	.product_card {
		height: 480px !important;
		margin-bottom: 2em !important;
	}
}



/* ---------------- */
/* CSS for Plug-Ins */
/* ---------------- */
/* --------- */
/* CR slider */
/* --------- */
.cr-slider {
	-webkit-appearance: none;	/* removes default webkit styles			*/
	width: 300px;				/* required for proper track sizing in FF	*/
	max-width: 100%;
}
.cr-slider::-webkit-slider-runnable-track {
	width: 100%;
	height: 3px;
	background: rgba(0, 0, 0, 0.5);
	border: 0;
	border-radius: 3px;
}
.cr-slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	border: none;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	background: #ddd;
	margin-top: -6px;
}
.cr-slider:focus {
	outline: none;
}
.cr-slider::-moz-range-track {
	width: 100%;
	height: 3px;
	background: rgba(0, 0, 0, 0.5);
	border: 0;
	border-radius: 3px;
}
.cr-slider::-moz-range-thumb {
	border: none;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	background: #ddd;
	margin-top: -6px;
}
/* hide the outline behind the border */
.cr-slider:-moz-focusring {
	outline: 1px solid white;
	outline-offset: -1px;
}
.cr-slider::-ms-track {
	width: 300px;
	height: 5px;
	background: transparent;	/* remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
	border-color: transparent;	/* leave room for the larger thumb to overflow with a transparent border */
	border-width: 6px 0;
	color: transparent;			/* remove default tick marks */
}
.cr-slider::-ms-fill-lower {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
}
.cr-slider::-ms-fill-upper {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
}
.cr-slider::-ms-thumb {
	border: none;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	background: #ddd;
}
.cr-slider:focus::-ms-fill-lower {
	background: rgba(0, 0, 0, 0.5);
}
.cr-slider:focus::-ms-fill-upper {
	background: rgba(0, 0, 0, 0.5);
}

/* -------------- */
/* Rotation Tools */
/* -------------- */
.cr-rotate-controls {
	position: absolute;
	bottom: 5px;
	left: 5px;
	z-index: 1;
}
.cr-rotate-controls button {
	border: 0;
	background: none;
}
.cr-rotate-controls i:before {
	display: inline-block;
	font-style: normal;
	font-weight: 900;
	font-size: 22px;
}
.cr-rotate-l i:before {
	content: '↺';
}
.cr-rotate-r i:before {
	content: '↻';
}

@keyframes appear {
	0% {
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
	}
	100% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}