html {
	position: relative;
	min-height: 100%;
	min-width: 290px;
	width: auto !important;
	width: 290px;  	
}

body {
	padding-top: 60px;
	margin-bottom: 275px; /* Footer height */
	background: #f3f5f7;
	font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

* {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@media (max-width: 767px) {
	body {
		margin-bottom: 575px; /* Footer height */
	}
}

a {
	color: #962b00;
}

h1, h2, h3, h4 {
	font-family: "Raleway", "Open Sans", Helvetica, Arial, sans-serif;
	font-weight: 300;
	text-rendering: optimizelegibility;
}

h1 {
	font-size: 30px;
}

h2 {
	font-size: 20px;
}

h3 {
	font-size: 16px;
}

h4 {
	font-size: 14px;
}

input[type="number"]::placeholder {
	color: #ccc;
}

.popover {
	z-index: 1029;
}
.popover-title {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.popover{
	max-width: 400px;
}
.popover-content {
	padding: 9px;
}

.pop-portal { -webkit-animation: fade-in 200ms; animation: fade-in 200ms; position: absolute; z-index: 1069; top: 0; left: 0; border-radius: 3px;     box-shadow: 0px 0px 120px 0px rgb(82 82 82 / 50%); color: #555; background: #fff; }
.pop-portal-arrow { width: 0; height: 0; border-style: solid; position: absolute; margin: 10px; }
.pop-portal-arrow { border-color: #fff; }
.pop-portal[x-placement^="top"] { margin-bottom: 10px; }
.pop-portal[x-placement^="top"] .pop-portal-arrow { border-width: 10px 10px 0 10px; border-left-color: transparent; border-right-color: transparent; border-bottom-color: transparent; bottom: -10px; left: -webkit-calc(50% - 20px); left: calc(50% - 20px); margin-top: 0; margin-bottom: 0; }
.pop-portal[x-placement^="bottom"] { margin-top: 10px; }
.pop-portal[x-placement^="bottom"] .pop-portal-arrow {border-width: 0 10px 10px 10px; border-left-color: transparent; border-right-color: transparent; border-top-color: transparent; top: -10px; left: -webkit-calc(50% - 20px); left: calc(50% - 20px); margin-top: 0; margin-bottom: 0; }
.pop-portal[x-placement^="right"] { margin-left: 10px; }
.pop-portal[x-placement^="right"] .pop-portal-arrow { border-width: 10px 10px 10px 0; border-left-color: transparent; border-top-color: transparent; border-bottom-color: transparent; left: -10px; top: -webkit-calc(50% - 20px); top: calc(50% - 20px); margin-left: 0; margin-right: 0; }
.pop-portal[x-placement^="left"] { margin-right: 10px; }
.pop-portal[x-placement^="left"] .pop-portal-arrow { border-width: 10px 0 10px 10px; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; right: -10px; top: -webkit-calc(50% - 20px); top: calc(50% - 20px); margin-left: 0; margin-right: 0; }
.pop-portal-screen-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 1068; }


@keyframes bounceIn{
  0%{
	opacity: 0;
	transform: scale(0.3) translate3d(0,0,0);
  }
  50%{
	opacity: 0.9;
	transform: scale(1.2);
  }
  80%{
	opacity: 1;
	transform: scale(0.89);
  }
  100%{
	opacity: 1;
	transform: scale(1) translate3d(0,0,0);
  }
}

table.table tr th {
	font-weight: normal;
	border-bottom: 1px solid #ddd;
}

table tbody tr.row-clickable {
	cursor: pointer;
}

table tbody tr.row-clickable:hover {
	background: rgba(171, 207, 232, 0.29);
}

table tbody tr.row-clickable a {
	text-decoration: none;
}

table tr.note {
	font-weight: bold;
}

table tbody td.table-col-sm {
	width: 150px;
}

.clear {
	clear: both;
	display: block;
}

.label, label {
	text-align: left;
	font-weight: normal;
	font-size: 14px;
	padding: 0;
	color: #333;
}

.light .btn-success {
	color: #fff;
}

.dark .btn-success {
	color: #333;
}

.btn.btn-delete, .btn.product-remove {
	color: #999;
	background: none;
	border: none;
	height: 34px;
	outline: none;
}

.btn.btn-delete:hover, .btn.btn-delete:active, .btn.product-remove:hover, .btn.product-remove:active {
	color: #ff0500;
	outline: none;
	box-shadow: none;
	background: none;
}

.help-block {
	color: #969696;
}

.page-header {
	padding-right: 130px;
	position: relative;	
}

@media (max-width: 767px) {
	.page-header {
		padding-right: 0;
	}
	
	.btn-header {
		position: unset;
	}
}

.page-header .header-breadcrumb {
	font-size: 14px;
	vertical-align: middle;
	display: block;
	position: relative;
	z-index: 2;
}

.btn-header {
	position: absolute;
	right: 0;
	top: 0;
	height: 36px;
	line-height: 24px;
}

.select-dropdown {
	position: relative;
	height: 34px;
	padding: 0 12px;
	display: inline-block;
	background-color: #fff;
	border: 1px solid #ccc;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border-radius: 4px;
	text-align: center;
}

.select-dropdown .select-dropdown-label {
	color: #333;
	line-height: 34px;
	white-space: nowrap;
	vertical-align: middle;
	overflow: hidden;
	width: 100%;
	padding-right: 5px;
	text-overflow: ellipsis;
	display: inline-block;
}

.select-dropdown:hover {
	background-color: #e6e6e6;
	border-color: #adadad;
}

.select-dropdown:hover .select-dropdown-label {
	color: #333;
}

.select-dropdown .select-dropdown-icon {
	margin-left: 5px;
	font-size: 10px;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	display: inline-block;
	line-height: 34px;
}

.select-dropdown select {
	height: 100%;
	opacity: 0;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}

.unit-selector-pop ul {
	padding: 5px 0;
	margin: 2px 0 0;
	min-width: 160px;
}

.unit-selector-pop li {
	display: flex;
	padding: 8px 20px 8px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
	cursor: pointer;
	position: relative;
	width: 100%;
}

.unit-selector-pop li:before {
	content: "\F01B";
	font-family: "Black Tie";
	color: #999;
	font-size: 10px;
	margin-right: 10px;
	line-height: 20px;
}

.unit-selector-pop li:focus, .unit-selector-pop li:hover {
	color: #262626;
	text-decoration: none;
	background-color: #f5f5f5;
}

.unit-selector-pop li .unit-price {
	min-width: 120px;
	margin-left: 10px;
	text-align: right;
	white-space: nowrap;
	text-overflow: ellipsis;
	flex: 1;
}

.unit-selector-pop li .unit-multiplier {
	font-size: 12px;
	color: #999;
	margin-left: 4px;
	line-height: 20px;
}

.unit-selector-pop h2 {
	margin: 15px 20px 10px 20px;
	padding-bottom: 8px;
	border-bottom: 1px solid #eee;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: bold;
	text-transform: uppercase;
	color: #797979;
}

.input-group-wrapper .unit-selector-dropdown {
	display: none;
}

.unit-quantity:after {
	content: "\F00C";
	font-family: "Black Tie";
	color: #999;
	font-size: 8px;
	margin: 0 5px;
}

.navbar {
	background: #ff8000;
	background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.075' fill-rule='evenodd'/%3E%3C/svg%3E"), linear-gradient(135deg, #ff8000, #e67504);
	min-height: 60px;
	border-bottom: none;
	box-shadow: 0 4px 15px -1px rgba(0, 0, 0, 0.08);
	min-width: 300px;
}

.navbar .nav-text {
	margin-right: 7px;
}

.navbar .nav-text.canhide {
	display: none;
}

.navbar a, .sub-nav a {
	box-sizing: border-box;
}

.navbar .xs-nav {
	float: right;
	line-height: 30px;
	height: 60px;
	position: relative;
	display: inline-block;
	padding: 15px;
}

.navbar a.xs-nav {
	text-decoration: none;
}

.navbar .navbar-nav li, .navbar .xs-nav {
	min-width: 50px;
}

.light .navbar a, .light .sub-nav a {
	color: #fff;
}

.dark .navbar a, .dark .sub-nav a {
	color: #333;
}

.light .navbar a:hover, .light .navbar a:focus, .light .sub-nav a:hover, .light .sub-nav a:focus {
	color: #fff;
}

.dark .navbar a:hover, .dark .navbar a:focus, .dark .sub-nav a:hover, .dark .sub-nav a:focus {
	color: #333;
}

.light .navbar-nav > li > a:hover, .light .navbar a.xs-nav:hover {
	border-bottom: 2px solid rgba(255, 255, 255, 0.5);
}

.dark .navbar-nav > li > a:hover, .dark .navbar a.xs-nav:hover {
	border-bottom: 2px solid rgba(0, 0, 0, 0.5);
}

.navbar .navbar-nav {
	display: inline-block;
	float: none;
	vertical-align: top;
}

.navbar-nav > li > a {
	line-height: 30px;
	height: 60px;
}

.navbar .badge, .btn-header .badge {
	background: none;
	margin-left: 5px;
	font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	border: 1px solid #fff;
	color: #fff;
}

.dark .navbar .badge, .dark .btn-header .badge {
	color: #333;
	border-color: #333;
}

.navbar .navbar-nav .badge.notify, .btn-header .badge.notify {
	animation-duration: .5s;
	animation-name: bounceIn;
}

.navbar-toggle {
	font-size: larger;
	margin: 8px 15px;
}

.light .navbar-toggle {
	color: #fff;
}

.dark .navbar-toggle {
	color: #333;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
	background-color: transparent;
	border-color: transparent;
}

.nav > li > a:focus, .nav > li > a:hover {
	text-decoration: none;
	background-color: transparent;
}

.navbar .navbar-collapse {
	text-align: center;
	overflow: hidden;
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
}

.navbar .navbar-brand {
	padding: 0 15px;
	height: 60px;
}

.navbar .navbar-brand img {
	height: 50px;
	margin: 5px 0;
}

.navbar .navbar-welcome {
	line-height: 30px;
	height: 30px;
	position: relative;
	display: block;
	margin: 15px 15px;
}

.light .navbar .navbar-welcome {
	color: rgba(255, 255, 255, 0.63);
}

.dark .navbar .navbar-welcome {
	color: rgba(0, 0, 0, 0.63);
}

@media (max-width: 767px) {
	.navbar .navbar-welcome {
		text-align: center;
	}
}

@media screen and (max-width: 767px) {
	.table-responsive {
		border: none;
	}
}
.light .navbar .navbar-customer, .light .navbar .navbar-user {
	color: #fff;
}

.dark .navbar .navbar-customer, .dark .navbar .navbar-user {
	color: #333;
}

.navbar .navbar-user {
	max-width: 120px;
}

.navbar .navbar-customer {
	max-width: 200px;
}

.navbar .navbar-customer:before {
	content: ' ';
	clear: right;
	display: block;
}

.sub-search {
	height: 100px;
	min-width: 300px;
	padding: 25px 0;
	background: #ff8000;
	background: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.075' fill-rule='evenodd'/%3E%3C/svg%3E"), linear-gradient(135deg, #ff8000, #e67504);
	font-family: "Raleway", "Open Sans", Helvetica, Arial, sans-serif;
}

#search-main {
	padding: 16px;
	height: 50px;
	background: rgba(255,255,255,0.2);
	border: none;
	outline: none;
	font-size: 18px;
	border-radius: 4px;
	-webkit-transition: background .4s, box-shadow .2s;
	transition: background .4s, box-shadow .2s;	
}

.light #search-main {
	color: rgba(255,255,255,0.7);
}

.dark #search-main {
	color: rgba(0,0,0,0.7);
}

.light #search-main::placeholder {
	color: rgba(255,255,255,0.7);
}

.dark #search-main::placeholder {
	color: rgba(0,0,0,0.7);
}

#search-main:active::placeholder, #search-main:focus::placeholder {
	color: rgba(0,0,0,0.5);
}

#search-main:active + .search-buttons *, #search-main:focus + .search-buttons * {
	color: rgba(0,0,0,0.7);
}



#search-main:hover {
	background: rgba(255,255,255,0.27);
	box-shadow: 0 10px 20px rgba(0,0,0,0.03);
}

#search-main:active, #search-main:focus {
	box-shadow: 0 10px 20px rgba(0,0,0,0.14);
	background: white;
	color: #3a3c4c;
}

#search-main:active + button .form-control-feedback, #search-main:focus + button .form-control-feedback {
	color: #999;
}

#search-main:active + button + .select-dropdown .select-dropdown-label, 
#search-main:focus + button + .select-dropdown .select-dropdown-label,
#search-main:active + button + .select-dropdown .select-dropdown-icon, 
#search-main:focus + button + .select-dropdown .select-dropdown-icon
 {
	color: #999;
}

.sub-search .form-group .select-dropdown {
	position: absolute;
	top: 0;
	right: 50px;
	z-index: 2;
	display: block;
	max-width: 150px;
	height: 50px;
	background: none;
	border: none;
	outline: none;
	text-align: right;
}

.sub-search .form-group .select-dropdown .select-dropdown-label, .sub-search .form-group .select-dropdown .select-dropdown-icon {
	line-height: 50px;
}

.light .sub-search .form-group .select-dropdown .select-dropdown-label, .light .sub-search .form-group .select-dropdown .select-dropdown-icon {
	color: rgba(255,255,255,0.7);
}

.dark .sub-search .form-group .select-dropdown .select-dropdown-label, .dark .sub-search .form-group .select-dropdown .select-dropdown-icon {
	color: rgba(0,0,0,0.7);
}

.sub-search .form-group button .form-control-feedback {
	height: 50px;
	width: 50px;
	line-height: 50px;
	font-size: 18px;
}

.light .sub-search .form-group button .form-control-feedback {
	color: #fff;
}

.dark .sub-search .form-group button .form-control-feedback {
	color: #333;
}

.sub-search .form-group button {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	display: block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: none;
	border: none;
	outline: none;
}

.sub-search #search-results {
	display: none;
	position: absolute;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	box-sizing: border-box;
	z-index: 5;
}

.sub-search #search-results.active {
	display: block;
}

.sub-search #search-results .no-results {
	font-size: 16px;
	padding-top: 10px;
	text-align: center;
	margin: 20px 0;
}

.sub-search #search-results .no-results .bt-search {
	font-size: 45px;
	color: #ccc;
}

.sub-search #search-results .no-results h1 {
	color: #ccc;
}

.sub-search #search-wrapper {
	border-radius: 4px;
	height: 100%;
}

.sub-search #search-wrapper #result-controls {
	display: none;
}

.sub-search #search-content {
	border-radius: 4px;
	background: #fff;
	overflow-x: hidden;
	overflow-y: scroll;
	height: 100%;
	box-shadow: 8px 8px 15px 5px rgba(0,0,0,0.15);
	-webkit-overflow-scrolling: touch;
}

.sub-search #search-content::-webkit-scrollbar-track {
	background-color: none;
	border-radius: 4px;
}

.sub-search #search-content::-webkit-scrollbar {
	width: 10px;
	background-color: #F5F5F5;
	border-radius: 4px;
}

.sub-search #search-content::-webkit-scrollbar-thumb {
	box-shadow: inset 0 0 2px rgba(0,0,0,.1);
	background-color: #777;
	border-radius: 4px;
}

.sub-search #search-content:empty, .sub-search #search-wrapper:empty {
	display: none;
}

.sub-search #search-loading {
	display: none;
	border-radius: 4px;
	background: #fff;
	height: 100%;
	box-shadow: 8px 8px 15px 5px rgba(0,0,0,0.15);
}
.sub-search #search-loading h3 {
	color: #999;
	padding: 10px 0 20px 0;
	margin: 0;
}

.sub-search #search-loading .search-loading-icon {
	font-size: 28px;
	padding: 20px 0 0 0;
	color: #999;
}

.sub-search #search-loading.active {
	display: block;
}

.sub-search .barcode-scan-loader {
	display: none;
	color: #fff;
	position: absolute;
	top: 0;
	right: 60px;
	font-size: 20px;
	height: 50px;
	width: 50px;
	line-height: 50px;
	text-align: center;
}

.barcode-error h1 {
	text-align: center;
}

.barcode-error i.bt-times-circle {
	margin-top: 10px;
	display: block;
	text-align: center;
}

.sub-search .form-group #barcode-scan-button {
	right: 60px;
}
.sub-search .form-group #barcode-scan-button .barcode-scan-icon {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAA3CAYAAACb4M1PAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4wwRFy0RIqLRnwAAAxhJREFUeNrtnD1oFFEQx3+TXIyJ0WAsJBgkgo2IoBAEtZCg0dgFCxFBsLQNNgZs/ChU0MbC1sbCQlBMCm3EQgtF8AO0s1AEA2qCaEjucjcW9857Lnu3b+8uYjbzh2V3376Zx/7YN2/2mD1R1XPAMcJVAg6KyFcyJlV9AXSmMMnngE3AjhRGRaCDbGo70JWi/0IbpqaUi5zPAHdi2v960oG5jPK4FTC7dgJD/ry/qVW9WalPkqqG9jvr8ZqPTmFZqQBFgm+93T+xGNikDOBSAwyNDa3wE9cnyS7UJqmtkbFJWG3/xAZV3QtcAAouDzwpIjPeQEPAVWDB+TwNrAGuuC7dIrJfVY8A485HHjghIr8iY90AxqpNMqCqT4HNru0bsEtE1LO5DfRVcjMRGVPV68A21/ZMRC6q6iM3NsArEZmIjH3PS6SnReRU0wCd+oEDXhqzOnJ9IzDsnfe6bTTSbxAYcceFGinDVmAg0rbHW+B6Y2wOAxsqAN1+H7C78sbg9iOeTdwbx6jX/rmVMVAjr3L1rsedh/qpZasJ14sxfksJYyW1lUIT6byXGM/bspCogsdroQ044+JHn3vsTfV1zePVnxORRWDRuAQn3EU/ZFgeaIm0ATSABtBkAA2gATSAJgNoAA2gATQZQANoAA2gyQAaQANoAE0G0AAaQANoqqNci/x8ASaplrfNUq4hueuud7v9B+A+5UqIAtWqKV8vgbXuuFK9NQWsd8c/YmwmqVZtVXw+plph9dztK2MDvG3Jnatql6r2uq2nRp+jXmH1oqr2NzBOQ33+VYGlO5/z7vNjjfE6PV7r2igXRk677clSPeohRdxxfZLsQm0a8V1D4x6vTzk35SpFhassqiWq3eMVvIhIxEFW1ZF2fQhdRN4DlymXdZWAnxkFeMmDONsSgKqKiLwDJrI8L919no9pay4PbDDQLjs1ushYIm1vIv8XQF2pIFJ8kVWot4hsUdWHCalKCTguIt+zFgNVdYrkT/4H6wHsAQ4lOCiS7n8FlpOGSffJv8XAVvwa89r9ShGqItn9oulBytmV/w2KLDfquYC3UgAAAABJRU5ErkJggg==');
	display: block;
	width: 30px;
	height: 30px;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center center;
}
.dark .sub-search .form-group #barcode-scan-button .barcode-scan-icon {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAA3CAYAAACb4M1PAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4wwRFzUw7NBZmAAAAvpJREFUeNrtnD9oFEEUh79JLsbEaDAWEgwSwUZEUAiCWkjQaOyChYggWNoGG0UrtVBBGwtbGwsLQTEptBELLRRBTWFnoQgG/BNEQ+4ud2txb9lh2buZubtAsvd+sOzu7Lw33Mfum7fLmzPAFeAU/qoCR4Ef5E9vgd6A/qUCsA3YE2BUAXrIp3YDfQH9i12oWlIhdf4beJjRbisCFnPK477H07UXGLMb7gmUCPjYqXdSFEW+XS9avJbSj7DpVIDGeP/0bvtEY2CLUoArDTAgNrTsJ6uPy87XxtXWzNg4Zls7NhwErgJlyQPPyowdawy4BRTF53lgA3BTrvcbYw4DJ4Bp8VECzgD/UmPdBaaSJjMCvAK2S9tPYJ8E8djmATAU52bGmCngDrBL2l4bY64Bz2VsgPfGmEupsR9bifS8MeZcywBFw8ARK41Zn7q+FRi3zgdlm0z1GwUm5LhcJ2XYCYyk2g5YE9xghs1xYEsMUPaHgP3xG4PsJyybrDeOSav9WztjYJR6lWt0Pevc108928hxvZLht+oYy9VW9U2kS1ZivKTTglNli1exC7gg8WNIbntVY922eA0XgGXZVP4fUyqaB2oirQAVoEoBKkAFqAAVoEoBKkAFqABVClABKkAFqFKAClABKkCVAlSAClABqjxUaJOf78AMSXnbArUakkdyvV/2n4En1CohyiRVU7beARvlOK7emgU2y/GfDJsZkqqt2OcLkgqrN7KPxwaYaxfEPpJytIE6fU6SFFYvUyt3C9JqL7AULVq/80udIXstXpu6qBVGzsv2cqVudZ8i7qw+Ljtfm2Z819G0xetrQR65uKhwnUY1p7otXt6TiEk5yKt6QucH30nkE3CDWllXFfibU4DXLYgLvkb2SqW5ZoJ/HhQwgV2mwUqldgXaNadmJxlNpPVNZHUBjDoVRECsLzeahXcAzxypShU4DfzKYQycxb3kf7QRwAHgmMNBhbD/FVhLGidsyb/GwHZ8jfkgXyl8VSG/K5qeBj5dpf8ddss0hnMhdwAAAABJRU5ErkJggg==');
}
#search-main:active + .search-buttons #barcode-scan-button .barcode-scan-icon, #search-main:focus + .search-buttons #barcode-scan-button .barcode-scan-icon {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAA3CAYAAACb4M1PAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4wwRFzUw7NBZmAAAAvpJREFUeNrtnD9oFEEUh79JLsbEaDAWEgwSwUZEUAiCWkjQaOyChYggWNoGG0UrtVBBGwtbGwsLQTEptBELLRRBTWFnoQgG/BNEQ+4ud2txb9lh2buZubtAsvd+sOzu7Lw33Mfum7fLmzPAFeAU/qoCR4Ef5E9vgd6A/qUCsA3YE2BUAXrIp3YDfQH9i12oWlIhdf4beJjRbisCFnPK477H07UXGLMb7gmUCPjYqXdSFEW+XS9avJbSj7DpVIDGeP/0bvtEY2CLUoArDTAgNrTsJ6uPy87XxtXWzNg4Zls7NhwErgJlyQPPyowdawy4BRTF53lgA3BTrvcbYw4DJ4Bp8VECzgD/UmPdBaaSJjMCvAK2S9tPYJ8E8djmATAU52bGmCngDrBL2l4bY64Bz2VsgPfGmEupsR9bifS8MeZcywBFw8ARK41Zn7q+FRi3zgdlm0z1GwUm5LhcJ2XYCYyk2g5YE9xghs1xYEsMUPaHgP3xG4PsJyybrDeOSav9WztjYJR6lWt0Pevc108928hxvZLht+oYy9VW9U2kS1ZivKTTglNli1exC7gg8WNIbntVY922eA0XgGXZVP4fUyqaB2oirQAVoEoBKkAFqAAVoEoBKkAFqABVClABKkAFqFKAClABKkCVAlSAClABqjxUaJOf78AMSXnbArUakkdyvV/2n4En1CohyiRVU7beARvlOK7emgU2y/GfDJsZkqqt2OcLkgqrN7KPxwaYaxfEPpJytIE6fU6SFFYvUyt3C9JqL7AULVq/80udIXstXpu6qBVGzsv2cqVudZ8i7qw+Ljtfm2Z819G0xetrQR65uKhwnUY1p7otXt6TiEk5yKt6QucH30nkE3CDWllXFfibU4DXLYgLvkb2SqW5ZoJ/HhQwgV2mwUqldgXaNadmJxlNpPVNZHUBjDoVRECsLzeahXcAzxypShU4DfzKYQycxb3kf7QRwAHgmMNBhbD/FVhLGidsyb/GwHZ8jfkgXyl8VSG/K5qeBj5dpf8ddss0hnMhdwAAAABJRU5ErkJggg==');
}
.sub-search .form-group #barcode-scan-button.active .barcode-scan-icon {
	border-radius: 4px;
	box-shadow: 0px 0px 10px 3px rgba(255, 255, 255, 0.6);
	background-color: rgba(255, 255, 255, 0.4);
}
.dark .sub-search .form-group #barcode-scan-button.active .barcode-scan-icon {
	box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.2);
	background-color: rgba(0, 0, 0, 0.1);
}
#search-main:active + .search-buttons #barcode-scan-button.active .barcode-scan-icon, #search-main:focus + .search-buttons #barcode-scan-button.active .barcode-scan-icon {
	box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.2);
	background-color: rgba(0, 0, 0, 0.1);
}
	
.sub-search .form-group.loading #barcode-scan-button {
	display: none;
}
.dark .sub-search .barcode-scan-loader {
	color: rgba(0,0,0,0.7);
}

.sub-search .form-group.loading .barcode-scan-loader {
	display: block;
}


.sub-search .search-list {
	max-height: 350px;
}

.sub-search .empty-products {
	margin: 20px 0;
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: #ddd;
	box-shadow: inset 0 4px 10px -3px #b9b9b9;
	text-align: center;
	min-height: 170px;
	color: #999;
	padding: 20px 0;
	overflow: hidden;
	font-size: 12px;
	min-width: 300px;
	max-height: 240px;
}

.footer .footer-icon {
	font-size: 28px;
	margin-top: 15px;
}

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

.footer h3 {
	font-size: 14px;
	text-transform: uppercase;
	padding-bottom: 4px;
	font-weight: bold;
	margin-top: 15px;
}

.footer .footer-nav {
	height: 165px;
}

.brand {
	color: #ababab;
	text-transform: uppercase;
	font-size: 10px;
	text-align: center;
}

.brand img {
	margin-top: 5px;
	width: 80px;
}

.center-brand {
	margin-top: 20px;
}

.footer .back-to-top-icon {
	width: 65px;
	height: 35px;
	position: absolute;
	top: -20px;
	background: #fff;
	line-height: 25px;
	color: #00b700;
	font-size: 14px;
	box-shadow: 0 0 9px -1px #999;
	border-bottom-right-radius: 50px;
	border-bottom-left-radius: 50px;
	background: #f3f5f7;
	margin-left: 15px;	
}

.footer .back-to-top-text {
	
}

.footer .footer-logo {
	margin-top: 5px;
	position: absolute;
	bottom: 20px;
	right: 20px;
}

.thumbnail {
	box-shadow: 0 1px 6px rgba(0,0,0,.1);
	border: none;
	position: relative;
	height: 362px;
	padding: 0;
	overflow: hidden;
}

.thumbnail:hover {
	box-shadow: 0 2px 10px rgba(0,0,0,.2);
}

.thumbnail a, .thumbnail a:hover, .thumbnail a:focus, .thumbnail a:active {
	text-decoration: none;
}

.thumbnail:hover .product-qv {
	top: 0;
	opacity: 1;
}

.thumbnail .product-qv {
	position: absolute;
	top: -30px;
	left: 0;
	color: #fff;
	background: rgba(0, 0, 0, 0.3);
	cursor: pointer;
	width: 100%;
	height: 30px;
	z-index: 2;
	transition: opacity 100ms, top 100ms;
	text-align: center;
	opacity: 0;
}

.thumbnail .product-qv .product-qv-text {
	height: 30px;
	line-height: 30px;
	font-family: "Raleway", "Open Sans", Helvetica, Arial, sans-serif;
}

.thumbnail .product-qv .product-qv-text .bt-eye {
	margin-right: 5px;
}

.thumbnail .main-img {
	background: #fff;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	height: 222px;
}

.thumbnail .main-img img {
	max-height: 100%;
	max-width: 100%;
	height: auto;
	width: auto;
	display: block;
	margin: auto;
}

.main-img .no-image {
	width: 100%;
	height: 100%;
	max-width: 100%;
	box-sizing: border-box;
	text-align: center;
	color: #ccd4da;
	font-size: 18px;
	font-family: "Raleway", "Open Sans", Helvetica, Arial, sans-serif;
	padding-top: 80px;
	display: block;
}

.main-img .no-image .bt-photo {
	display: block;
	font-size: 40px;
	margin-bottom: 5px;
	color: #e2e7ea;
}

.thumbnail .price {
	position: absolute;
	top: 190px;
	left: 0;
	height: 40px;
	line-height: 40px;
	margin-top: -20px;
	font-size: 24px;
	color: #fff;
	background: rgba(0, 0, 0, 0.5);
	padding: 0 7px;
	font-family: "Raleway", "Open Sans", Helvetica, Arial, sans-serif;
	z-index: 2;
}

.thumbnail .unit:before {
	content: "\2022";
	display: inline-block;
	margin: 0 5px;
	color: #ddd;
}

.thumbnail .in-cart {
	position: absolute;
	top: 146px;
	left: 0;
	transition: left 500ms ease 0s;
}

.thumbnail .in-cart:empty {
	left: -100px;
}

.thumbnail .caption {
	overflow: hidden;
	height: 140px;
	position: absolute;
	bottom: 0;
	background: #fff;
	width: 100%;
}

.thumbnail .caption h4 {
	overflow: hidden;
	white-space: normal;
	height: 40px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: block;
	display: -webkit-box;
	text-overflow: ellipsis;
	margin: 5px 0;
	line-height: 20px;
	color: #333;
}

.thumbnail .caption h4 .bt-times {
	font-size: 8px;
}

.thumbnail .caption .product-code {
	margin-bottom: 5px;
	display: inline-block;	
}

.thumbnail .btn.product-remove {
	position: absolute;
	top: 10px;
	right: 0;
	height: 34px;
	font-size: 16px;
	padding: 0;
	padding-right: 20px;
	color: #ddd;
}

.thumbnail:hover .btn.product-remove {
	color: #ffa0a0;
}

.thumbnail .btn.product-remove:hover, .thumbnail .btn.product-remove:active {
	color: #ff0500;
}

.thumbnail .quantity-footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px 0;
	background: #f7f7f7;
	white-space: nowrap;
}

.thumbnail .original-price {
	font-size: smaller;
}

.thumbnail .qty-input-container {
	text-align: center;
}

.product-detail {
	width: 100%;
	height: 100%;
	display: -ms-flexbox; 
	display: -webkit-box; 
	display: flex;
	padding: 5px;
}

.product-detail .detail-info {
	-ms-flex: 1 1 auto; 
	-webkit-box-flex: 1 1 auto;
	flex: 1 1 auto;
	overflow: hidden;
}

.product-detail .detail-info .description {
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 25px 50px 0 10px;
	text-align: left;
}

.product-detail .detail-info .code {
	text-align: left;
	text-overflow: ellipsis;
	padding: 5px 50px 0 10px;
	color: #999;
}

.product-detail .detail-image {
	width: 100px;
	height: 100px;
	-ms-flex: 0 0 100px; 
	-webkit-box-flex: 0 0 100px; 
	flex: 0 0 100px;
}

.product-detail .detail-image img {
	max-width: 100px;
	max-height: 100px;
	border-radius: 4px;
}

.product-detail .detail-actions {
	width: 120px;
	-ms-flex: 0 0 120px; 
	-webkit-box-flex: 0 0 120px; 
	flex: 0 0 120px;
	padding-top: 20px;
}

.product-detail .detail-actions .price {
	padding-top: 4px;
	font-size: 16px;
}

@media (max-width: 767px) {
	.product-detail .detail-image {
		width: 60px;
		height: 60px;
		-ms-flex: 0 0 60px; 
		-webkit-box-flex: 0 0 60px; 
		flex: 0 0 60px;
	}

	.product-detail .detail-image img {
		max-width: 60px;
		max-height: 60px;
	}
	
	.product-detail .detail-actions {
		display: none;
	}
	
	.product-detail .detail-info .description, .product-detail .detail-info .code {
		padding-right: 10px;
		padding-top: 5px;
	}
}

.dropdown-menu.has-selection > li > a {
	padding: 3px 20px 3px 40px;
	position: relative;
}

.dropdown-menu {
	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.16);
	border: 1px solid #9ea3a7;
}

.dropdown-menu.has-selection .selected {
	background: #eaeaea;
}

.dropdown-menu.has-selection .selected .bt-check {
	position: absolute;
	left: 15px;
	font-size: 12px;
	top: 8px;
}

@media (max-width: 767px) {

	.navbar-nav .open .dropdown-menu > li > a {
		color: #fff;
		font-size: smaller;
		text-align: center;
		line-height: 15px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	}
	
	.navbar-nav .open .dropdown-menu > li:first-child > a {
		border-top: 1px solid rgba(255, 255, 255, 0.3);
	}
	
	.navbar-nav .open .dropdown-menu > li > a:hover {
		background: none;
	}
}

.btn-success {
	background-color: #ff8000;
	border-color: #d06800;
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success:active:hover {
	background-color: #d06800;
	border-color: #d06800;
}

.input-group.quantity input[type='number'] {
	-moz-appearance:textfield;
}

.input-group.quantity input[type=number]::-webkit-inner-spin-button,
.input-group.quantity input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.input-group.quantity {
	width: 115px;
}

.input-group.quantity input {
	text-align: right;
}

.input-group.quantity button {
	width: 55px;
	height: 34px;
	line-height: 34px;
	overflow: hidden;
}

.input-group.quantity .input-quantity-changes {
	display: none;
}

.input-group.quantity .has-changes .input-quantity-changes {
	display: block;
}

.input-group.quantity .has-changes .input-quantity-text {
	display: none;
}

.input-group.quantity .input-quantity-text, .input-group.quantity .input-quantity-changes {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}
.input-group.quantity svg {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 0;
	transform: translateX(50%) translateY(-50%);
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

.input-group.quantity .btn-success svg path {
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

.input-group.quantity .btn-success .input-quantity-text, .input-group.quantity .btn-success .input-quantity-changes {
	color: transparent;
	transform: translateX(-100%);
	width: 0;
}
.input-group.quantity .btn-success svg {
	transform: translateX(-50%) translateY(-50%);
	width: 100%;
}

.input-group.quantity .btn-success svg path {
	animation: dash 0.3s linear forwards;
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}

.qty-input-container .input-step-quantity-info {
	font-size: 12px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	color: #fff;
	height: 20px;
	opacity: 0;
	transition: all 100ms;
}

.qty-input-container .input-step-quantity-info .input-step-quantity-label {
	padding: 0 8px;
	display: inline-block;
	height: 100%;
	line-height: 20px;
	border-radius: 5px;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.list-row .qty-input-container .input-step-quantity-info {
	top: 7px;
}
.list-row:hover .qty-input-container .input-step-quantity-info, .list-row.selected .qty-input-container .input-step-quantity-info {
	right: 105px;
	left: auto;
	opacity: 1;
}

.thumbnail:hover .qty-input-container .input-step-quantity-info, .selected .thumbnail .qty-input-container .input-step-quantity-info {
	top: -23px;
	opacity: 1;
}


.form-control:invalid ~ .input-group-btn button {
	cursor: not-allowed;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
			box-shadow: none;
	opacity: .65;
	pointer-events: none;
}

@keyframes dash {
	to {
		stroke-dashoffset: 0;
	}
}

.price {
	text-align: right;
}

.original-price {
	text-align: right;
	text-decoration: line-through;
}

.price-icon .bt-star {
	font-size: smaller;
}

.main.list .btn.list, .main.gallery .btn.gallery, .main.line .btn.line {
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad;
	outline: 0;
	-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
	box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

.popup {
	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.16);
	border-radius: 4px;
	padding: 10px;
	background: #fff;
}

.popup::-webkit-scrollbar-track {
	background-color: none;
	border-radius: 4px;
}

.popup::-webkit-scrollbar {
	width: 10px;
	background-color: #F5F5F5;
	border-radius: 4px;
}

.popup::-webkit-scrollbar-thumb {
	box-shadow: inset 0 0 2px rgba(0,0,0,.1);
	background-color: #777;
	border-radius: 4px;
}

.popup h3 {
	margin-top: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
}

@media (min-width: 1800px) {
	.prod-col-xl-3-custom {
		width: 25%;
	}
}

@media (min-width: 1281px) {
	.prod-col-lg-2-custom.filters-col {
		position: sticky;
		top: 70px;
		height: calc(100vh - 80px);
		overflow-y: auto;
		overflow-x: hidden;
		z-index: 5;
		background: #f3f5f7;
	}

	.prod-col-lg-2-custom.filters-col::-webkit-scrollbar-track {
		background-color: none;
		border-radius: 20px;
	}
	
	.prod-col-lg-2-custom.filters-col::-webkit-scrollbar {
		width: 10px;
		background-color: none;
		border-radius: 20px;
	}
	
	.prod-col-lg-2-custom.filters-col::-webkit-scrollbar-thumb {
		box-shadow: inset 0 0 2px rgba(0,0,0,.1);
		background-color: #777;
		border-radius: 20px;
	}
}

@media (max-width: 1280px) {
	.prod-col-lg-2-custom.filters-col {
		position: sticky;
		top: 130px;
		z-index: 4;
	}
}

#result-controls {
	display: -ms-flexbox; 
	display: -webkit-box; 
	display: flex;
	-ms-box-orient: horizontal; 
	-webkit-box-orient: horizontal; 
	-webkit-flex-direction: row-reverse; 
	flex-direction: row-reverse;
	margin: 0 -10px 15px -10px;
	padding: 10px;
	position: sticky;
	top: 60px;
	z-index: 4;
	background: #f3f5f7;
}

#result-controls:after {
	content: ' ';
	display: block;
	background: #eee;
	height: 1px;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
}

#result-controls .dropdown {
	display: inline-block;
	margin-right: 10px;
}

.result-explanation {
	-ms-flex: 0; 
	-webkit-box-flex: 0; 
	flex: 0; 
	flex-basis: auto;
	color: #969696;
	font-family: "Raleway", "Open Sans", Helvetica, Arial, sans-serif;
	vertical-align: top;
	padding: 0 10px 0 0;
	min-height: 34px;
	line-height: 34px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.result-explanation .filter-item {
	border: 1px solid #d4d3d3;
	padding-left: 10px;
	border-radius: 3px;
	text-decoration: none;
	height: 34px;
	display: inline-block;
	line-height: 34px;
	margin: 0 5px;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: top;
	max-width: 225px;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 40px;
}

.result-explanation .filter-item a:hover .filter-remove {
	background: #eee;
	color: #95a8b9;
}

.result-explanation .filter-item .filter-remove {
	font-size: 8px;
	padding: 0 10px;
	border-left: 1px solid #d4d3d3;
	margin-left: 8px;
	height: 32px;
	line-height: 32px;
	vertical-align: top;
	position: absolute;
	right: 0;
}

.result-options {
	-ms-flex: 0 0 220px; 
	-webkit-box-flex: 0 0 220px; 
	flex: 0 0 220px;
	text-align: center;
	vertical-align: top;
	text-align: right;
}

.result-filters-show {
	display: none;
}

.prod-col-lg-10-custom, .prod-col-lg-2-custom, .filter-col-custom  {
	float: left;
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	width: 100%;
}

@media (min-width: 1281px) {
	.filter-col-custom {
		width: 100%;
	}
	
	.prod-col-lg-2-custom {
		width: 16.66666667%;
	}

	.prod-col-lg-10-custom {
		width: 83.33333333%;
	}
}

@media (max-width: 1280px) {
	.filter-col-custom {
		width: 33%;
		min-width: 33%;
		-ms-flex: 1; 
		-webkit-box-flex: 1; 
		flex: 1;
	}
	
	.result-filters {
		position: absolute;
		top: -44px;
		background: #fff;
		overflow: hidden;
		z-index: 3;
		width: 100%;
		height: 0px;
		-webkit-transition: max-height 300ms; 
		-moz-transition: max-height 300ms; 
		-ms-transition: max-height 300ms; 
		-o-transition: max-height 300ms; 
		transition: max-height 300ms;  
		box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.16);
		display: -ms-flexbox; 
		display: -webkit-box; 
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		max-height: calc(100vh - 100px);
	}
	
	.result-filters.active {
		height: auto;
		overflow-x: hidden;
		overflow-y: auto;
	}

	.result-filters::-webkit-scrollbar-track {
		background-color: none;
		border-radius: 4px;
	}
	
	.result-filters::-webkit-scrollbar {
		width: 10px;
		background-color: #F5F5F5;
		border-radius: 4px;
		cursor: pointer;
	}
	
	.result-filters::-webkit-scrollbar-thumb {
		box-shadow: inset 0 0 2px rgba(0,0,0,.1);
		background-color: #777;
		border-radius: 4px;
		cursor: pointer;
	}
	
	.result-filters-show {
		display: inline-block;
		width: 40px;
		height: 40px;
		border-radius: 25px;
		box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.16);
		text-align: center;
		font-size: 20px;
		line-height: 40px;
		cursor: pointer;
		z-index: 4;
		position: absolute;
		top: -64px;
		right: 15px;
		overflow: hidden;
	}
	
	.result-filters-show .btl {
		-webkit-transition: -webkit-transform 0.3s;
		-moz-transition: -moz-transform 0.3s;
		transition: transform 0.3s;
		position: absolute;
		top: 10px;
		left: 10px;
	}
	
	.result-filters-show .bt-times {
		transform: translateX(50px) translateY(0) rotate(180deg);
	}

	.result-filters-show.active .bt-times {
		transform: translateX(0) translateY(0);
	}
	
	.result-filters-show .bt-flask {
		transform: translateX(0) translateY(0) rotate(180deg);
	}
	
	.result-filters-show.active .bt-flask {
		transform: translateX(-50px) translateY(0);
	}
	
	.light .result-filters-show {
		color: #fff;
	}
	
	.dark .result-filters-show {
		color: #333;
	}
	
	.products-view #result-controls {
		padding-right: 62px;
	}
	
	.result-filter ul {
		margin-bottom: 20px;		
	}
}

@media (max-width: 767px) {
	.filter-col-custom {
		width: 50%;
		min-width: 50%;
		-ms-flex: 1; 
		-webkit-box-flex: 1; 
		flex: 1;
	}
}

@media (max-width: 600px) {
	.filter-col-custom {
		width: 100%;
		min-width: 100%;
		-ms-flex: 1; 
		-webkit-box-flex: 1; 
		flex: 1;
	}
}

.result-filters h2 {
	padding-bottom: 8px;
	border-bottom: 1px solid #eee;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: bold;
	text-transform: uppercase;
	color: #797979;
}

.result-filters .filter-list {
	list-style: none;
	max-height: 300px;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.result-filters .filter-list::-webkit-scrollbar-track {
	background-color: none;
	border-radius: 4px;
}

.result-filters .filter-list::-webkit-scrollbar {
	width: 10px;
	background-color: #F5F5F5;
	border-radius: 4px;
}

.result-filters .filter-list::-webkit-scrollbar-thumb {
	box-shadow: inset 0 0 2px rgba(0,0,0,.1);
	background-color: #777;
	border-radius: 4px;
}

.result-filters .filter-list li {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.result-filters .filter-list li {
	line-height: 26px;
}

.result-filters .filter-list li:not(.selected) a {
	color: #969696;
}

.result-filters .filter-list li.selected {
	margin-left: -20px;
}

.result-filters .filter-list li .bt-check {
	width: 16px;
	margin-right: 4px;
	font-size: 12px;
}

.result-filters .filter-item {
	display: block;
	position: relative;
	cursor: pointer;
	margin-bottom: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.result-filters .filter-item:hover .filter-label {
	text-decoration: underline;
}

.result-filters .filter-item .filter-item-input {
	visibility: hidden;
	position: absolute;
	width: 0;
	height: 0;
	opacity: 0;
}

.result-filters .filter-item .filter-label {
	line-height: 26px;
	vertical-align: top;
	display: inline-block;
}

.result-filters .filter-item .filter-label:before {
	display: inline-block;
	font: 14px "Black Tie";
	margin: 0 10px 0 5px;
	line-height: 26px;
	vertical-align: top;
}

.result-filters .filter-list-multiple .filter-item .filter-item-input:checked + .filter-label:before {
	content: "\F013";
}

.result-filters .filter-list-multiple .filter-item .filter-label:before {
	content: "\F08C";
}

.result-filters .filter-list .filter-item .filter-item-input:checked + .filter-label:before {
	content: "\F012";
	opacity: 1;
}

.result-filters .filter-list .filter-item .filter-label:before {
	content: "\F012";
	opacity: 0;
}

.product-list {
	box-shadow: 0 1px 6px rgba(0,0,0,.1);
}

.in-cart {
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	color: #fff;
	padding: 0 10px;
	font-family: "Raleway", "Open Sans", Helvetica, Arial, sans-serif;
}

.in-cart:after {
	content: ' in cart';
}

.list-row {
	background: #fff;
	display: -ms-flexbox; 
	display: -webkit-box; 
	display: flex;
	border-bottom: 1px solid #eee;
	padding: 5px;
	position: relative;
	overflow: hidden;
}

.list-row:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.list-row:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.list-row h4 {
	margin: 0 0 5px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	line-height: 18px;
	display: block;
	font-size: 18px;
	height: 24px;
}

.list-row .main-img {
	display: inline-block;
	position: relative;
	width: 150px;
	height: 150px;
	-ms-flex: 0 0 150px; 
	-webkit-box-flex: 0 0 150px; 
	flex: 0 0 150px;
}

.list-row .main-img img {
	border-radius: 4px;
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.list-row .main-img .no-image {
	background: #fff;
	border-radius: 4px;
	box-sizing: border-box;
	text-align: center;
	color: #ccd4da;
	font-size: 14px;
	font-family: "Raleway", "Open Sans", Helvetica, Arial, sans-serif;
	padding-top: 50px;
	display: block;
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.list-row .main-img .no-image .bt-photo {
	display: block;
	font-size: 30px;
	margin-bottom: 5px;
	color: #e2e7ea;
}

.list-row .content {
	height: 150px;
	width: 100%;
	-ms-flex: 0; 
	-webkit-box-flex: 0; 
	flex: 0; 
	flex-basis: auto;
	padding: 10px;
	box-sizing: border-box;
	overflow: hidden;
}

.list-row .content .price {
	position: absolute;
	top: 67px;
	right: 0;
	height: 40px;
	line-height: 40px;
	font-size: 24px;
	color: #fff;
	background: rgba(0, 0, 0, 0.5);
	padding: 0 10px;
	font-family: "Raleway", "Open Sans", Helvetica, Arial, sans-serif;
}

.list-row .content .in-cart {
	position: absolute;
	top: 43px;
	right: 0;
	transition: right 500ms ease 0s;
}

.list-row .content .in-cart:empty {
	right: -100px;
}

.list-row .content .product-code {
	margin: 5px 0;
	display: inline-block;
}

.list-row .content .list-detail {
	overflow-x: hidden;
	overflow-y: hidden;
	height: 100%;
}

.list-row .content .list-detail:hover {
	overflow-y: auto;
}

#search-content .list-row .content .list-detail:hover {
	overflow-y: hidden;
}

.list-row .content .list-detail::-webkit-scrollbar-track {
	background-color: none;
	border-radius: 4px;
}

.list-row .content .list-detail::-webkit-scrollbar {
	width: 10px;
	background-color: #F5F5F5;
	border-radius: 4px;
}

.list-row .content .list-detail::-webkit-scrollbar-thumb {
	box-shadow: inset 0 0 2px rgba(0,0,0,.1);
	background-color: #777;
	border-radius: 4px;
}

.list-row .content .list-content {
	height: 100%;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	margin-right: 130px;
}

.list-row .content .list-detail ul {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 12px;
	display: table;
}

.list-row .content .list-detail li {
	display: table-row;
}

.list-row .content .list-detail .detail-label {
	padding-right: 15px;
	display: table-cell;
	white-space: nowrap;
	color: #757575;
	max-width: 110px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.list-row .content .list-detail .detail-value {
	display: table-cell;
	color: #333;
}

.list-row .content .options {
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 225px;
}

.list-row .content .options .input-group {
	float: right;
}

.list-row .content .product-remove {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
}

.list-row.selected {
	background: rgba(171, 207, 232, 0.29);
}

.list-row .original-price {
	font-size: smaller;
}

.list-row .qty-add, .list-row .qty-subtract {
	display: none;
}

.list-row:hover .product-qv {
	bottom: 0;
	opacity: 1;
}

.list-row .product-qv {
	position: absolute;
	bottom: -110%;
	left: 0;
	color: #fff;
	background: rgba(0, 0, 0, 0.3);
	cursor: pointer;
	width: 100%;
	height: 30px;
	z-index: 1;
	transition: all 300ms;
	text-align: center;
	opacity: 0;
}

.list-row .product-qv .product-qv-text {
	height: 30px;
	line-height: 30px;
	font-family: "Raleway", "Open Sans", Helvetica, Arial, sans-serif;
}

.list-row .product-qv .product-qv-text .bt-eye {
	margin-right: 5px;
}

.list-row a, .list-row a:hover, .list-row a:active {
	text-decoration: none;
	color: inital;
}

@media (max-width: 500px) {
	.list-row .main-img {
		display: none;
	}
}

@media (max-width: 767px) {
	.list-row h4 {
		font-size: 14px;
		line-height: 20px;
	}
	
	.list-row .main-img {
		width: 100px;
		height: 100px;
		-ms-flex: 0 0 100px;
		-webkit-box-flex: 0 0 100px;
		flex: 0 0 100px;
	}
	
	.list-row .main-img .no-image {
		padding-top: 30px;
	}

	.list-row .main-img .no-image .bt-photo {
		font-size: 25px;
	}
	
	.list-row .content .price {
		height: 34px;
		line-height: 34px;
		font-size: 16px;
		padding: 0 7px;
		top: 0;
	}
	
	.list-row .content .in-cart {
		top: 34px;
	}
	
	.list-row .content {
		height: 100px;
	}
	
	.list-row .content .list-content {
		margin-right: 80px;
	}
}

.small-list .list-row h4 {
	font-size: 14px;
	line-height: 20px;
}

.small-list .product-qv {
	display: none;
}

.list-row h4 .bt-times {
	font-size: 8px;
}

.small-list .list-row .main-img {
	width: 100px;
	height: 100px;
	-ms-flex: 0 0 100px;
	-webkit-box-flex: 0 0 100px;
	flex: 0 0 100px;
}

.small-list .list-row .main-img .no-image {
	padding-top: 30px;
}

.small-list .list-row .main-img .no-image .bt-photo {
	font-size: 25px;
}

.small-list .list-row .content .price {
	height: 34px;
	line-height: 34px;
	font-size: 16px;
	padding: 0 7px;
	top: 0;
}

.small-list .list-row .content .in-cart {
	top: 34px;
}

.small-list .list-row .content {
	height: 100px;
}

.small-list .list-row .content .list-content {
	margin-right: 80px;
}

.template-list a:hover {
	text-decoration: none;
}

.template-list .template-item {
	height: 80px;
	width: 100%;
	background-color: #fff;
	border-radius: 4px;
	padding: 20px;
	text-decoration: none;
	overflow: hidden;
	box-shadow: 0 3px 8px 0 rgba(0,0,0,0.03);
	border: 1px solid #d4dadf;
	line-height: 40px;
	margin-bottom: 10px;
	display: -ms-flexbox; 
	display: -webkit-box; 
	display: flex;
}

.template-list .template-item:hover {
	box-shadow: 0 2px 10px rgba(0,0,0,.2);
}

.template-list .template-item .template-icon {
	-ms-flex: 0 0 5%;
	-webkit-box-flex: 0 0 5%;
	flex: 0 0 5%;
	line-height: 40px;
	height: 40px;
	font-size: 30px;
	color: #777;
	text-align: center;
}

.template-list .template-item .template-contents {
	-ms-flex: 1 1 auto; 
	-webkit-box-flex: 1 1 auto;
	flex: 1 1 auto;
	line-height: 40px;
	height: 40px;
	padding-left: 20px;
	overflow: hidden;
}

.template-list .template-item .template-contents h4 {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 20px;
	height: 20px;
	vertical-align: top;
	margin: 0;
	text-decoration: none;
	min-width: 0;
}

.template-list .template-item .template-contents .template-description {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 20px;
	height: 20px;
	vertical-align: top;
	margin: 0;
	color: #ccc;
	text-decoration: none;
	min-width: 0;
}

.template-gallery {
	width: 100%;
	display: grid;
	gap: 1.4vw;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.template-gallery[data-mode="gallery_small"] {
	grid-template-columns: repeat(8, minmax(0, 1fr));
}

.template-gallery[data-mode="gallery_extra_large"] {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 992px) {
	.template-gallery {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.template-gallery[data-mode="gallery_small"] {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.template-gallery[data-mode="gallery_small"] {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.template-gallery[data-mode="gallery_extra_large"] {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}

.template-gallery .main-img .no-image {
	padding-top: 0;
	font-size: 18px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
}

.template-gallery .template-contents {
	display: flex;
	flex-direction: column;
	height: 100%;
	width: 100%;
}

.template-gallery a {
	display: block;
}

.template-gallery .template-contents .main-img {
	flex: 1;
	display: flex;
	align-items: center;
}

.template-gallery .template-item {
	width: 100%;
	height: 100%;
	background: #fff;
	box-shadow: 0 1px 6px rgba(0,0,0,.1);
	border-radius: 4px;
	overflow: hidden;
	position: relative;
}

.template-gallery .template-item:hover {
	box-shadow: 0 2px 10px rgba(0,0,0,.2);
}

.template-gallery .template-item img {
	margin: 0 auto;
	width: 100%;
	object-fit: cover;
}

.template-gallery a:hover, .template-list a:hover {
	text-decoration: none;
}

.template-gallery .blurb {
	padding: 0 10px;
}

.template-gallery .blurb h4 {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.quick-quantity-wrapper {
	text-align: right;
	margin: 20px 0;
}

.product-line table .options {
	text-align: right;
	max-width: 256px;
	min-width: 256px;
}

.products-area .product-line .table {
	margin-bottom: 0;
}

.products-area:not(:first-child) .product-line .table thead th {
	line-height: 0;
	height: 0;
	overflow: hidden;
	padding: 0;
}

.products-area:not(:first-child) .product-line .table thead th i {
	display: none;
}

.products-area:last-child .product-line .table {
	margin-bottom: 20px;
}

.products-area:last-child .product-line {
	padding-bottom: 205px;
	margin-bottom: -195px;
}

.products-area[data-onscreen="0"][data-has-height] > form {
	display: none;
}

.products-area[data-has-height] {
	content-visibility: auto;
}


@media (max-width: 767px) {
	.product-line table .options {
		max-width: 200px;
		min-width: 200px;
	}
}

.product-line table .history {
	min-width: 90px;
}

table tr.line-row td {
	height: 34px;
	line-height: 34px;
	max-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
}

table tr.line-row .product-amount {
	max-width: 50px;
	width: 10%;
}

table tr.line-row .product-code {
	max-width: 100px;
	width: 10%;
}

table tr.line-row .product-description {
	width: 40%;
}

table tr.line-row .product-description a {
	color: #333;
	text-decoration: none;
}

table tr.line-row .product-description a:hover .line-row-description-text {
	text-decoration: underline;
}

table tr.line-row .product-code a {
	color: #333;
}

table tr.line-row .price, table tr.line-row .unit,  table tr.line-row .line-total{
	width: 10%;
	max-width: unset;
}

table tr.line-row .product-history, table tr.line-row .product-extra {
	max-width: unset;
	overflow: visible;
}

table tr.line-row .line-quantity {
	position: relative;
	min-width: 240px;
	height: 34px;
	position: relative;
}

@media (max-width: 767px) {
	table tr.line-row .line-quantity {
		min-width: 200px;
	}
	
	table tr.line-row .line-quantity .in-cart:after {
		content: '';
	}
}

table tr.line-row .line-quantity .in-cart-wrapper {
	height: 34px;
	width: 100px;
	display: inline-block;
	position: absolute;
	top: 0;
	right: 155px;
	overflow: hidden;
}

table tr.line-row .line-quantity .in-cart {
	position: absolute;
	right: 0;
	transition: right 500ms ease 0s;
	margin: 5px 0;
	border-radius: 4px;
}

table tr.line-row .line-quantity .input-group.quantity {
	float: right;
}

table tr.line-row .qty-input-container {
	display: inline-block;
}

table tr.line-row .in-cart:empty {
	right: -100px;
}

table tr.line-row .product-remove {
	vertical-align: top;
	margin-right: 5px;
	height: 34px;
}

table tr.line-row.selected {
	background: rgba(171, 207, 232, 0.29);
}

table tr.line-row .original-price {
	margin-right: 5px;
	color: #999;
}

table tr.line-row .price-icon .bt-star {
	color: #b70400;
}

table tr.line-row .promo-price, table tr.line-row .special-price {
	color: #b70400;
}

table tr.line-row .qty-add, table tr.line-row .qty-subtract {
	display: none;
}



table tr.line-row:hover .product-qv {
	left: 0;
	opacity: 1;
}

table tr.line-row .product-qv {
	position: absolute;
	left: -30px;
	top: 0;
	color: #fff;
	background: rgba(0, 0, 0, 0.3);
	cursor: pointer;
	width: 30px;
	line-height: 50px;
	height: 100%;
	z-index: 1;
	transition: all 100ms;
	text-align: center;
	opacity: 0;
	display: none;
}

.qty-input-container {
	height: 34px;
	text-align: right;
	position: relative;
}

.qty-input-container .qty-subtract {
	padding-right: 5%;
}

.qty-input-container .qty-add {
	padding-left: 5%;
}

.qty-input-container .qty-subtract, .qty-input-container .qty-add {
	font-size: 24px;
	line-height: 34px;
	vertical-align: top;
	cursor: pointer;
	color: #ddd;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
}

.qty-input-container .qty-subtract:hover, .qty-input-container .qty-add:hover {
	color: #999;
}

.qty-input-container .input-group-wrapper {
	display: inline-block;
}

.totals {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #eee;
	font-family: "Raleway", "Open Sans", Helvetica, Arial, sans-serif;
}

.totals .grandtotal .label {
	font-size: 20px;
}

.totals .totals-line .label {
	color: #969696;
}

.totals .totals-line {
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
	margin-bottom: 5px;
	color: #969696;
}

.totals .tax {
	margin-bottom: 10px;
}

.totals .freight {
	display: none;
}

.totals.includes-freight .freight {
	display: block;
}

.totals .value {
	font-size: 14px;
	float: right;
}

.totals .grandtotal {
	height: 28px;
	line-height: 28px;
	vertical-align: top;
}

.totals .grandtotal .value {
	font-size: 20px;
}

.totals [data-total]:empty:before {
	content: "\f03c";
	-webkit-animation: bt-spin 2s infinite linear;
	animation: bt-spin 2s infinite linear;
	display: inline-block;
	font: normal normal normal 14px/1 "Black Tie";
	font-size: inherit;
	vertical-align: -14.28571429%;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
}

.btn-tip-wrapper {
	position: relative;
	display: inline-block;
	vertical-align: top;
}

.btn-tip-wrapper.btn-tip-success {
	float: right;
}

.btn-tip-wrapper .btn-tip {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	max-width: 500px;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 6px 10px;
	text-align: center;
	border-radius: 4px;
	position: absolute;
	right: 0;
	top: -40px;
	white-space: nowrap;
	border: 1px solid;
	background: #f3f5f7;
}

.btn-tip-wrapper:not(.has-error) .btn-tip {
	display: none;
}

.proceed-btn {
	margin-top: 80px;
	margin-bottom: 30px;
}

@media (max-width: 767px) {
	.btn-tip-wrapper {
		width: 100%;
	}
	
	.btn-tip-wrapper.has-error {
		margin-top: 70px;
	}
	
	.btn-tip-wrapper .btn-tip {
		display: block;
		width: 100%;
		max-width: 100%;
	}
	
	.proceed-btn {
		margin-top: 40px;
	}
}

.checkout-submit-freight {
	display: none;
}

.proceed-btn.show-freight .checkout-submit-freight{
	display: inline;
}

.proceed-btn > .btn:first-child {
	margin-left: 0;
}

.proceed-btn .btn-success {
	float: right;
}

.cart-remove-all {
	text-align: right;
	margin-top: 10px;
}

.cart-remove-all .product-remove {
	padding-left: 0;
	padding-right: 0;
}

.quick-quantity {
	width: 130px;
	height: 40px;
	line-height: 40px;
	position: relative;
	overflow: hidden;
}

.quick-quantity-text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}
.quick-quantity svg {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 0;
	transform: translateX(50%) translateY(-50%);
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

.quick-quantity svg path {
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

.quick-quantity.btn-success .quick-quantity-text {
	color: transparent;
	transform: translateX(-100%);
	width: 0;
}
.quick-quantity.btn-success svg {
	transform: translateX(-50%) translateY(-50%);
	width: 100%;
}

.quick-quantity.btn-success svg path {
	animation: dash 0.3s linear forwards;
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}

#transaction-head {
	font-family: "Raleway", "Open Sans", Helvetica, Arial, sans-serif;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

#transaction-head > div {
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#transaction-head .value {
	float: right;
}

.small-center-icon, .medium-center-icon, .large-center-icon {
	color: #ccc;
	text-align: center;
}
.small-center-icon {
	font-size: 14px;
}
.medium-center-icon {
	font-size: 30px;
}
.large-center-icon {
	font-size: 60px;
}

.header-dropdown {
	border-radius: 4px;
	width: 400px;
	max-width: calc(100vw - 60px);
	height: 0;
	background: #fff;
	position: absolute;
	z-index: 1;
	right: 65px;
	-webkit-transition: height .2s ease, box-shadow .2s ease;
	-moz-transition: height .2s ease, box-shadow .2s ease;
	-o-transition: height .2s ease, box-shadow .2s ease;
	-ms-transition: height .2s ease, box-shadow .2s ease;
	transition: height .2s ease, box-shadow .2s ease;
	overflow: hidden;
}

.header-dropdown.active {
	box-shadow: 8px 8px 15px 5px rgba(0,0,0,0.15);
}

#cart-dropdown.header-dropdown.active {
	height: 418px;
}

#message-dropdown.header-dropdown.active {
	height: 280px;
}

#message-content {
	padding: 10px;
	height: 100%;
}

#message-content h2 {
	margin-top: 0;
}

#message-content #message-header {
	resize: none;
	height: 150px;
}

#message-content .btn-message {
	margin: 0;
	min-height: 34px;
}

.cart-area table {
	margin-bottom: 10px;
}

.cart-area .hidden-cart {
	display: none;
}

#cart-content {
	display: -ms-flexbox; 
	display: -webkit-box; 
	display: flex;
	-ms-box-orient: vertical; 
	-webkit-box-orient: vertical; 
	-webkit-flex-direction: column; 
	flex-direction: column;
	height: 100%;
}

#cart-dropdown .cart-footer {
	-ms-flex: 0 0 83px; 
	-webkit-box-flex: 0 0 83px; 
	flex: 0 0 83px;
}

#cart-dropdown #cart-products {
	-ms-flex: 1 1 auto; 
	-webkit-box-flex: 1 1 auto;
	flex: 1 1 auto;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

#cart-dropdown #cart-products::-webkit-scrollbar-track {
	background-color: none;
	border-radius: 4px;
}

#cart-dropdown #cart-products::-webkit-scrollbar {
	width: 10px;
	background-color: #F5F5F5;
	border-radius: 4px;
}

#cart-dropdown #cart-products::-webkit-scrollbar-thumb {
	box-shadow: inset 0 0 2px rgba(0,0,0,.1);
	background-color: #777;
	border-radius: 4px;
}

#cart-dropdown .cart-remove-all {
	display: none;
}

#cart-dropdown .totals {
	margin-top: 0;
	padding-top: 5px;
}

#cart-dropdown .totals .grandtotal, #cart-dropdown .totals .tax, #cart-dropdown .totals .freight {
	display: none;
}

#cart-dropdown .totals .subtotal {
	padding: 5px;
}

#cart-dropdown .totals .subtotal span {
	font-size: 20px;
}

#cart-dropdown .cart-options a.btn-default {
	color: #555;
}

.cart-loading, .empty-cart {
	margin-top: 80px;
}

#cart-dropdown .cart-options {
	padding: 5px;
}

#cart-dropdown .cart-options .btn-success {
	position: absolute;
	right: 0.4rem;
	bottom: 0.4rem;
}

#cart-dropdown .totals .subtotal{
	position: relative;
}

#cart-dropdown .totals .subtotal .value{
	position: absolute;
	right: 0.4rem;
	bottom: 0.4rem;
}

.center-box {
	background: #fff; 
	box-shadow: 0 1px 6px rgba(0,0,0,.1);
	font-family: "Raleway", "Open Sans", Helvetica, Arial, sans-serif;
	max-width: 500px;
	min-width: 290px;
	margin: 8% auto 0 auto;
	border-radius: 4px;
}

.center-box .center-box-logo {
	padding: 20px 0;
	height: 110px;
}

.center-box .center-box-logo img {
	width: 125px;
}

.center-box .center-box-contents {
	padding: 40px;
}

.center-box .form-group label {
	font-weight: normal;
}

.center-box .form-control {
	height: 50px;
}

.center-box .center-box-btn {
	color: #fff;
	width: 100%;
	height: 50px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
}

.center-box .center-box-links {
	margin: 5px 0;
}

@media (max-width: 767px) {
	.center-box {
		box-shadow: none !important;
		margin-top: 0;
	}
	
	.center-brand {
		margin-top: 0;
	}
}

@media (max-width: 767px) {
	.proceed-btn .btn {
		width: 100%;
		margin-bottom: 10px;
	}
}

/* Page Specific */
body.pages-login, body.pages-logout, body.pages-setpass, body.pages-forgotpass {
	margin-bottom: 0;
	padding: 0;
	background-image: url("data:image/svg+xml,%3Csvg width='100' height='20' viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.184 20c.357-.13.72-.264 1.088-.402l1.768-.661C33.64 15.347 39.647 14 50 14c10.271 0 15.362 1.222 24.629 4.928.955.383 1.869.74 2.75 1.072h6.225c-2.51-.73-5.139-1.691-8.233-2.928C65.888 13.278 60.562 12 50 12c-10.626 0-16.855 1.397-26.66 5.063l-1.767.662c-2.475.923-4.66 1.674-6.724 2.275h6.335zm0-20C13.258 2.892 8.077 4 0 4V2c5.744 0 9.951-.574 14.85-2h6.334zM77.38 0C85.239 2.966 90.502 4 100 4V2c-6.842 0-11.386-.542-16.396-2h-6.225zM0 14c8.44 0 13.718-1.21 22.272-4.402l1.768-.661C33.64 5.347 39.647 4 50 4c10.271 0 15.362 1.222 24.629 4.928C84.112 12.722 89.438 14 100 14v-2c-10.271 0-15.362-1.222-24.629-4.928C65.888 3.278 60.562 2 50 2 39.374 2 33.145 3.397 23.34 7.063l-1.767.662C13.223 10.84 8.163 12 0 12v2z' fill='%23CCCCCC' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");
}

@media (max-width: 767px) {
	body.pages-login, body.pages-logout, body.pages-setpass, body.pages-forgotpass {
		background: #fff !important;
	}
}

.pages-setpass .pasword-reqs {
	font-size: 12px;
	color: #999;
	margin: 10px 0;
	text-align: center;
}

.pages-home .transaction-list {
	height: 200px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.pages-home .transaction-list::-webkit-scrollbar-track {
	background-color: none;
	border-radius: 4px;
}

.pages-home .transaction-list::-webkit-scrollbar {
	width: 10px;
	height: 10px;
	background-color: #F5F5F5;
	border-radius: 4px;
}

.pages-home .transaction-list::-webkit-scrollbar-thumb {
	box-shadow: inset 0 0 2px rgba(0,0,0,.1);
	background-color: #777;
	border-radius: 4px;
}

.pages-home .featured-products {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	overflow-y: hidden;
	width: 100%;
	white-space: nowrap;
}

.pages-home .featured-products::-webkit-scrollbar-track {
	background-color: none;
	border-radius: 4px;
}

.pages-home .featured-products::-webkit-scrollbar {
	height: 10px;
	background-color: #F5F5F5;
	border-radius: 4px;
}

.pages-home .featured-products::-webkit-scrollbar-thumb {
	box-shadow: inset 0 0 2px rgba(0,0,0,.1);
	background-color: #777;
	border-radius: 4px;
}

.pages-home .featured-products > div {
	width: 33.33%;
	min-width: 260px;
	display: inline-block;
	padding-right: 2%;
}

.pages-home .featured-products > div:last-child {
	padding-right: 0;
}

@media (max-width: 767px) {
	.pages-home .featured-products > div {
		width: 102%;
		padding-right: 2%;
	}
}

.pages-home .featured-descript {
	color: #969696;
}

.pages-checkcache .cache-loader {
	font-size: 40px;
	color: #ddd;
}

.sub-header {
	margin-top: 40px;
}

.cart-view .result-options {
	-ms-flex: 0 0 130px;
	-webkit-box-flex: 0 0 130px;
	flex: 0 0 130px;
}

@media (min-width: 768px) {
	.proceed-btn .btn.add-product-btn {
		margin-left: 0;
	}

	.proceed-btn .btn {
		margin-left: 10px;
	}
}

.btn-checkout {
	min-width: 120px;
}

.btn-checkout#checkout-pay {
	background-color: #ff8000;
	border-color: #d06800;
}

.checkout-details #delivery-address-area {
	height: 100px;
}

.checkout-details .checkout-list {
	max-height: 333px;
	overflow: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

.checkout-details .checkout-list::-webkit-scrollbar-track {
	background-color: none;
	border-radius: 4px;
}

.checkout-details .checkout-list::-webkit-scrollbar {
	width: 10px;
	background-color: #F5F5F5;
	border-radius: 4px;
}

.checkout-details .checkout-list::-webkit-scrollbar-thumb {
	box-shadow: inset 0 0 2px rgba(0,0,0,.1);
	background-color: #777;
	border-radius: 4px;
}

.checkout-details .delivery-code-selections {
	max-width: 100%;
}

.checkout-details .delivery-code-selection {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 10px;
}

.checkout-details #checkout-panel1, .checkout-details #checkout-panel2 {
	margin-bottom: 20px;
}

.checkout-details #checkout-panel1 h2, .checkout-details #checkout-panel2 h2 {
	margin-top: 0;
}

.checkout-details .delivery-options #note {
	resize: vertical;
	min-height: 54px;
}

.checkout-details [name="delivery-code"] {
	margin-bottom: 10px;
}

.dadd {
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 20px;
}

.dadd .dadd-name {
	margin-top: 0;
}

#transaction-details tr {
	height: 37px;
}

.message-create #message {
	resize: vertical;
	min-height: 100px;
	max-height: 200px;
}

#switch-wrapper {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	background: #f3f5f7;
	width: 100%;
	height: 100%;
	text-align: center;
	padding-top: 100px;
}

#switch-wrapper.visible {
	display: block;
}

.previously-sold-bar {
	border-bottom: 1px solid #555;
	width: 34px;
	height: 34px;
	cursor: pointer;
	display: block;
}

.previously-sold-bar .bar {
	width: 10px;
	height: 5px;
	margin-right: 2px;
	background: #555;
	display: inline-block;
	vertical-align: top;
}

.previously-sold-bar .bar:last-child {
	margin-right: 0;
}

.previously-sold-bar .bar.none {
	height: 0;
	margin-top: 34px;
}

.previously-sold-bar .bar.small {
	height: 10px;
	margin-top: 24px;
}

.previously-sold-bar .bar.medium {
	height: 20px;
	margin-top: 14px;
}

.previously-sold-bar .bar.large {
	height: 30px;
	margin-top: 4px;
}

.previously-sold-popup table tr td {
	height: 20px;
	line-height: 20px;
	max-width: unset;
}

.previously-sold-popup table {
	margin-bottom: 0;
	width: 360px;
}

.saved-list-area .table > tbody > tr > td {
	line-height: 34px;
}

.saved-list-area .table > tbody > tr > td a:not(.btn) {
	width: 100%;
	height: 100%;
	display: inline-block;
}

.transaction-view .result-options {
	-ms-flex: 0 0 500px;
	-webkit-box-flex: 0 0 500px;
	flex: 0 0 500px;
}

.extra-product-info {
	cursor: pointer;
}

.extra-product-info-tooltip {
	text-align: left;
}

.extra-product-info-tooltip ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.extra-product-info-tooltip li {
	word-wrap: break-word;
	white-space: pre-wrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-bottom: 1px solid #eee;
	color: #969696;
	line-height: normal;
	padding: 8px 0;
}

.extra-product-info-tooltip li:last-child {
	border-bottom: none;
}

.extra-product-info-tooltip h3 {
	margin: 0;
	line-height: 18px;
}

.extra-product-info-tooltip li.extra-product-info-empty {
	text-align: center;
}

.products-more-loader {
	text-align: center;
	font-size: 40px;
	color: #ddd;
	margin: 20px 0;
}

.products.busy:before {
	content: "\f03c";
	-webkit-animation: bt-spin 2s infinite linear;
	animation: bt-spin 2s infinite linear;
	display: inline-block;
	font: normal normal normal 14px/1 "Black Tie";
	font-size: inherit;
	vertical-align: -14.28571429%;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 500px;
	font-size: 40px;
	color: #ccc;
}

.products #result-controls {
	display: none;
}

/* Epoch Cal Styling */
table.calendar {
	border-radius: 5px;
	-webkit-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.28);
	-moz-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.28);
	box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.28);
	font-size: 14px;
	background-color: #fff;
	text-align: center;
	/*prevent user from selecting text in Mozilla & Safari - check calendar constructor for IE code)*/
	-moz-user-select: none;
	/*-khtml-user-select: none;*/
	margin-top: 4px;
	font-family: "Raleway", "Open Sans", Helvetica, Arial, sans-serif;
}
table.calendar select {
	font-size: 12px;
	height: 30px;
	margin: 5px 0;
	background: none;
	border: none;
	outline: none;
	border-radius: 3px;
}
table.calendar select:hover {
	background-color: #eee;
	color: #333;
}
table.calendar .mainheading input[type="button"] {
	font-size: 20px;
	font-weight: bold;
	color: #555;
	cursor: pointer;
	background: none;
	border: none;
	outline: none;
	padding: 0px 15px;
	margin: 5px;
	height: 30px;
	line-height: 30px;
	border-radius: 3px;
}
table.calendar .mainheading input[type="button"]:hover {
	background-color: #eee;
	color: #333;
}
table.calendar .mainheading input[type="button"]:first-child {
	float: left;
}
table.calendar .mainheading input[type="button"]:last-child {
	float: right;
}
table.calendar .mainheading select {
	margin-right: 5px;
}
table.calendar td {
	border: 0;
	text-align: center;
}
div.mainheading {
	height: 40px;
}
table.caldayheading {
	cursor: pointer;
	empty-cells: show;
	margin: 0 6px 0 6px;
	border-spacing: 3px;
}
table.caldayheading td {
	text-align: center;
	vertical-align: middle;
	color: #555;
	width: 40px;
	height: 40px;
	text-transform: uppercase;
	line-height: 24px;
	font-weight: bold;
	cursor: default;
}
table.caldayheading td.wkhead {
	text-align: center;
}
table.calcells {
	border-spacing: 3px;
	cursor: pointer;
	margin: 0 6px 3px 6px;
}
table.calcells td {
	vertical-align: middle;
	text-align: center;
	width: 40px;
	height: 40px;
	line-height: 24px;
	border-radius: 3px;
	position: relative;
}
table.calcells td div {
	padding: 1px;
	margin: 0;
}
table td.wkhead {
	display: none;
}
table.calcells td.curdate:before {
	content: "\f0a5";
	display: inline-block;
	font: 12px "Black Tie";
	position: absolute;
	bottom: 0;
	right: 0;
	transform: rotate(-45deg);
	color: #999;
}
table.calcells td.cell_selected {
	background-color: #337ab7;
	color: #fff;
}
table.calcells td.cell_selected.curdate:before {
	color: #fff;
}
table.calcells td.notmnth {
	background-color: #fff;
	color: #ccc;
}
table.calcells td.notallowed {
	background-color: #ccc;
	color: #999;
	font-style: italic;
}
table.calcells td.hover {
	background-color: #eee;
	color: #333;
}

.msl-group {
	vertical-align: top;
	display: inline-block;
}

.msl-form {
	display: inline-block;
	vertical-align: top;
	max-width: 300px;
}

.msl-form button[name="msl_save"] {
	width: 60px;
}

.msl-form.msl-hidden input, .msl-form.msl-hidden .input-group-btn:last-child {
	display: none;
}

.msl-form.msl-hidden .input-group-btn:first-child button {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.msl-form .input-group-wrapper {
	transition: all 700ms;
	max-width: 300px;
}

.msl-form.msl-hidden .input-group-wrapper {
	max-width: 240px;
	min-width: 240px;
}

.msl-form .msl-add .btn-text {
	max-width: 0;
	transition: all 700ms;
	overflow: hidden;
	display: inline-block;
	display: inline-block;
	white-space: nowrap;
	vertical-align: top;
}

.msl-form.msl-hidden .msl-add .btn-text {
	max-width: 130px;
}

.msl-form button[name="msl_save"] .btn-icon {
	line-height: 32px;
	font-size: 16px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 32px;
	transform: translateX(100%);
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	display: block;
}

.msl-form.msl-loading button[name="msl_save"] .btn-icon {
	transform: translateX(0);
	-webkit-animation: bt-spin 2s infinite linear 0.3s;
	animation: bt-spin 2s infinite linear 0.3s;
}

.msl-form.msl-loading button[name="msl_save"] .btn-text {
	transform: translateX(-100%);
}

@media (max-width: 767px) {
	.msl-form {
		margin-left: 0;
		max-width: 100%;
		width: 100%;
	}
	
	.msl-form .input-group-wrapper {
		max-width: 100%;
	}
	
	.msl-form.msl-hidden .input-group-wrapper {
		max-width: 100%;
	}

	.msl-group {
		width: 100%;
	}

	.msl-group .btn-group {
		width: 100%;
	}

	.msl-form .btn {
		width: 100%;
	}
}

.btn-animate-success button {
	height: 34px;
	line-height: 34px;
	overflow: hidden;
}

.btn-animate-success .btn-text, .btn-animate-success .btn-icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	display: block;
}
.btn-animate-success svg {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 0;
	transform: translateX(50%) translateY(-50%);
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

.btn-animate-success .btn-success svg path {
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

.btn-animate-success .btn-success .btn-text, .btn-animate-success .btn-success .btn-icon {
	color: transparent;
	transform: translateX(-100%);
	width: 0;
}
.btn-animate-success .btn-success svg {
	transform: translateX(-50%) translateY(-50%);
	width: 100%;
}

.btn-animate-success .btn-success svg path {
	animation: dash 0.3s linear forwards;
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}

.saved-list-view #cart-view.btn-header {
	right: 140px;
}

.filter-dropdowns {
	width: 100%;
	padding: 0 10px;
	display: border-box;
}

@media (max-width: 1280px) {
	.filter-dropdowns {
		padding-top: 10px;
	}
}

.filter-dropdowns .filter-dropdown {
	margin-bottom: 10px;
}

.filter-dropdowns .filter-dropdown .dropdown-toggle {
	width: 100%;
	text-align: left;
	height: 34px;
	position: relative;
}

.filter-dropdowns .filter-dropdown .dropdown-toggle .caret {
	position: absolute;
	right: 8px;
	top: 14px;
}

.filter-dropdowns .filter-dropdown .dropdown-menu {
	padding-left: 0;
	width: 100%;
}

.filter-dropdowns .filter-dropdown .dropdown-menu li.selected {
	margin-left: 0;
}

.quick-view {
	position: fixed;
	right: -110%;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

.quick-view .quick-view-bg {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0);
	transition: background 300ms;
	z-index: 11;
}

.quick-view .quick-slider {
	position: absolute;
	right: -400px;
	top: 0;
	width: 400px;
	padding-top: 60px;
	height: 100%;
	background: #fff;
	transition: right 300ms;
	z-index: 12;
}

.quick-view .quick-slider .content {
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
}

.quick-view .quick-slider .content::-webkit-scrollbar-track {
	background-color: none;
	border-radius: 4px;
}

.quick-view .quick-slider .content::-webkit-scrollbar {
	width: 10px;
	background-color: #F5F5F5;
	border-radius: 4px;
}

.quick-view .quick-slider .content::-webkit-scrollbar-thumb {
	box-shadow: inset 0 0 2px rgba(0,0,0,.1);
	background-color: #777;
	border-radius: 4px;
}

.quick-view .quick-slider .loading {
	position: absolute;
	top: 50%;
	right: -110%;
	width: 400px;
	height: 200px;
	margin-top: -100px;
	text-align: center;
	transition: opacity 300ms 300ms;
	opacity: 0;
}

.quick-view .quick-slider .loading .bt-spinner-clock {
	font-size: 60px;
	color: #ddd;
}

.quick-view .quick-slider .content:empty ~ .loading {
	right: 0;
}

.quick-view .quick-slider .close {
	margin-top: 5px;
	float: left;
	padding: 10px;
	margin-left: -50px;
	color: #fff;
	opacity: 1;
	text-shadow: none;
}

.quick-view.show {
	right: 0;
}

.quick-view.show .quick-slider .loading {
	opacity: 1;
}

.quick-view.show .quick-view-bg {
	background: rgba(0, 0, 0, 0.5);
}

.quick-view.show .quick-slider {
	right: 0;
}





.quick-view .quick-slider .content .page-header  {
	padding: 0 0 5px 0;
	margin-top: 10px;
	font-size: 20px;
}

.quick-view .product-qv-main {
	padding: 5px 20px;
}

.carousel {
	box-shadow: none;
	height: auto;
}
.carousel .main-img {
	height: 280px;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
	margin-bottom: 10px;
	background: #fff;
}
.carousel .main-img img {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition: all 0.5s ease;
	opacity: 0;
}
.carousel .main-img img.show {
	opacity: 1;
}
.carousel .thumb-imgs {
	height: 100px;
	white-space: nowrap;
	overflow-y: hidden;
	overflow-x: auto;
	text-align: center;
	-webkit-overflow-scrolling: touch;
	display: none;
	margin-bottom: 20px;
}
.carousel.multi-image .thumb-imgs {
	display: block;
}
.carousel .thumb-imgs::-webkit-scrollbar-track {
	background-color: none;
	border-radius: 4px;
}

.carousel .thumb-imgs::-webkit-scrollbar {
	height: 10px;
	background-color: #F5F5F5;
	border-radius: 4px;
}

.carousel .thumb-imgs::-webkit-scrollbar-thumb {
	box-shadow: inset 0 0 2px rgba(0,0,0,.1);
	background-color: #777;
	border-radius: 4px;
}
.carousel .thumb-imgs .thumb-img {
	display: inline-block;
	height: 100%;
	width: 30%;
	margin: 0 1.66%;
	cursor: pointer;
	border: 1px solid #fff;
	position: relative;
}
.carousel .thumb-imgs .thumb-img.selected {
	border: 1px solid #eee;
}
.carousel .thumb-imgs .thumb-img img {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.carousel .carousel-loading .bt-spinner-clock {
	font-size: 60px;
	color: #ddd;
} 
.carousel .carousel-loading {
	position: absolute;
	width: 100%;
	height: 280px;
	text-align: center;
	vertical-align: middle;
	line-height: 280px;
	transition: opacity 100ms 100ms;
	opacity: 0;
	z-index: 3;
}
.carousel .carousel-loading.show {
	opacity: 1;
}

.quick-view .product-qv-main {
	position: relative;
}

.quick-view .product-qv-main .in-cart {
	position: absolute;
	top: 256px;
	left: 0;
	z-index: 2;
	transition: left 500ms ease 0s;
}

.quick-view .product-qv-main .in-cart:empty {
	left: -100px;
}

.quick-view .product-qv-main .price {
	position: absolute;
	top: 280px;
	left: 0;
	height: 40px;
	line-height: 40px;
	font-size: 24px;
	color: #fff;
	background: rgba(0, 0, 0, 0.5);
	padding: 0 10px;
	z-index: 2;
	font-family: "Raleway", "Open Sans", Helvetica, Arial, sans-serif;
}

.quick-view .quantity-footer {
	position: absolute;
	bottom: 0;
	padding: 10px 0;
	background: #f7f7f7;
	width: 100%;
}

.quick-view .quantity-footer .qty-input-container {
	text-align: center;
}

.quick-view .product-qv-main .product-qv-detail .product-info {
	list-style: none;
	padding: 0;
	margin: 0;
}

.quick-view .product-qv-main .product-qv-detail .product-info .detail-label {
	display: block;
	white-space: nowrap;
	color: #bbb;
	font-size: 12px;
}

.quick-view .product-qv-main .product-qv-detail .product-info .detail-value {
	display: block;
	color: #333;
	margin-left: 10px;
	margin-bottom: 10px;
	white-space: pre-line;
}

.quick-view .product-qv-main .product-qv-detail .product-lastsold {
	color: #bbb;
	font-size: 12px;
}




.pview-container .product-pricing {
	position: relative;
	height: 64px;
	margin-bottom: 20px;
	overflow: hidden;
}

.pview-container .product-lastsold {
	color: #bbb;
	font-size: 12px;
	margin-bottom: 10px;
}

.pview-container .product-pricing .price {
	position: absolute;
	top: 24px;
	left: 0;
	height: 40px;
	line-height: 40px;
	font-size: 24px;
	color: #fff;
	background: rgba(0, 0, 0, 0.5);
	padding: 0 10px;
	font-family: "Raleway", "Open Sans", Helvetica, Arial, sans-serif;
}

.pview-container .product-pricing .in-cart {
	position: absolute;
	top: 0;
	left: 0;
	transition: left 500ms ease 0s;
}

.pview-container .product-pricing .in-cart:empty {
	left: -100px;
}

.pview-container .qty-input-container {
	text-align: left;
}

.pview-container .product-details h3 {
	margin: 0;
}

.pview-container .product-info {
	list-style: none;
	padding: 0;
	margin: 0;
	display: table;
	margin-bottom: 20px;
}

.pview-container .product-info li {
	display: table-row;
}

.pview-container .product-info .detail-label {
	padding-right: 20px;
	display: table-cell;
	white-space: nowrap;
	color: #757575;
	max-width: 125px;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 24px;
}

.pview-container .product-info .detail-value {
	display: table-cell;
	color: #333;
	line-height: 24px;
	white-space: pre-line;
}

.pview-container .carousel .main-img {
	height: 420px;
	border-radius: 3px;
}
.pview-container .carousel .carousel-loading {
	height: 420px;
	line-height: 420px;
}
.pview-container .carousel .thumb-imgs .thumb-img {
	width: 20%;
	margin: 0;
	background: #fff;
	border: 1px solid #f3f5f7;
}
.pview-container .carousel .thumb-imgs .thumb-img.selected {
	border: 1px solid #ccc;
}
.pview-container .carousel .main-img .no-image {
	padding-top: 170px;
}

.stock-indicator { 
	overflow: visible; 
	z-index: 1; 
	position: absolute; 
	top: -70px;
	left: -70px;
	background: none; 
	font-size: 0px; 
	color: transparent; 
	display: block; 
	-webkit-transform: rotate(-45deg); 
	transform: rotate(-45deg);
	width: 140px;
	height: 140px;
	box-sizing: border-box;
}
.stock-indicator:before { 
	top: 0; 
	right: 0;
	position: absolute; 
	content: ''; 
	width: 100%; 
	height: 100%; 
	line-height: 28px; 
	border-top: 28px solid transparent; 
	border-left: 28px solid transparent; 
	border-right: 28px solid transparent; 
	border-bottom: 28px solid transparent; 
}
.stock-indicator .stock-indicator-label {
	color: #fff; 
	font-size: 10px; 
	text-transform: uppercase; 
	position: absolute;
	bottom: 0;
	right: 0;
	letter-spacing: 1px;
	width: 100%;
	height: 28px;
	line-height: 28px;
	text-align: center;
	font-weight: bold;
	white-space: nowrap; 
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 20px;
}
.stock-indicator-tip {
	display: none;
}
.stock-indicator.no-stock:before { border-bottom-color: rgba(175, 0, 0, 0.75); }
.stock-indicator.low-stock:before { border-bottom-color: rgba(255, 141, 0, 0.75); }

.small-list .list-row .stock-indicator, .line-row .stock-indicator {
	top: -15px;
	left: -15px;
	width: 30px;
	height: 30px;
}
.small-list .list-row .stock-indicator:before, .line-row .stock-indicator:before {
	border-width: 8px;
}
.small-list .list-row .stock-indicator .stock-indicator-label, .line-row .stock-indicator .stock-indicator-label {
	display: none;
}
.small-list .list-row .stock-indicator-tip, .line-row .stock-indicator-tip {
	display: block;
	width: 100%;
	position: absolute;
	bottom: 0;
	height: 8px;
}

.product-qv-main .stock-indicator {
	top: 15px;
	left: -50px;
}

.pview-container .stock-indicator {
	left: -55px;
}

.content-frame {
	width: 100%;
	height: 0;
	border: none;
	background: none;
	overflow: hidden;
}

.clear-all-filters {
	margin-left: 15px;
}
.clear-all-filters a {
	color: #797979;
}
.clear-all-filters a:hover {
	color: #ff0500;
}

@media (max-width: 500px) {
	.pview-container .carousel .thumb-imgs .thumb-img {
		width: 33%;
	}
	.pview-container .carousel .main-img {
		height: 320px;
	}
	.pview-container .carousel .carousel-loading {
		height: 320px;
		line-height: 320px;
	}
}

.products-view .page-header {
	margin-bottom: 0;
}



.line-note .note-input-container {
	display: none;
}

.note-input-show {
	color: #999 !important;
}

/* Note Global Styles */
.note-input-show {
	cursor: pointer;
}

.note-input-show > span {
	display: none;
}




/* Note List View */
.small-list .list-row .line-note {
	display: none;
}

.list-row .content .line-note {
	height: 34px;
	line-height: 34px;
	padding: 0 12px;
	position: absolute;
	bottom: 0;
	left: 50px;
	z-index: 2;
}


/* Note Gallery View */
.thumbnail .line-note {
	position: absolute;
	top: 10px;
	left: 0;
	line-height: 34px;
	height: 34px;
	font-size: 16px;
	padding: 0;
	padding-left: 20px;
	color: #ddd;
}

/* Note Quickview */
.quick-view .line-note {
	position: absolute;
	top: 10px;
	left: 0;
	line-height: 34px;
	height: 34px;
	font-size: 16px;
	padding: 0;
	padding-left: 20px;
	color: #ddd;
	z-index: 2;
}

/* Note Product View Page */
.pview-container .note-input-show > span {
	display: inline-block;
	padding: 0 10px 10px 0;
}


/* Note Line View */
.product-line a:hover .line-row-note-display {
	text-decoration: none;
}

.product-line .line-row-note-display {
	white-space: nowrap;
	padding-left: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.product-line .line-note {
	display: inline-block;
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	vertical-align: top;
}


/* Note Popup */
.note-input-container {
	position: relative;
	border-radius: 3px;
	overflow: hidden;
	padding: 5px;
}

.note-input-container .input-group {
	width: 240px;
	height: 90px;
}

.note-input-container .input-group .form-control {
	height: 100%;
}

.note-input-container .note-input-overlay {
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.60);
	display: none;
}

.loading.note-input-container .note-input-overlay {
	display: block;
}

.note-input-overlay .medium-center-icon {
	height: 100%;
	line-height: 125px;
}

.note-input-container textarea {
	resize: none;
}

.note-btns {
	padding: 10px 5px 5px 5px;
}

.note-btn.note-save {
	float: right;
}

.note-btn {
	cursor: pointer;
}

.note-btn.note-delete:hover {
	color: #ff0500;
}

.quicklink-container{
	font-size: 18px;
	margin-bottom: 1rem;
}

.quicklink-container.quickview{
	position: absolute;
	right: 0;
	top: 280px;
	padding: 0 10px;
	z-index: 100;
	line-height: 40px;
	height: 40px;
}

.quicklink-icon{
	padding: 0 1rem;
}

.quicklink-icon:before{
	font: normal normal normal 18px/1 "Black Tie";
	content: "\F0B1";
}

#price_slider_goes_here{
	margin: 15px 8px;
	min-height: 3px;
}

.price-filter-display-container{
	margin: 8px 0;
}

.slider-input-controls {
	display: block;
	margin: 0 8px;
	display: -ms-flexbox; 
	display: -webkit-box; 
	display: flex;
	justify-content: space-between;
}

.currency-symbol {
	line-height: 42px;
	margin-right: 2px;
}

.price-filter-display-low, .price-filter-display-high{
	position: relative;
	display: -ms-flexbox; 
	display: -webkit-box; 
	display: flex;
	height: 40px;
	line-height: 40px;
}

.price-filter-value-display::-webkit-inner-spin-button, .price-filter-value-display::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.price-filter-value-display {
  -moz-appearance: textfield;
}

.price-filter-value-display{
	height: 40px;
	width: 52px;
	display: inline-block;
}

.noUi-handle{
	border-radius: 25px;
	outline: none;
}

.noUi-handle::after, .noUi-handle::before{
	display: none;
}

.noUi-horizontal .noUi-handle{
	width: 15px;
	height: 15px;
	top: -7px;
	right: -7px;
	border: unset;
}

.noUi-horizontal{
	height: 3px;
}

.checkbox-filter-container input{
	margin-right: 12px;
}

.price-filter input{
	background: none;
	border: none;
	box-shadow: none;
	text-decoration: underline;
	text-decoration-style: dashed;
	padding: 0;
}

.price-filter input:focus{
	border: none;
	outline: none;
	box-shadow: none;
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.filter-currency{
	display: none;
}

.noUi-target{
	border: unset;
	background: #ccc;
}

.add-btn {
	position: relative;
	overflow: hidden;
}

.add-btn button {
	height: 34px;
	line-height: 34px;
	overflow: hidden;
}

.add-btn .btn-add-text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}
.add-btn svg {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 0;
	transform: translateX(50%) translateY(-50%);
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

.add-btn .btn-success svg path {
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

.add-btn .btn-success .btn-add-text {
	color: transparent;
	transform: translateX(-100%);
	width: 0;
}
.add-btn .btn-success svg {
	transform: translateX(-50%) translateY(-50%);
	width: 100%;
}

.add-btn .btn-success svg path {
	animation: dash 0.3s linear forwards;
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}

.msl-add-btn button {
	width: 145px;
}

.stopColumn{
	font-size: 12px;
	color: rgb(255, 26, 26);
    background-image: initial;
    display: inline-block;
	margin-left: 1rem;
	padding: 2px 4px;
	border-radius: 3px;
	border: 1px solid rgb(179, 0, 0);
}

.d-inline-block{
	display: inline-block;
}

.font-bold{
	font-weight: bold;
}

#account_page .transaction-list{
	max-height: 600px;
	overflow-y: scroll;
}

#account_page .page-header{
	padding-right:unset;
	padding-bottom: 25px;
}

#account_page .main{
	border-right: 1px solid #333;
	margin-top: 2rem;
	margin-bottom: 2rem;
}

#account_page #message{
	max-width: 50%;
}

#account_page .proceed-btn{
	margin-top: 20px;
}

#account_page .btn-message .center-box-btn.btn.btn-success{
	float: none;
}

#account_page #balance_totals{
	margin-top: 1rem;
}

#account_page .account_change_password{
	margin-top: 8px;
}

.product-line .line-total{
	text-align: right;
}

.stock-error .quantity{
	border:  1px solid red;
	box-shadow: 0px 0px 5px red;
}

@media (max-width: 767px) {
	#account_page .main{
		border-right: unset;
	}
	#account_page #message{
		max-width: unset;
	}
}
@media print {
  a:link:after, a:visited:after {
    content: none;
  }
  .btn{
  	visibility: hidden;
  }
  .sub-search, .footer{
  	display: none;
  }
}

.repeat-form {
	display: inline-block;
	margin: 0 0 0 10px;
}

@media (max-width: 767px) {
	.repeat-form {
		display: block;
		margin: 10px 0 0 0;
		width: 100%;
	}

	.repeat-form .btn {
		width: 100%;
	}

	.transaction-view .result-options {
		flex-basis: 100%;
	}
}