@import url("/css/hs-custom-properties.css?v=103");
@import url("/css/hs-font-faces.css?v=107");
@import url("/css/hs-btns.css?v=110");
@import url("/css/hs-utility-classes.css?v=106");
@import url("/css/hs-theme-classes.css?v=102");
@import url("/css/css3-animations.css?v=102");



/*
 * Base structure
 */

html { min-height: 100%; }

/* Move down content because we have a fixed navbar that is 50px tall */
body {
  background:#FCFCFC;
}

html.hs-modal-open {
	height: calc(100 * var(--vh));
	max-height: calc(100 * var(--vh));
	overflow: hidden;
	width: 100%;
	touch-action: none;
	overscroll-behavior: none;
	overflow: hidden;
	-webkit-overflow-scrolling: auto;
	/* position: fixed; */
}
html.hs-modal-open body.modal-open {
	/* overflow-y: scroll !important; */
	overflow: clip !important;
	/*max-height: calc(100 * var(--vh));*/
	/*position: fixed;*/
}
body.hs-modal-open {
	height: calc(100 * var(--vh));
	max-height: calc(100 * var(--vh));
	margin: 0 !important;
	/* overflow-y: scroll !important; */
	overflow: hidden !important;
	touch-action: none;
	overscroll-behavior: none;
	overflow: hidden;
	-webkit-overflow-scrolling: auto;
}
html.hs-modal-open .modal.in {
	touch-action: none;
	overscroll-behavior: none;
	overflow: hidden;
	-webkit-overflow-scrolling: auto;
	position: fixed;

	height: calc(100 * var(--vh));
	max-height: calc(100 * var(--vh));

}
.modal {
	opacity: 0;
	display:none;
}
.modal[data-zoom="true"] {
	opacity: 0;
	display: block;
	visibility: hidden;
	pointer-events: none;
}
.modal[data-zoom="true"].open,
.modal[data-zoom="true"].in {
	pointer-events: initial;
}
.modal.fade {
	opacity: 0;
	display: none;
	align-items: center;
	justify-content: center;
}
.modal.open {
	display: block;
	visibility: visible;
	opacity: 1;
}
.modal.in {
	display: block;
	visibility: visible;
	opacity: 1;
}
.modal.fade.in {
	opacity: 1;
	display: flex;
	visibility: visible;
}

a { color: #4CC397; }
a:hover { color: #4CC397; }

svg:not(:root) {
	position: relative;
}
svg:not(.highcharts-root) {
	height: 1.25em;
	width: 1.5em;
}

.unselectable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.form-control, input {
	border-radius: 1px;
	box-shadow: none;
}
.form-control {
	padding: 6px 12px 3px;
}
.form-control[placeholder] {
	text-overflow: ellipsis;
}

table.table>tbody>tr.selected>*,
table.table>tbody>tr.odd.selected>*,
table.table>tbody>tr.even.selected>*,
table.table.table-striped>tbody>tr.selected>*,
table.table.table-striped>tbody>tr.odd.selected>*,
table.table.table-striped>tbody>tr.even.selected>*
table.table.table-striped.dataTable>tbody>tr.selected>*,
table.table.table-striped.dataTable>tbody>tr.odd.selected>*,
table.table.table-striped.dataTable>tbody>tr.even.selected>* {
	box-shadow: inset 0 0 0 9999px white;
	border-color: var(--LIGHT-GRAY);
}

table.table>tbody>tr.selected + tr td,
table.table.table-striped>tbody>tr.selected + tr td,
table.table.table-striped.dataTable>tbody>tr.selected + tr td {
	border-color: var(--LIGHT-GRAY);
}

.table td.datatable-select-checkbox input[type="checkbox"] {
	accent-color: var(--MED-GRAY);
	cursor: pointer;
}



/*
body .alert {
	border-radius: 1px;
	text-align: center;
	border: none;
	color: #FFF;
	max-width: 100%;
	margin: 0 auto 15px;
	box-shadow: none;
	-webkit-perspective: 1000;
	/* -webkit-transform: translate3d(0,0,0); * /
	padding: 9px 20px 7px;
	text-transform: uppercase;
	letter-spacing: .03em;
	line-height: 1.4em;
	font-size: 16px;
	font-weight: 200;
	border-bottom: 4px solid rgb(0, 0, 0, .15);
}
*/

.tooltip { pointer-events: none !important; }
.tooltip-inner {
	background: var(--TEAL);
	border-radius: 0px;
	padding: 0.5em 0.7em 0.3em;
	font-size: 11.5px;
	letter-spacing: .07em;
	font-weight: 400;
	font-family: var(--FONT-BODY);
	text-transform: uppercase;
	line-height: 1.2em;
	max-width: 300px;
	text-shadow: 0 0 3px #00000036;
}
.tooltip-inner hr { margin: .1em 0 0.3em;opacity:.4; }
.tooltip-inner .help-text {
	font-size: .9em;
	opacity: .85;
	letter-spacing: .045em;
}
.tooltip.in {
	opacity:1;
	filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.3));
}
.tooltip.top .tooltip-arrow { border-top-color: var(--TEAL); }
.tooltip.top .tooltip-arrow { top: initial !important; bottom: 0.5px; }
.tooltip.left .tooltip-arrow { border-left-color: var(--TEAL); }
.tooltip.right .tooltip-arrow { border-right-color: var(--TEAL); }
.tooltip.bottom .tooltip-arrow { border-bottom-color: var(--TEAL); }

.tooltip-inner { max-width: 225px; white-space: normal; }
.tooltip-inner .white-content {
	background: white;
	color: var(--TEAL);
	text-shadow: none;
	margin: -6px -7px -2px;
	padding: 10px 5px 7px;
	font-weight: 600;
	font-size: 13px;
}
.tooltip-inner .white-content .header {
	color: white;
	background: var(--TEAL);
	padding: 9px 5px 7px;
	margin: -10px -5px 6px;
	display: block;
	font-size: 12.5px;
	letter-spacing: .07em;
}

.tooltip-inner .white-content hr { border-top: 1px solid var(--TEAL); }

.tooltip-inner .white-content .help-text {
	text-transform: initial;
	letter-spacing: 0;
	font-size: 13px;
	font-weight: 300;
	color: var(--GUNMETAL);
	line-height: 1.35em;
	font-style: normal;
}

/** Form overrides thanks to Cake 2.x not being flexible about it's error class **/

.error .form-control {
	border-color: #c0392b;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.help-inline.has-error, .error .help-block, .error .control-label, .error .radio, .error .checkbox, .error .radio-inline, .error .checkbox-inline {
	color: #c0392b;
}


/* Override B3 .panel adding a subtly transparent background */
.panel {
	background-color: rgba(255, 255, 255, 0.83);
	border-radius: 1px;
	margin-bottom: 10px;
	border: 1px solid rgba(255, 255, 255, 0.64);
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.4);
}
.panel-success {
	border-color: #4CC397;
}
.panel>.panel-heading {
	border-radius: 0px;
	background: #EEE;
}
.panel-success>.panel-heading {
	color: #FFF;
	background: #4CC397;
	border-color: #4CC397;
}

.panel>.list-group {
	box-shadow: none;
}

/*
 * Global add-ons
 */

.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

:focus {outline:none;}
::-moz-focus-inner {border:0;}
a { outline: 0 !important; }


/*
 * Sidebar
 */

/* Hide for mobile, show later * /
.sidebar {
  display: none;
}
@media (min-width: 768px) {
  .sidebar {
    position: fixed;
    top: 0px;
    bottom: 0;
    z-index: 1000;
    display: block;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. * /
    background-color: #f5f5f5;
    border-right: 1px solid #eee;
  }
  .sidebar-left {
    left: 0;
  }
  .sidebar-right {
    right: 0;
  }
}
*/
/* Sidebar navigation */
#searchPage .nav-sidebar {
  margin-right: -21px; /* 20px padding + 1px border */
  margin-bottom: 20px;
  margin-left: -20px;
}
#searchPage .nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
}
#searchPage #sidebar-item-type .nav-sidebar > li.active > a {
  color: #fff;
  background-color: #4CC397;
}
#searchPage .sidebar-left .nav-sidebar li.active > a i { color:white; }

#searchPage .nav-sidebar > .active > a:after {
	content: " ";
	height: 12px;
	width: 12px;
	position: absolute;
	bottom: -10px;
	background: rgba(0, 0, 0, 0);
	border: 6px solid #4CC397;
	left: 50%;
	margin-left: -6px;
	border-bottom: none;
	border-left-color: rgba(0, 0, 0, 0);
	border-right-color: rgba(0, 0, 0, 0);
	opacity: 1;
}
@media (max-width: 768px) {
	/** Home Page Styles **/

	/** Search Styles **/
	#searchPage #screenToSmall {
		display:block;
		color:white;
		padding-top:100px;
		background-color: rgba(0, 0, 0, 0.94);
		display: block;
		position: fixed;
		top: 0;
		bottom:0;
		left:0;
		right:0;
		z-index: 999999;
	}
	#searchPage #screenToSmall p { font-family: 'Lato',sans-serif;font-size: 21px;padding: 20px; }
}
@media (max-width: 768px) { }

#screenToSmall {
	display:none;
}


/*
 * Main content
 */

.main {
  padding: 20px;
}
@media (min-width: 768px) {
  .main {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.main .page-header {
  margin-top: 0;
}


/*
 * Placeholder dashboard ideas
 */

.placeholders {
  margin-bottom: 30px;
  text-align: center;
}
.placeholders h4 {
  margin-bottom: 0;
}
.placeholder {
  margin-bottom: 20px;
}
.placeholder img {
  display: inline-block;
  border-radius: 50%;
}












	#searchPage .nav-sidebar > li > a {
		padding: 6px 25px 2px;
		text-align: center;
		color: #B3B3B3;
		font-size: 10px;
	}
	#searchPage .nav>li>a:hover, .nav>li>a:focus {
		text-decoration: none;
		background-color: #363636;
		color: #FFF;
	}
	#searchPage .nav>li.active>a:hover {
		background-color: #4CC397;
	}
	@media (max-width: 768px) {
		#searchPage .nav-sidebar > li > a {
			padding: 6px 10px 2px;
		}
		.item-type-drawer .dropdown {
			width: 100%;
			margin: 10px;
		}
		.item-type-drawer .btn-ghost-light { width:100%; }
		.item-type-drawer .btn-ghost-light i { float:right; }


		.item-type-drawer .open > .dropdown-menu {
			position: relative;
			width: 100% !important;
			display: block !important;
			top: 0 !important;
		}
		.item-type-drawer .dropdown-menu {
			width: 100% !important;
		}

	}

	#sidebar-item-type.sidebar-left { bottom:initial;overflow: visible; }
	#searchPage .sidebar-left .nav-sidebar li > a i {
		font-size: 69px;
		line-height:55px;
		display:inline-block;
		line-height: 0.8em;
		vertical-align: text-bottom;
		color: #444;
		position: relative;
	}
	#sidebar-item-attributes li > a i.retail-icon-mannequin,
	#sidebar-item-attributes li > a i.retail-icon-skirt-mann {
		position: absolute;
		top: 11px;
		left: 0;
		text-align: center;
		width: 100%;
		font-size: 45px;
		z-index: 0;
		color: #C9C9C9;
	}
	#searchPage .sidebar-left .nav-sidebar li:hover > a i {
		color: #FFF;
	}

	#sidebar-item-type {
		top: 50px;
		background: #F4F4F4;
		padding: 0;
		right: 0;
		height: 79px;
		overflow: hidden;
		border-bottom:1px solid #ccc;
		position:absolute;
	}
	#sidebar-item-type > ul > li {
		color: #FFF;
		font-size: 11px;
		text-align: center;
		display: inline-block;
		vertical-align:top;
	}
	#sidebar-item-type ul .active > a:after { opacity:0; }
	#sidebar-item-type ul .active > a:after {
		opacity: 1;
		border: 12px solid #4CC397;
		border-right-color: rgba(0, 0, 0, 0);
		border-bottom-color: rgba(0, 0, 0, 0);
		border-left-color: rgba(0, 0, 0, 0);
		background: rgba(255, 255, 255, 0);
		position: absolute;
		bottom: -24px;
		left: 50%;
		margin-left: -12px;
	}


	#sidebar-item-attributes {
		background: #E9E9E9;
		z-index: 0;
		position: relative;
		margin-left: -15px;
		margin-right: -15px;
		border-bottom: 1px solid #E9E9E9;
		padding: 0;
		max-height: 0;
		top:-305px;
	}
	#sidebar-item-attributes.open { z-index:2; max-height:1000px; top:0px; }

	#sidebar-item-attributes ul li { display: inline-block; }
	#sidebar-item-attributes ul li a > i {
		font-size: 45px;
		padding: 0;
		line-height: 1em;
		color:#000;
		position:relative;
	}
	#sidebar-item-attributes ul li a {
		display: inline-block;
		padding: 1px 2px 0;
		background: #FFF;
		border-radius: 2px;
		height: 58px;
		margin: 0 5px 0px 0;
		border-bottom: 1px solid #C6C6C6;
		border-top: 1px solid #FAFAFA;
		box-shadow: 0 1px 4px -2px rgba(0, 0, 0, 0.87);
		position: relative;
		text-decoration: none;
		overflow: hidden;
	}
	#sidebar-item-attributes ul li.disabled a {
		background: #EEE;
		box-shadow: none;
		border: none;
		cursor: default;
		color: #CACACA;
	}
	#sidebar-item-attributes ul li.disabled a > i { color: #ccc; }
	#sidebar-item-attributes ul li.disabled:hover a { background: #eee; }
	#sidebar-item-attributes ul li a.selected {
		box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.52) inset, 0 2px 7px 1px rgba(0, 0, 0, 0.14) inset;
		border-top: 1px solid rgba(0, 0, 0, 0.31);
		border-bottom: 1px solid rgba(255, 255, 255, 0.75);
		background: #EFEFEF;
		top: 2px;
	}
	#sidebar-item-attributes ul li a.selected i {
		color: #10A87C;
	}
	#sidebar-item-attributes li > a.selected i.retail-icon-mannequin,
	#sidebar-item-attributes ul li > a.selected i.retail-icon-mannequin,
	#sidebar-item-attributes li > a.selected i.retail-icon-skirt-mann,
	#sidebar-item-attributes ul li > a.selected i.hs-icon-mannequin	{
		color: #C9C9C9;
	}
	#sidebar-item-attributes ul li a:hover { background: white;text-decoration:none; }

	#sidebar-item-attributes li > a i.retail-icon-mannequin,
	#sidebar-item-attributes ul li > a i.retail-icon-mannequin,
	#sidebar-item-attributes li > a i.retail-icon-skirt-mann {
		top: 0px;
		color: #E9E9E9;
		font-size: 52px;
	}


	#sidebar-item-attributes ul li > a i.hs-icon-mannequin {
		color: #E9E9E9;
		font-size: 55px;
		line-height: 45px;
		position: absolute;
		text-align: center;
		text-transform: none;
		top: 1px;
		z-index: 0;
	}
	#sidebar-item-attributes ul li a > i {
		font-size: 55px;
		padding: 0;
		line-height: 46px;
		color: #444;
		position: relative;
	}
	#sidebar-item-attributes ul.small-icons li a > i { font-size: 61px; line-height: 55px; }
	#sidebar-item-attributes ul.medium-icons li a > i { font-size:75px; }
	#sidebar-item-attributes ul.extra-medium-icons li a > i {
		font-size: 75px;
		line-height: 62px;
		display: inline-block;
		height: 60px;
		overflow: hidden;
	}
	#sidebar-item-attributes ul.extra-medium-icons li a {
		height: 76px;
		color: #919191;
		font-size: 11px;
		line-height: 9px;
	}
	#sidebar-item-attributes ul.large-icons li a > i {
		font-size: 94px;
		line-height: 69px;
		display: inline-block;
		height: 56px;
		float: left;
		width: 61px;
		left: -5px;
	}
	#sidebar-item-attributes ul.large-icons li a {
		height: 76px;
		color: #919191;
		font-size: 11px;
	}
	#sidebar-item-attributes ul.tall-icons li a > i { font-size: 64px; line-height: 70px; }
	#sidebar-item-attributes ul.tall-icons li a { height: 76px; }
	#sidebar-item-attributes ul.tall-icons li > a i.retail-icon-skirt-mann { top: 2px; }

	#sidebar-item-attributes ul.extra-tall-icons li a {
		font-size: 11px;
		color: #888;
		height: 92px;
		width: 69px;
		position: relative;
	}

	#sidebar-item-attributes ul.large-tall-icons li a { height: 100px; width: 55px; }
	#sidebar-item-attributes ul.large-tall-icons li a > i { height: 79px;left:-5px;top: 6px;font-size: 87px; }
	#sidebar-item-attributes ul.large-tall-icons.pantLengths li a > i { left:-17px; }

	#sidebar-item-attributes ul.extra-large-icons li a { width: 70px; height: 104px; font-size: 11px; color: #888; padding-top: 4px; }
	#sidebar-item-attributes ul.extra-large-icons li a > i { font-size: 94px; }
	#sidebar-item-attributes .shoe-third-drawer ul.extra-large-icons li a > i { left: -14px; }
	#sidebar-item-attributes .shoe-third-drawer ul.extra-large-icons.wide li a { width: 89px; }
	#sidebar-item-attributes .shoe-third-drawer ul.extra-large-icons.wide li a > i { left: -8px;font-size:99px; }

	#sidebar-main-menu { background:#F0F0F0; width:110px; line-height: 0.9em; padding:0; border-left: 2px solid #EAEAEA; }
	#sidebar-main-menu li {
		border-radius: 1px;
		background: #FFF;
		height: 90px;
		width: 90px;
		margin: 7px auto;
		border: 1px solid #E9E9E9;
		border-bottom-color: #DFDFDF;
		border-top-color: #EFEFEF;
		box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.08);
		border-top-width: 2px;
	}
	#sidebar-main-menu li:hover { border: 2px solid #4CC397; background: #4CC397; }
	#sidebar-main-menu li:hover a { color: #FFF; }
	#sidebar-main-menu li a:hover, #sidebar-main-menu li.active a { background:transparent; }
	#sidebar-main-menu a > i { font-size: 38px; padding: 8px 0 2px 0; }
	#sidebar-main-menu a { color: #A8A8A8; font-size: 11px; }
	#sidebar-main-menu a:hover { color: #4CC397; }


	.open > .dropdown-menu {
		  animation-name: slidenavAnimation;
		  animation-duration:.2s;
		  animation-iteration-count: 1;
		  animation-timing-function: ease;
		  animation-fill-mode: forwards;

		  -webkit-animation-name: slidenavAnimation;
		  -webkit-animation-duration:.2s;
		  -webkit-animation-iteration-count: 1;
		  -webkit-animation-timing-function: ease;
		  -webkit-animation-fill-mode: forwards;

		  -moz-animation-name: slidenavAnimation;
		  -moz-animation-duration:.2s;
		  -moz-animation-iteration-count: 1;
		  -moz-animation-timing-function: ease;
		  -moz-animation-fill-mode: forwards;
		}
		@keyframes slidenavAnimation {
		  from {
			opacity: 0;
			margin-top:-20px;
		  }
		  to {
			opacity: 1;
			margin-top:0px;
		  }
		}
		@-webkit-keyframes slidenavAnimation {
		  from {
			opacity: 0;
			margin-top:-20px;
		  }
		  to {
			opacity: 1;
			margin-top:0px;
		  }
		}


	/* Dropdown checkbox styling */
	ul.dropdown-menu-checkbox {
		padding: 5px 9px;
		text-align: left;
		background: white;
		margin: 0 5px;
		overflow-y: scroll;
		max-height: 260px;
	}
	ul.dropdown-menu-checkbox li label {
		margin: 0;
		cursor: pointer;
		font-size: 12px;
		padding: 6px 0 6px 20px;
	}
	#sidebar-item-attributes ul.dropdown-menu-checkbox > li {
		display: block;
		width: 100%;
		border-bottom: 1px solid #eee;
		font-weight: normal;
	}
	ul.dropdown-menu-checkbox li:hover {
		background: #F8F8F8;
	}
	ul.dropdown-menu-checkbox li input[type="checkbox"] {
		cursor: pointer;
	}


	.nav-up { top: -40px !important; transition: top .4s ease; }
	.nav-down { transition: top .4s ease; }


	h1, h2, h3, h4, h5, h6 { font-family:'Medio'; text-transform:uppercase;letter-spacing:5px; }

	h3.darkHeader {
		position:relative;
		overflow:hidden;
		cursor:default;
		background: #161616;
		color: #FFF;
		text-align: center;
		line-height: 1em;
		padding: 11px 0 5px;
		text-indent: 20px;
		border-radius: 2px;
		margin-top:0;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	#sidebar-item-attributes h4 {
		color: #000;
		text-align: center;
		letter-spacing: 7px;
		font-size: 19px;
		font-family: Medio;
		margin-top: 15px;
	}

	#topNav #closetSelection {
		position: absolute;
		right: 0;
		max-width: 350px;
		color: #FFF;
		cursor: pointer;
		line-height: 0.9em;
		padding-top: 7px;
		font-size: 21px;
		font-family: Medio;
		text-align: left;
		padding-right: 20px;
		padding-left: 10px;
		padding-bottom: 5px;
		background: #282828;
	}

	.item-type-drawer { text-align:center;padding:5px 15px 4px; margin:0; }
	.item-type-drawer > div { border-left:1px solid #ccc; padding: 0 5px; }
	.item-type-drawer > div.row { margin: 0; }

	.item-type-drawer > .shoe-third-drawer { position:relative;padding:5px 13px 5px; }

	.clearSelectionsLink {
		display: block;
		width: 110px;
		font-size: 11px;
		text-decoration: none;
		margin: 2px auto;
		border: 1px solid #888;
		text-align: center;
		color: #5D5D5D;
		border-radius: 1px;
		padding: 5px 0 3px 0;
	}
	a.clearSelectionsLink:hover {
		text-decoration: none;
		background: #000;
		color: #FFF;
		border-color: #000;
	}

	body.modal-open {
		overflow: hidden;
	}

	.modal-content {
		-webkit-box-shadow:none;
		box-shadow:none;
		overscroll-behavior: contain;
	}
	.modal-dialog {
		box-shadow: 0 5px 15px rgba(0,0,0,.5);
		max-height: calc(100vh - 10px);
		max-height: calc(100 * var(--vh) - 30px);
		margin: 20px auto 0;
		overflow-y: auto;
		overscroll-behavior: contain;
	}
	.modal[data-zoom="true"] .modal-dialog {
		position: fixed;
		margin: auto;
		/*
		max-height: calc(100 * var(--vh) - 10px);
		*/
	}
	.modal-title {
		text-align: center;
		font-size: 25px;
		color: #FFF;
	}
	.modal-header {
		background: var(--GUNMETAL);
		width:100%;
		min-height: auto;
	}
	.modal-backdrop.in {
		opacity: 0.65;
		filter: alpha(opacity=65);
	}
	.modal-content {
		border-radius: 2px;
		border: none;
	}

	.modal-dialog.zoomingModal {
		overflow: hidden !important;
		will-change: left, top, right, bottom, width, height, max-height, background-color, opacity;
		transition: left .3s ease-in-out,
								top .3s ease-in-out,
								right .3s ease-in-out,
								bottom .3s ease-in-out,
								width .3s ease-in-out,
								height .3s ease-in-out,
								max-height .3s ease-in-out,
								background-color .3s ease-in-out,
								opacity .3s ease-in-out;
	}
	.modal-backdrop.in {
		animation: fadein65 .3s;
	}
	.hs-modal-open .modal-backdrop.in {
		animation: none;
	}
	@keyframes fadein65 {
		from { opacity: 0; }
		to   { opacity: 0.65; }
	}

	#itemDetailsModal .modal-content {
		height: 400px;
		border-radius: 0;
		border-bottom: 3px solid #AAA;
		box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
	}
	#itemDetailsModal .modal-body {
		padding:10px;
	}

	#modalBackground {
		position: fixed;
		background: rgba(0, 0, 0, 0.59);
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 30;
		display:none;
		border-radius: 1px;
	}


/** Messages CSS - for Home.php **/
/** *************************** **/

.chat {
    list-style: none;
    margin: 0;
    padding: 0;
}
.chat li {
	margin-bottom: 4px;
	padding-bottom: 5px;
	padding: 8px;
	background: rgba(248, 248, 248, 0.75);
	border-radius: 0px;
	border: none;
	border-right: 6px solid #B4B4B4;
	cursor: pointer;
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.4);
}
.chat li:hover { background: #F1F1F1; border-right: 6px solid #A5A5A5; }
.chat li.new {
	background: #E7F8F2;
	border: none;
	border-color: #D6ECE4;
	border-right: 6px solid #4CC397;
}
.chat li.new:hover { background: #D0EEE4; }


.chat li.left .chat-body { margin-left: 60px; }
.chat li .chat-body p { margin: 0; color: #525252; }
.chat li.new .chat-body p { color: #525252; padding-bottom: 3px; }

.chat .chatHeader { line-height: 1.2em; padding-bottom: 4px; }

.chat .fa-clock-o { font-size:14px; margin-right:5px; }
.chat small { font-size:12px;  }
.chat li:hover small { color: #747474; }

.messageThumb {
	display: inline-block;
	height: 62px;
	overflow: hidden;
	width: 50px;
	background: url(http://localhost/HueAndStripe/img/3.jpg) 50% 50%;
	background-size: cover;
	/* border: 1px solid #505050; */
	padding: 0;
	border-radius: 3px;
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.27);
}
.chat li:hover a.messageThumb { box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.26); }

/** End of Chat - home.php **/


.badge {
	background: #4CC397;
	border-radius: 50px;
	height: 18px;
	padding: 0 5px;
	line-height: 18px;
	text-align: center;
	display: inline-block;
	text-indent: 0px;
	font-family: sans-serif;
	font-size: 12px;
	letter-spacing: 0;
	position: relative;
	top: -11px;
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.18);
	font-family: 'Overpass', sans-serif;
}

.badge-absolute {
	position: absolute;
	right: 0;
	border-radius: 0;
	top: 0;
	bottom: 0;
	line-height: 44px;
	width: 3em;
	text-align: center;
	height: auto;
}

.badge-info {
	background: #3A3A3A;
	color: #B4B4B4;
}
.badge.light { color:rgba(0, 0, 0, 0.44);}


/** Color Picker Things **/
/********************************/

#singleColorSearchBtn {
	font-size:24px;
	display: block;
	width: 100%;
	padding: 13px 0 9px;
	box-shadow: inset 0 0 0px 1px #FFF;
	color: #FFF;
	border: 1px solid #1D1D1D;
}
#singleColorSearchBtn:hover {
	opacity: 0.95;
}
#singleColorSearchBtn.light { color:black; }
#singleColorSearchBtn.dark { color:white; }

/** Gradients for Color Picker **/
.clearHuesBtn {
	margin: 0;
	width: 100%;
	border-radius: 1px;
	color: #000;
	margin: 0;
	font-family: medio;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 18px;
	padding: 13px 0 9px;
	letter-spacing: 2px;
	box-shadow: inset 0px 0px 0px 2px #FFF;
	border: 1px solid #E7E6E6;
}
.clearHuesBtn:hover {
	box-shadow: 0 0 0px 0px #000 inset, 0 0 0px 1px #FFF inset;
	color: #FFF;
	border: 1px solid #000;
}
.clearHuesBtn.red:hover {
	background: hsl(4,97%,42%);
	background: -moz-linear-gradient(left, hsl(4,97%,42%) 0%, hsl(10,90%,68%) 52%, hsl(2,70%,56%) 72%, hsl(18,50%,44%) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, hsl(4,97%,42%)), color-stop(52%, hsl(10,90%,68%)), color-stop(72%, hsl(2,70%,56%)), color-stop(100%, hsl(18,50%,44%)));
	background: -webkit-linear-gradient(left, hsl(4,97%,42%) 0%, hsl(10,90%,68%) 52%, hsl(2,70%,56%) 72%, hsl(18,50%,44%) 100%);
	background: -o-linear-gradient(left, hsl(4,97%,42%) 0%, hsl(10,90%,68%) 52%, hsl(2,70%,56%) 72%, hsl(18,50%,44%) 100%);
	background: -ms-linear-gradient(left, hsl(4,97%,42%) 0%, hsl(10,90%,68%) 52%, hsl(2,70%,56%) 72%, hsl(18,50%,44%) 100%);
	background: linear-gradient(to right, hsl(4,97%,42%) 0%, hsl(10,90%,68%) 52%, hsl(2,70%,56%) 72%, hsl(18,50%,44%) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d51103', endColorstr='#a85a38', GradientType=1 );
}
.clearHuesBtn.orange:hover {
	background: hsl(14,90%,50%);
	background: -moz-linear-gradient(left, hsl(14,90%,50%) 0%, hsl(20,90%,50%) 18%, hsl(20,100%,69%) 35%, hsl(20,90%,50%) 60%, hsl(32,60%,60%) 80%, hsl(32,90%,50%) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, hsl(14,90%,50%)), color-stop(18%, hsl(20,90%,50%)), color-stop(35%, hsl(20,100%,69%)), color-stop(60%, hsl(20,90%,50%)), color-stop(80%, hsl(32,60%,60%)), color-stop(100%, hsl(32,90%,50%)));
	background: -webkit-linear-gradient(left, hsl(14,90%,50%) 0%, hsl(20,90%,50%) 18%, hsl(20,100%,69%) 35%, hsl(20,90%,50%) 60%, hsl(32,60%,60%) 80%, hsl(32,90%,50%) 100%);
	background: -o-linear-gradient(left, hsl(14,90%,50%) 0%, hsl(20,90%,50%) 18%, hsl(20,100%,69%) 35%, hsl(20,90%,50%) 60%, hsl(32,60%,60%) 80%, hsl(32,90%,50%) 100%);
	background: -ms-linear-gradient(left, hsl(14,90%,50%) 0%, hsl(20,90%,50%) 18%, hsl(20,100%,69%) 35%, hsl(20,90%,50%) 60%, hsl(32,60%,60%) 80%, hsl(32,90%,50%) 100%);
	background: linear-gradient(to right, hsl(14,90%,50%) 0%, hsl(20,90%,50%) 18%, hsl(20,100%,69%) 35%, hsl(20,90%,50%) 60%, hsl(32,60%,60%) 80%, hsl(32,90%,50%) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2430d', endColorstr='#f2870d', GradientType=1 );
}
.clearHuesBtn.yellow:hover {
	background: hsl(34,90%,59%);
	background: -moz-linear-gradient(left, hsl(34,90%,59%) 0%, hsl(44,90%,50%) 18%, hsl(54,91%,50%) 35%, hsl(64,91%,50%) 75%, hsl(64,60%,50%) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, hsl(34,90%,59%)), color-stop(18%, hsl(44,90%,50%)), color-stop(35%, hsl(54,91%,50%)), color-stop(75%, hsl(64,91%,50%)), color-stop(100%, hsl(64,60%,50%)));
	background: -webkit-linear-gradient(left, hsl(34,90%,59%) 0%, hsl(44,90%,50%) 18%, hsl(54,91%,50%) 35%, hsl(64,91%,50%) 75%, hsl(64,60%,50%) 100%);
	background: -o-linear-gradient(left, hsl(34,90%,59%) 0%, hsl(44,90%,50%) 18%, hsl(54,91%,50%) 35%, hsl(64,91%,50%) 75%, hsl(64,60%,50%) 100%);
	background: -ms-linear-gradient(left, hsl(34,90%,59%) 0%, hsl(44,90%,50%) 18%, hsl(54,91%,50%) 35%, hsl(64,91%,50%) 75%, hsl(64,60%,50%) 100%);
	background: linear-gradient(to right, hsl(34,90%,59%) 0%, hsl(44,90%,50%) 18%, hsl(54,91%,50%) 35%, hsl(64,91%,50%) 75%, hsl(64,60%,50%) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5a339', endColorstr='#c2cc33', GradientType=1 );
}
.clearHuesBtn.green:hover {
	background: hsl(73,85%,50%);
	background: -moz-linear-gradient(left, hsl(73,85%,50%) 0%, hsl(93,85%,50%) 18%, hsl(93,65%,50%) 35%, hsl(113,45%,70%) 68%, hsl(133,28%,42%) 96%, hsl(133,28%,42%) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, hsl(73,85%,50%)), color-stop(18%, hsl(93,85%,50%)), color-stop(35%, hsl(93,65%,50%)), color-stop(68%, hsl(113,45%,70%)), color-stop(96%, hsl(133,28%,42%)), color-stop(100%, hsl(133,28%,42%)));
	background: -webkit-linear-gradient(left, hsl(73,85%,50%) 0%, hsl(93,85%,50%) 18%, hsl(93,65%,50%) 35%, hsl(113,45%,70%) 68%, hsl(133,28%,42%) 96%, hsl(133,28%,42%) 100%);
	background: -o-linear-gradient(left, hsl(73,85%,50%) 0%, hsl(93,85%,50%) 18%, hsl(93,65%,50%) 35%, hsl(113,45%,70%) 68%, hsl(133,28%,42%) 96%, hsl(133,28%,42%) 100%);
	background: -ms-linear-gradient(left, hsl(73,85%,50%) 0%, hsl(93,85%,50%) 18%, hsl(93,65%,50%) 35%, hsl(113,45%,70%) 68%, hsl(133,28%,42%) 96%, hsl(133,28%,42%) 100%);
	background: linear-gradient(to right, hsl(73,85%,50%) 0%, hsl(93,85%,50%) 18%, hsl(93,65%,50%) 35%, hsl(113,45%,70%) 68%, hsl(133,28%,42%) 96%, hsl(133,28%,42%) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdec13', endColorstr='#4e8a5b', GradientType=1 );
}
.clearHuesBtn.teal:hover {
	background: hsl(160,84%,51%);
	background: -moz-linear-gradient(left, hsl(160,84%,51%) 0%, hsl(159,86%,64%) 9%, hsl(159,61%,64%) 27%, hsl(169,57%,46%) 53%, hsl(179,85%,38%) 85%, hsl(179,61%,64%) 96%, hsl(179,61%,64%) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, hsl(160,84%,51%)), color-stop(9%, hsl(159,86%,64%)), color-stop(27%, hsl(159,61%,64%)), color-stop(53%, hsl(169,57%,46%)), color-stop(85%, hsl(179,85%,38%)), color-stop(96%, hsl(179,61%,64%)), color-stop(100%, hsl(179,61%,64%)));
	background: -webkit-linear-gradient(left, hsl(160,84%,51%) 0%, hsl(159,86%,64%) 9%, hsl(159,61%,64%) 27%, hsl(169,57%,46%) 53%, hsl(179,85%,38%) 85%, hsl(179,61%,64%) 96%, hsl(179,61%,64%) 100%);
	background: -o-linear-gradient(left, hsl(160,84%,51%) 0%, hsl(159,86%,64%) 9%, hsl(159,61%,64%) 27%, hsl(169,57%,46%) 53%, hsl(179,85%,38%) 85%, hsl(179,61%,64%) 96%, hsl(179,61%,64%) 100%);
	background: -ms-linear-gradient(left, hsl(160,84%,51%) 0%, hsl(159,86%,64%) 9%, hsl(159,61%,64%) 27%, hsl(169,57%,46%) 53%, hsl(179,85%,38%) 85%, hsl(179,61%,64%) 96%, hsl(179,61%,64%) 100%);
	background: linear-gradient(to right, hsl(160,84%,51%) 0%, hsl(159,86%,64%) 9%, hsl(159,61%,64%) 27%, hsl(169,57%,46%) 53%, hsl(179,85%,38%) 85%, hsl(179,61%,64%) 96%, hsl(179,61%,64%) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17eba4', endColorstr='#6cdbd9', GradientType=1 );
}
.clearHuesBtn.lightblue:hover {
	background: hsl(181,80%,51%);
	background: -moz-linear-gradient(left, hsl(181,80%,51%) 0%, hsl(181,56%,77%) 18%, hsl(187,55%,64%) 32%, hsl(187,30%,64%) 49%, hsl(193,80%,64%) 72%, hsl(199,55%,38%) 96%, hsl(199,55%,38%) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, hsl(181,80%,51%)), color-stop(18%, hsl(181,56%,77%)), color-stop(32%, hsl(187,55%,64%)), color-stop(49%, hsl(187,30%,64%)), color-stop(72%, hsl(193,80%,64%)), color-stop(96%, hsl(199,55%,38%)), color-stop(100%, hsl(199,55%,38%)));
	background: -webkit-linear-gradient(left, hsl(181,80%,51%) 0%, hsl(181,56%,77%) 18%, hsl(187,55%,64%) 32%, hsl(187,30%,64%) 49%, hsl(193,80%,64%) 72%, hsl(199,55%,38%) 96%, hsl(199,55%,38%) 100%);
	background: -o-linear-gradient(left, hsl(181,80%,51%) 0%, hsl(181,56%,77%) 18%, hsl(187,55%,64%) 32%, hsl(187,30%,64%) 49%, hsl(193,80%,64%) 72%, hsl(199,55%,38%) 96%, hsl(199,55%,38%) 100%);
	background: -ms-linear-gradient(left, hsl(181,80%,51%) 0%, hsl(181,56%,77%) 18%, hsl(187,55%,64%) 32%, hsl(187,30%,64%) 49%, hsl(193,80%,64%) 72%, hsl(199,55%,38%) 96%, hsl(199,55%,38%) 100%);
	background: linear-gradient(to right, hsl(181,80%,51%) 0%, hsl(181,56%,77%) 18%, hsl(187,55%,64%) 32%, hsl(187,30%,64%) 49%, hsl(193,80%,64%) 72%, hsl(199,55%,38%) 96%, hsl(199,55%,38%) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ee3e6', endColorstr='#2b7496', GradientType=1 );
}
.clearHuesBtn.darkblue:hover {
	background: hsl(199,55%,38%);
	background: -moz-linear-gradient(left, hsl(199,55%,38%) 0%, hsl(217,72%,42%) 18%, hsl(217,52%,78%) 32%, hsl(229,52%,42%) 49%, hsl(229,32%,42%) 72%, hsl(240,32%,18%) 96%, hsl(240,32%,18%) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, hsl(199,55%,38%)), color-stop(18%, hsl(217,72%,42%)), color-stop(32%, hsl(217,52%,78%)), color-stop(49%, hsl(229,52%,42%)), color-stop(72%, hsl(229,32%,42%)), color-stop(96%, hsl(240,32%,18%)), color-stop(100%, hsl(240,32%,18%)));
	background: -webkit-linear-gradient(left, hsl(199,55%,38%) 0%, hsl(217,72%,42%) 18%, hsl(217,52%,78%) 32%, hsl(229,52%,42%) 49%, hsl(229,32%,42%) 72%, hsl(240,32%,18%) 96%, hsl(240,32%,18%) 100%);
	background: -o-linear-gradient(left, hsl(199,55%,38%) 0%, hsl(217,72%,42%) 18%, hsl(217,52%,78%) 32%, hsl(229,52%,42%) 49%, hsl(229,32%,42%) 72%, hsl(240,32%,18%) 96%, hsl(240,32%,18%) 100%);
	background: -ms-linear-gradient(left, hsl(199,55%,38%) 0%, hsl(217,72%,42%) 18%, hsl(217,52%,78%) 32%, hsl(229,52%,42%) 49%, hsl(229,32%,42%) 72%, hsl(240,32%,18%) 96%, hsl(240,32%,18%) 100%);
	background: linear-gradient(to right, hsl(199,55%,38%) 0%, hsl(217,72%,42%) 18%, hsl(217,52%,78%) 32%, hsl(229,52%,42%) 49%, hsl(229,32%,42%) 72%, hsl(240,32%,18%) 96%, hsl(240,32%,18%) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b7496', endColorstr='#1f1f3c', GradientType=1 );
}
.clearHuesBtn.violet:hover {
	background: hsl(258,72%,66%);
	background: -moz-linear-gradient(left, hsl(258,72%,66%) 0%, hsl(258,32%,54%) 18%, hsl(257,20%,51%) 32%, hsl(276,73%,54%) 49%, hsl(294,62%,45%) 72%, hsl(294,32%,30%) 96%, hsl(294,32%,30%) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, hsl(258,72%,66%)), color-stop(18%, hsl(258,32%,54%)), color-stop(32%, hsl(257,20%,51%)), color-stop(49%, hsl(276,73%,54%)), color-stop(72%, hsl(294,62%,45%)), color-stop(96%, hsl(294,32%,30%)), color-stop(100%, hsl(294,32%,30%)));
	background: -webkit-linear-gradient(left, hsl(258,72%,66%) 0%, hsl(258,32%,54%) 18%, hsl(257,20%,51%) 32%, hsl(276,73%,54%) 49%, hsl(294,62%,45%) 72%, hsl(294,32%,30%) 96%, hsl(294,32%,30%) 100%);
	background: -o-linear-gradient(left, hsl(258,72%,66%) 0%, hsl(258,32%,54%) 18%, hsl(257,20%,51%) 32%, hsl(276,73%,54%) 49%, hsl(294,62%,45%) 72%, hsl(294,32%,30%) 96%, hsl(294,32%,30%) 100%);
	background: -ms-linear-gradient(left, hsl(258,72%,66%) 0%, hsl(258,32%,54%) 18%, hsl(257,20%,51%) 32%, hsl(276,73%,54%) 49%, hsl(294,62%,45%) 72%, hsl(294,32%,30%) 96%, hsl(294,32%,30%) 100%);
	background: linear-gradient(to right, hsl(258,72%,66%) 0%, hsl(258,32%,54%) 18%, hsl(257,20%,51%) 32%, hsl(276,73%,54%) 49%, hsl(294,62%,45%) 72%, hsl(294,32%,30%) 96%, hsl(294,32%,30%) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f6ae7', endColorstr='#603465', GradientType=1 );
}
.clearHuesBtn.fuschia:hover {
	background: hsl(298,85%,54%);
	background: -moz-linear-gradient(left, hsl(298,85%,54%) 0%, hsl(310,85%,42%) 18%, hsl(310,65%,54%) 32%, hsl(310,45%,54%) 49%, hsl(322,85%,54%) 72%, hsl(322,45%,42%) 96%, hsl(322,45%,42%) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, hsl(298,85%,54%)), color-stop(18%, hsl(310,85%,42%)), color-stop(32%, hsl(310,65%,54%)), color-stop(49%, hsl(310,45%,54%)), color-stop(72%, hsl(322,85%,54%)), color-stop(96%, hsl(322,45%,42%)), color-stop(100%, hsl(322,45%,42%)));
	background: -webkit-linear-gradient(left, hsl(298,85%,54%) 0%, hsl(310,85%,42%) 18%, hsl(310,65%,54%) 32%, hsl(310,45%,54%) 49%, hsl(322,85%,54%) 72%, hsl(322,45%,42%) 96%, hsl(322,45%,42%) 100%);
	background: -o-linear-gradient(left, hsl(298,85%,54%) 0%, hsl(310,85%,42%) 18%, hsl(310,65%,54%) 32%, hsl(310,45%,54%) 49%, hsl(322,85%,54%) 72%, hsl(322,45%,42%) 96%, hsl(322,45%,42%) 100%);
	background: -ms-linear-gradient(left, hsl(298,85%,54%) 0%, hsl(310,85%,42%) 18%, hsl(310,65%,54%) 32%, hsl(310,45%,54%) 49%, hsl(322,85%,54%) 72%, hsl(322,45%,42%) 96%, hsl(322,45%,42%) 100%);
	background: linear-gradient(to right, hsl(298,85%,54%) 0%, hsl(310,85%,42%) 18%, hsl(310,65%,54%) 32%, hsl(310,45%,54%) 49%, hsl(322,85%,54%) 72%, hsl(322,45%,42%) 96%, hsl(322,45%,42%) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e726ee', endColorstr='#9b3b78', GradientType=1 );
}
.clearHuesBtn.pink:hover {
	background: hsl(325,91%,66%);
	background: -moz-linear-gradient(left, hsl(325,91%,66%) 0%, hsl(333,91%,66%) 18%, hsl(333,70%,66%) 32%, hsl(341,91%,66%) 49%, hsl(341,91%,54%) 72%, hsl(341,70%,42%) 96%, hsl(341,70%,42%) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, hsl(325,91%,66%)), color-stop(18%, hsl(333,91%,66%)), color-stop(32%, hsl(333,70%,66%)), color-stop(49%, hsl(341,91%,66%)), color-stop(72%, hsl(341,91%,54%)), color-stop(96%, hsl(341,70%,42%)), color-stop(100%, hsl(341,70%,42%)));
	background: -webkit-linear-gradient(left, hsl(325,91%,66%) 0%, hsl(333,91%,66%) 18%, hsl(333,70%,66%) 32%, hsl(341,91%,66%) 49%, hsl(341,91%,54%) 72%, hsl(341,70%,42%) 96%, hsl(341,70%,42%) 100%);
	background: -o-linear-gradient(left, hsl(325,91%,66%) 0%, hsl(333,91%,66%) 18%, hsl(333,70%,66%) 32%, hsl(341,91%,66%) 49%, hsl(341,91%,54%) 72%, hsl(341,70%,42%) 96%, hsl(341,70%,42%) 100%);
	background: -ms-linear-gradient(left, hsl(325,91%,66%) 0%, hsl(333,91%,66%) 18%, hsl(333,70%,66%) 32%, hsl(341,91%,66%) 49%, hsl(341,91%,54%) 72%, hsl(341,70%,42%) 96%, hsl(341,70%,42%) 100%);
	background: linear-gradient(to right, hsl(325,91%,66%) 0%, hsl(333,91%,66%) 18%, hsl(333,70%,66%) 32%, hsl(341,91%,66%) 49%, hsl(341,91%,54%) 72%, hsl(341,70%,42%) 96%, hsl(341,70%,42%) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f75ab6', endColorstr='#b62050', GradientType=1 );
}
.clearHuesBtn.grayscale:hover {
	background: hsl(0,0%,0%);
	background: -moz-linear-gradient(left, hsl(0,0%,0%) 0%, hsl(0,0%,20%) 18%, hsl(0,0%,48%) 32%, hsl(0,0%,68%) 49%, hsl(0,0%,74%) 72%, hsl(0,0%,82%) 88%, hsl(0,0%,100%) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, hsl(0,0%,0%)), color-stop(18%, hsl(0,0%,20%)), color-stop(32%, hsl(0,0%,48%)), color-stop(49%, hsl(0,0%,68%)), color-stop(72%, hsl(0,0%,74%)), color-stop(88%, hsl(0,0%,82%)), color-stop(100%, hsl(0,0%,100%)));
	background: -webkit-linear-gradient(left, hsl(0,0%,0%) 0%, hsl(0,0%,20%) 18%, hsl(0,0%,48%) 32%, hsl(0,0%,68%) 49%, hsl(0,0%,74%) 72%, hsl(0,0%,82%) 88%, hsl(0,0%,100%) 100%);
	background: -o-linear-gradient(left, hsl(0,0%,0%) 0%, hsl(0,0%,20%) 18%, hsl(0,0%,48%) 32%, hsl(0,0%,68%) 49%, hsl(0,0%,74%) 72%, hsl(0,0%,82%) 88%, hsl(0,0%,100%) 100%);
	background: -ms-linear-gradient(left, hsl(0,0%,0%) 0%, hsl(0,0%,20%) 18%, hsl(0,0%,48%) 32%, hsl(0,0%,68%) 49%, hsl(0,0%,74%) 72%, hsl(0,0%,82%) 88%, hsl(0,0%,100%) 100%);
	background: linear-gradient(to right, hsl(0,0%,0%) 0%, hsl(0,0%,20%) 18%, hsl(0,0%,48%) 32%, hsl(0,0%,68%) 49%, hsl(0,0%,74%) 72%, hsl(0,0%,82%) 88%, hsl(0,0%,100%) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff', GradientType=1 );
}





.creditCardDisplay {
	font-size: 18px;
	color: #fffffffa;
	font-weight: normal;
	font-family: "Lucida Console", "Lucida Sans Typewriter", Monaco, "Bitstream Vera Sans Mono", monospace;
	border-radius: 12px;
	background: linear-gradient(-270deg, var(--CHARCOAL), var(--GUNMETAL));
	padding: 13px 10px 10px;
	position: relative;
	max-width: 320px;
	display: inline-block;
	width: 270px;
	max-width: 100%;
	text-shadow:1px 1px 2px rgba(0,0,0,0.3);
}
.creditCardDisplay.danger { background:var(--CINNABAR); color:white; }

.sepaDisplay p {
	font-size: 16px;
	color: var(--CHARCOAL);
	font-weight: normal;
	font-family: var(--FONT-BODY);
	letter-spacing: .05em;
	padding: 10px 0 15px;
	position: relative;
	width: 100%;
	max-width: 100%;
	border-radius: 1px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	margin: 0;
}
.creditCardDisplay.danger { background:var(--CINNABAR); color:white; }

#footer { margin-top:15px; }
#footer .navbar-brand, .navbar-nav>li>a { text-shadow:none; }

#footer .navbar-nav>li>a {
	margin:0 2px;
}
#footer .navbar-nav.white>li>a:not(.btn) {
	color: white;
}
/*
#footer .nav>li>a:hover, #footer .nav>li>a:focus {
	text-decoration: none;
	background-color: #363636;
	color: #FFF;
	border: 1px solid #121212;
	background: rgba(0, 0, 0, 0);
	color: #121212;
}
#footer .nav.white>li>a:hover, #footer .nav.white>li>a:focus {
	border-color:white;
	color:white;
	background: rgba(255, 255, 255, 0.13);
}
*/


/*****************************/
/* Triangle and line */
/*****************************/

.tabs {
	position: relative;
	margin: 0 auto;
	width: 100%;
	font-weight: 300;
	font-size: 1.25em;
}

/* Nav */
.tabs nav {
	text-align: center;
	border-bottom:1px solid var(--GUNMETAL);
}

.tabs nav ul {
	position: relative;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	margin: 0 auto;
	padding: 0;
	max-width: 800px;
	list-style: none;
	-ms-box-orient: horizontal;
	-ms-box-pack: center;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}

.tabs nav ul li {
	position: relative;
	z-index: 1;
	display: block;
	margin: 0;
	text-align: center;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
	max-width:180px;
}

.tabs nav a {
	position: relative;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 2.5;
	font-family: medio;
	text-transform: uppercase;
	font-size: 22px;
	letter-spacing: 2px;
	color: var(--SPANISH-GRAY);
	text-decoration:none;
	position: relative;
	top: 0px;
}

.tabs nav a span {
	vertical-align: middle;
	font-size: 1em;
}

.tabs nav li.active a,
.tabs nav li.active a svg {
	color: var(--GUNMETAL);
	fill: var(--GUNMETAL);
	stroke: var(--GUNMETAL);
}

.tabs nav a:focus {
	outline: none;
}

.tabs-style-linetriangle nav #closetNav a {
	overflow: visible;
	-webkit-transition: all 0.1s;
	transition: all 0.1s;
}

.tabs-style-linetriangle nav #closetNav a > span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 1em;
	line-height: 1.4em;
	padding: 5px 0 6px;
}
.tabs-style-linetriangle nav #closetNav.clientDetailsNav a > span {
	display: flex;
}
.tabs-style-linetriangle nav #closetNav a i {
	font-size: 20px;
	display: block;
	line-height: 1.7em;
}

.tabs-style-linetriangle nav #closetNav li.active a:after,
.tabs-style-linetriangle nav #closetNav li.active a:before {
	position: absolute;
	top: 100%;
	left: 50%;
	width: 0;
	height: 0;
	border: solid transparent;
	content: '';
	pointer-events: none;
}

.tabs-style-linetriangle nav #closetNav li.active a:after {
	margin-bottom: -12px;
	border-width: 10px;
	border-top-color: #FFF;
	margin-left: -10px;
	margin-top: 0px;
}

.tabs-style-linetriangle nav #closetNav li.active a:before {
	margin-top: 1px;
	border-width: 10px;
	border-top-color: var(--GUNMETAL);
	margin-left: -10px;
}

.tabs-style-linetriangle nav #closetNav a:hover { position: relative; top: -4px;color:black; }
.tabs-style-linetriangle nav #closetNav .active a:hover { top: 0; }

.tabs-style-linetriangle nav #closetNav a:hover i.icon-clothes-hanger {
	-webkit-animation: ring 2s 0s ease-in-out infinite;
	-webkit-transform-origin: 50% 4px;
	-moz-animation: ring 2s 0s ease-in-out infinite;
	-moz-transform-origin: 50% 4px;
	animation: ring 2s 0s ease-in-out infinite;
	transform-origin: 50% 4px;
}
.tabs-style-linetriangle nav #closetNav .active a:hover i {
	-webkit-animation: none;
	-moz-animation: none;
	animation: none;
}

/*****************************/
/*** Left Main Nav Buttons **/
/*****************************/
.topNavBtn .badge.badge-danger.notification {
	right: initial;
	left: initial;
	box-shadow: none;
	top: 1px;
	left: 1vw !important;
	border-bottom-left-radius: 2px;
	font-family: 'Overpass', sans-serif;
	padding: 0.1em 0.5em 0.05em;
}
/*** End of Left Main Nav Buttons **/
/***********************************/

.badge.badge-danger.badge.notification {
	background: var(--CINNABAR);
	position: absolute;
	top: 3px;
	left: 3px;
	height: 1.6em;
	border-radius: 1px;
	line-height: 1.7em;
	box-shadow: 0 2px 6px -2px #000;
}



/** Switch toggles - Inspired by http://callmenick.com/post/css-toggle-switch-examples **/


input.cmn-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.cmn-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0 auto;
}

input.cmn-toggle-round-flat + label {
  padding: 2px;
  width: 60px;
  height: 30px;
  background-color: #dddddd;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  color: black;
  text-align: left;
  text-indent: 30px;
  line-height: 2em;
  overflow:hidden;
  -webkit-backface-visibility: hidden;
}
input.cmn-toggle-round-flat + label:before, input.cmn-toggle-round-flat + label:after {
  display: block;
  position: absolute;
  content: "";
}
input.cmn-toggle-round-flat + label:before {
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
  z-index: -1;
}
input.cmn-toggle-round-flat + label:after {
  top: 4px;
  left: 4px;
  bottom: 4px;
  width: 22px;
  background-color: #FFF;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  -ms-border-radius: 22px;
  -o-border-radius: 22px;
  border-radius: 22px;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
  content: " ";
}
input.cmn-toggle-round-flat:checked + label {
  background-color: #4CC397;
  text-indent: 9px;
}
input.cmn-toggle-round-flat:checked + label:after {
  margin-left: 30px;
  z-index:0
}

input.cmn-toggle-round-flat + label span {
    width: 100%;
    display: block;
    position: absolute;
    left: 100%;
    text-align: right;
    -webkit-transition: all 0.15s;
	-moz-transition: all 0.15s;
	-o-transition: all 0.15s;
	transition: all 0.15s;
    line-height: 2.3em;
}

input.cmn-toggle-round-flat + label span.on {
    left: -100%;
    color: white;
    opacity: 0;
}

input.cmn-toggle-round-flat:checked + label span.on {
    left: -51%;
    opacity: 1;
    text-shadow: 1px 1px #36A67D;
}

input.cmn-toggle-round-flat + label span.off {
    left: -17%;
    color: #8B8B8B;
    opacity: 1;
    text-shadow: 1px 1px #EDEDED;
}

input.cmn-toggle-round-flat:checked + label span.off {
    left: 40%;
    opacity: 0;
}





.btn-file {
    position: relative;
    overflow: hidden;
	width:100%;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}


@media (max-width: 480px) {
	.hidden-xxs {
		display: none!important;
	}
}



/** Transaction Table Styles **/

.transactionTbl { margin-bottom:20px;font-size:13px;  background: #F9F9F9;border-bottom: 5px solid #777; overflow-x: }

.transactionTbl.table>thead>tr>td {
	border: 1px solid #4D4D4D;
	border-left: none;
	border-right: 1px dashed #CCC;
	border-top: 1px solid #4D4D4D !important;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: 11px;
	padding: 2px 8px 0px;
}
.transactionTbl.table>thead>tr>td:last-child {
	border-right: none;
}
table.table.transactionTbl >tbody>tr>td {
	border: 1px dashed #CCC !important;
}
table.table.transactionTbl >tbody>tr>td {
	border: 1px dashed #CCC !important;
	border-left: none !important;
}
table.table.transactionTbl >tbody>tr>td:last-child {
	border-right: none !important;
}
.transactionTbl.table>tfoot>tr>td {
	font-size: 12px;
	font-style: italic;
	border-top: none;
	border-bottom: 1px solid #000;
}
.transactionTbl .removeLineBtn {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -30px;
    width: 30px;
    padding: 0;
    margin: 0;
    letter-spacing: 0;
    border: none;
}

tr.discount { background-color: #E8E8E8; }

tr.discount .lineTotal { color: #4CC397; }

.input-group {
	display: inline-table;
	vertical-align: middle;
	display: flex;
}
.input-group .input-group-addon,
.input-group .input-group-btn {
/*	width: auto !important; */
}

#invoicePreviewWrap {
    background-color: #FFF;
    border: 1px solid #e5e5e5;
    display: block;
    margin: 10px 0;
}

table.table.transactionTbl >tbody>tr>td { vertical-align: middle; }
.transactionTbl.table>thead>tr>td { vertical-align: middle; }

@media (max-width: 767px) {
	table.table.transactionTbl >tbody>tr>td { padding: 0px 4px; }
	div[data-nav-page="account"] table.table.transactionTbl >tbody>tr>td { padding: 8px; }
	#newInvoiceModalContent table.table.transactionTbl >tbody>tr>td { padding: 8px 4px; }
}
@media (min-width: 768px) {
	tbody tr:first-child td:first-child p,
	tfoot tr:last-child td:last-child span {
		white-space: nowrap;
	}
	.percentDiscountGroup.input-group { margin-left: 10px !important; }
}



/* Merchant Ratings Things */

.merchantRatingBar {
  height: 12px;
  background: #cbcbcb;
  width: 100%;
  min-width:45px;
  border-radius: 1px;
  margin: 0 auto;
  overflow: hidden;
}
.merchantRatingBar.confidence {
  height: 3px;
}
.merchantRatingBar .ratingUnknown,
.merchantRatingBar .rating-none,
.merchantRatingBar .rating0,
.merchantRatingBar .rating1,
.merchantRatingBar .rating2,
.merchantRatingBar .rating3,
.merchantRatingBar .rating4,
.merchantRatingBar .rating5 {
  height: 100%;
}

.merchantRatingBar > div { display:flex; }
.merchantRatingBar div > div { flex: 1;border-right: 1px solid white;background:#dadada; }
.merchantRatingBar div > div:last-child { border: none; }

.merchantRatingBar.commission.rating-none {
	background: linear-gradient(to right,
		#dadada, #dadada calc(((100% - 9px / var(--dpr)) / 10) * 1), transparent calc(((100% - 9px / var(--dpr)) / 10) * 1), transparent calc(((100% - 9px / var(--dpr)) / 10) * 1 + 1px / var(--dpr)),
		#dadada calc(((100% - 9px / var(--dpr)) / 10) * 1 + 1px / var(--dpr)), #dadada calc(((100% - 9px / var(--dpr)) / 10) * 2 + 1px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 2 + 1px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 2 + 2px / var(--dpr)),
		#dadada calc(((100% - 9px / var(--dpr)) / 10) * 2 + 2px / var(--dpr)), #dadada calc(((100% - 9px / var(--dpr)) / 10) * 3 + 2px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 3 + 2px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 3 + 3px / var(--dpr)),
		#dadada calc(((100% - 9px / var(--dpr)) / 10) * 3 + 3px / var(--dpr)), #dadada calc(((100% - 9px / var(--dpr)) / 10) * 4 + 3px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 4 + 3px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 4 + 4px / var(--dpr)),
		#dadada calc(((100% - 9px / var(--dpr)) / 10) * 4 + 4px / var(--dpr)), #dadada calc(((100% - 9px / var(--dpr)) / 10) * 5 + 4px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 5 + 4px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 5 + 5px / var(--dpr)),
		#dadada calc(((100% - 9px / var(--dpr)) / 10) * 5 + 5px / var(--dpr)), #dadada calc(((100% - 9px / var(--dpr)) / 10) * 6 + 5px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 6 + 5px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 6 + 6px / var(--dpr)),
		#dadada calc(((100% - 9px / var(--dpr)) / 10) * 6 + 6px / var(--dpr)), #dadada calc(((100% - 9px / var(--dpr)) / 10) * 7 + 6px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 7 + 6px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 7 + 7px / var(--dpr)),
		#dadada calc(((100% - 9px / var(--dpr)) / 10) * 7 + 7px / var(--dpr)), #dadada calc(((100% - 9px / var(--dpr)) / 10) * 8 + 7px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 8 + 7px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 8 + 8px / var(--dpr)),
		#dadada calc(((100% - 9px / var(--dpr)) / 10) * 8 + 8px / var(--dpr)), #dadada calc(((100% - 9px / var(--dpr)) / 10) * 9 + 8px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 9 + 8px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 9 + 9px / var(--dpr)),
		#dadada calc(((100% - 9px / var(--dpr)) / 10) * 9 + 9px / var(--dpr)), #dadada calc(((100% - 9px / var(--dpr)) / 10) * 10 + 9px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 10 + 9px / var(--dpr)), transparent 100%,
		#dadada 100%, #dadada
	);
}

.merchantRatingBar.commission.rating0 {
	background: linear-gradient(to right,
		#4ec84f, #4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 1), transparent calc(((100% - 9px / var(--dpr)) / 10) * 1), transparent calc(((100% - 9px / var(--dpr)) / 10) * 1 + 1px / var(--dpr)),
		#dadada calc(((100% - 9px / var(--dpr)) / 10) * 1 + 1px / var(--dpr)), #dadada calc(((100% - 9px / var(--dpr)) / 10) * 2 + 1px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 2 + 1px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 2 + 2px / var(--dpr)),
		#dadada calc(((100% - 9px / var(--dpr)) / 10) * 2 + 2px / var(--dpr)), #dadada calc(((100% - 9px / var(--dpr)) / 10) * 3 + 2px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 3 + 2px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 3 + 3px / var(--dpr)),
		#dadada calc(((100% - 9px / var(--dpr)) / 10) * 3 + 3px / var(--dpr)), #dadada calc(((100% - 9px / var(--dpr)) / 10) * 4 + 3px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 4 + 3px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 4 + 4px / var(--dpr)),
		#dadada calc(((100% - 9px / var(--dpr)) / 10) * 4 + 4px / var(--dpr)), #dadada calc(((100% - 9px / var(--dpr)) / 10) * 5 + 4px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 5 + 4px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 5 + 5px / var(--dpr)),
		#dadada calc(((100% - 9px / var(--dpr)) / 10) * 5 + 5px / var(--dpr)), #dadada calc(((100% - 9px / var(--dpr)) / 10) * 6 + 5px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 6 + 5px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 6 + 6px / var(--dpr)),
		#dadada calc(((100% - 9px / var(--dpr)) / 10) * 6 + 6px / var(--dpr)), #dadada calc(((100% - 9px / var(--dpr)) / 10) * 7 + 6px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 7 + 6px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 7 + 7px / var(--dpr)),
		#dadada calc(((100% - 9px / var(--dpr)) / 10) * 7 + 7px / var(--dpr)), #dadada calc(((100% - 9px / var(--dpr)) / 10) * 8 + 7px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 8 + 7px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 8 + 8px / var(--dpr)),
		#dadada calc(((100% - 9px / var(--dpr)) / 10) * 8 + 8px / var(--dpr)), #dadada calc(((100% - 9px / var(--dpr)) / 10) * 9 + 8px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 9 + 8px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 9 + 9px / var(--dpr)),
		#dadada calc(((100% - 9px / var(--dpr)) / 10) * 9 + 9px / var(--dpr)), #dadada calc(((100% - 9px / var(--dpr)) / 10) * 10 + 9px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 10 + 9px / var(--dpr)), transparent 100%,
		#dadada 100%, #dadada
	);
}
.merchantRatingBar.commission.rating1 {
	background: linear-gradient(to right,
		#4ec84f, #4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 1), transparent calc(((100% - 9px / var(--dpr)) / 10) * 1), transparent calc(((100% - 9px / var(--dpr)) / 10) * 1 + 1px / var(--dpr)),
		#4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 1 + 1px / var(--dpr)), #4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 2 + 1px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 2 + 1px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 2 + 2px / var(--dpr)),
		#dadada calc(((100% - 9px / var(--dpr)) / 10) * 2 + 2px / var(--dpr)), #dadada calc(((100% - 9px / var(--dpr)) / 10) * 3 + 2px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 3 + 2px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 3 + 3px / var(--dpr)),
		#dadada calc(((100% - 9px / var(--dpr)) / 10) * 3 + 3px / var(--dpr)), #dadada calc(((100% - 9px / var(--dpr)) / 10) * 4 + 3px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 4 + 3px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 4 + 4px / var(--dpr)),
		#dadada calc(((100% - 9px / var(--dpr)) / 10) * 4 + 4px / var(--dpr)), #dadada calc(((100% - 9px / var(--dpr)) / 10) * 5 + 4px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 5 + 4px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 5 + 5px / var(--dpr)),
		#dadada calc(((100% - 9px / var(--dpr)) / 10) * 5 + 5px / var(--dpr)), #dadada calc(((100% - 9px / var(--dpr)) / 10) * 6 + 5px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 6 + 5px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 6 + 6px / var(--dpr)),
		#dadada calc(((100% - 9px / var(--dpr)) / 10) * 6 + 6px / var(--dpr)), #dadada calc(((100% - 9px / var(--dpr)) / 10) * 7 + 6px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 7 + 6px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 7 + 7px / var(--dpr)),
		#dadada calc(((100% - 9px / var(--dpr)) / 10) * 7 + 7px / var(--dpr)), #dadada calc(((100% - 9px / var(--dpr)) / 10) * 8 + 7px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 8 + 7px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 8 + 8px / var(--dpr)),
		#dadada calc(((100% - 9px / var(--dpr)) / 10) * 8 + 8px / var(--dpr)), #dadada calc(((100% - 9px / var(--dpr)) / 10) * 9 + 8px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 9 + 8px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 9 + 9px / var(--dpr)),
		#dadada calc(((100% - 9px / var(--dpr)) / 10) * 9 + 9px / var(--dpr)), #dadada calc(((100% - 9px / var(--dpr)) / 10) * 10 + 9px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 10 + 9px / var(--dpr)), transparent 100%,
		#dadada 100%, #dadada
	);
}
.merchantRatingBar.commission.rating2 {
	background: linear-gradient(to right,
		#4ec84f, #4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 1), transparent calc(((100% - 9px / var(--dpr)) / 10) * 1), transparent calc(((100% - 9px / var(--dpr)) / 10) * 1 + 1px / var(--dpr)),
		#4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 1 + 1px / var(--dpr)), #4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 2 + 1px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 2 + 1px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 2 + 2px / var(--dpr)),
		#4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 2 + 2px / var(--dpr)), #4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 3 + 2px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 3 + 2px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 3 + 3px / var(--dpr)),
		#4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 3 + 3px / var(--dpr)), #4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 4 + 3px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 4 + 3px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 4 + 4px / var(--dpr)),
		#dadada calc(((100% - 9px / var(--dpr)) / 10) * 4 + 4px / var(--dpr)), #dadada calc(((100% - 9px / var(--dpr)) / 10) * 5 + 4px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 5 + 4px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 5 + 5px / var(--dpr)),
		#dadada calc(((100% - 9px / var(--dpr)) / 10) * 5 + 5px / var(--dpr)), #dadada calc(((100% - 9px / var(--dpr)) / 10) * 6 + 5px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 6 + 5px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 6 + 6px / var(--dpr)),
		#dadada calc(((100% - 9px / var(--dpr)) / 10) * 6 + 6px / var(--dpr)), #dadada calc(((100% - 9px / var(--dpr)) / 10) * 7 + 6px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 7 + 6px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 7 + 7px / var(--dpr)),
		#dadada calc(((100% - 9px / var(--dpr)) / 10) * 7 + 7px / var(--dpr)), #dadada calc(((100% - 9px / var(--dpr)) / 10) * 8 + 7px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 8 + 7px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 8 + 8px / var(--dpr)),
		#dadada calc(((100% - 9px / var(--dpr)) / 10) * 8 + 8px / var(--dpr)), #dadada calc(((100% - 9px / var(--dpr)) / 10) * 9 + 8px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 9 + 8px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 9 + 9px / var(--dpr)),
		#dadada calc(((100% - 9px / var(--dpr)) / 10) * 9 + 9px / var(--dpr)), #dadada calc(((100% - 9px / var(--dpr)) / 10) * 10 + 9px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 10 + 9px / var(--dpr)), transparent 100%,
		#dadada 100%, #dadada
	);
}
.merchantRatingBar.commission.rating3 {
	background: linear-gradient(to right,
		#4ec84f, #4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 1), transparent calc(((100% - 9px / var(--dpr)) / 10) * 1), transparent calc(((100% - 9px / var(--dpr)) / 10) * 1 + 1px / var(--dpr)),
		#4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 1 + 1px / var(--dpr)), #4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 2 + 1px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 2 + 1px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 2 + 2px / var(--dpr)),
		#4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 2 + 2px / var(--dpr)), #4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 3 + 2px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 3 + 2px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 3 + 3px / var(--dpr)),
		#4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 3 + 3px / var(--dpr)), #4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 4 + 3px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 4 + 3px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 4 + 4px / var(--dpr)),
		#4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 4 + 4px / var(--dpr)), #4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 5 + 4px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 5 + 4px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 5 + 5px / var(--dpr)),
		#4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 5 + 5px / var(--dpr)), #4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 6 + 5px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 6 + 5px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 6 + 6px / var(--dpr)),
		#dadada calc(((100% - 9px / var(--dpr)) / 10) * 6 + 6px / var(--dpr)), #dadada calc(((100% - 9px / var(--dpr)) / 10) * 7 + 6px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 7 + 6px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 7 + 7px / var(--dpr)),
		#dadada calc(((100% - 9px / var(--dpr)) / 10) * 7 + 7px / var(--dpr)), #dadada calc(((100% - 9px / var(--dpr)) / 10) * 8 + 7px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 8 + 7px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 8 + 8px / var(--dpr)),
		#dadada calc(((100% - 9px / var(--dpr)) / 10) * 8 + 8px / var(--dpr)), #dadada calc(((100% - 9px / var(--dpr)) / 10) * 9 + 8px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 9 + 8px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 9 + 9px / var(--dpr)),
		#dadada calc(((100% - 9px / var(--dpr)) / 10) * 9 + 9px / var(--dpr)), #dadada calc(((100% - 9px / var(--dpr)) / 10) * 10 + 9px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 10 + 9px / var(--dpr)), transparent 100%,
		#dadada 100%, #dadada
	);
}
.merchantRatingBar.commission.rating4 {
	background: linear-gradient(to right,
		#4ec84f, #4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 1), transparent calc(((100% - 9px / var(--dpr)) / 10) * 1), transparent calc(((100% - 9px / var(--dpr)) / 10) * 1 + 1px / var(--dpr)),
		#4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 1 + 1px / var(--dpr)), #4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 2 + 1px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 2 + 1px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 2 + 2px / var(--dpr)),
		#4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 2 + 2px / var(--dpr)), #4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 3 + 2px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 3 + 2px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 3 + 3px / var(--dpr)),
		#4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 3 + 3px / var(--dpr)), #4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 4 + 3px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 4 + 3px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 4 + 4px / var(--dpr)),
		#4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 4 + 4px / var(--dpr)), #4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 5 + 4px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 5 + 4px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 5 + 5px / var(--dpr)),
		#4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 5 + 5px / var(--dpr)), #4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 6 + 5px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 6 + 5px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 6 + 6px / var(--dpr)),
		#4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 6 + 6px / var(--dpr)), #4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 7 + 6px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 7 + 6px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 7 + 7px / var(--dpr)),
		#4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 7 + 7px / var(--dpr)), #4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 8 + 7px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 8 + 7px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 8 + 8px / var(--dpr)),
		#dadada calc(((100% - 9px / var(--dpr)) / 10) * 8 + 8px / var(--dpr)), #dadada calc(((100% - 9px / var(--dpr)) / 10) * 9 + 8px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 9 + 8px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 9 + 9px / var(--dpr)),
		#dadada calc(((100% - 9px / var(--dpr)) / 10) * 9 + 9px / var(--dpr)), #dadada calc(((100% - 9px / var(--dpr)) / 10) * 10 + 9px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 10 + 9px / var(--dpr)), transparent 100%,
		#dadada 100%, #dadada
	);
}
.merchantRatingBar.commission.rating5 {
	background: linear-gradient(to right,
		#4ec84f, #4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 1), transparent calc(((100% - 9px / var(--dpr)) / 10) * 1), transparent calc(((100% - 9px / var(--dpr)) / 10) * 1 + 1px / var(--dpr)),
		#4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 1 + 1px / var(--dpr)), #4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 2 + 1px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 2 + 1px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 2 + 2px / var(--dpr)),
		#4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 2 + 2px / var(--dpr)), #4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 3 + 2px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 3 + 2px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 3 + 3px / var(--dpr)),
		#4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 3 + 3px / var(--dpr)), #4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 4 + 3px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 4 + 3px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 4 + 4px / var(--dpr)),
		#4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 4 + 4px / var(--dpr)), #4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 5 + 4px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 5 + 4px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 5 + 5px / var(--dpr)),
		#4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 5 + 5px / var(--dpr)), #4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 6 + 5px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 6 + 5px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 6 + 6px / var(--dpr)),
		#4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 6 + 6px / var(--dpr)), #4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 7 + 6px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 7 + 6px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 7 + 7px / var(--dpr)),
		#4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 7 + 7px / var(--dpr)), #4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 8 + 7px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 8 + 7px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 8 + 8px / var(--dpr)),
		#4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 8 + 8px / var(--dpr)), #4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 9 + 8px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 9 + 8px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 9 + 9px / var(--dpr)),
		#4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 9 + 9px / var(--dpr)), #4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 10 + 9px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 10 + 9px / var(--dpr)), transparent 100%,
		#4ec84f 100%, #4ec84f
	);
}
.merchantRatingBar.commission.rating5 {
	background: linear-gradient(to right,
		#4ec84f, #4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 1), transparent calc(((100% - 9px / var(--dpr)) / 10) * 1), transparent calc(((100% - 9px / var(--dpr)) / 10) * 1 + 1px / var(--dpr)),
		#4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 1 + 1px / var(--dpr)), #4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 2 + 1px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 2 + 1px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 2 + 2px / var(--dpr)),
		#4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 2 + 2px / var(--dpr)), #4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 3 + 2px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 3 + 2px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 3 + 3px / var(--dpr)),
		#4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 3 + 3px / var(--dpr)), #4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 4 + 3px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 4 + 3px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 4 + 4px / var(--dpr)),
		#4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 4 + 4px / var(--dpr)), #4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 5 + 4px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 5 + 4px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 5 + 5px / var(--dpr)),
		#4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 5 + 5px / var(--dpr)), #4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 6 + 5px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 6 + 5px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 6 + 6px / var(--dpr)),
		#4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 6 + 6px / var(--dpr)), #4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 7 + 6px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 7 + 6px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 7 + 7px / var(--dpr)),
		#4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 7 + 7px / var(--dpr)), #4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 8 + 7px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 8 + 7px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 8 + 8px / var(--dpr)),
		#4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 8 + 8px / var(--dpr)), #4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 9 + 8px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 9 + 8px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 9 + 9px / var(--dpr)),
		#4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 9 + 9px / var(--dpr)), #4ec84f calc(((100% - 9px / var(--dpr)) / 10) * 10 + 9px / var(--dpr)), transparent calc(((100% - 9px / var(--dpr)) / 10) * 10 + 9px / var(--dpr)), transparent 100%,
		#4ec84f 100%, #4ec84f
	);
}


.merchantRatingBar.confidence.rating0 {
	background: linear-gradient(to right,
		#dadada, #dadada calc(((100% - 4px / var(--dpr)) / 5) * 1), transparent calc(((100% - 4px / var(--dpr)) / 5) * 1), transparent calc(((100% - 4px / var(--dpr)) / 5) * 1 + 1px / var(--dpr)),
		#dadada calc(((100% - 4px / var(--dpr)) / 5) * 1 + 1px / var(--dpr)), #dadada calc(((100% - 4px / var(--dpr)) / 5) * 2 + 1px / var(--dpr)), transparent calc(((100% - 4px / var(--dpr)) / 5) * 2 + 1px / var(--dpr)), transparent calc(((100% - 4px / var(--dpr)) / 5) * 2 + 2px / var(--dpr)),
		#dadada calc(((100% - 4px / var(--dpr)) / 5) * 2 + 2px / var(--dpr)), #dadada calc(((100% - 4px / var(--dpr)) / 5) * 3 + 2px / var(--dpr)), transparent calc(((100% - 4px / var(--dpr)) / 5) * 3 + 2px / var(--dpr)), transparent calc(((100% - 4px / var(--dpr)) / 5) * 3 + 3px / var(--dpr)),
		#dadada calc(((100% - 4px / var(--dpr)) / 5) * 3 + 3px / var(--dpr)), #dadada calc(((100% - 4px / var(--dpr)) / 5) * 4 + 3px / var(--dpr)), transparent calc(((100% - 4px / var(--dpr)) / 5) * 4 + 3px / var(--dpr)), transparent calc(((100% - 4px / var(--dpr)) / 5) * 4 + 4px / var(--dpr)),
		#dadada calc(((100% - 4px / var(--dpr)) / 5) * 4 + 4px / var(--dpr)), #dadada 100%, #dadada
	);
}
.merchantRatingBar.confidence.rating1 {
	background: linear-gradient(to right,
		#828282, #828282 calc(((100% - 4px / var(--dpr)) / 5) * 1), transparent calc(((100% - 4px / var(--dpr)) / 5) * 1), transparent calc(((100% - 4px / var(--dpr)) / 5) * 1 + 1px / var(--dpr)),
		#dadada calc(((100% - 4px / var(--dpr)) / 5) * 1 + 1px / var(--dpr)), #dadada calc(((100% - 4px / var(--dpr)) / 5) * 2 + 1px / var(--dpr)), transparent calc(((100% - 4px / var(--dpr)) / 5) * 2 + 1px / var(--dpr)), transparent calc(((100% - 4px / var(--dpr)) / 5) * 2 + 2px / var(--dpr)),
		#dadada calc(((100% - 4px / var(--dpr)) / 5) * 2 + 2px / var(--dpr)), #dadada calc(((100% - 4px / var(--dpr)) / 5) * 3 + 2px / var(--dpr)), transparent calc(((100% - 4px / var(--dpr)) / 5) * 3 + 2px / var(--dpr)), transparent calc(((100% - 4px / var(--dpr)) / 5) * 3 + 3px / var(--dpr)),
		#dadada calc(((100% - 4px / var(--dpr)) / 5) * 3 + 3px / var(--dpr)), #dadada calc(((100% - 4px / var(--dpr)) / 5) * 4 + 3px / var(--dpr)), transparent calc(((100% - 4px / var(--dpr)) / 5) * 4 + 3px / var(--dpr)), transparent calc(((100% - 4px / var(--dpr)) / 5) * 4 + 4px / var(--dpr)),
		#dadada calc(((100% - 4px / var(--dpr)) / 5) * 4 + 4px / var(--dpr)), #dadada 100%, #dadada
	);
}
.merchantRatingBar.confidence.rating2 {
	background: linear-gradient(to right,
		#828282, #828282 calc(((100% - 4px / var(--dpr)) / 5) * 1), transparent calc(((100% - 4px / var(--dpr)) / 5) * 1), transparent calc(((100% - 4px / var(--dpr)) / 5) * 1 + 1px / var(--dpr)),
		#828282 calc(((100% - 4px / var(--dpr)) / 5) * 1 + 1px / var(--dpr)), #828282 calc(((100% - 4px / var(--dpr)) / 5) * 2 + 1px / var(--dpr)), transparent calc(((100% - 4px / var(--dpr)) / 5) * 2 + 1px / var(--dpr)), transparent calc(((100% - 4px / var(--dpr)) / 5) * 2 + 2px / var(--dpr)),
		#dadada calc(((100% - 4px / var(--dpr)) / 5) * 2 + 2px / var(--dpr)), #dadada calc(((100% - 4px / var(--dpr)) / 5) * 3 + 2px / var(--dpr)), transparent calc(((100% - 4px / var(--dpr)) / 5) * 3 + 2px / var(--dpr)), transparent calc(((100% - 4px / var(--dpr)) / 5) * 3 + 3px / var(--dpr)),
		#dadada calc(((100% - 4px / var(--dpr)) / 5) * 3 + 3px / var(--dpr)), #dadada calc(((100% - 4px / var(--dpr)) / 5) * 4 + 3px / var(--dpr)), transparent calc(((100% - 4px / var(--dpr)) / 5) * 4 + 3px / var(--dpr)), transparent calc(((100% - 4px / var(--dpr)) / 5) * 4 + 4px / var(--dpr)),
		#dadada calc(((100% - 4px / var(--dpr)) / 5) * 4 + 4px / var(--dpr)), #dadada 100%, #dadada
	);
}
.merchantRatingBar.confidence.rating3 {
	background: linear-gradient(to right,
		#828282, #828282 calc(((100% - 4px / var(--dpr)) / 5) * 1), transparent calc(((100% - 4px / var(--dpr)) / 5) * 1), transparent calc(((100% - 4px / var(--dpr)) / 5) * 1 + 1px / var(--dpr)),
		#828282 calc(((100% - 4px / var(--dpr)) / 5) * 1 + 1px / var(--dpr)), #828282 calc(((100% - 4px / var(--dpr)) / 5) * 2 + 1px / var(--dpr)), transparent calc(((100% - 4px / var(--dpr)) / 5) * 2 + 1px / var(--dpr)), transparent calc(((100% - 4px / var(--dpr)) / 5) * 2 + 2px / var(--dpr)),
		#828282 calc(((100% - 4px / var(--dpr)) / 5) * 2 + 2px / var(--dpr)), #828282 calc(((100% - 4px / var(--dpr)) / 5) * 3 + 2px / var(--dpr)), transparent calc(((100% - 4px / var(--dpr)) / 5) * 3 + 2px / var(--dpr)), transparent calc(((100% - 4px / var(--dpr)) / 5) * 3 + 3px / var(--dpr)),
		#dadada calc(((100% - 4px / var(--dpr)) / 5) * 3 + 3px / var(--dpr)), #dadada calc(((100% - 4px / var(--dpr)) / 5) * 4 + 3px / var(--dpr)), transparent calc(((100% - 4px / var(--dpr)) / 5) * 4 + 3px / var(--dpr)), transparent calc(((100% - 4px / var(--dpr)) / 5) * 4 + 4px / var(--dpr)),
		#dadada calc(((100% - 4px / var(--dpr)) / 5) * 4 + 4px / var(--dpr)), #dadada 100%, #dadada
	);
}
.merchantRatingBar.confidence.rating4 {
	background: linear-gradient(to right,
		#828282, #828282 calc(((100% - 4px / var(--dpr)) / 5) * 1), transparent calc(((100% - 4px / var(--dpr)) / 5) * 1), transparent calc(((100% - 4px / var(--dpr)) / 5) * 1 + 1px / var(--dpr)),
		#828282 calc(((100% - 4px / var(--dpr)) / 5) * 1 + 1px / var(--dpr)), #828282 calc(((100% - 4px / var(--dpr)) / 5) * 2 + 1px / var(--dpr)), transparent calc(((100% - 4px / var(--dpr)) / 5) * 2 + 1px / var(--dpr)), transparent calc(((100% - 4px / var(--dpr)) / 5) * 2 + 2px / var(--dpr)),
		#828282 calc(((100% - 4px / var(--dpr)) / 5) * 2 + 2px / var(--dpr)), #828282 calc(((100% - 4px / var(--dpr)) / 5) * 3 + 2px / var(--dpr)), transparent calc(((100% - 4px / var(--dpr)) / 5) * 3 + 2px / var(--dpr)), transparent calc(((100% - 4px / var(--dpr)) / 5) * 3 + 3px / var(--dpr)),
		#828282 calc(((100% - 4px / var(--dpr)) / 5) * 3 + 3px / var(--dpr)), #828282 calc(((100% - 4px / var(--dpr)) / 5) * 4 + 3px / var(--dpr)), transparent calc(((100% - 4px / var(--dpr)) / 5) * 4 + 3px / var(--dpr)), transparent calc(((100% - 4px / var(--dpr)) / 5) * 4 + 4px / var(--dpr)),
		#dadada calc(((100% - 4px / var(--dpr)) / 5) * 4 + 4px / var(--dpr)), #dadada 100%, #dadada
	);
}
.merchantRatingBar.confidence.rating5 {
	background: linear-gradient(to right,
		#828282, #828282 calc(((100% - 4px / var(--dpr)) / 5) * 1), transparent calc(((100% - 4px / var(--dpr)) / 5) * 1), transparent calc(((100% - 4px / var(--dpr)) / 5) * 1 + 1px / var(--dpr)),
		#828282 calc(((100% - 4px / var(--dpr)) / 5) * 1 + 1px / var(--dpr)), #828282 calc(((100% - 4px / var(--dpr)) / 5) * 2 + 1px / var(--dpr)), transparent calc(((100% - 4px / var(--dpr)) / 5) * 2 + 1px / var(--dpr)), transparent calc(((100% - 4px / var(--dpr)) / 5) * 2 + 2px / var(--dpr)),
		#828282 calc(((100% - 4px / var(--dpr)) / 5) * 2 + 2px / var(--dpr)), #828282 calc(((100% - 4px / var(--dpr)) / 5) * 3 + 2px / var(--dpr)), transparent calc(((100% - 4px / var(--dpr)) / 5) * 3 + 2px / var(--dpr)), transparent calc(((100% - 4px / var(--dpr)) / 5) * 3 + 3px / var(--dpr)),
		#828282 calc(((100% - 4px / var(--dpr)) / 5) * 3 + 3px / var(--dpr)), #828282 calc(((100% - 4px / var(--dpr)) / 5) * 4 + 3px / var(--dpr)), transparent calc(((100% - 4px / var(--dpr)) / 5) * 4 + 3px / var(--dpr)), transparent calc(((100% - 4px / var(--dpr)) / 5) * 4 + 4px / var(--dpr)),
		#828282 calc(((100% - 4px / var(--dpr)) / 5) * 4 + 4px / var(--dpr)), #828282 100%, #828282
	);
}

.merchantRatingBar.commission .rating5 > div,
.merchantRatingBar.commission .rating4 > div:nth-child(1),
.merchantRatingBar.commission .rating4 > div:nth-child(2),
.merchantRatingBar.commission .rating4 > div:nth-child(3),
.merchantRatingBar.commission .rating4 > div:nth-child(4),
.merchantRatingBar.commission .rating4 > div:nth-child(5),
.merchantRatingBar.commission .rating4 > div:nth-child(6),
.merchantRatingBar.commission .rating4 > div:nth-child(7),
.merchantRatingBar.commission .rating4 > div:nth-child(8),
.merchantRatingBar.commission .rating3 > div:nth-child(1),
.merchantRatingBar.commission .rating3 > div:nth-child(2),
.merchantRatingBar.commission .rating3 > div:nth-child(3),
.merchantRatingBar.commission .rating3 > div:nth-child(4),
.merchantRatingBar.commission .rating3 > div:nth-child(5),
.merchantRatingBar.commission .rating3 > div:nth-child(6),
.merchantRatingBar.commission .rating2 > div:nth-child(1),
.merchantRatingBar.commission .rating2 > div:nth-child(2),
.merchantRatingBar.commission .rating2 > div:nth-child(3),
.merchantRatingBar.commission .rating2 > div:nth-child(4),
.merchantRatingBar.commission .rating1 > div:nth-child(1),
.merchantRatingBar.commission .rating1 > div:nth-child(2),
.merchantRatingBar.commission .rating0 > div:nth-child(1) { background: #4ec84f; }

.merchantRatingBar.confidence .rating5 > div,
.merchantRatingBar.confidence .rating4 > div:nth-child(1),
.merchantRatingBar.confidence .rating4 > div:nth-child(2),
.merchantRatingBar.confidence .rating4 > div:nth-child(3),
.merchantRatingBar.confidence .rating4 > div:nth-child(4),
.merchantRatingBar.confidence .rating3 > div:nth-child(1),
.merchantRatingBar.confidence .rating3 > div:nth-child(2),
.merchantRatingBar.confidence .rating3 > div:nth-child(3),
.merchantRatingBar.confidence .rating2 > div:nth-child(1),
.merchantRatingBar.confidence .rating2 > div:nth-child(2),
.merchantRatingBar.confidence .rating1 > div:nth-child(1),
.merchantRatingBar.confidence .rating0 > div:nth-child(1) { background:#828282; /* #9098d1; <-- desaturated blue */ /* #6e7eec; <-- brighter blue */ }


.paused .merchantRatingBar { opacity: .4; }
.paused .ratingsWrap:last-child > div:after {
	content: "PAUSED";
	position: absolute;
	top: -12px;
	right: -1px;
	left: 13px;
	font-family: sans-serif;
	font-size: 9px;
	letter-spacing: 0.04em;
	color: #9e9e9e;
	background: rgba(255, 255, 255, 0.23);
	font-weight: bold;
	line-height: 9px;
	border-radius: 2px;
	text-shadow: 0 0 4px white, 0 0 4px white, 0 0 4px white;
	display: flex;
	align-items: center;
	padding: 4px 2px 2px;
	text-align: center;
	justify-content: center;
	transform: rotate(-16deg);
}
.paused .merchantRatingBar.commission .rating5 > div, .paused .merchantRatingBar.commission .rating4 > div:nth-child(1), .paused .merchantRatingBar.commission .rating4 > div:nth-child(2), .paused .merchantRatingBar.commission .rating4 > div:nth-child(3), .paused .merchantRatingBar.commission .rating4 > div:nth-child(4), .paused .merchantRatingBar.commission .rating4 > div:nth-child(5), .paused .merchantRatingBar.commission .rating4 > div:nth-child(6), .paused .merchantRatingBar.commission .rating4 > div:nth-child(7), .paused .merchantRatingBar.commission .rating4 > div:nth-child(8), .paused .merchantRatingBar.commission .rating3 > div:nth-child(1), .paused .merchantRatingBar.commission .rating3 > div:nth-child(2), .paused .merchantRatingBar.commission .rating3 > div:nth-child(3), .paused .merchantRatingBar.commission .rating3 > div:nth-child(4), .paused .merchantRatingBar.commission .rating3 > div:nth-child(5), .paused .merchantRatingBar.commission .rating3 > div:nth-child(6), .paused .merchantRatingBar.commission .rating2 > div:nth-child(1), .paused .merchantRatingBar.commission .rating2 > div:nth-child(2), .paused .merchantRatingBar.commission .rating2 > div:nth-child(3), .paused .merchantRatingBar.commission .rating2 > div:nth-child(4), .paused .merchantRatingBar.commission .rating1 > div:nth-child(1), .paused .merchantRatingBar.commission .rating1 > div:nth-child(2), .paused .merchantRatingBar.commission .rating0 > div:nth-child(1) {
	background: #868686;
}
.paused .merchantName { opacity: 0.65; }
.paused:hover .merchantName { opacity: 0.85; }
.paused .merchantLogoWrap { opacity: .3; }

/* fade image in after load */
.lazyload,
.lazyloading {
	opacity: 0;
}
.lazyloaded {
	opacity: 1;
	transition: opacity 300ms;
}
#FindsTab .lazyload, #FindsTab .lazyloading,
#OwnedTab .lazyload, #OwnedTab .lazyloading {
	min-height: 175px;
}
body .featherlight {
	z-index: 999999;
}
body .featherlight .featherlight-close-icon {
	background: #434343;
	color: white;
	font-family: var(--FONT-BODY);
	height: 32px;
	width: 32px;
	line-height: 34px;
	font-size: 17px;
	font-weight: 300;
	pointer-events: initial;
	top: -10px;
	right: -10px;
}
body .featherlight .featherlight-close-icon:hover {
	background: white;
	color: var(--GUNMETAL);
	border: 1px solid var(--GUNMETAL);
}
body .featherlight .featherlight-content {
	vertical-align: middle;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: auto;
	white-space: normal;
	top: 10px;
	left: 10px;
	position: absolute;
	right: 10px;
	bottom: 10px;
	/* pointer-events: none; */
	margin: 0;
	max-height: 100%;
	overflow: visible;
	background: transparent;
	padding: 0;
	border: none;
}
body .featherlight .featherlight-image {
	max-width: 100% !important;
	max-height: 100% !important;
	object-fit: contain;
	filter: brightness(1.1) drop-shadow(0px 5px 12px var(--CHARCOAL));

}
.featherlight.featherlight-iframe .featherlight-content {
	display: flex;
	align-items: center;
	justify-content: center;
}
.featherlight .featherlight-content img,
.featherlight.featherlight-iframe .featherlight-content iframe {
	pointer-events: initial;
}
body .featherlight:last-of-type {
	background: linear-gradient(45deg, #222222, #656565, #1b1b1b);
}

@media (max-width: 768px) {
	body .featherlight .featherlight-content {
		max-height:calc(98% - 22px - 20px);
	}
	.featherlight .featherlight-content:after {
		content: "Pinch + Zoom to View More Detail";
		display: block;
		position: absolute;
		bottom: -26px;
		left: calc(50% - 50vw);
		right: 0;
		width: 100%;
		min-width: 100vw;
		height: 22px;
		padding: 4px 4px 2px;
		text-transform: uppercase;
		font-size: 12px;
		letter-spacing: .04em;
		font-weight: 400;
		color: var(--LIGHT-GRAY);
		text-align: center;
	}
}

.thumbnail { border-radius:1px; }

sup.help-icon {
	width: 12px;
	min-width: 12px;
	height: 12px;
	border-radius: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: none !important;
	opacity: 1;
	background: rgba(133,133,133,.39) !important;
	letter-spacing: 0 !important;
}
sup.help-icon:hover {
	opacity: 1;
	background: var(--CHARCOAL) !important;
	border: 0.75px solid white;
}
sup.help-icon i {
	color: white !important;
	opacity: 1 !important;
	float: none !important;
	font-size: 14px !important;
	padding: 0 !important;
	margin: 0 !important;
	position: static !important;
	text-indent: 0 !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: none !important;
}
sup.help-icon:hover i {
}
sup.help-icon i:before {
	content: "i";
	font-family: medio;
	font-size: 0.9em;
	height: 11px;
	font-weight: 600;
	transition: none !important;
	text-transform: lowercase;
}
sup.help-icon:hover i {
	opacity: 1;
}
sup.help-icon.dark i {
	color: var(--MED-GRAY) !important;
}
sup.help-icon.dark {
	color: var(--MED-GRAY);
	border: 1px solid var(--MED-GRAY);
	background: transparent !important;
}

.easyzoom { float: left; }
.easyzoom img { display: block; }
#ownedItemZoomable:after {
	content: "";
	display: table;
	clear: both;
}

/** Forms (Bootstrap 3 + Flexbox customizations) - Created 8/2020 **/

.disabled.form-vertical, .disabled.form-horizontal { opacity: .25; }
.disabled.form-vertical *,
.disabled.form-horizontal * { pointer-events: none; }

.form-group.has-error .input-group > *,
.form-group.has-error .input-group {
	border-color: var(--CINNABAR) !important;
}

label {
	display: inline-block;
	margin-bottom: 5px;
	font-size: 12px;
	line-height: 1em;
	color: #666;
	text-transform: uppercase;
	font-weight: 700;
}
legend {
	font-family: var(--FONT-BODY);
	display: block;
	margin: 0 0 13px;
	width: 100%;
	padding: 10px 0 0;
	line-height: inherit;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-weight: 700;
	font-size: 17px;
	border: none;
	color: #737373;
	text-align: center;
	float: none;
}
.help-block {
	font-family: var(--FONT-BODY);
	display: block;
	margin-top: 5px;
	margin-bottom: 10px;
	color: #9d9d9d;
	flex-basis: 100%;
	font-style: italic;
	line-height: 1.2em;
	margin: 0;
	padding:5px 0 10px 10px;
	font-size: 12px;
	text-align: left;
}
.help-block.sm {
	font-size: 12px;
	padding: 5px 0 10px 10px;
}
.help-block.md {
	font-size: 14px;
	padding: 5px 0 10px 10px;
}
.help-block.lg {
	font-size: 15px;
	padding: 5px 0 10px 10px;
	margin-top:5px;
}
.help-block.general {
	padding:5px 0 10px;
	text-align:inherit;
}
.form-control.bordered {
	border: 1px solid !important;
}


.input-group { display: flex;align-items: flex-end; }
.input-group .form-control {
	flex: 1;
	height: initial;
	max-height: initial;
}
.input-group .input-group-addon,
.input-group .input-group-btn,
.form-group .input-group .input-group-addon,
.form-group .input-group .input-group-btn {
	padding: 0 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	font-size: 1.2em;
	color: #b7b7b7;
	border-radius: 0;
	width: 2.3em;
	height: 2.2em;
	border: none;
	border-bottom: 1px solid #b7b7b7;
	flex: 0 1 auto;
}
.input-group.bottom-border .input-group-addon,
.input-group.bottom-border .input-group-btn,
.input-group.bottom-border .form-control {
	border-bottom: 1px solid #b4b4b4;
	height:initial;
}

.form-control::-webkit-input-placeholder { font-style:italic;font-family:var(--FONT-BODY);font-size:14px;color:#c0c0c0; }

.form-horizontal .form-group {
	margin-bottom: 9px;
}
.form-horizontal .form-group.collapse { display: none; }
.form-horizontal .form-group.collapse.in { display: flex; }
.form-horizontal.form-no-labels .form-group {
	padding-left: 0;
	margin: 0 0 15px;
	display:flex;
}

.form-horizontal .control-label {
	font-size: 12px;
	line-height: 1em;
	letter-spacing: .05em;
	color: #666;
	text-transform: uppercase;
	font-weight: 700;
	padding: 0px 5px 0;
	display: inline-flex;
	justify-content: flex-end;
	min-height: 38px;
	align-items: center;
	cursor:pointer;
}
.form-horizontal.form-no-labels .control-label {
	padding-left: 0;
}

.form-horizontal .form-group > div,
.form-vertical .form-group > div {
	padding-left: 5px;
	text-align:center;
	flex-wrap: wrap;
	flex: 1 0 auto;
}
.form-horizontal .form-group > div:first-child {
	padding-left: 0;
}
.form-horizontal .form-control {
	background: transparent;
	box-shadow: none !important;
	padding: 0 .5em .05em;
	border: none;
	border-bottom: 1px solid #b4b4b4;
	border-radius: 0px;
	height: initial;
	min-height: 38px;
	width: 100%;
	flex: 1;
	font-size: 15px;
	font-family:sans-serif;
}

.form-horizontal select.form-control.light {
	background: white;
	border: none;
	border-radius: 1px;
}

/* Radio Button Styles - for both Forms */
.radio label,
.checkbox label,
.radio-inline label,
.checkbox-inline label,
.form-group.radio .radios input[type=radio],
.form-group.radio-inline .radios input[type=radio],
.form-group.checkbox .checkboxes input[type=checkbox],
.form-group.checkbox-inline .checkboxes input[type=checkbox] {
	cursor: pointer;
}
.form-horizontal .form-group.radio .radios label:last-child,
.form-horizontal .form-group.checkbox .checkboxes label:last-child {
	margin-bottom: 0;
}


/* Standard Radio Options (not inline) - for Horizontal Form */
.form-horizontal .form-group.radio,
.form-horizontal .form-group.checkbox {
	padding: 0.4em 0 0;
	display: flex;
	margin-top: 5px;
	margin-bottom: 4px;
}
.form-horizontal .form-group.radio .control-label,
.form-horizontal .form-group.checkbox .control-label {
	align-self:flex-start;
	display: flex;
	align-items: flex-start;
}
.form-horizontal .form-group.radio .radios,
.form-horizontal .form-group.checkbox .checkboxes {
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
}
.form-horizontal .form-group.radio .radios label,
.form-horizontal .form-group.checkbox .checkboxes label {
	display: flex;
	justify-content: flex-start;
	flex-basis:100%;
	font-weight: 400;
	text-transform: initial;
	font-size: 14px;
	text-align:left;
	padding-bottom:3px;
}
.form-horizontal .form-group.radio .radios input[type=radio],
.form-horizontal .form-group.checkbox .checkboxes input[type=checkbox] {
	margin: -0.1em 0.5em 0em 0;
	padding: 0;
}
.form-horizontal .form-group.checkbox .checkboxes label.input-group {
	align-items: center;
}


/* Inline Radio Options - for Horizontal Form */

.form-horizontal .form-group.radio-inline,
.form-horizontal .form-group.checkbox-inline {
	padding: 0px 0 0;
	display: flex;
	margin-bottom: 6px;
}
.form-horizontal .form-group.radio-inline .control-label,
.form-horizontal .form-group.checkbox-inline .control-label { }
.form-horizontal .form-group.radio-inline .radios,
.form-horizontal .form-group.checkbox-inline .checkboxes {
	display: flex;
	flex-direction: row;
	cursor: default;
}
.form-horizontal .form-group.radio-inline .radios label,
.form-horizontal .form-group.checkbox-inline .checkboxes label {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 0 1.5em 0 0;
	font-weight: 400;
	text-transform: initial;
	font-size: 14px;
	text-align:left;
}
.form-horizontal .form-group.radio-inline .radios input[type=radio],
.form-horizontal .form-group.checkbox-inline .checkboxes input[type=checkbox] {
	margin: -0.1em 0.5em 0em 0;
	padding: 0;
}

@media (max-width:678px) {
	.form-horizontal .form-group.radio,
	.form-horizontal .form-group.checkbox {
		margin-top: 10px;
		padding-top:0;
	}
	.form-horizontal .form-group.radio-inline,
	.form-horizontal .form-group.checkbox-inline {
		margin-top: 10px;
	}
	.form-horizontal .form-group.radio .radios input[type=radio],
	.form-horizontal .form-group.checkbox .checkboxes input[type=checkbox] {
		margin-bottom:0;
	}
	.form-horizontal .form-group.radio-inline .radios label,
	.form-horizontal .form-group.checkbox-inline .checkboxes label {
		flex-basis: 100%;
		align-items: flex-start;
		margin-bottom:5px;
	}
	.form-horizontal .form-group.radio-inline .radios label:last-child,
	.form-horizontal .form-group.checkbox-inline .checkboxes label:last-child {
		margin-bottom:0;
	}
	.form-horizontal .form-group.radio-inline .radios input[type=radio],
	.form-horizontal .form-group.checkbox-inline .checkboxes input[type=checkbox] {
		margin-top: 0;
	}
	.form-horizontal .form-group.radio-inline .control-label,
	.form-horizontal .form-group.checkbox-inline .control-label {
		align-items: flex-start;
		padding-top: 0.4em;
	}
}

/*
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
	padding: 0;
	align-self: center;
	justify-content: center;
	display: flex;
	flex-direction: row;
	margin: 2px 0 2px;
}
.form-horizontal .form-group label.radio-inline { align-self: center; }

.form-horizontal .form-group.radio .radios-inline {
	display: flex;
	flex-direction: row;
}
.form-horizontal .form-group.radio label.radio-inline {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 24px 0 0;
}
.form-horizontal .radio-inline input[type=radio],
.form-horizontal .checkbox-inline input[type=checkbox] {
	margin: -0.25em 0.4em 0 0;
}
.form-horizontal .form-group .checkboxes > div { padding: 0; }
.form-horizontal .form-group .checkboxes .checkbox-inline {
	flex: 1;
	align-items: center;
	flex-basis: 100%;
}
*/

.form-vertical label {
	font-size: 12px;
	line-height: 1em;
	letter-spacing: .05em;
	color: #666;
	text-transform: uppercase;
	font-weight: 700;
	padding: 4px 5px 0;
	display: inline-flex;
	order: 2;
}
.form-vertical .form-control {
	background: transparent;
	box-shadow: none !important;
	padding: 0 .5em .05em;
	border: none;
	border-bottom: 1px solid #b4b4b4;
	border-radius: 0px;
	height: initial;
	min-height: 28px;
	width: 100%;
	flex: 1;
	font-size: 15px;
	font-family: sans-serif;
}
.form-vertical .form-group { display: flex; flex-direction: column; }
.form-vertical .form-group.horizontal {
	display: flex;
	flex-direction: row;
	min-height: 32px;
	/* align-items: center; */
}
.form-vertical .form-group.horizontal.collapse:not(.in) {
	display: none;
}
.form-vertical .form-group.horizontal input[type=checkbox],
.form-vertical .form-group.horizontal input[type=radio] {
	flex: 0 0 auto;
	width: initial;
	margin: 1px 0.5em 1px;
}
/*
.form-vertical .form-group.horizontal label {
	margin: 0;
	line-height: 1.2em;
	padding: 0;
}
.form-light-labels .form-group.horizontal label {
	line-height: 1.3em;
	font-size: 13px;
	font-weight: 400;
}
.form-vertical .form-group.horizontal input[type='checkbox'] {
	flex: 0 0 auto;
	margin:-0.3em 10px 0 0;
	width: 14px;
	height: 14px;
}
*/
/*
.form-vertical .radio label,
.form-vertical .checkbox label {
	padding: 0;
	margin: 0;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	line-height: 1em;
	text-transform: initial;
	letter-spacing: 0;
	font-size: 14px;
}
*/
.form-vertical .radio,
.form-vertical .checkbox,
.form-vertical .radio-inline,
.form-vertical .checkbox-inline {
	display: flex;
	align-items: center;
	margin: 0 0 11px 0;
	padding: 0 0 0 4px;
	min-height: initial;
}
.form-vertical input[type=checkbox],
.form-vertical input[type=radio] {
	margin: 0 0.5em 1px 0;
	float: none;
	min-height:1em;
}
.form-vertical .form-group.radio .radios,
.form-vertical .form-group.checkbox .checkboxes {
	display: flex;
}
.form-vertical .radio { align-items: flex-start; }
.form-vertical .radio-inline { justify-content: flex-start; }

/** Vertical radio styles **/
.form-vertical .radio > label,
.form-vertical .radio-inline > label,
.form-vertical .checkbox > label,
.form-vertical .checkbox-inline > label {
	order: 0;
	width: 100%;
	justify-content: flex-start;
	padding:0;
}
.form-vertical .form-group.radio > div.checkboxes,
.form-vertical .form-group.checkbox > div.checkboxes {
	width: 100%;
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	padding:0;
}
.form-vertical .radio .radios label,
.form-vertical .radio-inline .radios label,
.form-vertical .checkbox .checkboxes label,
.form-vertical .checkbox-inline .checkboxes label {
	margin: 0;
	text-transform: initial;
	padding: .2em 0 .3em .5em;
	font-weight: 400;
	letter-spacing: 0;
	font-size: 14px;
	text-align:left;
}
.form-vertical .form-group.radio > div input[type=radio],
.form-vertical .form-group.checkbox > div input[type=checkbox] {
	margin: -0.05em .5em 0 0;
}
.form-vertical .radio-inline,
.form-vertical .checkbox-inline {
	flex-direction: row;
	justify-content: flex-start;
	min-height: 33px;
}
.form-vertical .radio-inline > label,
.form-vertical .checkbox-inline > label {
	width: fit-content;
	margin: 0 5px 0 0;
}
.form-vertical .form-group.radio-inline .radios,
.form-vertical .form-group.checkbox-inline .checkboxes {
	justify-content: flex-start;
	text-align: left;
	display: flex;
	align-items: center;
	padding:0;
}
.form-vertical .radio-inline .radios label,
.form-vertical .checkbox-inline .checkboxes label {
	padding: 0 1.5em 0 0;
}
.form-vertical .form-group.checkbox-inline .checkboxes input[type=checkbox],
.form-vertical .form-group.radio-inline .radios input[type=radio] { margin: -0.05em .5em 0 0; }

.form-vertical .has-error input.form-control { border-color: #C0392B; border-bottom: 2px solid #C0392B; }
.form-vertical .has-error > label.control-label { color: #C0392B; }
.form-vertical .has-error .form-control::-moz-placeholder{color:#E5B5B5;opacity:1}
.form-vertical .has-error .form-control:-ms-input-placeholder{color:#E5B5B5}
.form-vertical .has-error .form-control::-webkit-input-placeholder{color:#E5B5B5}


@media (max-width: 768px) {
	.form-vertical .radio-inline > label,
	.form-vertical .checkbox-inline > label {
		width: 100%;
		flex-basis: 100%;
		margin-bottom: 5px;
	}
	.form-vertical .radio-inline,
	.form-vertical .checkbox-inline {
		flex-wrap: wrap;
	}
	.form-vertical .radio-inline .radios label,
	.form-vertical .checkbox-inline .checkboxes label {
		flex-basis: 100%;
		padding: .2em 0 .3em .5em;
	}
	.form-vertical .form-group.radio-inline .radios label,
	.form-vertical .form-group.checkbox-inline .checkboxes label {
		flex-basis: 100%;
		align-items: flex-start;
		margin-bottom: 5px;
	}
}

.form-group input[type='file'].form-control {
	border: none;
	padding: 6px;
	font-family: var(--FONT-BODY);
	text-transform: uppercase;
	letter-spacing: .04em;
	font-size: 16px;
}
.form-group input[type=file]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus {
	outline-color: var(--TEAL);
}
.form-vertical textarea.form-control,
.form-horizontal textarea.form-control {
	background: white;
	border: 1px solid #b4b4b4;
	margin-bottom: 15px;
	padding: .4em 0.7em;
}
.form-vertical.form-light-labels label {
	font-weight: 500;
	padding: 0;
}
.form-vertical.form-light-labels input.form-control {
	padding: 0;
}

/** Centered Form [WIP] **/
.form-horizontal.form-centered .form-group {
	display: block;
	text-align: center;
}

/** Copy-able field **/
.input-group.copyable { background: #f6f6f6;justify-content: center;cursor: copy; }
.input-group.copyable .input-group-addon { border: none;padding-right: 0;padding-left: 10px;color: #6c6c6c;cursor: copy; }
.input-group.copyable input.form-control { border: none;color: #6c6c6c;cursor: copy; }
.input-group.copyable label { cursor: copy; }

/** Search Field Input Group **/
input[type=search].form-control { background: white; }
.input-group .input-group-btn {
	min-width: fit-content;
	padding: 0;
	display: flex;
}
.input-group .input-group-btn .btn {
	height: 100%;
	border: none;
	box-shadow: none;
}
.input-group.no-borders * { border: none !important; }

@media (max-width: 768px) {
	.form-horizontal .form-group {
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 3px;
		justify-content: flex-start;
		min-height: 38px;
		padding-left: 0;
	}
	.form-horizontal .form-group.xs-flex-no-wrap {
		flex-wrap: nowrap;
	}
	.form-horizontal .form-group label.control-label {
		padding: 0.3em 0 0 0;
		font-weight: 600;
		flex-basis: 30%;
		min-width: 15%;
		text-align: right;
		white-space: normal;
		word-break: break-word;
	}
	.form-horizontal .form-group > div {
		float:none;
		flex: 1;
		display: inline-flex;
		justify-content: center;
	}
	.form-horizontal .form-group > .col-xs-1{ flex: calc(100% * (1/12));min-width:calc(100% * (1/12));max-width:calc(100% * (1/12)); }
	.form-horizontal .form-group > .col-xs-2 { flex: calc(100% * (2/12));min-width:calc(100% * (2/12));max-width:calc(100% * (2/12)); }
	.form-horizontal .form-group > .col-xs-3 { flex: calc(100% * (3/12));min-width:calc(100% * (3/12));max-width:calc(100% * (3/12)); }
	.form-horizontal .form-group > .col-xs-4 { flex: calc(100% * (4/12));min-width:calc(100% * (4/12));max-width:calc(100% * (4/12)); }
	.form-horizontal .form-group > .col-xs-5 { flex: calc(100% * (5/12));min-width:calc(100% * (5/12));max-width:calc(100% * (5/12)); }
	.form-horizontal .form-group > .col-xs-6 { flex: calc(100% * (6/12));min-width:calc(100% * (6/12));max-width:calc(100% * (6/12)); }
	.form-horizontal .form-group > .col-xs-7 { flex: calc(100% * (7/12));min-width:calc(100% * (7/12));max-width:calc(100% * (7/12)); }
	.form-horizontal .form-group > .col-xs-8 { flex: calc(100% * (8/12));min-width:calc(100% * (8/12));max-width:calc(100% * (8/12)); }
	.form-horizontal .form-group > .col-xs-9 { flex: calc(100% * (9/12));min-width:calc(100% * (9/12));max-width:calc(100% * (9/12)); }
	.form-horizontal .form-group > .col-xs-10 { flex: calc(100% * (10/12));min-width:calc(100% * (10/12));max-width:calc(100% * (10/12)); }
	.form-horizontal .form-group > .col-xs-11 { flex: calc(100% * (11/12));min-width:calc(100% * (11/12));max-width:calc(100% * (11/12)); }
	.form-horizontal .form-group > .col-xs-12 { flex: calc(100% * (12/12));min-width:calc(100% * (12/12));max-width:calc(100% * (12/12)); }
}

/** Headers **/

h3.darkHeader { background:var(--GUNMETAL); }



/** Alerts **/

.alert {
	background: var(--TEAL);
	text-transform: uppercase;
	text-align: center;
	padding: 0.85em 1.3em 0.5em;
	border-radius: 1px;
	letter-spacing: .04em;
	color: white;
	text-shadow: 0 0px 5px #00000025;
	border: none;
	max-width: 100%;
	margin: 0 auto 15px;
	box-shadow: none;
	line-height: 1.4em;
	font-size: 16px;
	font-weight: 200;
	border-bottom: 4px solid rgb(0, 0, 0, .15);
}

.alert>ul {
	width: fit-content;
	margin: 5px auto;
	text-align: left;
}
.alert > div {
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
}

.alert-success {
	background: var(--TEAL);
}
.alert-danger {
	background: var(--CINNABAR);
}
.alert-warning {
	background: var(--GOLDENROD);
}
.alert-info {
	background: var(--CERULEAN);
}
.alert-gray {
	background: var(--LIGHT-GRAY);
}
.alert-gunmetal {
	background: var(--GUNMETAL);
	color: white;
}

.alert.alert-fixed {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	z-index: 99999999;
	opacity: 0.98;
}

.toast-alert {
	position: fixed;
	z-index: 9999999999;
	opacity: .97;
	top: 15px;
	letter-spacing: 0;
	border-radius: 2px;
	border-bottom: 0;
	padding: 15px 25px 12px;
	box-shadow: 0 5px 3px -3px rgba(0,0,0,0.3);
	left: 0;
	transform: translate(calc(50vw - 50%), 0);
	min-width: min(90vw, 450px);
	max-width: 550px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	opacity: 0.95 !important;
}

.toast-alert.alert-danger:before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='45' style='width:50px%3Bheight:50px%3B' viewBox='0 0 100 100' fill='%23FFF' opacity='.8'%3E%3Cpath d='M46.885 71.377c0-.431.077-.835.238-1.217a3.029 3.029 0 0 1 1.639-1.662 3.074 3.074 0 0 1 1.227-.249 3.1 3.1 0 0 1 1.225.248c.384.166.717.39 1.001.67.284.282.504.613.663.993.159.382.239.787.239 1.217 0 .446-.08.855-.239 1.228a3.046 3.046 0 0 1-1.664 1.639 3.216 3.216 0 0 1-1.225.236c-.436 0-.844-.08-1.227-.236a2.931 2.931 0 0 1-.99-.658 3.141 3.141 0 0 1-.649-.98 3.08 3.08 0 0 1-.238-1.229zm5.42-31.614v15.28c0 .801-.012 1.585-.04 2.352a65.182 65.182 0 0 1-.118 2.31 86.339 86.339 0 0 1-.197 2.379c-.08.81-.172 1.68-.277 2.604h-3.187a161.53 161.53 0 0 1-.276-2.604 76.478 76.478 0 0 1-.316-4.689 64.646 64.646 0 0 1-.041-2.352v-15.28Zm-2.304-19.139 36.497 58.75H13.503l36.498-58.75m0-3.56a3.562 3.562 0 0 0-3.026 1.681L10.478 77.496a3.559 3.559 0 0 0 3.025 5.44h72.995a3.56 3.56 0 0 0 3.024-5.44l-36.498-58.75a3.556 3.556 0 0 0-3.023-1.682z'/%3E%3C/svg%3E");
	height: 45px;
	width: 45px;
	margin: -25px 10px -20px 0;
	display: inline-block;
	vertical-align: middle;
	flex: 0 0 auto;
}

.toast-alert:after {
	content: '\00D7';
	font-family: var(--FONT_BODY);
	font-size: 24px;
	font-weight: 100;
	position: absolute;
	top: 6px;
	right: 7px;
	width: 18px;
	height: 18px;
	text-align: center;
	display: block;
	opacity: .3;
	transition: opacity .15s ease;
}

.toast-alert:hover:after {
	opacity: 1;
}


/** Dropdown Styles **/

.dropdown-menu {
	border-radius: 0;
	border: none;
	border-bottom: 5px solid #717171;
	border-top: 1px solid #EEE;
	margin-right: 10px;
	box-shadow: 0 1px 2px -1px #000;
	font-size: 13px;
}
.dropdown-menu .divider {
	height: 1px;
	margin: 4px 0;
	overflow: hidden;
	background-color: #e5e5e5;
}

.dropdown-menu>li>a {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 7px 20px 6px;
	clear: both;
	font-weight: 400;
	line-height: 1.5em;
	color: var(--GUNMETAL);
	white-space: nowrap;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: .04em;
	font-weight: 400;
}
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
	background: var(--GUNMETAL);
	color: #FFF;
	text-shadow: 0px 0px 2px #000;
}
.dropdown-menu>li>a.selected {
	background: var(--TEAL);
	color: white;
	text-shadow: none;
}
.dropdown-menu li.disabled>a,
.dropdown-menu li.disabled>svg { color: #AAA !important; cursor: default !important; background: #FFF !important; text-shadow: none !important;fill:#aaaaaa; }
.dropdown-menu li>a>.fa, .dropdown-menu li>a>svg {
	color: var(--GUNMETAL);
	stroke: var(--GUNMETAL);
	stroke-width: .5px;
	height: 1em;
	width: 1.5em;
	font-size:1.25em;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: -.5em;
	margin-right: .5em;
	margin-top: -0.2em;
}
.dropdown-menu li>a>i.fa-times { margin-top: 0; }
.dropdown-menu i.fa-times:before {
	content: "×";
	line-height: 0.67em;
}


.dropdown-menu li>a.selected>.fa,
.dropdown-menu li>a.selected>svg,
.dropdown-menu li>a:hover>.fa,
.dropdown-menu li>a:hover>svg,
.dropdown-menu li>a:focus>.fa,
.dropdown-menu li>a:focus>svg { color: white;color: white !important;stroke: white !important;fill: white;stroke-width:0; }
.dropdown-menu li.disabled>a>.fa { color: #AAA; }
.dropdown-menu li.disabled>a:hover>.fa,
.dropdown-menu li.disabled>a:hover>svg { color: #AAA !important; fill: #AAA !important;stroke:#AAA !important; }

/** Dropdown styles specificaly for #ownedItemTypePickerDDL **/
#ownedItemTypePickerDDL > li.dropdown-submenu > .dropdown-menu {
	position: relative !important;
	left: 0 !important;
	right: initial !important;
	top: 0 !important;
	bottom: initial !important;
	min-width: 100%;
	width: 100%;
	margin: 0 !important;
	max-height: 0px;
	overflow: hidden;
	transition: none;
	opacity: 1;
	animation: none !important;
	animation-duration: none !important;
	animation-name: none !important;
}
#ownedItemTypePickerDDL > li.dropdown-submenu.open a.dropdown-toggle + .dropdown-menu {
	transition: max-height .4s ease;
	max-height: 320px;
	border: none;
	box-shadow: none;
}
#ownedItemTypePickerDDL > li {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
#ownedItemTypePickerDDL > li > a { min-width: 100%; }
#ownedItemTypePickerDDL > li.dropdown-submenu>.dropdown-menu li {
	border-bottom: 1px solid var(--GUNMETAL);
	border-left: 4px solid var(--GUNMETAL);
}
#ownedItemTypePickerDDL > li.dropdown-submenu>.dropdown-menu li:hover { border-left-color: var(--CHARCOAL); }
#ownedItemTypePickerDDL > li.dropdown-submenu>.dropdown-menu li a { font-size: .8em; }
#ownedItemTypePickerDDL > li.dropdown-submenu.open a.dropdown-toggle { border-bottom-color: var(--GUNMETAL); }


/** End of dropdown styles specificaly for #ownedItemTypePickerDDL **/


.pika-single:not(.is-hidden) { z-index:99999; }
/*.pika-single.is-bound { position: fixed !important; }*/


/** Article/Content Page Styles **/
body.article { background:transparent; }
body.article .navbar.navbar-inverse { margin-bottom: 0; }

body.article .featherlight .featherlight-image { filter: drop-shadow(0px 5px 12px var(--CHARCOAL)); } /* Added to overwrite brightness(1.2) filter */
body.article img[data-featherlight] { cursor:pointer; }
body.article img[data-featherlight]:hover { opacity:.8; }

.article #bodyPane { padding: 0;margin: 0;	background: linear-gradient(90deg, #ffffffdb, #ffffffe6, #ffffffeb, white, white, white, white, white, white, white, white, white, white, #fffffff7, #fffffff2, #ffffffe6); }
.article #contentWrap, .article #main-content { padding: 0; }
.article .section.hero {
	margin-bottom: 5px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	background: none;
	min-height: 300px;
	margin-bottom: 100px;
}
.article .section.hero:before, .article .section.hero:after {
	clip-path: polygon(100% 0,0 0,0 77.5%,1% 77.4%,2% 77.1%,3% 76.6%,4% 75.9%,5% 75.05%,6% 74.05%,7% 72.95%,8% 71.75%,9% 70.55%,10% 69.3%,11% 68.05%,12% 66.9%,13% 65.8%,14% 64.8%,15% 64%,16% 63.35%,17% 62.85%,18% 62.6%,19% 62.5%,20% 62.65%,21% 63%,22% 63.5%,23% 64.2%,24% 65.1%,25% 66.1%,26% 67.2%,27% 68.4%,28% 69.65%,29% 70.9%,30% 72.15%,31% 73.3%,32% 74.35%,33% 75.3%,34% 76.1%,35% 76.75%,36% 77.2%,37% 77.45%,38% 77.5%,39% 77.3%,40% 76.95%,41% 76.4%,42% 75.65%,43% 74.75%,44% 73.75%,45% 72.6%,46% 71.4%,47% 70.15%,48% 68.9%,49% 67.7%,50% 66.55%,51% 65.5%,52% 64.55%,53% 63.75%,54% 63.15%,55% 62.75%,56% 62.55%,57% 62.5%,58% 62.7%,59% 63.1%,60% 63.7%,61% 64.45%,62% 65.4%,63% 66.45%,64% 67.6%,65% 68.8%,66% 70.05%,67% 71.3%,68% 72.5%,69% 73.6%,70% 74.65%,71% 75.55%,72% 76.35%,73% 76.9%,74% 77.3%,75% 77.5%,76% 77.45%,77% 77.25%,78% 76.8%,79% 76.2%,80% 75.4%,81% 74.45%,82% 73.4%,83% 72.25%,84% 71.05%,85% 69.8%,86% 68.55%,87% 67.35%,88% 66.2%,89% 65.2%,90% 64.3%,91% 63.55%,92% 63%,93% 62.65%,94% 62.5%,95% 62.55%,96% 62.8%,97% 63.3%,98% 63.9%,99% 64.75%,100% 65.7%);
	-webkit-clip-path: polygon(100% 0,0 0,0 77.5%,1% 77.4%,2% 77.1%,3% 76.6%,4% 75.9%,5% 75.05%,6% 74.05%,7% 72.95%,8% 71.75%,9% 70.55%,10% 69.3%,11% 68.05%,12% 66.9%,13% 65.8%,14% 64.8%,15% 64%,16% 63.35%,17% 62.85%,18% 62.6%,19% 62.5%,20% 62.65%,21% 63%,22% 63.5%,23% 64.2%,24% 65.1%,25% 66.1%,26% 67.2%,27% 68.4%,28% 69.65%,29% 70.9%,30% 72.15%,31% 73.3%,32% 74.35%,33% 75.3%,34% 76.1%,35% 76.75%,36% 77.2%,37% 77.45%,38% 77.5%,39% 77.3%,40% 76.95%,41% 76.4%,42% 75.65%,43% 74.75%,44% 73.75%,45% 72.6%,46% 71.4%,47% 70.15%,48% 68.9%,49% 67.7%,50% 66.55%,51% 65.5%,52% 64.55%,53% 63.75%,54% 63.15%,55% 62.75%,56% 62.55%,57% 62.5%,58% 62.7%,59% 63.1%,60% 63.7%,61% 64.45%,62% 65.4%,63% 66.45%,64% 67.6%,65% 68.8%,66% 70.05%,67% 71.3%,68% 72.5%,69% 73.6%,70% 74.65%,71% 75.55%,72% 76.35%,73% 76.9%,74% 77.3%,75% 77.5%,76% 77.45%,77% 77.25%,78% 76.8%,79% 76.2%,80% 75.4%,81% 74.45%,82% 73.4%,83% 72.25%,84% 71.05%,85% 69.8%,86% 68.55%,87% 67.35%,88% 66.2%,89% 65.2%,90% 64.3%,91% 63.55%,92% 63%,93% 62.65%,94% 62.5%,95% 62.55%,96% 62.8%,97% 63.3%,98% 63.9%,99% 64.75%,100% 65.7%);
}
.article .section.hero:before {
	background-size: cover;
	opacity: .9;
	background: #000000;
	background-size: cover;
	background-position: 0% 20%;
}
.article .section.hero:after {
	background:linear-gradient(180deg, #232323, #232323ab, #34343594, #23232342, #232323c7, transparent);
}
.article .section.hero:before, .article .section.hero:after {
	display: block;
	content: " ";
	height: 450px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
@media (max-width: 768px) {
	.article .section.hero {
		min-height: 250px;
		margin-bottom: 10px;
	}
	.article .section.hero:before, .article .section.hero:after {
		height: 350px;
		clip-path: polygon(100% 0,0 0,0 70.1%,1% 70.2%,3% 70.55%,5% 70.9%,7% 71.15%,9% 71.4%,11% 71.6%,13% 71.75%,16% 71.95%,19% 72.05%,22% 72%,25% 71.95%,29% 71.8%,35% 71.35%,41% 70.55%,47% 69.5%,48% 69.35%,51% 68.85%,53% 68.5%,56% 68.05%,59% 67.7%,61% 67.45%,64% 67.1%,68% 66.75%,72% 66.6%,76% 66.65%,80% 66.8%,84% 67.1%,89% 67.6%,92% 68.1%,97% 68.9%,99% 69.4%,100% 69.7%);
		-webkit-clip-path: polygon(100% 0,0 0,0 70.1%,1% 70.2%,3% 70.55%,5% 70.9%,7% 71.15%,9% 71.4%,11% 71.6%,13% 71.75%,16% 71.95%,19% 72.05%,22% 72%,25% 71.95%,29% 71.8%,35% 71.35%,41% 70.55%,47% 69.5%,48% 69.35%,51% 68.85%,53% 68.5%,56% 68.05%,59% 67.7%,61% 67.45%,64% 67.1%,68% 66.75%,72% 66.6%,76% 66.65%,80% 66.8%,84% 67.1%,89% 67.6%,92% 68.1%,97% 68.9%,99% 69.4%,100% 69.7%);
	}
}

.article #featureRoundupWrap {
	display: flex;
	text-align: center;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 30px;
}
.article #featureRoundupWrap > div {
	flex-direction: column;
	display: flex;
	width: min(300px, max(250px, calc(25% - 10px)));
	align-items: center;
	padding: 21px 15px 8px;
	background: white;
	box-shadow: 0 1px 3px 0px #00000030;
	margin: 0 5px 10px;
	border-radius: 0px;
}
.article #featureRoundupWrap > div > div {
	border-radius: 50%;
	border: 6px double white;
	margin: 0 0 15px 0 !important;
	background: var(--GUNMETAL);
}
.article #featureRoundupWrap > div > label {
	font-size: 18px;
	color: var(--GUNMETAL);
	letter-spacing: 0.05em;
	margin-bottom: 6px;
	line-height: 1.2em;
}
.article #featureRoundupWrap > div > div svg {
	height: 60px !important;
	width: auto !important;
	fill: white !important;
	stroke-width: 0 !important;
	stroke: white !important;
}
.article #featureRoundupWrap > div > p {
	color: var(--MED-GRAY);
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5em;
}
@media (max-width: 768px) {
	.article #featureRoundupWrap > div {
		width: min(220px, calc(50% - 6px));
		padding:11px 5px 0;
		margin: 0 2px 4px;
	}
	.article #featureRoundupWrap > div > div { margin-bottom: 6px ​!important; }
	.article #featureRoundupWrap > div > label { margin-bottom: 1px; }
	.article #featureRoundupWrap > div > p {
		font-size: 15px;
		line-height: 1.2em;
	}
}

.article .captionedImg img { width: 100%; }

.article .row.content-boxes {
	display: flex;
	align-items:center;
	min-height:400px;
	margin: 0;
}

.article .row.content-boxes > div {
	min-height: 200px;
	align-self: normal;
	background-size: cover;
	background-position: 50% 50%;
	align-items: center;
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding: 15px 70px;
}

.article #content .row.content-boxes p {margin: 10px auto;max-width: 750px;text-align: center;}

.article #content .row.content-boxes h4 {
	font-size: min(36px, calc(18px + 2vw));
	line-height: 1.4em;
	color: #ffffff;
	/* background: linear-gradient(0deg, #4d4d4d00, #5353538c, #5353538c, #5353538c, #cccccc00); */
	background: #23232385;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: 0;
	padding: 10px 10px 0;
	/* text-shadow: 0 0 24px #5e5e5e, 0 0 14px #5c5c5c, 0 3px 4px #696969, 0 -3px 4px #696969, -3px 0 4px #696969; */
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-weight: 600;
}
.article #content h2.dark {
	border: 2px solid var(--GUNMETAL);
	border-left: none;
	border-right: none;
	padding: 24px 0px 16px;
	color: var(--GUNMETAL);
	margin: 0;
}

#contractWrap .row {
	margin-bottom:20px;
	border-bottom:1px solid rgba(0, 0, 0, 0.09);
	padding-bottom:10px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
#contractWrap .col-md-3 {
	padding: 0;
	text-align: left;
	align-self: flex-start;
	justify-self: flex-start;
}

#contractWrap h3 { font-family:sans-serif;font-weight:bold;font-size:14px;letter-spacing:1px;margin:0px 0 10px;text-align:center; }
#contractWrap h4 { color: var(--MED-GRAY); }
.article #contractWrap h4 {
	text-indent: calc(-1.35 * min(18px, calc(13px + 0.5vw)));
	margin-left: calc(1.35 * min(18px, calc(13px + 0.5vw)));
	margin-top: 10px;
}

.article #contractWrap .col-md-9 p, .article #contractWrap .col-md-9 ol, .article #contractWrap .col-md-9 ul,
.article #contractWrap .col-md-9 ol.bold-headers li {
	font-size: 15px;
	line-height: 1.2em;
}
.article #contractWrap .col-md-9 ol.bold-headers li b:first-child {
	font-size: 14px;
}
.article #contractWrap .col-md-9 ol li,
.article #contractWrap .col-md-9 ul li {
	padding-bottom: 0.33em;
	font-size: .95em !important;
}
.article #contractWrap .col-md-9 ol li:last-child,
.article #contractWrap .col-md-9 ul li:last-child {
	padding-bottom: 0;
}
@media (max-width: 768px) {
	.article .row.content-boxes { display: block; }
	.article .row.content-boxes > div { padding: 15px 10px; }
}



/** Client Tags **/

.tagBadge {
	padding: 4px 8px 2px 6px;
	font-family: var(--FONT-BODY);
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.04em;
	min-height: 21px;
	display: flex;
	align-items: center;
	border-radius: 2px;
	text-shadow: none;
	color: white;
	min-height: 22px;
	line-height: 12px;
}
.tagBadge > span {
	opacity: 0.7;
	font-size: 11px;
	letter-spacing: -0.01em;
	padding: 0 1px 0 3px;
	margin-right: -3px;
	font-weight: 300;
}
html.touch .tagBadge,
html.touch .editClientTagsSelect .select2-selection__rendered .select2-selection__choice .tagBadge {
	font-size: 13px;
	height: 32px;
	padding-left: 11px;
}
html.touch .tagBadge {
	padding-right: 11px;
}
html.touch .editClientTagsSelect .select2-selection {
	min-height: 38px !important;
}