@import url("../fonts/vegur/stylesheet.css");
@import url("../fonts/umar/stylesheet.css");
@import url("../fonts/strikeemout/stylesheet.css");
@import url("../fonts/sfcollegiate/stylesheet.css");
@import url("../fonts/jerseyletters/stylesheet.css");
@import url("../fonts/graduate/stylesheet.css");
@import url("../fonts/blackboardoutline/stylesheet.css");

*,
html {
	margin: 0 0;
	padding: 0 0;
	font-family: "vegur";
}

*:focus {
	outline: none;
}

input:focus,
textarea:focus {
	border-color: orange;
}

section#navBar {
	background: #303030;
	width: 100%;
	position: fixed;
	top: 0px;
	height: 60px;
	padding: 10px 0px;
	z-index: 100;
}

div#navLogo {
	position: relative;
	float: left;
	margin-left: 10px;
	top: 5px;
}

nav#navLinks {
	position: relative;
	float: left;
	width: 50%;
	margin: 0 auto;
	margin-left: calc(25% - 50px);
}

div#navCart {
	position: relative;
	float: right;
	width: 170px;
	height: 100%;
	text-align: center;
	right: 30px;
}

div#cartDropdown {
	position: absolute;
	background: #fff;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
	border: 2px solid #ddd;
	width: 270px;
	right: 30px;
	top: 84px;
	padding: 15px;
	display: none;
}

div#navCart a {
	color: #fff;
	text-decoration: none;
}

span#cartCount {
	display: inline-block;
	background: #fff;
	color: #303030;
	font-weight: bold;
	font-size: 0.75em;
	border-radius: 20px;
	padding: 0.01em 0.35em;
	position: relative;
	margin-right: 0.6em;
	top: -0.14em;
}

div#cartIcons {
	font-size: 1.7em;
}

.cartIcons .fa-shopping-cart {
	position: relative;
}

div#cartLabel {
	padding-bottom: 0.3em;
}
span#cartIcon-down {
	font-size: 0.8em;
	margin-left: 0.25em;
	position: relative;
	top: -0.2em;
}

nav#navLinks ul li a {
	color: #fff;
	text-decoration: none;
	font-size: 1.5em;
	padding: 0.4em 0.4em;
	display: inline-block;
}

nav#navLinks ul {
	list-style: none;
	margin-top: 5px;
}

nav#navLinks ul li {
	display: inline-block;
	margin-left: 1em;
}

#navLinks ul li a.active {
	background: #101010;
}

div#cartDropdown-header {
	text-align: center;
	color: #585858;
	font-weight: bold;
	font-size: 1em;
}

div#cartDropdown-list {
	margin-top: 30px;
}

div#cartDropdown-list ul {
	list-style: none;
}

li.cartDropdown-list-item {
	width: 100%;
	min-height: 65px;
	position: relative;
	margin: 2% 0px;
	border-bottom: 5px solid #ebebeb;
	padding-top: 2%;
	padding-bottom: 2%;
}

.cartDropdown-list-item-thumbnail {
	padding: 0%;
	display: inline-block;
	width: 20%;
	text-align: center;
}

.cartDropdown-list-item-thumbnail img {
	width: 100%;
	position: relative;
}

.cartDropdown-list-item-info {
	position: relative;
	left: 5px;
	display: inline-block;
	padding: 3%;
	margin-top: 0%;
}

.cartDropdown-list-item-info-name {
	color: #101010;
	font-weight: bold;
	font-size: 1.1em;
}

.cartDropdown-list-item-info-bottom {
	position: relative;
	margin-top: 10px;
}

span.cartDropdown-list-item-info-price {
	background: #3bb54c;
	color: #fff;
	font-size: 1em;
	padding: 3px 8px;
	font-weight: bold;
	border-radius: 4px;
}

button.cartDropdown-list-item-info-remove {
    color: #fff;
    font-weight: bold;
    font-size: 1em;
    padding: 2px 23px;
    border-radius: 4px;
    background-color: brown;
}
button.cartDropdown-list-item-info-edit {
	background: #303030;
	color: #fff;
	font-weight: bold;
	font-size: 1em;
	padding: 2px 24px;
	border-radius: 4px;
}

div#cartDropdown-total {
	text-align: left;
	position: relative;
	width: 100%;
	padding: 10px 0;
	font-weight: bold;
	font-size: 1.1em;
	margin-top: 1em;
}

div#cartDropdown-checkout {
	position: relative;
	width: 100%;
	padding: .25em 0;
}

div#cartDropdown-checkout a {
	background: #eb5800;
	color: #fff;
	text-decoration: none;
	display: inline-block;
	width: 100%;
	padding: 2% 0;
	text-align: center;
	font-size: 1.2em;
}

section#app {
	margin-top: 80px;
}

.app-ui {
	position: relative;
	display: none;
	padding-top: 50px;
	max-width: 1400px;
	margin: 0 auto;
}

div#app-builder {
	display: block;
}

div#preview {
	background: #f7f7f7;
	margin-left: 2.5%;
	max-width: 700px;
	display: inline-block;
	width: 50%;
	position: fixed;
}

div#controls {
	display: inline-block;
	width: 45%;
	position: relative;
	max-width: 500px;
	margin-left: 55%;
}

ul.controls-controlBtnGroup {
	list-style: none;
}

#previewThumbs ul.controls-controlBtnGroup li {
	display: inline-block;
}
.controls-header {
	background: #000;
	color: #fff;
	padding: 10px;
}

.controls-header h2 {
	font-weight: normal;
}

#controls-price .controls-header {
	text-align: center;
}

div#controls-price {
	width: 80%;
}

#controls-price .controls-content {
	background: #ebebeb;
	font-size: 1.75em;
	color: #666;
	font-weight: bold;
	padding: 0.25em;
	text-align: center;
}

.controls-collapse {
	margin-top: 10%;
}

.controls-collapse .controls-header h2 .controls-header-step {
	display: inline-block;
	background: #fff;
	color: #000;
	padding: 0.1em 0.45em;
	border-radius: 100px;
	font-weight: bold;
	margin-right: 0.5em;
}

.controls-collapse .controls-header .controls-header-collapse-btn {
	color: #fff;
	float: right;
	font-size: 1em;
	background: transparent;
	width: 2.5em;
	height: 100%;
	border: none;
	cursor: pointer;
}

.controls-collapse .controls-header h2 {
	width: calc(100% - 2.5em);
	float: left;
}

.controls-header {
	background: #000;
	height: 2em;
}

.controls-collapse .controls-header .controls-header-collapse-btn:hover {
	background: #fff;
	color: #000;
}

.controls-content ul.controls-controlBtnGroup button {
	background: #ebebeb;
	border: none;
	font-size: 1.25em;
	width: 100%;
	height: 100%;
	text-align: center;
	padding: 5%;
	color: #555;
	cursor: pointer;
	text-transform: uppercase;
	font-weight: bold;
}

.controls-content ul.controls-controlBtnGroup li {
	display: inline-block;
	width: 45%;
	margin-left: 2.5%;
	margin-top: 2.5%;
	height: 50px;
	position: relative;
}

.controls-content button.control-check-button.active {
	background: #eb5800;
	color: #fff;
}

button.control-check-button svg {
	float: left;
	position: relative;
	font-size: 1.2em;
}

ul.controls-controlBtnGroup button:hover {
	background: #f29a65;
	color: #fff;
}

.controls-select .controls-controlBtnGroup-select {
	display: none;
}

.controls-select .control-select-main {
	background: #f7f7f7;
	border: 1px solid #ebebeb;
	font-size: 1.25em;
	width: 100%;
	text-transform: uppercase;
	color: #999;
	padding: 0.6em 0.75em;
	cursor: pointer;
}

.controls-select {
	margin-top: 0.5em;
}

.controls-select .control-select-main svg {
	position: relative;
	float: right;
	font-size: 1.5em;
}

button.control-select-main .control-select-main-value {
}

.controls-select .control-select-main:hover {
	background: #ebebeb;
}

div#controls-productStyle .controls-content {
	margin-top: 2em;
}

#controls-productStyle .controls-content .controls-controlBtnGroup {
	margin-bottom: 5%;
}

.controls-content ul.controls-controlBtnGroup li.control-patches-button {
	position: relative;
	width: 25%;
}

#controls-pickColors ul.controls-controlBtnGroup {
	text-align: center;
}

.controls-content ul.controls-controlBtnGroup li button.control-patch-button {
	border: 3px solid #585858;
	background: none;
	font-size: 1em;
	font-weight: normal;
}
.controls-patchEdit {
	background: #f7f7f7;
	padding: 2%;
	margin-top: 3%;
}

.controls-patchEdit-main {
	background: #ebebeb;
	font-size: 1em;
	height: 4em;
}

.controls-patchEdit-main .controls-patchEdit-btn-activate {
	font-size: 2em;
	padding: 2%;
	border: none;
	background: transparent;
	color: #999;
	float: left;
}

.controls-patchEdit .controls-fontSelector span,
.controls-patchEdit .controls-fontSelectorSize span,
.controls-patchEdit .controls-patchEdit-main span {
	font-size: 1.5em;
	display: inline-block;
	text-transform: uppercase;
	font-weight: bold;
	color: #666;
	float: left;
	padding: 3% 0;
	padding-left: 2%;
}

button.controls-patchEdit-btn-dropdown,
button.controls-patchEdit-btn-undo {
	font-size: 2em;
	background: transparent;
	border: none;
	color: #999;
	float: right;
	position: relative;
	padding: 2% 3%;
	top: 3px;
	cursor: pointer;
}
.controls-patchEdit-buttons ul.controls-controlBtnGroup li {
	width: 30%;
}

.controls-patchEdit-buttons ul.controls-controlBtnGroup li button {
	font-size: 1em;
}

.controls-patchEdit-buttons .controls-controlBtnGroup-dark li button {
	background: #303030;
	color: #fff;
}

.controls-patchEdit-buttons ul.controls-controlBtnGroup li button.active {
	background: #ec5701 !important;
}
.controls-patchEdit-collapse {
	display: none;
}

div#controls-patchEdit-collapse-name {
	width: 90%;
	left: 5%;
	position: relative;
	padding: 1%;
	margin-top: 10px;
}

input.controls-patchEdit-input-name,
input.controls-patchEdit-input-letter {
	font-size: 2em;
	color: #555;
	width: calc(100% - 20px - 1%);
	position: relative;
	margin-top: 10px;
	padding: 10px;
}
.controls-fontSelector button[value="umar"] {
	font-family: "umar";
}
.controls-fontSelector button[value="strikeemout"] {
	font-family: "strikeemout";
}
.controls-fontSelector button[value="sfcollegiate"] {
	font-family: "sfcollegiate";
}
.controls-fontSelector button[value="jerseyletters"] {
	font-family: "jerseyletters";
}
.controls-fontSelector button[value="graduate"] {
	font-family: "graduate";
}
.controls-fontSelector button[value="blackboardoutline"] {
	font-family: "blackboardoutline";
}
.controls-fontSelector button[value="batterup"] {
	font-family: "batterup";
	text-transform: uppercase;
}

.controls-fontSelector button {
	font-size: 2em;
	background: transparent;
	border: none;
	padding: 2% 0;
}

button.fontSelector-selected {
	background: #fff;
	text-align: left;
	padding: 4%;
	width: 100%;
	margin-top: 10px;
	border: 1px solid #ebebeb;
	position: relative;
	cursor: pointer;
}

ul.controls-fontSelector-select {
	background: #ebebeb;
	width: 90%;
	position: relative;
	left: 5%;
	list-style: none;
	padding: 10px;
	top: -1px;
	height: 200px;
	overflow-y: scroll;
	display: none;
}

ul.controls-fontSelector-select li .controls-fontSelector-option {
	width: 100%;
	text-align: left;
	padding: 10px;
	min-height: 71px;
}

ul.controls-fontSelector-select li .controls-fontSelector-option:hover {
	background: #fff;
	cursor: pointer;
}
.controls-divider {
	background: #ebebeb;
	width: 50%;
	height: 5px;
	margin: 30px auto;
}

div#controls-jacketSize .controls-content {
	margin-top: 1em;
}

ul#controls-sizingBox {
	list-style: none;
	background: #f7f7f7;
}

ul#controls-sizingBox .controls-li.alt-2 {
	background: #ebebeb;
}

ul#controls-sizingBox .controls-li {
	font-size: 1.25em;
	font-weight: bold;
	padding: 0.4em;
}

span.controls-sizingBox-label {
	display: inline-block;
	width: calc(100% - 7em);
	margin-left: 1em;
}

input.controls-sizingBox-input {
	border: none;
	text-align: center;
	font-size: 1.25em;
	width: 2em;
	padding: 0.4em;
	color: #eb5800;
}

span.controls-sizingBox-unit {
	display: inline-block;
	font-size: 1.25em;
	margin-left: 0.25em;
}

.controls-sizingBox-options {
	background: #303030;
	padding: 2%;
}

.controls-sizingBox-options .controls-controlBtnGroup select {
	display: none;
}

.controls-sizingBox-options .controls-controlBtnGroup.controls-controlBtnGroup-select {
	width: 50%;
	text-align: right;
	display: inline-block;
	border: none;
	padding: 0;
}

.controls-sizingBox-options .controls-controlBtnGroup.controls-controlBtnGroup-select li button {
	padding: 5% 19%;
	width: 5em;
	font-size: 1em;
	font-weight: bold;
	height: 27px;
}

.controls-sizingBox-options .controls-controlBtnGroup.controls-controlBtnGroup-select li {
	width: auto;
	height: auto;
	display: inline-block;
	margin-top: 0;
}

ul.controls-controlBtnGroup-dark li button {
	background: #303030 !important;
	color: #fff !important;
}

.controls-sizingBox-options-for {
	color: #ebebeb;
	display: inline-block;
	font-size: 1.25em;
	width: 49%;
	text-indent: 1em;
}

span.controls-sizingBox-options-for-gender {
	color: #fff;
}

.controls-sizingBox-options .controls-controlBtnGroup.controls-controlBtnGroup-select li button.active,
.controls-sizingBox-options .controls-controlBtnGroup.controls-controlBtnGroup-select li button.active:hover {
	background: #eb5800 !important;
}

.controls-sizingBox-options .controls-controlBtnGroup.controls-controlBtnGroup-select li button:hover {
	background: #545454 !important;
}
.controls-text {
	background: #ebebeb;
	font-size: 1.25em;
	font-weight: bold;
	padding: .4em;
	margin-top: 1em;
	text-transform: uppercase;
}

div#controls-addToCart {
	margin-top: 1em;
}

button#controls-addToCart-button {
	background-color: #303030;
	color: #fff;
	text-transform: uppercase;
	border: none;
	width: 100%;
	padding: 3% 0;
	font-size: 2em;
	margin-top: 1em;
	margin-bottom: 1em;
}
div#previewThumbs {
	background: #ebebeb;
	width: auto;
	margin: 0 auto;
	position: relative;
	padding: 1%;
}

#previewThumbs ul.controls-controlBtnGroup li button {
	background: transparent;
	border: none;
	width: 7em;
	opacity: .75;
	cursor: pointer;
}

#previewThumbs ul.controls-controlBtnGroup {
	text-align: center;
}

#previewThumbs ul.controls-controlBtnGroup li button.active {
	border-bottom: 3px solid #eb5800;
	opacity: 1;
}

#preview-main {
	width: 100% !important;
	height: 65vh;
	text-align: center;
}

#preview-main svg {
	position: relative;
	height: 100%;
	left: 0px !important;
	max-width: 100% !important;
}
div#app-checkout {
	width: 90%;
	margin-bottom: 4em;
}

div#app-checkout-progressBar {
	background: #ebebeb;
	height: 5em;
	padding: 0.5%;
	width: 59em;
	margin: 0 auto;
}

.app-checkout-progressBar-step {
	display: inline-block;
	font-size: 2em;
	font-weight: bold;
	color: #999;
	padding: 0.63em 1em;
	float: left;
}

.app-checkout-progressBar-arrow {
	display: inline-block;
	width: 4em;
	height: 100%;
	background-image: url("/public/img/progress_arrow.png");
	background-repeat: no-repeat;
	background-size: contain;
	float: left;
	margin: 0em 2em;
}

.app-checkout-progressBar-step.active {
	background: #eb5800;
	color: #fff;
}
.app-checkout-view {
	display: none;
}

div#app-checkout-cartReview {
	margin-top: 1em;
	display: block;
}

p#app-checkout-cartReview-notice {
	text-align: center;
	font-weight: bold;
	font-size: 1.5em;
	padding: 2em 0;
}

div#app-checkout-cartReview-table {
	min-height: 18em;
}

ul.app-checkout-cartReview-item {
	list-style: none;
	min-height: 310px;
	background: #f7f7f7;
	margin-top: 0.5%;
	overflow: hidden;
}
li#app-checkout-cartReview-item-id {
	width: 10%;
}

ul.app-checkout-cartReview-item li {
	display: inline-block;
	margin: 0 0 !important;
	text-align: center;
	float: left;
}

li#app-checkout-cartReview-item-image {
	width: 20%;
}

li#app-checkout-cartReview-item-name {
	width: 20%;
}

li#app-checkout-cartReview-item-description {
	width: 30%;
}

li#app-checkout-cartReview-item-price {
	width: 20%;
}

.app-checkout-cartReview-item-header {
	font-size: 1.8em;
	color: #999;
	font-weight: bold;
	padding: 0.25em 0;
	text-align: center;
	background: #ebebeb;
}

.app-checkout-cartReview-item-content {
	font-size: 2em;
	font-weight: bold;
}

.app-checkout-cartReview-item-content p {
	color: #585858;
	margin: 3em 0;
}

ul.app-checkout-cartReview-item-details li {
	font-size: 0.5em;
	display: block;
	float: none;
	min-height: 0;
	text-align: left;
	margin-top: 5px !important;
	background: #eee;
	padding: 5px;
}

ul.app-checkout-cartReview-item-details {
	margin: 1em 0;
}

ul.app-checkout-cartReview-item-details li::before {
	content: "* ";
}

.app-checkout-cartReview-preview-image {
	display: none;
}

.app-checkout-cartReview-preview-image.active {
	display: block;
	background: #ebebeb;
	margin: 10%;
	height: 176px;
	width: 176px;
	margin: 10% auto;
}

.app-checkout-cartReview-preview ul {
}

.app-checkout-cartReview-preview ul
 li .app-checkout-cartReview-preview-button.active {
	background: #eb5800;
	color: #fff;
}

.app-checkout-cartReview-preview ul li .app-checkout-cartReview-preview-button {
	border: none;
	font-size: 0.35em;
	cursor: pointer;
	padding: 0.25em 1em;
}

.app-checkout-cartReview-preview ul li {
	display: inline-block;
	float: none;
	top: -0.5em;
	position: relative;
	min-width: 0;
}

div#app-checkout-cartReview-total {
	margin-top: 1em;
	height: 4em;
}

div#app-checkout-cartReview-total p {
	background: #ebebeb;
	padding: 1% 1%;
	font-size: 2em;
	color: #666;
	float: right;
}

div#app-checkout-cartReview-looksGood #app-checkout-cartReview-looksGood-button {
	background: #22ea7b;
	color: #fff;
	border: none;
	font-size: 2.5em;
	padding: 0.5em 1em;
	font-weight: bold;
}

div#app-checkout-cartReview-looksGood {
	text-align: center;
}

div#app-checkout-cartReview-looksGood #app-checkout-cartReview-looksGood-button svg {
	margin-left: 0.5em;
	position: relative;
}
.app-checkout-cartReview-preview ul li .app-checkout-cartReview-preview-button:hover {
	background: #585858;
	color: #fff;
}
div#app-checkout-confirmation {
	width: 80%;
	margin: 0 auto;
	text-align: center;
	margin-top: 3em;
	padding: 10% 0;
}

div#app-checkout-confirmation h2 {
	font-size: 3em;
	color: #999;
}

div#app-checkout-confirmation p {
	font-size: 2.5em;
	margin: 0 auto;
	margin-top: 3%;
	color: #b5b5b5;
}

div#app-checkout-confirmation p b {
	color: #585858;
}
.controls-collapse .controls-content {
	display: none;
}

div#controls-productType .controls-content {
	display: block;
}
ul.controls-controlBtnGroup.controls-controlBtnGroup-select {
	border: 3px solid #f7f7f7;
	padding: 2%;
}

.controls-content ul.controls-controlBtnGroup button.control-select-button.active {
	background: #ec5801;
	color: #fff;
}

.controls-select .control-select-main.set {
	background: #ed5801;
	color: #fff;
	font-weight: bold;
}
.control-patch-colorPicker {
	display: none;
	position: absolute;
	background: #fff;
	width: 321%;

	z-index: 100;
	border: 3px solid orange;
}

.control-patch-colorPicker ul.controls-controlBtnGroup.control-patch-colorPicker-swatches.controls-controlBtnGroup-select {
	list-style: none;
	border: none;
}

ul.controls-controlBtnGroup.control-patch-colorPicker-swatches.controls-controlBtnGroup-select li {
	width: 20%;
}

ul.controls-controlBtnGroup.control-patch-colorPicker-swatches.controls-controlBtnGroup-select li .control-select-button {
	color: #fff;
	font-size: 0.75em;
	font-weight: bold;
	height: 4em;
	padding: 0;
}

ul.controls-controlBtnGroup.control-patch-colorPicker-swatches.controls-controlBtnGroup-select li .control-select-button span {
	display: none;
}

.control-patch-colorPicker-label {
	text-align: center;
	font-size: 1.3em;
	padding: 3% 0;
	color: #585858;
}

.control-patch-colorPicker-label b {
	color: #000;
}
.controls-content ul.controls-controlBtnGroup li button.control-patch-button.active {
	border-color: #ec5801;
	color: #ec5801;
	font-weight: bold;
}

li.control-patches-button[data-index="1"] .control-patch-colorPicker {
	left: 0%;
}

li.control-patches-button[data-index="2"] .control-patch-colorPicker {
	left: -112%;
}

li.control-patches-button[data-index="3"] .control-patch-colorPicker {
	left: -226%;
}
span.controls-caret_down {
	position: absolute;
	right: 0px;
	background: #fff;
	display: block;
	top: 0px;
	padding: 3% 3%;
}

button.fontSelector-selected:hover {
	border-color: #ec5801;
}
div#controls-patchEdit-collapse-letter {
}

input.controls-patchEdit-input-letter {
	text-align: center;
}
button.controls-patchEdit-save {
	width: 90%;
	border: none;
	font-size: 2.5em;
	text-transform: uppercase;
	padding: 0.25em 0;
	background: #00d477;
	color: #fff;
	margin-left: 5%;
	cursor: pointer;
	margin-top: 4%;
}

button.controls-patchEdit-save:hover {
	background-color: #2196f3;
}

button.controls-patchEdit-save:active {
	margin-top: 5px;
	opacity: .9;
}

button.controls-patchEdit-btn-undo {
	background: #f44336;
	color: #fff;
	height: calc(100% - 0.2em);
	display: none;
}

.controls-patchEdit.set button.controls-patchEdit-btn-undo {
	display: block;
}

.controls-patchEdit.set .controls-patchEdit-main {
	background: #ec5801;
}

.controls-patchEdit.set .controls-patchEdit-main .controls-patchEdit-btn-activate {
	color: #fff;
}

.controls-patchEdit.set .controls-patchEdit-main span {
	color: #fff;
}

.controls-patchEdit.set .controls-patchEdit-main button.controls-patchEdit-btn-dropdown {
	color: #fff;
}
.controls-patchEdit-buttons {
	display: none;
}
.controls-patchEdit button.controls-patchEdit-btn-dropdown:hover {
	background: rgba(255, 255, 255, 0.1);
}
.controls-fontSelectorSize svg.svg-inline--fa.fa-caret-down.fa-w-10 {
	margin-top: 0.5em;
}

.controls-fontSelectorSize .control-select-main.set span.control-select-main-value {
	color: #fff;
}

.controls-patchEdit .controls-fontSelector span {
	font-size: 1em;
	padding: 3%;
}

li.control-patches-button p {
	text-align: center;
}

#controls-patchesEmbroideries .controls-content .controls-patchEdit-buttons .controls-controlBtnGroup {
	margin-bottom: 13px !important;
}
ul.controls-fontAppearances {
	list-style: none;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 15px;
}
li.controls-fontApperance-wrap {
	width: 100px;
	display: inline-block;
	padding: 1%;
	text-align: center;
	text-transform: uppercase;
}

li.controls-fontApperance-wrap
 button {
	background: url("/public/img/letter_appeance.png");
	width: 100%;
	padding: 3%;
	border: 2px solid #cacaca;
	height: 60px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	background-color: #fff;
	background-position: center;
	cursor: pointer;
}
button.controls-fontAppearance-btn.fontAppearance-label-straight {
	background-position-y: 12px;
}

button.controls-fontAppearance-btn.fontAppearance-label-staggered {
	background-position-y: -69px;
	background-position-x: -7px;
}

button.controls-fontAppearance-btn.fontAppearance-label-interlocking {
	background-position-y: -154px;
	background-position-x: 2px;
}

li.controls-fontApperance-wrap
 button.active {
	border-color: #ed5701;
	border-width: 3px;
}
button.control-check-button.control-locked {
	background: #e6e6e6 !important;
	color: #9e9e9e !important;
}
li.controls-fontApperance-wrap button:hover {
	border-color: #ed5701;
}
button.controls-patchEdit-image-uploadBtn {
	background: #0089ff;
	color: #fff;
	font-size: 1.5em;
	padding: 2% 5%;
	margin: 3% 0;
}

div#controls-patchEdit-collapse-image {
	text-align: center;
}

.controls-patchEdit-imageBox {
	background: #fff;
	padding: 2%;
	margin-top: 2%;
	position: relative;
}

a.controls-patchEdit-image-remove {
	position: absolute;
	right: 0px;
	top: 0px;
	color: #fff;
	font-weight: bold;
	font-size: 1em;
	background: #ff2e2e;
	padding: 1% 2%;
	opacity: .7;
	cursor: pointer;
}
img.controls-patchEdit-image {
	max-width: 100%;
}

a.controls-patchEdit-image-remove:hover {
	opacity: 1;
}

a.controls-patchEdit-image-remove:active {
	background-color: #444;
}
#controls-patchEdit-collapse-image .controls-patchEdit-imageBox {
	display: none;
}

#controls-patchEdit-collapse-image .controls-fontSelectorSize {
	display: none;
}

#controls-patchEdit-collapse-image .controls-patchEdit-save {
	display: none;
}

tspan {
    font-family: inherit;
}

button#controls-addToCart-button:hover {
    background: #4CAF50;
    cursor: pointer;
    top: 2px;
    position: relative;
}

img#preview-image {
    max-height: 100%;
}

.app-checkout-cartReview-preview-image img {
    width: 100%;
    display: none;
}
.app-checkout-cartReview-preview-image.active img {
    width: 100%;
    display: block;
}
table.size_chart_table {
    display: inline-block;
}

.sizingGroup {
    background: #ebebeb;
    position: relative;
    margin-top: 10px;
    text-transform: uppercase;
    max-width: 100%;
    overflow-x: scroll;
}

table.size_chart_table th {
    background: #303030;
    color: #fff;
    padding: 10px;
}

table.size_chart_table td {
    background: #fff;
    border: none;
    text-align: center;
    font-size: 19px;
    padding: 10px;
}

table.size_chart_table {
}

tr, td, table {
}

div#sizingHeader {
    text-align: center;
    font-size: 24px;
}

div#sizingButtons button {
    font-size: 24px;
    border: 3px solid #ebebeb;
    text-transform: uppercase;
    background: #ebebeb;
    padding: 10px 20px;
    margin: 0 0 !important;
}

div#sizingButtons {
    margin: 40px 0px;
}

button.active.sizingButton {
    background: #FF5722 !important;
    color: #fff;
}
div#staging-image {
    top: 0px;
    position: absolute;
}


p.maxChars-label {
    background: #f9edb3;
    padding: 5px;
    text-align: center;
    color: #a58d20;
}


.checkoutRedirecting {
    text-align: center;
    font-size: 30px;
    color: #999;
    width: 90%;
    margin: 0 auto;
    margin-top: 60px;
}
button.controls-sizingBox-changeUnit[value="cm"] {
    display: none;
}


li.control-patches-button[name="border-two"] {display: none !important;}