@charset "UTF-8";
/* CSS Document */
/*-------------------------------------------------------*/
/* site-wide styles                                      */
/*-------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,800");

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	outline: 0;
}

*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

html {
	overflow-y: scroll;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-color: #fff;
	-webkit-transition: opacity 0.25s ease-in-out;
	-moz-transition: opacity 0.25s ease-in-out;
	-ms-transition: opacity 0.25s ease-in-out;
	-o-transition: opacity 0.25s ease-in-out;
	transition: opacity 0.25s ease-in-out;
	/*opacity: 1 !important;*/
}

html, body {
	-webkit-overflow-scrolling: touch;
	z-index: 0;
	height: 100%;
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 14px;
	line-height: 150%;
}

.safari {
	background-image: none !important;
}

*, button, a {
	outline: none;
	-webkit-tap-highlight-color: transparent !important;
	-webkit-tap-highlight-color: transparent !important;
}

.devpanel {
	border: 2px dotted orange;
}

img {
	border: 0;
}

ol, ul {
	margin-left: 16px;
}

input.svyWideText {
	padding: 1px;
	font-family: Arial, sans-serif;
	-webkit-appearance: none;
	-moz-appearance: none;
}

select.svySelectBox {
	-webkit-appearance: none;
	-moz-appearance: none;
}

textarea.svyWideText, textarea.svyTextArea {
	padding: 2px;
	font-family: Arial, sans-serif;
	-webkit-appearance: none;
	-moz-appearance: none;
}

button.svyButton {
	-webkit-appearance: none;
}

table {
	border-collapse: collapse;
	margin: inherit;
}

/* Pagingnav Frontend */
.pagingnav-wrapper {
	clear: both;
	padding: 15px 0;
}

.pagingnav-wrapper .page-text {
	margin: 0 5px 0 0;
	font-weight: bold;
}

.pagingnav-wrapper select.svySelectBox {
	min-width: 45px;
}

/*end Pagingnav Frontend*/
/* savvy validate form validation styles */
.validation {
	display: none;
	position: relative;
}

.validation .validation_outer, .validation .outer {
	background: url(../images/error_msg_arrow.png) left 15px bottom no-repeat;
	padding-bottom: 7px;
	position: absolute;
	top: -37px;
	left: -35px;
	z-index: 99;
	min-width: 200px;
	width: auto !important;
}

.validation .validation_inner, .validation .inner {
	background: #e30418;
	font-weight: bold;
	font-size: 11px;
	line-height: 15px;
	color: #fff;
	padding: 5px 10px;
	border-radius: 4px;
	/*white-space: nowrap;*/
	display: block;
}

textarea + .validation .validation_outer {
	top: -29px;
}

.validation.autoPosition {
	position: absolute;
}

.validation.autoPosition .validation_outer, .validation.autoPosition .outer {
	left: auto;
	top: auto;
}

/* end savvy validate form validation styles */
/* Responsive table and image styles for mobile */
.responsive-table-scroll {
	overflow: auto;
}

.responsive-image-scroll {
	overflow: auto;
}

.responsive-autoshrink {
	max-width: 100%;
}

.warning-message {
	color: #fff;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	margin-bottom: 4px;
	position: fixed;
	z-index: 100000;
	width: 100%;
	line-height: 150%;
	opacity: 0.8;
}

.warning-message.staging-server {
	background: #10ca68;
}

.warning-message.staging-server.conn-LVE {
	background: #ef4035;
}

.warning-message.old-browser {
	background: #fa9614;
}

.warning-message.old-browser a {
	color: #fff;
}

.warning-message.staging-server .close,
.warning-message.old-browser .close {
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -11px;
	cursor: pointer;
	width: 22px;
	height: 22px;
}

@media screen and (max-width: 1024px) {
	.warning-message.staging-server .close,
	.warning-message.old-browser .close {
		position: absolute;
		text-indent: 1000px;
		white-space: nowrap;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		margin: 0;
	}
}

.warning-message.staging-server .close span,
.warning-message.old-browser .close span {
	display: none;
}

.svyGridLines {
	outline: 1px solid red;
}

/* settings */
.clear:before,
.clear:after {
	content: " ";
	display: table;
}

.clear:after {
	clear: both;
}

.clear_l {
	clear: left;
}

.clear_r {
	clear: right;
}

.float_l {
	float: left;
}

.float_r {
	float: right;
}

.align_l {
	text-align: right;
}

.align_r {
	text-align: right;
}

.align_c {
	text-align: center;
}

.bold, .b, b, strong {
	font-weight: bold;
	color: inherit;
}

.i, i, em {
	color: inherit;
	font-style: italic;
	font-size: inherit;
	font-family: inherit;
	font-weight: inherit;
}

#SavvyPageEditLink {
	position: fixed;
	bottom: 12px;
	/*left: 0;*/
	right: 12px;
	padding: 15px;
	text-align: center;
	color: rgba(229, 226, 226, 0.46);
	background-color: rgba(102, 102, 102, 0.4);
	line-height: 200%;
	z-index: 99999999999;
}

#SavvyPageEditLink a {
	line-height: 100%;
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.6);
	text-decoration: none;
	padding: 8px 10px;
	font-size: 12px;
}

#SavvyPageEditLink a:hover {
	background-color: rgba(255, 255, 255, 0.6);
	color: white;
}

#SavvyPageEditLink a.close {
	float: right;
	cursor: pointer;
}

.infoRecallDialog .label {
	color: #294172;
	font-weight: bold;
}

.bewebOfficeDebug {
	margin-top: 90px;
}

@media screen and (max-width: 540px) {
	.bewebOfficeDebug {
		display: none;
	}
}

.svyAutocomplete {
	position: relative;
	top: 4px;
	cursor: help;
}

.impersonating {
	background-color: #37bd00;
	color: lightyellow;
	outline: 1px solid red;
	padding: 1px;
	display: inline-block;
}

.printer-btn {
	position: absolute;
	background-image: url(../images/printer.png);
	border: 0;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	height: 24px;
	width: 24px;
	right: 0;
}

.article-edit {
	display: none;
}

.adminnote {
	border: 1px dotted #000;
	background-color: #ccc;
	padding: 5px;
	margin: 2px;
	margin-left: 0;
	max-width: 496px;
	line-height: 160%;
}

/* Start TinyMCE normal styles */
.normal ol,
.normal ul {
	margin-left: 16px;
}

.normal p.image-caption {
	font-style: italic;
	margin: 5px 0 15px;
	text-align: center;
}

.normal a[href$='.pdf'] {
	padding-left: 20px;
	background: transparent url(../images/filetypes/PDF_small.gif) no-repeat left;
}

.normal a[href$='.doc'] {
	padding-left: 20px;
	background: transparent url(../images/filetypes/doc_small.gif) no-repeat left;
}

.normal a[href$='.docx'] {
	padding-left: 20px;
	background: transparent url(../images/filetypes/doc_small.gif) no-repeat left;
}

.normal a[href$='.xls'] {
	padding-left: 20px;
	background: transparent url(../images/filetypes/xls_small.gif) no-repeat left;
}

.normal a[href$='.xlsx'] {
	padding-left: 20px;
	background: transparent url(../images/filetypes/xls_small.gif) no-repeat left;
}

.normal a[href$='.ppt'] {
	padding-left: 20px;
	background: transparent url(../images/filetypes/ppt_small.gif) no-repeat left;
}

.normal a[href$='.pptx'] {
	padding-left: 20px;
	background: transparent url(../images/filetypes/ppt_small.gif) no-repeat left;
}

.normal a[href$='.zip'] {
	padding-left: 20px;
	background: transparent url(../images/filetypes/zip_small.gif) no-repeat left;
}

.normal table {
	padding: 0;
	margin: 0 0 10px 0;
	border: 0;
	border-collapse: collapse;
	width: 100% !important;
}

.normal table td {
	padding: 5px;
	border: 0;
}

.normal table td p {
	/* FF fix */
	margin: 0;
}

.normal table.table-no-gridlines {
	padding: 0;
	margin: 0 0 10px 0;
	border: 0;
	border-collapse: collapse;
	text-align: left;
}

.normal table.table-no-gridlines tr td {
	padding: 5px;
	border: 0;
	vertical-align: top;
}

@media screen and (max-width: 780px) {
	.normal table.table-no-gridlines tr td {
		width: 50%;
		display: inline-block;
	}
}

@media screen and (max-width: 480px) {
	.normal table.table-no-gridlines tr td {
		width: 100%;
		display: block;
	}
}

.normal table.table-small {
	padding: 0;
	margin: 0 0 10px 0;
	border: 0;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-collapse: collapse;
	color: #777;
	font-size: 10px;
}

.normal table.table-small td {
	padding: 5px;
	border: 0;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.normal table.table-gridlines {
	padding: 0;
	margin: 0 0 10px 0;
	border: 0;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-collapse: collapse;
}

.normal table.table-gridlines td {
	padding: 5px;
	border: 0;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.normal iframe {
	width: 100%;
}

.normal img {
	max-width: 100%;
	height: auto;
}

body#tinymce {
	margin: 10px;
	background: #fff;
}

body#tinymce p.image-caption {
	font-style: italic;
	margin: 5px 0 15px;
	text-align: center;
}

body#tinymce table {
	border: 1px dashed #ccc;
}

body#tinymce table td {
	border: 1px dashed #ccc;
}

body#tinymce table.table-small td {
	padding: 5px;
	border: 0;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

/* end admin tinymce override */
/* End TinyMCE normal styles */
.shared-section-wrapper {
	width: 100%;
}

.shared-section-wrapper .section-content {
	width: 100%;
	position: relative;
}

.shared-section-wrapper .section-content h1 {
	padding-bottom: 18px;
}

.shared-section-wrapper.header {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 260px;
	/*min-height: 100%;*/
	transition: 0.5s all ease-out;
	box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.3);
	background-color: white;
	z-index: 15;
}

.shared-section-wrapper.header.closed-header {
	/*left: -$navigationWidth;*/
	left: -220px;
}

@media screen and (max-width: 1000px) {
	.shared-section-wrapper.header.closed-header {
		left: 0;
	}
}

@media screen and (max-width: 1000px) {
	.shared-section-wrapper.header {
		position: relative;
		max-width: none;
		background-color: white;
		box-shadow: 3px 0 5px rgba(0, 0, 0, 0.3);
		min-height: 0;
	}
}

.shared-section-wrapper.header .section-content {
	width: 100%;
}

.shared-section-wrapper.page-content {
	/*padding-left: $navigationWidth+4px;*/
	padding-left: 260px;
	transition: 0.5s all ease-out;
}

.shared-section-wrapper.page-content.closed-header {
	padding-left: 40px;
}

@media screen and (max-width: 1000px) {
	.shared-section-wrapper.page-content.closed-header {
		padding-left: 0;
	}
}

@media screen and (max-width: 1000px) {
	.shared-section-wrapper.page-content {
		width: 100%;
		padding-left: 0;
	}
}

.shared-section-wrapper.footer {
	width: 100%;
	transition: 0.5s all ease-out;
	background-color: #000;
}

@media screen and (min-width: 1000px) {
	.shared-section-wrapper.footer {
		padding-left: 264px;
	}

	.shared-section-wrapper.footer.closed-header {
		padding-left: 40px;
	}
}

.shared-section-wrapper.footer .section-content {
	min-height: 218px;
	padding: 20px;
}

.site-logo {
	display: block;
	padding-bottom: 18px;
	text-align: center;
	text-decoration: none;
	position: relative;
	line-height: 100%;
	background-color: #294172;
}

@media screen and (max-width: 1000px) {
	.site-logo {
		display: inline-block;
		padding-bottom: 0;
	}
}

@media screen and (max-width: 480px) {
	.site-logo {
		padding-left: 10px;
	}
}

.site-logo .logo-img {
	padding: 25px;
	display: block;
	margin-top: -18px;
	width: auto;
	vertical-align: middle;
	margin: auto;
}

@media screen and (max-width: 1000px) {
	.site-logo .logo-img {
		display: inline-block;
		width: 65px;
		margin-top: 0;
	}
}

.site-logo .logo-title {
	display: block;
	position: absolute;
	width: 100%;
	bottom: 22px;
	vertical-align: middle;
	color: white;
	font-size: 18px;
	transition: 0.3s all ease-in-out;
}

@media screen and (max-width: 1000px) {
	.site-logo .logo-title {
		display: inline-block;
		position: relative;
		width: auto;
		bottom: unset;
	}
}

.searchMobileMainNav #search {
	display: none;
}

@media screen and (max-width: 480px) {
	.searchMobileMainNav #search {
		display: block;
	}
}

.searchfield #search form#SearchForm {
	text-align: right;
	padding: 11px 20px;
	margin-top: 9px;
}

@media screen and (min-width: 1000px) {
	.searchfield #search form#SearchForm {
		text-align: center;
	}
}

.searchfield #search form#SearchForm input {
	font-size: 17px;
}

@media screen and (max-width: 480px) {
	.searchfield #search {
		display: none;
	}
}

.searchfield {
	position: relative;
}

@media screen and (min-width: 1000px) {
	.searchfield {
		position: absolute;
		display: block;
		top: 0;
		right: 15px;
		z-index: 5;
	}
}

.searchfield form#SearchForm {
	background-color: transparent;
	margin: 0;
}

.searchfield form#SearchForm input {
	padding: 10px 20px;
	border: 1px solid #ccc;
	width: 200px;
}

.searchfield form#SearchForm input[type=submit] {
	text-transform: uppercase;
	font-weight: bold;
	color: white;
	width: auto;
	background-color: #294172;
	border: 1px solid #294172;
	height: 45px;
}

.searchfield:hover {
	background-color: transparent;
}

.InfoMessage, .ErrorMessage, .WarningMessage, .alert-error {
	position: absolute;
	top: -200px;
	/* move off screen */
	width: 400px;
	left: 50%;
	margin-left: -200px;
	z-index: 200;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	opacity: 0;
	line-height: 150%;
}

@media screen and (max-width: 480px) {
	.InfoMessage, .ErrorMessage, .WarningMessage, .alert-error {
		width: calc(100% - 40px);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		margin-left: 0;
		margin-bottom: 10px;
	}
}

.InfoMessage.showing, .ErrorMessage.showing, .WarningMessage.showing, .alert-error {
	top: 55px;
	opacity: 1;
}

.InfoMessage {
	color: #3a87ad;
	background-color: #d9edf7;
	padding: 8px 14px 8px 14px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	border: 1px solid #bce8f1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.InfoMessageBasic {
	color: #3a87ad;
	background-color: #d9edf7;
	padding: 8px 14px 8px 14px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	border: 1px solid #bce8f1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.ErrorMessage, .alert-error {
	color: #b94a48;
	background-color: #f2dede;
	padding: 8px 14px 8px 14px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	border: 1px solid #eed3d7;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.WarningMessage, .validation-summary-errors {
	padding: 8px 35px 8px 14px;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #c09853;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

/* Clearfix */
.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

a {
	color: #294172;
}

a:hover {
	color: #3f64b1;
	text-decoration: none;
}

.btn, input[type=button], .go-button {
	display: inline-block;
	color: ButtonText;
	background-color: ButtonFace;
	padding: 10px 12px;
	line-height: 1;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
}

.btn:hover, input[type=button]:hover, .go-button:hover {
	color: ButtonText;
	background-color: ButtonHighlight;
}

.btn-mini, input[type=submit].btn-mini, input[type=button].btn-mini {
	padding: 2px 6px;
	font-size: 11px;
	line-height: 14px;
}

.ghost-btn {
	background-color: transparent;
	color: #e10a29;
	text-transform: none;
	border: 1px solid transparent;
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
}

.ghost-btn:hover {
	/*text-decoration:none;*/
	color: #e10a29;
	border: 1px solid #e10a29;
}

h1, h2, h3 {
	font-family: "Open Sans", Arial, sans-serif;
	line-height: 150%;
	font-weight: normal;
}

h4, h5, h6 {
	font-family: "Open Sans", Arial, sans-serif;
	font-weight: bold;
}

h1 {
	font-size: 50px;
	line-height: 100%;
}

@media screen and (max-width: 1000px) {
	h1 {
		font-size: 38px;
	}
}

@media screen and (max-width: 480px) {
	h1 {
		font-size: 28px;
	}
}

h2 {
	font-size: 40px;
	line-height: 120%;
}

@media screen and (max-width: 1000px) {
	h2 {
		font-size: 32px;
	}
}

@media screen and (max-width: 480px) {
	h2 {
		font-size: 22px;
	}
}

h3 {
	font-size: 30px;
}

@media screen and (max-width: 1000px) {
	h3 {
		font-size: 26px;
	}
}

@media screen and (max-width: 480px) {
	h3 {
		font-size: 18px;
	}
}

h4 {
	font-size: 24px;
}

@media screen and (max-width: 1000px) {
	h4 {
		font-size: 18px;
	}
}

@media screen and (max-width: 480px) {
	h4 {
		font-size: 17px;
	}
}

h5 {
	font-size: 18px;
}

@media screen and (max-width: 1000px) {
	h5 {
		font-size: 16px;
	}
}

@media screen and (max-width: 480px) {
	h5 {
		font-size: 14px;
	}
}

h6 {
	font-size: 14px;
}

.principal-wrapper {
	min-height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: -250px;
	position: relative;
}

.sticky-footer-push {
	height: 300px;
	clear: both;
}

.container {
	width: 100%;
	margin: 0 auto;
	padding: 20px;
}

.container.standard-element {
	padding-top: 20px;
}

@media screen and (min-width: 1000px) {
	.container.standard-element {
		/*padding-top: 80px;*/
		padding-left: 20px;
	}
}

@media screen and (max-width: 480px) {
	.container.standard-element {
		padding-bottom: 0;
	}
}

.tableItems {
	margin-top: 20px;
	width: 100%;
}

.tableItems tr td {
	padding: 10px;
}

.tableItems tr .modelsOnFloorTitle {
	border-bottom: 2px solid #294172;
	padding-left: 5px;
	font-size: 18px;
}

.tableItems tr.modelOnFloor {
	cursor: pointer;
}

.tableItems tr.modelOnFloor td {
	/*color: #ffffff;*/
	/*background-color: $mainthemecolor;*/
	border-top: 1px solid #294172;
	font: bold 16px Arial, Helvetica, sans-serif;
	padding: 5px 15px 5px 5px;
	vertical-align: bottom;
}

.tableItems tr:nth-child(1) {
	border-top: 2px solid #294172;
}

.tableItems tr:nth-child(1) td {
	/*font-weight: bold;*/
}

.kitImage {
	max-width: 350px;
	width: 100%;
}

.svyAdmin {
	margin: 1px;
	padding: 2px;
	border-radius: 3px;
	display: inline-block;
	color: #fff;
	border: 2px dotted #bb0404;
	background-color: #ac5151 !important;
	line-height: 1;
	text-transform: none;
	text-decoration: none;
	cursor: pointer;
	opacity: .6;
}

.svyError {
	display: block;
	border: 2px dotted #bb0404;
	background-color: #ac5151;
	color: white;
	padding: 5px;
	margin-bottom: 10px;
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.stock-details {
	display: none;
}

.mobileTableWrap {
	width: 100%;
	display: block;
	overflow-x: scroll;
}

@media screen and (max-width: 480px) {
	.mobileTableWrap {
		overflow-y: scroll;
	}
}

@media screen and (max-width: 1000px) {
	.mobileTableWrap {
		width: 100%;
		display: block;
	}
}

@media screen and (max-width: 480px) {
	.nomobile {
		display: none;
	}
}

.helpPanelWrap {
	border: 2px solid #dddddd;
	border-radius: 6px;
	padding: 8px;
}

.slogan {
	position: relative;
	bottom: 100%;
	right: 0;
	color: #000;
	font-size: 16px;
	font-style: italic;
	text-align: right;
	line-height: 0;
}

.slogan .slogan-message {
	display: inline-block;
	font-size: 11px;
	vertical-align: middle;
	margin-right: 15px;
	margin-top: -20px;
}

@media screen and (min-width: 480px) {
	.slogan .slogan-message {
		font-size: 16px;
	}
}

.footer {
	color: #fff;
	position: relative;
}

.footer a {
	text-decoration: none;
}

.footer .copyright {
	font-size: 1em;
	color: #808080;
	display: block;
	margin-bottom: 15px;
	text-align: center;
}

@media screen and (min-width: 1000px) {
	.footer .copyright {
		position: absolute;
		top: 20px;
		left: 20px;
		margin-bottom: auto;
		max-width: 192px;
	}
}

.footer ul.footer-nav {
	list-style: none;
	display: block;
	margin: 0;
}

@media screen and (min-width: 1000px) {
	.footer ul.footer-nav {
		margin-left: 200px;
		margin-top: 7px;
	}
}

.footer ul.footer-nav li {
	display: block;
	margin-bottom: 10px;
	text-align: center;
}

@media screen and (min-width: 780px) {
	.footer ul.footer-nav li {
		display: inline-block;
		margin-right: 10px;
		margin-bottom: 3px;
		text-align: left;
	}
}

.footer ul.footer-nav li a {
	padding: 6px;
	text-decoration: none;
	color: #808080;
	font-weight: bold;
	text-transform: uppercase;
}

.footer ul.footer-nav li .subNavigation-footer {
	display: none;
}

.nav-toggle {
	position: absolute;
	display: block;
	left: 100%;
	top: 0;
	width: 40px;
	height: 40px;
	padding: 10px 7px;
	margin-left: -40px;
	background-color: #294172;
	color: white;
	cursor: pointer;
	z-index: 10;
}

@media screen and (max-width: 1000px) {
	.nav-toggle {
		display: none;
	}
}

.nav-toggle .sidebar-toggle-icon {
	position: relative;
	width: 100%;
	height: 100%;
}

.nav-toggle .sidebar-toggle-icon span {
	position: absolute;
	width: 80%;
	height: 2px;
	background-color: #fff;
}

.nav-toggle .sidebar-toggle-icon span:nth-child(1) {
	top: 0;
}

.nav-toggle .sidebar-toggle-icon span:nth-child(2) {
	top: 50%;
	transform: translateY(-50%);
}

.nav-toggle .sidebar-toggle-icon span:nth-child(3) {
	top: auto;
	bottom: 0;
}

.mainNav {
	max-width: 1170px;
	margin: 0 auto;
	background-color: transparent;
}

@media screen and (max-width: 1000px) {
	.mainNav {
		background-color: #294172;
	}
}

.infoIcon {
	position: absolute;
	right: 17px;
	background-color: #294172;
	border-radius: 50% 50% 50% 0;
	width: 20px;
	height: 20px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	transform: rotate(225deg);
	line-height: 100%;
	top: 2px;
	z-index: 10;
	cursor: pointer;
	/*+ a::after {
			border-left-color: #ffffff;
		}*/
}

.infoIcon span {
	transform: rotate(-225deg);
	display: inline-block;
	border-radius: 50%;
	color: #fff;
	background-color: #294172;
	width: 16px;
	height: 16px;
	margin: 3px;
	padding: 3px;
}

.infoIcon.icon3 {
	transform: rotate(45deg);
	right: 7px;
	top: 10px;
}

.infoIcon.icon3 span {
	transform: rotate(-45deg);
	padding: 2px;
}

.infoIcon.iconDown {
	transform: rotate(-45deg);
	right: auto;
	top: auto;
}

.infoIcon.iconDown span {
	transform: rotate(45deg);
	text-align: center;
	margin-left: 0;
	margin-right: 1px;
}

.active .infoIcon.icon1 {
	display: none;
}

td .infoIcon {
	display: inline-block;
	position: relative;
	right: auto;
	top: auto;
}

.main-navigation {
	list-style: none;
	display: block;
	margin-left: 0;
	padding: 0;
	/*.infoIcon {
		position: absolute;
		right: 23px;
		border: 2px solid $mainthemecolor ;
	border-radius: 50%;
	color: white;
	font-weight: bold;
	background-color: $mainthemecolor ;
	height: 20px;
	width: 20px;
	padding-left: 0px;
	padding-top: 0px;
	line-height: 101%;
	text-align: center;
}

*/
}

.main-navigation li {
	position: relative;
	width: 100%;
}

.main-navigation li a {
	display: block;
	padding: 0 30px 20px 20px;
	text-decoration: none;
	font-size: 17px;
	color: #808080;
	text-transform: uppercase;
	font-weight: bold;
	position: relative;
}

.main-navigation li:first-child a {
	padding-top: 20px;
}

@media screen and (min-width: 1000px) {
	.main-navigation li.parent-active > a.has-subnav:after, .main-navigation li.active > a.has-subnav:after {
		content: '';
		position: absolute;
		border-left: 5px solid #294172;
	}
}

@media screen and (min-width: 1000px) {
	.main-navigation li:hover a {
		color: #294172;
	}

	.main-navigation li:hover a.has-subnav:after {
		content: '';
		border-left: 5px solid #294172;
	}
}

.main-navigation li:hover ul.subNavigation {
	display: block;
}

@media screen and (max-width: 1000px) {
	.main-navigation li {
		width: 100%;
		margin-bottom: 1px solid #fff;
	}
}

.main-navigation li ul.subNavigation {
	display: none;
	/*list-style: none; list-style is only hidden on IE with below method*/
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
	position: absolute;
	top: -18px;
	left: 100%;
	width: 280px;
	z-index: 50;
	background-color: #ececec;
	margin-left: 0;
	padding: 10px 0;
}

@media screen and (max-width: 1000px) {
	.main-navigation li ul.subNavigation {
		/*display: block;*/
		position: relative;
		width: 100%;
		position: relative;
		top: auto;
		left: 0;
		border-color: #fff;
		background-color: transparent;
	}
}

.main-navigation li ul.subNavigation li {
	/*border-bottom:1px solid;*/
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	display: block;
	text-align: left;
	border: none;
}

.main-navigation li ul.subNavigation li.flyout-title a {
	font-weight: bold;
	font-size: 17px;
}

@media screen and (min-width: 1170px) {
	.main-navigation li ul.subNavigation li.flyout-title {
		display: none;
	}
}

.main-navigation li ul.subNavigation li.flyout-title.active a {
	color: #294172;
}

@media screen and (max-width: 1000px) {
	.main-navigation li ul.subNavigation li {
		border-color: #fff;
	}

	.main-navigation li ul.subNavigation li.flyout-title {
		display: block;
	}

	.main-navigation li ul.subNavigation li:last-child {
		border: none;
	}
}

.main-navigation li ul.subNavigation li a {
	color: #808080;
	font-weight: normal;
	font-size: 12px;
	padding: 10px 17px;
	width: 100%;
}

.main-navigation li ul.subNavigation li.active a {
	color: #294172;
}

.main-navigation li ul.subNavigation li.active li a {
	color: #808080;
}

.main-navigation li ul.subNavigation li.active li.active a {
	color: #294172;
}

@media screen and (min-width: 1000px) {
	.main-navigation li ul.subNavigation li:hover {
		/*background-color: $mainnavigationhovercolor;*/
	}

	.main-navigation li ul.subNavigation li:hover a {
		color: #294172;
	}

	.main-navigation li ul.subNavigation li:hover .subNavigationLevel2 li a {
		color: #808080;
	}

	.main-navigation li ul.subNavigation li:hover .subNavigationLevel2 li a:hover {
		color: #294172;
	}
}

@media screen and (max-width: 1000px) {
	.main-navigation {
		z-index: 999;
		display: none;
		margin: 0;
		padding: 30px 15px 50px;
		position: absolute;
		width: 100%;
		height: 100vh;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		overflow-y: scroll;
		background-color: #666666;
		background-color: #fff;
	}

	.main-navigation li {
		width: 100%;
		border-bottom: 1px solid #fff;
	}

	.main-navigation li a {
		text-align: center;
		color: #000;
	}
}

.navigation:not(.closed-header) .parent-active > a, .navigation:not(.closed-header) .active > a {
	color: #294172;
}

.navigation:not(.closed-header) .parent-active .subNavigation, .navigation:not(.closed-header) .active .subNavigation {
	display: block;
	position: relative;
	left: auto;
	background-color: white;
}

@media screen and (min-width: 1000px) {
	.navigation:not(.closed-header) .parent-active .subNavigation, .navigation:not(.closed-header) .active .subNavigation {
		margin: 0;
		padding-left: 20px;
		width: 100%;
	}
}

.navigation:not(.closed-header) .parent-active .subNavigation li, .navigation:not(.closed-header) .active .subNavigation li {
	width: 100%;
}

.navigation:not(.closed-header) .parent-active .subNavigation li.active .subNavigationLevel2, .navigation:not(.closed-header) .active .subNavigation li.active .subNavigationLevel2 {
	margin: 0;
}

.navigation:not(.closed-header) .parent-active .subNavigation li.active .subNavigationLevel2 li, .navigation:not(.closed-header) .active .subNavigation li.active .subNavigationLevel2 li {
	padding-left: 15px;
	width: 100%;
	/*&.active {
								a {
									//triangle
									@media screen and (min-width:$tablet-break) {
										&:before {
											content: '';
											border-radius: 0;
											border-left: 5px solid $mainthemecolor;
											border-right: 5px solid transparent;
											border-top: 5px solid transparent;
											border-bottom: 5px solid transparent;
										}
									}
								}
							}*/
}

.navigation:not(.closed-header) .parent-active .subNavigation li.active .subNavigationLevel2 li:first-child, .navigation:not(.closed-header) .active .subNavigation li.active .subNavigationLevel2 li:first-child {
	margin-top: -5px;
}

.navigation:not(.closed-header) .parent-active .subNavigation li.active .subNavigationLevel2 li a, .navigation:not(.closed-header) .active .subNavigation li.active .subNavigationLevel2 li a {
	padding: 5px 18px;
	font-size: 0.9em;
}

@media screen and (min-width: 1000px) {
	.navigation:not(.closed-header) .parent-active .subNavigation li.active .subNavigationLevel2 li a:before, .navigation:not(.closed-header) .active .subNavigation li.active .subNavigationLevel2 li a:before {
		content: '-';
		border: none;
		top: 7px;
		left: 10px;
		/*position: absolute;
										top: 50%;
										left: 15px;
										transform: translateY(-50%);
										width: 5px;
										height: 5px;
										border: 2.5px solid $navigationfontcolor;
										border-radius: 100%;*/
	}
}

@media screen and (min-width: 1000px) {
	.navigation:not(.closed-header) .parent-active .subNavigation li.active a:before, .navigation:not(.closed-header) .active .subNavigation li.active a:before {
		content: '';
		border-radius: 0;
		border-left: 5px solid #294172;
		border-right: 5px solid transparent;
		border-top: 2px solid transparent;
		border-bottom: 2px solid transparent;
	}
}

.navigation:not(.closed-header) .parent-active .subNavigation li.active:hover a:before, .navigation:not(.closed-header) .active .subNavigation li.active:hover a:before {
	border-right-color: transparent;
	border-top-color: transparent;
	border-bottom-color: transparent;
}

.navigation:not(.closed-header) .parent-active .subNavigation li a, .navigation:not(.closed-header) .active .subNavigation li a {
	font-weight: lighter;
	text-transform: none;
	padding-left: 20px;
	font-size: 14px;
}

@media screen and (min-width: 1000px) {
	.navigation:not(.closed-header) .parent-active .subNavigation li a:before, .navigation:not(.closed-header) .active .subNavigation li a:before {
		content: '';
		position: absolute;
		top: 20px;
		left: 10px;
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 3px;
		height: 3px;
		border: 1.5px solid #808080;
		border-radius: 100%;
	}
}

.navigation:not(.closed-header) .parent-active .subNavigation li:hover a:before, .navigation:not(.closed-header) .active .subNavigation li:hover a:before {
	border-color: #294172;
}

.secNav {
	background-color: pink;
}

.header-navigation {
	max-width: 1170px;
	margin: 0 auto;
	list-style: none;
	display: block;
	text-align: right;
}

.header-navigation li {
	position: relative;
	line-height: 100%;
	display: inline-block;
}

.header-navigation li a {
	display: block;
	padding: 20px;
	text-decoration: none;
	font-size: 17px;
}

@media screen and (min-width: 1000px) {
	.header-navigation li:hover {
		background-color: #ddd;
	}
}

.header-navigation li:hover ul.subNavigation {
	display: block;
}

.header-navigation li.searchfield form {
	background-color: transparent;
	margin-top: 0;
}

.header-navigation li.searchfield:hover {
	background-color: transparent;
}

.header-navigation li ul.subNavigation {
	display: none;
	/*list-style: none; list-style is only hidden on IE with below method*/
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
	position: absolute;
	top: 100%;
	width: 220px;
	z-index: 50;
	background-color: gray;
}

@media screen and (max-width: 1000px) {
	.header-navigation li ul.subNavigation {
		/*display: block;*/
		width: 100%;
		position: relative;
		top: auto;
		border-color: #fff;
	}
}

.header-navigation li ul.subNavigation li {
	float: none;
	display: block;
	text-align: left;
	border: none;
}

@media screen and (max-width: 1000px) {
	.header-navigation li ul.subNavigation li {
		border-color: #fff;
	}

	.header-navigation li ul.subNavigation li:last-child {
		border: none;
	}
}

.header-navigation li ul.subNavigation li a {
	font-size: 14px;
	padding: 10px;
	width: 100%;
}

@media screen and (max-width: 1000px) {
	.header-navigation {
		display: block;
		position: relative;
		width: 100%;
	}

	.header-navigation li {
		display: inline-block;
	}

	.header-navigation li a {
		text-align: center;
		color: #fff;
		padding: 10px;
	}
}

@media screen and (min-width: 1000px) {
	.has-subnav:after {
		content: '';
		position: absolute;
		top: 12px;
		right: 10px;
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 10px;
		height: 10px;
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		border-left: 5px solid #808080;
	}
}

#MobileNavBtn {
	display: none;
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 9999;
}

@media screen and (max-width: 1000px) {
	#MobileNavBtn {
		display: block;
	}
}

@media screen and (max-width: 480px) {
	#MobileNavBtn {
		top: 7px;
	}
}

@media screen and (min-width: 1000px) {
	.closed-header .site-logo .logo-title {
		right: 28px;
		top: 60px;
		transform-origin: 100% 0;
		transform: rotate(-90deg);
		width: auto;
	}
}

.closed-header .main-navigation li.active .infoIcon.icon1 {
	display: block;
}

.closed-header .main-navigation li .icon3 {
	display: block;
}

.closed-header .main-navigation li .subNavigation li.flyout-title {
	display: block;
	/*text-align: center;*/
}

.closed-header .main-navigation li .subNavigation li.flyout-title a {
	font-size: 16px;
}

.closed-header .main-navigation li .subNavigation li .subNavigationLevel2 {
	display: none;
}

.back-to-top {
	color: #294172;
	float: right;
	font-size: 12px;
}

.back-to-top span {
	display: inline-block;
}

.back-to-top span::after {
	font-size: 20px;
	content: '»';
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	display: block;
	padding-bottom: 6px;
}

.back-to-top a {
	margin-left: 3px;
}

.article-list .js-articles:first-of-type .back-to-top {
	display: none;
}

.window-message {
	padding: 9px 14px;
	/*background-color: #001A70;
	color: white;
	*/
	background-color: #FFD100;
	color: black;
	font-size: 16pt;
	-ms-border-radius: 4px;
	border-radius: 4px;
	position: relative;
	margin-bottom: 10px;
}

.window-message:last-child {
	margin-bottom: 0;
}

.window-message.notification,
.window-message.newsflash {
	/* not sure why we need this */
	min-height: 50px;
	padding: 12px 115px 9px 30px;
	position: relative;
}

.window-message > .fa-override {
	position: absolute;
	left: 10px;
	top: 14px;
}

.window-message.newsflash .ok-got-it-btn {
	/* not sure why we need this */
	position: absolute;
	right: 10px;
	bottom: 10px;
}

.window-message.notification {
	background-color: orange;
}

.m3-unavailable.notification {
	background-color: orange;
}

.window-message.maintenance {
	background-color: red;
}

.window-message.maintenance .maintenance-heading,
.window-message.maintenance .maintenance-heading {
	border-bottom: 1px solid;
	color: #fff;
	font-weight: bold;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

.window-message.maintenance .maintenance-heading .fa-override {
	margin-right: 10px;
}

.window-message.maintenance .endtime {
	font-size: 12pt;
	font-style: italic;
}

input,
textarea {
	padding: 6px;
	border: 1px solid #ccc;
	border-radius: 0;
	vertical-align: top;
	font-family: "Open Sans", Arial, sans-serif;
}

label {
	cursor: pointer;
}

input[type=checkbox].svyCheckBox {
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	width: 20px;
	height: 20px;
}

input[type=checkbox].svyCheckBox:not(:checked),
input[type=checkbox].svyCheckBox:checked {
	position: absolute;
	/*left: -9999px;*/
	visibility: hidden;
}

input[type=checkbox].svyCheckBox:not(:checked) + label,
input[type=checkbox].svyCheckBox:checked + label {
	position: relative;
	padding: 0 10px 0 28px;
	cursor: pointer;
	line-height: 20px;
	display: inline-block;
}

input[type=checkbox].svyCheckBox:not(:checked) + label:before,
input[type=checkbox].svyCheckBox:checked + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 20px;
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 0;
	box-shadow: none;
}

input[type=checkbox].svyCheckBox:not(:checked) + label:after,
input[type=checkbox].svyCheckBox:checked + label:after {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	left: 0;
	font-size: 14px;
	line-height: 0.8;
	color: #000;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	font-family: "Open Sans", Arial, sans-serif;
	background: url("../images/checkbox_tick.png") center center no-repeat;
}

input[type=checkbox].svyCheckBox:not(:checked):focus + label:before,
input[type=checkbox].svyCheckBox:checked:focus + label:before {
	border: 1px solid #aaaaaa;
}

input[type=checkbox].svyCheckBox:checked {
	opacity: 1;
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}

input[type=checkbox].svyCheckBox:not(:checked) + label:after {
	opacity: 0;
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
}

input[type=checkbox].svyCheckBox:disabled + label {
	color: #aaaaaa;
}

input[type=checkbox].svyCheckBox:disabled:checked + label:before,
input[type=checkbox].svyCheckBox:disabled:not(:checked) + label:before {
	box-shadow: none;
	border-color: #aaaaaa;
	background-color: #aaaaaa;
}

input[type=checkbox].svyCheckBox:disabled:checked + label:after {
	color: #aaaaaa;
}

input[type="radio"].svyRadio {
	/*change to */
	-webkit-appearance: none;
	-moz-appearance: none;
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

input[type="radio"].svyRadio:checked,
input[type="radio"].svyRadio:not(:checked) {
	position: absolute;
	/*left: -9999px;*/
	visibility: hidden;
}

input[type="radio"].svyRadio:checked + label,
input[type="radio"].svyRadio:not(:checked) + label {
	position: relative;
	padding: 0 20px 10px 28px;
	line-height: 150%;
	display: inline-block;
}

input[type="radio"].svyRadio:checked + label:before,
input[type="radio"].svyRadio:not(:checked) + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 20px;
	border: 1px solid #3f64b1;
	border-radius: 100%;
	background: #fff;
}

input[type="radio"].svyRadio:checked + label:after,
input[type="radio"].svyRadio:not(:checked) + label:after {
	content: '';
	width: 12px;
	height: 12px;
	background: #000;
	position: absolute;
	top: 4px;
	left: 4px;
	border-radius: 100%;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

input[type="radio"].svyRadio:not(:checked) + label:after {
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}

input[type="radio"].svyRadio:checked + label:after {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

select.svySelectBox {
	padding: 6px;
	-webkit-appearance: menulist;
	-moz-appearance: menulist;
}

form {
	padding: 10px;
	margin-top: 20px;
	/* these must be listed seperately to work! */
}

form ::-webkit-input-placeholder {
	/* WebKit, Blink, Edge */
	color: #ccc;
}

form :-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #ccc;
	opacity: 1;
}

form ::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #ccc;
	opacity: 1;
}

form :-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #ccc;
}

form .data-placeholder-on {
	color: #ccc;
}

form .spinner {
	display: none;
}

form.field-wrapper {
	padding: 0;
	background-color: transparent;
}

@media screen and (max-width: 480px) {
	form {
		margin-top: 10px;
	}
}

@media screen and (max-width: 480px) {
	form.contactform {
		padding: 0;
	}
}

ul.form {
	list-style: none;
}

@media screen and (max-width: 480px) {
	ul.form {
		margin-left: 0;
	}
}

ul.form li {
	margin-top: 10px;
}

ul.form li:first-child {
	margin-top: 0;
}

ul.form li.action {
	margin-top: 20px;
}

ul.form li input[type="text"],
ul.form li textarea,
ul.form li select.svySelectBox {
	width: 300px;
}

@media screen and (max-width: 1000px) {
	ul.form li input[type="text"],
	ul.form li textarea,
	ul.form li select.svySelectBox {
		width: 100%;
	}
}

ul.form li input[type="text"]#Amount,
ul.form li textarea#Amount,
ul.form li select.svySelectBox#Amount {
	width: 155px;
	margin-left: 5px;
}

form#SearchForm {
	text-align: right;
	padding: 11px 20px;
}

@media screen and (min-width: 1000px) {
	form#SearchForm {
		text-align: center;
	}
}

form#SearchForm input {
	font-size: 17px;
}

.yesno {
	-webkit-appearance: radio;
}

.MemberLogin .sticky-footer {
	display: none;
}

.MemberLogin .alert {
	position: absolute;
	padding: 8px 14px;
	color: #c09853;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	width: 300px;
	left: 50%;
	margin-left: -150px;
	margin-top: -70px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
}

.MemberLogin .alert.alert-error {
	color: #b94a48;
	background-color: #f2dede;
	border-color: #eed3d7;
}

.MemberLogin .alert.alert-info {
	color: #3a87ad;
	background-color: #d9edf7;
	border-color: #bce8f1;
}

.memberlogin.shared-section-wrapper.page-content {
	padding: 100px 0 0;
}

.memberlogin.shared-section-wrapper.page-content form {
	width: 300px;
	padding: 0;
	margin: 0 auto;
	font-family: "Open Sans", Arial, sans-serif;
}

.memberlogin.shared-section-wrapper.page-content form.loginform tr:last-child td {
	border-bottom: 1px solid #294172;
	position: relative;
}

.memberlogin.shared-section-wrapper.page-content form.loginform tr:last-child td .slogan-moto-img {
	position: absolute;
	right: -15px;
	bottom: 0;
}

.memberlogin.shared-section-wrapper.page-content form.forgotpasswordform {
	margin-top: 0;
	padding-top: 0;
}

.memberlogin.shared-section-wrapper.page-content form.forgotpasswordform tr.forgothead {
	text-align: right;
}

.memberlogin.shared-section-wrapper.page-content form.forgotpasswordform tr.forgothead a {
	font-size: 12px;
	cursor: pointer;
}

.memberlogin.shared-section-wrapper.page-content form table {
	width: 100%;
	margin: 0;
}

.memberlogin.shared-section-wrapper.page-content form table td {
	padding: 15px 0;
	white-space: nowrap;
}

.memberlogin.shared-section-wrapper.page-content form table td input[type=text],
.memberlogin.shared-section-wrapper.page-content form table td input[type=password] {
	width: 100%;
}

.memberlogin.shared-section-wrapper.page-content form table td.wrap {
	white-space: normal;
	font-size: 12px;
}

.memberlogin.shared-section-wrapper.page-content form table .dataheading {
	position: relative;
	color: #294172;
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 17px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	border-bottom: 1px solid #294172;
}

.memberlogin.shared-section-wrapper.page-content .login-wrapper {
	width: 100%;
}

#SearchAgainForm {
	display: none;
}

a.showall {
	float: right;
	margin-top: 18px;
	text-decoration: none;
}

@media screen and (max-width: 1000px) {
	a.showall {
		margin-top: 12px;
	}
}

@media screen and (max-width: 480px) {
	a.showall {
		margin-top: 4px;
	}
}

h3.search-area-title {
	float: left;
	float: left;
}

.search-results {
	list-style: none;
	border-top: 1px solid #ccc;
	margin: 10px 0 30px;
}

.search-results .search-result {
	padding: 20px 10px;
	border-bottom: 1px dotted #ccc;
	cursor: pointer;
}

.search-results .search-result:hover {
	background-color: #f1f1f1;
}

.search-results .search-result a.image {
	float: left;
	margin-right: 20px;
	width: 100px;
	height: 100px;
}

.search-results .search-result a.searchTitle {
	text-decoration: none;
}

.search-results .search-result .info {
	display: inline;
}

.shared-tile-list {
	display: block;
	margin: 0;
	width: 100%;
	font-size: 0;
}

.shared-tile-list .tile {
	display: inline-block;
	font-size: 14px;
	width: 100%;
	overflow: hidden;
	/*@media screen and (min-width:$tablet-break) {
			&:first-child {
				margin-left: 0;
			}
		}*/
}

@media screen and (min-width: 780px) {
	.shared-tile-list .tile {
		width: 45%;
		margin: 10px;
	}
}

@media screen and (min-width: 1000px) {
	.shared-tile-list .tile {
		width: 30%;
		max-width: 260px;
	}
}

.shared-tile-list .tile .tile-container {
	position: relative;
	height: 260px;
	background: center center no-repeat;
	background-size: cover;
	/*.tile-image {
				width: 100%;
			}*/
}

@media screen and (min-width: 1170px) {
	.shared-tile-list .tile .tile-container {
		height: 260px;
	}
}

.shared-tile-list .tile .tile-container .tile-title {
	font-style: italic;
	position: absolute;
	bottom: 0;
	width: 100%;
	font-size: 24px;
	color: #fff;
	text-align: center;
	z-index: 2;
	pointer-events: none;
	background-color: rgba(0, 0, 0, 0.65);
	padding: 10px;
	height: 68px;
	line-height: 100%;
	-webkit-transition: 0.3s all ease-in-out;
	-moz-transition: 0.3s all ease-in-out;
	-ms-transition: 0.3s all ease-in-out;
	-o-transition: 0.3s all ease-in-out;
	transition: 0.3s all ease-in-out;
}

.shared-tile-list .tile .tile-container .tile-title span {
	display: block;
	position: relative;
	top: 50%;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.shared-tile-list .tile .tile-container .tile-sub-title {
	font-style: italic;
	position: absolute;
	bottom: 0;
	width: 100%;
	font-size: 13px;
	color: #fff;
	text-align: center;
	z-index: 2;
	pointer-events: none;
	font-weight: normal;
	padding: 10px;
	height: 68px;
	line-height: 100%;
	-webkit-transition: 0.3s all ease-in-out;
	-moz-transition: 0.3s all ease-in-out;
	-ms-transition: 0.3s all ease-in-out;
	-o-transition: 0.3s all ease-in-out;
	transition: 0.3s all ease-in-out;
}

.shared-tile-list .tile .tile-container .tile-sub-title span {
	display: block;
	position: relative;
	top: 90%;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.shared-tile-list .tile .tile-container .tile-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	border: none;
	border-top: 0 solid #294172;
	border-right: 0 solid #294172;
	border-left: 0 solid #294172;
	border-bottom: 5px solid #294172;
	-webkit-transition: 0.3s all ease-in-out;
	-moz-transition: 0.3s all ease-in-out;
	-ms-transition: 0.3s all ease-in-out;
	-o-transition: 0.3s all ease-in-out;
	transition: 0.3s all ease-in-out;
}

.shared-tile-list .tile .tile-container .background-image {
	position: relative;
	z-index: 0;
}

.shared-tile-list .tile .tile-container .background-image img {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.shared-tile-list .tile .tile-container:hover {
	-webkit-transition: 0.3s all ease-in-out;
	-moz-transition: 0.3s all ease-in-out;
	-ms-transition: 0.3s all ease-in-out;
	-o-transition: 0.3s all ease-in-out;
	transition: 0.3s all ease-in-out;
}

.shared-tile-list .tile .tile-container:hover .tile-title {
	background-color: transparent;
}

.shared-tile-list .tile .tile-container:hover .tile-link {
	border-top: 10px solid rgba(41, 65, 114, 0.5);
	border-right: 10px solid rgba(41, 65, 114, 0.5);
	border-left: 10px solid rgba(41, 65, 114, 0.5);
	border-bottom: 68px solid rgba(41, 65, 114, 0.5);
}

.shared-tile-list .tile .tile-container:hover .tile-link:after {
	content: '';
	position: absolute;
	bottom: 0;
	height: 0;
}

.shared-tile-list .tile .svyAdmin {
	position: relative;
	top: -16px;
	opacity: .8;
	left: -213px;
	z-index: 2;
}

.tile-special {
	padding: 20px;
	/*margin-bottom: 25px;*/
	background-image: url(../images/pattern-gray.jpg);
}

@media screen and (min-width: 780px) {
	.tile-special {
		padding: 38px 30px 0;
	}
}

.tile-special .tile {
	width: 100%;
	padding: 0;
	vertical-align: middle;
	margin-bottom: 30px;
}

@media screen and (min-width: 780px) {
	.tile-special .tile {
		margin: 0 38px 38px 0;
		width: 30%;
		max-width: 340px;
	}

	.tile-special .tile:nth-child(3) {
		margin: 0 0 38px 0;
	}
}

.tile-special .tile .tile-container {
	height: 270px;
}

.row-even td {
	background-color: #fffdfd;
}

.row-odd td {
	background-color: #eee;
}

.article-list {
	margin: 0;
	list-style: none;
}

.article-list li {
	margin-bottom: 20px;
}

.article-list li .svyAdmin {
	float: right;
	display: inline;
}

.article-list li .articleDate {
	float: right;
	font-style: italic;
}

.article-list .tile-wrapper {
	padding: 0;
	margin-top: 15px;
}

.article-list .tile-wrapper .document:hover .document-info .document-details {
	max-height: 260px;
}

.article-list .tile-wrapper .document .document-info {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.65);
	color: white;
	padding: 12px;
}

.article-list .tile-wrapper .document .document-info .document-title {
	width: 100%;
	text-align: center;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
}

.article-list .tile-wrapper .document .document-info .document-details {
	max-height: 260px;
	overflow: hidden;
	-webkit-transition: 0.3s all ease-in-out;
	-moz-transition: 0.3s all ease-in-out;
	-ms-transition: 0.3s all ease-in-out;
	-o-transition: 0.3s all ease-in-out;
	transition: 0.3s all ease-in-out;
}

@media screen and (min-width: 1000px) {
	.article-list .tile-wrapper .document .document-info .document-details {
		max-height: 0;
	}
}

.article-list .tile-wrapper .document .document-info .document-date {
	display: block;
	font-size: 11px;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 2px;
}

.article-list .tile-wrapper .document .document-info .document-actions {
	margin-top: 15px;
}

.article-list .tile-wrapper .document .document-info .ghost-btn {
	float: right;
}

.article-list .tile-wrapper .document .document-info .normal p {
	font-size: 12px;
	line-height: 150%;
}

.article-list .tile-wrapper .document-no-picture {
	vertical-align: top;
	width: 100%;
	max-width: none;
	min-height: 192px;
	background-color: #f1f1f1;
	padding: 13px;
}

.article-list .tile-wrapper .document-no-picture:hover {
	background-color: #cecece;
	-webkit-transition: 0.3s all ease-in-out;
	-moz-transition: 0.3s all ease-in-out;
	-ms-transition: 0.3s all ease-in-out;
	-o-transition: 0.3s all ease-in-out;
	transition: 0.3s all ease-in-out;
	/*20180717jn did that!*/
}

@media screen and (min-width: 780px) {
	.article-list .tile-wrapper .document-no-picture {
		width: 50%;
	}
}

@media screen and (min-width: 1170px) {
	.article-list .tile-wrapper .document-no-picture {
		width: 30%;
		/*20180829jn set this to 30 for my tall screen*/
		max-width: 314px;
	}
}

.article-list .tile-wrapper .document-no-picture .tile-container {
	height: 100%;
}

.article-list .tile-wrapper .document-no-picture .icon-large {
	position: absolute;
	left: 0;
	top: 0;
}

.article-list .tile-wrapper .document-no-picture .document-info {
	position: relative;
	height: 100%;
	margin-left: 70px;
}

.article-list .tile-wrapper .document-no-picture .document-title {
	font-size: 16px;
	margin-bottom: 10px;
	line-height: 1;
	font-weight: 400;
}

.article-list .tile-wrapper .document-no-picture .document-date {
	display: block;
	margin-bottom: 16px;
	line-height: 1;
}

.article-list .tile-wrapper .document-no-picture .normal {
	margin-bottom: 38px;
}

.article-list .tile-wrapper .document-no-picture .normal p {
	font-size: 12px;
	line-height: 150%;
}

.article-list .tile-wrapper .document-no-picture .document-actions {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
}

.article-list .tile-wrapper .document-no-picture .icon-small {
	margin-right: 5px;
}

.article-list .tile-wrapper .document-no-picture .icon-small:after {
	content: '';
	width: 0;
}

.icon-small {
	position: relative;
	margin-right: 30px;
}

.icon-small:after {
	position: absolute;
	content: '';
	top: 0;
	left: 100%;
	width: 30px;
	height: 34px;
	background: url(../images/filetypes/generic_sml.png) center center no-repeat #fff;
}

.icon-small.pdf:after {
	background: url(../images/filetypes/pdf_sml.png) center center no-repeat #fff;
}

.icon-small.png:after {
	background: url(../images/filetypes/png_sml.png) center center no-repeat #fff;
}

.icon-small.jpg:after {
	background: url(../images/filetypes/jpg_sml.png) center center no-repeat #fff;
}

.icon-small.ppt:after {
	background: url(../images/filetypes/ppt_sml.png) center center no-repeat #fff;
}

.icon-small.zip:after {
	background: url(../images/filetypes/zip_sml.png) center center no-repeat #fff;
}

.icon-small.doc:after, .icon-small.docx:after {
	background: url(../images/filetypes/doc_sml.png) center center no-repeat #fff;
}

.icon-small.xls:after, .icon-small.xlsx:after {
	background: url(../images/filetypes/xls_sml.png) center center no-repeat #fff;
}

.icon-large {
	position: relative;
	width: 52px;
	height: 62px;
	background: url(../images/filetypes/generic_lrg.png) center center no-repeat;
	box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.3);
}

.icon-large:after {
	position: absolute;
	content: '';
	left: 51%;
	transform: translateX(-50%);
	width: 50px;
	height: 62px;
	background: url(../images/filetypes/generic_lrg.png) center center no-repeat #fff;
}

.icon-large.pdf:after {
	background: url(../images/filetypes/pdf_lrg.png) center center no-repeat #fff;
}

.icon-large.png:after {
	background: url(../images/filetypes/png_lrg.png) center center no-repeat #fff;
}

.icon-large.jpg:after {
	background: url(../images/filetypes/jpg_lrg.png) center center no-repeat #fff;
}

.icon-large.ppt:after {
	background: url(../images/filetypes/ppt_lrg.png) center center no-repeat #fff;
}

.icon-large.zip:after {
	background: url(../images/filetypes/zip_lrg.png) center center no-repeat #fff;
}

.icon-large.doc:after, .icon-large.docx:after {
	background: url(../images/filetypes/doc_lrg.png) center center no-repeat #fff;
}

.icon-large.xls:after, .icon-large.xlsx:after {
	background: url(../images/filetypes/xls_lrg.png) center center no-repeat #fff;
}

#Breadcrumb {
	padding-left: 260px;
	-webkit-transition: 0.5s all ease-out;
	-moz-transition: 0.5s all ease-out;
	-ms-transition: 0.5s all ease-out;
	-o-transition: 0.5s all ease-out;
	transition: 0.5s all ease-out;
	line-height: 100%;
}

@media screen and (max-width: 1000px) {
	#Breadcrumb {
		padding-left: 0;
	}
}

#Breadcrumb.closed-header {
	padding-left: 40px;
}

#Breadcrumb .login-info {
	padding-left: 13px;
	padding-top: 4px;
	font-size: 11px;
}

#Breadcrumb .breadcrumb {
	height: 23px;
}

#Breadcrumb .breadcrumb ol {
	list-style: none;
	padding: 0;
}

#Breadcrumb .breadcrumb ol li {
	float: left;
	margin-right: 8px;
	font-size: 13px;
}

#Breadcrumb .breadcrumb ol li:before {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	content: "»";
}

#Breadcrumb .breadcrumb ol li:first-child:before {
	content: "★";
}

@media screen and (max-width: 480px) {
	#Breadcrumb .breadcrumb ol li {
		font-size: 12px;
	}

	#Breadcrumb .breadcrumb ol li:before {
		font-size: 14px;
	}
}

.search-refinement {
	display: flex;
	flex-direction: column;
	background-image: url(../images/pattern-gray.jpg);
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	/*margin-bottom: 15px;*/
	width: 100%;
	/*@media screen and (max-width: $tablet-break) {
		width: 95%;
	}
	@media screen and (max-width: $phablet-break) {
		width: 100%;
	}*/
}

.search-refinement h4 {
	font-size: 18px;
	margin-top: 7px;
	margin-right: 17px;
	display: inline-flex;
}

.search-refinement h6 {
	margin-bottom: 10px;
}

.search-refinement .btn {
	border: 1px solid #e10a29;
}

.search-refinement .btn:hover {
	color: #294172;
}

.search-refinement .btn.active {
	background-color: #98051a;
	border: 1px solid #000;
	color: #98051a;
}

.search-refinement .btn.active:hover {
	background-color: #fff;
	color: #98051a;
}

.search-refinement .field-wrapper {
	margin-top: 10px;
	margin-bottom: 10px;
}

.search-refinement .refinement-list {
	list-style: none;
}

.search-refinement .refinement-list li {
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 10px;
}

.search-refinement .refinement-list li:nth-child(3) {
	margin-right: 0;
}

@media screen and (max-width: 780px) {
	.search-refinement .refinement-list li {
		width: 49%;
		margin-right: 0;
	}

	.search-refinement .refinement-list li:nth-child(odd) {
		margin-right: 1%;
	}

	.search-refinement .refinement-list li:nth-child(even) {
		margin-left: 1%;
	}
}

@media screen and (max-width: 480px) {
	.search-refinement .refinement-list li {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}
}

.search-refinement .refinement-list li.actions {
	width: 100%;
	margin: 8px 0 0;
}

.search-refinement .refinement-list li label {
	display: block;
	margin-bottom: 5px;
}

.search-refinement .refinement-list li .field select.svySelectBox {
	width: 100%;
}

.search-refinement .filter-items {
	font-size: 14px;
	margin-top: 0;
}

.search-refinement .filter-items .btn {
	padding: 5px;
	font-size: 10px;
}

form.refine-panel {
	margin-top: 0;
}

.refine-panel {
	background-color: transparent;
	padding: 5px 0;
}

.refine-panel div {
	/*white-space:nowrap;*/
	vertical-align: middle;
}

.refine-panel .panel-title {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	vertical-align: text-top;
	margin-right: 10px;
}

.refine-panel .panel-form {
	font-size: 14px;
}

.refine-panel .panel-form input {
	margin: 0 10px;
	font-size: 12px;
}

.refine-panel .panel-actions {
	font-size: 14px;
}

.refine-panel .panel-actions .btn {
	padding: 6px 11px;
	text-align: center;
	margin: 0;
	padding-top: 10px;
}

.refine-panel .panel-actions .reset-form {
	cursor: pointer;
	margin-left: 10px;
	font-size: 12px;
	text-decoration: underline;
}

.newOrder {
	border: 2px solid #294172;
	-ms-border-radius: 3px;
	border-radius: 3px;
	padding: 5px;
	margin: 5px;
}

.invShipInfo {
	background: #E10A29;
	background-image: -webkit-linear-gradient(top, #E10A29, #8F061A);
	background-image: -moz-linear-gradient(top, #E10A29, #8F061A);
	background-image: -ms-linear-gradient(top, #E10A29, #8F061A);
	background-image: -o-linear-gradient(top, #E10A29, #8F061A);
	background-image: linear-gradient(to bottom, #E10A29, #8F061A);
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	color: #FFFFFF;
	font-family: Arial;
	font-size: 11px;
	font-weight: 100;
	padding: 2px;
	box-shadow: 1px 1px 11px 0px #000000;
	-webkit-box-shadow: 1px 1px 11px 0px #000000;
	-moz-box-shadow: 1px 1px 11px 0px #000000;
	text-shadow: 1px 1px 20px #000000;
	border: solid #DD380D 1px;
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
}

.invShipInfo:hover {
	background: #9E071D;
	color: #FFFFFF;
	background-image: -webkit-linear-gradient(top, #9E071D, #E10A29);
	background-image: -moz-linear-gradient(top, #9E071D, #E10A29);
	background-image: -ms-linear-gradient(top, #9E071D, #E10A29);
	background-image: -o-linear-gradient(top, #9E071D, #E10A29);
	background-image: linear-gradient(to bottom, #9E071D, #E10A29);
	text-decoration: none;
}

.sof-nothing {
	font-style: italic;
}

.sof-total {
	font-style: italic;
}

.stock-on-hand-container .modelName {
	/*color: $mainthemecolor;*/
}

.RecallHeaderAlert, .recallLineAlert {
	color: green;
	padding: 5px;
	border: 1px solid orange;
}

.customer-registration-container {
	display: block;
	width: 840px;
	margin: 0 auto;
	border-style: solid;
	border-width: 1px;
}

@media screen and (max-width: 1000px) {
	.customer-registration-container {
		width: 100%;
	}
}

.demo-customer-registration-image {
	display: block;
	margin: 0 auto;
	padding-bottom: 20px;
}

@media screen and (max-width: 1000px) {
	.demo-customer-registration-image {
		width: 100%;
	}
}

.customer-registration-header {
	width: 80%;
	text-align: center;
	padding-bottom: 20px;
	margin: 0 auto;
}

@media screen and (max-width: 1000px) {
	.customer-registration-header {
		margin: 0;
		width: 100%;
	}
}

.registration-fields-container {
	width: 80%;
	margin: 0 auto;
}

@media screen and (max-width: 1000px) {
	.registration-fields-container {
		width: 100%;
	}
}

.registration-fields-container input[type=checkbox].svyCheckBox {
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	width: 20px;
	height: 20px;
}

.registration-fields-container input[type=checkbox].svyCheckBox:not(:checked),
.registration-fields-container input[type=checkbox].svyCheckBox:checked {
	position: absolute;
	/*left: -9999px;*/
	visibility: hidden;
}

.registration-fields-container input[type=checkbox].svyCheckBox:not(:checked) + label,
.registration-fields-container input[type=checkbox].svyCheckBox:not(:checked) ~ .demo-reg-check-label,
.registration-fields-container input[type=checkbox].svyCheckBox:checked + label, .registration-fields-container input[type=checkbox].svyCheckBox:checked ~ .demo-reg-check-label {
	position: relative;
	padding: 0 10px 0 28px;
	cursor: pointer;
	line-height: 20px;
	display: inline-block;
}

.registration-fields-container input[type=checkbox].svyCheckBox:not(:checked) + label:before,
.registration-fields-container input[type=checkbox].svyCheckBox:not(:checked) ~ .demo-reg-check-label:before,
.registration-fields-container input[type=checkbox].svyCheckBox:checked + label:before, .registration-fields-container input[type=checkbox].svyCheckBox:checked ~ .demo-reg-check-label:before {
	content: '';
	position: absolute;
	left: 0;
	top: -10px;
	margin-left: 24px;
	width: 20px;
	height: 20px;
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 0;
	box-shadow: none;
}

.registration-fields-container input[type=checkbox].svyCheckBox:not(:checked) + label:after,
.registration-fields-container input[type=checkbox].svyCheckBox:not(:checked) ~ .demo-reg-check-label:after,
.registration-fields-container input[type=checkbox].svyCheckBox:checked + label:after, .registration-fields-container input[type=checkbox].svyCheckBox:checked ~ .demo-reg-check-label:after {
	content: '';
	position: absolute;
	margin-left: 24px;
	width: 20px;
	height: 20px;
	top: -10px;
	left: 0;
	font-size: 14px;
	line-height: 0.8;
	color: #000;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	font-family: "Open Sans", Arial, sans-serif;
	background: url("../images/checkbox_tick.png") center center no-repeat;
}

.registration-fields-container input[type=checkbox].svyCheckBox:not(:checked):focus + label:before,
.registration-fields-container input[type=checkbox].svyCheckBox:checked:focus + label:before {
	border: 1px solid #aaaaaa;
}

.registration-fields-container input[type=checkbox].svyCheckBox:checked {
	opacity: 1;
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}

.registration-fields-container input[type=checkbox].svyCheckBox:not(:checked) + label:after, .registration-fields-container input[type=checkbox].svyCheckBox:not(:checked) ~ .demo-reg-check-label:after {
	opacity: 0;
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
}

.registration-fields-container input[type=checkbox].svyCheckBox:disabled + label, .registration-fields-container input[type=checkbox].svyCheckBox:disabled ~ .demo-reg-check-label {
	color: #aaaaaa;
}

.registration-fields-container input[type=checkbox].svyCheckBox:disabled:checked + label:before,
.registration-fields-container input[type=checkbox].svyCheckBox:disabled:not(:checked) + label:before,
.registration-fields-container input[type=checkbox].svyCheckBox:disabled:not(:checked) ~ .demo-reg-check-label:before,
.registration-fields-container input[type=checkbox].svyCheckBox:disabled:checked ~ .demo-reg-check-label:before {
	box-shadow: none;
	border-color: #aaaaaa;
	background-color: #aaaaaa;
}

.registration-fields-container input[type=checkbox].svyCheckBox:disabled:checked + label:after, .registration-fields-container input[type=checkbox].svyCheckBox:disabled:checked ~ .demo-reg-check-label:after {
	color: #aaaaaa;
}

.customer-registration-list {
	margin: 0;
}

.customer-registration-list li {
	list-style-type: none;
	padding-bottom: 10px;
}

sup {
	color: red;
}

.mandatory-fields-note {
	font-style: italic;
	font-size: small;
	margin: 0 auto 20px auto;
}

.label {
	display: inline-block;
	width: 250px;
	margin-right: 20px;
}

.field input[type=text] {
	width: 300px;
}

.field input[type=radio] {
	vertical-align: middle;
}

.model-radio-title {
	position: relative;
	vertical-align: top;
}

.model-radio-buttons {
	display: inline-block;
}

.model-radio-buttons .savvyRadioList {
	display: block;
}

.confirm-permission-text {
	width: 450px;
	padding: 20px 0 20px;
}

@media screen and (max-width: 1000px) {
	.confirm-permission-text {
		width: 80%;
	}
}

.confirm-permission-radio {
	display: inline-block;
	position: relative;
	top: 0;
	vertical-align: top;
	padding: 20px 0 20px;
}

.datetimewrap {
	position: relative;
}

.datetimewrap .ui-datepicker-trigger {
	position: absolute;
	right: 10px;
	top: 3px;
}

.form-notice-text {
	padding-bottom: 20px;
}

/*datalist table*/
/* basket page */
.data-table {
	width: 100%;
}

.data-table TD {
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font-size: 11px;
	padding: 2px 4px;
	text-align: left;
	white-space: nowrap;
}

.data-table td a.trk {
	color: #fff;
}

.data-table td a {
	color: black;
}

.data-table TD.right {
	text-align: right;
}

.data-table TD.center {
	text-align: center;
}

.data-table TD.productcode {
	white-space: nowrap;
	width: 148px;
	border-left: none;
	text-align: left;
	height: 28px;
}

.data-table TD.productcode INPUT {
	width: 120px;
}

.data-table TD.supersede {
	width: 10px;
}

@media screen and (max-width: 480px) {
	.data-table TD.supersede {
		width: 0 !important;
	}
}

.data-table TD.quantity {
	width: 25px;
}

.data-table TD.quantity INPUT {
	width: 47px;
	font-size: 8pt;
	text-align: center;
}

.data-table TD.quantityAdjustable {
	width: 40px;
	text-align: center;
}

.data-table TD.availability {
	width: 30px;
	text-align: center;
}

.data-table TD.description {
	text-align: left;
}

.data-table TD.fromlocation {
	text-align: left;
	width: 98px;
}

.data-table TD.indent {
	width: 10px;
}

.data-table .indentRow td {
	color: #96040C;
}

.data-table TD.clearance {
	width: 42px;
}

.data-table TD.rrp {
	width: 47px;
	text-align: right;
	color: #777777;
}

.data-table TD.unitprice {
	width: 47px;
	text-align: right;
	color: #777777;
}

.data-table TD.discount {
	width: 27px;
}

.data-table TD.linetotal {
	width: 47px;
	text-align: right;
}

#totals .grandtotal, #rrptotals .grandtotal {
	text-align: right;
}

.data-table TD.rrplinetotal {
	width: 47px;
	text-align: right;
	display: none;
}

.data-table TD.reqdatefield, .data-table TD.reqdate {
	width: 86px;
	text-align: left;
}

.reqdatefield input[type=text] {
	/*datepicker*/
	font-size: 10px;
	width: 96px;
}

#rrptotals {
	display: none;
}

.data-table TD.info {
	width: 27px;
}

.data-table TD.actions {
	width: 42px;
	text-align: center;
}

.data-table TD.actions A IMG {
	border: none;
}

.data-table TD.tickboxcol {
	width: 25px;
}

.data-table .rightcol {
	border-right: 1px solid #bebebe;
}

.data-table TD.nopadding {
	padding: 0;
}

.data-table .fileTableHeading TD {
	position: relative;
	/*border-left: 1px solid #c0c0c0;*/
	/*background: url(../images/th-bg.gif) 0 0 repeat-x;*/
	color: white;
	font-weight: bold;
	padding: 0 4px 0 4px;
	height: 27px;
	text-align: center;
	/*background-color: $search-results-background;*/
}

.data-table .fileTableHeading .productcode {
	text-align: left;
	/*background: url(../images/th_left.gif) top left no-repeat;*/
	border-left: none;
}

.data-table .fileTableHeading .description {
	text-align: left;
}

.data-table .fileTableHeading .leftcol {
	/*background: url(../images/th_left.gif) top left no-repeat;*/
	border-left: none;
}

.data-table .fileTableHeading .rightcol {
	/*background: url(../images/th_right.gif) top right no-repeat;*/
	border-right: none;
}

.data-table .totalsRow TD {
	border-left: none;
	padding: 5px;
	height: 24px;
	background-color: #fafafa;
	border-top: 1px solid #bebebe;
	border-bottom: 1px solid #bebebe;
}

.data-table .totalsRow #grandTotalLabel {
	text-align: right;
}

.data-table .totalsRow #grandTotal {
	text-align: right;
}

.data-table td.subtotalCol {
	font-weight: bold;
	background: url(../images/subtotal-bg.gif) #efefef top right repeat-y;
}

.data-table td.subtotalAmount {
	background-color: #d4d4d4;
	border-right: 1px solid #bebebe;
}

.data-table td.totalCol {
	font-weight: bold;
	color: White;
	background: url(../images/total-bg.gif) #efefef top right repeat-y;
}

.data-table td.totalAmount {
	background-color: #9e9e9e;
	color: White;
	font-weight: bold;
	border-right: 1px solid #bebebe;
}

.data-table .bottomborder TD {
	border-bottom: 1px solid #bebebe;
}

.data-table TD.nobottomborder {
	border-bottom: none;
}

.data-table a.review {
	display: block;
	width: 20px;
	height: 20px;
	background: url(../images/review-icon.gif) 0 0 no-repeat;
	float: left;
}

.data-table .m3pager {
	float: right;
}

.data-table .m3pager A {
	display: block;
	float: left;
}

.data-table .m3pager .m3pager_previous {
	margin-right: 10px;
}

.biggerTds TD {
	padding: 8px 0 8px 4px;
}

.full_width {
	width: 100%;
}

.searchPanelWrap .savvyRadioList {
	border: 1px solid #dadada;
	margin-right: 2px;
	padding: 4px;
}

@media screen and (max-width: 480px) {
	.searchPanelWrap .savvyRadioList {
		white-space: nowrap;
		display: block;
	}
}

.closeSearch, .closeRiggingWizardFrame {
	display: none;
}

.general-info {
	padding: 6px 17px;
	margin-top: 30px;
	border-radius: 9px;
	color: #000;
	font-weight: bold;
	background-color: #fff;
	border: 3px solid #000;
}

.tdData {
	padding: 3px 0 0 8px;
	font-size: 12px;
}

.xrefPartCrossReference td {
	font-size: 10px;
}

.searchPanelWrap {
	border: 2px solid #dddddd;
	border-radius: 6px;
	padding: 8px;
}

.searchBox {
	margin-top: 7px;
}

.searchBox input[type=text] {
	width: 70%;
}

#df_SubformTable_BasketLine .svyWideText {
	/*float: left;*/
}

.searchInfo {
	margin-bottom: 0;
}

@media screen and (max-width: 480px) {
	.searchInfo {
		display: none;
	}
}

#df_SubformTable_BasketLine {
	/*push down so that popup msg on first line is visible - 2022-02-04 27 px is good*/
	margin-top: 27px;
}

#df_SubformTable_BasketLine .productSelectedInfo {
	margin-bottom: -5px;
}

.productSelectedInfo {
	margin-bottom: -5px;
}

@media screen and (max-width: 480px) {
	.productSelectedInfo {
		display: none;
	}
}

#grandTotal, #grandTotalGSTComp, #grandTotalInclGST, #handlingComp {
	text-align: right;
}

#searchFrame {
	width: 100%;
	height: 300px;
	border: none;
	display: none;
}

#riggingWizardFrame {
	width: 100%;
	height: 400px;
	border: none;
	display: none;
}

.searchFormResults {
	padding: 0;
}

.searchFormResults .data-table TD.productcode {
	white-space: nowrap;
	width: 32%;
	border-left: none;
	text-align: left;
}

.changemode {
	float: right;
	padding-bottom: 5px;
	font-size: 12px;
	text-align: right;
	line-height: 175%;
}

@media screen and (max-width: 480px) {
	.changemode {
		display: none;
	}
}

.freight-special-pricing {
	border-radius: 9px;
	color: #EA5B0C;
	border: 3px solid #EA5B0C;
	padding: 10px;
	display: none;
}

.online-special-pricing {
	padding: 6px 17px;
	margin-top: 5px;
	border-radius: 9px;
	border: 3px solid #78DCBB;
	margin-bottom: 5px;
}

#PageContent input {
	border: 1px solid #ccc;
}

#PageContent .go {
	background: url(images/go.gif) 0 0 no-repeat;
	width: 35px;
	height: 23px;
	border: none;
	cursor: pointer;
	vertical-align: top;
	margin-top: 2px;
}

#LinkAddRow {
	display: block;
	color: buttontext;
	padding: 6px;
	border: 1px solid #ccc;
	border-radius: 0;
	vertical-align: top;
	font-family: "Open Sans", Arial, sans-serif;
	text-decoration: none;
	background-color: buttonface;
	font-size: 11px;
	text-align: center;
}

#LinkAddRow:hover {
	color: buttontext;
}

#PageContent .clearbasket {
	background: url(images/clearbasket.gif) 0 0 no-repeat;
	width: 110px;
	height: 27px;
	border: 0;
	border: none;
	cursor: pointer;
}

#PageContent .confirm-order {
	background: url(images/confirmorder.gif) 0 0 no-repeat;
	width: 114px;
	height: 27px;
	border: none;
	border: 0;
	cursor: pointer;
}

.slide-out-div {
	padding: 5px;
	width: 350px;
	background: #eaeaea;
	border: 1px solid #000000;
	border-radius: 3px;
}

.tdSubHeader {
	font-size: 12px;
	font-weight: bold;
	background-color: #E6E6E6;
	color: #0082D9;
	padding: 3px;
}

.orderHelpText {
	display: none;
}

.basketform {
	padding: 0;
}

@media screen and (max-width: 480px) {
	#basketMessage {
		display: none;
	}
}

.nextButtonContainer {
	float: right;
}

@media screen and (max-width: 480px) {
	.nextButtonContainer {
		float: left;
	}
}

@media screen and (max-width: 480px) {
	.basketpage .standard-element {
		padding-top: 0;
	}
}

@media screen and (max-width: 480px) {
	.refMessage {
		display: block;
	}
}

.quickorderbutton, #toClipBoard, input[type=button] {
	cursor: pointer;
}

.svySubformRow input[type=text] {
	height: 28px;
}

.indentproduct {
	font-family: Times New Roman;
	font-weight: bold;
	font-size: 20px;
	color: white;
	cursor: help;
	background: url(../images/i-bg.gif) 0 0 repeat-x;
	padding: 0 5px;
}

.supersededby {
	font-family: Times New Roman;
	font-weight: bold;
	font-size: 20px;
	color: white;
	cursor: help;
	background: url(../images/s-bg.gif) 0 0 repeat-x;
	padding: 0 5px;
}

.notavailable {
	display: block;
	width: 24px;
	font-weight: bold;
	font-size: 0;
	cursor: help;
	background: url(../images/backorder.png) 0 0 no-repeat;
	padding: 0 5px;
	height: 24px;
}

.available {
	display: block;
	width: 24px;
	font-weight: bold;
	font-size: 0;
	cursor: help;
	background: url(../images/available.png) 0 0 no-repeat;
	height: 24px;
	padding: 0 5px;
}

.breakdown td {
	height: 40px;
}

.discount {
	color: red;
	outline: 1px dotted red;
}

.basketpage h1 {
	font-size: 57px;
}

@media screen and (max-width: 480px) {
	.basketpage h1 {
		font-size: 28px;
	}
}

@media screen and (max-width: 480px) {
	.saved-orders-wrapper {
		width: 100%;
		overflow-x: scroll;
	}
}

/*bulk discount messages*/
.message {
	position: relative;
}

.message:hover .outer {
	display: block;
}

.message .outer {
	display: none;
	background: url("../images/error_msg_arrow.png") 319px bottom no-repeat;
	padding-bottom: 6px;
	position: absolute;
	z-index: 99;
	text-align: left;
}

.message .right {
	bottom: 20px;
	left: 0;
	background-position: 12px bottom;
}

.message .left {
	bottom: 18px;
	left: -315px;
}

.message .inner {
	background: #e30418;
	font-size: 12px;
	color: #fff;
	padding: 5px 10px;
	border-radius: 4px;
}

.quantity .message .right {
	bottom: 31px;
}

.cancelQty, .confirmQty {
	font-weight: bold;
	cursor: pointer;
	text-decoration: underline;
}

.alertBorder {
	border: 3px solid #e30418;
	margin: 3px 0;
}

/*bulk discount messages*/
.rigging-wizard-options, .outboardconfigurator-options {
	float: left;
	margin-top: 4px;
	margin-bottom: 10px;
}

.gallery-detail .gallery-images .title {
	width: 90%;
	overflow: hidden;
}

.gallery-detail .gallery-images .item {
	margin: 5px;
	border: 1px solid black;
	border-radius: 3px;
	font-family: Arial;
	font-size: 10px;
	max-width: 30%;
	float: left;
	padding: 5px;
}

@media screen and (max-width: 480px) {
	.gallery-detail .gallery-images .item {
		width: 100%;
		max-width: 100%;
	}
}

.gallery-detail .checkitem label {
	display: inline;
}

.gallery-detail .checkitem {
	width: 136px;
	overflow: hidden;
}

.gallery-list {
	margin: 0;
	list-style: none;
}

.gallery-list li {
	margin-bottom: 20px;
}

.gallery-list li .svyAdmin {
	float: right;
	display: inline;
}

.gallery-list .tile-wrapper {
	padding: 0;
	margin-top: 15px;
}

.gallery-list .tile-wrapper .document:hover .document-info .document-details {
	max-height: 260px;
}

.gallery-list .tile-wrapper .document .document-info {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.65);
	color: white;
	padding: 12px;
}

.gallery-list .tile-wrapper .document .document-info .document-title {
	width: 100%;
	text-align: center;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
}

.gallery-list .tile-wrapper .document .document-info .document-details {
	max-height: 260px;
	overflow: hidden;
	-webkit-transition: 0.3s all ease-in-out;
	-moz-transition: 0.3s all ease-in-out;
	-ms-transition: 0.3s all ease-in-out;
	-o-transition: 0.3s all ease-in-out;
	transition: 0.3s all ease-in-out;
}

@media screen and (min-width: 1000px) {
	.gallery-list .tile-wrapper .document .document-info .document-details {
		max-height: 0;
	}
}

.gallery-list .tile-wrapper .document .document-info .document-date {
	display: block;
	font-size: 11px;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 2px;
}

.gallery-list .tile-wrapper .document .document-info .document-actions {
	margin-top: 15px;
}

.gallery-list .tile-wrapper .document .document-info .ghost-btn {
	float: right;
}

.gallery-list .tile-wrapper .document .document-info .normal p {
	font-size: 12px;
	line-height: 150%;
}

.gallery-list .tile-wrapper .document-no-picture {
	vertical-align: top;
	width: 100%;
	max-width: none;
	min-height: 192px;
	background-color: #f1f1f1;
	padding: 13px;
}

.gallery-list .tile-wrapper .document-no-picture:hover {
	background-color: #cecece;
	-webkit-transition: 0.3s all ease-in-out;
	-moz-transition: 0.3s all ease-in-out;
	-ms-transition: 0.3s all ease-in-out;
	-o-transition: 0.3s all ease-in-out;
	transition: 0.3s all ease-in-out;
}

@media screen and (min-width: 780px) {
	.gallery-list .tile-wrapper .document-no-picture {
		width: 50%;
	}
}

@media screen and (min-width: 1170px) {
	.gallery-list .tile-wrapper .document-no-picture {
		width: 30%;
		max-width: 314px;
	}
}

.gallery-list .tile-wrapper .document-no-picture .tile-container {
	height: 100%;
}

.gallery-list .tile-wrapper .document-no-picture .icon-large {
	position: absolute;
	left: 0;
	top: 0;
}

.gallery-list .tile-wrapper .document-no-picture .document-info {
	position: relative;
	height: 100%;
	margin-left: 70px;
}

.gallery-list .tile-wrapper .document-no-picture .document-title {
	font-size: 16px;
	margin-bottom: 10px;
	line-height: 1;
	font-weight: 400;
}

.gallery-list .tile-wrapper .document-no-picture .document-date {
	display: block;
	margin-bottom: 16px;
	line-height: 1;
}

.gallery-list .tile-wrapper .document-no-picture .normal {
	margin-bottom: 38px;
}

.gallery-list .tile-wrapper .document-no-picture .normal p {
	font-size: 12px;
	line-height: 150%;
}

.gallery-list .tile-wrapper .document-no-picture .document-actions {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
}

.gallery-list .tile-wrapper .document-no-picture .icon-small {
	margin-right: 5px;
}

.gallery-list .tile-wrapper .document-no-picture .icon-small:after {
	content: '';
	width: 0;
}

.shared-tile-list .tile .tile-container .tile-title {
	font-style: italic;
	position: absolute;
	bottom: 0;
	width: 100%;
	font-size: 18px;
	color: #fff;
	text-align: center;
	z-index: 2;
	pointer-events: none;
	background-color: rgba(0, 0, 0, 0.65);
	padding: 10px;
	height: 68px;
	line-height: 100%;
	-webkit-transition: 0.3s all ease-in-out;
	-moz-transition: 0.3s all ease-in-out;
	-ms-transition: 0.3s all ease-in-out;
	-o-transition: 0.3s all ease-in-out;
	transition: 0.3s all ease-in-out;
}

.shared-tile-list .tile .tile-container .tile-sub-title {
	font-style: italic;
	position: absolute;
	bottom: 0;
	width: 100%;
	font-size: 13px;
	color: #fff;
	text-align: center;
	z-index: 2;
	pointer-events: none;
	font-weight: normal;
	padding: 10px;
	height: 68px;
	line-height: 100%;
	-webkit-transition: 0.3s all ease-in-out;
	-moz-transition: 0.3s all ease-in-out;
	-ms-transition: 0.3s all ease-in-out;
	-o-transition: 0.3s all ease-in-out;
	transition: 0.3s all ease-in-out;
}

.shared-tile-list .tile .tile-container .tile-sub-title span {
	display: block;
	position: relative;
	top: 100%;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media screen and (max-width: 480px) {
	.mobile-input {
		width: 100%;
	}
}

@media screen and (max-width: 480px) {
	.no-left-or-right-padding {
		padding-left: 0;
		padding-right: 0;
	}
}

.carousel-wrapper {
	clear: both;
	position: relative;
	overflow: hidden;
	/*z-index: 50;*/
	background-color: #fff;
	max-height: 496px;
}

@media screen and (max-width: 780px) {
	.carousel-wrapper {
		overflow: visible;
	}
}

.carousel-wrapper #image-slide {
	height: 496px;
}

@media screen and (max-width: 480px) {
	.carousel-wrapper #image-slide {
		position: relative;
	}
}

.carousel-wrapper .slide {
	width: 886px;
	height: 496px;
	/*max-height: 386px;*/
	overflow: hidden;
	position: absolute;
	line-height: 0;
	/*background-position: center center;*/
	background-size: contain;
	background-repeat: no-repeat;
}

@media screen and (max-width: 780px) {
	.carousel-wrapper .slide {
		width: 760px;
		height: 427px;
		overflow: visible;
	}
}

@media screen and (max-width: 480px) {
	.carousel-wrapper .slide {
		/*width: 470px;*/
		width: 100%;
		height: 264px;
	}
}

.carousel-wrapper .slide a {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 20;
}

.carousel-wrapper .slide.active {
	display: block;
	z-index: 10;
}

.carousel-wrapper .slide .slide-title,
.carousel-wrapper .slide .slide-bodytext {
	position: absolute;
	left: 13%;
	z-index: 15;
	line-height: 150%;
	text-align: left;
}

@media screen and (max-width: 780px) {
	.carousel-wrapper .slide .slide-title,
	.carousel-wrapper .slide .slide-bodytext {
		position: relative;
		left: 0;
	}
}

.carousel-wrapper .slide .slide-bodytext {
	top: 32%;
	width: 42%;
	padding: 8px 20px 15px;
	background-color: #999;
	background-color: rgba(0, 0, 0, 0.6);
	color: #ccc;
	font-size: 20px;
	font-family: "Open Sans", Arial, sans-serif;
}

@media screen and (max-width: 1170px) {
	.carousel-wrapper .slide .slide-bodytext {
		top: 27%;
		width: 52%;
		font-size: 16px;
	}
}

@media screen and (max-width: 780px) {
	.carousel-wrapper .slide .slide-bodytext {
		top: 100%;
		width: 100%;
	}
}

.carousel-wrapper .slide .slide-title {
	width: 70%;
	bottom: 70%;
	padding: 15px;
}

@media screen and (max-width: 1170px) {
	.carousel-wrapper .slide .slide-title {
		bottom: 75%;
	}
}

@media screen and (max-width: 780px) {
	.carousel-wrapper .slide .slide-title {
		width: 100%;
		top: 100%;
		bottom: inherit;
		background: rgba(0, 0, 0, 0.4);
	}
}

.carousel-wrapper .slide .slide-title h1 {
	margin: 0;
	text-shadow: 0 1px 2px black;
	line-height: normal;
}

.carousel-wrapper .move-back,
.carousel-wrapper .move-forward {
	cursor: pointer;
}

.carousel-wrapper .move-back .arrow,
.carousel-wrapper .move-forward .arrow {
	width: 32px;
	height: 32px;
	background-image: url("../images/sprite.png?20190308");
	background-position: -64px -160px;
	background-repeat: no-repeat;
	display: inline-block;
	margin: 0 5px;
}

.carousel-wrapper .move-back:hover .arrow,
.carousel-wrapper .move-forward:hover .arrow {
	background-position: 0 -160px;
}

.carousel-wrapper .move-forward .arrow {
	background-position: -96px -160px;
}

.carousel-wrapper .move-forward:hover .arrow {
	background-position: -32px -160px;
}

.carousel-tabs {
	position: absolute;
	width: 100%;
	text-align: center;
	z-index: 10;
	bottom: 0;
	height: 55px;
	width: auto;
	background-color: rgba(0, 0, 0, 0.4);
	padding: 20px 40px 0;
}

@media screen and (max-width: 780px) {
	.carousel-tabs {
		width: 87%;
	}
}

.carousel-tabs .tab {
	display: inline-block;
	width: 32px;
	height: 32px;
	position: relative;
	background-position: -128px -160px;
	background-image: url("../images/sprite.png?20190308");
	background-repeat: no-repeat;
}

.carousel-tabs .tab:hover {
	background-position: -160px -160px;
}

.carousel-tabs .tab.active {
	background-position: -192px -160px;
}

/* Begin Page Specific Styles*/
/*.principal-wrapper .memberlogin {
	width: 40%;
	transition: 0.5s all ease-out;
	margin: 0 auto;
}*/
/* End Page Specific Styles*/


@keyframes shadowPulse {
	0% {
		box-shadow: 0px 0px 19px 14px rgb(255 224 0);
	}

	100% {
		box-shadow: 0px 0px 0px 0px rgb(255 224 0);
	}
}

.shadow-pulse {
	animation-name: shadowPulse;
	animation-duration: 1s;
	animation-iteration-count: 3;
	animation-timing-function: linear;
}


.hide {
	display: none;
}

.data-table td.sort-invcol a {
	color: white;
}
.data-table td .sort-active  {
	color:#78dcbb;
}

.modelsOnFloorTitle {
	padding-top: 15px;
	border-bottom: 2px solid #d0202b;
	padding-left: 5px;
	font-size: 18px;
}
.categorySOFTitle {
	padding-top: 10px;
	padding-left: 7px;
	font-size: 15px;
}

.data-serial {
	min-width: 205px;    
	padding-left: 17px;

}
.sof-data .row-list {
    padding-left: 12px;
}
.market-desc-SOF-title {
	padding-top: 8px;
	padding-left: 12px;
	font-size: 13px;
}

.action-transfer {
	padding-right: 12px;
}