/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block
}

audio, canvas, video {
	display: inline-block
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden], template {
	display: none
}

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

a {
	background: transparent
}

a:focus {
	outline: thin dotted
}

a:active, a:hover {
	outline: 0
}

h1 {
	font-size: 2em;
	margin: 0.67em 0
}

abbr[title] {
	border-bottom: 1px dotted
}

b, strong {
	font-weight: bold
}

dfn {
	font-style: italic
}

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}

mark {
	background: #ff0;
	color: #000
}

code, kbd, pre, samp {
	font-family: monospace, serif;
	font-size: 1em
}

pre {
	white-space: pre-wrap
}

q {
	quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
	font-size: 80%
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -0.5em
}

sub {
	bottom: -0.25em
}

img {
	border: 0
}

svg:not(:root) {
	overflow: hidden
}

figure {
	margin: 0
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em
}

legend {
	border: 0;
	padding: 0
}

button, input, select, textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0
}

button, input {
	line-height: normal
}

button, select {
	text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled], html input[disabled] {
	cursor: default
}

input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto;
	vertical-align: top
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 300;
	src: local("Lato Light"), local("Lato-Light"), url(https://themes.googleusercontent.com/static/fonts/lato/v7/kcf5uOXucLcbFOydGU24WALUuEpTyoUstqEm5AMlJo4.woff) format("woff")
}

@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 400;
	src: local("Lato Regular"), local("Lato-Regular"), url(https://themes.googleusercontent.com/static/fonts/lato/v7/qIIYRU-oROkIk8vfvxw6QvesZW2xOQ-xsNqO47m55DA.woff) format("woff")
}

@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 700;
	src: local("Lato Bold"), local("Lato-Bold"), url(https://themes.googleusercontent.com/static/fonts/lato/v7/qdgUG4U09HnJwhYI-uK18wLUuEpTyoUstqEm5AMlJo4.woff) format("woff")
}

@font-face {
	font-family: 'Lato';
	font-style: italic;
	font-weight: 400;
	src: local("Lato Italic"), local("Lato-Italic"), url(https://themes.googleusercontent.com/static/fonts/lato/v7/RYyZNoeFgb0l7W3Vu1aSWOvvDin1pK8aKteLpeZ5c0A.woff) format("woff")
}

@font-face {
	font-family: "afs";
	src: url("/fonts/afs.eot");
	src: url("/fonts/afs.eot?#iefix") format("embedded-opentype"), url("/fonts/afs.woff") format("woff"), url("/fonts/afs.ttf") format("truetype"), url("/fonts/afs.svg#afs") format("svg");
	font-weight: normal;
	font-style: normal
}

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

html {
	background: #fff
}

html.logged-out {
	background: #22282e
}

body {
	font: 400 14px/20px "Open Sans", sans-serif;
	color: #000;
	padding: 59px 0 0 164px;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased
}

html.logged-out body {
	padding: 30px
}

html.section-assess body {
	padding: 0
}

a {
	color: #194585;
	text-decoration: underline;
	-webkit-tap-highlight-color: transparent
}

a:hover {
	color: #112f5a;
	text-decoration: none
}

img {
	max-width: 100%;
	height: auto
}

a img {
	border: none
}

p, ul, ol, dl {
	margin: 0 0 15px 0
}

ul, ol {
	padding-left: 25px
}

ul {
	list-style-type: disc
}

ol {
	list-style-type: decimal
}

dt {
	font-weight: 700
}

dd {
	margin: 0 0 5px 25px
}

small {
	font-size: 75%
}

hr {
	background: none;
	border: none;
	border-top: 1px solid #d5d5d5;
	font-size: 0px;
	line-height: 0px;
	overflow: hidden;
	margin: 20px 0
}

blockquote {
	padding: 25px;
	margin: 0 0 25px 0
}

iframe {
	border: none
}

:focus, :active {
	outline: none
}

video {
	max-width: 100%;
	margin: 0 0 15px 0
}

audio {
	margin: 0 0 15px 0
}

h1, h2, h3, h4, h5 {
	color: #272f39;
	font-weight: 400
}

h1 {
	font-size: 24px;
	line-height: 30px
}

h2 {
	font-size: 20px;
	line-height: 24px;
	margin: 0 0 15px 0
}

h2 span {
	font-size: 12px;
	line-height: 16px;
	text-transform: uppercase
}

h2 span i {
	margin: 0 5px
}

h3 {
	font-size: 18px;
	line-height: 22px;
	margin: 20px 0 5px 0
}

h4 {
	font-size: 14px;
	margin: 0 0 5px 0
}

fieldset {
	border: none;
	padding: 0;
	margin: 0;
}

input[type="text"], input[type="email"], input[type="password"], input[type="file"], textarea, select, button {
	font: 400 14px/20px "Open Sans", sans-serif;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased
}

input[type="text"], input[type="email"], input[type="password"], input[type="file"], textarea, select {
	background: #fff;
	border: 1px solid #d5d5d5;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px 0px inset;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px 0px inset;
	box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px 0px inset;
	color: #6f747b;
	padding: 5px 10px;
	vertical-align: middle;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="file"]:focus, textarea:focus, select:focus {
	outline: 0;
	border-color: #fa9e00
}

input[type="text"].error, input[type="email"].error, input[type="password"].error, input[type="file"].error, textarea.error, select.error {
	border-color: #da9696;
	background-color: #f5e9e9
}

input[type="text"], input[type="email"], input[type="password"], select {
	height: 39px
}

input[type="file"] {
	font-size: 12px;
	line-height: 15px;
	padding-bottom: 10px;
	padding-top: 10px
}

textarea {
	max-width: 100%;
	padding: 12px 15px
}

optgroup {
	font-weight: 700
}

input[disabled="disabled"] {
	background: #f6f6f6
}

.error-message {
	background: #f5e9e9 url("../img/bg/error-message.png") 20px 20px no-repeat;
	border: 1px solid #3f3f3f;
	color: #3f3f3f;
	padding: 25px 20px 25px 65px;
	margin-bottom: 30px
}

.error-message h2 {
	color: #3f3f3f;
	font-size: 14px;
	line-height: 20px
}

.hasCustomSelect {
	z-index: 999
}

.customSelect {
	background: #fff;
	border: 1px solid #d5d5d5;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px 0px inset;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px 0px inset;
	box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px 0px inset;
	color: #6f747b;
	line-height: 20px;
	padding: 10px 100px 10px 10px;
	position: relative;
	vertical-align: middle;
	z-index: 2;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.customSelect:after {
	content: "";
	border-left: 1px solid #d5d5d5;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) -1px 0 1px 1px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) -1px 0 1px 1px;
	box-shadow: rgba(0, 0, 0, 0.1) -1px 0 1px 1px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 34px;
	height: 40px
}

.button {
	-moz-transition: background 0.3s;
	-o-transition: background 0.3s;
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #fa9e00;
	color: #fff;
	border: none;
	font-size: 13px;
	line-height: 22px;
	font-weight: 700;
	padding: 10px 25px;
	position: relative;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	vertical-align: middle;
	white-space: nowrap
}

.button:hover {
	color: #fff;
	background: #ffa915
}

.button:active {
	background: #e18e00
}

.button:focus {
	outline: none
}

.button-alt {
	background: #272f39
}

.button-alt:hover {
	color: #fff;
	background: #313b48
}

.button-alt:active {
	background: #1d232a
}

.button-alt:focus {
	outline: none
}

.button-link {
	background: #e1e1e1;
	color: #252e39
}

.button-link:hover {
	color: #252e39;
	background: #eee
}

.button-link:active {
	background: #d4d4d4
}

.button-link:focus {
	outline: none
}

.button-small {
	font-size: 12px;
	line-height: 18px;
	padding: 6px 15px
}

.button[data-icon]:before {
	font-family: "afs" !important;
	content: attr(data-icon);
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-right: 10px;
	vertical-align: top
}

#site-main {
	position: relative
}

#site-main>.main {
	padding: 20px
}

#site-main .main.standout {
	background: #eee;
	border-bottom: 1px solid #dfdfdf;
	margin: -20px;
	padding: 20px;
	margin-bottom: 20px;
}

#main-header {
	background: #eee;
	border-bottom: 1px solid #dfdfdf;
	padding: 20px
}

#main-footer p {
	padding-left: 20px
}

#site-nav {
	background: #272f39;
	list-style: none;
	margin: 0;
	padding: 0;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	width: 164px;
	z-index: 98;
	overflow: auto;
	height: 93.5%;
}

#site-nav li {
	margin: 0;
	position: relative
}

#site-nav li a {
	display: block;
	position: relative;
	text-decoration: none
}

#site-nav li.home a {
	background: #22282e;
	-moz-background-size: 45px 42px;
	-o-background-size: 45px 42px;
	-webkit-background-size: 45px 42px;
	background-size: 45px 42px;
	color: #fff;
	height: 80px;
	padding: 35px 30px 0 30px;
	font-size: 13px;
	line-height: 15px;
	font-weight: 700;
	text-align: center
}

#site-nav li.primary {
	border-bottom: 2px solid #22282e
}

#site-nav li.primary>a {
	background: #272f39;
	color: #93989e;
	font-size: 13px;
	line-height: 17px;
	padding: 20px 15px 20px 40px;
	font-weight: bold;
}

#site-nav li.primary>a:before {
	display: block;
	font-family: "afs";
	font-size: 18px;
	line-height: 20px;
	text-indent: 0;
	text-align: center;
	position: absolute;
	top: 27px;
	left: 0;
	width: 50px
}

#site-nav li.primary:hover>a, #site-nav li.primary>a:hover {
	background: #fa9e00;
	color: #fff
}

#site-nav .primary-users>a:before {
	content: "a"
}

#site-nav .primary-companies>a:before {
	content: "f"
}

#site-nav .primary-risk>a:before {
	content: "e"
}

#site-nav .primary-schedule>a:before {
	content: "g"
}

#site-nav .primary-reports>a:before {
	content: "d"
}

#site-nav li.primary .sub {
	background: #fa9e00;
	border: 2px solid #22282e;
	border-left: none;
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
	padding: 5px;
	position: absolute;
	left: 100%;
	top: -2px;
	width: 164px
}

#site-nav li.primary:hover .sub {
	display: block
}

#site-nav li.primary .sub li {
	margin: 0
}

#site-nav li.primary .sub a {
	background: #fa9e00;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	margin: 1px 0;
	padding: 10px
}

#site-nav li.primary .sub a:hover {
	background: #ffa915
}

#site-utils {
	background: #fff;
	border-bottom: 1px solid #dfdfdf;
	position: fixed;
	top: 0;
	right: 0;
	left: 164px;
	height: 59px;
	padding: 20px;
	z-index: 998
}

#site-utils p {
	font-size: 16px;
	font-weight: 700
}

#site-utils p span {
	font-weight: 400
}

#user-nav {
	background: #fff;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	right: 0
}

#user-nav li {
	border-left: 1px solid #dfdfdf;
	float: left;
	height: 58px
}

#user-nav li.account {
	font-size: 12px;
	padding: 12px 18px;
	line-height: 17px;
	position: relative
}

#user-nav li.account strong {
	display: block
}

#user-nav li.account a {
	color: #31363c;
	text-decoration: none
}

#user-nav li.notify {
	width: 54px
}

#user-nav li.notify a {
	color: #22282e;
	text-align: left;
	text-indent: -12345px;
	overflow: hidden;
	display: block;
	height: 58px;
	position: relative
}

#user-nav li.notify a.active {
	background: #f7f7f7;
	height: 59px
}

#user-nav li.notify a:hover {
	background: #f7f7f7
}

#user-nav li.notify a:after {
	content: "b";
	display: block;
	font-family: "afs";
	font-size: 22px;
	line-height: 58px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 58px;
	text-indent: 0;
	z-index: 1
}

#user-nav li.notify a i {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #ee0024;
	color: #fff;
	display: block;
	font-size: 10px;
	font-weight: 700;
	font-style: normal;
	line-height: 13px;
	text-align: center;
	position: absolute;
	top: 20px;
	right: 10px;
	width: 13px;
	height: 13px;
	text-indent: 0;
	z-index: 2
}

#user-nav li.logout {
	padding: 4px 6px;
	position: relative
}

#user-nav li.logout a {
	background: #272f39;
	display: block;
	text-align: left;
	text-indent: -12345px;
	overflow: hidden;
	width: 50px;
	height: 50px;
	position: relative
}

#user-nav li.logout a:hover {
	background: #fa9e00
}

#user-nav li.logout a:after {
	color: #fff;
	content: "c";
	display: block;
	font-family: "afs";
	font-size: 22px;
	line-height: 50px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 50px;
	text-indent: 0
}

#notifications {
	background: #f7f7f7;
	border: 1px solid #dfdfdf;
	padding: 30px 20px;
	position: fixed;
	left: 164px;
	right: 0;
	top: -100%;
	-moz-transition: top 0.5s;
	-o-transition: top 0.5s;
	-webkit-transition: top 0.5s;
	transition: top 0.5s
}

#notifications.active {
	top: 58px
}

#notifications h2 {
	color: #000;
	margin: 0 0 15px 0
}

#notifications ul {
	list-style: none;
	margin: 0;
	padding: 0
}

#notifications ul li {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 10px 0;
	padding: 10px 12px;
	position: relative
}

#notifications ul li.warning {
	background: #f4e4e4;
	border: 1px solid #e7c7c7;
	color: #db0f0f
}

#notifications ul li.important {
	background: #f5ece1;
	border: 1px solid #e2c297;
	color: #df8d00
}

#notifications ul li a {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	display: block;
	font-size: 10px;
	padding: 6px 10px;
	position: absolute;
	top: 4px;
	right: 4px;
	text-decoration: none
}

#notifications ul li a:after {
	content: "i";
	font-family: "afs";
	line-height: inherit;
	margin-left: 5px
}

#notifications ul .warning a {
	background: #dd3a3a
}

#notifications ul .warning a:hover {
	background: #e15050
}

#notifications ul .important a {
	background: #e29b21
}

#notifications ul .important a:hover {
	background: #e5a538
}

.sortable-list ul {
	list-style: none;
	margin: 0;
	padding: 0;
	background: #fff;
	border: 1px solid #e1e1e1;
	border-collapse: collapse;
	margin: 20px 0
}

.sortable-list ul li {
	background: #ffffff;
	border-top: 1px dotted #e1e1e1;
	color: #000;
	padding: 10px 110px 10px 55px;
	position: relative
}

.sortable-list ul li:first-of-type {
	border-top: none
}

.sortable-list ul li:before {
	color: #d4d4d4;
	content: "d";
	font-size: 18px;
	font-family: "afs";
	position: absolute;
	top: 10px;
	left: 15px
}

.sortable-list ul li:hover:before {
	color: #000
}

.sortable-list ul li:hover {
	background: #f1f1f1
}

.sortable-list ul li .action-edit, .sortable-list ul li .action-delete, .sortable-list ul li .action-view {
	display: block;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-align: left;
	text-indent: -12345px;
	overflow: hidden;
	background: #fff;
	color: #333a45;
	position: absolute;
	top: 7px;
	width: 30px;
	height: 24px;
	line-height: 24px;
	text-align: center
}

.sortable-list ul li .action-edit:before, .sortable-list ul li .action-delete:before, .sortable-list ul li .action-view:before {
	display: block;
	font-size: 18px;
	font-family: "afs" !important;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	width: 100%;
	height: 24px;
	top: 0;
	left: 0;
	text-indent: 0
}

.sortable-list ul li, .sortable-list ul li, .sortable-list ul li .action-view:hover {
	background: #fefefe
}

.sortable-list ul li .action-view {
	right: 80px
}

.sortable-list ul li .action-view:before {
	content: "g"
}

.sortable-list ul li .action-edit {
	right: 45px
}

.sortable-list ul li .action-edit {
	background: url(/img/icons/edit.png) no-repeat;
}

.sortable-list ul li .action-delete {
	right: 10px;
	border:0;
}

.sortable-list ul li .action-delete {
	background: url(/img/icons/delete.png) no-repeat;
}

.data-table table {
	background: #fff;
	border: 1px solid #e1e1e1;
	border-collapse: collapse;
	margin: 15px 0;
	width: 100%
}

.data-table table th, .data-table table td {
	border: none;
	text-align: left;
	vertical-align: top
}

.data-table table thead th {
	background: #e1e1e1;
	font-weight: 700;
	padding: 5px 10px
}

.data-table table tbody tr:hover {
	background: #f1f1f1
}

.data-table table tbody td {
	padding: 10px
}

.data-table .action a {
	display: block;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-align: left;
	text-indent: -12345px;
	overflow: hidden;
	position: relative;
	width: 30px;
	height: 24px;
	line-height: 24px;
	text-align: center
}

.data-table .action a:before {
	display: block;
	font-size: 40px;
	font-family: "afs" !important;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	width: 100%;
	height: 40px;
	top: 10px;
	left: -8px;
	text-indent: 0
}

.data-table .action .view {
	background: transparent url("../img/icons/icon-view-sent.png") no-repeat center center;
	color: #333a45
}

.data-table .action .view:hover {
	background: #fefefe url("../img/icons/icon-view-sent.png") no-repeat center center
}

.data-table .action .view:before {
	content: ""
}

.data-table .action .send {
	background: transparent url("../img/icons/icon-send2.png") no-repeat center center;
	color: #333a45
}

.data-table .action .send:hover {
	background: #fefefe url("../img/icons/icon-send2.png") no-repeat center center
}

.data-table .action .send:before {
	content: ""
}

.data-table .action .edit {
	background: #e1e1e1;
	color: #272f39;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	padding: 0 5px;
	text-indent: 0;
	text-decoration: none;
	width: auto
}

.data-table .action .edit:hover {
	background: #414d5c;
	color: #fff
}

.schedules-intro {
	margin: 0 0 20px 0
}

.schedule-detail {
	background: #252e39;
	padding: 12px;
	position: relative
}

.schedule-detail h3 {
	color: #fff;
	margin: 0
}

.schedule-detail h3 span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	color: #b7babd;
	font-weight: 400;
	margin-left: 20px
}

.schedule-detail a {
	color: #fff;
	position: absolute;
	top: 10px;
	right: 12px;
	text-decoration: none
}

.schedule-detail a:before {
	content: "k";
	font-family: "afs" !important;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-right: 5px;
	vertical-align: top
}

#user-nav li.logout a .primary-users>a:before {
	content: "a"
}

.primary-companies>a:before {
	content: "f"
}

.primary-risk>a:before {
	content: "e"
}

.primary-schedule>a:before {
	content: "g"
}

.primary-reports>a:before {
	content: "d"
}

.schedule-table {
	margin: 0 0 20px 0
}

.schedule-table table {
	background: #fff;
	border: 1px solid #e1e1e1;
	border-collapse: collapse;
	margin: 0;
	width: 100%
}

.schedule-table table td {
	border: none;
	text-align: left;
	vertical-align: top
}

.schedule-table table tbody td {
	padding: 10px
}

.schedule-table table tbody td strong {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-right: 10px
}

.schedule-table table tbody .add-row {
	background: #eee;
	vertical-align: middle
}

.schedule-table table tbody .add-row td {
	vertical-align: middle
}

.schedule-table table tbody .add-row input {
	width: 60px
}

.schedule-table .action a {
	display: block;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-align: left;
	text-indent: -12345px;
	overflow: hidden;
	position: relative;
	width: 30px;
	height: 24px;
	line-height: 24px;
	text-align: center
}

.schedule-table .action a:before {
	display: block;
	font-size: 18px;
	font-family: "afs" !important;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	width: 100%;
	height: 24px;
	top: 0;
	left: 0;
	text-indent: 0
}

.schedule-table .action .add-schedule {
	background: #5eb807;
	color: #fff
}

.schedule-table .action .add-schedule:hover {
	background: #6bd108
}

.schedule-table .action .add-schedule:before {
	content: "i"
}

.schedule-table .action .delete-schedule {
	background: #fff;
	color: #333a45
}

.schedule-table .action .delete-schedule:hover {
	background: #fefefe
}

.schedule-table .action .delete-schedule:before {
	content: "j"
}

.schedule-actions:before, .schedule-actions:after {
	content: " ";
	display: table
}

.schedule-actions:after {
	clear: both
}

.table-actions:before, .table-actions:after {
	content: " ";
	display: table
}

.table-actions:after {
	clear: both
}

.pagination {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right
}

.pagination:before, .pagination:after {
	content: " ";
	display: table
}

.pagination:after {
	clear: both
}

.pagination li {
	float: left;
	margin: 0 0 0 2px
}

.pagination li a:hover {
	background: #272f39;
	color: #fff
}

.pagination li a {
	background: #e1e1e1;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	display: block;
	color: #272f39;
	font-size: 12px;
	line-height: 14px;
	padding: 7px 10px;
	text-decoration: none;
}

.pagination li a.active
{
	background: #272f39;
	color: #fff;
}



#main-header h1 {
	margin: 0
}

#main-header .header-actions {
	position: absolute;
	top: 25px;
	right: 20px
}

.breadcrumbs {
	list-style: none;
	margin: 0;
	padding: 0
}

.breadcrumbs:before, .breadcrumbs:after {
	content: " ";
	display: table
}

.breadcrumbs:after {
	clear: both
}

.breadcrumbs li {
	float: left;
	margin: 0 5px 0 0
}

.breadcrumbs li:first-of-type:before {
	display: none;
	padding-left: 0
}

.breadcrumbs li a {
	color: #22282e;
	font-size: 12px;
	line-height: 14px;
	text-decoration: none
}

.breadcrumbs li a:hover {
	color: #000
}

.form .form-row {
	margin: 0 0 20px 0
}

.form-cols .form-row:before, .form-cols .form-row:after {
	content: " ";
	display: table
}

.form-cols .form-row:after {
	clear: both
}

.form-cols ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin: 10px 0 20px
}



.form-cols .form-row .form-col {
	float: left;
	width: 50%;
}

.form-cols .form-row .form-col.row-long
{
	width:80%;
}

.form-cols .form-row .form-col label:first-child
{
	font-weight:bold;
}

.form-cols .form-row .form-col.full-width
{
	width:100%;
	margin-bottom:20px;
}

.form-cols .form-row .form-col i {
	color: red;
}

.text-danger {
	color: red;
}

.form-row label {
	display: block;
	margin: 0 0 5px 0
}

.form-row input, .form-row select, .form-row textarea {
	display: block;
	width: 95%
}

.form-cols input[type="checkbox"] {
	width: 25px;
	float: left;
	margin-top: 3px
}

.form-cols input[type="radio"] {
	margin-right: 0;
	width: 25px;
	float: left;
	margin-top: 3px
}



.form-col label:first{
	font-weight:bold;
}

.col-date select {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 30%;
	max-width: 80px;
	margin-right: 1%
}

.form-actions .button {
	width: 150px
}

.form-selector {
	position: relative;
	margin: 0 0 20px 0
}

.form-selector:before, .form-selector:after {
	content: " ";
	display: table
}

.form-selector:after {
	clear: both
}

.form-selector .select {
	width: 43%
}

.form-selector .select:first-of-type {
	float: left
}

.form-selector .select:last-of-type {
	float: right
}

.form-selector .select label {
	display: block
}

.form-selector .select select {
	width: 100%;
	height: 150px
}

.form-selector .actions {
	padding-top: 58px;
	position: absolute;
	top: 0;
	left: 43%;
	width: 14%;
	text-align: center
}

.form-selector .actions .button {
	font-family: "afs";
	width: 80%;
	margin: 2px auto
}

.form{
	margin-bottom:10px;
}

.data-cols {
	max-width: 800px
}

.data-cols:before, .data-cols:after {
	content: " ";
	display: table
}

.data-cols:after {
	clear: both
}

.data-cols .data-col {
	float: left;
	width: 50%
}

.data-col .data-row {
	margin: 10px 0
}

.data-col .data-row strong {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 136px
}

.intro-cols {
	border-bottom: 1px solid #dfdfdf;
	display: table;
	width: 100%
}

.intro-cols .col {
	background: #eee;
	display: table-cell;
	vertical-align: top;
	text-align: left
}

.intro-cols .data {
	padding: 20px
}

.intro-cols .data .data-row {
	font-weight: 300;
	margin: 10px 0
}

.intro-cols .data .data-row strong {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 225px
}

.intro-cols .col-aside {
	background: #dfdfdf;
	padding: 20px
}

.intro-cols .col-aside h3 {
	color: #b7b9ba;
	font-size: 12px;
	line-height: 14px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 0 10px 0
}

.intro-cols .col-aside .progress {
	list-style: none;
	margin: 0;
	padding: 0
}

.intro-cols .col-aside .progress li {
	color: #252e39;
	font-weight: 700;
	margin: 10px 0;
	position: relative;
	padding: 0 0 0 20px
}

.intro-cols .col-aside .progress .inactive {
	color: #575d65;
	font-weight: 300
}

.intro-cols .col-aside .progress .current:before {
	background: #fa9e00;
	content: "";
	width: 4px;
	top: 0;
	bottom: 0;
	position: absolute;
	left: -20px
}

.intro-cols .col-aside .progress strong {
	position: absolute;
	left: 0
}

.comment-list {
	list-style: none;
	margin: 0;
	padding: 0;
	margin: 30px 0 0 0
}

.comment-list>li {
	padding: 0 0 0 165px;
	position: relative;
	margin: 0 0 20px 0
}

.comment-list .user {
	font-size: 12px;
	font-weight: 300;
	position: absolute;
	left: 0;
	top: 15px;
	width: 125px
}

.comment-list .user strong {
	display: block
}

.comment-list .comment {
	background: #eeeeee;
	border: 1px solid #f1f1f1;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 20px;
	position: relative
}

.comment-list .comment:before {
	content: "";
	display: block;
	height: 0;
	width: 0;
	border-top: 20px solid transparent;
	border-right: 20px solid #eee;
	border-bottom: 20px solid transparent;
	position: absolute;
	left: -19px;
	top: 20px
}

.comment-list .downloads {
	list-style: none;
	margin: 0;
	padding: 0;
	background: #edf3fa;
	border: 1px solid #dce5ef;
	font-size: 13px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 8px 12px
}

.comment-list .downloads li {
	margin: 5px 0
}

.comment-list .downloads li a {
	color: #5e728a;
	font-weight: 700;
	text-decoration: none;
	padding-left: 26px;
	position: relative
}

.comment-list .downloads li a:before {
	content: "b";
	font-family: "afs";
	position: absolute;
	left: 0
}

.comment-list .downloads li a:hover {
	color: #272f39
}

.comment-list .downloads li a:hover:before {
	color: #fa9e00
}

.comment-list .downloads li em {
	font-weight: 300;
	font-style: normal
}

.add-comment {
	background: #f1f1f1;
	padding: 20px
}

.add-comment .comment {
	margin: 0 0 20px 0
}

.add-comment textarea {
	height: 220px;
	width: 560px;
	max-width: 100%
}

.add-comment .file .upload-input {
	margin: 0 0 10px 0
}

.add-comment .uploaded-file {
	background: #dadada;
	color: #2f2f2f;
	font-size: 14px;
	margin: 10px 0 0 0;
	padding: 0 58px 0 60px;
	height: 58px;
	line-height: 58px;
	position: relative;
	width: 560px;
	max-width: 100%
}

.add-comment .uploaded-file:before, .add-comment .uploaded-file:after {
	content: " ";
	display: table
}

.add-comment .uploaded-file:after {
	clear: both
}

.file-library .add-comment .uploaded-file {
	padding-right: 97px
}

.add-comment .uploaded-file img {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 4px;
	left: 4px
}

.add-comment .uploaded-file .fileextension {
	background: #fff;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 4px;
	left: 4px;
	font-size: 12px;
	line-height: 50px;
	text-align: center
}

.add-comment .uploaded-file .filename {
	border-right: 1px solid #c5c5c5;
	display: block;
	height: 58px;
	float: left;
	padding: 0 20px;
	width: 80%
}

.add-comment .uploaded-file .filesize {
	border-right: 1px solid #c5c5c5;
	display: block;
	height: 58px;
	float: left;
	padding: 0 20px;
	width: 20%
}

.add-comment .uploaded-file .fileremove {
	background: #dd3a3a;
	display: block;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	text-align: left;
	text-indent: -12345px;
	overflow: hidden;
	position: absolute;
	top: 18px;
	right: 14px;
	width: 30px;
	height: 22px
}

.add-comment .uploaded-file .fileremove:hover {
	background-color: #e15050
}

.quick-links {
	padding: 30px 0
}

.quick-links ul {
	list-style: none;
	margin: 0;
	padding: 0;
	max-width: 940px
}

.quick-links ul:before, .quick-links ul:after {
	content: " ";
	display: table
}

.quick-links ul:after {
	clear: both
}

.quick-links ul li {
	float: left;
	margin: 0 0 20px 0;
	width: 20%;
	min-width: 140px
}

.quick-links ul li a {
	color: #909090;
	display: block;
	font-weight: 300;
	text-align: center;
	text-decoration: none;
	position: relative;
	width: 140px;
	-moz-transition: color 0.3s ease-out;
	-o-transition: color 0.3s ease-out;
	-webkit-transition: color 0.3s ease-out;
	transition: color 0.3s ease-out
}

.quick-links ul li a:hover {
	color: #272f39
}

.quick-links ul li a:before {
	background: #f7f7f7;
	content: "f";
	color: #272f39;
	font-size: 52px;
	line-height: 120px;
	display: block;
	font-family: "afs" !important;
	width: 120px;
	height: 120px;
	-moz-border-radius: 120px;
	-webkit-border-radius: 120px;
	border-radius: 120px;
	margin: 0 auto 10px auto;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out
}

.quick-links ul li a:hover:before {
	-moz-box-shadow: #e1e1e1 0 0 0 5px;
	-webkit-box-shadow: #e1e1e1 0 0 0 5px;
	box-shadow: #e1e1e1 0 0 0 5px;
	color: #e1e1e1;
	font-size: 40px
}

.quick-links .quick-users a:before {
	content: "a"
}

.quick-links .quick-companies a:before {
	content: "f"
}

.quick-links .quick-risk a:before {
	content: "e"
}

.quick-links .quick-calendar a:before {
	content: "g"
}

.quick-links .quick-sent a:before {
	content: "d"
}

.chart {
	padding: 20px 0
}

#logged-out {
	width: 348px;
	margin: 0 auto
}

#logged-out .header h1 {
	background: url("../img/site/auto-logo.png") 50% 0 no-repeat;
	color: #fff;
	text-align: center;
	padding-top: 120px
}

#logged-out .header h1 span {
	display: block;
	font-weight: 400
}

#logged-out>.main {
	background: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0 0 2px 2px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 2px 2px;
	box-shadow: rgba(0, 0, 0, 0.1) 0 0 2px 2px;
	padding: 20px;
	margin-top: 40px
}

#logged-out .form-row {
	margin: 0 0 15px 0;
	position: relative
}

#logged-out .form-row label {
	color: #272f39;
	display: block;
	font-weight: 700;
	margin: 0 0 2px 0
}

#logged-out .form-row input {
	width: 100%
}

#logged-out .form-actions {
	position: relative;
}

#logged-out .form-actions .button {
	width: 150px
}

#logged-out .form-actions .link {
	font-size: 12px;
	position: absolute;
	top: 10px;
	right: 0
}

#assess .header {
	background: #262f3a;
	color: #fff;
	padding: 40px 40px 40px 140px;
	position: relative
}

#assess .header .logo {
	background: #21282e url("../img/site/auto-logo.png") 50% 30px no-repeat;
	-moz-background-size: 52px 49px;
	-o-background-size: 52px 49px;
	-webkit-background-size: 52px 49px;
	background-size: 52px 49px;
	border-right: 1px solid #2f353a;
	text-align: left;
	text-indent: -12345px;
	overflow: hidden;
	width: 102px;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0
}

#assess .header h1 {
	color: #fff;
	font-weight: 300;
	margin: 0
}

#assess .header p {
	font-weight: 300;
	margin: 5px 0 0 0
}

#assess>.main {
	background: #fff;
	padding: 20px
}

#assess .assess-panel {
	padding: 20px 0;
	position: relative
}

#assess .assess-panel h2 {
	font-weight: 300
}

#assess .assess-panel .assess-back {
	background: #e1e1e1;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #313a44;
	display: block;
	padding: 5px 20px;
	position: absolute;
	top: 15px;
	right: 0;
	text-decoration: none
}

#assess .assess-panel .assess-back:hover {
	background: #eee
}

#assess .form-cols {
	background: #f1f1f1;
	padding: 20px;
	margin: 0 0 20px 0
}

#assess .form-cols h3 {
	font-weight: 700;
	margin: 0 0 5px 0
}

#assess .form-cols h4 {
	font-weight: 700
}

#assess .form-cols h4 span {
	font-weight: 300
}

#assess .form-cols p {
	font-weight: 300
}

#assess .form-cols textarea {
	width: 100%;
	height: 200px
}

#assess .assess-actions {
	text-align: right;
	margin: 20px 0 0 0
}

#assess .assess-actions .button {
	font-family: "afs";
	margin-left: 10px
}

.assess-options {
	list-style: none;
	margin: 0;
	padding: 0;
	display: table;
	width: 100%
}

.assess-options li {
	background: #e1e1e1;
	border-left: 1px solid #c7c7c7;
	color: #252e39;
	display: table-cell;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	vertical-align: middle;
	width: 20%
}

.assess-options li:first-of-type {
	border-left: none;
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px 0 0 4px
}

.assess-options li:last-of-type {
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0;
	border-radius: 0 4px 4px 0
}

.assess-options li:hover {
	background: #d4d4d4
}

.assess-options li.selected {
	background: #252e39;
	color: #fff
}

.assess-options li.not-selected {
	color: #8d8d8d
}

.assess-options li input {
	display: none
}

.assess-options li label {
	cursor: pointer;
	line-height: 18px;
	display: block;
	padding: 10px;
	position: relative;
	z-index: 2
}

.picker {
	font-size: 16px;
	text-align: left;
	line-height: 1.2;
	color: #000000;
	position: absolute;
	z-index: 10000;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.picker__input {
	cursor: default
}

.picker__input.picker__input--active {
	border-color: #0089ec
}

.picker__holder {
	width: 100%;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch
}

/*!
 * Default mobile-first, responsive styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */

.picker__holder, .picker__frame {
	bottom: 0;
	left: 0;
	right: 0;
	top: 100%
}

.picker__holder {
	position: fixed;
	-webkit-transition: background 0.15s ease-out, top 0s 0.15s;
	-moz-transition: background 0.15s ease-out, top 0s 0.15s;
	transition: background 0.15s ease-out, top 0s 0.15s
}

.picker__frame {
	position: absolute;
	margin: 0 auto;
	min-width: 256px;
	max-width: 666px;
	width: 100%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out
}

@media (min-height: 33.875em) {
	.picker__frame {
		overflow: visible;
		top: auto;
		bottom: -100%;
		max-height: 80%
	}
}

@media (min-height: 40.125em) {
	.picker__frame {
		margin-bottom: 7.5%
	}
}

.picker__wrap {
	display: table;
	width: 100%;
	height: 100%
}

@media (min-height: 33.875em) {
	.picker__wrap {
		display: block
	}
}

.picker__box {
	background: #ffffff;
	display: table-cell;
	vertical-align: middle
}

@media (min-height: 26.5em) {
	.picker__box {
		font-size: 1.25em
	}
}

@media (min-height: 33.875em) {
	.picker__box {
		display: block;
		font-size: 1.33em;
		border: 1px solid #777777;
		border-top-color: #898989;
		border-bottom-width: 0;
		-webkit-border-radius: 5px 5px 0 0;
		-moz-border-radius: 5px 5px 0 0;
		border-radius: 5px 5px 0 0;
		-webkit-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
		-moz-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
		box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24)
	}
}

@media (min-height: 40.125em) {
	.picker__box {
		font-size: 1.5em;
		border-bottom-width: 1px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px
	}
}

.picker--opened .picker__holder {
	top: 0;
	background: transparent;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";
	zoom: 1;
	background: rgba(0, 0, 0, 0.32);
	-webkit-transition: background 0.15s ease-out;
	-moz-transition: background 0.15s ease-out;
	transition: background 0.15s ease-out
}

.picker--opened .picker__frame {
	top: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1
}

@media (min-height: 33.875em) {
	.picker--opened .picker__frame {
		top: auto;
		bottom: 0
	}
}

.picker__box {
	padding: 0 1em
}

.picker__header {
	text-align: center;
	position: relative;
	margin-top: .75em
}

.picker__month, .picker__year {
	font-weight: 500;
	display: inline-block;
	margin-left: .25em;
	margin-right: .25em
}

.picker__year {
	color: #999999;
	font-size: .8em;
	font-style: italic
}

.picker__select--month, .picker__select--year {
	border: 1px solid #b7b7b7;
	height: 2em;
	padding: .5em;
	margin-left: .25em;
	margin-right: .25em
}

@media (min-width: 24.5em) {
	.picker__select--month, .picker__select--year {
		margin-top: -0.5em
	}
}

.picker__select--month {
	width: 35%
}

.picker__select--year {
	width: 22.5%
}

.picker__select--month:focus, .picker__select--year:focus {
	border-color: #0089ec
}

.picker__nav--prev, .picker__nav--next {
	position: absolute;
	padding: .5em 1.25em;
	width: 1em;
	height: 1em;
	top: -0.25em
}

@media (min-width: 24.5em) {
	.picker__nav--prev, .picker__nav--next {
		top: -0.33em
	}
}

.picker__nav--prev {
	left: -1em;
	padding-right: 1.25em
}

@media (min-width: 24.5em) {
	.picker__nav--prev {
		padding-right: 1.5em
	}
}

.picker__nav--next {
	right: -1em;
	padding-left: 1.25em
}

@media (min-width: 24.5em) {
	.picker__nav--next {
		padding-left: 1.5em
	}
}

.picker__nav--prev:before, .picker__nav--next:before {
	content: " ";
	border-top: .5em solid transparent;
	border-bottom: .5em solid transparent;
	border-right: 0.75em solid #000000;
	width: 0;
	height: 0;
	display: block;
	margin: 0 auto
}

.picker__nav--next:before {
	border-right: 0;
	border-left: 0.75em solid #000000
}

.picker__nav--prev:hover, .picker__nav--next:hover {
	cursor: pointer;
	color: #000000;
	background: #b1dcfb
}

.picker__nav--disabled, .picker__nav--disabled:hover, .picker__nav--disabled:before, .picker__nav--disabled:before:hover {
	cursor: default;
	background: none;
	border-right-color: #f5f5f5;
	border-left-color: #f5f5f5
}

.picker__table {
	text-align: center;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
	font-size: inherit;
	width: 100%;
	margin-top: .75em;
	margin-bottom: .5em
}

@media (min-height: 33.875em) {
	.picker__table {
		margin-bottom: .75em
	}
}

.picker__table td {
	margin: 0;
	padding: 0
}

.picker__weekday {
	width: 14.285714286%;
	font-size: .75em;
	padding-bottom: .25em;
	color: #999999;
	font-weight: 500
}

@media (min-height: 33.875em) {
	.picker__weekday {
		padding-bottom: .5em
	}
}

.picker__day {
	padding: .3125em 0;
	font-weight: 200;
	border: 1px solid transparent
}

.picker__day--today {
	color: #0089ec;
	position: relative
}

.picker__day--today:before {
	content: " ";
	position: absolute;
	top: 2px;
	right: 2px;
	width: 0;
	height: 0;
	border-top: 0.5em solid #0059bc;
	border-left: .5em solid transparent
}

.picker__day--selected, .picker__day--selected:hover {
	border-color: #0089ec
}

.picker__day--highlighted {
	background: #b1dcfb
}

.picker__day--disabled:before {
	border-top-color: #aaaaaa
}

.picker__day--outfocus {
	color: #dddddd
}

.picker__day--infocus:hover, .picker__day--outfocus:hover {
	cursor: pointer;
	color: #000000;
	background: #b1dcfb
}

.picker__day--highlighted:hover, .picker--focused .picker__day--highlighted {
	background: #0089ec;
	color: #ffffff
}

.picker__day--disabled, .picker__day--disabled:hover {
	background: #f5f5f5;
	border-color: #f5f5f5;
	color: #dddddd;
	cursor: default
}

.picker__day--highlighted.picker__day--disabled, .picker__day--highlighted.picker__day--disabled:hover {
	background: #bbbbbb
}

.picker__footer {
	text-align: center
}

.picker__button--today, .picker__button--clear {
	border: 1px solid #ffffff;
	background: #ffffff;
	font-size: .8em;
	padding: .66em 0;
	font-weight: bold;
	width: 50%;
	display: inline-block;
	vertical-align: bottom
}

.picker__button--today:hover, .picker__button--clear:hover {
	cursor: pointer;
	color: #000000;
	background: #b1dcfb;
	border-bottom-color: #b1dcfb
}

.picker__button--today:focus, .picker__button--clear:focus {
	background: #b1dcfb;
	border-color: #0089ec;
	outline: none
}

.picker__button--today:before, .picker__button--clear:before {
	position: relative;
	display: inline-block;
	height: 0
}

.picker__button--today:before {
	content: " ";
	margin-right: .45em;
	top: -0.05em;
	width: 0;
	border-top: 0.66em solid #0059bc;
	border-left: .66em solid transparent
}

.picker__button--clear:before {
	content: "\D7";
	margin-right: .35em;
	top: -0.1em;
	color: #ee2200;
	vertical-align: top;
	font-size: 1.1em
}

.make-color {
	color: red;
	font-weight: bold;
}

.mand {
	color: red;
}

.side-by-text {
	display: flex;
}

.side-by-text span {
	padding-right: 5px;
	padding-top: 8px;
	font-size: 1.05em;
	white-space: nowrap;
}

#site-nav li.primary>a.active {
	background: #fa9e00;
	color: #fff
}

#main-footer {
	padding-top: 15px;
	position: fixed;
	bottom: 0;
	width: 100%;
	left: 0;
	z-index: 998;
	background: #272f39;
	height: auto;
}

#main-footer p {
	color: white;
}

#main-footer p.contact {
	float: left;
	margin-bottom: 0;
    margin-top: 8px;
}

#main-footer p.contact a {
	color: orange;
	text-decoration: none;
}

#main-footer p.info 
{
	float: right;
}

#main-footer p.info.no-button
{
	margin-top: 10px;
}

#main-footer.no-button
{
	padding-bottom:5px;
}

.form-cols .form-actions {
	margin-bottom: 40px
}

.form-row .form-actions {
	margin-bottom: 40px
}

.data-table {
	margin-bottom: 50px;
}

.layout-cols {
	display: flex;
}

.layout-img-left .layout-img {
	float: left;
}

.layout-img-left .layout-content {
	float: right;
}

.layout-img-right .layout-img {
	float: right;
}

.layout-img-right .layout-content {
	float: left;
}

.center-content {
	text-align: center;
	display: block;
}

.cke_dialog_body {
	z-index: 9999
}

button.link-action{
	border:0;
	background:none;
}

.download-file{
	margin-right:5px;
	text-decoration: none;
}

.user-nav-dealer-toggle {
    background: white url(/img/icons/arrow-black-down.svg) no-repeat center 55%;
    background-size: 15px;
    border: 0;
    cursor: pointer;
    display: block;
    height: 50px;
    width: 100%;
    -webkit-transition: all 150ms ease-in;
    transition: all 150ms ease-in;
}

.user-nav-dealer-select{
	height:58px;
	width:58px;
}

.user-nav-dealer-list {
    display: none;
    max-height: calc(100vh - 40px);
    position: fixed;
    top: 40px;
    right: 0;
    width: 17rem;
    overflow-y: scroll;
    overflow-x: hidden;
	-webkit-overflow-scrolling: touch;


}

@media (min-width: 64em)
	{
		.user-nav-dealer-list
		{
			max-height: calc(100vh - 60px);
			top: 60px;
		}
	}


.user-nav-dealer-list ul {
    background: white;
    border-left: 1px solid #e9e9e9;
    margin: 0 0 3rem;
    padding: 0;
}

.user-nav-dealer-list li {
    background: white;
    font-size: 0.75rem;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right;
}

#user-nav .js-dealer-drop-list li{
	border-left: none;
    float: none;
    height: auto;
}

.user-nav-dealer-list a {
    border-bottom: 1px solid #f8f8f8;
    color: #1a1a1a;
    display: block;
    padding: 0.5rem 0.7rem;
    -webkit-transition: all 150ms ease-in;
	transition: all 150ms ease-in;
	text-decoration:none;
}


.user-nav-dealer-list a:hover{
	background-color: #f5f5f5;
    -webkit-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

.user-nav-dealer-list li:first-child a {
    padding-top: 0.6rem;
}

.typing_loader {
    width: 100%;
    padding-left: 50%;
    margin-bottom: 5px;
    margin-top: 5px;
}

.info .cache-button{
	margin-right: 10px;
    padding: 5px 5px 5px 5px;
}

.full-page-loader {
	position: fixed;
	z-index: 999;
	height: 2em;
	width: 2em;
	overflow: show;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
  }
  
  /* Transparent Overlay */
  .full-page-loader:before {
	content: '';
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	  background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));
  
	background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));
  }
  
  /* :not(:required) hides these rules from IE9 and below */
  .full-page-loader:not(:required) {
	/* hide "loading..." text */
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
  }
  
  .full-page-loader:not(:required):after {
	content: '';
	display: block;
	font-size: 10px;
	width: 1em;
	height: 1em;
	margin-top: -0.5em;
	-webkit-animation: spinner 150ms infinite linear;
	-moz-animation: spinner 150ms infinite linear;
	-ms-animation: spinner 150ms infinite linear;
	-o-animation: spinner 150ms infinite linear;
	animation: spinner 150ms infinite linear;
	border-radius: 0.5em;
	-webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
  }
  
  /* Animation */
  
  @-webkit-keyframes spinner {
	0% {
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -ms-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(360deg);
	  -moz-transform: rotate(360deg);
	  -ms-transform: rotate(360deg);
	  -o-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
  }
  @-moz-keyframes spinner {
	0% {
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -ms-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(360deg);
	  -moz-transform: rotate(360deg);
	  -ms-transform: rotate(360deg);
	  -o-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
  }
  @-o-keyframes spinner {
	0% {
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -ms-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(360deg);
	  -moz-transform: rotate(360deg);
	  -ms-transform: rotate(360deg);
	  -o-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
  }
  @keyframes spinner {
	0% {
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -ms-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(360deg);
	  -moz-transform: rotate(360deg);
	  -ms-transform: rotate(360deg);
	  -o-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
  }