/* this has to stay here and can't be in the database. Need to add this ability. */
@keyframes bounce{
	49%{
		opacity: 0;
	}
	50%{
		bottom: calc(var(--swatch-size) + 5px);
		opacity: 1;
	}
	75%{
		bottom: calc(var(--swatch-size) + 8px);
	}
	100%{
		bottom: calc(var(--swatch-size) + 5px);
		opacity: 1;
	}
}

body.customizeitv8 div.color_swatch span.hover-show {
	opacity:0;
	transition: opacity 0.3s ease;
	}
body.customizeitv8 div.color_swatch:hover span.hover-show {
	opacity: 0.75;
	}
/* Things that can be migrated into the database */



/* Things that have been moved into the database. */
/*:root{*/
/*	--color-brand: #f15d22;*/
/*	--color-text: #616160;*/
/*	--color-border: #dcdcdc;*/
/*	--color-info: #002b5c;*/
/*	--color-bg: white;*/
/*	--spacer: 15px;*/
/*	--swatch-size: 40px;*/
/*	--border-radius: 5px;*/
/*	}*/

/*.titleV8 {*/
/*background-color: var( --color-brand);*/
/*color: var( --color-bg);*/
/*display: block;*/
/*position: relative;*/
/*width: 100%;*/
/*padding: 15px;*/
/*cursor: pointer;*/
/*border-radius: 5px;*/
/*margin: 5px 0px 5px 0px;*/
/*	}*/

/*body.customizeitv8 div#div_preview_and_price_wrapper {*/
/*	border-right: none;*/
/*}*/

/*body.customizeitv8 div#div_product_title_model {*/
/*	border-bottom: none;*/
/*}*/

/*body.customizeitv8 div#div_add_to_cart_button {*/
/*background-color: var(--color-brand);*/
/*color: var(--color-bg);*/
/*border-radius: var(--border-radius);*/
/*	}*/

/*div.arrow {*/
/*display: block;*/
/*position: absolute;*/
/*right: 15px;*/
/*top: calc(50% - 5px);*/
/*width: 1px;*/
/*height: 1px;*/
/*border: 10px solid transparent;*/
/*border-bottom: 10px solid var(--color-bg);*/
/*transform: rotate(180deg);*/
/*transition: .25s ease-in-out;*/
/*	}*/
/*#message-font div:hover, #message-font .active{*/
/*		background-color: var(--color-brand);*/
/*		color: var(--color-bg);*/
/*	}*/
/*!*.hidden{*!*/
/*!*	height: 0;*!*/
/*!*	overflow: hidden;*!*/
/*!*	margin: 0;*!*/
/*!*	padding: 0;*!*/
/*!*}*!*/
/*!*.active .arrow{*!*/
/*!*	top: calc(50% - 15px);*!*/
/*!*	transform: rotate(0deg);*!*/
/*!*}*!*/

/*div#fontPickerDiv {*/
/*	display: flex !important;*/
/*	flex-wrap: wrap;*/
/*	justify-content: space-around !important;*/
/*	margin-bottom: var(--spacer);*/
/*	}*/
/*div#fontPickerDiv label {*/
/*	margin-bottom: unset;*/
/*	}*/
/*div.fontPickerItemV8 {*/
/*border: 1px solid var(--color-brand);*/
/*border-radius: var(--border-radius);*/
/*color: var(--color-brand);*/
/*background-color: var(--color-bg);*/
/*padding: 10px;*/
/*margin: var(--spacer) 0;*/
/*min-width: 100px;*/
/*text-align: center;*/
/*cursor: pointer;*/
/*	}*/

/*div.fontPickerItemV8:hover {*/
/*	background-color: var(--color-brand);*/
/* 	color: var(--color-bg);*/
/* 	}*/

/*div.fontPickerItemSelectedV8 {*/
/*	background-color: var(--color-brand);*/
/* 	color: var(--color-bg);*/
/* 	}*/

/*div#customerImageRow {*/
/*	text-align: center !important;*/
/*	}*/

/*div#qq-upload-customer-image-button {*/
/*	float: unset !important;*/
/*	margin-left: auto;*/
/*	margin-right: auto;*/
/*	margin-top: 10px;*/
/*	margin-bottom: 10px;*/
/*	}*/

/*div.qq-upload-button {*/
/*	border-radius: var(--border-radius) !important;*/
/*	padding: 10px 4px 4px 4px !important;*/
/*	}*/

/*.scButton {*/
/*	border-radius: var(--border-radius) !important;*/
/*	}*/

/*body.customizeitv8 div.color_swatch {*/
/*	min-width: calc(20% - 5px);*/
/*	height: var(--swatch-size);*/
/*	border: 1px solid var(--color-border);*/
/*	border-radius: 5px;*/
/*	transition: .1s ease-in-out;*/
/*	margin: 2px;*/
/*	}*/

/*body.customizeitv8 div.color_swatch:hover {*/
/*border: 1px solid var(--color-brand) !important;*/
/*outline: 2px solid var(--color-brand) !important;*/
/*transition: .1s ease-in-out;*/
/*	}*/

/*body.customizeitv8 div.selectedCell {*/
/*	border: 1px solid var(--color-brand) !important;*/
/*	outline: 2px solid var(--color-brand) !important;*/
/*	}*/

/*body.customizeitv8 div.color_swatch span {*/
/*position: relative;*/
/*display: inline-block;*/
/*background-color: var(--color-bg);*/
/*width: auto;*/
/*padding: .25em .5em .25em .25em;*/
/*border-bottom-right-radius: 5px;*/
/*border-top-left-radius: 4px;*/
/*opacity: .5;*/
/*top: -1px;*/
/*left: 0;*/
/*color: gray;*/
/*mix-blend-mode: normal;*/
/*font-size: .75em;*/
/*	}*/

/*.hover-pop {*/
/*position: absolute;*/
/*bottom: calc(var(--swatch-size) + 5px);*/
/*left: 0;*/
/*display: block;*/
/*padding: .5em;*/
/*width: 100%;*/
/*text-align: center;*/
/*border-radius: 5px;*/
/*background-color: antiquewhite;*/
/*border: 1px solid var(--color-border);*/
/*font-size: .75em;*/
/*z-index: 10;*/
/*visibility: hidden;*/
/*opacity: 0;*/
/*transition: .15s ease-in-out;*/
/*	}*/

/*.hover-pop::after{*/
/*content: " ";*/
/*display: block;*/
/*position: absolute;*/
/*left: .5em;*/
/*bottom: -6px;*/
/*width: 10px;*/
/*height: 10px;*/
/*border: 1px solid var(--color-border);*/
/*border-left: 0;*/
/*border-top: 0;*/
/*background-color: antiquewhite;*/
/*z-index: 11;*/
/*transform: rotate(45deg);*/
/*}*/
/*body.customizeitv8 div.color_swatch:hover .hover-pop {*/
/*visibility: visible;*/
/*opacity: 1;*/
/*animation-name: bounce;*/
/*animation-iteration-count: 1;*/
/*animation-fill-mode: forwards;*/
/*animation-duration: .35s;*/
/*}*/
/*.hover-pop:hover{*/
/*	display: none;*/
/*}*/
/*!*body.customizeitv8 div.scColorSlider ul {*!*/
/*!*!*	overflow: unset;*!*!*/
/*!*	}*!*/

/*!*body.customizeitv8 li.colorSlider_li {*!*/
/*!*left: 0px !important;*!*/
/*!*right: -5px !important;*!*/
/*!*	}*!*/

/*body.customizeitv8 div.scColorSlider li {*/
/*	width: 98%;*/
/*	}*/

/*body.customizeitv8 div.palette_container {*/
/*	overflow: visible !important;*/
/*	padding: unset !important;*/
/*	display: flex;*/
/*}*/

/*body.customizeitv8 div.optionInfoContainer {*/
/*	float: left !important;*/
/*	height: fit-content !important;*/
/*	text-align: left !important;*/
/*	margin-right: unset !important;*/
/*}*/

/*body.customizeitv8 .selectedOptionLabel, body.customizeitv8 .selectedOptionReport {*/
/*	font-size: 1em;*/
/*	font-weight: normal;*/
/*	color: var(--color-info) !important;*/
/*	}*/

/*body.customizeitv8 div.pallette_container, body.customizeitv8 div#bp-colorSlider {*/
/*	height:fit-content !important;*/
/*	}*/

/*body.customizeitv8 div.category_name_display {*/
/*	!*float: left !important;*!*/
/*!*	clear: both;*!*/
/*	}*/

/*body.customizeitv8 div.ColorGroupsWrapper {*/
/*	display: grid;*/
/*	grid-row-gap: 15px;*/
/*	}*/

/*body.customizeitv8 div.visible_colors_block {*/
/*	display: inline-block;*/
/*	}*/

/*body.customizeitv8 div.color_disclosure_ctl {*/
/*	min-width: 100%;*/
/*	clear:both;*/
/*	cursor: pointer;*/
/*	text-transform: lowercase;*/
/*	color: var(--color-brand);*/
/*	padding-top: 10px;*/
/*	margin-bottom: 15px;*/
/*	display: flex;*/
/*	}*/

/*body.customizeitv8 div.disclosure_icon {*/
/*	float:left;*/
/*	background-color: var(--color-brand);*/
/*	}*/

/*body.customizeitv8 div.disclosure_icon img {*/
/*	height:20px;*/
/*	width:20px;*/
/*	}*/

/*body.customizeitv8 div.disclosure_prompt {*/
/*	border-bottom: 1px solid var(--color-brand);*/
/*	width: 100%;*/
/*	margin-left:5px;*/
/*	}*/

/*body.customizeitv8 div.disclosure_arrow {*/
/*	float:right;*/
/*	margin-left: 5px;*/
/*	font-weight: bold;*/
/*	}*/