/* test css */
.test {
  background: yellow;
}
.nico-sample-3 p {
  color: blue;
}

.btn-icon {
  padding: 8px;
  line-height: 0px;
  font-size: 6px !important;
}

.bgc-white {
  background-color: #ffffff !important;
}

.bgc-red {
  background-color: #e32139 !important;
}

.bgc-transparent {
  background-color: transparent !important;
}

.bgc-light {
  background-color: #eee !important;
}

.bgc-lightGray {
  background-color: #dedede !important;
}

.bgc-gray {
  background-color: #aaa !important;
}

.bgc-dark {
  background-color: #343434 !important;
}

.bgc-darkGray {
  background-color: #6c6c6c !important;
}

.bgc-darker {
  background-color: #242424 !important;
}

.bgc-darkerGray {
  background-color: #606060 !important;
}

.bgc-brickred {
  background-color: #ad0000 !important;
}

.bgc-cardinal {
  background-color: #9c0000 !important;
}

.bgc-seminol {
  background-color: #6b0c1e !important;
}

.bgc-maroon {
  background-color: #5c0000 !important;
}

.bgc-pink {
  background-color: #ffc8e2 !important;
}

.bgc-neonpink {
  background-color: #ff4689 !important;
}

.bgc-orange {
  background-color: #f54900 !important;
}

.bgc-texasorange {
  background-color: #b84d00 !important;
}

.bgc-tennorange {
  background-color: #ff8c00 !important;
}

.bgc-gold {
  background-color: #ffba00 !important;
}

.bgc-oldgold {
  background-color: #b18500 !important;
}

.bgc-vegasgold {
  background-color: #b5a773 !important;
}

.bgc-yellow {
  background-color: #f7fb0f !important;
}

.bgc-opticyellow {
  background-color: #ccde00 !important;
}

.bgc-safetygreen {
  background-color: #c9ff00 !important;
}

.bgc-limegreen {
  background-color: #46ca0d !important;
}

.bgc-kellygreen {
  background-color: #00782b !important;
}

.bgc-forestgreen {
  background-color: #003614 !important;
}

.bgc-darkgreen {
  background-color: #00240d !important;
}

.bgc-royalblue {
  background-color: #002792 !important;
}

.bgc-darkroyalblue {
  background-color: #001b64 !important;
}

.bgc-navyblue {
  background-color: #000c39 !important;
}

.bgc-darknavyblue {
  background-color: #00061a !important;
}

.bgc-purple {
  background-color: #230773 !important;
}

.bgc-darkpurple {
  background-color: #130047 !important;
}

.bgc-marlinblue {
  background-color: #20a495 !important;
}

.bgc-turquoise {
  background-color: #177378 !important;
}

.bgc-aqua {
  background-color: #56acde !important;
}

.bgc-carolinablue {
  background-color: #81bffa !important;
}

.bgc-columbiablue {
  background-color: #6896c2 !important;
}

.bgc-charcoalgray {
  background-color: #4c4c4c !important;
}

.bgc-grey {
  background-color: #949494 !important;
}

.bgc-silvergray {
  background-color: #c6c6c6 !important;
}

.bgc-cream {
  background-color: #f8f2d8 !important;
}

.bgc-brown {
  background-color: #2b1500 !important;
}

.bgc-r-cp-2-black2 {
  background-color: #050505 !important;
}

.bgc-r-cp-2-darkblue {
  background-color: #0d162e !important;
}

.bgc-r-cp-2-cornblue {
  background-color: #28619d !important;
}

.bgc-r-cp-2-rosered {
  background-color: #aa302e !important;
}

.bgc-r-cp-2-1 {
  background-color: #1f4d2c !important;
}

.bgc-r-cp-2-2 {
  background-color: #4c191b !important;
}

.bgc-r-cp-2-3 {
  background-color: #8a3927 !important;
}

.bgc-r-cp-2-4 {
  background-color: #43286a !important;
}

.bgc-r-cp-2-5 {
  background-color: #bebec0 !important;
}

.bgc-r-cp-2-6 {
  background-color: #5e5f61 !important;
}

.bgc-r-cp-2-7 {
  background-color: #d65d36 !important;
}

.bgc-r-cp-2-8 {
  background-color: #316d3e !important;
}

.bgc-r-cp-2-9 {
  background-color: #f8c957 !important;
}

.bgc-r-cp-2-10 {
  background-color: #893724 !important;
}

.bgc-r-cp-2-lightblue {
  background-color: #88bee4 !important;
}

.bgc-r-cp-2-11 {
  background-color: #f3ddaa !important;
}

.bgc-r-cp-2-12 {
  background-color: #d47999 !important;
}

.bgc-r-cp-2-13 {
  background-color: #ec5686 !important;
}

.bgc-r-cp-2-14 {
  background-color: #f19136 !important;
}

.bgc-r-cp-2-15 {
  background-color: #f9f855 !important;
}

.bgc-r-cp-2-16 {
  background-color: #d6fb51 !important;
}

.bgc-r-cp-2-17 {
  background-color: #357177 !important;
}

.bgc-r-cp-2-18 {
  background-color: #291704 !important;
}

.bgc-r-cp-2-19 {
  background-color: #f7f2db !important;
}

.bgc-r-cp-2-20 {
  background-color: #392618 !important;
}

.bgc-r-cp-2-21 {
  background-color: #191f13 !important;
}

.bgc-r-cp-2-22 {
  background-color: #1e1d0a !important;
}

.bgc-r-cp-2-23 {
  background-color: #b2b1ad !important;
}

.bgc-r-cp-2-24 {
  background-color: #645a39 !important;
}

.fc-red {
  color: #e32139 !important;
}

.fc-white {
  color: #ffffff !important;
}

.fc-light {
  color: #eee !important;
}

.fc-lightGray {
  color: #dedede !important;
}

.fc-gray {
  color: #aaa !important;
}

.fc-darkGray {
  color: #6c6c6c !important;
}

.fc-dark {
  color: #343434 !important;
}

.fc-darker {
  color: #242424 !important;
}

.fc-darkerGray {
  color: #606060 !important;
}

.bdr-red {
  border-color: #e32139 !important;
}

.bdr-white {
  border-color: #ffffff !important;
}

.bdr-light {
  border-color: #eee !important;
}

.bdr-lightGray {
  border-color: #dedede !important;
}

.bdr-gray {
  border-color: #aaa !important;
}

.bdr-dark {
  border-color: #343434 !important;
}

.bdr-darker {
  border-color: #242424 !important;
}

.palette-c-black {
  background-color: #050505 !important;
}

.palette-c-lightBlue {
  background-color: #88bee4 !important;
}

.palette-c-charcoalGray {
  background-color: #4c4c4c !important;
}

.palette-c-maroon {
  background-color: #5c0000 !important;
}

.palette-c-green {
  background-color: #316d3e !important;
}

.palette-c-gold {
  background-color: #ffba00 !important;
}

.palette-c-grey {
  background-color: #949494 !important;
}

.palette-c-silverGray {
  background-color: #c6c6c6 !important;
}

.palette-c-green-2 {
  background-color: #1f4d2c !important;
}

.palette-c-maroonBrown {
  background-color: #4c191b !important;
}

.palette-c-darkBlue {
  background-color: #0d162e !important;
}

.palette-c-orange {
  background-color: #f54900 !important;
}

.palette-c-purple {
  background-color: #230773 !important;
}

.palette-c-cardinal {
  background-color: #9c0000 !important;
}

.palette-c-cornBlue {
  background-color: #28619d !important;
}

.palette-c-seminol {
  background-color: #6b0c1e !important;
}

.palette-c-creamYellow {
  background-color: #f8c957 !important;
}

.palette-c-white {
  background-color: #ffffff !important;
}

.palette-c-neonPink {
  background-color: #ff4689 !important;
}

.palette-blank {
  background-image: url("../img/palettes/palette-blank.png");
  background-size: cover;
}

.palette-camo {
  background-image: url("../img/palettes/palette-camo.png");
}

.palette-check {
  background-image: url("../img/palettes/palette-check.png");
}

.palette-diamonds {
  background-image: url("../img/palettes/palette-diamonds.png");
}

.palette-digital-camo {
  background-image: url("../img/palettes/palette-digital-camo.png");
}

.palette-distressed {
  background-image: url("../img/palettes/palette-distressed.png");
}

.palette-fiber {
  background-image: url("../img/palettes/palette-fiber.png");
}

.palette-lockdown {
  background-image: url("../img/palettes/palette-lockdown.png");
}

.palette-pixel-fade-body {
  background-image: url("../img/palettes/palette-pixel-fade-body.png");
}

.palette-pixel-fade-sleeve {
  background-image: url("../img/palettes/palette-pixel-fade-sleeve.png");
}

.palette-quake {
  background-image: url("../img/palettes/palette-quake.png");
}

.palette-score {
  background-image: url("../img/palettes/palette-score.png");
}

.palette-thick-stripe {
  background-image: url("../img/palettes/palette-thick-stripe.png");
}

.palette-thin-stripes {
  background-image: url("../img/palettes/palette-thin-stripes.png");
}

.palette-trips-arrow {
  background-image: url("../img/palettes/palette-trips-arrow.png");
}

.palette-upper-stripes {
  background-image: url("../img/palettes/palette-upper-stripes.png");
}

.palette-upper-stripes-body {
  background-image: url("../img/palettes/palette-upper-stripes-body.png");
}

.palette-wave-stripe {
  background-image: url("../img/palettes/palette-wave-stripe.png");
}

.palette-wave-stripes {
  background-image: url("../img/palettes/palette-wave-stripes.png");
}

.palette-gradient-1 {
  background-image: url("../img/palettes/palette-gradient-1.png");
}

.palette-gradient-2 {
  background-image: url("../img/palettes/palette-gradient-2.png");
}

.palette-gradient-3 {
  background-image: url("../img/palettes/palette-gradient-3.png");
}

.palette-gradient-4 {
  background-image: url("../img/palettes/palette-gradient-4.png");
}

.palette-gradient-5 {
  background-image: url("../img/palettes/palette-gradient-5.png");
}

.palette-gradient-6 {
  background-image: url("../img/palettes/palette-gradient-6.png");
}

.palette-gradient-7 {
  background-image: url("../img/palettes/palette-gradient-7.png");
}

.palette-gradient-8 {
  background-image: url("../img/palettes/palette-gradient-8.png");
}

.palette-gradient-9 {
  background-image: url("../img/palettes/palette-gradient-9.png");
}

.palette-gradient-10 {
  background-image: url("../img/palettes/palette-gradient-10.png");
}

.palette-gradient-11 {
  background-image: url("../img/palettes/palette-gradient-11.png");
}

.palette-gradient-12 {
  background-image: url("../img/palettes/palette-gradient-12.png");
}

.btn-icon {
  padding: 8px;
  line-height: 0px;
  font-size: 6px !important;
}

.padding-tiny-vertical {
  padding-top: 7px;
  padding-bottom: 7px;
}

.bdr-remove {
  border: none !important;
}

.bdr-remove-right {
  border-right: none !important;
}

.bdr-thin {
  border: 0.5px solid;
}

.bdr-reg {
  border: 1px solid;
}

.bdrr-none {
  border-radius: 0;
}

header .main-menu .uk-navbar-nav > li > a {
  height: 60px;
}

header .uk-grid-divider > :not(.uk-first-column)::before {
  border-left: solid 1.5px #aaa;
}

.bottom-arrow > *.uk-active:after {
  content: " ";
  display: block;
  height: 18px;
  width: 18px;
  transform: rotate(45deg);
  text-shadow: none;
  position: relative;
  margin: 20px auto -9px auto;
  z-index: -1;
}

.bottom-arrow.arrow-outward > *.uk-active:after {
  transform: rotate(45deg);
  text-shadow: none;
  position: relative;
  margin: -9px auto auto auto;
  z-index: -1;
}

.bac-light > *.uk-active:after {
  background-color: #eeeeee !important;
}

.bac-dark > *.uk-active:after {
  background-color: #343434 !important;
}

.active-fc-red .uk-active > * {
  color: #e32139 !important;
}

.active-bgc-red .uk-active > *,
.btn-active-bgc-red {
  color: #eee !important;
  background-color: #e32139 !important;
}

.active-bdr-red .uk-active > * {
  border-color: #e32139 !important;
}

.active-bgc-dark .uk-active > * {
  color: #eee !important;
  background-color: #343434 !important;
}

.active-bgc-dark button.uk-active {
  color: #eee !important;
  background-color: #343434 !important;
}

.active-bdr-dark .uk-active a {
  border-color: #343434 !important;
}

.con-select.active-bgc-dark .uk-active {
  color: #eee !important;
  background-color: #343434 !important;
  border-color: #343434 !important;
}

.con-select.active-bgc-red .uk-active {
  color: #eee !important;
  background-color: #e32139 !important;
  border-color: #e32139 !important;
}

.top-line > div a,
.top-line > li a {
  border-top: 4px solid transparent;
}

.top-line.tl-red > .uk-active a {
  border-color: #e32139 !important;
}

.con-tab > li.uk-active div > img {
  background-color: #eeeeee !important;
}

.con-news-letter {
  border: solid 1px white;
}

.con-news-letter .form-input {
  color: #eeeeee !important;
  background-color: #343434 !important;
  border: none;
}

.con-news-letter .form-input:focus {
  background-color: #343434 !important;
}

.con-load-design .uk-input:focus {
  color: #eeeeee !important;
  border-color: #eeeeee !important;
}

.con-load-design .uk-input::placeholder {
  color: #eeeeee !important;
}

.con-load-design .uk-input.bgc-red:focus {
  background-color: #e32139 !important;
}

.con-load-design .uk-input.bgc-dark:focus {
  background-color: #343434 !important;
}

.con-card-item > div > div {
  border: 1px solid #dedede;
  background-color: white;
}

.con-steps .wizard > .actions a span.left {
  left: 0;
  border-right: 1px solid #353535;
  background: url(https://richardsonsports.com/customizer/images/css/arrow-l.png)
    no-repeat center center;
}

.con-steps .wizard > .actions a span.right {
  right: 0;
  border-left: 1px solid #353535;
  background: url(https://richardsonsports.com/customizer/images/css/arrow-r.png)
    no-repeat center center;
}

.thumbnail-small {
  width: 44px;
  padding: 5px 8px;
}

.box-palette {
  padding: 0px !important;
  border: 0px;
  border-radius: 0px;
}

.palette {
  height: 28px;
  width: 28px;
  display: block;
  border: 1px solid #aaaaaa !important;
}

.choice-icon {
  display: none !important;
}

.con-palettes .btn-selection-choice.uk-active .choice-icon {
  display: block !important;
}

.con-mascot-act-arch .btn-selection-choice.uk-active > div {
  background-color: #dedede !important;
}

.con-mascot-act-arch .btn-selection-choice.uk-active h6 {
  background-color: #e32139 !important;
}

.con-mascot-act-arch .btn-selection-choice button {
  line-height: 0px;
}

.slider .rs-path-color {
  background-color: #aaaaaa !important;
}

.slider .rs-handle {
  background-color: #343434 !important;
}

.rs-tooltip {
  margin: 0 !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}

.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background: #343434 !important;
  border-color: transparent;
}

.ui-slider {
  background: #aaaaaa !important;
}

.ui-slider-label {
  font-size: 12px;
  color: #343434 !important;
}

.ui-slider-pip.ui-slider-pip-selected .ui-slider-label {
  color: #242424 !important;
}

.uk-grid-small.grid-tiny {
  margin-left: -6px;
}

.uk-grid-small.grid-tiny > * {
  padding-left: 6px;
}

.uk-grid-small.grid-tiny > .uk-grid-margin {
  margin-top: 6px;
}

.hidden {
  display: none;
}

.show {
  display: block;
}

.con-legend .box {
  width: 20px;
  height: 20px;
}

#modal-all-application .uk-list > li:nth-child(n + 2) {
  margin-top: 0;
  padding: 0;
}

.icon {
  font-size: 18px;
}

.line-divider > :nth-child(n + 3):not(.uk-first-column)::before {
  content: "";
  height: 100%;
  margin-left: 0;
  border-left: 1px solid #aaa !important;
  position: absolute;
}

.line-divider > :nth-child(2):not(.uk-first-column) {
  margin-right: -9px !important;
}

nav.main-menu ul li.sd a {
  margin-left: -6px;
}
nav.main-menu ul li.sd a:hover {
  color: #e32139 !important;
}

nav.main-menu ul li a {
  color: #636466;
}
nav.main-menu ul li a:hover {
  color: #e32139 !important;
}

nav.main-menu ul li.sd {
  position: relative;
}
nav.main-menu ul li.sd:before,
nav.main-menu ul li.sd:after {
  content: " ";
  display: block;
  height: 10px;
  width: 33px;
  top: 11px;
  right: -17px;
  transform: rotate(66deg);
  -webkit-transform: rotate(66deg);
  -ms-transform: rotate(66deg);
  position: absolute;
  border-top: 1px solid #aaa !important;
  background-color: #dedede !important;
}
nav.main-menu ul li.sd:after {
  transform: rotate(111deg);
  top: auto;
  bottom: 11px;
  background-color: #dedede !important;
}

.hov-red:hover {
  background-color: #e32139 !important;
}

.left-nav .box {
  height: 37px;
}

img.custom-logo-upload-preview {
  border: 1.5px dashed #aaa !important;
  max-width: 336px;
}

.link-reset {
  text-decoration: none !important;
}

.uk-disabled.con-img-added-mascot-logo {
  background-color: #eee !important;
}
.uk-disabled.con-img-added-mascot-logo img {
  -webkit-filter: grayscale(100%) opacity(70%);
  /* Safari */
  filter: grayscale(100%) opacity(70%);
}

.con-add-view-application .con-add-application.uk-active {
  display: none;
}

.con-add-view-application .con-toggle .toggle-show.uk-active {
  background-color: #242424 !important;
  color: #eee !important;
}

@media screen and (min-width: 640px) {
  .left-nav {
    max-width: 36px;
  }
  .left-nav .box {
    width: 100% !important;
    flex-basis: auto;
    flex: none;
  }
  .con-preview-pane-thumb-nav {
    max-width: 80px;
  }
  .wer {
    margin-left: 36px;
  }
}

@media screen and (max-width: 374px) {
  .hidden-xxs {
    display: none;
  }
}

.uk-btn.uk-active,
.uk-btn.uk-active.btn-enabled {
  color: #eee !important;
  background-color: #e32139 !important;
  border-color: #e32139 !important;
}

.uk-btn.btn-enabled {
  color: #e32139 !important;
  border-color: #e32139 !important;
}

.text-shapes-container .text-shape-item.uk-active .text-shape-bg {
  background-color: #606060 !important;
}

.text-shapes-container .text-shape-item.uk-active h5 {
  color: #ffffff !important;
}

.text-shapes-container .text-shape-item.uk-active img {
  filter: invert(100%);
}

.text-shapes-container .text-shape-item:hover .text-shape-bg {
  background-color: #dedede !important;
}

.text-shapes-container .text-shape-item:hover h5 {
  color: #343434 !important;
}

.font-container .font-item.uk-active .font-bg {
  background-color: #606060 !important;
}

.font-container .font-item.uk-active h3 {
  color: #ffffff !important;
}

.font-container .font-item:hover .font-bg {
  background-color: #dedede !important;
}

.font-container .font-item:hover h3 {
  color: #343434 !important;
}

path.color-wheel-path {
  stroke-width: 40 !important;
}

path.color-wheel-path.active {
  stroke-width: 50 !important;
  cursor: auto !important;
  pointer-events: none !important;
}

path.color-wheel-path:hover {
  stroke-width: 50 !important;
}

.uk-height-extrasmall {
  height: 130px;
}

.sorting-layers-container .code {
  padding: 0px 10px !important;
}

.sorting-layers-container .code,
.sorting-layers-container .caption {
  font-size: 10px !important;
}

.sorting-layers-container .perspective {
  font-size: 8px !important;
}

.sorting-layers-container .layer {
  cursor: pointer;
  padding: 7px !important;
  margin-top: 7px !important;
  background-color: #888888 !important;
  border: 1px solid #888888 !important;
}

.sorting-layers-container .code-container {
  width: 45px !important;
}

/*
   * Tipped - A Complete Javascript Tooltip Solution - v4.6.1
   * (c) 2012-2017 Nick Stakenburg
   *
   * http://www.tippedjs.com
   *
   * License: http://www.tippedjs.com/license
   */
.tpd-tooltip {
  position: absolute;
}
/* Fix for CSS frameworks that don't keep the use of box-sizing: border-box
     within their own namespace */
.tpd-tooltip {
  box-sizing: content-box;
}
.tpd-tooltip [class^="tpd-"] {
  box-sizing: inherit;
}
/* Content */
.tpd-content-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  float: left;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.tpd-content-spacer,
.tpd-content-relative,
.tpd-content-relative-padder {
  float: left;
  position: relative;
}
.tpd-content-relative {
  width: 100%;
}
.tpd-content {
  float: left;
  clear: both;
  position: relative;
  padding: 10px;
  font-size: 11px;
  line-height: 16px;
  color: #fff;
  box-sizing: border-box !important;
}
.tpd-has-inner-close .tpd-content-relative .tpd-content {
  padding-right: 0 !important;
}
.tpd-tooltip .tpd-content-no-padding {
  padding: 0 !important;
}
.tpd-title-wrapper {
  float: left;
  position: relative;
  overflow: hidden;
}
.tpd-title-spacer {
  float: left;
}
.tpd-title-relative,
.tpd-title-relative-padder {
  float: left;
  position: relative;
}
.tpd-title-relative {
  width: 100%;
}
.tpd-title {
  float: left;
  position: relative;
  font-size: 11px;
  line-height: 16px;
  padding: 10px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  box-sizing: border-box !important;
}
.tpd-has-title-close .tpd-title {
  padding-right: 0 !important;
}
.tpd-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height: 28px;
  cursor: pointer;
  overflow: hidden;
  color: #fff;
}
.tpd-close-icon {
  float: left;
  font-family: Arial, Baskerville, monospace;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  width: 28px;
  height: 28px;
  font-size: 28px;
  line-height: 28px;
  text-align: center;
}
/* Skin */
.tpd-skin {
  position: absolute;
  top: 0;
  left: 0;
}
.tpd-frames {
  position: absolute;
  top: 0;
  left: 0;
}
.tpd-frames .tpd-frame {
  float: left;
  width: 100%;
  height: 100%;
  clear: both;
  display: none;
}
.tpd-visible-frame-top .tpd-frame-top {
  display: block;
}
.tpd-visible-frame-bottom .tpd-frame-bottom {
  display: block;
}
.tpd-visible-frame-left .tpd-frame-left {
  display: block;
}
.tpd-visible-frame-right .tpd-frame-right {
  display: block;
}
.tpd-backgrounds {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}
.tpd-background-shadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  pointer-events: none;
}
.tpd-no-shadow .tpd-skin .tpd-background-shadow {
  box-shadow: none !important;
}
.tpd-background-box {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
/* only the top background box should be shown when not using a stem */
.tpd-no-stem .tpd-background-box,
.tpd-no-stem .tpd-shift-stem {
  display: none;
}
.tpd-no-stem .tpd-background-box-top {
  display: block;
}
.tpd-background-box-shift,
.tpd-background-box-shift-further {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
}
.tpd-background {
  border-radius: 10px;
  float: left;
  clear: both;
  background: none;
  -webkit-background-clip: padding-box;
  /* Safari */
  background-clip: padding-box;
  /* IE9+, Firefox 4+, Opera, Chrome */
  border-style: solid;
  border-width: 1px;
  border-color: rgba(255, 255, 255, 0.1);
  /* opacity here bugs out in firefox, .tpd-background-content should have no opacity if this opacity is less than 1 */
}
.tpd-background-loading {
  display: none;
}
/* no radius */
.tpd-no-radius
  .tpd-skin
  .tpd-frames
  .tpd-frame
  .tpd-backgrounds
  .tpd-background {
  border-radius: 0;
}
.tpd-background-title {
  float: left;
  clear: both;
  width: 100%;
  background-color: #282828;
}
.tpd-background-content {
  float: left;
  clear: both;
  width: 100%;
  background-color: #282828;
}
.tpd-background-border-hack {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-style: solid;
}
.tpd-background-box-top {
  top: 0;
}
.tpd-background-box-bottom {
  bottom: 0;
}
.tpd-background-box-left {
  left: 0;
}
.tpd-background-box-right {
  right: 0;
}
/* Skin / Stems */
.tpd-shift-stem {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.tpd-shift-stem-side {
  position: absolute;
}
.tpd-frame-top .tpd-shift-stem-side,
.tpd-frame-bottom .tpd-shift-stem-side {
  width: 100%;
}
.tpd-frame-left .tpd-shift-stem-side,
.tpd-frame-right .tpd-shift-stem-side {
  height: 100%;
}
.tpd-stem {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  /* shows possible invalid subpx rendering */
  width: 16px;
  /* best cross browser stem: width = 2 x height (90deg angle) */
  height: 8px;
  margin-left: 3px;
  /* space from the side */
  margin-top: 2px;
  /* space between target and stem */
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}
/* remove margins once we're done measuring */
.tpd-tooltip .tpd-skin .tpd-frames .tpd-frame .tpd-shift-stem .tpd-stem-reset {
  margin: 0 !important;
}
.tpd-stem-spacer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.tpd-stem-reset .tpd-stem-spacer {
  margin-top: 0;
}
.tpd-stem-point {
  width: 100px;
  position: absolute;
  top: 0;
  left: 50%;
}
.tpd-stem-downscale,
.tpd-stem-transform {
  float: left;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  position: relative;
}
.tpd-stem-side {
  width: 50%;
  height: 100%;
  float: left;
  position: relative;
  overflow: hidden;
}
.tpd-stem-side-inversed {
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.tpd-stem-triangle {
  width: 0;
  height: 0;
  border-bottom-style: solid;
  border-left-color: transparent;
  border-left-style: solid;
  position: absolute;
  top: 0;
  left: 0;
}
.tpd-stem-border {
  width: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  background-color: #fff;
  /* will become transparent */
  border-right-color: #fff;
  border-right-style: solid;
  border-right-width: 0;
}
.tpd-stem-border-corner {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  border-right-style: solid;
  border-right-width: 0;
}
/* fixes rendering issue in IE */
.tpd-stem * {
  z-index: 0;
  zoom: 1;
}
/* used by IE < 9 */
.tpd-stem-border-center-offset,
.tpd-stem-border-center-offset-inverse {
  float: left;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.tpd-stem-notransform {
  float: left;
  width: 100%;
  height: 100%;
  position: relative;
}
.tpd-stem-notransform .tpd-stem-border {
  height: 100%;
  position: relative;
  float: left;
  top: 0;
  left: 0;
  margin: 0;
}
.tpd-stem-notransform .tpd-stem-border-center {
  position: absolute;
}
.tpd-stem-notransform .tpd-stem-border-corner {
  background: #fff;
  border: 0;
  top: auto;
  left: auto;
}
.tpd-stem-notransform .tpd-stem-border-center,
.tpd-stem-notransform .tpd-stem-triangle {
  height: 0;
  border: 0;
  left: 50%;
}
/* transformations for left/right/bottom */
.tpd-stem-transform-left {
  -webkit-transform: rotate(-90deg) scale(-1, 1);
  transform: rotate(-90deg) scale(-1, 1);
}
.tpd-stem-transform-right {
  -webkit-transform: rotate(90deg) translate(0, -100%);
  transform: rotate(90deg) translate(0, -100%);
}
.tpd-stem-transform-bottom {
  -webkit-transform: scale(1, -1) translate(0, -100%);
  transform: scale(1, -1) translate(0, -100%);
}
/* Spinner */
.tpd-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 46px;
  height: 36px;
}
.tpd-spinner-spin {
  position: relative;
  float: left;
  margin: 8px 0 0 13px;
  text-indent: -9999em;
  border-top: 2px solid rgba(255, 255, 255, 0.2);
  border-right: 2px solid rgba(255, 255, 255, 0.2);
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
  border-left: 2px solid #fff;
  -webkit-animation: tpd-spinner-animation 1.1s infinite linear;
  animation: tpd-spinner-animation 1.1s infinite linear;
  box-sizing: border-box !important;
}
.tpd-spinner-spin,
.tpd-spinner-spin:after {
  border-radius: 50%;
  width: 20px;
  height: 20px;
}
@-webkit-keyframes tpd-spinner-animation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes tpd-spinner-animation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* show the loader while loading and hide all the content */
.tpd-is-loading .tpd-content-wrapper,
.tpd-is-loading .tpd-title-wrapper {
  display: none;
}
.tpd-is-loading .tpd-background {
  display: none;
}
.tpd-is-loading .tpd-background-loading {
  display: block;
}
/* Resets while measuring content */
.tpd-tooltip-measuring {
  top: 0;
  left: 0;
  position: absolute;
  max-width: 100%;
  width: 100%;
}
.tpd-tooltip-measuring .tpd-skin,
.tpd-tooltip-measuring .tpd-spinner {
  display: none;
}
.tpd-tooltip-measuring .tpd-content-wrapper,
.tpd-tooltip-measuring .tpd-title-wrapper {
  display: block;
}
/* Links */
.tpd-tooltip a,
.tpd-tooltip a:hover {
  color: #808080;
  text-decoration: underline;
}
.tpd-tooltip a:hover {
  color: #6c6c6c;
}
/*
   * Sizes
   */
/* x-small */
.tpd-size-x-small .tpd-content,
.tpd-size-x-small .tpd-title {
  padding: 7px 8px;
  font-size: 10px;
  line-height: 15px;
}
.tpd-size-x-small .tpd-background {
  border-radius: 5px;
}
.tpd-size-x-small .tpd-stem {
  width: 12px;
  height: 6px;
  margin-left: 4px;
  margin-top: 2px;
  /* space between target and stem */
}
.tpd-size-x-small.tpd-no-radius .tpd-stem {
  margin-left: 7px;
}
.tpd-size-x-small .tpd-close {
  margin-bottom: 1px;
}
.tpd-size-x-small .tpd-spinner {
  width: 35px;
  height: 29px;
}
.tpd-size-x-small .tpd-spinner-spin {
  margin: 6px 0 0 9px;
}
.tpd-size-x-small .tpd-spinner-spin,
.tpd-size-x-small .tpd-spinner-spin:after {
  width: 17px;
  height: 17px;
}
/* small */
.tpd-size-small .tpd-content,
.tpd-size-small .tpd-title {
  padding: 8px;
  font-size: 10px;
  line-height: 16px;
}
.tpd-size-small .tpd-background {
  border-radius: 6px;
}
.tpd-size-small .tpd-stem {
  width: 14px;
  height: 7px;
  margin-left: 5px;
  margin-top: 2px;
  /* space between target and stem */
}
.tpd-size-small.tpd-no-radius .tpd-stem {
  margin-left: 8px;
}
.tpd-size-small .tpd-close {
  margin: 2px 1px;
}
.tpd-size-small .tpd-spinner {
  width: 42px;
  height: 32px;
}
.tpd-size-small .tpd-spinner-spin {
  margin: 7px 0 0 13px;
}
.tpd-size-small .tpd-spinner-spin,
.tpd-size-small .tpd-spinner-spin:after {
  width: 18px;
  height: 18px;
}
/* medium (default) */
.tpd-size-medium .tpd-content,
.tpd-size-medium .tpd-title {
  padding: 10px;
  font-size: 11px;
  line-height: 16px;
}
.tpd-size-medium .tpd-background {
  border-radius: 8px;
}
.tpd-size-medium .tpd-stem {
  width: 16px;
  /* best cross browser stem width is 2xheight, for a 90deg angle */
  height: 8px;
  margin-left: 6px;
  /* space from the side */
  margin-top: 2px;
  /* space between target and stem */
}
.tpd-size-medium.tpd-no-radius .tpd-stem {
  margin-left: 10px;
}
.tpd-size-medium .tpd-close {
  margin: 4px 2px;
}
/* ideal spinner dimensions don't cause movement op top and
     on the stem when switching to text using position:'topleft' */
.tpd-size-medium .tpd-spinner {
  width: 50px;
  height: 36px;
}
.tpd-size-medium .tpd-spinner-spin {
  margin: 8px 0 0 15px;
}
.tpd-size-medium .tpd-spinner-spin,
.tpd-size-medium .tpd-spinner-spin:after {
  width: 20px;
  height: 20px;
}
/* large */
.tpd-size-large .tpd-content,
.tpd-size-large .tpd-title {
  padding: 10px;
  font-size: 13px;
  line-height: 18px;
}
.tpd-size-large .tpd-background {
  border-radius: 8px;
}
.tpd-size-large .tpd-stem {
  width: 18px;
  height: 9px;
  margin-left: 7px;
  margin-top: 2px;
  /* space between target and stem */
}
.tpd-size-large.tpd-no-radius .tpd-stem {
  margin-left: 10px;
}
.tpd-size-large .tpd-close {
  margin: 5px 2px 5px 2px;
}
.tpd-size-large .tpd-spinner {
  width: 54px;
  height: 38px;
}
.tpd-size-large .tpd-spinner-spin {
  margin: 9px 0 0 17px;
}
.tpd-size-large .tpd-spinner-spin,
.tpd-size-large .tpd-spinner-spin:after {
  width: 20px;
  height: 20px;
}
/* Skins */
/* default (dark) */
.tpd-skin-dark .tpd-content,
.tpd-skin-dark .tpd-title,
.tpd-skin-dark .tpd-close {
  color: #fff;
}
.tpd-skin-dark .tpd-background-content,
.tpd-skin-dark .tpd-background-title {
  background-color: #282828;
}
.tpd-skin-dark .tpd-background {
  border-width: 1px;
  border-color: rgba(255, 255, 255, 0.1);
}
/* line below the title */
.tpd-skin-dark .tpd-title-wrapper {
  border-bottom: 1px solid #404040;
}
/* spinner */
.tpd-skin-dark .tpd-spinner-spin {
  border-color: rgba(255, 255, 255, 0.2);
  border-left-color: #fff;
}
/* links */
.tpd-skin-dark a {
  color: #ccc;
}
.tpd-skin-dark a:hover {
  color: #c0c0c0;
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}
.select2-container[dir="rtl"]
  .select2-selection--single
  .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-search--inline {
  float: left;
}
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}
.select2-container
  .select2-search--inline
  .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}
.select2-results {
  display: block;
}
.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}
.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-results__option[aria-selected] {
  cursor: pointer;
}
.select2-container--open .select2-dropdown {
  left: 0;
}
.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}
.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}
.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__placeholder {
  color: #999;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--default[dir="rtl"]
  .select2-selection--single
  .select2-selection__clear {
  float: left;
}
.select2-container--default[dir="rtl"]
  .select2-selection--single
  .select2-selection__arrow {
  left: 1px;
  right: auto;
}
.select2-container--default.select2-container--disabled
  .select2-selection--single {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled
  .select2-selection--single
  .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--open
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}
.select2-container--default
  .select2-selection--multiple
  .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}
.select2-container--default
  .select2-selection--multiple
  .select2-selection__rendered
  li {
  list-style: none;
}
.select2-container--default
  .select2-selection--multiple
  .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left;
}
.select2-container--default
  .select2-selection--multiple
  .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
}
.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove:hover {
  color: #333;
}
.select2-container--default[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__choice,
.select2-container--default[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__placeholder,
.select2-container--default[dir="rtl"]
  .select2-selection--multiple
  .select2-search--inline {
  float: right;
}
.select2-container--default[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--default[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
.select2-container--default.select2-container--focus
  .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}
.select2-container--default.select2-container--disabled
  .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled
  .select2-selection__choice__remove {
  display: none;
}
.select2-container--default.select2-container--open.select2-container--above
  .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above
  .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below
  .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below
  .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--default .select2-results__option[role="group"] {
  padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled="true"] {
  color: #999;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: #ddd;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__group {
  padding-left: 0;
}
.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic
  .select2-selection--single
  .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--classic
  .select2-selection--single
  .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}
.select2-container--classic
  .select2-selection--single
  .select2-selection__placeholder {
  color: #999;
}
.select2-container--classic
  .select2-selection--single
  .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}
.select2-container--classic
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--classic[dir="rtl"]
  .select2-selection--single
  .select2-selection__clear {
  float: left;
}
.select2-container--classic[dir="rtl"]
  .select2-selection--single
  .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open
  .select2-selection--single
  .select2-selection__arrow {
  background: transparent;
  border: none;
}
.select2-container--classic.select2-container--open
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above
  .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below
  .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic
  .select2-selection--multiple
  .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}
.select2-container--classic
  .select2-selection--multiple
  .select2-selection__clear {
  display: none;
}
.select2-container--classic
  .select2-selection--multiple
  .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.select2-container--classic
  .select2-selection--multiple
  .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.select2-container--classic
  .select2-selection--multiple
  .select2-selection__choice__remove:hover {
  color: #555;
}
.select2-container--classic[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__choice {
  float: right;
}
.select2-container--classic[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--classic[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
.select2-container--classic.select2-container--open
  .select2-selection--multiple {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above
  .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below
  .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}
.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
  border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--classic .select2-results__option[role="group"] {
  padding: 0;
}
.select2-container--classic .select2-results__option[aria-disabled="true"] {
  color: grey;
}
.select2-container--classic
  .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white;
}
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

/* G: #3d3d3d or R: #b71500 or B: #002e62; or P: #ee2375
  */
div#signup form#user-signup-form input.form-control.parsley-error {
  border-color: red;
}
div#signup form#user-signup-form ul.parsley-errors-list {
  color: red;
}
div.save-design-post-dialog p {
  text-align: center;
}
div.save-design-post-dialog p.left {
  text-align: left;
}
div.save-design-post-dialog button.save-dialog {
  width: 290px;
  margin: 7px;
}
/* Fonts */
/* @import url("https://fast.fonts.net/lt/1.css?apiType=css&c=162ce2f8-58f0-4707-bf31-993c0c21a677&fontids=1437336,1437556"); */
@font-face {
  font-family: "Avenir Next LT W04 Thin";
  src: url(/Fonts/1437336/b0751211-e805-4138-b7f2-a31031582ce2.eot?#iefix);
  src: url(/Fonts/1437336/b0751211-e805-4138-b7f2-a31031582ce2.eot?#iefix)
      format("eot"),
    url("/Fonts/1437336/178ff15e-1d83-46d6-a191-80d443177813.woff2")
      format("woff2"),
    url("/Fonts/1437336/6a091542-e5b3-4c09-ad72-8aed56a6581e.woff")
      format("woff"),
    url("/Fonts/1437336/4130ee5f-67da-4bcd-bde2-e97df5e49432.ttf")
      format("truetype");
}
@font-face {
  font-family: "Avenir Next LT W04 Bold";
  src: url(/Fonts/1437556/6ff8ab07-ccb4-4a91-8f0f-2bd4367902e8.eot?#iefix);
  src: url(/Fonts/1437556/6ff8ab07-ccb4-4a91-8f0f-2bd4367902e8.eot?#iefix)
      format("eot"),
    url("/Fonts/1437556/91799b0e-0ef8-446e-b274-5509412e1242.woff2")
      format("woff2"),
    url("/Fonts/1437556/97fb5311-bdbd-46bc-bf69-3bcf8c744cda.woff")
      format("woff"),
    url("/Fonts/1437556/88093bd3-b377-4278-8abe-8460dd24d0e8.ttf")
      format("truetype");
}
@font-face {
  font-family: "Avenir";
  font-weight: 400;
  src: url(/Fonts/1491474/069faa0e-9913-48c4-9ef7-89a4bc080b65.eot?#iefix);
  src: url(/Fonts/1491474/069faa0e-9913-48c4-9ef7-89a4bc080b65.eot?#iefix)
      format("eot"),
    url("/Fonts/1491474/7db1f672-3a8f-4d19-9c49-7f61aed450b5.woff2")
      format("woff2"),
    url("/Fonts/1491474/4ab86b35-c0c2-42b5-98ad-4b6eba66b197.woff")
      format("woff"),
    url("/Fonts/1491474/276b3566-1c3b-4bc1-8915-15314f091f29.ttf")
      format("truetype");
}
@font-face {
  font-family: "Gotham-Bold";
  src: url("Gotham-Bold.eot");
  src: url("Gotham-Bold.woff2") format("woff2"),
    url("Gotham-Bold.woff") format("woff"),
    url("Gotham-Bold.ttf") format("truetype"),
    url("Gotham-Bold.svg#Gotham-Bold") format("svg"),
    url("Gotham-Bold.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gotham-Book";
  src: url("Gotham-Book.eot");
  src: url("Gotham-Book.woff2") format("woff2"),
    url("Gotham-Book.woff") format("woff"),
    url("Gotham-Book.ttf") format("truetype"),
    url("Gotham-Book.svg#Gotham-Book") format("svg"),
    url("Gotham-Book.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
/* End Fonts */
body,
button,
a,
p {
  /* font-family: 'Avenir', sans-serif; */
  font-family: "Gotham-Book" !important;
}
strong,
h1,
h2,
h3,
h4,
h5,
h6 {
  /* font-family: 'Avenir', sans-serif; */
  font-family: "Gotham-Book";
}
/* TODO: This should be Tested */
html,
body {
  width: 100%;
  background-attachment: fixed;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  background-repeat: no-repeat;
  background-size: cover;
  background: transparent !important;
}
.generic-canvas {
  background-color: #61605e !important;
}

/* Main Container */
/* LEFT Side Bar Icons */
#left-sidebar .new {
  background-image: url(/images/sidebar/new.png);
}
#left-sidebar .load {
  background-image: url(/images/sidebar/load.png);
}
#left-sidebar .compare {
  background-image: url(/images/sidebar/compare.png);
}
#left-sidebar .save {
  background-image: url(/images/sidebar/save.png);
}
div#left-sidebar > a.sidebar-buttons {
  display: none;
}
/* END LEFT Side Bar Icons */
/* RIGHT Side Bar Icons */
#right-sidebar .materials {
  background-image: url(/images/sidebar/materials.png);
}
#right-sidebar .colors {
  background-image: url(/images/sidebar/colors.png);
}
#right-sidebar .patterns {
  background-image: url(/images/sidebar/patterns.png);
}
#right-sidebar .gradients {
  background-image: url(/images/sidebar/gradients.png);
}
#right-sidebar .applications {
  background-image: url(/images/sidebar/applications.png);
}
#right-sidebar .texts {
  background-image: url(/images/sidebar/texts.png);
}
#right-sidebar .numbers {
  background-image: url(/images/sidebar/numbers.png);
}
#right-sidebar .graphics {
  background-image: url(/images/sidebar/graphics.png);
}
#right-sidebar .sizes {
  background-image: url(/images/sidebar/sizes.png);
}
#right-sidebar .attachments {
  background-image: url(/images/sidebar/attachments.png);
}
/* END RIGHT Side Bar Icons */
#main_container {
  margin-top: 67px;
}
#main_container #main-row {
  height: 100%;
  /* display: none; */
}
#main_container #main-row #left-pane-column {
  height: 100%;
}
#main_container #main-row #right-pane-column {
  position: absolute;
}
/* End Main Container */
.uniform-suggestions {
  text-align: center;
}
.uniform-suggestions .you-might-like {
  margin-top: 30px;
  padding: 5px;
  background-color: #acacac;
  color: white;
}
/* Generic Panes */
div.pane div.pane-top {
  width: 90%;
  text-align: center;
}
div.pane div.pane-top button {
  margin-bottom: 3px;
}
div.pane div.pane-sidebar {
  float: left;
  text-align: center;
  width: 10%;
  padding-right: 2px;
}
div.pane div.pane-sidebar a.sidebar-buttons {
  background-color: #e7e7e7;
  width: 41px;
  height: 41px;
  display: block;
  text-align: center;
  margin-bottom: 2px;
  padding-top: 2px;
  background-position: center;
  background-repeat: no-repeat;
  float: right;
  background-size: 75% 75%;
}
div.pane div.pane-sidebar a.sidebar-buttons:hover {
  color: white;
}
div.pane div#right-sidebar > a.sidebar-buttons {
  display: none;
}
div.pane div.pane-main-window {
  float: right;
  background-color: #fff;
}
/* End Generic Panes */
/* UI Generic */
a.active_button {
  background-color: #acacac !important;
}
/* End UI Generic */
/* Left Pane - Main Canvas */
#left-pane #left-main-window {
  overflow: hidden;
  background-size: cover;
  text-align: center;
  border: none;
  /* Reversible on Customizer Plv2 */
  /* End Reversible on Customizer Plv2 */
}
#left-pane #left-main-window div.reversible-thumbnail {
  position: absolute;
  margin-top: 150px;
  margin-left: 10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
#left-pane
  #left-main-window
  div.reversible-thumbnail
  .reversible-thumbnail-border {
  width: 170px;
  height: 185px;
  border: solid 1px #1e1e1e;
  background-color: #61605e;
}
#left-pane #left-main-window div.reversible-thumbnail span {
  padding: 3px;
  background-color: #1e1e1e;
  text-transform: uppercase;
  color: white;
  display: block;
}
#left-pane
  #left-main-window
  div.reversible-thumbnail
  div.reversible-thumbnail-border
  img {
  padding: 10px;
}
#left-pane #left-main-window div.reversible-thumbnail.order-page {
  margin-top: 210px !important;
}
#left-main-window canvas#canvas-views {
  position: absolute;
}
/* End Left Pane - Main Canvas */
/* Camera Views */
.zoom_on {
  color: white !important;
  background-color: #808080 !important;
}
#change-views {
  width: 10%;
  padding: 3px;
  position: absolute;
  margin-top: 330px;
  display: none;
  margin-left: 0px;
  display: block;
  height: 300px;
  width: 30px;
}
#change-views a {
  color: white;
  background-color: #3d3d3d;
  margin-bottom: 2px;
  width: 35px;
  border-radius: 50%;
  -webkit-box-shadow: 15px 15px 33px -28px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 15px 15px 33px -28px rgba(0, 0, 0, 0.7);
  box-shadow: 15px 15px 33px -28px rgba(0, 0, 0, 0.7);
}
#change-views a.zoom {
  margin-bottom: 30px;
}
#change-views a.zoom i.fa {
  margin-left: -2px;
}
#change-views a.save {
  margin-top: 30px;
}
#change-views a.home i.fa {
  margin-left: -2px;
}
a#view_save_footer {
  color: #3d3d3d !important;
  border-left: solid 1px #d7d7d7;
  background-color: white !important;
  margin-bottom: 2px;
  width: 150px;
  border-radius: 0;
  display: block !important;
  float: right;
  -webkit-box-shadow: 15px 15px 33px -28px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 15px 15px 33px -28px rgba(0, 0, 0, 0.7);
  box-shadow: 15px 15px 33px -28px rgba(0, 0, 0, 0.7);
}
#change-views.small {
  margin-top: 0px !important;
}
#camera-views {
  float: right;
  text-align: center;
  width: 90%;
  padding: 3px;
  position: relative;
  margin-top: -73px;
}
#camera-views a {
  color: #3d3d3d;
  width: 63px;
  height: 70px;
  text-align: center;
  padding: 0;
}
#camera-views a img {
  width: 100%;
  height: 100%;
}
/* End Camera Views */
/* Options Panel */
div.options_panel div.options_panel_header {
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
  z-index: 300;
  background-color: #000000;
  width: 100%;
  display: table;
  height: 80px;
  padding: 10px;
  color: #ffffff;
}
div.options_panel div.options_panel_header span.default {
  width: 100%;
  text-align: center;
  display: block;
}
div.options_panel div.options_panel_header span.header_text {
  color: #3d3d3d;
  height: 100%;
  border-right: 1px solid #d7d7d7;
  padding: 10px;
  padding-right: 23px;
}
div.options_panel div.options_panel_header div.double-header {
  float: left;
  display: block;
  text-align: center;
  padding-right: 15px;
  color: #474747;
}
div.options_panel div.options_panel_header div.double-header:hover {
  color: black;
}
div.options_panel div.options_panel_header div.parts {
  background:none !important;
    margin: 0 12px;
    font-size: 34px;
    color: inherit;
    cursor: pointer;
    text-transform: capitalize;
}
div.options_panel div.options_panel_header div.parts i.fa{
    color: inherit;
    font-size: inherit;
    margin: 0;
    width: auto;
    display: inline;
}
div.options_panel div.options_panel_header div.parts:hover {
  color: grey;
}
div.options_panel div.options_panel_header div.main {
  text-align: center !important;
  width: 60%;
  margin-top: 3px;
  padding-left: 15px;
}
div.options_panel div.options_panel_header div.main span.part_label {
  font-size: 1.2em;
  text-transform: uppercase;
}
div.options_panel div.options_panel_header div.main span.nOf {
  color: #474747;
  font-size: 0.85em;
  text-transform: uppercase;
}
div.options_panel div.options_panel_header div.next {
  width: 20%;
  padding-left: 10px;
  cursor: pointer;
}
div.options_panel div.options_panel_header div.next i {
  font-size: 1.4em;
  padding-top: 20px;
}
div.options_panel div.options_panel_header div.prev {
  width: 20%;
  padding-left: 10px;
  cursor: pointer;
}
div.options_panel div.options_panel_header div.prev i {
  font-size: 1.4em;
  padding-top: 20px;
}
div.options_panel div.options_panel_section.modifier_main_container {
  width: 100%;
  height: auto;
  padding: 10px;
  max-height: 470px;
  overflow-y: auto;
  overflow-x: hidden;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
}
div.options_panel div.options_panel_section.modifier_main_container span.text {
  color: #3d3d3d;
  height: 100%;
  padding: 10px;
  padding-right: 23px;
  display: table-cell;
}
div.options_panel div.options_panel_section.modifier_main_container label {
  color: #e7e7e7;
  width: 20%;
  font-weight: normal;
  padding-left: 10px;
}
div.options_panel div.options_panel_section.modifier_main_container button {
  width: 13%;
  font-size: 75%;
  margin-left: 3px;
  margin-right: 3px;
}
div.options_panel
  div.options_panel_section.modifier_main_container
  div.color_panel_container {
  display: flex;
  flex-wrap: wrap;
  height: auto;
  width: 100%;
  max-width: 510px;
  margin: 25px auto 10px auto;
  align-items: center;
}
div.options_panel
  div.options_panel_section.modifier_main_container::-webkit-scrollbar {
  width: 10px;
}
div.options_panel
  div.options_panel_section.modifier_main_container::-webkit-scrollbar-track {
  background: #f1f1f1;
}
div.options_panel
  div.options_panel_section.modifier_main_container::-webkit-scrollbar-thumb {
  background: #888;
}
div.options_panel
  div.options_panel_section.modifier_main_container::-webkit-scrollbar-thumb:hover {
  background: #555;
}
div.options_panel #color_panel_section {
  padding-bottom: 30px;
}
div.options_panel {
  display: none;
}
div.color_element {
  width: 85px;
  height: 60px;
  background-repeat: no-repeat;
  text-align: center;
}
div.color_element span {
  padding-top: 5px;
  display: block;
  font-weight: normal;
}
button.modifier {
  margin-right: 10px;
}
/* Gradients */
div.gradient_element {
  width: 70px;
  height: 70px;
  float: left;
  background-repeat: no-repeat;
  margin: 10px;
}
div.gradient_element button {
  border-radius: 0px;
}
div.gradient_panel_container {
  margin-left: 50px;
  display: table;
}
/* End Gradients */
div.pattern_element {
  width: 70px;
  height: 70px;
  float: left;
  background-repeat: no-repeat;
  margin: 10px;
}
div.pattern_element button {
  border-radius: 0px;
}
div.pattern_panel_container {
  margin-left: 30px;
  display: table;
}
/* End Gradients */
/* End Options Panel */
/* Right Main Window */
#right-main-window {
  display: none;
  overflow-y: hidden;
  width: 100%;
  background-color: #808080;
}
#right-main-window.top-window {
  height: auto !important;
  min-height: 550px;
}
#right-main-window
  #single_team-color-picker.drop-target.drop-theme-hubspot-popovers {
  display: none;
}
/* End Right Main Window */
/* Popovers */
.popover {
  width: 415px;
  height: 190px;
  max-width: 100%;
  left: 105px !important;
}
#popover_color_panel {
  width: 412px;
}
#popover_color_panel div.color_element {
  float: left;
}
div.popper {
  width: 35px;
  height: 35px;
  border-radius: 8px;
  border: 2px solid white;
  background-color: #d31145;
}
a.popper_button {
  padding: 0;
  background-image: none;
  background-color: none;
  border: none;
  box-shadow: none;
}
a.popper_button:focus {
  background-color: #e7e7e7;
}
/* End Popovers */
/* Canvas */
canvas#front_view,
canvas#back_view,
canvas#left_view,
canvas#right_view {
  width: 100%;
  height: 100%;
}
/* End Canvas */
/* Pickers */
div.picker_container {
  padding: 30px;
  background-color: #f8f8f8;
  height: 550px;
}
div.sports_categories {
  display: block;
  width: 130px;
  height: 130px;
  float: left;
  background-color: #7f7f7f;
  margin-left: 8px;
  margin-bottom: 30px;
  padding: 10px;
  text-align: center;
  border: solid 1px #d7d7d7;
  background-position: center;
  background-size: 100% 100%;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  filter: grayscale(100%);
  webkit-filter: grayscale(100%);
}
div.sports_categories span.categories_label {
  display: block;
  margin-top: 120px;
  padding: 3px;
}
div.sports_categories_highlighted {
  border: solid 1px #e7e7e7;
  background-size: 130% 130%;
  filter: grayscale(0%);
  webkit-filter: grayscale(0%);
}
div.sports_categories_activated {
  border: solid 1px #e7e7e7;
  background-size: 100% 100%;
  filter: grayscale(0%);
  webkit-filter: grayscale(0%);
}
div.sports_categories_activated span.categories_label {
  display: block;
  margin-top: 80px;
  padding: 3px;
  background-color: #e7e7e7;
  color: white;
  opacity: 0.9;
  border-bottom: solid 1px #ffffff;
}
div.picker_container strong#active_sports_category {
  color: #3d3d3d;
  height: 100%;
  padding-right: 23px;
  width: 100%;
  display: table;
  height: 40px;
  border-bottom: 1px solid #d7d7d7;
  padding: 10px;
}
div.style_entry {
  display: block;
  width: 130px;
  height: 130px;
  float: left;
  background-color: #ffffff;
  margin-left: 8px;
  margin-bottom: 30px;
  padding: 10px;
  text-align: center;
  border: solid 1px #d7d7d7;
  background-position: center;
  background-size: 100% 100%;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  filter: grayscale(100%);
  webkit-filter: grayscale(100%);
}
div.style_entry span.style_label {
  display: block;
  margin-top: 120px;
  padding: 3px;
}
div.style_entry_highlighted {
  border: solid 1px #e7e7e7;
  background-size: 130% 130%;
  filter: grayscale(0%);
  webkit-filter: grayscale(0%);
}
div.gender_picker {
  display: block;
  width: 130px;
  height: 130px;
  float: left;
  background-color: #7f7f7f;
  margin-left: 8px;
  margin-bottom: 10px;
  padding: 10px;
  text-align: center;
  border: solid 1px #d7d7d7;
  background-position: center;
  background-size: 100% 100%;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  filter: grayscale(100%);
  webkit-filter: grayscale(100%);
}
div.gender_picker span.style_label {
  display: block;
  margin-top: 80px;
  padding: 3px;
  background-color: #3d3d3d;
  color: #d7d7d7;
  opacity: 0.9;
  border-bottom: solid 2px grey;
}
div.gender_picker_highlighted {
  border: solid 1px #e7e7e7;
  background-size: 130% 130%;
  filter: grayscale(0%);
  webkit-filter: grayscale(0%);
}
div.gender_picker_highlighted span.style_label {
  display: block;
  margin-top: 80px;
  padding: 3px;
  background-color: #e7e7e7;
  color: white;
  opacity: 0.9;
  border-bottom: solid 2px #fff;
}
/* GENDER PICKER */
div.gender_picker {
  float: none;
  margin-left: 0px;
}
div.gender_picker_header {
  border-bottom: 1px solid #d7d7d7;
  width: 100%;
  padding-bottom: 3px;
  margin-bottom: 10px;
}
div.picker_header {
  width: 100%;
  display: block;
  height: 33px;
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 3px;
  margin-bottom: 10px;
}
div.picker_header span {
  float: left;
}
div.picker_header button {
  float: right;
  background: none;
  border: none;
}
div.picker_header button.button_tabs {
  float: none;
  border: solid 1px #353536;
  margin-right: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
div.picker_header button.button_tabs:focus {
  outline: 0;
}
div.picker_header_tabs {
  padding-bottom: 40px;
}
/* END GENDER PICKER */
/* MISC */
div.no_designs {
  margin-top: 30px;
  border-top: 1px solid #d7d7d7;
  padding-top: 10px;
}
div.down_arrow {
  background-image: url("/images/sidebar/down-arrow.png");
  background-position: center;
  display: block;
  width: 20px;
  height: 13px;
}
button.tether_button {
  background-color: #353536;
  color: #f8f8f8;
  border: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.user-profile {
  margin-top: -52px;
  margin-right: 10px;
}
@media (min-width: 300px) {
  .user-profile .navbar-right {
    float: right;
    margin: 0 -15px;
  }
  .user-profile .navbar-right > li {
    float: left;
  }
}
.gradient_slider {
  margin: 20px;
  height: 7px;
}
.logo_slider {
  margin: 20px;
  height: 7px;
  margin: 0 auto;
  z-index: 0;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  width: 20px;
}
.gradient_slider_angle {
  margin: 0 auto;
  height: 155px;
}
.rs-handle {
  width: 15px !important;
}
.gradient_button {
  display: none;
}
.range_container {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  overflow: hidden;
}
.range {
  -ms-transform: rotate(-90deg);
  /* IE 9 */
  -webkit-transform: rotate(-90deg);
  /* Chrome, Safari, Opera */
  transform: rotate(-90deg);
  height: 420px;
  background-size: cover;
}
.rs-bg-color {
  background-size: cover;
}
.rs-seperator {
  border: 0px solid #aaa;
}
/* Pattern Slider */
.pattern_slider {
  margin: 20px;
  height: 7px;
  margin: 0 auto;
  z-index: 0;
}
.pattern_rotation_slider {
  margin: 0 auto;
  height: 155px;
}
/* End Pattern Slider */
/* END MISC */
/* End Pickers */
/* GRAPHICS */
input[type="file"] {
  margin: 0 auto;
}
div.image_preview {
  display: block;
  width: 200px;
  height: 200px;
  border: solid 1px #e7e7e7;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #f2f2f2;
  background-size: cover;
}
table.logos {
  margin-top: 10px;
}
table.logos tr {
  height: 60px;
}
table.logos td,
table.logos th {
  vertical-align: middle !important;
  text-align: center;
}
table.logos a {
  cursor: pointer;
}
img.logo_list {
  height: 50px;
}
a.btn-remove {
  color: red;
}
div.applications_container {
  margin: 10px;
}
img.logo_picker {
  height: 50px;
}
/* End GRAPHICS */
/* APPLICATIONS */
select.application_type_dropdown {
  width: 40%;
}
div.application_footer {
  width: 100%;
  text-align: center;
}
div.application_footer button.show_all_locations {
  width: 50% !important;
}
button.appactive {
  background-color: #3d3d3d;
  color: white !important;
}
/* End APPLICATIONS */
/* TEAM Roster Modal */
#team-roster-modal .modal-dialog {
  width: 70%;
  height: 70%;
  padding: 0;
}
#team-roster-modal .modal-dialog select {
  background: maroon;
  color: white;
}
/* Save Uniform Design Modal */
#save-design-modal .modal-dialog {
  width: 50%;
}
#save-design-modal #credit-card-information {
  min-height: 200px;
}
/* TEAM Roster Modal */
#team-roster-modal .modal-dialog {
  width: 70%;
  height: 80%;
  padding: 0;
}
.table-roster-list tr td {
  padding: 5px;
}
div.applications_dropdown {
  margin: 0 auto;
}
.uniform-sizes .uniform-size {
  border-radius: 50px;
  padding: 11px;
  padding-right: 0px !important;
  padding-left: 0px !important;
  width: 45px;
  height: 45px;
  text-align: center;
  vertical-align: middle;
  border-style: solid;
  border-color: black;
  border-width: 2px;
  margin: 7px;
  display: block;
  background: white;
  color: black;
}
.uniform-sizes .uniform-size:hover,
.uniform-sizes .selected {
  background: maroon;
  color: white;
}
.space-30 {
  padding: 30px;
}
/* Login Form */
#login-dp {
  min-width: 350px;
  padding: 14px 14px 0;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.8);
  margin-top: 1px;
  padding-top: 25px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 5px;
}
#login-dp .help-block {
  font-size: 12px;
}
#login-dp .bottom {
  background-color: rgba(255, 255, 255, 0.8);
  border-top: 1px solid #ddd;
  clear: both;
  padding: 14px;
}
#login-dp .form-group {
  margin-bottom: 0px;
}
#login-dp .parsley-modified-error-container {
  margin-bottom: 7px;
  color: red;
  font-size: 11px;
}
@media (max-width: 768px) {
  #login-dp {
    background-color: inherit;
    color: #fff;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
    position: absolute;
  }
  #login-dp .bottom {
    background-color: inherit;
    border-top: 0 none;
  }
}
.navbar-nav li a {
  padding-top: -10px !important;
}
/* Tabs */
.tabbable {
  padding-top: 70px;
}
.tab-pane {
  margin-top: 20px;
}
#open-design-modal .uniform-design-item {
  text-align: center;
  padding: 10px;
}
.help-inline .error {
  color: red;
  font-weight: normal;
  font-size: smaller;
}
/* Plugins */
div.ubColorPicker {
  margin-top: 0px;
}
div.ubColorPicker
  .options_panel_section
  > .color_panel_container_ub_picker
  .color_element {
  background-position: 4px -2px;
}
div.ubColorPicker .btn {
  margin-left: 4px;
  margin-top: -2px;
  /* width: 26px;
          height: 26px; */
  padding: 0px;
  border-radius: 0;
  padding: 2px;
}
div.ubColorPicker .btn span {
  background-color: black;
  width: 20px;
  height: 20px;
  display: none;
  border: solid 1px #acacac;
}
div.add_delete_color_stop {
  text-align: center;
}
div.arrow {
  display: none;
}
.color_stop_label {
  width: 10% !important;
  padding-left: 0px !important;
  margin-left: -10px;
}
.pattern_color_picker_container {
  text-align: center;
}
.color_stop_label {
  width: 10% !important;
  padding-left: 0px !important;
  margin-left: -10px;
}
.color_stops_container {
  text-align: center;
}
div.mascot_drop,
div.logo_drop,
div.font_style_drop,
div.color_drop,
div.accent_drop,
div.other_color_dropdown {
  background-color: #acacac;
  color: white;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 10px;
  border-radius: 0px;
  width: 100%;
  text-align: center;
}
div.mascot_drop i.fa,
div.logo_drop i.fa,
div.font_style_drop i.fa,
div.color_drop i.fa,
div.accent_drop i.fa,
div.other_color_dropdown i.fa {
  float: right;
  padding-top: 3px;
}
div.logo_drop.btn.focus,
div.logo_drop.btn:focus,
div.logo_drop.btn:hover {
  color: white;
}
div.mascot_drop.btn.focus,
div.mascot_drop.btn:focus,
div.mascot_drop.btn:hover {
  color: white;
}
div.mascot_color_picker_container {
  text-align: center;
}
.rotation_slider {
  margin: 0 auto;
  height: 155px;
}
img.logo-preview {
  border: 1px solid white;
  display: block;
  width: 100px;
  height: 100px;
  margin: 10px auto;
  background-size: cover;
}
div.logo-container {
  padding-top: 10px;
}
div.logo-controls {
  display: block;
  width: 100%;
  padding: 30px;
  border: solid 1px #acacac;
}
div.drop-content {
  background-color: #acacac;
  color: white;
  padding: 7px;
  width: 477px;
  overflow-x: hidden;
  overflow-y: scroll;
  max-height: 300px;
}
div.drop-content div.row div {
  text-align: center;
}
a.font-selector {
  cursor: pointer;
  font-size: 18px;
}
a.font-selector:hover {
  border-bottom: solid 3px #ffffff;
  padding-bottom: 7px;
}
input.applications.player_number {
  width: 100%;
}
a.color-selector,
a.other-color-selector {
  display: block;
  padding: 10px;
  cursor: pointer;
  text-decoration: none;
  padding-bottom: 10px;
}
a.color-selector:hover {
  border-bottom: solid 3px #ffffff;
  padding-bottom: 7px;
}
div.flip-container {
  float: right;
}
img.accent_element {
  width: 70px;
}
.btn.ub {
  border: solid 1px #acacac;
  color: #acacac;
  margin-right: 7px;
  border-radius: 0px;
}
.btn.ub.active {
  border: solid 1px #acacac;
  background-color: #acacac;
  color: #ffffff;
  margin-right: 7px;
  border-radius: 0px;
}
div.colors_container {
  padding-top: 20px;
  padding-bottom: 20px;
  border: solid 1px #acacac;
  margin-top: -1px;
  margin-bottom: 10px;
}
div.colors_container.colors,
div.colors_container.patterns {
  padding: 20px;
}
div.drop {
  z-index: 100;
}
a.thumbnail {
  height: 105px !important;
}
button#manual_change_color {
  width: 100px;
}
button.btn.app_btns {
  width: 200px !important;
  margin: 10px;
}
.radio_sizes {
  padding: 10px;
  padding-top: 0px;
}
.ub_qrcode {
  padding-top: 50px;
  width: 100px;
  margin: 0 auto;
}
div#genContainer {
  width: 100%;
  text-align: center;
}
button.btn.change-color {
  color: white;
  text-shadow: 1px 1px #333333;
}
button.btn.change-color.whitebtn {
  color: #eeeeee;
}
input.fe_input,
select.fe_input {
  margin-bottom: 10px;
  border-radius: 3px;
}
/* Sign In, Sign Up Area */
.user-profile.pull-right > div > button.btn {
  background-color: #e7e7e7;
  color: #3d3d3d;
  min-height: 33px !important;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #3d3d3d !important;
  color: white !important;
}
.user-profile.pull-right > div > button.btn:hover {
  background-color: #3d3d3d !important;
  color: #f2f2f2 !important;
  border: solid 1px #3d3d3d;
}
.btn-group > .btn {
  border-radius: 0px;
}
.dropdown-menu {
  background-color: #fff !important;
  border-radius: 0px !important;
}
.dropdown-menu > li > a {
  color: #3d3d3d;
  margin-left: 1px;
}
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
  color: #f2f2f2;
  background-image: none;
  background-color: #3d3d3d !important;
  border: none;
}
.dropdown-menu li#enable-beta > a:hover {
  color: #ffffff;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #f2f2f2;
}
div.help-block > a {
  color: #3d3d3d !important;
}
label.label.design-name {
  background-color: white;
  font-size: 1.1em;
  color: black;
}
.label-info {
  color: #acacac;
  background-color: white;
  border-top: 1px solid #acacac;
  border-radius: 0;
}
.modal-dialog.open-design-modal {
  width: 70%;
}
a.btn_tabs {
  border-right: 1px solid #acacac;
  padding: 10px;
  margin: 10px;
}
a.btn_tabs img {
  width: 30px;
  height: 30px;
}
div#design_name_container {
  float: right;
  width: 90%;
  display: none;
  padding: 10px;
  padding-left: 57px;
  color: #808080;
  background-color: #e6e6e6;
}
div#simple_toggle_container {
  float: right;
  display: none;
}
a#pencil_link {
  color: #acacac;
}
div#right-pane-column {
  padding-left: 5px !important;
  width: 550px;
}
/*  UI V1  */
span.shadowed_header {
  background-color: #ffffff;
  width: 100%;
  display: table;
  height: 40px;
  border-bottom: 1px solid #eeeeee;
  padding: 10px;
}
div#special_modifiers > div.col-md-6 {
  padding-right: 5px !important;
}
div.team_color_picker_container {
  height: 50px;
  width: 380px;
  margin: 0 auto;
  margin-top: 14px;
}
div.team_color_picker_container div.team_color_picker_item {
  background-color: #ffffff;
  width: 60px;
  height: 30px;
  float: left;
  border: 1px solid #d7d7d7;
  -webkit-box-shadow: 15px 15px 33px -28px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 15px 15px 33px -28px rgba(0, 0, 0, 0.7);
  box-shadow: 15px 15px 33px -28px rgba(0, 0, 0, 0.7);
}
div.team_color_picker_container div.team_color_picker_item i.color-caret-down {
  color: #3d3d3d;
  margin-left: 40px;
  margin-top: 10px;
}
div.color_item_group {
  float: left;
  width: 80px;
  height: 80px;
  margin-top: 10px;
  text-align: center;
}
div.color_item_group div {
  font-size: 0.7em;
  margin-top: 5px;
}
.team_color_pane {
  height: 110px !important;
  display: none;
  margin-bottom: 10px;
  float: left;
  background-position-y: -40px;
  overflow-y: hidden !important;
}

.save-pane {
  height: 55px !important;
}
div.main_steps_bar {
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 70px;
  text-align: center;
}
/* Team Color and New Color Pickers */
.team_color_item_off {
  border: 1px solid #d7d7d7 !important;
}
.team_color_item_on {
  border: 1px solid #3d3d3d !important;
}
div.team_color_picker_item {
  text-shadow: 1px 1px #333333;
  color: white;
  text-align: center;
  padding-top: 4px;
  margin-bottom: 3px;
}
div.team_color_picker_container_group {
  float: left;
  text-align: center;
  margin-left: 30px;
}
div.team_color_picker_item_label {
  font-size: 0.7em;
  width: 100%;
  text-align: center;
}
div.team_color_picker_options {
  display: none;
  width: 545px;
  height: 190px;
  background-color: #f2f2f2;
  position: absolute;
  border: solid 1px #eeeeee;
  overflow: hidden;
  -webkit-box-shadow: 15px 15px 33px -28px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 15px 15px 33px -28px rgba(0, 0, 0, 0.7);
  box-shadow: 15px 15px 33px -28px rgba(0, 0, 0, 0.7);
}
span.team_color_header {
  display: block;
  width: 100%;
  text-align: center;
}
button.color_picker_item {
  width: 40px;
  height: 40px;
  margin: 0 auto;
  margin-top: 10px;
  text-shadow: 1px 1px #333333;
  color: white;
  background-color: white;
  border: none;
}
div.team_color_picker_options > div.color_items_container {
  background-color: #f2f2f2;
  height: 130px;
}
div.team_color_picker_options > div.scroller {
  background-color: #eeeeee;
  width: 545px;
  height: 30px;
}
/* End Team Color and New Color Pickers */
/* New UI */
.grow {
  transform: scale(1);
  transition: all 0.1s ease-in-out;
}
.grow:hover {
  transform: scale(1.05);
}
.growStroke {
  stroke-width: 50;
  transition: all 0.1s ease-in-out;
}
.growStroke:hover {
  stroke-width: 70;
}
.growTextCode:hover {
  text-decoration: underline;
  transition: all 0.1s ease-in-out;
}
.growTextName:hover {
  text-decoration: underline;
  transition: all 0.1s ease-in-out;
}
.growCircle:hover {
  r: 105;
  transition: all 0.1s ease-in-out;
}
.selectedStroke {
  stroke-width: 70 !important;
}
.disabled {
  opacity: 0.7;
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
  transform: scale(1) !important;
  cursor: auto !important;
}
.hidden {
  display: none;
}
div.back-link {
  float: left;
  text-align: left;
  font-size: 30px;
  color: #ffffff;
  cursor: pointer;
}
div.back-link span {
  color: #000;
}
h2.picker-header {
  float: left;
  color: white;
  margin-top: 7px;
  text-shadow: 2px 2px #000;
  margin-left: 10px;
}
div#main-picker-container {
  display: none;
  background-size: contain;
  position: relative;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
div#main-picker-container div#topbar {
  text-align: center;
  width: 100%;
  height: 50px;
  background-color: #ffffff;
  font-size: 1.4em;
  padding-top: 13px;
  color: #3d3d3d;
  border-bottom: solid 1px #e7e7e7;
}
div#main-picker-container div#topbar span.slink {
  cursor: pointer;
  width: 80px;
  display: inline-block;
  /* font-family: 'Avenir'; */
  font-family: "Gotham-Book";
}
@media only screen and (max-width: 960px) {
  div#main-picker-container div#topbar {
    text-align: left;
  }
  div#main-picker-container div#topbar span.slink {
    margin-left: 20px !important;
  }
}
@media only screen and (max-width: 600px) {
  div#main-picker-container div#topbar {
    height: 100px;
    text-align: center;
  }
  div#main-picker-container div#topbar span.slink {
    width: auto !important;
    padding: 0 10px;
    margin-left: 10px !important;
  }
  div#main-picker-container div#topbar span.slink:nth-child(3) {
    margin-left: 0px !important;
  }
}
div#main-picker-container div#topbar span.slink.active {
  width: 80px;
  /* font-family: "Avenir Next LT W04 Bold"; */
  font-family: "Gotham-Bold";
}
div#main-picker-container div#topbar span.loading {
  margin-top: -10px;
  cursor: pointer;
  width: 250px;
  display: inline-block;
}
div#main-picker-container div#topbar span.slink:hover {
  color: #acacac;
  cursor: pointer;
}
div#main-picker-container div#topbar span.slink-search {
  position: absolute;
  right: 0px;
  margin-top: -3px;
}
@media only screen and (max-width: 600px) {
  div#main-picker-container div#topbar span.slink-search {
    display: block;
    position: relative;
    right: 0;
    top: 10px;
    width: 100%;
    margin-top: 0;
  }
  div#main-picker-container div#topbar span.slink-search .fa-search-icon {
    margin: 10px;
    position: absolute;
    top: -1px;
    z-index: 2;
    left: 11px;
  }
  div#main-picker-container div#topbar span.slink-search .twitter-typeahead {
    width: 100%;
  }
  div#main-picker-container
    div#topbar
    span.slink-search
    .twitter-typeahead
    .typeahead {
    width: calc(100% - 50px);
    margin: 0 25px;
    padding-left: 25px;
  }
  div#main-picker-container div#topbar span.slink-search .tt-menu.tt-open {
    right: 0;
    left: initial !important;
    width: calc(100% - 20px);
  }
}
div#main-picker-container div#topbar span.slink.my-favorites {
  position: absolute;
  left: 0px;
  width: 150px;
  font-size: 0.7em;
  padding: 5px;
  margin-left: 13px;
  issublimatedandseparated: "Avenir";
}
div#main-picker-container div#topbar span.slink.my-favorites.active {
  color: white;
  background-color: #1e1e1e;
}
div#main-picker-container div.secondary-bar-quickturn {
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  margin-top: 0px;
  display: none;
  text-align: center;
  width: 100%;
  height: auto;
  background-color: #ffffff;
  font-size: 1.4em;
  padding: 10px;
  color: #3d3d3d;
  border-bottom: 1px solid #e7e7e7;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
div#main-picker-container div.secondary-bar-quickturn span.slink {
  cursor: pointer;
  display: inline-block;
  padding: 6px;
  font-size: 0.7em;
  width: 210px;
  text-transform: uppercase;
  /* font-family: 'Avenir', sans-serif; */
  font-family: "Gotham-Book" !important;
}
div#main-picker-container div.secondary-bar-quickturn span.slink.active {
  background-color: #3d3d3d;
  color: white;
}
div#main-picker-container div.secondary-bar-quickturn span.slink:hover {
  color: #acacac;
  cursor: pointer;
}
div#main-picker-container div.secondary-bar-quickturn span.slink-search {
  position: absolute;
  right: 0px;
  margin-top: -3px;
}
div#main-picker-container div.tertiary-bar-quickturn {
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  margin-top: -50px;
  display: none;
  border-top: solid 1px lightgray;
  text-align: center;
  width: 100%;
  height: 50px;
  background-color: #ffffff;
  font-size: 1.4em;
  padding-top: 10px;
  color: #3d3d3d;
}
div#main-picker-container div.tertiary-bar-quickturn span.secondary-filters {
  /* width: auto !important; */
}
div#main-picker-container div.tertiary-bar-quickturn span.slink-small {
  cursor: pointer;
  display: inline-block;
  padding: 5px;
  font-size: 0.7em;
  width: auto;
  text-transform: uppercase;
  padding-left: 7px;
  padding-right: 7px;
  /* font-family: 'Avenir', sans-serif; */
  font-family: "Gotham-Book" !important;
}
div#main-picker-container div.tertiary-bar-quickturn span.slink-small.active {
  background-color: #3d3d3d;
  color: white;
}
div#main-picker-container div.tertiary-bar-quickturn span.slink-small:hover {
  color: #acacac;
  cursor: pointer;
}
div#main-picker-container div.tertiary-bar-quickturn span.slink-small-search {
  position: absolute;
  right: 0px;
  margin-top: -3px;
}
div#main-picker-container
  div.tertiary-bar-quickturn
  span.slink-small[data-item="separator"] {
  cursor: auto;
}
div#main-picker-container div.tertiary-bar-baseball {
  display: none;
  text-align: center;
  width: 100%;
  height: 50px;
  background-color: #ffffff;
  font-size: 1.4em;
  padding-top: 10px;
  color: #3d3d3d;
}
div#main-picker-container div.tertiary-bar-baseball span.secondary-filters {
  /* width: auto !important; */
}
div#main-picker-container div.tertiary-bar-baseball span.slink-small {
  cursor: pointer;
  display: inline-block;
  padding: 5px;
  font-size: 0.7em;
  width: auto;
  text-transform: uppercase;
  padding-left: 7px;
  padding-right: 7px;
  /* font-family: 'Avenir', sans-serif; */
  font-family: "Gotham-Book" !important;
}
div#main-picker-container div.tertiary-bar-baseball span.slink-small.active {
  background-color: #3d3d3d;
  color: white;
}
div#main-picker-container div.tertiary-bar-baseball span.slink-small:hover {
  color: #acacac;
  cursor: pointer;
}
div#main-picker-container div.tertiary-bar-baseball span.slink-small-search {
  position: absolute;
  right: 0px;
  margin-top: -3px;
}
div#main-picker-container
  div.tertiary-bar-baseball
  span.slink-small[data-item="separator"] {
  cursor: auto;
}
div#main-picker-container div.tertiary-bar-fastpitch {
  display: none;
  text-align: center;
  width: 100%;
  height: 50px;
  background-color: #ffffff;
  font-size: 1.4em;
  padding-top: 10px;
  color: #3d3d3d;
}
div#main-picker-container div.tertiary-bar-fastpitch span.secondary-filters {
  /* width: auto !important; */
}
div#main-picker-container div.tertiary-bar-fastpitch span.slink-small {
  cursor: pointer;
  display: inline-block;
  padding: 5px;
  font-size: 0.7em;
  width: auto;
  text-transform: uppercase;
  padding-left: 7px;
  padding-right: 7px;
  /* font-family: 'Avenir', sans-serif; */
  font-family: "Gotham-Book" !important;
}
div#main-picker-container div.tertiary-bar-fastpitch span.slink-small.active {
  background-color: #3d3d3d;
  color: white;
}
div#main-picker-container div.tertiary-bar-fastpitch span.slink-small:hover {
  color: #acacac;
  cursor: pointer;
}
div#main-picker-container div.tertiary-bar-fastpitch span.slink-small-search {
  position: absolute;
  right: 0px;
  margin-top: -3px;
}
div#main-picker-container
  div.tertiary-bar-fastpitch
  span.slink-small[data-item="separator"] {
  cursor: auto;
}
div#main-picker-container div.secondary-bar {
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  margin-top: -50px;
  display: none;
  text-align: center;
  width: 100%;
  height: auto;
  background-color: #ffffff;
  font-size: 1.4em;
  padding: 10px;
  color: #3d3d3d;
}
div#main-picker-container div.secondary-bar span.secondary-filters {
  /* width: auto !important; */
}
div#main-picker-container div.secondary-bar span.slink {
  cursor: pointer;
  display: inline-block;
  padding: 5px;
  font-size: 0.7em;
  width: 230px;
  text-transform: uppercase;
  /* font-family: 'Avenir', sans-serif; */
  font-family: "Gotham-Book" !important;
}
@media only screen and (max-width: 1536px) {
  div#main-picker-container div.secondary-bar span.slink {
    width: 200px;
  }
}
div#main-picker-container div.secondary-bar span.slink.active {
  background-color: #3d3d3d;
  color: white;
}
div#main-picker-container div.secondary-bar span.slink:hover {
  color: #acacac;
  cursor: pointer;
}
div#main-picker-container div.secondary-bar span.slink-search {
  position: absolute;
  right: 0px;
  margin-top: -3px;
}
div#main-picker-container div.secondary-bar span.slink[data-item="separator"] {
  cursor: auto;
  pointer-events: none;
  position: relative;
}
div#main-picker-container
  div.secondary-bar
  span.slink[data-item="separator"]:after {
  content: "";
  border-right: 1px solid #3d3d3d;
  height: 20px;
  display: inline-block;
  position: absolute;
  top: -5px;
}
@media only screen and (max-width: 1024px) {
  div#main-picker-container
    div.secondary-bar
    span.slink[data-item="separator"] {
    width: 100px;
    margin: 0 10px;
  }
}
@media only screen and (max-width: 960px) {
  div#main-picker-container
    div.secondary-bar
    span.slink[data-item="separator"] {
    width: 100%;
    display: block;
    height: 30px;
    margin: 0;
  }
  div#main-picker-container
    div.secondary-bar
    span.slink[data-item="separator"]:after {
    border-right: none;
    border-top: 1px solid #3d3d3d;
    width: 30px;
    position: absolute;
    top: 15px;
    left: calc(50% - 15px);
  }
}
div#main-picker-container div.tertiary-bar,
div#main-picker-container div.tertiary-sub-bar,
div#main-picker-container div.quarternary-bar {
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  margin-top: -50px;
  display: none;
  border-top: solid 1px lightgray;
  text-align: center;
  width: 100%;
  height: 50px;
  background-color: #ffffff;
  font-size: 1.4em;
  padding-top: 10px;
  color: #3d3d3d;
}
div#main-picker-container div.tertiary-bar span.secondary-filters,
div#main-picker-container div.tertiary-sub-bar span.secondary-filters,
div#main-picker-container div.quarternary-bar span.secondary-filters {
  /* width: auto !important; */
}
div#main-picker-container div.tertiary-bar span.slink-small,
div#main-picker-container div.tertiary-sub-bar span.slink-small,
div#main-picker-container div.quarternary-bar span.slink-small {
  cursor: pointer;
  display: inline-block;
  padding: 5px;
  font-size: 0.6em;
  width: auto;
  text-transform: uppercase;
  padding-left: 7px;
  padding-right: 7px;
  /* font-family: 'Avenir', sans-serif; */
  font-family: "Gotham-Book" !important;
}
div#main-picker-container div.tertiary-bar span.slink-small.active,
div#main-picker-container div.tertiary-sub-bar span.slink-small.active,
div#main-picker-container div.quarternary-bar span.slink-small.active {
  background-color: #3d3d3d;
  color: white;
}
div#main-picker-container div.tertiary-bar span.slink-small:hover,
div#main-picker-container div.tertiary-sub-bar span.slink-small:hover,
div#main-picker-container div.quarternary-bar span.slink-small:hover {
  color: #acacac;
  cursor: pointer;
}
div#main-picker-container div.tertiary-bar span.slink-small-search,
div#main-picker-container div.tertiary-sub-bar span.slink-small-search,
div#main-picker-container div.quarternary-bar span.slink-small-search {
  position: absolute;
  right: 0px;
  margin-top: -3px;
}
div#main-picker-container
  div.tertiary-bar
  span.slink-small[data-item="separator"],
div#main-picker-container
  div.tertiary-sub-bar
  span.slink-small[data-item="separator"],
div#main-picker-container
  div.quarternary-bar
  span.slink-small[data-item="separator"] {
  cursor: auto;
}
div#main-picker-container div.quarternary-bar {
  padding-bottom: 10px;
  height: auto;
  border-bottom: solid 1px lightgray;
}
div#main-picker-container div.uniform_details {
  position: absolute;
  bottom: 15%;
  color: white;
  display: none !important;
  padding-top: 10px;
  margin-left: 60px;
  font-size: 1.3em;
  text-shadow: 2px 2px #000;
}
div#main-picker-container div.uniform_details span.uniform_description {
  font-size: 0.8em;
}
div#main-picker-container div#main-picker-scroller {
  display: flex;
  max-width: 1550px;
  margin: 30px auto;
  width: 96%;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
div#main-picker-container div#main-picker-scroller .text-center {
  width: 100%;
}
div#main-picker-container div#main-picker-scroller div.did-you-mean-links a {
  display: inline-block;
}
div#main-picker-container
  div#main-picker-scroller
  div.did-you-mean-links
  a
  div.link-text {
  color: #1e1e1e;
  text-decoration: none;
  padding: 7px;
  font-size: 1.3em;
}
div#main-picker-container
  div#main-picker-scroller
  div.did-you-mean-links
  a:hover {
  text-decoration: none;
}
div#main-picker-container div#main-picker-scroller .no-favorite-styles {
  width: 100%;
  text-align: center;
}
div#main-picker-container div#main-picker-scroller .generic-message {
  width: 100%;
  text-align: center;
}
div#main-picker-container div#main-picker-scroller .disabledClass {
  cursor: not-allowed !important;
  opacity: 0.2;
}
div#main-picker-container div#main-picker-scroller .disabledClass:hover {
  opacity: 0.95;
}
div#main-picker-container
  div#main-picker-scroller
  div.main-picker-items.grow:hover {
  opacity: 1;
}
div#main-picker-container
  div#main-picker-scroller
  div.main-picker-items.grow:hover
  img {
  transform: scale(1.09);
}
div#main-picker-container
  div#main-picker-scroller
  div.main-picker-items.grow:hover
  img.front {
  display: none;
}
div#main-picker-container
  div#main-picker-scroller
  div.main-picker-items.grow:hover
  img.left {
  display: inline-block;
}
div#main-picker-container
  div#main-picker-scroller
  div.main-picker-items.grow:hover
  span.main-picker-item-caption {
  color: black;
}
div#main-picker-container
  div#main-picker-scroller
  div.main-picker-items.grow:hover
  span.main-picker-item-caption
  strong.uniform-name {
  border-bottom: dashed 1px #1e1e1e;
}
div#main-picker-container
  div#main-picker-scroller
  div.main-picker-items.grow:hover
  span.main-picker-item-caption
  strong.type {
  background-color: #1e1e1e;
  color: white;
  /* font-family:"Avenir"; */
  font-family: "Gotham-Book";
  font-size: 0.8em;
}
div#main-picker-container div#main-picker-scroller .quickturn-container {
  width: 100%;
}
div#main-picker-container div#main-picker-scroller div.main-picker-items {
  cursor: pointer;
  margin: 30px 10px;
  flex: 1 0 21%;
  margin: 25px;
  text-align: center;
  max-width: 335px;
}
@media only screen and (max-width: 768px) {
  div#main-picker-container div#main-picker-scroller div.main-picker-items {
    flex: 2 0 42%;
  }
}
@media only screen and (max-width: 600px) {
  div#main-picker-container div#main-picker-scroller div.main-picker-items {
    flex: 1 0 100%;
  }
}
div#main-picker-container
  div#main-picker-scroller
  div.main-picker-items
  .lazy-loading-container {
  position: relative;
  max-width: 388px;
  margin: 0 auto 20px;
  padding-bottom: 107%;
  height: 0;
}
div#main-picker-container
  div#main-picker-scroller
  div.main-picker-items
  .lazy-loading-container.Quickturn {
  padding-bottom: 97%;
}
div#main-picker-container
  div#main-picker-scroller
  div.main-picker-items
  .lazy-loading-container.is-loading:before {
  content: "Loading Image...";
  display: block;
  position: absolute;
  height: 40px;
  width: 100%;
  text-align: center;
  top: calc(50% - 20px);
  font-size: 18px;
  font-weight: 800;
}
div#main-picker-container
  div#main-picker-scroller
  div.main-picker-items
  .lazy-loading-container.is-loading
  img {
  visibility: hidden;
}
div#main-picker-container
  div#main-picker-scroller
  div.main-picker-items
  div.favorite {
  position: absolute;
  font-size: 0.7em;
  background-color: #acacac;
  color: #1e1e1e;
  padding: 5px;
  width: 70%;
  text-align: center;
  z-index: 1;
  margin-top: -210px;
  display: none;
  margin-left: 15%;
  margin-right: 15%;
}
div#main-picker-container
  div#main-picker-scroller
  div.main-picker-items
  div.dummy {
  position: absolute;
  font-size: 1em;
  font-weight: bolder;
  background-color: #acacac;
  color: #1e1e1e;
  padding: 5px;
  width: 70%;
  text-align: center;
  z-index: 1;
  margin-top: -210px;
  display: none;
  margin-left: 15%;
  margin-right: 15%;
}
div#main-picker-container div#main-picker-scroller div.main-picker-items img {
  /*height: 370px;*/
  margin-bottom: 30px;
  z-index: 2;
}
div#main-picker-container
  div#main-picker-scroller
  div.main-picker-items
  img.left {
  display: none;
}
div#main-picker-container
  div#main-picker-scroller
  div.main-picker-items
  span.main-picker-item-caption {
  color: #1e1e1e;
  width: 100%;
  padding: 10px 0;
  display: block;
  opacity: 0.8;
  transition: all 0.2s ease-in-out;
  text-align: center;
  font-size: 1.1em;
  /* font-family: 'Avenir'; */
  font-family: "Gotham-Book";
  text-transform: uppercase;
}
div#main-picker-container
  div#main-picker-scroller
  div.main-picker-items
  span.main-picker-item-caption
  strong.uniform-name {
  font-size: 1em;
  color: #1e1e1e;
  text-transform: uppercase;
}
div#main-picker-container
  div#main-picker-scroller
  div.main-picker-items
  span.main-picker-item-caption
  strong.type {
  background-color: #e7e7e7;
  color: #3d3d3d;
  padding: 5px;
  display: inline-block;
  padding: 3px 7px 3px 7px;
  margin: 0 auto;
  margin-top: 10px;
  font-size: 0.8em;
  text-transform: uppercase;
  /* font-family: 'Avenir'; */
  font-family: "Gotham-Book";
}
div#main-picker-container
  div#main-picker-scroller
  div.main-picker-items
  .cSoon {
  color: white;
  background: #1e1e1e;
  font-size: 0.7em;
  padding: 5px;
  text-align: center;
  position: absolute;
  top: 40%;
  width: 70%;
  opacity: 0.8;
  z-index: 1000;
  /* font-family: "Avenir Next LT W04 Bold"; */
  font-family: "Gotham-Bold";
  margin-left: 15%;
}
div#main-picker-container div#main-picker-scroller div.main-picker-items.sports,
div#main-picker-container
  div#main-picker-scroller
  div.main-picker-items.apparel {
  margin-bottom: 10px;
}
main.cd-main-content {
  display: none;
  z-index: 1001;
}
li.mix div.main-picker-items {
  height: 520px;
  cursor: pointer;
}
li.mix div.main-picker-items span.main-picker-item-caption {
  color: #1e1e1e;
  width: 100%;
  height: 30px;
  display: block;
  opacity: 0.8;
  transition: all 0.2s ease-in-out 0s;
  text-align: center;
  font-size: 1.1em;
  font-family: Gotham-Book;
  margin-top: 0px;
  text-transform: uppercase;
  position: absolute;
}
li.mix div.main-picker-items span.main-picker-item-caption strong.type > b {
  background-color: #e7e7e7;
  color: #3d3d3d;
  display: inline-block;
  padding: 3px 7px;
  margin: 10px auto 0;
  font-size: 0.8em;
  text-transform: uppercase;
  font-family: Gotham-Book;
}
li.mix div.main-picker-items img {
  height: auto;
  margin-bottom: 30px;
  z-index: 2;
}
li.mix div.main-picker-items img.left {
  display: none;
}
li.mix div.main-picker-items div.favorite {
  position: absolute;
  font-size: 0.7em;
  background-color: #acacac;
  color: #1e1e1e;
  padding: 5px;
  width: 70%;
  text-align: center;
  z-index: 1;
  margin-top: -210px;
  display: none;
  margin-left: 15%;
  margin-right: 15%;
}
li.mix div.main-picker-items:hover img.left {
  display: block;
}
li.mix div.main-picker-items:hover img.front {
  display: none;
}
li.mix
  div.main-picker-items:hover
  span.main-picker-item-caption
  > strong.type
  > b {
  background-color: #1e1e1e;
  color: #fff;
  font-family: Gotham-Book;
}
li.filter a {
  color: #a39a9a;
}
li.filter a:hover {
  text-decoration: none;
  color: #000;
}
li.filter a.selected {
  text-decoration: none;
}
li.filter a.selected:active {
  color: #000;
}
a.cd-filter-trigger:hover {
  color: #000;
  text-decoration: none;
}
ul.cd-filter-content.cd-filters.list li > input.filter {
  cursor: pointer;
}
ul.cd-filter-content.cd-filters.list li > label.radio-label {
  cursor: pointer;
}
input#search_field {
  color: #f2f2f2;
  float: right;
  font-size: 0.7em;
  border: 1px solid white;
  border-bottom: 1px dashed #f2f2f2;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
input#search_field:focus {
  color: black;
  border-bottom: 1px dashed black;
}
.fa-search-icon {
  font-size: 0.7em;
}
span.twitter-typeahead {
  float: right;
  margin-right: 10px;
  font-size: 1em;
}
div.header-container.main {
  display: none;
  color: #3d3d3d !important;
  margin-left: 12px;
}
.back-link-on {
  color: #3d3d3d !important;
}
/* End New UI */
/* TypeAhead Styling */
.typeahead,
.tt-query,
.tt-hint {
  width: 370px;
  height: 30px;
  padding: 8px 12px;
  font-size: 0.7em;
  line-height: 30px;
  border: 1px solid #ccc;
  outline: none;
}
.typeahead {
  background-color: #fff;
}
.typeahead:focus {
  border: 2px solid #acacac;
}
.tt-hint {
  color: #999;
}
.tt-menu {
  width: 370px;
  margin: 12px 0;
  padding: 8px;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.tt-suggestion {
  padding: 3px 20px;
  font-size: 18px;
  line-height: 24px;
}
.tt-suggestion:hover {
  cursor: pointer;
  color: #fff;
  background-color: #0097cf;
}
.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0097cf;
}
.tt-suggestion p {
  margin: 0;
}
.header-name {
  margin: 0px 20px 5px 20px;
  padding: 3px 0;
  border-bottom: 1px solid #ccc;
}
.header-name.orders {
  margin: 20px 20px 5px 20px;
  padding: 3px 0;
  border-bottom: 1px solid #ccc;
}
/* End TypeAhead Styling */
/* Generic */
div.usage_note {
  color: #3d3d3d;
  font-size: 0.9em;
  float: left;
}
div#select_part {
  cursor: pointer;
  color: #808080 !important;
  background-color: #e6e6e6 !important;
  margin-bottom: 2px;
  width: 100%;
  border-radius: 0;
  display: block !important;
  float: right;
  margin-top: 15px;
}
div#parts_dropdown {
  position: absolute;
  display: block;
  width: 550px;
  height: 70%;
  background-color: #3d3d3d;
  overflow-y: scroll;
  z-index: 1001;
  padding: 20px !important;
}
i.button_drop {
  float: right;
  border-left: solid 1px #acacac;
  height: 20px;
  padding-top: 0px;
  padding-left: 15px;
  font-size: 1.5em;
}
div.pd-dropdown-links {
  cursor: pointer;
  color: #ffffff;
  font-size: 1.2em;
  text-transform: uppercase;
}
div.pd-dropdown-links i {
  color: #d7d7d7;
  font-size: 0.8em;
  margin-right: 20px;
  width: 80px;
  display: inline-flex;
}
.pdHover {
  color: #3d3d3d !important;
  background-color: #ffffff;
}
/* End Generic */
/* Bottom Tabs */
div#primary_options_container {
  border-bottom: none !important;
}
div#bottom_modifier_tabs {
  background-color: #e6e6e6;
  width: 550px;
  display: table;
  height: 55px;
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  padding: 10px;
  top: 605px;
  position: absolute;
}
div#bottom_modifier_tabs div#next_container {
  float: right;
}
div#bottom_modifier_tabs div#next_container button#next_mo,
div#bottom_modifier_tabs div#next_container button#prev_mo {
  border: none;
  background-color: #3d3d3d;
  color: white;
  width: 220px;
}
div#bottom_modifier_tabs div#next_container button#next_mo div.left_side,
div#bottom_modifier_tabs div#next_container button#prev_mo div.left_side {
  float: left;
  text-align: left;
}
div#bottom_modifier_tabs
  div#next_container
  button#next_mo
  div.left_side
  span.next_label,
div#bottom_modifier_tabs
  div#next_container
  button#prev_mo
  div.left_side
  span.next_label {
  font-size: 0.8em;
}
div#bottom_modifier_tabs
  div#next_container
  button#next_mo
  div.left_side
  span.part_label,
div#bottom_modifier_tabs
  div#next_container
  button#prev_mo
  div.left_side
  span.part_label {
  font-size: 1.2em;
}
div#bottom_modifier_tabs div#next_container button#next_mo div.right_side,
div#bottom_modifier_tabs div#next_container button#prev_mo div.right_side {
  float: right;
  width: 20%;
  height: 40px;
  padding-top: 10px;
  border-left: solid 1px #d7d7d7;
  margin-top: 2px;
}
div#bottom_modifier_tabs div#next_container button#prev_mo {
  width: 30px;
  float: left;
  height: 50px;
  background-color: #c4c4c4;
  margin-right: 1px;
}
div#bottom_modifier_tabs div#next_container button#next_mo {
  float: right;
  height: 50px;
}
div#bottom_modifier_tabs div.tabs {
  margin-left: 20px;
}
div#bottom_modifier_tabs div.tabs div.mTab {
  float: left;
  padding: 10px;
  cursor: pointer;
  border: solid 1px #d7d7d7;
  margin-top: -11px;
}
/* End Bottom Tabs */
/* New Modifiers */
div.mod_primary_panels {
  display: none;
  width: 100%;
  padding-left: 15px;
  margin-top: 10px;
  height: 75px;
}
/* End New Modifiers */
/* QA Tools */
div.qa-tools-tab {
  padding: 30px;
}
.ne {
  padding: 30px;
}
.modal-content {
  padding: 30px;
}
td.color-column {
  width: 20%;
  font-size: 1.2em;
  text-align: center;
  padding: 10px;
}
td.color-material-option-column {
  padding: 30px;
}
td.pattern-material-option-column {
  text-align: center;
  padding: 10px;
}
td.pattern-material-option-column button.btn.show-boundaries {
  font-size: 0.8em;
  margin-top: 7px;
}
tr.header_row td {
  width: 20%;
  font-size: 1.2em;
  text-align: left;
  padding: 10px;
  border-bottom: solid 1px #d7d7d7;
  border-top: solid 1px #d7d7d7;
}
tr.header_row td.tCenter {
  text-align: center;
}
tr.header_row td.tRight {
  text-align: right;
}
.tCenter {
  text-align: center;
}
.tRight {
  text-align: right;
}
.tLabel {
  font-size: 2em;
}
td.pattern-material-option-column.ucase {
  text-transform: uppercase;
}
img.img_preview {
  background-color: #d7d7d7;
  height: 100px;
}
div.activate_qa_tools {
  display: none;
  cursor: pointer;
  width: 300px;
  text-align: center;
  margin-top: 7px;
  position: absolute;
  margin-left: -250px;
  font-size: 0.85em;
  text-transform: uppercase;
}
/* End QA Tools */
/* New UI */
div.left-pane-column-full {
  position: fixed;
  left: 0;
}
/* Right Pane - Property Customizer */
#right-pane-column {
  position: absolute;
  right: 30px;
  top: 100px;
}
/* End Right Pane - Property Customizer */
div.left-pane-column-full {
  display: none;
}
div.modifier_main_container {
  display: block;
  height: 248px;
}
.footer_buttons_container {
  background-color: #000000 !important;
}
.footer_buttons_container .footer-buttons {
  color: #ffffff;
  float: left;
  width: 90px;
  height: 90px;
  text-align: center;
  padding: 10px;
  padding-left: 5px;
  border-right:1px solid #fff;
  padding-right: 5px;
  cursor: pointer;
  text-decoration: none;
}
.footer_buttons_container .footer-buttons span {
  font-size: 0.65em;
  text-transform: uppercase;
}
.footer_buttons_container .footer-buttons:hover {
  color: grey;
}
/* Global Team Color Picker */
.options_panel_section.ubColorPicker {
  padding: 0px !important;
}
/* End Global Team Picker */
/* Color Wheel */
div#cw {
  display: none;
}
div#color-wheel-container {
  transition: margin 1s ease-in-out;
  z-index: 200;
}
div#color-wheel-container div.color-wheel {
  float: left;
  width: 550px;
  height: 430px;
  margin-top: -25px;
  padding-top: 15px;
  background-color: #808080;
}
div#color-wheel-container div.color-wheel svg.svg-color-wheel {
  width: 100%;
  height: 100%;
}
/* End Color Wheel */
/* Pattern Color Wheel Container */
div.pattern-color-wheel-container {
  transition: margin 1s ease-in-out;
  z-index: 200;
  display: none;
}
div.pattern-color-wheel-container div.color-wheel {
  float: left;
  width: 500px;
  height: 360px;
  background-color: #808080;
}
div.pattern-color-wheel-container div.color-wheel svg.svg-color-wheel {
  width: 100%;
  height: 100%;
}
/* End Pattern Color Wheel Container */
button#modalButton {
  display: none;
}
div#uniform_name,
div#saved_design_name {
  position: absolute;
  color: #f8f8f8;
  margin: 10px;
  font-size: 1.7em;
  text-transform: uppercase;
  text-align: left;
  /* font-family: 'Avenir', sans-serif; */
  font-family: "Gotham-Book" !important;
}
div#uniform_name span.type,
div#saved_design_name span.type {
  font-size: 0.45em;
  background-color: #1e1e1e;
  /* font-family: 'Avenir Next LT W04 Bold'; */
  font-family: "Gotham-Bold";
  padding: 3px 7px 3px 7px;
}
div#uniform_properties {
  position: absolute;
  color: #1e1e1e;
  text-transform: uppercase;
  font-size: 0.8em;
  padding-top: 3em;
  text-align: left;
  margin: 10px;
  font-family: "Gotham-Bold";
}
div#uniform_properties span {
  color: #f8f8f8;
}
div#saved_design_name {
  color: #000000 !important;
  width: 100%;
  text-align: center;
  font-size: 2.5em;
  margin-top: 50px;
}
.price_item_template_name,
.material_id {
  margin-top: 10px;
  font-size: 0.8em;
  color: red;
}
div#uniform-price-youth,
div#uniform-price-adult,
div#uniform-price-call-for-team-pricing,
div#return-to-customizer,
div#order-status {
  position: absolute;
  color: #1e1e1e;
  margin: 10px;
  font-size: 0.9em;
  text-transform: uppercase;
  margin-top: 7.9em;
  text-align: left;
  /* font-family: "Avenir Next LT W04 Bold"; */
  font-family: "Gotham-Bold" !important;
}
div#uniform-price-youth span.youthPriceCustomizer.sale,
div#uniform-price-adult span.youthPriceCustomizer.sale,
div#uniform-price-call-for-team-pricing span.youthPriceCustomizer.sale,
div#return-to-customizer span.youthPriceCustomizer.sale,
div#order-status span.youthPriceCustomizer.sale,
div#uniform-price-youth span.adultPriceCustomizer.sale,
div#uniform-price-adult span.adultPriceCustomizer.sale,
div#uniform-price-call-for-team-pricing span.adultPriceCustomizer.sale,
div#return-to-customizer span.adultPriceCustomizer.sale,
div#order-status span.adultPriceCustomizer.sale {
  text-decoration: line-through;
}
div#uniform-price-youth span.youthPriceCustomizerSale,
div#uniform-price-adult span.youthPriceCustomizerSale,
div#uniform-price-call-for-team-pricing span.youthPriceCustomizerSale,
div#return-to-customizer span.youthPriceCustomizerSale,
div#order-status span.youthPriceCustomizerSale,
div#uniform-price-youth span.adultPriceCustomizerSale,
div#uniform-price-adult span.adultPriceCustomizerSale,
div#uniform-price-call-for-team-pricing span.adultPriceCustomizerSale,
div#return-to-customizer span.adultPriceCustomizerSale,
div#order-status span.adultPriceCustomizerSale {
  color: red;
}
div#uniform-price-youth span.youthPriceCustomizerSale span.sales-badge,
div#uniform-price-adult span.youthPriceCustomizerSale span.sales-badge,
div#uniform-price-call-for-team-pricing
  span.youthPriceCustomizerSale
  span.sales-badge,
div#return-to-customizer span.youthPriceCustomizerSale span.sales-badge,
div#order-status span.youthPriceCustomizerSale span.sales-badge,
div#uniform-price-youth span.adultPriceCustomizerSale span.sales-badge,
div#uniform-price-adult span.adultPriceCustomizerSale span.sales-badge,
div#uniform-price-call-for-team-pricing
  span.adultPriceCustomizerSale
  span.sales-badge,
div#return-to-customizer span.adultPriceCustomizerSale span.sales-badge,
div#order-status span.adultPriceCustomizerSale span.sales-badge {
  margin-left: 3px;
  background-color: red;
  color: white;
  padding-left: 3px;
  padding-right: 3px;
}
div#uniform-price-youth span.youthPriceCustomizerSale.nosale,
div#uniform-price-adult span.youthPriceCustomizerSale.nosale,
div#uniform-price-call-for-team-pricing span.youthPriceCustomizerSale.nosale,
div#return-to-customizer span.youthPriceCustomizerSale.nosale,
div#order-status span.youthPriceCustomizerSale.nosale,
div#uniform-price-youth span.adultPriceCustomizerSale.nosale,
div#uniform-price-adult span.adultPriceCustomizerSale.nosale,
div#uniform-price-call-for-team-pricing span.adultPriceCustomizerSale.nosale,
div#return-to-customizer span.adultPriceCustomizerSale.nosale,
div#order-status span.adultPriceCustomizerSale.nosale {
  display: none;
}
div#uniform-price-youth span.youthPriceCustomizer.hide,
div#uniform-price-adult span.youthPriceCustomizer.hide,
div#uniform-price-call-for-team-pricing span.youthPriceCustomizer.hide,
div#return-to-customizer span.youthPriceCustomizer.hide,
div#order-status span.youthPriceCustomizer.hide,
div#uniform-price-youth span.adultPriceCustomizer.hide,
div#uniform-price-adult span.adultPriceCustomizer.hide,
div#uniform-price-call-for-team-pricing span.adultPriceCustomizer.hide,
div#return-to-customizer span.adultPriceCustomizer.hide,
div#order-status span.adultPriceCustomizer.hide,
div#uniform-price-youth span.youthPriceCustomizerSale.hide,
div#uniform-price-adult span.youthPriceCustomizerSale.hide,
div#uniform-price-call-for-team-pricing span.youthPriceCustomizerSale.hide,
div#return-to-customizer span.youthPriceCustomizerSale.hide,
div#order-status span.youthPriceCustomizerSale.hide,
div#uniform-price-youth span.adultPriceCustomizerSale.hide,
div#uniform-price-adult span.adultPriceCustomizerSale.hide,
div#uniform-price-call-for-team-pricing span.adultPriceCustomizerSale.hide,
div#return-to-customizer span.adultPriceCustomizerSale.hide,
div#order-status span.adultPriceCustomizerSale.hide {
  display: none !important;
}
div#uniform-price-youth.hide {
  display: none;
}
div#uniform-price-adult {
  margin-top: 9.3em;
}
div#uniform-price-adult.single {
  margin-top: 7.7em;
}
div#uniform-price-call-for-team-pricing {
  margin-top: 11.4em;
  color: #1e1e1e;
  text-transform: lowercase;
  /* font-family: 'Avenir', sans-serif; */
  font-family: "Gotham-Book";
}
div#uniform-price-call-for-team-pricing.single {
  margin-top: 8em;
  text-transform: uppercase;
  color: red;
}
div#return-to-customizer {
  margin-top: 8.4em;
  color: lightgray;
  text-transform: lowercase;
}
div#return-to-customizer button#button-return-to-customizer {
  margin-top: 3.6em;
  color: black;
  background-color: white;
  border: 1px solid black;
  padding: 9px;
  padding-left: 10px;
  padding-right: 10px;
}
div#return-to-customizer button#button-return-to-customizer:hover {
  color: #3d3d3d;
  background-color: #acacac;
}
div#uniform-price-call-for-team-pricing.callForPricingOff {
  display: none;
}
div#order-status {
  position: absolute;
  margin-top: 10.5em;
  text-transform: none;
  color: #f9c129;
  /* display:none; */
}
div#order-status.rejected {
  color: #1e1e1e;
  border-bottom: dashed 1px #1e1e1e;
}
.header-container {
  margin: 30px;
}
.forceHide {
  display: none !important;
}
/* Pattern UI */
div#patternUI {
  position: absolute;
  top: 65px;
  width: 550px;
  height: 500px;
  padding: 30px;
  display: none;
  overflow: hidden;
}
div#patternUI div.patternName {
  color: white;
  text-align: center;
  font-size: 1.3em;
}
div#patternUI div.patternName label {
  width: auto;
  color: white;
  padding-left: 0px;
  text-align: left;
}
div#patternUI div.patternName span.value {
  text-transform: uppercase;
}
div#patternUI div.allPartsContainer {
  width: 100%;
  text-align: center;
  color: white;
  font-size: 0.9em;
}
div#patternUI div.patternPreviewContainer {
  padding: 30px;
  text-align: center;
  padding-left: 94px;
}
div#patternUI div.patternPreviewContainer svg {
  background-color: #3d3d3d;
  width: 300px;
  height: 300px;
}
div#patternUI div.patternColorNavigator div.left {
  width: 25%;
  float: left;
  text-align: right;
  cursor: pointer;
}
div#patternUI div.patternColorNavigator div.left:hover,
div#patternUI div.patternColorNavigator div.right:hover {
  color: #e6e6e6;
}
div#patternUI div.patternColorNavigator div.label {
  width: 50%;
  float: left;
  text-align: center;
}
div#patternUI div.patternColorNavigator div.right {
  width: 25%;
  float: left;
  cursor: pointer;
}
a.change-view.disabled {
  cursor: not-allowed !important;
  color: lightgray !important;
}
canvas.upper-canvas:hover {
  border: solid 2px #333;
}
/* End Pattern UI */
/* Mascot Popup */
div#primaryMascotPopup {
  cursor: grab;
  padding: 10px;
  display: none;
  position: absolute;
  width: 1000px;
  height: 700px;
  top: 300px;
  left: 300px;
  z-index: 3100;
  background-color: white;
  -webkit-box-shadow: 6px 6px 45px 5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 6px 6px 45px 5px rgba(0, 0, 0, 0.75);
  box-shadow: 6px 6px 45px 5px rgba(0, 0, 0, 0.75);
  padding-left: 0px;
  padding-right: 0px;
}
div#primaryMascotPopup div.upload {
  position: absolute;
  padding: 30px;
  padding-left: 0px;
  padding-right: 0px;
  display: none;
  width: 100%;
  height: 580px;
  background-color: #acacac;
  z-index: 100;
}
div#primaryMascotPopup div.upload div.col1 img#preview {
  width: 75%;
  margin-top: 7px;
}
div#primaryMascotPopup div.upload div.col1 em.unsupported-file {
  color: #3d3d3d;
  font-size: 0.8em;
}
div#primaryMascotPopup div.upload div.col1 span.file-input {
  margin-top: 30px;
  display: block;
  font-size: 0.8em;
  padding: 7px;
  margin: 0 auto;
  margin-top: 10px;
  padding-bottom: 0px;
}
div#primaryMascotPopup
  div.upload
  div.col1
  span.file-input
  input#custom-artwork {
  background-color: #3d3d3d;
  padding: 10px;
  color: white;
  margin-bottom: 10px;
}
div#primaryMascotPopup div.upload div.col2 {
  text-align: left;
  font-size: 0.8em;
}
div#primaryMascotPopup div.upload div.col2 ol {
  width: 90%;
}
div#primaryMascotPopup div.upload div.col2 ol li {
  margin-top: 7px;
}
div#primaryMascotPopup div.upload div.col2 div.notes-container {
  padding-right: 30px;
}
div#primaryMascotPopup div.upload div.col2 div.button_footer {
  width: 100%;
  text-align: right;
  margin-top: 280px;
  padding-right: 30px;
}
div#primaryMascotPopup div.upload div.col2 div.button_footer span.ok_btn,
div#primaryMascotPopup div.upload div.col2 div.button_footer span.cancel_btn {
  display: inline-block;
  width: 150px;
  cursor: pointer;
  padding: 7px;
  border: 1px solid #3d3d3d;
  text-align: center;
  background-color: #e7e7e7;
  color: #3d3d3d;
}
div#primaryMascotPopup div.upload div.col2 div.button_footer span.ok_btn {
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  display: none;
}
div#primaryMascotPopup div.upload div.col2 div.button_footer span.ok_btn img {
  width: 40px;
  height: 40px;
}
div#primaryMascotPopup div.upload div.col2 div.button_footer span.ok_btn:hover,
div#primaryMascotPopup
  div.upload
  div.col2
  div.button_footer
  span.cancel_btn:hover {
  color: white;
  background-color: #3d3d3d;
}
div#primaryMascotPopup div.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 40px;
  color: white;
  background-color: #808080;
  left: 0;
  padding: 10px;
  z-index: 101;
}
div#primaryMascotPopup div.header {
  text-align: center;
  font-size: 1.3em;
  padding: 10px;
  padding-left: 0px;
  padding-right: 0px;
}
div#primaryMascotPopup div.header .top div.popup_header {
  width: 100%;
}
div#primaryMascotPopup div.header .bottom {
  margin-top: 30px;
}
div#primaryMascotPopup div.header .bottom .tabs {
  float: left;
  margin-left: 10px;
}
div#primaryMascotPopup div.header .bottom .tabs .tab {
  cursor: pointer;
  width: 90px;
  display: inline-block;
  padding: 3px;
  font-size: 0.9em;
}
div#primaryMascotPopup div.header .bottom .tabs .tab:hover {
  color: white;
  background-color: #acacac;
}
div#primaryMascotPopup div.header .bottom .tabs .tab.active {
  color: white;
  background-color: #3d3d3d;
}
div#primaryMascotPopup div.header .bottom input.mascot_search {
  float: right;
  margin-bottom: 7px;
  font-size: 0.8em;
  width: 250px;
  height: 30px;
  padding: 7px;
  border: solid 1px #1e1e1e;
}
div#primaryMascotPopup div.main-content {
  width: 100%;
  height: 580px;
  overflow-y: scroll;
  padding: 20px;
  padding-top: 0px;
  padding-bottom: 50px;
  padding-left: 0px;
  border-top: 1px solid #3d3d3d;
}
div#primaryMascotPopup div.main-content div.groups_categories {
  width: 15%;
  float: left;
  height: 570px;
  overflow-y: scroll;
  position: absolute;
  border-right: solid 1px;
  text-align: left;
  width: 25%;
}
div#primaryMascotPopup
  div.main-content
  div.groups_categories
  span.groups_category_item {
  display: block;
  cursor: pointer;
  height: 30px;
  padding: 4px;
  padding-left: 30px;
}
div#primaryMascotPopup
  div.main-content
  div.groups_categories
  span.groups_category_item[data-category-name="My Mascots"] {
  position: absolute;
  bottom: 170px;
  left: 0px;
  width: 100%;
  padding-right: 30px;
}
div#primaryMascotPopup
  div.main-content
  div.groups_categories
  span.groups_category_item[data-category-name="My Mascots"]
  em {
  font-size: 0.7em;
}
div#primaryMascotPopup
  div.main-content
  div.groups_categories
  span.groups_category_item:hover {
  background-color: #3d3d3d;
  color: white;
}
div#primaryMascotPopup
  div.main-content
  div.groups_categories
  span.groups_category_item:hover
  em {
  color: #3d3d3d !important;
}
div#primaryMascotPopup
  div.main-content
  div.groups_categories
  span.groups_active_category {
  background-color: #3d3d3d;
  color: white;
  border-bottom: dashed 1px black;
}
div#primaryMascotPopup div.main-content div.categories {
  float: left;
  height: 567px;
  overflow-y: scroll;
  position: absolute;
  border-right: solid 1px;
  display: none;
  text-align: left;
  width: 25%;
}
div#primaryMascotPopup div.main-content div.categories span.category_item {
  display: block;
  cursor: pointer;
  height: 30px;
  padding: 4px;
  padding-left: 30px;
}
div#primaryMascotPopup
  div.main-content
  div.categories
  span.category_item.active {
  color: white;
  background-color: #3d3d3d;
}
div#primaryMascotPopup
  div.main-content
  div.categories
  span.category_item:hover {
  background-color: #3d3d3d;
  color: white;
}
div#primaryMascotPopup div.main-content div.categories span.active_category {
  background-color: #3d3d3d;
  color: white;
  border-bottom: dashed 1px black;
}
div#primaryMascotPopup div.main-content div.patternPopupResults {
  width: 73%;
}
div#primaryMascotPopup div.main-content div.patternPopupResults div.item {
  float: left;
  width: 150px;
  height: 150px;
  margin: 10px;
  background-size: cover;
  cursor: pointer;
  margin-bottom: 30px;
  margin-top: 20px;
}
div#primaryMascotPopup
  div.main-content
  div.patternPopupResults
  div.item
  div.name {
  width: 100%;
  margin-top: 160px;
  color: black;
  transition: all 0.1s ease-in-out;
  text-align: center;
  font-weight: normal;
  font-size: 0.8em;
  padding: 3px;
}
div#primaryMascotPopup
  div.main-content
  div.patternPopupResults
  div.item
  div.name.pullUp {
  background-color: #3d3d3d;
  color: white;
}
div#primaryMascotPopup
  div.main-content
  div.patternPopupResults
  div.item.active
  div.name {
  background-color: #3d3d3d;
  color: white;
}
/* End Mascot Popup */
/**
       * Team Store Products Popup
       */
div#team-store-products-picker {
  cursor: grab;
  padding: 10px;
  display: none;
  position: absolute;
  width: 1000px;
  height: 700px;
  z-index: 3100;
  background-color: white;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-box-shadow: 10px 10px 45px 5px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 10px 10px 45px 5px rgba(0, 0, 0, 0.7);
  box-shadow: 10px 10px 45px 5px rgba(0, 0, 0, 0.7);
}
div#team-store-products-picker div.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 40px;
  color: white;
  background-color: #808080;
  left: 0;
  padding: 10px;
}
div#team-store-products-picker div.header {
  font-size: 2em;
  text-align: center;
  width: 100%;
  display: block;
  text-transform: uppercase;
  padding: 30px;
  margin-bottom: 40px;
  border-bottom: dashed 1px #acacac;
}
div#team-store-products-picker div.main-content {
  width: 100%;
  height: 500px;
  overflow-y: scroll;
  padding: 20px;
  padding-top: 0px;
  padding-bottom: 50px;
}
div#team-store-products-picker div.main-content div.team-store-products-list {
  width: 95%;
}
div#team-store-products-picker
  div.main-content
  div.team-store-products-list
  div.item {
  float: left;
  width: 190px;
  height: 190px;
  margin: 12px;
  background-size: cover;
  cursor: pointer;
  margin-bottom: 50px;
  -webkit-box-shadow: 3px 9px 24px -5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 3px 9px 24px -5px rgba(0, 0, 0, 0.75);
  box-shadow: 3px 9px 24px -5px rgba(0, 0, 0, 0.75);
}
div#team-store-products-picker
  div.main-content
  div.team-store-products-list
  div.item
  div.name {
  width: 100%;
  height: 50px;
  margin-top: 176px;
  background-color: #e7e7e7;
  color: #3d3d3d;
  transition: all 0.1s ease-in-out;
  text-align: center;
  font-size: 0.9em;
  padding-top: 7px;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
div#team-store-products-picker
  div.main-content
  div.team-store-products-list
  div.item
  div.name.pullUp {
  background-color: #3d3d3d;
  color: white;
}
/**
       * End Team Store Products Popup
       */
/* Pattern Popup */
div#primaryPatternPopup {
  cursor: grab;
  padding: 10px;
  display: none;
  position: absolute;
  width: 1000px;
  height: 700px;
  z-index: 3100;
  background-color: white;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-box-shadow: 10px 10px 45px 5px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 10px 10px 45px 5px rgba(0, 0, 0, 0.7);
  box-shadow: 10px 10px 45px 5px rgba(0, 0, 0, 0.7);
}
div#primaryPatternPopup span.inside-label-pattern-id {
  font-size: 1.2em;
  color: red;
}
div#primaryPatternPopup div.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 40px;
  color: white;
  background-color: #808080;
  left: 0;
  padding: 10px;
}
div#primaryPatternPopup div.header {
  font-size: 2em;
  text-align: center;
  width: 100%;
  display: block;
  text-transform: uppercase;
  padding: 30px;
  margin-bottom: 40px;
  border-bottom: dashed 1px #acacac;
}
div#primaryPatternPopup div.main-content {
  width: 100%;
  height: 500px;
  overflow-y: scroll;
  padding: 20px;
  padding-top: 0px;
  padding-bottom: 50px;
}
div#primaryPatternPopup div.main-content div.patternPopupResults {
  width: 95%;
}
div#primaryPatternPopup div.main-content div.patternPopupResults div.item {
  float: left;
  width: 190px;
  height: 190px;
  margin: 10px;
  background-size: cover;
  cursor: pointer;
  margin-bottom: 30px;
  -webkit-box-shadow: 3px 9px 24px -5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 3px 9px 24px -5px rgba(0, 0, 0, 0.75);
  box-shadow: 3px 9px 24px -5px rgba(0, 0, 0, 0.75);
}
div#primaryPatternPopup
  div.main-content
  div.patternPopupResults
  div.item
  div.name {
  width: 100%;
  height: 30px;
  margin-top: 170px;
  background-color: #e7e7e7;
  color: #3d3d3d;
  transition: all 0.1s ease-in-out;
  text-align: center;
  font-size: 0.9em;
  padding-top: 7px;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
div#primaryPatternPopup
  div.main-content
  div.patternPopupResults
  div.item
  div.name.pullUp {
  background-color: #3d3d3d;
  color: white;
}
/* End Pattern Popup */
/* Accent Popup */
div#primaryAccentPopup {
  cursor: grab;
  padding: 10px;
  display: none;
  position: absolute;
  width: 1000px;
  height: 700px;
  top: 300px;
  left: 300px;
  z-index: 3100;
  background-color: #fff;
  -webkit-box-shadow: 6px 6px 45px 5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 6px 6px 45px 5px rgba(0, 0, 0, 0.75);
  box-shadow: 6px 6px 45px 5px rgba(0, 0, 0, 0.75);
}
div#primaryAccentPopup div.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 40px;
  color: white;
  background-color: #808080;
  left: 0;
  padding: 10px;
}
div#primaryAccentPopup div.header,
div#primaryAccentPopup span.header {
  font-size: 1.5em;
  text-align: center;
  width: 100%;
  display: block;
  text-transform: uppercase;
  padding: 30px;
  padding-bottom: 15px;
  margin-bottom: 40px;
  border-bottom: dashed 1px #acacac;
}
div#primaryAccentPopup div.header div.size-container,
div#primaryAccentPopup span.header div.size-container {
  width: 100%;
  text-align: center;
  margin-top: 20px;
  font-size: 0.5em;
  /* span.container-label { font-family: "Avenir Next LT W04 Bold"; margin-right: 30px;} */
}
div#primaryAccentPopup div.header div.size-container span.container-label,
div#primaryAccentPopup span.header div.size-container span.container-label {
  font-family: "Gotham-Bold";
  margin-right: 30px;
}
div#primaryAccentPopup div.header div.size-container span.sizeButton,
div#primaryAccentPopup span.header div.size-container span.sizeButton {
  width: 30px;
  height: 30px;
  display: inline-block;
  background-color: #ffffff;
  color: #3d3d3d;
  cursor: pointer;
  padding: 7px;
  font-size: 0.8em;
  text-align: center;
}
div#primaryAccentPopup div.header div.size-container span.sizeButton:hover,
div#primaryAccentPopup span.header div.size-container span.sizeButton:hover {
  background-color: #acacac;
  color: #ffffff;
}
div#primaryAccentPopup div.header div.size-container span.sizeButton.active,
div#primaryAccentPopup span.header div.size-container span.sizeButton.active {
  background-color: #3d3d3d;
  color: #fff;
  /* font-family: "Avenir Next LT W04 Bold"; */
  font-family: "Gotham-Bold";
}
div#primaryAccentPopup div.header {
  margin-bottom: 20px;
}
div#primaryAccentPopup div.main-content {
  width: 100%;
  height: 550px;
  overflow-y: scroll;
  padding: 20px;
  padding-top: 0px;
  padding-bottom: 50px;
}
div#primaryAccentPopup div.main-content div.accentPopupResults div.item {
  color: #3d3d3d;
  float: left;
  width: 190px;
  height: 190px;
  background-color: #e7e7e7;
  margin: 10px;
  background-size: cover;
  cursor: pointer;
  margin-bottom: 50px;
  margin-right: 20px;
  margin-left: 17px;
  background-position-y: -5px;
  -webkit-box-shadow: 3px 9px 24px -5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 3px 9px 24px -5px rgba(0, 0, 0, 0.75);
  box-shadow: 3px 9px 24px -5px rgba(0, 0, 0, 0.75);
}
div#primaryAccentPopup
  div.main-content
  div.accentPopupResults
  div.item
  div.name {
  width: 100%;
  margin-top: 170px;
  background-color: #acacac;
  color: white;
  transition: all 0.1s ease-in-out;
  text-align: center;
  font-size: 0.9em;
  padding-top: 7px;
}
div#primaryAccentPopup
  div.main-content
  div.accentPopupResults
  div.item
  div.name.pullUp {
  background-color: #3d3d3d;
}
/* End Accent Popup */
/* Accent Popup */
div#primaryTailSweepPopup {
  cursor: grab;
  padding: 10px;
  display: none;
  position: absolute;
  width: 1000px;
  height: 700px;
  top: 300px;
  left: 300px;
  z-index: 3100;
  background-color: #fff;
  -webkit-box-shadow: 6px 6px 45px 5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 6px 6px 45px 5px rgba(0, 0, 0, 0.75);
  box-shadow: 6px 6px 45px 5px rgba(0, 0, 0, 0.75);
}
div#primaryTailSweepPopup div.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 40px;
  color: white;
  background-color: #808080;
  left: 0;
  padding: 5px;
}
div#primaryTailSweepPopup div.header,
div#primaryTailSweepPopup span.header {
  font-size: 1.5em;
  text-align: center;
  width: 100%;
  display: block;
  text-transform: uppercase;
  padding: 30px;
  padding-bottom: 15px;
  margin-bottom: 40px;
  border-bottom: dashed 1px #acacac;
}
div#primaryTailSweepPopup div.header div.size-container,
div#primaryTailSweepPopup span.header div.size-container {
  width: 100%;
  text-align: center;
  margin-top: 20px;
  font-size: 0.5em;
  /* span.container-label { font-family: "Avenir Next LT W04 Bold"; margin-right: 30px;} */
}
div#primaryTailSweepPopup div.header div.size-container span.container-label,
div#primaryTailSweepPopup span.header div.size-container span.container-label {
  font-family: "Gotham-Bold";
  margin-right: 30px;
}
div#primaryTailSweepPopup div.header div.size-container span.sizeButton,
div#primaryTailSweepPopup span.header div.size-container span.sizeButton {
  width: 30px;
  height: 30px;
  display: inline-block;
  background-color: #ffffff;
  color: #3d3d3d;
  cursor: pointer;
  padding: 7px;
  font-size: 0.8em;
  text-align: center;
}
div#primaryTailSweepPopup div.header div.size-container span.sizeButton:hover,
div#primaryTailSweepPopup span.header div.size-container span.sizeButton:hover {
  background-color: #acacac;
  color: #ffffff;
}
div#primaryTailSweepPopup div.header div.size-container span.sizeButton.active,
div#primaryTailSweepPopup
  span.header
  div.size-container
  span.sizeButton.active {
  background-color: #3d3d3d;
  color: #fff;
  /* font-family: "Avenir Next LT W04 Bold"; */
  font-family: "Gotham-Bold";
}
div#primaryTailSweepPopup div.header {
  margin-bottom: 20px;
}
div#primaryTailSweepPopup div.main-content {
  width: 100%;
  height: 510px;
  overflow-y: scroll;
  padding: 20px;
  padding-top: 0px;
  padding-bottom: 50px;
}
div#primaryTailSweepPopup
  div.main-content
  div.tailSweepPopupResults
  div.item.grow {
  transform: scale(1);
  transition: all 0.1s ease-in-out;
}
div#primaryTailSweepPopup
  div.main-content
  div.tailSweepPopupResults
  div.item.grow:hover {
  transform: scale(1);
}
div#primaryTailSweepPopup div.main-content div.tailSweepPopupResults div.item {
  color: #3d3d3d;
  float: left;
  width: 390px;
  height: 220px;
  background-color: #e7e7e7;
  margin: 10px;
  background-size: contain;
  cursor: pointer;
  margin-bottom: 50px;
  margin-right: 20px;
  margin-left: 40px;
  background-position: bottom center;
  background-repeat: no-repeat;
  overflow: hidden;
  -webkit-box-shadow: 3px 9px 24px -5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 3px 9px 24px -5px rgba(0, 0, 0, 0.75);
  box-shadow: 3px 9px 24px -5px rgba(0, 0, 0, 0.75);
}
div#primaryTailSweepPopup
  div.main-content
  div.tailSweepPopupResults
  div.item
  div.text-preview {
  font-size: 2.7em;
  text-align: center;
  width: 100%;
  height: 70px;
  margin-top: 50px;
  position: absolute;
}
div#primaryTailSweepPopup
  div.main-content
  div.tailSweepPopupResults
  div.item
  div.name {
  width: 100%;
  height: 30px;
  margin-top: 160px;
  background-color: #acacac;
  color: white;
  transition: all 0.1s ease-in-out;
  text-align: center;
  font-size: 0.9em;
  padding-top: 7px;
  position: absolute;
}
div#primaryTailSweepPopup
  div.main-content
  div.tailSweepPopupResults
  div.item
  div.name.pullUp {
  background-color: #3d3d3d;
}
/* End Tailsweep Popup */
/* Generic, Popup */
div.close-popup {
  color: #808080;
  position: absolute;
  right: 0;
  padding: 30px;
  top: -10px;
  cursor: pointer;
}
div.close-popup:hover {
  color: black;
}
/* End Generic Popup */
/* applicationUI */
div#changeApplicationUI {
  z-index: 500;
  position: absolute;
  top: 20%;
  background-color: #808080;
  width: 500px;
  height: 390px;
  margin-left: 25px;
  box-shadow: 15px 15px 33px -28px rgba(0, 0, 0, 0.7);
  padding: 30px;
  padding-left: 50px;
  -webkit-box-shadow: 6px 6px 45px 5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 6px 6px 45px 5px rgba(0, 0, 0, 0.75);
  box-shadow: 6px 6px 45px 5px rgba(0, 0, 0, 0.75);
}
div#changeApplicationUI div.closeApplicationChanger {
  color: #000000;
}
div#changeApplicationUI div.closeApplicationChanger:hover {
  color: white;
}
div#changeApplicationUI div.body {
  padding: 30px;
  font-size: 1.3em;
  padding-top: 30px;
  padding-left: 10px;
}
div#changeApplicationUI div.body div.optionButton {
  display: inline-block;
  width: 42%;
  font-size: 1.5em;
  text-align: center;
  border: 1px solid #000000;
  margin-left: 15px;
  margin-bottom: 10px;
  padding: 10px;
  -webkit-box-shadow: 15px 15px 33px -28px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 15px 15px 33px -28px rgba(0, 0, 0, 0.7);
  box-shadow: 15px 15px 33px -28px rgba(0, 0, 0, 0.7);
}
div#changeApplicationUI div.body div.optionButton div.caption {
  font-size: 0.4em;
}
div#changeApplicationUI div.body div.optionButton:hover {
  border: 1px solid white;
}
/* Pipings UI */
div#pipingsUI {
  display: none;
  margin: 20px;
  width: 520px;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
div#pipingsUI div.header {
  font-size: 1.5em;
  color: #3d3d3d;
  text-transform: uppercase;
}
div#pipingsUI div.header span.cog {
  float: right;
  cursor: pointer;
  margin-right: 30px;
}
div#pipingsUI div.header div.toggle {
  display: inline-block;
  width: 100px;
  overflow: hidden;
  height: 30px;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: 10px;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
div#pipingsUI div.header div.toggle div.valueContainer {
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  max-width: 200px;
  cursor: pointer;
}
div#pipingsUI div.header div.toggle div.valueContainer div.toggleOption {
  width: 100px;
  text-align: center;
  display: inline-block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
div#pipingsUI div.header div.toggle div.valueContainer div.on {
  background-color: #3d3d3d;
  color: white;
}
div#pipingsUI div.header div.toggle div.valueContainer div.off {
  background-color: #acacac;
  color: #e6e6e6;
}
div#pipingsUI div.body {
  font-size: 1em;
  padding-top: 10px;
  padding-left: 10px;
}
div#pipingsUI div.body div.optionButton {
  display: inline-block;
  width: 40%;
  font-size: 1.5em;
  text-align: center;
  border: 1px solid #3d3d3d;
  margin-left: 30px;
  margin-bottom: 30px;
  padding: 10px;
  cursor: pointer;
  -webkit-box-shadow: 15px 15px 33px -28px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 15px 15px 33px -28px rgba(0, 0, 0, 0.7);
  box-shadow: 15px 15px 33px -28px rgba(0, 0, 0, 0.7);
}
div#pipingsUI div.body div.optionButton div.caption {
  font-size: 0.4em;
}
div#pipingsUI div.body div.optionButton:hover {
  border: 1px solid #ffffff;
}
div#pipingsUI div.body div.cover {
  display: none;
  width: 550px;
  background-color: #3d3d3d;
  z-index: 1000;
  opacity: 0.9;
  height: 393px;
  margin-left: -30px;
}
div#pipingsUI div.body span.accentThumb img {
  cursor: pointer;
  width: 115px;
}
div#pipingsUI div.body div.color-pattern-tabs {
  margin-top: 10px;
}
div#pipingsUI div.body div.color-pattern-tabs span.tab {
  color: #3d3d3d;
  background-color: #e7e7e7;
  width: 35%;
  height: 30px;
  cursor: pointer;
  padding: 5px;
  display: inline-block;
  text-align: center;
  font-size: 0.8em;
  margin-right: 5px;
}
div#pipingsUI div.body div.color-pattern-tabs span.tab:hover,
div#pipingsUI div.body div.color-pattern-tabs span.tab.active {
  color: white;
  background-color: #3d3d3d;
}
div#pipingsUI div.body .ui-row {
  margin-bottom: 10px;
}
div#pipingsUI div.body .ui-row span.piping-type {
  font-size: 1em;
}
div#pipingsUI div.body .ui-row span.piping-sizes-buttons,
div#pipingsUI div.body .ui-row span.piping-colors-buttons {
  background-color: #e7e7e7;
  color: #3d3d3d;
  cursor: pointer;
  margin-right: 3px;
  width: 80px;
  display: inline-block;
  text-align: center;
}
div#pipingsUI div.body .ui-row span.piping-sizes-buttons:hover,
div#pipingsUI div.body .ui-row span.piping-sizes-buttons.active,
div#pipingsUI div.body .ui-row span.piping-colors-buttons:hover,
div#pipingsUI div.body .ui-row span.piping-colors-buttons.active {
  background-color: #3d3d3d;
  color: white;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
}
div#pipingsUI div.body .ui-row span.piping-sizes-buttons.active,
div#pipingsUI div.body .ui-row span.piping-colors-buttons.active {
  /* font-family: 'Avenir Next LT W04 Bold', sans-serif; */
  font-family: "Gotham-Bold";
}
div#pipingsUI div.body .ui-row span.piping-colors-buttons {
  font-size: 0.8em;
}
div#pipingsUI div.body .ui-row label {
  padding-left: 0px !important;
}
div#pipingsUI div.body .ui-row .column1,
div#pipingsUI div.body .ui-row .column2 {
  border-top: solid 1px #3d3d3d;
  display: inline-block;
  text-align: center;
  width: 100%;
}
div#pipingsUI div.body .ui-row .column1 div.sub1,
div#pipingsUI div.body .ui-row .column2 div.sub1 {
  display: table-cell;
  width: 30%;
}
div#pipingsUI div.body .ui-row .column1 label,
div#pipingsUI div.body .ui-row .column2 label {
  width: 100%;
}
div#pipingsUI div.body .ui-row .column1 div.colorContainer,
div#pipingsUI div.body .ui-row .column2 div.colorContainer {
  display: table-cell;
  vertical-align: top;
  width: 70%;
  padding-top: 23px;
}
div#pipingsUI
  div.body
  .ui-row
  .column1
  div.colorContainer
  .smallColorPickerLabel,
div#pipingsUI
  div.body
  .ui-row
  .column2
  div.colorContainer
  .smallColorPickerLabel {
  width: 30%;
  text-align: right;
  margin-right: 10px;
  font-size: 0.6em;
}
div#pipingsUI
  div.body
  .ui-row
  .column1
  div.colorContainer
  .smallPickerContainer,
div#pipingsUI
  div.body
  .ui-row
  .column2
  div.colorContainer
  .smallPickerContainer {
  width: 100%;
  margin-bottom: 1px;
}
div#pipingsUI div.body .ui-row .column1 div.colorContainer span.colorItem,
div#pipingsUI div.body .ui-row .column2 div.colorContainer span.colorItem {
  display: inline-block;
  width: 25px;
  height: 25px;
  background-color: white;
  margin-bottom: 1px;
  font-size: 0.8em;
  font-size: 0.7em;
  padding-top: 4px;
  font-weight: normal;
  cursor: pointer;
  margin-right: 0px;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
div#pipingsUI
  div.body
  .ui-row
  .column1
  div.colorContainer
  span.colorItem
  i.fa.fa-check,
div#pipingsUI
  div.body
  .ui-row
  .column2
  div.colorContainer
  span.colorItem
  i.fa.fa-check {
  font-size: 0.8em;
}
div#pipingsUI div.body .ui-row div.applications.patterns,
div#pipingsUI div.body .ui-row div.applications.tailsweeps,
div#pipingsUI div.body .ui-row div.applications.manipulators {
  display: none;
}
div#pipingsUI div.body span.font_name:hover {
  color: #acacac;
}
div#pipingsUI div.body span.piping_size {
  cursor: pointer;
  padding-bottom: 3px;
  font-size: 1em;
  width: 8%;
  background-color: white;
  margin-right: 10px;
  display: inline-block;
  padding: 3px;
  text-align: center;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
div#pipingsUI div.body span.piping_size:hover {
  background-color: #acacac;
  color: white;
}
div#pipingsUI div.body span.piping_size.active {
  background-color: #3d3d3d;
  color: white;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
}
div#pipingsUI div.body em {
  font-size: 0.8em;
}
div#pipingsUI div.body span.color-string {
  cursor: pointer;
  text-shadow: 2px 2px #333333;
  margin-left: 3px;
  border-bottom: 1px dashed;
}
div#pipingsUI div.body span.color-string:hover {
  color: white !important;
}
div#pipingsUI div.body label.applicationLabels {
  display: inline-block;
  font-size: 0.8em;
  color: white;
  width: 25%;
}
div#pipingsUI div.body label.piping_size {
  width: 32%;
}
div#pipingsUI div.body label.piping_size.custom {
  width: 26.7%;
}
/* End Pipings UI */
/* randomFeeds UI */
div#randomFeedsUI {
  display: none;
  margin: 20px;
  width: 520px;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
div#randomFeedsUI div.header {
  font-size: 1.5em;
  color: #3d3d3d;
  text-transform: uppercase;
}
div#randomFeedsUI div.header span.cog {
  float: right;
  cursor: pointer;
  margin-right: 30px;
}
div#randomFeedsUI div.header div.toggle {
  display: inline-block;
  width: 100px;
  overflow: hidden;
  height: 30px;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: 10px;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
div#randomFeedsUI div.header div.toggle div.valueContainer {
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  max-width: 200px;
  cursor: pointer;
}
div#randomFeedsUI div.header div.toggle div.valueContainer div.toggleOption {
  width: 100px;
  text-align: center;
  display: inline-block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
div#randomFeedsUI div.header div.toggle div.valueContainer div.on {
  background-color: #3d3d3d;
  color: white;
}
div#randomFeedsUI div.header div.toggle div.valueContainer div.off {
  background-color: #acacac;
  color: #e6e6e6;
}
div#randomFeedsUI div.body {
  padding: 30px;
  font-size: 1em;
  padding-top: 10px;
  padding-left: 10px;
}
div#randomFeedsUI div.body div.optionButton {
  display: inline-block;
  width: 40%;
  font-size: 1.5em;
  text-align: center;
  border: 1px solid #3d3d3d;
  margin-left: 30px;
  margin-bottom: 30px;
  padding: 10px;
  cursor: pointer;
  -webkit-box-shadow: 15px 15px 33px -28px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 15px 15px 33px -28px rgba(0, 0, 0, 0.7);
  box-shadow: 15px 15px 33px -28px rgba(0, 0, 0, 0.7);
}
div#randomFeedsUI div.body div.optionButton div.caption {
  font-size: 0.4em;
}
div#randomFeedsUI div.body div.optionButton:hover {
  border: 1px solid #ffffff;
}
div#randomFeedsUI div.body div.cover {
  display: none;
  width: 550px;
  background-color: #3d3d3d;
  z-index: 1000;
  opacity: 0.9;
  height: 393px;
  margin-left: -30px;
}
div#randomFeedsUI div.body span.accentThumb img {
  cursor: pointer;
  width: 115px;
}
div#randomFeedsUI div.body div.color-pattern-tabs {
  margin-top: 10px;
}
div#randomFeedsUI div.body div.color-pattern-tabs span.tab {
  color: #3d3d3d;
  background-color: #e7e7e7;
  width: 35%;
  height: 30px;
  cursor: pointer;
  padding: 5px;
  display: inline-block;
  text-align: center;
  font-size: 0.8em;
  margin-right: 5px;
}
div#randomFeedsUI div.body div.color-pattern-tabs span.tab:hover,
div#randomFeedsUI div.body div.color-pattern-tabs span.tab.active {
  color: white;
  background-color: #3d3d3d;
}
div#randomFeedsUI div.body .ui-row {
  margin-bottom: 10px;
}
div#randomFeedsUI div.body .ui-row span.randomFeed-type {
  font-size: 1em;
}
div#randomFeedsUI div.body .ui-row span.randomFeed-sizes-buttons,
div#randomFeedsUI div.body .ui-row span.randomFeed-colors-buttons {
  background-color: #e7e7e7;
  color: #3d3d3d;
  cursor: pointer;
  margin-right: 3px;
  width: 80px;
  display: inline-block;
  text-align: center;
}
div#randomFeedsUI div.body .ui-row span.randomFeed-sizes-buttons:hover,
div#randomFeedsUI div.body .ui-row span.randomFeed-sizes-buttons.active,
div#randomFeedsUI div.body .ui-row span.randomFeed-colors-buttons:hover,
div#randomFeedsUI div.body .ui-row span.randomFeed-colors-buttons.active {
  background-color: #3d3d3d;
  color: white;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
}
div#randomFeedsUI div.body .ui-row span.randomFeed-sizes-buttons.active,
div#randomFeedsUI div.body .ui-row span.randomFeed-colors-buttons.active {
  /* font-family: 'Avenir Next LT W04 Bold', sans-serif; */
  font-family: "Gotham-Bold";
}
div#randomFeedsUI div.body .ui-row span.randomFeed-colors-buttons {
  font-size: 0.8em;
}
div#randomFeedsUI div.body .ui-row label {
  padding-left: 0px !important;
}
div#randomFeedsUI div.body .ui-row .column1,
div#randomFeedsUI div.body .ui-row .column2 {
  border-top: solid 1px #3d3d3d;
  display: inline-block;
  text-align: center;
  width: 100%;
}
div#randomFeedsUI div.body .ui-row .column1 div.sub1,
div#randomFeedsUI div.body .ui-row .column2 div.sub1 {
  display: table-cell;
  width: 30%;
}
div#randomFeedsUI div.body .ui-row .column1 label,
div#randomFeedsUI div.body .ui-row .column2 label {
  width: 100%;
}
div#randomFeedsUI div.body .ui-row .column1 div.colorContainer,
div#randomFeedsUI div.body .ui-row .column2 div.colorContainer {
  display: table-cell;
  vertical-align: top;
  width: 70%;
  padding-top: 0px;
}
div#randomFeedsUI
  div.body
  .ui-row
  .column1
  div.colorContainer
  .smallColorPickerLabel,
div#randomFeedsUI
  div.body
  .ui-row
  .column2
  div.colorContainer
  .smallColorPickerLabel {
  width: 30%;
  text-align: right;
  margin-right: 10px;
  font-size: 0.6em;
}
div#randomFeedsUI
  div.body
  .ui-row
  .column1
  div.colorContainer
  .smallPickerContainer,
div#randomFeedsUI
  div.body
  .ui-row
  .column2
  div.colorContainer
  .smallPickerContainer {
  width: 100%;
  margin-bottom: 1px;
}
div#randomFeedsUI div.body .ui-row .column1 div.colorContainer span.colorItem,
div#randomFeedsUI div.body .ui-row .column2 div.colorContainer span.colorItem {
  display: inline-block;
  width: 25px;
  height: 25px;
  background-color: white;
  margin-bottom: 1px;
  font-size: 0.8em;
  font-size: 0.7em;
  padding-top: 4px;
  font-weight: normal;
  cursor: pointer;
  margin-right: 0px;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
}
div#randomFeedsUI
  div.body
  .ui-row
  .column1
  div.colorContainer
  span.colorItem
  i.fa.fa-check,
div#randomFeedsUI
  div.body
  .ui-row
  .column2
  div.colorContainer
  span.colorItem
  i.fa.fa-check {
  font-size: 0.8em;
}
div#randomFeedsUI div.body .ui-row div.applications.patterns,
div#randomFeedsUI div.body .ui-row div.applications.tailsweeps {
  display: none;
}
div#randomFeedsUI div.body span.font_name:hover {
  color: #acacac;
}
div#randomFeedsUI div.body span.randomFeed_size {
  cursor: pointer;
  padding-bottom: 3px;
  font-size: 1em;
  width: 8%;
  background-color: white;
  margin-right: 10px;
  display: inline-block;
  padding: 3px;
  text-align: center;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
div#randomFeedsUI div.body span.randomFeed_size:hover {
  background-color: #acacac;
  color: white;
}
div#randomFeedsUI div.body span.randomFeed_size.active {
  background-color: #3d3d3d;
  color: white;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
}
div#randomFeedsUI div.body em {
  font-size: 0.8em;
}
div#randomFeedsUI div.body span.color-string {
  cursor: pointer;
  text-shadow: 2px 2px #333333;
  margin-left: 3px;
  border-bottom: 1px dashed;
}
div#randomFeedsUI div.body span.color-string:hover {
  color: white !important;
}
div#randomFeedsUI div.body label.applicationLabels {
  display: inline-block;
  font-size: 0.8em;
  color: white;
  width: 25%;
}
div#randomFeedsUI div.body label.randomFeed_size {
  width: 32%;
}
div#randomFeedsUI div.body label.randomFeed_size.custom {
  width: 26.7%;
}
/* End randomFeeds UI */
div#applicationUI {
  display: none;
  margin: 20px;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
div#applicationUI div.header {
  font-size: 1.5em;
  color: #3d3d3d;
  text-transform: uppercase;
}
div#applicationUI div.header span.cog {
  float: right;
  cursor: pointer;
  margin-right: 30px;
}
div#applicationUI div.body {
  font-size: 1.2em;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 30px;
  padding-bottom: 30px;
  /* Custom Preview */
  /* End Custom Preview */
}
div#applicationUI div.body div.optionButton {
  display: inline-block;
  width: 40%;
  font-size: 1.5em;
  text-align: center;
  border: 1px solid #3d3d3d;
  margin-left: 30px;
  margin-bottom: 30px;
  padding: 10px;
  cursor: pointer;
  -webkit-box-shadow: 15px 15px 33px -28px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 15px 15px 33px -28px rgba(0, 0, 0, 0.7);
  box-shadow: 15px 15px 33px -28px rgba(0, 0, 0, 0.7);
}
div#applicationUI div.body div.optionButton div.caption {
  font-size: 0.4em;
}
div#applicationUI div.body div.optionButton:hover {
  border: 1px solid #ffffff;
}
div#applicationUI div.body div.cover {
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
  background-color: #3d3d3d;
  z-index: 1000;
  opacity: 0.9;
  margin-left: -30px;
  margin-top: -10px;
  height: 392px;
}
div#applicationUI div.body div.color-pattern-tabs {
  margin-top: 10px;
}
div#applicationUI div.body div.color-pattern-tabs span.tab {
  color: #3d3d3d;
  background-color: #e7e7e7;
  width: 25%;
  height: 30px;
  cursor: pointer;
  padding: 5px;
  display: inline-block;
  text-align: center;
  font-size: 0.8em;
  margin-right: 5px;
}
div#applicationUI div.body div.color-pattern-tabs span.tab:hover,
div#applicationUI div.body div.color-pattern-tabs span.tab.active {
  color: white;
  background-color: #3d3d3d;
}
div#applicationUI div.body div#cpt {
  width: 0;
  height: 0;
  padding: 0px;
}
div#applicationUI div.body div#cpt span.tab {
  width: 0;
  height: 0;
  padding: 0px;
}
div#applicationUI div.body .customSize {
  -webkit-border-radius: 0;
  border: 0;
  outline: 1px solid #ccc;
  outline-offset: -1px;
  text-align: center;
  background: white;
  height: 30px;
}
div#applicationUI div.body .ui-row {
  margin-bottom: 8px;
}
div#applicationUI div.body .ui-row label {
  padding-left: 0px !important;
}
div#applicationUI div.body .ui-row span.angleItem {
  display: inline-block;
  width: 70px;
  height: 25px;
  background-color: white;
  margin-bottom: 1px;
  font-size: 0.7em;
  padding-top: 4px;
  font-weight: normal;
  cursor: pointer;
  margin-right: 7px;
  text-align: center;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
}
div#applicationUI div.body .ui-row span.angleItem i.fa.fa-check {
  font-size: 0.8em;
}
div#applicationUI div.body .ui-row span.angleItem.active {
  color: white;
  background-color: #3d3d3d;
}
div#applicationUI div.body .ui-row .column1,
div#applicationUI div.body .ui-row .column2 {
  border-top: solid 1px #3d3d3d;
  display: inline-block;
  text-align: center;
  width: 100%;
}
div#applicationUI div.body .ui-row .column1 div.sub1,
div#applicationUI div.body .ui-row .column2 div.sub1 {
  display: table-cell;
  width: 30%;
}
div#applicationUI div.body .ui-row .column1 div.sub1.patternThumb,
div#applicationUI div.body .ui-row .column2 div.sub1.patternThumb {
  padding: 30px;
  padding-top: 20px;
}
div#applicationUI
  div.body
  .ui-row
  .column1
  div.sub1.patternThumb
  span.patternThumb,
div#applicationUI
  div.body
  .ui-row
  .column2
  div.sub1.patternThumb
  span.patternThumb {
  padding: 0px;
}
div#applicationUI div.body .ui-row .column1 label,
div#applicationUI div.body .ui-row .column2 label {
  width: 100%;
}
div#applicationUI div.body .ui-row .column1 div.colorContainer,
div#applicationUI div.body .ui-row .column2 div.colorContainer,
div#applicationUI div.body .ui-row .column1 div.sizeContainer,
div#applicationUI div.body .ui-row .column2 div.sizeContainer {
  width: 70%;
  display: table-cell;
  vertical-align: top;
  padding-top: 23px;
}
div#applicationUI
  div.body
  .ui-row
  .column1
  div.colorContainer
  .smallColorPickerLabel,
div#applicationUI
  div.body
  .ui-row
  .column2
  div.colorContainer
  .smallColorPickerLabel,
div#applicationUI
  div.body
  .ui-row
  .column1
  div.sizeContainer
  .smallColorPickerLabel,
div#applicationUI
  div.body
  .ui-row
  .column2
  div.sizeContainer
  .smallColorPickerLabel {
  width: 20%;
  text-align: right;
  margin-right: 10px;
  font-size: 0.6em;
}
div#applicationUI
  div.body
  .ui-row
  .column1
  div.colorContainer
  .smallPickerContainer,
div#applicationUI
  div.body
  .ui-row
  .column2
  div.colorContainer
  .smallPickerContainer,
div#applicationUI
  div.body
  .ui-row
  .column1
  div.sizeContainer
  .smallPickerContainer,
div#applicationUI
  div.body
  .ui-row
  .column2
  div.sizeContainer
  .smallPickerContainer {
  width: 100%;
  margin-bottom: 1px;
}
div#applicationUI div.body .ui-row .column1 div.colorContainer span.sizeLabel,
div#applicationUI div.body .ui-row .column2 div.colorContainer span.sizeLabel,
div#applicationUI div.body .ui-row .column1 div.sizeContainer span.sizeLabel,
div#applicationUI div.body .ui-row .column2 div.sizeContainer span.sizeLabel {
  display: block;
  font-size: 0.8em;
  margin-top: 10px;
}
div#applicationUI div.body .ui-row .column1 div.colorContainer span.sizeItem,
div#applicationUI div.body .ui-row .column2 div.colorContainer span.sizeItem,
div#applicationUI div.body .ui-row .column1 div.sizeContainer span.sizeItem,
div#applicationUI div.body .ui-row .column2 div.sizeContainer span.sizeItem,
div#applicationUI div.body .ui-row .column1 div.colorContainer span.angleItem,
div#applicationUI div.body .ui-row .column2 div.colorContainer span.angleItem,
div#applicationUI div.body .ui-row .column1 div.sizeContainer span.angleItem,
div#applicationUI div.body .ui-row .column2 div.sizeContainer span.angleItem {
  display: inline-block;
  width: 70px;
  height: 25px;
  background-color: white;
  margin-bottom: 1px;
  font-size: 0.7em;
  padding-top: 4px;
  font-weight: normal;
  cursor: pointer;
  margin-right: 7px;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
}
div#applicationUI
  div.body
  .ui-row
  .column1
  div.colorContainer
  span.sizeItem
  i.fa.fa-check,
div#applicationUI
  div.body
  .ui-row
  .column2
  div.colorContainer
  span.sizeItem
  i.fa.fa-check,
div#applicationUI
  div.body
  .ui-row
  .column1
  div.sizeContainer
  span.sizeItem
  i.fa.fa-check,
div#applicationUI
  div.body
  .ui-row
  .column2
  div.sizeContainer
  span.sizeItem
  i.fa.fa-check,
div#applicationUI
  div.body
  .ui-row
  .column1
  div.colorContainer
  span.angleItem
  i.fa.fa-check,
div#applicationUI
  div.body
  .ui-row
  .column2
  div.colorContainer
  span.angleItem
  i.fa.fa-check,
div#applicationUI
  div.body
  .ui-row
  .column1
  div.sizeContainer
  span.angleItem
  i.fa.fa-check,
div#applicationUI
  div.body
  .ui-row
  .column2
  div.sizeContainer
  span.angleItem
  i.fa.fa-check {
  font-size: 0.8em;
}
div#applicationUI div.body .ui-row .column1 div.colorContainer span.sizeItem2,
div#applicationUI div.body .ui-row .column2 div.colorContainer span.sizeItem2,
div#applicationUI div.body .ui-row .column1 div.sizeContainer span.sizeItem2,
div#applicationUI div.body .ui-row .column2 div.sizeContainer span.sizeItem2 {
  width: 20px;
  margin-top: 7px;
}
div#applicationUI
  div.body
  .ui-row
  .column1
  div.colorContainer
  span.sizeItem.active,
div#applicationUI
  div.body
  .ui-row
  .column2
  div.colorContainer
  span.sizeItem.active,
div#applicationUI
  div.body
  .ui-row
  .column1
  div.sizeContainer
  span.sizeItem.active,
div#applicationUI
  div.body
  .ui-row
  .column2
  div.sizeContainer
  span.sizeItem.active,
div#applicationUI
  div.body
  .ui-row
  .column1
  div.colorContainer
  span.angleItem.active,
div#applicationUI
  div.body
  .ui-row
  .column2
  div.colorContainer
  span.angleItem.active,
div#applicationUI
  div.body
  .ui-row
  .column1
  div.sizeContainer
  span.angleItem.active,
div#applicationUI
  div.body
  .ui-row
  .column2
  div.sizeContainer
  span.angleItem.active {
  color: white;
  background-color: #3d3d3d;
}
div#applicationUI div.body .ui-row .column1 div.colorContainer span.colorItem,
div#applicationUI div.body .ui-row .column2 div.colorContainer span.colorItem,
div#applicationUI div.body .ui-row .column1 div.sizeContainer span.colorItem,
div#applicationUI div.body .ui-row .column2 div.sizeContainer span.colorItem {
  display: inline-block;
  width: 25px;
  height: 25px;
  background-color: white;
  margin-bottom: 1px;
  font-size: 0.8em;
  font-size: 0.7em;
  padding-top: 4px;
  font-weight: normal;
  cursor: pointer;
  margin-right: 0px;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
div#applicationUI
  div.body
  .ui-row
  .column1
  div.colorContainer
  span.colorItem
  i.fa.fa-check,
div#applicationUI
  div.body
  .ui-row
  .column2
  div.colorContainer
  span.colorItem
  i.fa.fa-check,
div#applicationUI
  div.body
  .ui-row
  .column1
  div.sizeContainer
  span.colorItem
  i.fa.fa-check,
div#applicationUI
  div.body
  .ui-row
  .column2
  div.sizeContainer
  span.colorItem
  i.fa.fa-check {
  font-size: 0.8em;
}
div#applicationUI div.body .ui-row .column1-embellishments {
  border-top: solid 1px #acacac;
}
div#applicationUI
  div.body
  .ui-row
  .column1-embellishments
  div.sub1
  span.accent {
  margin-left: 0px;
}
div#applicationUI
  div.body
  .ui-row
  .column1-embellishments
  div.sub1
  span.flipButton {
  margin: 0 auto;
  width: 100px;
  margin-top: 10px;
}
div#applicationUI
  div.body
  .ui-row
  .column1-embellishments
  div.sub1
  span.flipButton:hover {
  background-color: #3d3d3d;
}
div#applicationUI div.body .ui-row div.applications.patterns,
div#applicationUI div.body .ui-row div.applications.tailsweeps,
div#applicationUI div.body .ui-row div.applications.manipulators {
  display: none;
}
div#applicationUI div.body .ui-row div.embellishment-buttons-container {
  padding-top: 20px;
  border-top: solid 1px #acacac;
  margin-top: 20px;
  text-align: center;
}
div#applicationUI
  div.body
  .ui-row
  div.embellishment-buttons-container
  span.btn {
  width: 130px;
  background-color: #acacac;
  margin-bottom: 10px;
  height: 30px;
  padding-top: 5px;
  font-size: 0.8em;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
div#applicationUI
  div.body
  .ui-row
  div.embellishment-buttons-container
  span.btn:hover {
  background-color: #3d3d3d;
}
div#applicationUI
  div.body
  .ui-row
  div.embellishment-buttons-container
  span.btn.edit-embellishment {
  margin-right: 25px;
  float: left;
  min-width: 190px;
}
div#applicationUI
  div.body
  .ui-row
  div.embellishment-buttons-container
  span.btn.select-embellishment {
  float: right;
}
div#applicationUI
  div.body
  .ui-row
  div.embellishment-buttons-container
  span.btn.new-embellishment {
  float: right;
}
div#applicationUI
  div.body
  .ui-row
  div.embellishment-buttons-container
  div.btn-group.other-options {
  float: right;
}
div#applicationUI
  div.body
  .ui-row
  div.embellishment-buttons-container
  div.btn-group.other-options
  ul.dropdown-menu {
  background-color: #acacac !important;
  margin-bottom: 5px;
  min-width: 300px;
}
div#applicationUI
  div.body
  .ui-row
  div.embellishment-buttons-container
  div.btn-group.other-options
  ul.dropdown-menu
  .divider {
  background-color: #888;
}
div#applicationUI
  div.body
  .ui-row
  div.embellishment-buttons-container
  div.btn-group.other-options
  button.dropdown-toggle {
  padding: 5px;
  height: 30px;
  background-color: #acacac;
  text-shadow: none;
  border: none;
  min-width: 190px;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
div#applicationUI
  div.body
  .ui-row
  div.embellishment-buttons-container
  div.btn-group.other-options
  button.dropdown-toggle:hover {
  background-color: #3d3d3d;
}
div#applicationUI div.body span.accent {
  cursor: pointer;
  border-bottom: 1px dashed;
  /*  */
  font-size: 0.7em;
}
div#applicationUI div.body span.accent:hover {
  color: white !important;
}
div#applicationUI div.body label.font_name {
  display: inline-block;
}
div#applicationUI div.body span.fontLeft,
div#applicationUI div.body span.fontRight,
div#applicationUI div.body span.layoutLeft,
div#applicationUI div.body span.layoutRight {
  width: 7%;
  display: inline-block;
  text-align: center;
  cursor: pointer;
}
div#applicationUI div.body span.fontLeft:hover,
div#applicationUI div.body span.fontRight:hover {
  color: white;
}
div#applicationUI div.body span.font_name {
  cursor: pointer;
  display: inline-block;
  width: 60%;
  background-color: white;
  text-align: center;
}
div#applicationUI div.body span.font_name:hover {
  color: #acacac;
}
div#applicationUI div.body span.layout_name {
  cursor: pointer;
  display: inline-block;
  width: 60%;
  background-color: white;
  text-align: center;
}
div#applicationUI div.body span.layout_name:hover {
  color: #acacac;
}
div#applicationUI div.body span.font_size {
  cursor: pointer;
  padding-bottom: 3px;
  font-size: 1em;
  width: 8%;
  background-color: white;
  margin-right: 10px;
  display: inline-block;
  padding: 3px;
  text-align: center;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
div#applicationUI div.body span.font_size:hover {
  background-color: #acacac;
  color: white;
}
div#applicationUI div.body span.font_size.active {
  background-color: #3d3d3d;
  color: white;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
}
div#applicationUI div.body span.font_size.custom {
  width: 15%;
  margin-left: 26px;
}
div#applicationUI div.body span.font_size.custom img.scale-caption {
  margin-left: -32px;
  width: 20px;
  display: inline-block;
  margin-right: 15px;
  opacity: 0.7;
  float: left;
}
div#applicationUI div.body span.font_size.custom span.custom_text {
  font-size: 0.8em;
}
div#applicationUI div.body span.font_size.custom span.custom_text.move {
  font-size: 0.7em !important;
}
div#applicationUI div.body img.scale_caption {
  cursor: auto;
  padding-bottom: 3px;
  margin-right: 10px;
  display: inline-block;
  padding: 3px;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
div#applicationUI div.body div.slider-container {
  display: none;
  min-height: 110px;
  padding: 30px;
  background-color: #888888;
  margin-top: 10px;
  position: absolute;
  width: 86%;
  z-index: 1000;
  -webkit-box-shadow: 6px 6px 45px 5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 6px 6px 45px 5px rgba(0, 0, 0, 0.75);
  box-shadow: 6px 6px 45px 5px rgba(0, 0, 0, 0.75);
}
div#applicationUI div.body div.slider-container .noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
  font-size: 0.8em;
}
div#applicationUI
  div.body
  div.slider-container
  .noUi-pips-horizontal
  .noUi-value {
  position: absolute;
  text-align: center;
  margin-top: 7px;
  color: #3d3d3d;
}
div#applicationUI div.body div.slider-container div#slider {
  display: block;
}
div#applicationUI div.body div.slider-container div#slider .noUi-value {
  position: absolute;
  text-align: center;
  font-size: 0.7em;
  margin-top: 7px;
}
div#applicationUI div.body div.slider-container div.move.y {
  display: block;
  margin-top: 55px;
  margin-bottom: 30px;
}
div#applicationUI div.body div.slider-container div#rotate-slider {
  margin: 0 auto;
}
div#applicationUI
  div.body
  div.slider-container
  div#rotate-slider
  .rs-range-color {
  background-color: #3d3d3d;
}
div#applicationUI div.body div.slider-container div#rotate-slider .rs-handle {
  width: 27px !important;
  height: 27px !important;
}
div#applicationUI div.body div.slider-container div#rotate-slider .rs-border {
  border: 2px solid #acacac;
}
div#applicationUI div.body span.imgPreview {
  cursor: pointer;
  width: 100%;
  text-align: center;
  display: block;
}
div#applicationUI div.body span.imgPreview img {
  cursor: pointer;
  width: 125px;
}
div#applicationUI div.body em {
  font-size: 0.8em;
}
div#applicationUI div.body span.inPlacePreviewButton {
  color: white;
  background-color: #acacac;
  margin-top: 7px;
  display: block;
  font-size: 0.8em;
  cursor: pointer;
  padding: 3px;
  text-align: center;
  border: solid 1px #acacac;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
div#applicationUI div.body span.inPlacePreviewButton:hover {
  color: white;
  background-color: #acacac;
  border: solid 1px white;
}
div#applicationUI div.body span.inPlacePreviewButton.active {
  background-color: #3d3d3d;
  border: solid 1px #3d3d3d;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
}
div#applicationUI div.body span.inPlacePreviewButton.inActive {
  background-color: #acacac;
}
div#applicationUI div.body span.flipButton {
  color: white;
  background-color: #acacac;
  padding: 3px;
  margin-top: 3px;
  display: block;
  font-size: 0.8em;
  margin-left: 30px;
  cursor: pointer;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
div#applicationUI div.body span.flipButton:hover {
  color: white;
  background-color: #acacac;
}
div#applicationUI div.body span.flipButton.active {
  background-color: #3d3d3d;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
}
div#applicationUI div.body span.flipButton.inActive {
  background-color: #acacac;
}
div#applicationUI div.body a.view-file {
  font-size: 0.8em;
  margin-left: 30px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  cursor: pointer;
  background-color: #e7e7e7;
  color: #3d3d3d;
  display: inline-block;
  width: 70%;
  margin-top: 5%;
}
div#applicationUI div.body a.view-file:hover {
  color: white;
  background-color: #3d3d3d;
}
div#applicationUI div.body span.accentThumb,
div#applicationUI div.body span.patternThumb,
div#applicationUI div.body span.tailSweepThumb {
  cursor: pointer;
}
div#applicationUI div.body span.accentThumb img,
div#applicationUI div.body span.patternThumb img,
div#applicationUI div.body span.tailSweepThumb img {
  cursor: pointer;
  width: 115px;
  height: 114px;
  background-color: white;
  padding: 7px;
}
div#applicationUI div.body a.filePreview {
  font-size: 0.8em;
  color: #333;
  text-decoration: none;
  border-bottom: 1px dashed;
}
div#applicationUI div.body a.filePreview:hover {
  color: white;
}
div#applicationUI div.body span.pattern {
  padding-bottom: 3px;
  cursor: pointer;
  border-bottom: 1px dashed;
  font-size: 0.7em;
}
div#applicationUI div.body span.tailsweep {
  padding-bottom: 3px;
  cursor: pointer;
  border-bottom: 1px dashed;
  font-size: 0.7em;
  margin-left: 30px;
  text-transform: uppercase;
}
div#applicationUI div.body span.color-string {
  cursor: pointer;
  text-shadow: 2px 2px #333333;
  margin-left: 3px;
  border-bottom: 1px dashed;
}
div#applicationUI div.body span.color-string:hover {
  color: white !important;
}
div#applicationUI div.body label.applicationLabels {
  display: inline-block;
  width: 25%;
}
div#applicationUI div.body label.font_size {
  width: 32%;
}
div#applicationUI div.body label.font_size.custom {
  width: 26.7%;
}
div#applicationUI div.body input.sampleText {
  text-align: center;
  width: 60% !important;
  margin-left: 35px !important;
  text-transform: uppercase;
}
div#applicationUI div.body input.sampleText.disableUpperCaseRequirement {
  text-transform: none;
}
div#applicationUI div.accentColorPicker {
  background-color: white;
  width: 550px;
  height: 450px;
  float: left;
  margin-left: 500px;
  margin-top: -471px;
}
/* End applicationUI */
div#primaryFontPopup {
  z-index: 3100;
  cursor: grab;
  padding: 10px;
  display: none;
  position: absolute;
  width: 1000px;
  height: 700px;
  top: 300px;
  left: 300px;
  background-color: #fff;
  -webkit-box-shadow: 6px 6px 45px 5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 6px 6px 45px 5px rgba(0, 0, 0, 0.75);
  box-shadow: 6px 6px 45px 5px rgba(0, 0, 0, 0.75);
}
div#primaryFontPopup div.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 40px;
  color: white;
  background-color: #808080;
  left: 0;
  padding: 10px;
}
div#primaryFontPopup div.header,
div#primaryFontPopup span.header {
  font-size: 1.5em;
  text-align: center;
  width: 100%;
  display: block;
  text-transform: uppercase;
  padding: 30px;
  padding-bottom: 15px;
  margin-bottom: 40px;
  border-bottom: dashed 1px #acacac;
}
div#primaryFontPopup div.header div.size-container,
div#primaryFontPopup span.header div.size-container {
  width: 100%;
  text-align: center;
  margin-top: 20px;
  font-size: 0.5em;
  /* span.container-label { font-family: "Avenir Next LT W04 Bold"; margin-right: 30px;} */
}
div#primaryFontPopup div.header div.size-container span.container-label,
div#primaryFontPopup span.header div.size-container span.container-label {
  font-family: "Gotham-Bold";
  margin-right: 30px;
}
div#primaryFontPopup div.header div.size-container span.sizeButton,
div#primaryFontPopup span.header div.size-container span.sizeButton {
  width: 30px;
  height: 30px;
  display: inline-block;
  background-color: #ffffff;
  color: #3d3d3d;
  cursor: pointer;
  padding: 7px;
  font-size: 0.8em;
  text-align: center;
}
div#primaryFontPopup div.header div.size-container span.sizeButton:hover,
div#primaryFontPopup span.header div.size-container span.sizeButton:hover {
  background-color: #acacac;
  color: #ffffff;
}
div#primaryFontPopup div.header div.size-container span.sizeButton.active,
div#primaryFontPopup span.header div.size-container span.sizeButton.active {
  background-color: #3d3d3d;
  color: #fff;
  /* font-family: "Avenir Next LT W04 Bold"; */
  font-family: "Gotham-Bold";
}
div#primaryFontPopup div.header {
  margin-bottom: 20px;
}
div#primaryFontPopup div.main-content {
  width: 100%;
  height: 550px;
  overflow-y: scroll;
  padding: 20px;
  padding-top: 0px;
  padding-bottom: 50px;
}
div#primaryFontPopup div.main-content div.fontPopupResults div.item {
  float: left;
  width: 260px;
  height: 150px;
  background-color: #e7e7e7;
  margin: 10px;
  background-size: cover;
  overflow: hidden;
  cursor: pointer;
  -webkit-box-shadow: 3px 9px 24px -5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 3px 9px 24px -5px rgba(0, 0, 0, 0.75);
  box-shadow: 3px 9px 24px -5px rgba(0, 0, 0, 0.75);
  padding: 10px;
  margin-left: 16px;
}
div#primaryFontPopup
  div.main-content
  div.fontPopupResults
  div.item
  span.inside-label {
  width: 100%;
  text-align: center;
  font-size: 1.2em;
  color: #3d3d3d;
}
div#primaryFontPopup
  div.main-content
  div.fontPopupResults
  div.item
  span.inside-label-font-id {
  font-size: 1.2em;
  color: red;
}
div#primaryFontPopup div.main-content div.fontPopupResults div.item div.name {
  width: 100%;
  height: 150px;
  margin-top: 0px;
  opacity: 1;
  color: #3d3d3d;
  background-color: #acacac;
  transition: all 0.1s ease-in-out;
  text-align: center;
  padding-top: 40px;
  font-size: 1.9em;
}
div#primaryFontPopup
  div.main-content
  div.fontPopupResults
  div.item
  div.name.pullUp {
  background-color: #3d3d3d;
  color: #fff;
}
div#primaryQuickRegistrationPopup {
  z-index: 3100;
  cursor: grab;
  padding: 10px;
  display: none;
  position: absolute;
  width: 500px;
  height: 350px;
  top: 300px;
  left: 300px;
  background-color: #ffffff;
  -webkit-box-shadow: 6px 6px 45px 5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 6px 6px 45px 5px rgba(0, 0, 0, 0.75);
  box-shadow: 6px 6px 45px 5px rgba(0, 0, 0, 0.75);
}
div#primaryQuickRegistrationPopup div.header {
  text-align: center;
  font-size: 1.3em;
  padding: 20px;
}
div#primaryQuickRegistrationPopup div.main-content {
  text-align: center;
  width: 100%;
  height: 65%;
  padding: 20px;
  padding-top: 0px;
  padding-bottom: 50px;
  border-top: dashed 1px #808080;
}
div#primaryQuickRegistrationPopup div.main-content input.quickRegistrationEmail,
div#primaryQuickRegistrationPopup
  div.main-content
  input.quickRegistrationPassword {
  width: 250px;
}
div#primaryQuickRegistrationPopup div.main-content label.quickRegistrationEmail,
div#primaryQuickRegistrationPopup
  div.main-content
  label.quickRegistrationPassword {
  width: 60px;
  text-align: right;
}
div#primaryQuickRegistrationPopup
  div.main-content
  label.quickRegistrationPassword,
div#primaryQuickRegistrationPopup
  div.main-content
  input.quickRegistrationPassword {
  display: none;
}
div#primaryQuickRegistrationPopup div.main-content em.message {
  color: #3d3d3d;
  font-size: 0.8em;
}
div#primaryQuickRegistrationPopup div.main-content div.quickEmailContainer,
div#primaryQuickRegistrationPopup div.main-content div.quickPasswordContainer {
  margin-left: 80px;
}
div#primaryQuickRegistrationPopup div.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  min-height: 40px;
  color: white;
  left: 0;
  padding: 10px;
  text-align: right;
}
div#primaryQuickRegistrationPopup div.footer span.login-here {
  float: left;
  color: #3d3d3d;
  padding: 7px;
}
div#primaryQuickRegistrationPopup div.footer span.login-here a.login-link {
  cursor: pointer;
}
div#primaryQuickRegistrationPopup div.footer span.next {
  padding: 7px;
  color: #ffffff;
  background-color: #acacac;
  cursor: pointer;
  width: 70px;
  display: inline-block;
  text-align: center;
  background-color: #e7e7e7;
  color: #3d3d3d;
}
div#primaryQuickRegistrationPopup div.footer span.next:hover {
  color: white;
  background-color: #3d3d3d;
}
div#cogPopupContainer {
  padding: 30px;
  position: absolute;
  width: 500px;
  height: 460px;
  top: 200px;
  left: 300px;
  z-index: 1000;
  background-color: #e6e6e6;
  -webkit-box-shadow: 6px 6px 45px 5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 6px 6px 45px 5px rgba(0, 0, 0, 0.75);
  box-shadow: 6px 6px 45px 5px rgba(0, 0, 0, 0.75);
}
div#cogPopupContainer div#cogPopup div.popupHeader {
  display: block;
  width: 100%;
  height: 20px;
  border-bottom: dashed 1px;
  margin-bottom: 10px;
  text-transform: uppercase;
}
div#cogPopupContainer div#cogPopup div.popupHeader i.save-font-data {
  cursor: pointer;
}
div#cogPopupContainer div.notes {
  font-size: 0.8em;
  margin-top: 10px;
}
div#cogPopupContainer div.popup-row-top {
  font-size: 1.3em;
}
div#cogPopupContainer div.popup-row {
  display: inline-block;
}
div#cogPopupContainer div.popup-row div.inputContainer div.inputX {
  float: left;
}
div#cogPopupContainer div.popup-row div.inputContainer div.inputY {
  float: left;
}
div#cogPopupContainer div.popup-row div.row-header {
  display: block;
  width: 100%;
  overflow: auto;
  zoom: 1;
  margin: 10px;
}
div#cogPopupContainer div.button-row {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 30px;
  margin-bottom: 10px;
  padding-right: 50px;
}
div#cogPopupContainer div.button-row span {
  display: block;
  width: 18%;
  height: 30px;
  cursor: pointer;
  background-color: #3d3d3d;
  color: white;
  text-align: center;
  padding: 5px;
}
div#cogPopupContainer div.button-row span:hover {
  background-color: #808080;
}
div#cogPopupContainer div.button-row span.resetButton {
  float: left;
}
div#cogPopupContainer div.button-row span.showFontGuide {
  float: left;
  margin-left: 10px;
  width: 25%;
}
div#cogPopupContainer div.button-row span.guideActive {
  background-color: white !important;
  color: #808080 !important;
  border: solid 1px #808080 !important;
}
div#cogPopupContainer div.button-row span.cancelButton {
  float: right;
}
div#cogPopupContainer div.button-row span.applyButton {
  float: right;
  margin-right: 10px;
}
.inputLabel {
  display: block;
}
input[type="checkbox"]#applicationActive {
  margin: 7px;
}
div.toggle {
  display: inline-block;
  width: 100px;
  overflow: hidden;
  height: 30px;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: 10px;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
div.toggle div.valueContainer {
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  max-width: 200px;
  cursor: pointer;
}
div.toggle div.valueContainer div.toggleOption {
  width: 100px;
  text-align: center;
  display: inline-block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
div.toggle div.valueContainer div.on {
  background-color: #3d3d3d;
  color: white;
}
div.toggle div.valueContainer div.off {
  background-color: #acacac;
  color: #e6e6e6;
}
div.applicationType {
  display: inline-block;
  height: 30px;
  vertical-align: top;
  font-size: 20px;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  cursor: pointer;
  border-bottom: 1px dashed #3d3d3d;
}
div.applicationType span.changeApplicationType {
  margin-left: 20px;
  display: inline-block;
}
div.applicationType:hover {
  color: white !important;
  border-bottom: 1px dashed #3d3d3d;
}
.defaultShadow {
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
}
.defaultTransition {
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.active-icon {
  color: #3d3d3d !important;
  background-color: white !important;
}
div.debugPanel {
  position: absolute;
  left: 30px;
  display: block;
  color: white;
  width: 150px;
  height: 50px;
}
.deactivatedOptionButton {
  opacity: 0.1;
}
.deactivatedOptionButton:hover {
  border: 1px solid #000000 !important;
}
.toggledApplicationType {
  color: white !important;
  border-bottom: 1px dashed #3d3d3d;
}
.currentlySelectedType {
  border: 2px solid #3d3d3d !important;
  cursor: auto !important;
}
i.save-font-data {
  float: right;
  font-size: strong;
}
div.popup_header {
  float: left;
  text-transform: uppercase;
}
div.patternPopupResults {
  width: 75%;
  float: right;
}
div#primaryPatternPopup {
  width: 1000px;
}
/* End New UI */
/* Process */
div#validate-order-form {
  display: none;
  width: 80%;
  height: 1000px;
  background-color: white;
  padding: 30px;
  margin: 0 auto;
  margin-top: 30px;
}
div#validate-order-form div {
  float: left;
}
div#validate-order-form div span.back-to-roster-form-button {
  display: block;
  width: 180px;
  color: #3d3d3d;
  text-transform: uppercase;
  cursor: pointer;
  border-bottom: dashed 1px white;
}
div#validate-order-form div span.back-to-roster-form-button:hover {
  border-bottom: dashed 1px #3d3d3d;
}
div#validate-order-form div span.previewFormPdf {
  display: inline-block;
  height: 50px;
  float: left;
}
div#validate-order-form iframe.pdfViewer {
  width: 100%;
  height: 90%;
  display: block;
}
div#validate-order-form span.processing {
  display: block;
  width: 100%;
  text-align: center;
}
div#validate-order-form span.processing img {
  width: 50px;
  height: 50px;
}
div#validate-order-form span.link {
  display: inline-block;
  margin: 20px;
  height: 50px;
  float: left;
}
div#validate-order-form span.save-order,
div#validate-order-form span.submit-confirmed-order {
  background-color: #acacac;
  width: 250px;
  height: 50px;
  display: inline-block;
  padding: 13px;
  cursor: pointer;
  color: white;
  font-size: 1.2em;
  text-align: center;
  margin: 0 auto;
  display: none;
  float: right;
  margin-bottom: 10px;
  margin-left: 10px;
  background-color: #e7e7e7;
  color: #3d3d3d;
}
div#validate-order-form span.save-order em,
div#validate-order-form span.submit-confirmed-order em {
  font-size: 0.8em;
}
div#validate-order-form span.save-order:hover,
div#validate-order-form span.submit-confirmed-order:hover {
  color: white;
  background-color: #3d3d3d;
}
div#order-form {
  display: none;
  width: 80%;
  min-height: 1500px;
  background-color: white;
  padding: 30px;
  margin: 0 auto;
  margin-top: 30px;
}
div#order-form
  div.order-tabs-container
  div.order-tab-buttons
  div.order-tab-button {
  display: inline-block;
  min-width: 200px;
  text-align: center;
  height: 40px;
  color: white;
  background-color: #acacac;
  padding: 10px;
  padding-left: 15px;
  padding-right: 15px;
  cursor: pointer;
  background-color: #e7e7e7;
  color: #3d3d3d;
}
div#order-form
  div.order-tabs-container
  div.order-tab-buttons
  div.order-tab-button.active-tab,
div#order-form
  div.order-tabs-container
  div.order-tab-buttons
  div.order-tab-button:hover {
  color: white;
  background-color: #3d3d3d;
}
div#order-form div.order-tabs-container div.order-tabs {
  border: 1px solid #3d3d3d;
}
div#order-form div.order-tabs-container div.order-tabs div.order-tab {
  display: none;
  padding: 10px;
}
div#order-form
  div.order-tabs-container
  div.order-tabs
  div.order-tab
  div.form-group
  span.additional-attachment-message {
  width: 100%;
  text-align: center;
  display: block;
}
div#order-form
  div.order-tabs-container
  div.order-tabs
  div.order-tab
  div.form-group
  span.additional-attachment-message
  img {
  width: 50px;
}
div#order-form
  div.order-tabs-container
  div.order-tabs
  div.order-tab.active-tab {
  display: block;
}
div#order-form div.order-info {
  padding-top: 30px;
}
div#order-form div.order-info div.form-container-organization {
  width: 50%;
  float: left;
}
div#order-form div.order-info div.form-container-organization span.sub-header {
  text-transform: uppercase;
  font-weight: 1.2em;
  margin-bottom: 30px;
  color: #acacac;
}
div#order-form div.order-info div.form-container-billing-info {
  padding: 30px;
  width: 40%;
  float: left;
}
div#order-form div.order-info div.form-container-billing-info span.sub-header {
  text-transform: uppercase;
  font-weight: 1.2em;
  margin-bottom: 30px;
  color: #acacac;
}
div#order-form span.header {
  font-size: 2em;
  text-align: center;
  width: 100%;
  display: block;
  text-transform: uppercase;
}
div#order-form span.back-to-roster-form-button {
  display: block;
  width: 180px;
  color: #3d3d3d;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  border-bottom: dashed 1px white;
}
div#order-form span.back-to-roster-form-button:hover {
  border-bottom: dashed 1px #3d3d3d;
}
div#order-form div.order-details-block {
  text-align: center;
  margin-bottom: 30px;
}
div#order-form div.order-details-block span.processing {
  display: block;
  width: 100%;
  text-align: center;
}
div#order-form div.order-details-block span.processing img {
  width: 50px;
  height: 50px;
}
div#order-form div.order-details-block span.submit-order {
  background-color: #acacac;
  text-align: center;
  margin: 0 auto;
  display: none;
  width: 250px;
  height: 60px;
  display: inline-block;
  padding: 18px;
  cursor: pointer;
  color: white;
  font-size: 1.3em;
  background-color: #e7e7e7;
  color: #3d3d3d;
}
div#order-form div.order-details-block span.submit-order:hover {
  color: white;
  background-color: #3d3d3d;
}
div#order-form div.order-details-block table {
  width: 70%;
  margin: 0 auto;
}
div#order-form div.order-details-block table tr.row-header {
  text-transform: uppercase;
  text-align: center;
}
div#order-form div.order-details-block table tr td {
  padding: 7px;
  text-align: center;
  border: 1px solid black;
}
div#order-form div.order-details-block table tr td.uniform-name {
  text-align: center;
}
div#order-form div.order-details-block table tr td.view-roster {
  text-align: center;
}
div#order-form div.additional-notes {
  padding: 30px;
  text-align: center;
}
div#order-form
  div.additional-notes
  div.form-group
  label.additional-notes-label {
  /* font-family: "Avenir Next LT W04 Bold"; */
  font-family: "Gotham-Bold";
}
div#order-form
  div.additional-notes
  div.form-group
  img#additional-attachment-preview {
  width: 300px;
}
div#order-form div.additional-notes span.processing {
  display: block;
  width: 100%;
  text-align: center;
}
div#order-form div.additional-notes span.processing img {
  width: 50px;
  height: 50px;
}
div#roster-input {
  display: none;
  width: 80%;
  min-height: 700px;
  background-color: white;
  padding: 30px;
  margin: 0 auto;
  margin-top: 30px;
}
div#roster-input span.header {
  font-size: 1.3em;
}
div#roster-input div#size-tabs {
  text-align: center;
}
div#roster-input div#size-tabs span.youth-header,
div#roster-input div#size-tabs span.adult-header {
  display: none;
}
div#roster-input div#size-tabs span.header {
  margin: 10px;
}
div#roster-input div#size-tabs div.defaultTypes {
  display: block;
  height: 150px;
  margin-top: 20px;
  margin-bottom: 50px;
}
div#roster-input div#size-tabs div.defaultTypes div.controls {
  display: inline-block;
  width: 40%;
  text-align: right;
  vertical-align: middle;
}
div#roster-input div#size-tabs div.defaultTypes div.controls label {
  margin-right: 10px;
}
div#roster-input div#size-tabs div.defaultTypes div.controls select {
  width: 170px;
}
div#roster-input div#size-tabs div.defaultTypes div.notes {
  display: inline-block;
  width: 40%;
  padding: 30px;
  text-align: left;
  vertical-align: middle;
  border-left: dashed 1px #3d3d3d;
  margin-left: 30px;
}
div#roster-input div#size-tabs div.defaultTypes div.notes button.change-all {
  background-color: #acacac;
  color: white;
  border: none;
  padding: 7px;
  padding-left: 14px;
  padding-right: 14px;
  background-color: #e7e7e7;
  color: #3d3d3d;
}
div#roster-input
  div#size-tabs
  div.defaultTypes
  div.notes
  button.change-all:hover {
  color: white;
  background-color: #3d3d3d;
}
div#roster-input div#size-tabs div.tabButtonsContainer {
  margin-top: 30px;
  text-align: center;
}
div#roster-input div#size-tabs div.tabButtonsContainer span.adult-header,
div#roster-input div#size-tabs div.tabButtonsContainer span.youth-header {
  margin-right: 7px;
  margin-left: 7px;
}
div#roster-input div#size-tabs div.tabButtonsContainer span.buttonSeparator {
  display: none;
}
div#roster-input div#size-tabs div.tabButtonsContainer span.tabButton {
  display: none;
  width: 100px;
  height: 30px;
  text-align: center;
  padding-top: 7px;
  font-size: 0.9em;
  color: white;
  background-color: #acacac;
  cursor: pointer;
}
div#roster-input div#size-tabs div.tabButtonsContainer span.tabButton i.fa {
  float: right;
}
div#roster-input div#size-tabs div.tabButtonsContainer span.tabButton:hover,
div#roster-input div#size-tabs div.tabButtonsContainer span.tabButton.active {
  background-color: #3d3d3d;
}
div#roster-input div#size-tabs div.tabButtonsContainer span.tabButton.active {
  text-decoration: underline;
}
div#roster-input div#size-tabs span.add-item-to-order {
  background-color: #acacac;
  width: 250px;
  height: 60px;
  display: inline-block;
  padding: 18px;
  cursor: pointer;
  color: white;
  font-size: 1.3em;
  background-color: #e7e7e7;
  color: #3d3d3d;
}
div#roster-input div#size-tabs span.add-item-to-order:hover {
  color: white;
  background-color: #3d3d3d;
}
div#roster-input div#size-tabs div.tabsContainer {
  width: 100%;
  border: solid 1px #3d3d3d;
  height: 100%;
}
div#roster-input div#size-tabs div.tabsContainer div.tab {
  display: none;
  padding: 30px;
}
div#roster-input div#size-tabs div.tabsContainer div.tab span.add-player {
  background-color: #acacac;
  width: 120px;
  height: 35px;
  display: inline-block;
  padding: 7px;
  cursor: pointer;
  color: white;
  background-color: #e7e7e7;
  color: #3d3d3d;
}
div#roster-input div#size-tabs div.tabsContainer div.tab span.add-player:hover {
  color: white;
  background-color: #3d3d3d;
}
div#roster-input div#size-tabs div.tabsContainer div.tab table.roster-table tr {
  height: 40px;
}
div#roster-input
  div#size-tabs
  div.tabsContainer
  div.tab
  table.roster-table
  tr
  td
  span.clear-row {
  cursor: pointer;
  margin-left: 10px;
}
div#roster-input
  div#size-tabs
  div.tabsContainer
  div.tab
  table.roster-table
  tr
  td
  input.size {
  width: 70px;
  text-align: center;
}
div#roster-input
  div#size-tabs
  div.tabsContainer
  div.tab
  table.roster-table
  tr
  td
  input.lastname {
  width: 210px;
  text-align: center;
}
div#roster-input
  div#size-tabs
  div.tabsContainer
  div.tab
  table.roster-table
  tr
  td
  input.number {
  width: 70px;
  text-align: center;
}
div#roster-input
  div#size-tabs
  div.tabsContainer
  div.tab
  table.roster-table
  tr
  td
  input.quantity {
  width: 70px;
  text-align: center;
}
div#roster-input
  div#size-tabs
  div.tabsContainer
  div.tab
  table.roster-table
  tr
  td
  select.sleeve-type {
  width: 210px;
}
div#roster-input
  div#size-tabs
  div.tabsContainer
  div.tab
  table.roster-table
  tr
  td
  select.lastname-application {
  width: 210px;
}
div#roster-input
  div#size-tabs
  div.tabsContainer
  div.tab
  table.roster-table
  .thead
  th.wide {
  width: 230px;
}
div#roster-input
  div#size-tabs
  div.tabsContainer
  div.tab
  table.roster-table
  .thead
  th.thnumber {
  width: 80px;
}
div#roster-input
  div#size-tabs
  div.tabsContainer
  div.tab
  table.roster-table
  .thead
  th.action,
div#roster-input
  div#size-tabs
  div.tabsContainer
  div.tab
  table.roster-table
  .thead
  th.count {
  width: 30px;
}
div#roster-input
  div#size-tabs
  div.tabsContainer
  div.tab
  table.roster-table
  .thead
  th {
  width: 160px;
  text-align: center;
}
div#roster-input
  div#size-tabs
  div.tabsContainer
  div.tab
  table.roster-table
  .thead
  .thlastname {
  line-height: 15px;
}
div#roster-input
  div#size-tabs
  div.tabsContainer
  div.tab
  table.roster-table
  .thead
  .thlastname
  #lastNameDisclaimer {
  font-size: 9px;
  display: inline-block;
  color: #c10d16;
  font-weight: 600;
}
div#roster-input
  div#size-tabs
  div.tabsContainer
  div.tab
  table.roster-table
  .thead
  .thlastname
  #lastNameDisclaimer
  .fa-info-circle {
  font-size: 13px;
}
div#roster-input span.back-to-customizer-button {
  display: block;
  width: 180px;
  color: #3d3d3d;
  text-transform: uppercase;
  cursor: pointer;
  border-bottom: dashed 1px white;
}
div#roster-input span.back-to-customizer-button:hover {
  border-bottom: dashed 1px #3d3d3d;
}
div#roster-input div#sizes {
  text-align: center;
  margin-bottom: 30px;
}
div#roster-input div#sizes span.size {
  display: inline-block;
  width: 70px;
  height: 70px;
  vertical-align: middle;
  text-align: center;
  border: solid 1px #3d3d3d;
  border-radius: 50px 50px 50px 50px;
  margin: 3px;
  padding-top: 25px;
  font-size: 0.9em;
  cursor: pointer;
}
div#roster-input div#sizes span.size:hover {
  color: white;
  background-color: #acacac;
}
div#roster-input div#sizes .active {
  color: white;
  background-color: #3d3d3d;
  text-decoration: underline;
}
div#roster-input div#sizes .active:hover {
  color: white;
  background-color: #3d3d3d !important;
  text-decoration: underline;
}
div#roster-input div#description {
  width: 100%;
  text-align: center;
}
div#roster-input div#description span.size_header {
  width: 100%;
  text-align: center;
}
.row-hover {
  background-color: #c4c4c4 !important;
}
div#numbersPopup {
  position: absolute;
  z-index: 1000;
  display: none;
  width: 400px;
  height: 550px;
  background-color: #e6e6e6;
  color: #3d3d3d;
  text-align: center;
  padding: 30px;
  -webkit-box-shadow: 6px 6px 45px 5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 6px 6px 45px 5px rgba(0, 0, 0, 0.75);
  box-shadow: 6px 6px 45px 5px rgba(0, 0, 0, 0.75);
}
div#numbersPopup span.btn-cancel,
div#numbersPopup span.btn-ok {
  display: inline-block;
  background-color: #acacac;
  padding: 3px;
  color: white;
  width: 70px;
  margin-top: 14px;
  float: right;
  margin-right: 10px;
  cursor: pointer;
}
div#numbersPopup span.preview {
  float: left;
  margin-top: 18px;
}
div#numbersPopup span.btn-cancel:hover,
div#numbersPopup span.btn-ok:hover {
  background-color: #3d3d3d;
}
div#numbersPopup div.header {
  text-align: center;
  margin-bottom: 10px;
}
div#numbersPopup span.number {
  width: 30px;
  height: 30px;
  border: solid 1px #3d3d3d;
  border-radius: 15px 15px 15px 15px;
  display: inline-block;
  padding: 5px;
  margin: 3px;
  background-color: white;
}
div#numbersPopup span.number.selected {
  background-color: #3d3d3d;
  color: white;
}
div#numbersPopup span.number.used {
  background-color: #acacac;
}
div#numbersPopup span.number.free:hover {
  width: 30px;
  height: 30px;
  border: solid 1px;
  border-radius: 15px 15px 15px 15px;
  display: inline-block;
  padding: 5px;
  margin: 3px;
  background-color: #acacac;
  color: white;
  cursor: pointer;
}
div#numbersPopup span.number.selected:hover {
  width: 30px;
  height: 30px;
  border: solid 1px;
  border-radius: 15px 15px 15px 15px;
  display: inline-block;
  padding: 5px;
  margin: 3px;
  background-color: #3d3d3d;
  color: white;
  cursor: pointer;
}
em.notice {
  font-size: 1em;
  float: left;
  text-transform: lowercase;
  color: #acacac;
  margin-top: 5px;
}
.callForTeamPricing {
  /* font-family: "Avenir"; */
  font-family: "Gotham-Book";
  font-size: 0.8em;
  color: #3d3d3d;
}
.calculatedPrice {
  font-size: 1em;
  display: block;
  margin-top: 10px;
  display: none;
}
.youthPrice {
  margin-top: 7px;
}
.youthPrice,
.youthPriceSale {
  font-size: 0.9em;
  font-weight: normal;
  display: block;
  text-transform: none;
}
.youthPrice strong,
.youthPriceSale strong {
  /* font-family: "Avenir Next LT W04 Bold"; */
  font-family: "Gotham-Bold";
  font-size: 0.9em;
  font-weight: normal;
}
.youthPrice.sale {
  text-decoration: line-through;
}
.youthPriceSale.nosale {
  display: none;
}
.adultPrice,
.adultPriceSale {
  font-weight: normal;
  font-size: 0.9em;
  display: block;
  text-transform: none;
}
.adultPrice strong,
.adultPriceSale strong {
  /* font-family: "Avenir Next LT W04 Bold"; */
  font-family: "Gotham-Bold";
  font-size: 0.9em;
  font-weight: normal;
}
.adultPrice.sale {
  text-decoration: line-through;
}
.adultPriceSale.nosale {
  display: none;
}
.adultPriceSale,
.youthPriceSale {
  margin-bottom: 10px;
  color: red;
}
.adultPriceSale div.sale-badge,
.youthPriceSale div.sale-badge {
  position: absolute;
  /* font-family: 'Avenir Next LT W04 Bold'; */
  font-family: "Gotham-Bold";
  background-color: red;
  color: white;
  padding: 3px;
  margin-top: -2px;
  margin-left: 3px;
  width: 14%;
  display: inline-block;
  font-size: 0.8em;
}
div.main-picker-items.grow:hover
  span.main-picker-item-caption
  span.youthPriceSale
  div.sale-badge,
div.main-picker-items.grow:hover
  span.main-picker-item-caption
  span.adultPriceSale
  div.sale-badge {
  text-transform: uppercase;
  margin-left: 7px;
  width: 21%;
  -ms-transform: rotate(21deg);
  /* IE 9 */
  -webkit-transform: rotate(21deg);
  /* Chrome, Safari, Opera */
  transform: rotate(21deg);
}
/* End Process */
/* User Management */
.btn,
.form-group-sm .form-control,
.input-group-addon {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
  color: white;
  background-color: #3d3d3d;
  box-shadow: none;
  background-image: none;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #acacac;
  text-align: center;
  background-color: white;
  border: 1px solid #ccc;
}
select.form-control,
select.form-control:focus,
input.form-control,
input.form-control:focus {
  border: 1px solid #ccc;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -moz-transition: none;
  -webkit-transition: none;
}
.navbar-nav > li > a {
  padding-top: 7px;
  padding-bottom: 7px;
}
.dropdown-menu {
  right: 0;
  left: initial;
  border: none;
  min-width: 350px;
  margin-top: 1px;
}
.navbar-default .navbar-nav > li > a {
  color: #3d3d3d;
  background-color: #e7e7e7;
  min-width: 170px;
  text-align: center;
}
@media only screen and (max-width: 420px) {
  .navbar-default .navbar-nav > li > a {
    min-width: 100px;
  }
}
.navbar-default .navbar-nav > li > a:hover {
  color: white;
  background-color: #3d3d3d;
}
a#messages {
  color: #3d3d3d;
  background-color: #fcfcfc;
  min-width: 30px;
  text-align: center;
  margin-right: 10px;
  text-decoration: none;
  font-size: 0.85em;
  text-transform: uppercase;
}
a#messages span.badge {
  background-color: #3d3d3d;
}
a#messages:hover {
  color: #1e1e1e;
  border-bottom: dashed 1px #acacac;
  padding-bottom: 7px;
}
a#feedback {
  background-color: #fcfcfc;
  color: #3d3d3d;
  min-width: 30px;
  text-align: center;
  margin-right: 10px;
  font-size: 0.85em;
  text-transform: uppercase;
}
a#feedback:hover {
  text-decoration: none;
  color: #1e1e1e;
  border-bottom: dashed 1px #acacac;
  padding-bottom: 7px;
}
button.btn {
  background: none;
  background-color: #e7e7e7;
  color: #3d3d3d;
}
.btn:hover {
  color: white;
  background-color: #3d3d3d;
}
.btn-group > .btn:first-child {
  margin-left: 0;
  min-width: 150px;
}
@media only screen and (max-width: 768px) {
  .btn-group > .btn:first-child {
    min-width: initial;
  }
}
/* Forgot Password */
div#forgot-password,
div#reset-password-pane,
div#change-password-pane {
  width: 90%;
  height: 1000px;
  background-color: white;
  padding: 30px;
  margin: 0 auto;
  margin-top: 30px;
}
div#forgot-password div.row,
div#reset-password-pane div.row,
div#change-password-pane div.row {
  margin-top: 10px;
}
div#forgot-password span.header,
div#reset-password-pane span.header,
div#change-password-pane span.header {
  font-size: 2em;
  text-align: center;
  width: 100%;
  display: block;
  text-transform: uppercase;
}
div#forgot-password div.g-recaptcha,
div#reset-password-pane div.g-recaptcha,
div#change-password-pane div.g-recaptcha {
  width: 302px;
  margin: 0 auto;
}
div#forgot-password button.btn.register,
div#reset-password-pane button.btn.register,
div#change-password-pane button.btn.register {
  width: 302px;
  margin: 0 auto;
}
div#forgot-password div.submit-row,
div#reset-password-pane div.submit-row,
div#change-password-pane div.submit-row {
  text-align: center;
}
div#forgot-password {
  height: 450px;
}
div#reset-password-pane {
  height: 350px;
  margin-top: -30px;
}
div#change-password-pane {
  height: 350px;
  margin-top: -30px;
}
/* End Forgot Password */
/* Signup */
div#signup {
  width: 90%;
  height: 700px;
  background-color: white;
  padding: 30px;
  padding-top: 0px;
  margin: 0 auto;
  margin-top: 30px;
}
div#signup div.header,
div#signup span.header {
  font-size: 1.5em;
  text-align: center;
  width: 100%;
  display: block;
  text-transform: uppercase;
  padding: 30px;
  padding-bottom: 15px;
  margin-bottom: 40px;
  border-bottom: dashed 1px #acacac;
}
div#signup div.header div.size-container,
div#signup span.header div.size-container {
  width: 100%;
  text-align: center;
  margin-top: 20px;
  font-size: 0.5em;
  /* span.container-label { font-family: "Avenir Next LT W04 Bold"; margin-right: 30px;} */
}
div#signup div.header div.size-container span.container-label,
div#signup span.header div.size-container span.container-label {
  font-family: "Gotham-Bold";
  margin-right: 30px;
}
div#signup div.header div.size-container span.sizeButton,
div#signup span.header div.size-container span.sizeButton {
  width: 30px;
  height: 30px;
  display: inline-block;
  background-color: #ffffff;
  color: #3d3d3d;
  cursor: pointer;
  padding: 7px;
  font-size: 0.8em;
  text-align: center;
}
div#signup div.header div.size-container span.sizeButton:hover,
div#signup span.header div.size-container span.sizeButton:hover {
  background-color: #acacac;
  color: #ffffff;
}
div#signup div.header div.size-container span.sizeButton.active,
div#signup span.header div.size-container span.sizeButton.active {
  background-color: #3d3d3d;
  color: #fff;
  /* font-family: "Avenir Next LT W04 Bold"; */
  font-family: "Gotham-Bold";
}
div#signup div.header {
  margin-bottom: 20px;
}
div#signup div.g-recaptcha {
  width: 302px;
  margin: 0 auto;
}
div#signup button.btn.register {
  width: 302px;
  margin: 0 auto;
}
div#signup div.submit-row {
  text-align: center;
}
div#signup input.btn.register {
  background-color: #e7e7e7;
  color: #3d3d3d;
  min-width: 170px;
}
div#signup input.btn.register:hover {
  color: white;
  background-color: #3d3d3d;
}
div#signup input.btn.findRep {
  background-color: #e7e7e7;
  color: #3d3d3d;
  min-width: 170px;
}
div#signup input.btn.findRep:hover {
  color: white;
  background-color: #3d3d3d;
}
button#forgot-password-submit {
  color: white;
  background-color: buttonface;
  background-color: #e7e7e7;
  color: #3d3d3d;
}
button#forgot-password-submit:hover {
  color: white;
  background-color: #3d3d3d;
}
/* End Signup */
/* My Profile */
div#my-profile {
  width: 90%;
  min-height: 450px;
  background-color: white;
  padding: 30px;
  margin: 0 auto;
  margin-top: 30px;
  padding-top: 0px;
  -webkit-box-shadow: 15px 15px 33px -28px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 15px 15px 33px -28px rgba(0, 0, 0, 0.7);
  box-shadow: 15px 15px 33px -28px rgba(0, 0, 0, 0.7);
}
div#my-profile div.header,
div#my-profile span.header {
  font-size: 1.5em;
  text-align: center;
  width: 100%;
  display: block;
  text-transform: uppercase;
  padding: 30px;
  padding-bottom: 15px;
  margin-bottom: 40px;
  border-bottom: dashed 1px #acacac;
}
div#my-profile div.header div.size-container,
div#my-profile span.header div.size-container {
  width: 100%;
  text-align: center;
  margin-top: 20px;
  font-size: 0.5em;
  /* span.container-label { font-family: "Avenir Next LT W04 Bold"; margin-right: 30px;} */
}
div#my-profile div.header div.size-container span.container-label,
div#my-profile span.header div.size-container span.container-label {
  font-family: "Gotham-Bold";
  margin-right: 30px;
}
div#my-profile div.header div.size-container span.sizeButton,
div#my-profile span.header div.size-container span.sizeButton {
  width: 30px;
  height: 30px;
  display: inline-block;
  background-color: #ffffff;
  color: #3d3d3d;
  cursor: pointer;
  padding: 7px;
  font-size: 0.8em;
  text-align: center;
}
div#my-profile div.header div.size-container span.sizeButton:hover,
div#my-profile span.header div.size-container span.sizeButton:hover {
  background-color: #acacac;
  color: #ffffff;
}
div#my-profile div.header div.size-container span.sizeButton.active,
div#my-profile span.header div.size-container span.sizeButton.active {
  background-color: #3d3d3d;
  color: #fff;
  /* font-family: "Avenir Next LT W04 Bold"; */
  font-family: "Gotham-Bold";
}
div#my-profile div.header {
  margin-bottom: 20px;
}
div#my-profile div.profile-container div.form-group {
  width: 40%;
  margin: 0 auto;
  margin-bottom: 30px;
}
div#my-profile div.profile-container div.form-group.btn-footer {
  text-align: center;
}
div#my-profile div.profile-container div.form-group.btn-footer span.btn {
  min-width: 170px;
  height: 35px;
  text-align: center;
  background-color: #e7e7e7;
  color: #3d3d3d;
}
div#my-profile div.profile-container div.form-group.btn-footer span.btn:hover {
  color: white;
  background-color: #3d3d3d;
}
/* End My Profile */
/* Messages */
/* Left Pane */
div.messages-right-pane {
  width: 24%;
  float: left;
  margin-top: 60px;
  margin-right: 10px;
  min-height: 700px;
}
div.messages-right-pane span.link {
  display: block;
  cursor: pointer;
  padding: 10px;
  margin-left: 45px;
  margin-right: 30px;
  margin-bottom: 2px;
  text-transform: uppercase;
  color: #1e1e1e;
  background-color: #e7e7e7;
}
div.messages-right-pane span.link:hover {
  color: #e7e7e7;
  background-color: #3d3d3d;
}
div.messages-right-pane span.link.active {
  color: #e7e7e7;
  background-color: #1e1e1e;
}
/* Right Pane */
div#messages {
  float: right;
  width: 71%;
  height: auto;
  color: #1e1e1e;
  background-color: white;
  padding: 30px;
  margin: 0 auto;
  margin-right: 45px;
  margin-top: 30px;
  padding-top: 0px;
  padding-left: 0px;
}
div#messages span.header {
  font-size: 2em;
  text-align: left;
  width: 100%;
  display: block;
  text-transform: uppercase;
  padding: 30px;
  margin-bottom: 40px;
  margin-bottom: 0px;
  padding-left: 0;
  padding-bottom: 10px;
}
div#messages div.notification-description {
  padding: 10px;
  text-align: left;
  margin-top: 10px;
  padding-left: 0px;
  border-top: dashed 1px #acacac;
  border-bottom: dashed 1px #acacac;
}
div#messages div.message-list span.message-count {
  margin-top: 10px;
  display: inline-block;
  float: right;
}
div#messages div.message-list table {
  width: 100%;
  margin: 0 auto;
}
div#messages div.message-list table tr.header {
  text-transform: uppercase;
  background-color: #e7e7e7;
  color: #3d3d3d;
}
div#messages div.message-list table tr.header td {
  text-align: center;
  border-top: none;
  border-bottom: none;
}
div#messages div.message-list table tr td {
  text-align: center;
  border: solid 1px #acacac;
  padding: 10px;
  border-left: none;
  border-right: none;
  border-top: none;
  border-color: #e7e7e7;
}
div#messages div.message-list table tr td.order-info {
  padding: 30px;
  text-align: center;
}
div#messages div.message-list table tr td.order-info label {
  width: 30%;
}
div#messages div.message-list table tr td.order-info img.thumbs {
  width: 100px;
}
div#messages div.message-list table tr td.status-preview {
  width: 40px;
  color: #acacac;
  padding-left: 30px;
}
div#messages div.message-list table tr td.from {
  color: #acacac;
}
div#messages div.message-list table tr td.type {
  text-transform: uppercase;
}
div#messages div.message-list table tr td.action {
  width: 20%;
}
div#messages div.message-list table tr td.action span.action-button {
  padding: 7px;
  background-color: #acacac;
  color: white;
  min-width: 170px;
  margin: 7px;
  display: inline-block;
  cursor: pointer;
  font-size: 0.8em;
  background-color: #e7e7e7;
  color: #3d3d3d;
}
div#messages div.message-list table tr td.action span.action-button:hover {
  background-color: #1e1e1e;
  color: #e7e7e7;
}
div#messages div.message-list table tr.message-row:hover {
  background-color: #f8f8f8;
}
div#messages
  div.message-list
  table
  tr.message-row:hover
  td.action
  span.action-button {
  color: #e7e7e7;
  background-color: #1e1e1e;
}
div#messages div.message-list tr[data-read="0"] {
  background-color: #eee;
}
div#messages div.message-list tr[data-read="0"] td.action span.action-button {
  color: #e7e7e7;
  background-color: #3d3d3d;
}
div#messages
  div.message-list
  tr[data-read="0"]
  td.action
  span.action-button:hover {
  color: #e7e7e7;
  background-color: #1e1e1e;
}
/* Pattern Popup */
div#primaryMessagePopup {
  cursor: grab;
  padding: 10px;
  display: none;
  position: fixed;
  width: 930px;
  height: 650px;
  top: 300px;
  left: 300px;
  z-index: 3100;
  background-color: white;
  -webkit-box-shadow: 10px 10px 45px 5px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 10px 10px 45px 5px rgba(0, 0, 0, 0.7);
  box-shadow: 10px 10px 45px 5px rgba(0, 0, 0, 0.7);
}
div#primaryMessagePopup div.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 40px;
  color: white;
  background-color: #808080;
  left: 0;
  padding: 10px;
}
div#primaryMessagePopup div.header {
  text-align: center;
  font-size: 1.3em;
  padding: 20px;
  margin-top: 20px;
}
div#primaryMessagePopup div.main-content {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  padding: 20px;
  padding-top: 30px;
  padding-bottom: 50px;
  border-top: solid 1px #808080;
}
div#primaryMessagePopup div.main-content div.label {
  color: #acacac;
  font-size: 1em;
}
div#primaryMessagePopup div.main-content div.value {
  color: #3d3d3d;
  font-size: 1.2em;
  margin-bottom: 30px;
}
div#primaryMessagePopup div.main-content div.reply-box div.label {
  margin-bottom: 7px;
}
div#primaryMessagePopup div.main-content div.reply-box div.inputbox {
  margin-top: 10px;
}
div#primaryMessagePopup
  div.main-content
  div.reply-box
  div.inputbox
  textarea[name="reply"] {
  width: 100%;
  height: 150px;
  padding: 10px;
}
div#primaryMessagePopup
  div.main-content
  div.reply-box
  div.command-bar
  span.submit-reply {
  background-color: #e7e7e7;
  color: #1e1e1e;
  float: right;
  width: 100px;
  padding: 5px;
  text-align: center;
  cursor: pointer;
  min-width: 170px;
  padding: 10px;
}
div#primaryMessagePopup
  div.main-content
  div.reply-box
  div.command-bar
  span.submit-reply:hover {
  background-color: #1e1e1e;
  color: #e7e7e7;
}
/* End Message Popup */
/* End Messages */
/* My Messages */
div#my-messages {
  width: 90%;
  height: auto;
  background-color: white;
  padding: 30px;
  margin: 0 auto;
  margin-top: 30px;
  -webkit-box-shadow: 15px 15px 33px -28px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 15px 15px 33px -28px rgba(0, 0, 0, 0.7);
  box-shadow: 15px 15px 33px -28px rgba(0, 0, 0, 0.7);
}
div#my-messages div.header,
div#my-messages span.header {
  font-size: 1.5em;
  text-align: center;
  width: 100%;
  display: block;
  text-transform: uppercase;
  padding: 30px;
  padding-bottom: 15px;
  margin-bottom: 40px;
  border-bottom: dashed 1px #acacac;
}
div#my-messages div.header div.size-container,
div#my-messages span.header div.size-container {
  width: 100%;
  text-align: center;
  margin-top: 20px;
  font-size: 0.5em;
  /* span.container-label { font-family: "Avenir Next LT W04 Bold"; margin-right: 30px;} */
}
div#my-messages div.header div.size-container span.container-label,
div#my-messages span.header div.size-container span.container-label {
  font-family: "Gotham-Bold";
  margin-right: 30px;
}
div#my-messages div.header div.size-container span.sizeButton,
div#my-messages span.header div.size-container span.sizeButton {
  width: 30px;
  height: 30px;
  display: inline-block;
  background-color: #ffffff;
  color: #3d3d3d;
  cursor: pointer;
  padding: 7px;
  font-size: 0.8em;
  text-align: center;
}
div#my-messages div.header div.size-container span.sizeButton:hover,
div#my-messages span.header div.size-container span.sizeButton:hover {
  background-color: #acacac;
  color: #ffffff;
}
div#my-messages div.header div.size-container span.sizeButton.active,
div#my-messages span.header div.size-container span.sizeButton.active {
  background-color: #3d3d3d;
  color: #fff;
  /* font-family: "Avenir Next LT W04 Bold"; */
  font-family: "Gotham-Bold";
}
div#my-messages div.header {
  margin-bottom: 20px;
}
div#my-messages div.message-list table {
  width: 100%;
  margin: 0 auto;
}
div#my-messages div.message-list table tr.header {
  text-transform: uppercase;
  background-color: #acacac;
  color: white;
}
div#my-messages div.message-list table tr.header td {
  text-align: center;
}
div#my-messages div.message-list table tr td {
  text-align: center;
  border: solid 1px #acacac;
  padding: 7px;
}
div#my-messages div.message-list table tr td.order-info {
  padding: 30px;
  text-align: center;
}
div#my-messages div.message-list table tr td.order-info label {
  width: 30%;
}
div#my-messages div.message-list table tr td.order-info img.thumbs {
  width: 100px;
}
div#my-messages div.message-list table tr td.action {
  width: 20%;
}
div#my-messages div.message-list table tr td.action span.action-button {
  padding: 7px;
  background-color: #acacac;
  color: white;
  width: 120px;
  margin: 7px;
  display: inline-block;
  cursor: pointer;
  font-size: 0.8em;
}
div#my-messages div.message-list table tr td.action span.action-button:hover {
  background-color: #3d3d3d;
}
/* End My Messages */
/* My Orders */
div#my-orders {
  width: 90%;
  height: auto;
  background-color: white;
  padding: 30px;
  margin: 0 auto;
  margin-top: 30px;
}
div#my-orders div.header,
div#my-orders span.header {
  font-size: 1.5em;
  text-align: center;
  width: 100%;
  display: block;
  text-transform: uppercase;
  padding: 30px;
  padding-bottom: 15px;
  margin-bottom: 40px;
  border-bottom: dashed 1px #acacac;
}
div#my-orders div.header div.size-container,
div#my-orders span.header div.size-container {
  width: 100%;
  text-align: center;
  margin-top: 20px;
  font-size: 0.5em;
  /* span.container-label { font-family: "Avenir Next LT W04 Bold"; margin-right: 30px;} */
}
div#my-orders div.header div.size-container span.container-label,
div#my-orders span.header div.size-container span.container-label {
  font-family: "Gotham-Bold";
  margin-right: 30px;
}
div#my-orders div.header div.size-container span.sizeButton,
div#my-orders span.header div.size-container span.sizeButton {
  width: 30px;
  height: 30px;
  display: inline-block;
  background-color: #ffffff;
  color: #3d3d3d;
  cursor: pointer;
  padding: 7px;
  font-size: 0.8em;
  text-align: center;
}
div#my-orders div.header div.size-container span.sizeButton:hover,
div#my-orders span.header div.size-container span.sizeButton:hover {
  background-color: #acacac;
  color: #ffffff;
}
div#my-orders div.header div.size-container span.sizeButton.active,
div#my-orders span.header div.size-container span.sizeButton.active {
  background-color: #3d3d3d;
  color: #fff;
  /* font-family: "Avenir Next LT W04 Bold"; */
  font-family: "Gotham-Bold";
}
div#my-orders div.header {
  margin-bottom: 20px;
}
div#my-orders div.order-tabs span.tab {
  cursor: pointer;
  display: inline-block;
  min-width: 170px;
  background-color: #acacac;
  color: white;
  text-align: center;
  padding: 10px;
  text-transform: uppercase;
  background-color: #e7e7e7;
  color: #3d3d3d;
}
div#my-orders div.order-tabs span.tab:hover {
  color: white;
  background-color: #3d3d3d;
}
div#my-orders div.order-tabs span.tab.active {
  color: white;
  background-color: #3d3d3d;
  background-color: #1e1e1e;
}
div#my-orders div.order-list table {
  width: 100% !important;
  margin: 0 auto;
}
div#my-orders div.order-list table tr.header {
  text-transform: uppercase;
  background-color: #e7e7e7;
  color: #3d3d3d;
}
div#my-orders div.order-list table tr.header td {
  padding: 10px;
  text-align: center;
  border: none;
}
div#my-orders div.order-list table tr td {
  text-align: center;
  border: solid 1px #acacac;
  padding: 7px;
}
div#my-orders div.order-list table tr.saved-order-row td {
  text-align: center;
  padding: 20px;
  border: none;
  border-bottom: 1px solid #acacac;
}
div#my-orders div.order-list table tr.saved-order-row td.order-info {
  padding: 20px;
  text-align: center;
}
div#my-orders div.order-list table tr.saved-order-row td.order-info label {
  width: 30%;
}
div#my-orders div.order-list table tr.saved-order-row td.order-info img.thumbs {
  width: 100px;
  cursor: pointer;
}
div#my-orders div.order-list table tr.saved-order-row td.action {
  width: 20%;
}
div#my-orders
  div.order-list
  table
  tr.saved-order-row
  td.action
  span.action-button {
  padding: 10px;
  color: #3d3d3d;
  min-width: 170px;
  margin: 7px;
  display: inline-block;
  cursor: pointer;
  font-size: 0.8em;
  background-color: #e7e7e7;
}
div#my-orders
  div.order-list
  table
  tr.saved-order-row
  td.action
  span.action-button:hover {
  color: white;
  background-color: #3d3d3d;
}
div#my-orders div.order-list table tr.saved-order-row:hover td {
  border-bottom: solid 1px #1e1e1e;
  background-color: #f8f8f8;
}
/* End View Order Info */
/* My Orders */
div#view-order-info {
  width: 90%;
  height: auto;
  background-color: white;
  padding: 30px;
  margin: 0 auto;
  margin-top: 30px;
}
div#view-order-info a.btn {
  position: absolute;
  float: left;
  border-bottom: dashed 1px transparent;
  padding: 0;
  color: #acacac;
}
div#view-order-info em.note {
  float: right;
}
div#view-order-info a.btn:hover {
  background-color: white;
  color: #1e1e1e;
  border-bottom: dashed 1px #1e1e1e;
}
div#view-order-info div.header em {
  font-size: 0.4em;
  color: #3d3d3d;
  vertical-align: middle;
}
div#view-order-info span.custom-artwork-status.rejected {
  color: red;
}
div#view-order-info div.header,
div#view-order-info span.header {
  font-size: 1.5em;
  text-align: center;
  width: 100%;
  display: block;
  text-transform: uppercase;
  padding: 30px;
  padding-bottom: 15px;
  margin-bottom: 40px;
  border-bottom: dashed 1px #acacac;
}
div#view-order-info div.header div.size-container,
div#view-order-info span.header div.size-container {
  width: 100%;
  text-align: center;
  margin-top: 20px;
  font-size: 0.5em;
  /* span.container-label { font-family: "Avenir Next LT W04 Bold"; margin-right: 30px;} */
}
div#view-order-info div.header div.size-container span.container-label,
div#view-order-info span.header div.size-container span.container-label {
  font-family: "Gotham-Bold";
  margin-right: 30px;
}
div#view-order-info div.header div.size-container span.sizeButton,
div#view-order-info span.header div.size-container span.sizeButton {
  width: 30px;
  height: 30px;
  display: inline-block;
  background-color: #ffffff;
  color: #3d3d3d;
  cursor: pointer;
  padding: 7px;
  font-size: 0.8em;
  text-align: center;
}
div#view-order-info div.header div.size-container span.sizeButton:hover,
div#view-order-info span.header div.size-container span.sizeButton:hover {
  background-color: #acacac;
  color: #ffffff;
}
div#view-order-info div.header div.size-container span.sizeButton.active,
div#view-order-info span.header div.size-container span.sizeButton.active {
  background-color: #3d3d3d;
  color: #fff;
  /* font-family: "Avenir Next LT W04 Bold"; */
  font-family: "Gotham-Bold";
}
div#view-order-info div.header {
  margin-bottom: 20px;
}
div#view-order-info div.order-tabs span.tab {
  cursor: pointer;
  display: inline-block;
  min-width: 250px;
  background-color: #acacac;
  color: white;
  text-align: center;
  padding: 10px;
  text-transform: uppercase;
  background-color: #e7e7e7;
  color: #3d3d3d;
}
div#view-order-info div.order-tabs span.tab:hover {
  color: white;
  background-color: #3d3d3d;
}
div#view-order-info div.order-tabs span.tab.active {
  color: white;
  background-color: #3d3d3d;
  background-color: #1e1e1e;
}
div#view-order-info div.order-info {
  display: none;
}
div#view-order-info div.order-info label {
  color: #acacac;
}
div#view-order-info div.order-info span.field-value {
  font-size: 1.3em;
  padding-left: 30px;
}
div#view-order-info div.order-info span.field-value.last-message {
  font-size: 1em;
}
div#view-order-info div.order-info span.field-value.edit-order-link {
  font-size: 1em;
}
div#view-order-info div.order-info.custom-artwork-request-status div.link-row {
  text-align: center;
  background-color: #f7f7f7;
  margin: 10px;
  padding: 30px;
  border: dashed 1px #1e1e1e;
}
div#view-order-info
  div.order-info.custom-artwork-request-status
  div.link-row
  span.icon {
  font-size: 3.3em;
}
div#view-order-info
  div.order-info.custom-artwork-request-status
  div.link-row
  em {
  font-size: 1.3em;
}
div#view-order-info
  div.order-info.custom-artwork-request-status
  div.link-row
  a.show-design {
  font-size: 1.3em;
}
div#view-order-info
  div.order-info.custom-artwork-request-status
  span.custom-artwork-applications {
  font-size: 1.3em;
}
div#view-order-info
  div.order-info.custom-artwork-request-status
  span.custom-artwork-applications
  img.customFilename {
  width: 150px;
  cursor: pointer;
}
div#view-order-info
  div.order-info.custom-artwork-request-status
  span.custom-artwork-applications
  table {
  width: 100%;
  margin-top: 30px;
}
div#view-order-info
  div.order-info.custom-artwork-request-status
  span.custom-artwork-applications
  table
  tr
  td {
  color: #1e1e1e;
  padding: 10px;
  text-align: center;
  vertical-align: top;
  border-bottom: solid 1px #acacac;
}
div#view-order-info
  div.order-info.custom-artwork-request-status
  span.custom-artwork-applications
  table
  tr
  td
  a {
  font-size: 0.8em;
  color: #1e1e1e;
  text-decoration: none;
}
div#view-order-info
  div.order-info.custom-artwork-request-status
  span.custom-artwork-applications
  table
  tr
  td
  a:hover {
  border-bottom: dashed 1px #1e1e1e;
}
div#view-order-info
  div.order-info.custom-artwork-request-status
  span.custom-artwork-applications
  table
  tr
  td.notes {
  text-align: left;
  font-size: 0.8em;
}
div#view-order-info
  div.order-info.custom-artwork-request-status
  span.custom-artwork-applications
  table
  tr
  td.action {
  vertical-align: middle;
}
div#view-order-info
  div.order-info.custom-artwork-request-status
  span.custom-artwork-applications
  table
  tr
  td.action
  span.approve-artwork {
  background-color: #e7e7e7;
  color: #3d3d3d;
}
div#view-order-info
  div.order-info.custom-artwork-request-status
  span.custom-artwork-applications
  table
  tr
  td.action
  span.approve-artwork:hover {
  background-color: #1e1e1e;
  color: white;
}
div#view-order-info
  div.order-info.custom-artwork-request-status
  span.custom-artwork-applications
  table
  tr:hover {
  background-color: #f8f8f8;
}
div#view-order-info
  div.order-info.custom-artwork-request-status
  span.custom-artwork-applications
  table
  thead
  tr
  td {
  background-color: #e7e7e7;
  color: #1e1e1e;
  padding: 7px;
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 0.8em;
}
div#view-order-info
  div.order-info.custom-artwork-request-status
  .application-container {
  padding: 10px;
  border-top: dashed 1px #acacac;
  border-bottom: dashed 1px #acacac;
  margin-top: 10px;
}
div#view-order-info div.order-info.main-info div.view-order-thumbnails {
  padding-top: 30px;
  text-align: center;
}
div#view-order-info
  div.order-info.main-info
  div.view-order-thumbnails
  img.thumbs {
  width: 10%;
  cursor: pointer;
}
div#view-order-info div.order-info.main-info div.view-order-link-container {
  text-align: center;
  padding: 30px;
}
div#view-order-info
  div.order-info.main-info
  div.view-order-link-container
  a.view-submitted-design {
  font-size: 1.3em;
  color: #1e1e1e;
  text-decoration: none;
}
div#view-order-info
  div.order-info.main-info
  div.view-order-link-container
  a.view-submitted-design:hover {
  border-bottom: dashed 1px #1e1e1e;
}
div#view-order-info div.order-info.main-info span.field-value.attachments {
  text-align: center;
  width: 100%;
  display: block;
}
div#view-order-info
  div.order-info.main-info
  span.field-value.attachments
  img.attachments {
  cursor: pointer;
}
div#view-order-info
  div.order-info.status-thread
  div.message-list
  span.message-count {
  margin-top: 10px;
  display: inline-block;
  float: right;
}
div#view-order-info div.order-info.status-thread div.message-list table {
  width: 100%;
  margin: 0 auto;
}
div#view-order-info
  div.order-info.status-thread
  div.message-list
  table
  tr.header {
  text-transform: uppercase;
  background-color: #e7e7e7;
  color: #3d3d3d;
}
div#view-order-info
  div.order-info.status-thread
  div.message-list
  table
  tr.header
  td {
  text-align: center;
  border-top: none;
  border-bottom: none;
}
div#view-order-info div.order-info.status-thread div.message-list table tr td {
  text-align: center;
  border: solid 1px #acacac;
  padding: 10px;
  border-left: none;
  border-right: none;
  border-top: none;
  border-color: #e7e7e7;
}
div#view-order-info
  div.order-info.status-thread
  div.message-list
  table
  tr
  td.order-info {
  padding: 30px;
  text-align: center;
}
div#view-order-info
  div.order-info.status-thread
  div.message-list
  table
  tr
  td.order-info
  label {
  width: 30%;
}
div#view-order-info
  div.order-info.status-thread
  div.message-list
  table
  tr
  td.order-info
  img.thumbs {
  width: 100px;
}
div#view-order-info
  div.order-info.status-thread
  div.message-list
  table
  tr
  td.status-preview {
  width: 40px;
  color: #acacac;
  padding-left: 30px;
}
div#view-order-info
  div.order-info.status-thread
  div.message-list
  table
  tr
  td.from {
  color: #acacac;
}
div#view-order-info
  div.order-info.status-thread
  div.message-list
  table
  tr
  td.type {
  text-transform: uppercase;
}
div#view-order-info
  div.order-info.status-thread
  div.message-list
  table
  tr
  td.action {
  width: 20%;
}
div#view-order-info
  div.order-info.status-thread
  div.message-list
  table
  tr
  td.action
  span.action-button {
  padding: 7px;
  background-color: #acacac;
  color: white;
  min-width: 170px;
  margin: 7px;
  display: inline-block;
  cursor: pointer;
  font-size: 0.8em;
  background-color: #e7e7e7;
  color: #3d3d3d;
}
div#view-order-info
  div.order-info.status-thread
  div.message-list
  table
  tr
  td.action
  span.action-button:hover {
  background-color: #1e1e1e;
  color: #e7e7e7;
}
div#view-order-info
  div.order-info.status-thread
  div.message-list
  table
  tr.message-row:hover {
  background-color: #f8f8f8;
}
div#view-order-info
  div.order-info.status-thread
  div.message-list
  table
  tr.message-row:hover
  td.action
  span.action-button {
  color: #e7e7e7;
  background-color: #1e1e1e;
}
div#view-order-info
  div.order-info.status-thread
  div.message-list
  tr[data-read="0"] {
  background-color: #eee;
}
div#view-order-info
  div.order-info.status-thread
  div.message-list
  tr[data-read="0"]
  td.action
  span.action-button {
  color: #e7e7e7;
  background-color: #3d3d3d;
}
div#view-order-info
  div.order-info.status-thread
  div.message-list
  tr[data-read="0"]
  td.action
  span.action-button:hover {
  color: #e7e7e7;
  background-color: #1e1e1e;
}
div#view-order-info div.order-info.pdf iframe.pdfViewer {
  width: 100%;
  height: 700px;
  display: block;
}
div#view-order-info div.order-list table {
  width: 100%;
  margin: 0 auto;
}
div#view-order-info div.order-list table tr.header {
  text-transform: uppercase;
  background-color: #e7e7e7;
  color: #3d3d3d;
}
div#view-order-info div.order-list table tr.header td {
  padding: 10px;
  text-align: center;
  border: none;
}
div#view-order-info div.order-list table tr.saved-order-row td {
  text-align: center;
  padding: 20px;
  border: none;
  border-bottom: 1px solid #acacac;
}
div#view-order-info div.order-list table tr.saved-order-row td.order-info {
  padding: 20px;
  text-align: center;
}
div#view-order-info
  div.order-list
  table
  tr.saved-order-row
  td.order-info
  label {
  width: 30%;
}
div#view-order-info
  div.order-list
  table
  tr.saved-order-row
  td.order-info
  img.thumbs {
  width: 100px;
  cursor: pointer;
}
div#view-order-info div.order-list table tr.saved-order-row td.action {
  width: 20%;
}
div#view-order-info
  div.order-list
  table
  tr.saved-order-row
  td.action
  span.action-button {
  padding: 7px;
  color: #3d3d3d;
  min-width: 170px;
  margin: 7px;
  display: inline-block;
  cursor: pointer;
  font-size: 0.8em;
  background-color: #e7e7e7;
}
div#view-order-info
  div.order-list
  table
  tr.saved-order-row
  td.action
  span.action-button:hover {
  color: white;
  background-color: #3d3d3d;
}
div#view-order-info div.order-list table tr.saved-order-row:hover td {
  border-bottom: solid 1px #1e1e1e;
  background-color: #f8f8f8;
}
/* End My Orders */
/* My Saved Designs */
div#my-saved-designs {
  background-color: white;
}
div#my-saved-designs div.header,
div#my-saved-designs span.header {
  font-size: 1.5em;
  text-align: center;
  width: 100%;
  display: block;
  text-transform: uppercase;
  padding: 30px;
  padding-bottom: 15px;
  margin-bottom: 40px;
  border-bottom: dashed 1px #acacac;
}
div#my-saved-designs div.header div.size-container,
div#my-saved-designs span.header div.size-container {
  width: 100%;
  text-align: center;
  margin-top: 20px;
  font-size: 0.5em;
  /* span.container-label { font-family: "Avenir Next LT W04 Bold"; margin-right: 30px;} */
}
div#my-saved-designs div.header div.size-container span.container-label,
div#my-saved-designs span.header div.size-container span.container-label {
  font-family: "Gotham-Bold";
  margin-right: 30px;
}
div#my-saved-designs div.header div.size-container span.sizeButton,
div#my-saved-designs span.header div.size-container span.sizeButton {
  width: 30px;
  height: 30px;
  display: inline-block;
  background-color: #ffffff;
  color: #3d3d3d;
  cursor: pointer;
  padding: 7px;
  font-size: 0.8em;
  text-align: center;
}
div#my-saved-designs div.header div.size-container span.sizeButton:hover,
div#my-saved-designs span.header div.size-container span.sizeButton:hover {
  background-color: #acacac;
  color: #ffffff;
}
div#my-saved-designs div.header div.size-container span.sizeButton.active,
div#my-saved-designs span.header div.size-container span.sizeButton.active {
  background-color: #3d3d3d;
  color: #fff;
  /* font-family: "Avenir Next LT W04 Bold"; */
  font-family: "Gotham-Bold";
}
div#my-saved-designs div.header {
  margin-bottom: 20px;
}
div#my-saved-designs div.saved-designs-list table {
  width: 100% !important;
  margin: 0 auto;
}
div#my-saved-designs div.saved-designs-list table tr.header {
  text-transform: uppercase;
  background-color: #e7e7e7;
  color: #3d3d3d;
}
div#my-saved-designs div.saved-designs-list table tr.header td {
  text-align: center;
}
div#my-saved-designs div.saved-designs-list table tr td {
  text-align: center;
  border: solid 1px #acacac;
  padding: 7px;
}
div#my-saved-designs div.saved-designs-list table tr td em {
  font-size: 0.8em;
}
div#my-saved-designs div.saved-designs-list table tr td > img.tview {
  margin-top: 30px;
  cursor: pointer;
}
div#my-saved-designs div.saved-designs-list table tr td.saved-design-info {
  padding: 30px;
  text-align: center;
}
div#my-saved-designs
  div.saved-designs-list
  table
  tr
  td.saved-design-info
  label {
  width: 30%;
}
div#my-saved-designs
  div.saved-designs-list
  table
  tr
  td.saved-design-info
  img.thumbs {
  width: 100px;
}
div#my-saved-designs div.saved-designs-list table tr td.action {
  width: 20%;
}
div#my-saved-designs
  div.saved-designs-list
  table
  tr
  td.action
  span.action-button {
  padding: 7px;
  background-color: white;
  color: #3d3d3d;
  width: 120px;
  margin: 7px;
  cursor: pointer;
  font-size: 0.8em;
  display: block;
  margin: 0 auto;
}
div#my-saved-designs
  div.saved-designs-list
  table
  tr
  td.action
  span.action-button:hover {
  background-color: #3d3d3d;
  color: white;
}
/* End My Saved Designs */
/* Feedback Form */
div.feedback-form {
  padding: 20px;
  display: none;
  position: absolute;
  width: 930px;
  height: 650px;
  top: 300px;
  left: 300px;
  z-index: 1000;
  background-color: white;
  -webkit-box-shadow: 6px 6px 45px 5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 6px 6px 45px 5px rgba(0, 0, 0, 0.75);
  box-shadow: 6px 6px 45px 5px rgba(0, 0, 0, 0.75);
}
div.feedback-form span.message {
  color: #3d3d3d;
  text-align: center;
}
div.feedback-form textarea#feedback-message {
  width: 100%;
  height: 170px;
  padding: 10px;
}
div.feedback-form strong.feedback-message {
  font-size: 0.9em;
}
div.feedback-form div.col-md-3 > img {
  width: 100%;
  margin-top: 30px;
}
div.feedback-form div.ok-footer {
  text-align: center;
}
div.feedback-form div.ok-footer span.ok-btn {
  width: 150px;
  padding: 10px;
  *cursor: pointer;
  margin: 0 auto;
  margin-top: 10px;
  display: inline-block;
  background-color: #e7e7e7;
  color: #3d3d3d;
}
div.feedback-form div.ok-footer span.ok-btn:hover {
  color: white;
  background-color: #3d3d3d;
}
/* Feedback Form */
div.free-feedback-form-modal {
  position: fixed;
  /* Stay in place */
  z-index: 2000;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: #000000;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
}
div.free-feedback-form-modal div.free-feedback-form {
  padding: 30px;
  display: none;
  position: fixed;
  width: 930px;
  min-height: 390px;
  top: 200px;
  left: 300px;
  font-size: 0.9em;
  background-color: white;
  -webkit-box-shadow: 6px 6px 45px 5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 6px 6px 45px 5px rgba(0, 0, 0, 0.75);
  box-shadow: 6px 6px 45px 5px rgba(0, 0, 0, 0.75);
}
div.free-feedback-form-modal div.free-feedback-form .img-label {
  font-weight: bold;
  font-style: italic;
}
div.free-feedback-form-modal div.free-feedback-form .required {
  color: red;
}
div.free-feedback-form-modal div.free-feedback-form .error {
  border-color: red;
}
div.free-feedback-form-modal div.free-feedback-form .fa-tshirt {
  font-size: 100px;
}
div.free-feedback-form-modal div.free-feedback-form .img-thumbnail.front,
div.free-feedback-form-modal div.free-feedback-form .img-thumbnail.back,
div.free-feedback-form-modal div.free-feedback-form .img-thumbnail.left,
div.free-feedback-form-modal div.free-feedback-form .img-thumbnail.right {
  width: 100px;
}
div.free-feedback-form-modal div.free-feedback-form .img-thumbnail.upload {
  margin-top: 10px;
}
div.free-feedback-form-modal div.free-feedback-form .upload-btn {
  outline: none;
}
div.free-feedback-form-modal div.free-feedback-form .optional {
  color: #ccc;
}
div.free-feedback-form-modal div.free-feedback-form h3 {
  margin-top: 0px;
  text-align: center;
  margin-bottom: 30px;
  /* font-family: 'Avenir Next LT W04 Thin'; */
  font-family: "Gotham-Bold";
  border-bottom: dashed 1px #acacac;
  padding-bottom: 30px;
}
div.free-feedback-form-modal div.free-feedback-form span.message {
  color: #3d3d3d;
  text-align: center;
}
div.free-feedback-form-modal div.free-feedback-form textarea#feedback-message {
  width: 100%;
  height: 100px;
  padding: 10px;
}
div.free-feedback-form-modal div.free-feedback-form div.col-md-3 > img {
  width: 100%;
  margin-top: 30px;
}
div.free-feedback-form-modal div.free-feedback-form div.ok-footer {
  text-align: center;
}
div.free-feedback-form-modal div.free-feedback-form div.ok-footer span.ok-btn,
div.free-feedback-form-modal
  div.free-feedback-form
  div.ok-footer
  span.cancel-btn {
  background-color: #acacac;
  color: white;
  width: 150px;
  padding: 10px;
  cursor: pointer;
  margin: 0 auto;
  margin-top: 30px;
  display: inline-block;
  background-color: #e7e7e7;
  color: #3d3d3d;
}
div.free-feedback-form-modal
  div.free-feedback-form
  div.ok-footer
  span.ok-btn:hover,
div.free-feedback-form-modal
  div.free-feedback-form
  div.ok-footer
  span.cancel-btn:hover {
  color: white;
  background-color: #3d3d3d;
}
div.free-feedback-form-modal div.free-feedback-form .parsley-error {
  border-color: red;
}
div.free-feedback-form-modal
  div.free-feedback-form
  ul.parsley-errors-list.filled {
  color: red;
}
div.free-feedback-form-modal
  div.free-feedback-form
  ul.parsley-errors-list.filled
  li {
  float: right;
}
/* End Feedback Form */
/* Feedback form for 1567px screen size */
@media screen and (max-width: 1680px) {
  div.free-feedback-form-modal div.free-feedback-form {
    top: 10px !important;
    padding: 15px 30px;
    font-size: 0.85em;
    width: 800px;
  }
  div.free-feedback-form-modal div.free-feedback-form h3 {
    margin-bottom: 15px;
    padding-bottom: 20px;
  }
  div.free-feedback-form-modal div.free-feedback-form textarea {
    height: 11em;
    resize: none;
  }
  div.free-feedback-form-modal div.free-feedback-form span.cancel-btn,
  div.free-feedback-form-modal div.free-feedback-form span.ok-btn {
    margin: 15px auto 0 !important;
  }
  div.free-feedback-form-modal div.free-feedback-form .img-thumbnail.front,
  div.free-feedback-form-modal div.free-feedback-form .img-thumbnail.back,
  div.free-feedback-form-modal div.free-feedback-form .img-thumbnail.left,
  div.free-feedback-form-modal div.free-feedback-form .img-thumbnail.right {
    width: 88px;
  }
  div.free-feedback-form-modal div.free-feedback-form .img-thumbnail.upload {
    margin-top: 5px;
    height: 330px;
    width: 330px;
  }
}
/* Save Design */
div.save-design {
  cursor: grab;
  padding: 30px;
  display: none;
  position: absolute;
  width: 930px;
  height: 690px;
  top: 300px;
  left: 300px;
  z-index: 3100;
  background-color: white;
  -webkit-box-shadow: 6px 6px 45px 5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 6px 6px 45px 5px rgba(0, 0, 0, 0.75);
  box-shadow: 6px 6px 45px 5px rgba(0, 0, 0, 0.75);
}
div.save-design div.please-wait em.uploading {
  display: block;
  width: 100%;
  text-align: center;
}
div.save-design div.please-wait em.uploading img {
  width: 50px;
}
div.save-design div.saving-please-wait {
  display: none;
}
div.save-design div.saving-please-wait em.saving {
  display: block;
  width: 100%;
  text-align: center;
}
div.save-design div.saving-please-wait em.saving img {
  width: 50px;
}
div.save-design h3 {
  margin-top: 0px;
  text-align: center;
  margin-bottom: 30px;
  /* font-family: 'Avenir Next LT W04 Thin'; */
  font-family: "Gotham-Bold";
  border-bottom: dashed 1px #acacac;
  padding-bottom: 30px;
}
div.save-design div.save-design-footer {
  display: none;
}
div.save-design div.input-container {
  text-align: center;
}
div.save-design div.input-container input.design-name {
  height: 30px;
  margin-top: 10px;
  margin-bottom: 20px;
  width: 450px;
  display: inline-block;
}
div.save-design div.input-container textarea#design-notes {
  height: 70px;
  margin-top: 10px;
  margin-bottom: 20px;
  width: 450px;
  display: inline-block;
}
div.save-design img.views {
  width: 100%;
}
div.save-design div.ok-footer {
  text-align: center;
}
div.save-design div.ok-footer span.ok-btn,
div.save-design div.ok-footer span.cancel-btn {
  background-color: #acacac;
  color: white;
  width: 150px;
  padding: 10px;
  cursor: pointer;
  margin: 0 auto;
  margin-top: 10px;
  display: inline-block;
  background-color: #e7e7e7;
  color: #3d3d3d;
}
div.save-design div.ok-footer span.ok-btn:hover,
div.save-design div.ok-footer span.cancel-btn:hover {
  color: white;
  background-color: #3d3d3d;
}
/* End Save Design */
strong.hello {
  font-weight: normal;
}
.modal-lg {
  width: 1100px;
}
/* End User Management */
/* Left Side Toolbar */
div#left-side-toolbar,
div#top-left-side-toolbar {
  z-index: 1000;
  position: fixed;
  width: 80px;
  top: 250px;
  color: #222;
  left: 10px;
}
div#left-side-toolbar hr.left-side-divider,
div#top-left-side-toolbar hr.left-side-divider {
  width: 83%;
  color: #222;
  border: 0;
  display: none;
}
div#left-side-toolbar hr.left-side-divider.middle,
div#top-left-side-toolbar hr.left-side-divider.middle {
  width: 83%;
  color: #222;
  border: 0;
  border-top: solid 2px #3d3d3d;
  display: none;
}
div#left-side-toolbar hr.left-side-divider.middle-bottom,
div#top-left-side-toolbar hr.left-side-divider.middle-bottom {
  margin-top: 10px;
  margin-bottom: 10px;
  opacity: 0.7;
}
div#left-side-toolbar hr.left-side-divider.fav-top,
div#top-left-side-toolbar hr.left-side-divider.fav-top {
  display: none;
}
div#left-side-toolbar div.spacer,
div#top-left-side-toolbar div.spacer {
  margin-top: 10px;
  margin-bottom: 10px;
}
div#left-side-toolbar span.undo-btn,
div#top-left-side-toolbar span.undo-btn,
div#left-side-toolbar span.fullscreen-btn,
div#top-left-side-toolbar span.fullscreen-btn,
div#left-side-toolbar span.team-store,
div#top-left-side-toolbar span.team-store,
div#left-side-toolbar span.art-btn,
div#top-left-side-toolbar span.art-btn,
div#left-side-toolbar span.table-btn,
div#top-left-side-toolbar span.table-btn {
  display: none;
}
div#left-side-toolbar span.toolbar-item,
div#top-left-side-toolbar span.toolbar-item {
  font-size: 1.1em;
  color: silver;
  cursor: pointer;
}
div#left-side-toolbar span.toolbar-item i.fa,
div#top-left-side-toolbar span.toolbar-item i.fa {
  text-align: center;
  width: 100%;
  font-size: 1.4em;
}
div#left-side-toolbar span.toolbar-item span.toolbar-item-label,
div#top-left-side-toolbar span.toolbar-item span.toolbar-item-label {
  font-size: 0.7em;
  text-align: center;
  width: 100%;
  display: inline-block;
}
div#left-side-toolbar span.toolbar-item:hover,
div#top-left-side-toolbar span.toolbar-item:hover {
  color: white;
}
div#left-side-toolbar span.toolbar-item:active,
div#top-left-side-toolbar span.toolbar-item:active {
  color: #acacac;
}
div#left-side-toolbar span.favorite-btn,
div#top-left-side-toolbar span.favorite-btn {
  margin-bottom: 33px;
  display: none;
}
div#left-side-toolbar span.added,
div#top-left-side-toolbar span.added {
  color: #acacac;
}
div#left-side-toolbar span.approve-reject-artwork-btn,
div#top-left-side-toolbar span.approve-reject-artwork-btn {
  margin-bottom: 33px;
  display: none;
  color: #f9c129;
}
div#left-side-toolbar span.approve-reject-artwork-btn:hover,
div#top-left-side-toolbar span.approve-reject-artwork-btn:hover {
  color: gold;
}
div#left-side-toolbar span.resubmit-order-btn,
div#top-left-side-toolbar span.resubmit-order-btn {
  margin-bottom: 33px;
  display: none;
  color: #e7e7e7;
}
div#left-side-toolbar span.toolbar-item i.fa,
div#top-left-side-toolbar span.toolbar-item i.fa {
  margin-bottom: 10px;
}
div#top-left-side-toolbar {
  top: 170px;
}
div#top-left-side-toolbar span.toolbar-item {
  color: #1d1d1d;
}
/* End Left Side Toolbar */
/* Layers Order */
div#layers-order {
  cursor: grab;
  position: absolute;
  display: none;
  width: 270px;
  height: 100%;
  background-color: #acacac;
  margin-left: -280px;
  padding: 10px;
  border: solid 1px #888888;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  text-align: center;
  z-index: 400;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
}
div#layers-order em.dragMessage {
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
}
div#layers-order div.tools span.add-application,
div#layers-order div.tools span.show-locations {
  display: table-cell;
  background-color: #888888;
  color: white;
  width: 100px;
  height: 90px;
  font-size: 0.8em;
  padding: 9px;
  border: 3px solid #acacac;
  cursor: pointer;
  float: right;
  vertical-align: bottom;
}
div#layers-order div.tools span.show-locations {
  background-color: #acacac;
  float: left;
  color: #3d3d3d;
  width: 140px;
  margin-top: 60px;
  height: 10px;
  text-align: left;
  padding: 0px;
}
div#layers-order div.tools span.add-application.inactive {
  cursor: not-allowed;
  background-color: #888888;
  opacity: 0.2;
}
div#layers-order div.tools span.show-locations.active {
  color: white;
}
div#layers-order div.tools span.add-application:hover {
  background-color: #3d3d3d;
}
div#layers-order div.tools span.show-locations:hover {
  color: white;
}
div#layers-order div.layers-header {
  text-transform: uppercase;
  display: block;
  margin-bottom: 10px;
  /* font-family: 'Avenir Next LT W04 Bold'; */
  font-family: "Gotham-Bold";
  font-size: 0.9em;
  width: 100%;
}
div#layers-order div.layers-header span.header-text {
  float: left;
  font-size: 1.2em;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
}
div#layers-order div.layers-header span.close {
  cursor: pointer;
  color: #3d3d3d;
  float: right;
}
div#layers-order div.layers-header span.close:hover {
  color: #3d3d3d;
  float: right;
}
div#layers-order div.layers-container {
  height: 450px;
  width: 100%;
  display: block;
  overflow-y: auto;
  margin-top: 20px;
}
div#layers-order div.layers-container span.layer {
  padding: 5px;
  display: block;
  background-color: #888888;
  margin: 3px;
  cursor: move;
  /* font-family: 'Avenir Next LT W04 Bold'; */
  font-family: "Gotham-Bold";
  font-size: 0.8em;
  text-align: left;
  border: 1px solid #888888;
}
div#layers-order div.layers-container span.layer span.code {
  display: inline-block;
  width: 30px;
  text-align: center;
  background-color: #3d3d3d;
  color: #acacac;
  margin-right: 7px;
  font-size: 0.8em;
}
div#layers-order div.layers-container span.layer span.caption {
  display: inline-block;
  color: white;
}
div#layers-order div.layers-container span.layer span.perspective,
div#layers-order div.layers-container span.layer span.application_type {
  font-size: 0.8em;
  color: #acacac;
  float: right;
  margin-right: 7px;
  margin-top: 2px;
}
div#layers-order div.layers-container span.layer span.perspective {
  color: white;
}
div#layers-order div.layers-container span.layer:hover {
  border: 1px solid white;
}
div#layers-order div.layers-container.notSublimated {
  height: 500px;
}
div#layers-order span.layer.active {
  background-color: #3d3d3d !important;
  color: white;
  border: 1px solid #3d3d3d;
}
div#layers-order span.layer.active span.code {
  color: white;
}
div#layers-order span.layers-close {
  background-color: #888888;
  color: #acacac;
  width: 100%;
  padding: 3px;
  font-size: 1em;
  cursor: pointer;
  display: inline-block;
  margin-top: 10px;
}
div#layers-order span.layers-close:hover {
  background-color: #3d3d3d;
  color: white;
}
div#layers-order.on {
  display: block;
  top: 0px;
}
div#layers-order.off {
  display: none;
  top: -200px;
}
/* End Layers Order */
/* Team Store Tools */
div#team-store-toolbox {
  cursor: grab;
  position: absolute;
  display: none;
  width: 160px;
  height: 490px;
  background-color: #acacac;
  padding: 10px;
  border: solid 1px #888888;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  text-align: center;
  z-index: 1000;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
}
div#team-store-toolbox .header-text {
  font-weight: bold;
}
div#team-store-toolbox .navbar-nav > li {
  margin-top: 30px;
}
div#team-store-toolbox div.menu li.disabled {
  color: #888888;
}
div#team-store-toolbox div.menu li a {
  text-decoration: none;
}
div#team-store-toolbox.visible {
  margin-top: 120px;
  margin-left: 120px;
}
/* End Team Store Tools */
/* Pipings Panel */
div#pipings-panel {
  cursor: grab;
  position: absolute;
  display: none;
  width: 270px;
  height: 100%;
  background-color: #acacac;
  margin-left: -280px;
  padding: 10px;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  text-align: center;
  z-index: 1000;
  border: solid 1px #888888;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
}
div#pipings-panel em.dragMessage {
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
}
div#pipings-panel div.tools span.add-application,
div#pipings-panel div.tools span.show-locations {
  display: table-cell;
  background-color: #888888;
  color: white;
  width: 100px;
  height: 90px;
  font-size: 0.8em;
  padding: 9px;
  border: 3px solid #acacac;
  cursor: pointer;
  float: right;
  vertical-align: bottom;
}
div#pipings-panel div.tools span.show-locations {
  background-color: #acacac;
  float: left;
  color: #3d3d3d;
  width: 150px;
  margin-top: 50px;
  height: 10px;
  text-align: left;
  padding: 0px;
}
div#pipings-panel div.tools span.add-application.inactive {
  cursor: not-allowed;
  background-color: #888888;
  opacity: 0.2;
}
div#pipings-panel div.tools span.show-locations.active {
  color: white;
}
div#pipings-panel div.tools span.add-application:hover {
  background-color: #3d3d3d;
}
div#pipings-panel div.tools span.show-locations:hover {
  color: white;
}
div#pipings-panel div.pipings-header {
  text-transform: uppercase;
  display: block;
  margin-bottom: 10px;
  /* font-family: 'Avenir Next LT W04 Bold'; */
  font-family: "Gotham-Bold";
  font-size: 0.9em;
  width: 100%;
}
div#pipings-panel div.pipings-header span.header-text {
  float: left;
  font-size: 1.2em;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
}
div#pipings-panel div.pipings-header span.close {
  cursor: pointer;
  color: #3d3d3d;
  float: right;
}
div#pipings-panel div.pipings-header span.close:hover {
  color: #3d3d3d;
  float: right;
}
div#pipings-panel div.pipings-container {
  height: 460px;
  width: 100%;
  display: block;
  overflow-y: auto;
  margin-top: 20px;
}
div#pipings-panel div.pipings-container span.piping {
  padding: 5px;
  display: block;
  background-color: #e7e7e7;
  margin: 3px;
  cursor: pointer;
  font-size: 0.8em;
  text-align: left;
  /* font-family: 'Avenir Next LT W04 Thin'; */
  font-family: "Gotham-Bold";
  color: #3d3d3d;
}
div#pipings-panel div.pipings-container span.piping span.caption {
  display: inline-block;
  min-width: 90px;
  padding-left: 30px;
}
div#pipings-panel div.pipings-container span.piping span.perspective,
div#pipings-panel div.pipings-container span.piping span.application_type {
  font-size: 0.8em;
  color: #acacac;
  float: right;
  margin-right: 7px;
  margin-top: 2px;
}
div#pipings-panel div.pipings-container span.piping span.perspective {
  color: white;
}
div#pipings-panel div.pipings-container span.piping:hover {
  background-color: #3d3d3d;
  color: white;
}
div#pipings-panel div.pipings-container.notSublimated {
  height: 520px;
}
div#pipings-panel span.piping.active {
  background-color: #3d3d3d !important;
  color: white !important;
  /* font-family: 'Avenir Next LT W04 Bold' !important; */
  font-family: "Gotham-Bold";
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
}
div#pipings-panel span.piping.active span.caption {
  color: white !important;
}
div#pipings-panel span.pipings-close {
  background-color: #888888;
  color: #acacac;
  width: 100%;
  padding: 3px;
  font-size: 1em;
  cursor: pointer;
  display: inline-block;
  margin-top: 10px;
}
div#pipings-panel span.pipings-close:hover {
  background-color: #3d3d3d;
  color: white;
}
div#pipings-panel.on {
  display: block;
  top: 0px;
}
div#pipings-panel.off {
  display: none;
  top: -200px;
}
/* End Pipings Panel */
/* Random Feed Panel */
div#randomFeeds-panel {
  cursor: grab;
  position: absolute;
  display: none;
  width: 270px;
  height: 100%;
  background-color: #acacac;
  margin-left: -280px;
  padding: 10px;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  text-align: center;
  z-index: 1000;
  border: solid 1px #888888;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
}
div#randomFeeds-panel em.dragMessage {
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
}
div#randomFeeds-panel div.tools span.add-application,
div#randomFeeds-panel div.tools span.show-locations {
  display: table-cell;
  background-color: #888888;
  color: white;
  width: 100px;
  height: 90px;
  font-size: 0.8em;
  padding: 9px;
  border: 3px solid #acacac;
  cursor: pointer;
  float: right;
  vertical-align: bottom;
}
div#randomFeeds-panel div.tools span.show-locations {
  background-color: #acacac;
  float: left;
  color: #3d3d3d;
  width: 150px;
  margin-top: 50px;
  height: 10px;
  text-align: left;
  padding: 0px;
}
div#randomFeeds-panel div.tools span.add-application.inactive {
  cursor: not-allowed;
  background-color: #888888;
  opacity: 0.2;
}
div#randomFeeds-panel div.tools span.show-locations.active {
  color: white;
}
div#randomFeeds-panel div.tools span.add-application:hover {
  background-color: #3d3d3d;
}
div#randomFeeds-panel div.tools span.show-locations:hover {
  color: white;
}
div#randomFeeds-panel div.randomFeeds-header {
  text-transform: uppercase;
  display: block;
  margin-bottom: 10px;
  /* font-family: 'Avenir Next LT W04 Bold'; */
  font-family: "Gotham-Bold";
  font-size: 0.9em;
  width: 100%;
}
div#randomFeeds-panel div.randomFeeds-header span.header-text {
  float: left;
  font-size: 1.2em;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
}
div#randomFeeds-panel div.randomFeeds-header span.close {
  cursor: pointer;
  color: #3d3d3d;
  float: right;
}
div#randomFeeds-panel div.randomFeeds-header span.close:hover {
  color: #3d3d3d;
  float: right;
}
div#randomFeeds-panel div.randomFeeds-container {
  height: 460px;
  width: 100%;
  display: block;
  overflow-y: auto;
  margin-top: 20px;
}
div#randomFeeds-panel div.randomFeeds-container span.randomFeed {
  padding: 5px;
  display: block;
  background-color: #e7e7e7;
  margin: 3px;
  cursor: pointer;
  font-size: 0.8em;
  text-align: left;
  /* font-family: 'Avenir Next LT W04 Thin'; */
  font-family: "Gotham-Bold";
  color: #3d3d3d;
}
div#randomFeeds-panel div.randomFeeds-container span.randomFeed span.caption {
  display: inline-block;
  min-width: 90px;
  padding-left: 30px;
}
div#randomFeeds-panel
  div.randomFeeds-container
  span.randomFeed
  span.perspective,
div#randomFeeds-panel
  div.randomFeeds-container
  span.randomFeed
  span.application_type {
  font-size: 0.8em;
  color: #acacac;
  float: right;
  margin-right: 7px;
  margin-top: 2px;
}
div#randomFeeds-panel
  div.randomFeeds-container
  span.randomFeed
  span.perspective {
  color: white;
}
div#randomFeeds-panel div.randomFeeds-container span.randomFeed:hover {
  background-color: #3d3d3d;
  color: white;
}
div#randomFeeds-panel div.randomFeeds-container.notSublimated {
  height: 520px;
}
div#randomFeeds-panel span.randomFeed.active {
  background-color: #3d3d3d !important;
  color: white !important;
  /* font-family: 'Avenir Next LT W04 Bold' !important; */
  font-family: "Gotham-Bold";
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
}
div#randomFeeds-panel span.randomFeed.active span.caption {
  color: white !important;
}
div#randomFeeds-panel span.randomFeeds-close {
  background-color: #888888;
  color: #acacac;
  width: 100%;
  padding: 3px;
  font-size: 1em;
  cursor: pointer;
  display: inline-block;
  margin-top: 10px;
}
div#randomFeeds-panel span.randomFeeds-close:hover {
  background-color: #3d3d3d;
  color: white;
}
div#randomFeeds-panel.on {
  display: block;
  top: 0px;
}
div#randomFeeds-panel.off {
  display: none;
  top: -200px;
}
/* End Random Feed Panel */
.active-change-view {
  background-color: #ffffff !important;
  color: #000000 !important;
}
.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.modal-content {
  border-radius: 0px;
  padding: 10px;
}
button.btn.btn-primary {
  background: #3d3d3d !important;
  color: white !important;
}
button#firstname {
  background-color: #e7e7e7 !important;
  color: #3d3d3d !important;
  cursor: default;
}
button#firstname:hover {
  border-color: #e7e7e7;
}
/* smkalert overrides */
.alert-info,
.alert-success,
.alert-warning {
  background-image: none;
  background-repeat: repeat-x;
  border-color: #3d3d3d;
}
.alert-info,
.alert-success,
.alert-warning {
  color: #3d3d3d;
  background-color: #e7e7e7;
  border-color: #e7e7e7;
  border-radius: 0px;
  border: none;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.alert-success {
  background-color: #3d3d3d;
  border-color: #3d3d3d;
  color: #fff;
}
#myProfileAlert {
  width: 40%;
  margin: 0 auto 50px auto;
}
button.loginRest {
  background-color: #e7e7e7;
}
/* end smkalert overrides */
/* Message Modal */
div#messageModal {
  text-align: center;
  padding: 30px;
}
.modal.fade.bs-example-modal-sm.in {
  z-index: 3000;
}
/* End Message Modal */
/* Add New Free Form Application */
div#add-new-free-form-application div.perspective-container,
div#add-new-free-form-application div.part-container,
div#add-new-free-form-application div.application-container,
div#add-new-free-form-application div.side-container {
  text-align: center;
}
div#add-new-free-form-application div.perspective-container span.perspective,
div#add-new-free-form-application div.part-container span.perspective,
div#add-new-free-form-application div.application-container span.perspective,
div#add-new-free-form-application div.side-container span.perspective,
div#add-new-free-form-application div.perspective-container span.part,
div#add-new-free-form-application div.part-container span.part,
div#add-new-free-form-application div.application-container span.part,
div#add-new-free-form-application div.side-container span.part,
div#add-new-free-form-application div.perspective-container span.optionButton,
div#add-new-free-form-application div.part-container span.optionButton,
div#add-new-free-form-application div.application-container span.optionButton,
div#add-new-free-form-application div.side-container span.optionButton,
div#add-new-free-form-application div.perspective-container span.side,
div#add-new-free-form-application div.part-container span.side,
div#add-new-free-form-application div.application-container span.side,
div#add-new-free-form-application div.side-container span.side {
  display: inline-block;
  width: 70px;
  height: 70px;
  border: solid 1px #acacac;
  padding-top: 23px;
  margin: 7px;
  cursor: pointer;
}
div#add-new-free-form-application
  div.perspective-container
  span.perspective:hover,
div#add-new-free-form-application div.part-container span.perspective:hover,
div#add-new-free-form-application
  div.application-container
  span.perspective:hover,
div#add-new-free-form-application div.side-container span.perspective:hover,
div#add-new-free-form-application div.perspective-container span.part:hover,
div#add-new-free-form-application div.part-container span.part:hover,
div#add-new-free-form-application div.application-container span.part:hover,
div#add-new-free-form-application div.side-container span.part:hover,
div#add-new-free-form-application
  div.perspective-container
  span.optionButton:hover,
div#add-new-free-form-application div.part-container span.optionButton:hover,
div#add-new-free-form-application
  div.application-container
  span.optionButton:hover,
div#add-new-free-form-application div.side-container span.optionButton:hover,
div#add-new-free-form-application div.perspective-container span.side:hover,
div#add-new-free-form-application div.part-container span.side:hover,
div#add-new-free-form-application div.application-container span.side:hover,
div#add-new-free-form-application div.side-container span.side:hover {
  color: white;
  background-color: #acacac;
}
div#add-new-free-form-application
  div.perspective-container
  span.perspective.active,
div#add-new-free-form-application div.part-container span.perspective.active,
div#add-new-free-form-application
  div.application-container
  span.perspective.active,
div#add-new-free-form-application div.side-container span.perspective.active,
div#add-new-free-form-application div.perspective-container span.part.active,
div#add-new-free-form-application div.part-container span.part.active,
div#add-new-free-form-application div.application-container span.part.active,
div#add-new-free-form-application div.side-container span.part.active,
div#add-new-free-form-application
  div.perspective-container
  span.optionButton.active,
div#add-new-free-form-application div.part-container span.optionButton.active,
div#add-new-free-form-application
  div.application-container
  span.optionButton.active,
div#add-new-free-form-application div.side-container span.optionButton.active,
div#add-new-free-form-application div.perspective-container span.side.active,
div#add-new-free-form-application div.part-container span.side.active,
div#add-new-free-form-application div.application-container span.side.active,
div#add-new-free-form-application div.side-container span.side.active {
  /* font-family: "Avenir Next LT W04 Bold"; */
  font-family: "Gotham-Bold";
  color: white;
  background-color: #3d3d3d;
}
div#add-new-free-form-application
  div.perspective-container
  span.perspective.active
  img,
div#add-new-free-form-application
  div.part-container
  span.perspective.active
  img,
div#add-new-free-form-application
  div.application-container
  span.perspective.active
  img,
div#add-new-free-form-application
  div.side-container
  span.perspective.active
  img,
div#add-new-free-form-application
  div.perspective-container
  span.part.active
  img,
div#add-new-free-form-application div.part-container span.part.active img,
div#add-new-free-form-application
  div.application-container
  span.part.active
  img,
div#add-new-free-form-application div.side-container span.part.active img,
div#add-new-free-form-application
  div.perspective-container
  span.optionButton.active
  img,
div#add-new-free-form-application
  div.part-container
  span.optionButton.active
  img,
div#add-new-free-form-application
  div.application-container
  span.optionButton.active
  img,
div#add-new-free-form-application
  div.side-container
  span.optionButton.active
  img,
div#add-new-free-form-application
  div.perspective-container
  span.side.active
  img,
div#add-new-free-form-application div.part-container span.side.active img,
div#add-new-free-form-application
  div.application-container
  span.side.active
  img,
div#add-new-free-form-application div.side-container span.side.active img {
  -webkit-filter: brightness(100);
  filter: brightness(100);
}
div#add-new-free-form-application div.perspective-container span.part,
div#add-new-free-form-application div.part-container span.part,
div#add-new-free-form-application div.application-container span.part,
div#add-new-free-form-application div.side-container span.part {
  width: 250px;
  height: 30px;
  padding-top: 4px;
}
div#add-new-free-form-application div.perspective-container span.side,
div#add-new-free-form-application div.part-container span.side,
div#add-new-free-form-application div.application-container span.side,
div#add-new-free-form-application div.side-container span.side {
  width: 200px;
  height: 30px;
  padding-top: 4px;
}
div#add-new-free-form-application div.perspective-container span.optionButton,
div#add-new-free-form-application div.part-container span.optionButton,
div#add-new-free-form-application div.application-container span.optionButton,
div#add-new-free-form-application div.side-container span.optionButton {
  width: 120px;
  height: 120px;
}
div#add-new-free-form-application
  div.perspective-container
  span.optionButton
  div.icon
  img,
div#add-new-free-form-application
  div.part-container
  span.optionButton
  div.icon
  img,
div#add-new-free-form-application
  div.application-container
  span.optionButton
  div.icon
  img,
div#add-new-free-form-application
  div.side-container
  span.optionButton
  div.icon
  img {
  width: 48px;
  height: 48px;
}
div#add-new-free-form-application
  div.perspective-container
  span.optionButton
  div.caption,
div#add-new-free-form-application
  div.part-container
  span.optionButton
  div.caption,
div#add-new-free-form-application
  div.application-container
  span.optionButton
  div.caption,
div#add-new-free-form-application
  div.side-container
  span.optionButton
  div.caption {
  margin-top: 7px;
}
div#add-new-free-form-application label.leftrightPart,
div#add-new-free-form-application div.side-container {
  display: none;
}
div#add-new-free-form-application div.footer-buttons {
  margin-bottom: 50px;
  margin-top: 10px;
}
div#add-new-free-form-application div.footer-buttons span.button {
  float: right;
  width: 150px;
  height: 35px;
  background-color: #acacac;
  color: white;
  text-align: center;
  padding-top: 7px;
  margin-left: 10px;
  cursor: pointer;
}
div#add-new-free-form-application div.footer-buttons span.button:hover {
  background-color: #3d3d3d;
  color: white;
}
/* End Add New Free Form Application*/
/* Generator Container */
.generator-container textarea.code {
  width: 100%;
  height: 500px;
}
/* End Generator Container */
/* Loading Dialog */
div.loading-dialog div.modal-dialog div.modal-content,
div.loading-dialog-pickers div.modal-dialog div.modal-content {
  height: 670px;
  color: #3d3e3d;
  background-color: #fff;
}
div.loading-dialog-pickers div.modal-dialog div.modal-content {
  height: 430px;
  background-color: #fff;
  color: #3d3e3d;
}
div.logo-container {
  text-align: center;
}
div.logo-container span.title {
  display: block;
  margin: 7px;
}
div.logo-container div.qoute {
  display: block;
  width: 90%;
  margin: 0 auto;
  margin-top: 17px;
  margin-bottom: 17px;
  color: #1e1e1e;
  font-size: 1.3em;
}
div.logo-container div.qoute span.qoute-symbol {
  color: #f2f2f2;
  font-size: 1.4em;
}
div.logo-container div.qoute span.qoute-text {
  z-index: 2;
}
div.logo-container div.qoute div.author-container {
  width: 100%;
  text-align: right;
}
div.logo-container div.qoute div.author-container span.author {
  color: #1e1e1e;
  /* font-family: "Avenir"; */
  font-family: "Gotham-Book";
  font-size: 0.9em;
}
div.logo-container img.logo-white {
  width: 130px;
  margin: 0 auto;
}
span.load-line {
  display: none;
}
span.load-line.awesomeness {
  width: 100%;
  display: block;
}
/* End Loading Dialog */
/* Preview Panel */
div.preview-panel {
  position: absolute;
  width: 550px;
  height: 140px;
  bottom: 0px;
  right: 25px;
  background-color: white;
  display: none;
  line-height: 14px;
  padding: 7px;
  z-index: 1000;
  cursor: move;
}
div.preview-panel div.title {
  cursor: move;
  height: 30px;
}
div.preview-panel div.title span.caption {
  float: left;
  padding: 3px;
}
div.preview-panel div.title span.close {
  float: right;
  padding: 3px;
}
div.preview-panel div.body {
  cursor: move;
}
div.preview-panel div.body div.rotation-container label {
  width: 70px;
}
div.preview-panel div.body div.rotation-container strong.number {
  width: 230px;
  display: inline-block;
}
div.preview-panel:hover {
  color: white;
  background-color: #3d3d3d;
}
/* End Preview Panel */
/* Message Panel */
div.messages-panel {
  position: absolute;
  width: 550px;
  height: 170px;
  bottom: 0;
  left: 120px;
  background-color: #f7f7f7;
  display: none;
  padding: 7px;
  z-index: 1000;
  cursor: move;
}
div.messages-panel div.title {
  cursor: move;
  height: 30px;
}
div.messages-panel div.title span.caption {
  float: left;
  padding: 3px;
}
div.messages-panel div.title span.close {
  float: right;
  padding: 3px;
}
div.messages-panel div.body {
  cursor: move;
}
div.messages-panel div.body div.rotation-container label {
  width: 70px;
}
div.messages-panel div.body div.rotation-container strong.number {
  width: 300px;
  display: inline-block;
}
div.preview-panel:hover {
  color: white;
  background-color: #3d3d3d;
}
/* End Message Panel */
/* Name Drop Dialog */
div.svg-dialog-container div.svg-container {
  width: 348px;
  height: 348px;
  margin: 0 auto;
  background-color: #acacac;
}
/* End Name Drop Dialog */
/* Overrrides */
.introjs-helperLayer {
  opacity: 0.2;
}
div.ui-row > div.column1 > span.irs {
  margin-top: -35px;
  width: 60%;
  float: right;
}
.irs-from,
.irs-to,
.irs-single {
  color: #fff;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background: #3d3d3d;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.irs-from:after,
.irs-to:after,
.irs-single:after {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #3d3d3d;
}
.irs-min,
.irs-max {
  color: #3d3d3d;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  top: 0;
  padding: 3px;
  background: none;
  border-radius: 0px;
}
.irs-from,
.irs-to,
.irs-single {
  color: #fff;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  padding: 2px 7px;
  background: #3d3d3d;
  border-radius: 0px;
}
/* End Overrides */
/* Navbar Toggle */
div.navbar-header.btn-group.open > a.navbar-brand.dropdown-toggle {
  box-shadow: none;
  background-color: #f8f8f8 !important;
}
div.navbar-header ul.dropdown-menu {
  right: auto;
  margin-top: 30px;
}
div.navbar-header ul.dropdown-menu li > a img {
  color: white;
  height: 20px;
}
div.navbar-header ul.dropdown-menu .dropdown-submenu {
  position: relative;
}
div.navbar-header ul.dropdown-menu .dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px;
}
div.navbar-header ul.dropdown-menu .dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
div.navbar-header ul.dropdown-menu .dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-right: -10px;
}
div.navbar-header ul.dropdown-menu .dropdown-submenu:hover > a:after {
  border-left-color: #fff;
}
div.navbar-header ul.dropdown-menu .dropdown-submenu.pull-left {
  float: none;
}
div.navbar-header
  ul.dropdown-menu
  .dropdown-submenu.pull-left
  > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}
div.navbar-header .prolook-side-menu {
  z-index: 991;
  left: -100%;
  background-color: #fff;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  width: calc(100% - 20px);
  position: fixed;
  top: 75px;
  max-width: 320px;
  transition: left 0.5s;
}
div.navbar-header .prolook-side-menu img {
  height: 20px;
}
div.navbar-header .prolook-side-menu .home-menu {
  text-indent: 6px;
}
div.navbar-header .prolook-side-menu .home-menu a {
  color: #3d3d3d;
  text-decoration: none;
  font-weight: 400;
  white-space: nowrap;
  height: 30px;
  line-height: 30px;
  width: 100%;
  display: inline-block;
}
div.navbar-header .prolook-side-menu .home-menu:hover {
  background-color: #3d3d3d;
}
div.navbar-header .prolook-side-menu .home-menu:hover a {
  color: #f2f2f2;
}
div.navbar-header .prolook-side-menu .men-menu .men-styles,
div.navbar-header .prolook-side-menu .women-menu .men-styles,
div.navbar-header .prolook-side-menu .men-menu .women-styles,
div.navbar-header .prolook-side-menu .women-menu .women-styles {
  text-indent: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
div.navbar-header
  .prolook-side-menu
  .men-menu
  .men-styles
  .toggler-men-categories,
div.navbar-header
  .prolook-side-menu
  .women-menu
  .men-styles
  .toggler-men-categories,
div.navbar-header
  .prolook-side-menu
  .men-menu
  .women-styles
  .toggler-men-categories,
div.navbar-header
  .prolook-side-menu
  .women-menu
  .women-styles
  .toggler-men-categories,
div.navbar-header
  .prolook-side-menu
  .men-menu
  .men-styles
  .toggler-women-categories,
div.navbar-header
  .prolook-side-menu
  .women-menu
  .men-styles
  .toggler-women-categories,
div.navbar-header
  .prolook-side-menu
  .men-menu
  .women-styles
  .toggler-women-categories,
div.navbar-header
  .prolook-side-menu
  .women-menu
  .women-styles
  .toggler-women-categories {
  font-size: 20px;
  width: 40px;
  height: 30px;
  position: relative;
  cursor: pointer;
}
div.navbar-header
  .prolook-side-menu
  .men-menu
  .men-styles
  .toggler-men-categories:before,
div.navbar-header
  .prolook-side-menu
  .women-menu
  .men-styles
  .toggler-men-categories:before,
div.navbar-header
  .prolook-side-menu
  .men-menu
  .women-styles
  .toggler-men-categories:before,
div.navbar-header
  .prolook-side-menu
  .women-menu
  .women-styles
  .toggler-men-categories:before,
div.navbar-header
  .prolook-side-menu
  .men-menu
  .men-styles
  .toggler-women-categories:before,
div.navbar-header
  .prolook-side-menu
  .women-menu
  .men-styles
  .toggler-women-categories:before,
div.navbar-header
  .prolook-side-menu
  .men-menu
  .women-styles
  .toggler-women-categories:before,
div.navbar-header
  .prolook-side-menu
  .women-menu
  .women-styles
  .toggler-women-categories:before {
  position: absolute;
  left: -6px;
  top: 4px;
}
div.navbar-header .prolook-side-menu .men-menu .men-styles a,
div.navbar-header .prolook-side-menu .women-menu .men-styles a,
div.navbar-header .prolook-side-menu .men-menu .women-styles a,
div.navbar-header .prolook-side-menu .women-menu .women-styles a {
  color: #3d3d3d;
  text-decoration: none;
  font-weight: 400;
  white-space: nowrap;
  height: 30px;
  line-height: 30px;
  width: calc(100% - 40px);
  display: inline-block;
}
div.navbar-header .prolook-side-menu .men-menu .men-styles:hover,
div.navbar-header .prolook-side-menu .women-menu .men-styles:hover,
div.navbar-header .prolook-side-menu .men-menu .women-styles:hover,
div.navbar-header .prolook-side-menu .women-menu .women-styles:hover {
  background-color: #3d3d3d;
}
div.navbar-header .prolook-side-menu .men-menu .men-styles:hover a,
div.navbar-header .prolook-side-menu .women-menu .men-styles:hover a,
div.navbar-header .prolook-side-menu .men-menu .women-styles:hover a,
div.navbar-header .prolook-side-menu .women-menu .women-styles:hover a {
  color: #f2f2f2;
}
div.navbar-header
  .prolook-side-menu
  .men-menu
  .men-styles:hover
  .toggler-men-categories,
div.navbar-header
  .prolook-side-menu
  .women-menu
  .men-styles:hover
  .toggler-men-categories,
div.navbar-header
  .prolook-side-menu
  .men-menu
  .women-styles:hover
  .toggler-men-categories,
div.navbar-header
  .prolook-side-menu
  .women-menu
  .women-styles:hover
  .toggler-men-categories,
div.navbar-header
  .prolook-side-menu
  .men-menu
  .men-styles:hover
  .toggler-women-categories,
div.navbar-header
  .prolook-side-menu
  .women-menu
  .men-styles:hover
  .toggler-women-categories,
div.navbar-header
  .prolook-side-menu
  .men-menu
  .women-styles:hover
  .toggler-women-categories,
div.navbar-header
  .prolook-side-menu
  .women-menu
  .women-styles:hover
  .toggler-women-categories {
  background-color: #514e4e;
  color: #f2f2f2;
}
div.navbar-header .prolook-side-menu .men-menu .men-categories,
div.navbar-header .prolook-side-menu .women-menu .men-categories,
div.navbar-header .prolook-side-menu .men-menu .women-categories,
div.navbar-header .prolook-side-menu .women-menu .women-categories {
  margin: 0;
  padding: 0;
  width: 100%;
  display: none;
  list-style: none;
}
div.navbar-header .prolook-side-menu .men-menu .men-categories li,
div.navbar-header .prolook-side-menu .women-menu .men-categories li,
div.navbar-header .prolook-side-menu .men-menu .women-categories li,
div.navbar-header .prolook-side-menu .women-menu .women-categories li {
  width: 100%;
  padding: 0;
  text-indent: 30px;
}
div.navbar-header .prolook-side-menu .men-menu .men-categories li a,
div.navbar-header .prolook-side-menu .women-menu .men-categories li a,
div.navbar-header .prolook-side-menu .men-menu .women-categories li a,
div.navbar-header .prolook-side-menu .women-menu .women-categories li a {
  color: #3d3d3d;
  text-decoration: none;
  font-weight: 400;
  white-space: nowrap;
  height: 30px;
  line-height: 30px;
  width: 100%;
  display: inline-block;
}
div.navbar-header
  .prolook-side-menu
  .men-menu
  .men-categories
  li
  .side-sub-menu-parent,
div.navbar-header
  .prolook-side-menu
  .women-menu
  .men-categories
  li
  .side-sub-menu-parent,
div.navbar-header
  .prolook-side-menu
  .men-menu
  .women-categories
  li
  .side-sub-menu-parent,
div.navbar-header
  .prolook-side-menu
  .women-menu
  .women-categories
  li
  .side-sub-menu-parent {
  display: flex;
  justify-content: center;
  align-items: center;
  text-indent: 60px;
}
div.navbar-header
  .prolook-side-menu
  .men-menu
  .men-categories
  li
  .side-sub-menu-parent
  .caret-side-submenu,
div.navbar-header
  .prolook-side-menu
  .women-menu
  .men-categories
  li
  .side-sub-menu-parent
  .caret-side-submenu,
div.navbar-header
  .prolook-side-menu
  .men-menu
  .women-categories
  li
  .side-sub-menu-parent
  .caret-side-submenu,
div.navbar-header
  .prolook-side-menu
  .women-menu
  .women-categories
  li
  .side-sub-menu-parent
  .caret-side-submenu {
  font-size: 14px;
  width: 40px;
  height: 30px;
  position: relative;
  cursor: pointer;
  color: #ccc;
}
div.navbar-header
  .prolook-side-menu
  .men-menu
  .men-categories
  li
  .side-sub-menu-parent
  .caret-side-submenu:before,
div.navbar-header
  .prolook-side-menu
  .women-menu
  .men-categories
  li
  .side-sub-menu-parent
  .caret-side-submenu:before,
div.navbar-header
  .prolook-side-menu
  .men-menu
  .women-categories
  li
  .side-sub-menu-parent
  .caret-side-submenu:before,
div.navbar-header
  .prolook-side-menu
  .women-menu
  .women-categories
  li
  .side-sub-menu-parent
  .caret-side-submenu:before {
  position: absolute;
  right: 10px;
  top: 8px;
}
div.navbar-header .prolook-side-menu .men-menu .men-categories li:hover,
div.navbar-header .prolook-side-menu .women-menu .men-categories li:hover,
div.navbar-header .prolook-side-menu .men-menu .women-categories li:hover,
div.navbar-header .prolook-side-menu .women-menu .women-categories li:hover {
  background-color: #3d3d3d;
}
div.navbar-header .prolook-side-menu .men-menu .men-categories li:hover > a,
div.navbar-header .prolook-side-menu .women-menu .men-categories li:hover > a,
div.navbar-header .prolook-side-menu .men-menu .women-categories li:hover > a,
div.navbar-header
  .prolook-side-menu
  .women-menu
  .women-categories
  li:hover
  > a {
  color: #f2f2f2;
}
div.navbar-header
  .prolook-side-menu
  .men-menu
  .men-categories
  li:hover
  .side-sub-menu-parent,
div.navbar-header
  .prolook-side-menu
  .women-menu
  .men-categories
  li:hover
  .side-sub-menu-parent,
div.navbar-header
  .prolook-side-menu
  .men-menu
  .women-categories
  li:hover
  .side-sub-menu-parent,
div.navbar-header
  .prolook-side-menu
  .women-menu
  .women-categories
  li:hover
  .side-sub-menu-parent {
  background-color: #3d3d3d;
}
div.navbar-header
  .prolook-side-menu
  .men-menu
  .men-categories
  li:hover
  .side-sub-menu-parent
  > a,
div.navbar-header
  .prolook-side-menu
  .women-menu
  .men-categories
  li:hover
  .side-sub-menu-parent
  > a,
div.navbar-header
  .prolook-side-menu
  .men-menu
  .women-categories
  li:hover
  .side-sub-menu-parent
  > a,
div.navbar-header
  .prolook-side-menu
  .women-menu
  .women-categories
  li:hover
  .side-sub-menu-parent
  > a {
  color: #f2f2f2;
}
div.navbar-header .prolook-side-menu .men-menu .men-categories li.side-submenu,
div.navbar-header
  .prolook-side-menu
  .women-menu
  .men-categories
  li.side-submenu,
div.navbar-header
  .prolook-side-menu
  .men-menu
  .women-categories
  li.side-submenu,
div.navbar-header
  .prolook-side-menu
  .women-menu
  .women-categories
  li.side-submenu {
  position: relative;
}
div.navbar-header
  .prolook-side-menu
  .men-menu
  .men-categories
  li.side-submenu
  ul.side-sub-menu,
div.navbar-header
  .prolook-side-menu
  .women-menu
  .men-categories
  li.side-submenu
  ul.side-sub-menu,
div.navbar-header
  .prolook-side-menu
  .men-menu
  .women-categories
  li.side-submenu
  ul.side-sub-menu,
div.navbar-header
  .prolook-side-menu
  .women-menu
  .women-categories
  li.side-submenu
  ul.side-sub-menu {
  list-style: none;
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
  text-indent: 15px;
  background-color: #fff;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  padding: 5px 0;
  width: 100%;
  max-width: 320px;
}
div.navbar-header
  .prolook-side-menu
  .men-menu
  .men-categories
  li.side-submenu
  ul.side-sub-menu
  .dropdown-header,
div.navbar-header
  .prolook-side-menu
  .women-menu
  .men-categories
  li.side-submenu
  ul.side-sub-menu
  .dropdown-header,
div.navbar-header
  .prolook-side-menu
  .men-menu
  .women-categories
  li.side-submenu
  ul.side-sub-menu
  .dropdown-header,
div.navbar-header
  .prolook-side-menu
  .women-menu
  .women-categories
  li.side-submenu
  ul.side-sub-menu
  .dropdown-header {
  padding: 0;
  margin: 0 0 20px 0;
  height: 40px;
  line-height: 40px;
}
div.navbar-header
  .prolook-side-menu
  .men-menu
  .men-categories
  li.side-submenu
  ul.side-sub-menu
  li,
div.navbar-header
  .prolook-side-menu
  .women-menu
  .men-categories
  li.side-submenu
  ul.side-sub-menu
  li,
div.navbar-header
  .prolook-side-menu
  .men-menu
  .women-categories
  li.side-submenu
  ul.side-sub-menu
  li,
div.navbar-header
  .prolook-side-menu
  .women-menu
  .women-categories
  li.side-submenu
  ul.side-sub-menu
  li {
  text-indent: 7px;
}
div.navbar-header
  .prolook-side-menu
  .men-menu
  .men-categories
  li.side-submenu.has-hover:hover
  ul.side-sub-menu,
div.navbar-header
  .prolook-side-menu
  .women-menu
  .men-categories
  li.side-submenu.has-hover:hover
  ul.side-sub-menu,
div.navbar-header
  .prolook-side-menu
  .men-menu
  .women-categories
  li.side-submenu.has-hover:hover
  ul.side-sub-menu,
div.navbar-header
  .prolook-side-menu
  .women-menu
  .women-categories
  li.side-submenu.has-hover:hover
  ul.side-sub-menu {
  display: block;
}
div.navbar-header .prolook-side-menu .men-menu .men-categories,
div.navbar-header .prolook-side-menu .women-menu .men-categories {
  display: block;
}
div.navbar-header .prolook-side-menu .about-us .dropdown-header,
div.navbar-header .prolook-side-menu .social-media .dropdown-header {
  margin-top: 20px;
}
div.navbar-header .prolook-side-menu .about-us ul,
div.navbar-header .prolook-side-menu .social-media ul {
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none;
}
div.navbar-header .prolook-side-menu .about-us ul li,
div.navbar-header .prolook-side-menu .social-media ul li {
  width: 100%;
  padding: 0;
  text-indent: 7px;
}
div.navbar-header .prolook-side-menu .about-us ul li a,
div.navbar-header .prolook-side-menu .social-media ul li a {
  color: #3d3d3d;
  text-decoration: none;
  font-weight: 400;
  white-space: nowrap;
  height: 30px;
  line-height: 30px;
  width: 100%;
  display: inline-block;
}
div.navbar-header .prolook-side-menu .about-us ul li:hover,
div.navbar-header .prolook-side-menu .social-media ul li:hover {
  background-color: #3d3d3d;
}
div.navbar-header .prolook-side-menu .about-us ul li:hover > a,
div.navbar-header .prolook-side-menu .social-media ul li:hover > a {
  color: #f2f2f2;
}
div.navbar-header .prolook-side-menu .social-media {
  padding-bottom: 10px;
}
div.navbar-header .prolook-side-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #f2f2f2;
}
div.navbar-header.open .prolook-side-menu {
  left: 15px;
  transition: left 0.5s;
}
@media (pointer: none), (pointer: coarse) {
  div.navbar-header .prolook-side-menu {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(100% - 100px);
  }
  div.navbar-header
    .prolook-side-menu
    .men-menu
    .men-categories
    li.side-submenu,
  div.navbar-header
    .prolook-side-menu
    .women-menu
    .men-categories
    li.side-submenu,
  div.navbar-header
    .prolook-side-menu
    .men-menu
    .women-categories
    li.side-submenu,
  div.navbar-header
    .prolook-side-menu
    .women-menu
    .women-categories
    li.side-submenu {
    position: relative;
  }
  div.navbar-header
    .prolook-side-menu
    .men-menu
    .men-categories
    li.side-submenu
    ul.side-sub-menu,
  div.navbar-header
    .prolook-side-menu
    .women-menu
    .men-categories
    li.side-submenu
    ul.side-sub-menu,
  div.navbar-header
    .prolook-side-menu
    .men-menu
    .women-categories
    li.side-submenu
    ul.side-sub-menu,
  div.navbar-header
    .prolook-side-menu
    .women-menu
    .women-categories
    li.side-submenu
    ul.side-sub-menu {
    display: none;
    position: initial;
    left: 0;
    top: 0;
    text-indent: 15px;
    background-color: #e7e7e7;
    color: #3d3d3d;
    box-shadow: none;
    padding: 5px 0;
    width: 100%;
    max-width: 320px;
    height: 0;
    transition: height 0.5s;
  }
  div.navbar-header
    .prolook-side-menu
    .men-menu
    .men-categories
    li.side-submenu
    ul.side-sub-menu
    .dropdown-header,
  div.navbar-header
    .prolook-side-menu
    .women-menu
    .men-categories
    li.side-submenu
    ul.side-sub-menu
    .dropdown-header,
  div.navbar-header
    .prolook-side-menu
    .men-menu
    .women-categories
    li.side-submenu
    ul.side-sub-menu
    .dropdown-header,
  div.navbar-header
    .prolook-side-menu
    .women-menu
    .women-categories
    li.side-submenu
    ul.side-sub-menu
    .dropdown-header {
    display: none;
  }
  div.navbar-header
    .prolook-side-menu
    .men-menu
    .men-categories
    li.side-submenu
    ul.side-sub-menu
    li,
  div.navbar-header
    .prolook-side-menu
    .women-menu
    .men-categories
    li.side-submenu
    ul.side-sub-menu
    li,
  div.navbar-header
    .prolook-side-menu
    .men-menu
    .women-categories
    li.side-submenu
    ul.side-sub-menu
    li,
  div.navbar-header
    .prolook-side-menu
    .women-menu
    .women-categories
    li.side-submenu
    ul.side-sub-menu
    li {
    text-indent: 40px;
  }
  div.navbar-header
    .prolook-side-menu
    .men-menu
    .men-categories
    li.side-submenu
    ul.side-sub-menu.active,
  div.navbar-header
    .prolook-side-menu
    .women-menu
    .men-categories
    li.side-submenu
    ul.side-sub-menu.active,
  div.navbar-header
    .prolook-side-menu
    .men-menu
    .women-categories
    li.side-submenu
    ul.side-sub-menu.active,
  div.navbar-header
    .prolook-side-menu
    .women-menu
    .women-categories
    li.side-submenu
    ul.side-sub-menu.active {
    display: block;
    height: auto;
    transition: height 0.5s;
  }
}
@media only screen and (max-width: 960px) {
  div.navbar-header .prolook-side-menu {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(100% - 100px);
  }
  div.navbar-header
    .prolook-side-menu
    .men-menu
    .men-categories
    li.side-submenu,
  div.navbar-header
    .prolook-side-menu
    .women-menu
    .men-categories
    li.side-submenu,
  div.navbar-header
    .prolook-side-menu
    .men-menu
    .women-categories
    li.side-submenu,
  div.navbar-header
    .prolook-side-menu
    .women-menu
    .women-categories
    li.side-submenu {
    position: relative;
  }
  div.navbar-header
    .prolook-side-menu
    .men-menu
    .men-categories
    li.side-submenu
    ul.side-sub-menu,
  div.navbar-header
    .prolook-side-menu
    .women-menu
    .men-categories
    li.side-submenu
    ul.side-sub-menu,
  div.navbar-header
    .prolook-side-menu
    .men-menu
    .women-categories
    li.side-submenu
    ul.side-sub-menu,
  div.navbar-header
    .prolook-side-menu
    .women-menu
    .women-categories
    li.side-submenu
    ul.side-sub-menu {
    display: none;
    position: initial;
    left: 0;
    top: 0;
    text-indent: 15px;
    background-color: #e7e7e7;
    color: #3d3d3d;
    box-shadow: none;
    padding: 5px 0;
    width: 100%;
    max-width: 320px;
    height: 0;
    transition: height 0.5s;
  }
  div.navbar-header
    .prolook-side-menu
    .men-menu
    .men-categories
    li.side-submenu
    ul.side-sub-menu
    .dropdown-header,
  div.navbar-header
    .prolook-side-menu
    .women-menu
    .men-categories
    li.side-submenu
    ul.side-sub-menu
    .dropdown-header,
  div.navbar-header
    .prolook-side-menu
    .men-menu
    .women-categories
    li.side-submenu
    ul.side-sub-menu
    .dropdown-header,
  div.navbar-header
    .prolook-side-menu
    .women-menu
    .women-categories
    li.side-submenu
    ul.side-sub-menu
    .dropdown-header {
    display: none;
  }
  div.navbar-header
    .prolook-side-menu
    .men-menu
    .men-categories
    li.side-submenu
    ul.side-sub-menu
    li,
  div.navbar-header
    .prolook-side-menu
    .women-menu
    .men-categories
    li.side-submenu
    ul.side-sub-menu
    li,
  div.navbar-header
    .prolook-side-menu
    .men-menu
    .women-categories
    li.side-submenu
    ul.side-sub-menu
    li,
  div.navbar-header
    .prolook-side-menu
    .women-menu
    .women-categories
    li.side-submenu
    ul.side-sub-menu
    li {
    text-indent: 40px;
  }
  div.navbar-header
    .prolook-side-menu
    .men-menu
    .men-categories
    li.side-submenu
    ul.side-sub-menu.active,
  div.navbar-header
    .prolook-side-menu
    .women-menu
    .men-categories
    li.side-submenu
    ul.side-sub-menu.active,
  div.navbar-header
    .prolook-side-menu
    .men-menu
    .women-categories
    li.side-submenu
    ul.side-sub-menu.active,
  div.navbar-header
    .prolook-side-menu
    .women-menu
    .women-categories
    li.side-submenu
    ul.side-sub-menu.active {
    display: block;
    height: auto;
    transition: height 0.5s;
  }
}
/* End Navbar Toggle */
/* Sport Links */
a.sport-link-icons img {
  height: 20px;
}
/* End Sport Links */
/* Validation Styles */
.form-control.is-invalid {
  border-color: #dc3545;
}
/* End Validation Styles */
/* ORDER FORM Error Styles */
.has-error {
  padding: 20px;
  color: #ff0000;
  font-size: 1.2em;
  border-radius: 10px;
  margin-bottom: 40px;
}
/* End ORDER FORM Error Styles */
/* isModal */
div#isModal {
  text-align: center;
  background-color: #f2f2f2;
  width: 980px;
  height: 870px;
  margin: 0 auto;
  margin-top: 0px;
  padding-top: 10px;
}
div#isModal div#cancel-art {
  background-color: #acacac;
  padding: 10px;
  width: 170px;
}
div#isModal div#cancel-art:hover {
  color: white;
  background-color: #1e1e1e;
}
/* end isModal */
/* Fabrics */
button.fabric-button {
  display: block;
  width: 100% !important;
}
button.fabric-button.active {
  background-color: #3d3d3d;
  color: white;
}
/* End Fabrics */
/* Verbiage  */
.verbiage-container {
  text-align: left;
  position: fixed;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.verbiage-text {
  color: #e6e6e6;
  font-size: 18px;
  font-weight: bold;
  margin-left: 210px;
}
.preview-verbiage-container {
  bottom: 50px !important;
}
.preview-verbiage-text {
  padding-left: 11px !important;
  padding-right: 0 !important;
}
@media only screen and (min-width: 1900px) {
  .verbiage-text {
    padding-left: 150px;
  }
  .verbiage-container {
    padding-top: 10px;
  }
}
@media only screen and (min-width: 2100px) {
  .verbiage-text {
    padding-left: 235px;
  }
  .verbiage-container {
    bottom: 60px;
  }
}
@media only screen and (min-width: 2300px) {
  .verbiage-text {
    padding-left: 310px;
    padding-right: 580px;
  }
  .verbiage-container {
    bottom: 100px;
  }
}
@media only screen and (min-width: 2400px) {
  .verbiage-text {
    padding-left: 400px;
    padding-right: 580px;
  }
  .verbiage-container {
    bottom: 160px;
  }
}
@media only screen and (min-width: 2500px) {
  .verbiage-text {
    padding-left: 420px;
    padding-right: 580px;
  }
  .verbiage-container {
    bottom: 250px;
  }
}
@media only screen and (min-width: 2880px) {
  .verbiage-text {
    padding-left: 575px;
    padding-right: 580px;
  }
  .verbiage-container {
    bottom: 345px;
  }
}
@media only screen and (min-width: 3800px) {
  .verbiage-text {
    padding-left: 965px;
    padding-right: 580px;
  }
  .verbiage-container {
    bottom: 725px;
  }
}
@media only screen and (min-width: 4600px) {
  .verbiage-text {
    padding-left: 1250px;
    padding-right: 580px;
  }
  .verbiage-container {
    bottom: 950px;
  }
}
@media only screen and (min-width: 5700px) {
  .verbiage-text {
    padding-left: 1650px;
    padding-right: 580px;
  }
  .verbiage-container {
    bottom: 1500px;
  }
}
@media only screen and (min-width: 6100px) {
  .verbiage-text {
    padding-left: 1835px;
    padding-right: 580px;
  }
  .verbiage-container {
    bottom: 1600px;
  }
}
@media only screen and (min-width: 7600px) {
  .verbiage-text {
    padding-left: 3300px;
    padding-right: 580px;
  }
  .verbiage-container {
    bottom: 3000px;
  }
}
/* End verbiage  */
.saved-designs-list .pagination .active a {
  background: #3d3d3d !important;
  border-color: #3d3d3d !important;
}
.order-list .pagination .active a {
  background: #3d3d3d !important;
  border-color: #3d3d3d !important;
}
.sfn-hoodie-bar {
  transition: all 0.2s;
  text-align: center;
  width: 100%;
  height: 50px;
  background-color: #ffffff;
  font-size: 1.4em;
  padding-top: 10px;
  color: #3d3d3d;
}
.sfn-hoodie-custom {
  background-color: #3d3d3d;
  color: #ffffff;
}
div#main-picker-container div.sfn-hoodie-bar span.slink-small {
  cursor: pointer;
  display: inline-block;
  padding: 5px;
  font-size: 0.6em;
  width: auto;
  text-transform: uppercase;
  padding-left: 7px;
  padding-right: 7px;
  /* font-family: 'Avenir', sans-serif; */
  font-family: "Gotham-Book" !important;
}
div#main-picker-container div.sfn-hoodie-bar span.slink-small.active {
  background-color: #3d3d3d;
  color: white;
}
.hsel-logo {
  width: 160px !important;
  padding: 0 !important;
  margin: 0 !important;
  height: 65px;
}
#hsel-logo {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
table.roster-table {
  margin: 0 auto;
}
div#quickturn-header {
  margin: 0px;
  padding: 0px;
}
div#quickturn-header span {
  text-align: center;
  display: block;
}
div#quickturn-header span img {
  height: 130px;
}
div#quickturn-header span p {
  font-style: italic;
  font-weight: bolder;
  font-size: 30px;
  margin-bottom: 0px;
}
div#embellishment-conflict {
  border-left: 1px solid #c4c4c4;
  position: relative;
  height: 730px;
  text-align: left;
  display: none;
}
div#embellishment-conflict h4 {
  font-size: 16px;
  line-height: 1.2;
  margin: 5px 0px;
  padding: 10px 0;
  color: red;
  font-weight: "bold";
}
div#embellishment-conflict h6 {
  color: red;
  margin-top: 5px;
}
div#embellishment-conflict hr {
  border-top: 1px solid #cdcdcd;
}
.contrast-bgc .contrast-text {
  background: inherit;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: invert(1) grayscale(1) contrast(9);
  border-color: "#cdcdcd";
}
#embellishment-conflict-colors.customizer-conflict-colors {
  overflow: auto;
  max-height: 200px;
  margin: 4px;
}
#embellishment-conflict-colors.modal-embelishment-conflict-colors {
  overflow: auto;
  max-height: 500px;
}
#embellishment-conflict-colors > * {
  padding: 3px;
  margin: 4px;
  font-weight: bolder;
}
div.embellishment-conflict-colors-left-panel {
  display: "none";
}
.isHide {
  display: none;
}
.isShow {
  display: block;
}
/* Order Process Conflict */
ul.list-divider > li:nth-child(n + 2) {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #e5e5e5;
}
ul.list-large.list-divider > li:nth-child(n + 2) {
  margin-top: 20px;
  padding-top: 20px;
}
.height-large {
  height: 450px;
}
.max-height-large {
  max-height: 450px;
}
.overflow-auto {
  overflow: auto;
}
.margin-bottom-medium {
  margin-bottom: 30px;
}
.pl-brand-logo {
  width: 90px !important;
}
.loading-border-image {
  padding: 20px !important;
  border-radius: 15% !important;
}
.loading-border-image img {
  width: 90% !important;
}
/* Gender Selection */
.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}
.hovereffect .overlay {
  width: 97%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
  margin: 0 auto;
}
.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 23px;
  background: rgba(0, 0, 0, 0.6);
  -webkit-transform: translatey(-100px);
  -ms-transform: translatey(-100px);
  transform: translatey(-100px);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  padding: 10px;
  margin-top: 50%;
}
.hovereffect a.info {
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #fff;
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin: 50px 0 0;
  padding: 7px 14px;
}
.hovereffect a.info:hover {
  box-shadow: 0 0 5px #fff;
}
.hovereffect:hover img {
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.hovereffect:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
}
.hovereffect:hover h2,
.hovereffect:hover a.info {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-transform: translatey(0);
  -webkit-transform: translatey(0);
  transform: translatey(0);
}
.hovereffect:hover a.info {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.margin-top-lg {
  margin-top: 50px !important;
}
input.customAddition {
  text-align: center;
}
/* End Order Process Conflict */
.confirmation-msg {
  color: #000;
  text-align: center;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.u_email {
  font-weight: bold;
}
#gender-selection {
  width: 100% !important;
}
#gender-selection .row {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  max-width: 1200px;
}
#gender-selection .row .slink.main-picker-items.loading {
  left: 0 !important;
  top: 0 !important;
  height: 100% !important;
  width: 100% !important;
  position: fixed !important;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9991 !important;
}
#gender-selection .row .col-md-offset-2 {
  margin-left: 0 !important;
}
#gender-selection .row .col-md-4 {
  width: 35%;
}
@media only screen and (max-width: 960px) {
  #gender-selection .row .col-md-4 {
    width: 45%;
  }
}
@media only screen and (max-width: 600px) {
  #gender-selection .row {
    margin-top: 0 !important;
  }
  #gender-selection .row .col-md-4 {
    width: 100%;
  }
}
/* Pattern as Mascot */
.fc-white {
  color: #ffff !important;
}
.simple-btn {
  background-color: #acacac !important;
  text-align: center;
  padding: 10px;
  color: white;
  text-decoration: none !important;
}
.simple-btn:hover {
  background-color: #3d3d3d !important;
  color: white !important;
}
.padding-remove-left {
  padding-left: 0px !important;
}
.padding-remove-right {
  padding-right: 0px !important;
}
.padding-remove-vertical {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.margin-remove {
  margin: 0px !important;
}
.margin-small-bottom {
  margin-bottom: 10px !important;
}
.margin-top {
  margin-top: 25px;
}
.padding-vertical {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.slider .rs-path-color {
  background-color: #aaaaaa !important;
}
.slider .rs-handle {
  background-color: #343434 !important;
}
.rs-tooltip {
  margin: 0 !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background: #343434 !important;
  border-color: transparent;
}
.ui-slider {
  background: #aaaaaa !important;
}
.ui-slider-label {
  font-size: 12px;
  color: #343434 !important;
}
.ui-slider-pip.ui-slider-pip-selected .ui-slider-label {
  color: #242424 !important;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  width: 20px;
}
.pattern-selection-container {
  overflow: auto;
  padding: 15px !important;
  height: 450px !important;
}
.pattern-selection-container .header {
  color: #ffff;
  margin: 15px 0px;
}
.pattern-selection-container img {
  width: 100% !important;
}
.pattern-mascot-container {
  overflow: auto;
  padding: 15px !important;
  height: 450px !important;
}
.pattern-mascot-container .slider-padding {
  padding-right: 50px !important;
}
/* End pattern as mascot */
/* Custom Artwork Requests */
/* My Custom Artwork Requests */
div#my-custom-artwork-requests {
  width: 90%;
  height: auto;
  background-color: white;
  padding: 30px;
  margin: 0 auto;
  margin-top: 30px;
}
div#my-custom-artwork-requests div.header,
div#my-custom-artwork-requests span.header {
  font-size: 1.5em;
  text-align: center;
  width: 100%;
  display: block;
  text-transform: uppercase;
  padding: 30px;
  padding-bottom: 15px;
  margin-bottom: 40px;
  border-bottom: dashed 1px #acacac;
}
div#my-custom-artwork-requests div.header div.size-container,
div#my-custom-artwork-requests span.header div.size-container {
  width: 100%;
  text-align: center;
  margin-top: 20px;
  font-size: 0.5em;
  /* span.container-label { font-family: "Avenir Next LT W04 Bold"; margin-right: 30px;} */
}
div#my-custom-artwork-requests
  div.header
  div.size-container
  span.container-label,
div#my-custom-artwork-requests
  span.header
  div.size-container
  span.container-label {
  font-family: "Gotham-Bold";
  margin-right: 30px;
}
div#my-custom-artwork-requests div.header div.size-container span.sizeButton,
div#my-custom-artwork-requests span.header div.size-container span.sizeButton {
  width: 30px;
  height: 30px;
  display: inline-block;
  background-color: #ffffff;
  color: #3d3d3d;
  cursor: pointer;
  padding: 7px;
  font-size: 0.8em;
  text-align: center;
}
div#my-custom-artwork-requests
  div.header
  div.size-container
  span.sizeButton:hover,
div#my-custom-artwork-requests
  span.header
  div.size-container
  span.sizeButton:hover {
  background-color: #acacac;
  color: #ffffff;
}
div#my-custom-artwork-requests
  div.header
  div.size-container
  span.sizeButton.active,
div#my-custom-artwork-requests
  span.header
  div.size-container
  span.sizeButton.active {
  background-color: #3d3d3d;
  color: #fff;
  /* font-family: "Avenir Next LT W04 Bold"; */
  font-family: "Gotham-Bold";
}
div#my-custom-artwork-requests div.header {
  margin-bottom: 20px;
}
div#my-custom-artwork-requests div.my-custom-artwork-requests-loading {
  margin-top: 70px;
  margin-bottom: 70px;
}
div#my-custom-artwork-requests div.custom-artwork-request-tabs {
  text-align: right;
}
div#my-custom-artwork-requests div.custom-artwork-request-tabs span.tab {
  font-size: 0.9em;
  cursor: pointer;
  display: inline-block;
  min-width: 200px;
  background-color: #acacac;
  color: white;
  text-align: center;
  padding: 7px;
  text-transform: uppercase;
  background-color: #e7e7e7;
  color: #3d3d3d;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
div#my-custom-artwork-requests div.custom-artwork-request-tabs span.tab:hover {
  color: white;
  background-color: #3d3d3d;
}
div#my-custom-artwork-requests div.custom-artwork-request-tabs span.tab.active {
  color: white;
  background-color: #3d3d3d;
  background-color: #1e1e1e;
}
div#my-custom-artwork-requests div.custom-artwork-request-list table {
  width: 100%;
  margin: 0 auto;
}
div#my-custom-artwork-requests div.custom-artwork-request-list table tr.header {
  text-transform: uppercase;
  background-color: #1e1e1e;
  color: #fff;
}
div#my-custom-artwork-requests
  div.custom-artwork-request-list
  table
  tr.header
  td {
  padding: 10px;
  text-align: center;
  bcustom-artwork-request: none;
}
div#my-custom-artwork-requests
  div.custom-artwork-request-list
  table
  tr.custom-artwork-request-row:nth-child(odd) {
  background-color: #f7f7f7;
}
div#my-custom-artwork-requests
  div.custom-artwork-request-list
  table
  tr.custom-artwork-request-row
  td {
  text-align: center;
  padding: 20px;
  border: none;
}
div#my-custom-artwork-requests
  div.custom-artwork-request-list
  table
  tr.custom-artwork-request-row
  td
  a.btn,
div#my-custom-artwork-requests
  div.custom-artwork-request-list
  table
  tr.custom-artwork-request-row
  td
  span.btn {
  background-color: #e7e7e7;
  width: 220px;
  margin: 7px;
  color: #1e1e1e;
}
div#my-custom-artwork-requests
  div.custom-artwork-request-list
  table
  tr.custom-artwork-request-row
  td
  a.btn:hover,
div#my-custom-artwork-requests
  div.custom-artwork-request-list
  table
  tr.custom-artwork-request-row
  td
  span.btn:hover {
  background-color: #1e1e1e;
  color: #e7e7e7;
}
div#my-custom-artwork-requests
  div.custom-artwork-request-list
  table
  tr.custom-artwork-request-row
  td
  span.link {
  border-bottom: 1px dashed;
  cursor: pointer;
}
div#my-custom-artwork-requests
  div.custom-artwork-request-list
  table
  tr.custom-artwork-request-row
  td
  img {
  width: 90px;
}
div#my-custom-artwork-requests
  div.custom-artwork-request-list
  table
  tr.custom-artwork-request-row
  td
  span.btn.pending {
  cursor: not-allowed;
  color: #acacac;
}
div#my-custom-artwork-requests
  div.custom-artwork-request-list
  table
  tr.custom-artwork-request-row
  td
  span.btn.pending:hover {
  background-color: #e7e7e7;
  color: #acacac;
}
div#my-custom-artwork-requests
  div.custom-artwork-request-list
  table
  tr.custom-artwork-request-row
  td.custom-artwork-request-info {
  padding: 20px;
  text-align: center;
}
div#my-custom-artwork-requests
  div.custom-artwork-request-list
  table
  tr.custom-artwork-request-row
  td.custom-artwork-request-info
  label {
  width: 30%;
}
div#my-custom-artwork-requests
  div.custom-artwork-request-list
  table
  tr.custom-artwork-request-row
  td.custom-artwork-request-info
  img.thumbs {
  width: 100px;
  cursor: pointer;
}
div#my-custom-artwork-requests
  div.custom-artwork-request-list
  table
  tr.custom-artwork-request-row
  td.action {
  width: 20%;
}
div#my-custom-artwork-requests
  div.custom-artwork-request-list
  table
  tr.custom-artwork-request-row
  td.action
  span.action-button {
  padding: 10px;
  color: #3d3d3d;
  min-width: 170px;
  margin: 7px;
  display: inline-block;
  cursor: pointer;
  font-size: 0.8em;
  background-color: #e7e7e7;
}
div#my-custom-artwork-requests
  div.custom-artwork-request-list
  table
  tr.custom-artwork-request-row
  td.action
  span.action-button:hover {
  color: white;
  background-color: #3d3d3d;
}
div#my-custom-artwork-requests
  div.custom-artwork-request-list
  table
  tr.saved-custom-artwork-request-row:hover
  td {
  bcustom-artwork-request-bottom: solid 1px #1e1e1e;
  background-color: #f8f8f8;
}
/* End View custom-artwork-request Info */
/* My custom-artwork-requests */
div#view-custom-artwork-request-info {
  width: 90%;
  height: auto;
  background-color: white;
  padding: 30px;
  margin: 0 auto;
  margin-top: 30px;
}
div#view-custom-artwork-request-info a.btn {
  position: absolute;
  float: left;
  bcustom-artwork-request-bottom: dashed 1px transparent;
  padding: 0;
  color: #acacac;
}
div#view-custom-artwork-request-info em.note {
  float: right;
}
div#view-custom-artwork-request-info a.btn:hover {
  background-color: white;
  color: #1e1e1e;
  bcustom-artwork-request-bottom: dashed 1px #1e1e1e;
}
div#view-custom-artwork-request-info div.header em {
  font-size: 0.4em;
  color: #3d3d3d;
  vertical-align: middle;
}
div#view-custom-artwork-request-info span.custom-artwork-status.rejected {
  color: red;
}
div#view-custom-artwork-request-info div.header,
div#view-custom-artwork-request-info span.header {
  font-size: 1.5em;
  text-align: center;
  width: 100%;
  display: block;
  text-transform: uppercase;
  padding: 30px;
  padding-bottom: 15px;
  margin-bottom: 40px;
  border-bottom: dashed 1px #acacac;
}
div#view-custom-artwork-request-info div.header div.size-container,
div#view-custom-artwork-request-info span.header div.size-container {
  width: 100%;
  text-align: center;
  margin-top: 20px;
  font-size: 0.5em;
  /* span.container-label { font-family: "Avenir Next LT W04 Bold"; margin-right: 30px;} */
}
div#view-custom-artwork-request-info
  div.header
  div.size-container
  span.container-label,
div#view-custom-artwork-request-info
  span.header
  div.size-container
  span.container-label {
  font-family: "Gotham-Bold";
  margin-right: 30px;
}
div#view-custom-artwork-request-info
  div.header
  div.size-container
  span.sizeButton,
div#view-custom-artwork-request-info
  span.header
  div.size-container
  span.sizeButton {
  width: 30px;
  height: 30px;
  display: inline-block;
  background-color: #ffffff;
  color: #3d3d3d;
  cursor: pointer;
  padding: 7px;
  font-size: 0.8em;
  text-align: center;
}
div#view-custom-artwork-request-info
  div.header
  div.size-container
  span.sizeButton:hover,
div#view-custom-artwork-request-info
  span.header
  div.size-container
  span.sizeButton:hover {
  background-color: #acacac;
  color: #ffffff;
}
div#view-custom-artwork-request-info
  div.header
  div.size-container
  span.sizeButton.active,
div#view-custom-artwork-request-info
  span.header
  div.size-container
  span.sizeButton.active {
  background-color: #3d3d3d;
  color: #fff;
  /* font-family: "Avenir Next LT W04 Bold"; */
  font-family: "Gotham-Bold";
}
div#view-custom-artwork-request-info div.header {
  margin-bottom: 20px;
}
div#view-custom-artwork-request-info div.custom-artwork-request-tabs span.tab {
  cursor: pointer;
  display: inline-block;
  min-width: 250px;
  background-color: #acacac;
  color: white;
  text-align: center;
  padding: 10px;
  text-transform: uppercase;
  background-color: #e7e7e7;
  color: #3d3d3d;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-tabs
  span.tab:hover {
  color: white;
  background-color: #3d3d3d;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-tabs
  span.tab.active {
  color: white;
  background-color: #3d3d3d;
  background-color: #1e1e1e;
}
div#view-custom-artwork-request-info div.custom-artwork-request-info {
  display: none;
}
div#view-custom-artwork-request-info div.custom-artwork-request-info label {
  color: #acacac;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-info
  span.field-value {
  font-size: 1.3em;
  padding-left: 30px;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-info
  span.field-value.last-message {
  font-size: 1em;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-info
  span.field-value.edit-custom-artwork-request-link {
  font-size: 1em;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-info.custom-artwork-request-status
  div.link-row {
  text-align: center;
  background-color: #f7f7f7;
  margin: 10px;
  padding: 30px;
  bcustom-artwork-request: dashed 1px #1e1e1e;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-info.custom-artwork-request-status
  div.link-row
  span.icon {
  font-size: 3.3em;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-info.custom-artwork-request-status
  div.link-row
  em {
  font-size: 1.3em;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-info.custom-artwork-request-status
  div.link-row
  a.show-design {
  font-size: 1.3em;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-info.custom-artwork-request-status
  span.custom-artwork-applications {
  font-size: 1.3em;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-info.custom-artwork-request-status
  span.custom-artwork-applications
  img.customFilename {
  width: 150px;
  cursor: pointer;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-info.custom-artwork-request-status
  span.custom-artwork-applications
  table {
  width: 100%;
  margin-top: 30px;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-info.custom-artwork-request-status
  span.custom-artwork-applications
  table
  tr
  td {
  color: #1e1e1e;
  padding: 10px;
  text-align: center;
  vertical-align: top;
  bcustom-artwork-request-bottom: solid 1px #acacac;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-info.custom-artwork-request-status
  span.custom-artwork-applications
  table
  tr
  td
  a {
  font-size: 0.8em;
  color: #1e1e1e;
  text-decoration: none;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-info.custom-artwork-request-status
  span.custom-artwork-applications
  table
  tr
  td
  a:hover {
  bcustom-artwork-request-bottom: dashed 1px #1e1e1e;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-info.custom-artwork-request-status
  span.custom-artwork-applications
  table
  tr
  td.notes {
  text-align: left;
  font-size: 0.8em;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-info.custom-artwork-request-status
  span.custom-artwork-applications
  table
  tr
  td.action {
  vertical-align: middle;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-info.custom-artwork-request-status
  span.custom-artwork-applications
  table
  tr
  td.action
  span.approve-artwork {
  background-color: #e7e7e7;
  color: #3d3d3d;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-info.custom-artwork-request-status
  span.custom-artwork-applications
  table
  tr
  td.action
  span.approve-artwork:hover {
  background-color: #1e1e1e;
  color: white;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-info.custom-artwork-request-status
  span.custom-artwork-applications
  table
  tr:hover {
  background-color: #f8f8f8;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-info.custom-artwork-request-status
  span.custom-artwork-applications
  table
  thead
  tr
  td {
  background-color: #e7e7e7;
  color: #1e1e1e;
  padding: 7px;
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 0.8em;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-info.custom-artwork-request-status
  .application-container {
  padding: 10px;
  bcustom-artwork-request-top: dashed 1px #acacac;
  bcustom-artwork-request-bottom: dashed 1px #acacac;
  margin-top: 10px;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-info.main-info
  div.view-custom-artwork-request-thumbnails {
  padding-top: 30px;
  text-align: center;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-info.main-info
  div.view-custom-artwork-request-thumbnails
  img.thumbs {
  width: 10%;
  cursor: pointer;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-info.main-info
  div.view-custom-artwork-request-link-container {
  text-align: center;
  padding: 30px;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-info.main-info
  div.view-custom-artwork-request-link-container
  a.view-submitted-design {
  font-size: 1.3em;
  color: #1e1e1e;
  text-decoration: none;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-info.main-info
  div.view-custom-artwork-request-link-container
  a.view-submitted-design:hover {
  bcustom-artwork-request-bottom: dashed 1px #1e1e1e;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-info.main-info
  span.field-value.attachments {
  text-align: center;
  width: 100%;
  display: block;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-info.main-info
  span.field-value.attachments
  img.attachments {
  cursor: pointer;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-info.status-thread
  div.message-list
  span.message-count {
  margin-top: 10px;
  display: inline-block;
  float: right;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-info.status-thread
  div.message-list
  table {
  width: 100%;
  margin: 0 auto;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-info.status-thread
  div.message-list
  table
  tr.header {
  text-transform: uppercase;
  background-color: #e7e7e7;
  color: #3d3d3d;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-info.status-thread
  div.message-list
  table
  tr.header
  td {
  text-align: center;
  border-top: none;
  border-bottom: none;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-info.status-thread
  div.message-list
  table
  tr
  td {
  text-align: center;
  border: solid 1px #acacac;
  padding: 10px;
  border-left: none;
  border-right: none;
  border-top: none;
  border-color: #e7e7e7;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-info.status-thread
  div.message-list
  table
  tr
  td.order-info {
  padding: 30px;
  text-align: center;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-info.status-thread
  div.message-list
  table
  tr
  td.order-info
  label {
  width: 30%;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-info.status-thread
  div.message-list
  table
  tr
  td.order-info
  img.thumbs {
  width: 100px;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-info.status-thread
  div.message-list
  table
  tr
  td.status-preview {
  width: 40px;
  color: #acacac;
  padding-left: 30px;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-info.status-thread
  div.message-list
  table
  tr
  td.from {
  color: #acacac;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-info.status-thread
  div.message-list
  table
  tr
  td.type {
  text-transform: uppercase;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-info.status-thread
  div.message-list
  table
  tr
  td.action {
  width: 20%;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-info.status-thread
  div.message-list
  table
  tr
  td.action
  span.action-button {
  padding: 7px;
  background-color: #acacac;
  color: white;
  min-width: 170px;
  margin: 7px;
  display: inline-block;
  cursor: pointer;
  font-size: 0.8em;
  background-color: #e7e7e7;
  color: #3d3d3d;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-info.status-thread
  div.message-list
  table
  tr
  td.action
  span.action-button:hover {
  background-color: #1e1e1e;
  color: #e7e7e7;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-info.status-thread
  div.message-list
  table
  tr.message-row:hover {
  background-color: #f8f8f8;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-info.status-thread
  div.message-list
  table
  tr.message-row:hover
  td.action
  span.action-button {
  color: #e7e7e7;
  background-color: #1e1e1e;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-info.status-thread
  div.message-list
  tr[data-read="0"] {
  background-color: #eee;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-info.status-thread
  div.message-list
  tr[data-read="0"]
  td.action
  span.action-button {
  color: #e7e7e7;
  background-color: #3d3d3d;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-info.status-thread
  div.message-list
  tr[data-read="0"]
  td.action
  span.action-button:hover {
  color: #e7e7e7;
  background-color: #1e1e1e;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-info.pdf
  iframe.pdfViewer {
  width: 100%;
  height: 700px;
  display: block;
}
div#view-custom-artwork-request-info div.custom-artwork-request-list table {
  width: 100%;
  margin: 0 auto;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-list
  table
  tr.header {
  text-transform: uppercase;
  background-color: #e7e7e7;
  color: #3d3d3d;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-list
  table
  tr.header
  td {
  padding: 10px;
  text-align: center;
  bcustom-artwork-request: none;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-list
  table
  tr.saved-custom-artwork-request-row
  td {
  text-align: center;
  padding: 20px;
  bcustom-artwork-request: none;
  bcustom-artwork-request-bottom: 1px solid #acacac;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-list
  table
  tr.saved-custom-artwork-request-row
  td.custom-artwork-request-info {
  padding: 20px;
  text-align: center;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-list
  table
  tr.saved-custom-artwork-request-row
  td.custom-artwork-request-info
  label {
  width: 30%;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-list
  table
  tr.saved-custom-artwork-request-row
  td.custom-artwork-request-info
  img.thumbs {
  width: 100px;
  cursor: pointer;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-list
  table
  tr.saved-custom-artwork-request-row
  td.action {
  width: 20%;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-list
  table
  tr.saved-custom-artwork-request-row
  td.action
  span.action-button {
  padding: 7px;
  color: #3d3d3d;
  min-width: 170px;
  margin: 7px;
  display: inline-block;
  cursor: pointer;
  font-size: 0.8em;
  background-color: #e7e7e7;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-list
  table
  tr.saved-custom-artwork-request-row
  td.action
  span.action-button:hover {
  color: white;
  background-color: #3d3d3d;
}
div#view-custom-artwork-request-info
  div.custom-artwork-request-list
  table
  tr.saved-custom-artwork-request-row:hover
  td {
  bcustom-artwork-request-bottom: solid 1px #1e1e1e;
  background-color: #f8f8f8;
}
div#mascotRealTimePreview div.preview-header h3 {
  text-align: center;
}
div#mascotRealTimePreview #preview-canvas {
  background-color: #e7e7e7;
  width: 348px;
  height: 348px;
  margin: 0 auto;
  margin-bottom: 30px;
  display: block;
}
div#mascotRealTimePreview div.notes {
  margin-top: 30px;
  text-align: center;
}
div#mascotRealTimePreview div.color-pickers {
  display: table-cell;
  vertical-align: top;
  width: 70%;
  padding-top: 0px;
}
div#mascotRealTimePreview div.color-pickers .smallColorPickerLabel {
  text-align: right;
  margin-right: 10px;
  font-size: 0.6em;
}
div#mascotRealTimePreview div.color-pickers .smallPickerContainer {
  width: 100%;
  margin-bottom: 1px;
}
div#mascotRealTimePreview div.color-pickers span.colorItem {
  text-align: center;
  display: inline-block;
  width: 25px;
  height: 25px;
  background-color: white;
  margin-bottom: 1px;
  font-size: 0.8em;
  font-size: 0.7em;
  padding-top: 4px;
  font-weight: normal;
  cursor: pointer;
  margin-right: 0px;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
}
div#mascotRealTimePreview div.color-pickers span.colorItem i.fa.fa-check {
  font-size: 0.8em;
}
div#mascotRealTimePreview div.footer {
  margin-top: 15px;
  border-top: 1px solid #e5e5e5;
  text-align: right;
}
div#mascotRealTimePreview div.footer span.btn {
  margin-top: 15px;
  background-color: #e7e7e7;
}
div#mascotRealTimePreview div.footer span.btn:hover {
  background-color: #1e1e1e;
}
/* Approve / Reject Panel */
div.approve-dialog p.notice {
  padding: 10px;
  text-align: center;
}
div.approve-dialog table.approve-reject-table {
  width: 100%;
  padding: 30px;
}
div.approve-dialog table.approve-reject-table tr.header-row {
  height: 40px;
  color: white;
  background-color: #1e1e1e;
  font-size: 0.9em;
}
div.approve-dialog table.approve-reject-table tr.header-row td {
  align: center;
  font-size: 1.3em;
}
div.approve-dialog table.approve-reject-table tr.content-row {
  height: 90px;
}
div.approve-dialog table.approve-reject-table td {
  text-align: center;
}
div.approve-dialog table.approve-reject-table td.approve-reject span.btn {
  background-color: #e7e7e7;
  min-width: 100px;
}
div.approve-dialog
  table.approve-reject-table
  td.approve-reject
  span.btn.active {
  background-color: #1e1e1e;
  color: #fff;
}
div.approve-dialog table.approve-reject-table td.notes textarea {
  width: 100%;
}
div.approve-dialog div.footer-buttons {
  text-align: right;
}
div.approve-dialog div.footer-buttons span.btn {
  background-color: #e7e7e7;
  width: 170px;
  margin-left: 7px;
}
div.approve-dialog div.footer-buttons span.btn:hover {
  background-color: #1e1e1e;
  color: #fff;
}
div.approve-dialog div.footer-buttons span.btn.cancel {
  width: 100px;
}
/* End Approve / Reject Panel */
/* End My custom-artwork-requests */
/* End Custom Artwork Requests */
/* Debug Panel */
/* Debug Panel */
div.debug-panel div.loading-screen-container {
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
}
div.debug-panel div.football-loading img {
  height: 100px !important;
}
div.debug-panel div.body .header {
  color: #9c9c9c !important;
  text-align: center !important;
  font-size: 12px;
}
div.debug-panel div.body .contents {
  color: #9c9c9c !important;
  text-align: center !important;
  font-size: 12px;
}
div.debug-panel span {
  color: #9c9c9c !important;
  font-size: 12px;
}
div.debug-panel .time {
  color: #e32139 !important;
}
/* End Debug Panel */
/* End Debug Panel. */
/* Preview Embellishment */
div.embellishment-preview {
  text-align: center;
}
div.embellishment-preview
  div.main-container
  div.preview-left-pane
  div.embellishmentInfo
  div.vectorInfoPreview,
div.embellishment-preview
  div.main-container
  div.preview-left-pane
  div.embellishmentInfo
  div.fontInfoPreview {
  padding: 30px;
  margin: 30px;
  background-color: #f7f7f7;
}
div.embellishment-preview
  div.main-container
  div.preview-left-pane
  div.embellishmentInfo
  div.vectorInfoPreview
  div.header,
div.embellishment-preview
  div.main-container
  div.preview-left-pane
  div.embellishmentInfo
  div.fontInfoPreview
  div.header {
  margin-bottom: 30px;
  margin-top: -30px;
  padding: 7px;
  background-color: #3d3d3d;
  color: white;
}
div.embellishment-preview
  div.main-container
  div.preview-left-pane
  div.embellishmentInfo
  div.vectorInfoPreview
  div.form-group
  img.vector-thumb,
div.embellishment-preview
  div.main-container
  div.preview-left-pane
  div.embellishmentInfo
  div.fontInfoPreview
  div.form-group
  img.vector-thumb {
  width: 50%;
}
div.embellishment-preview
  div.main-container
  div.preview-left-pane
  div.embellishmentInfo
  div.vectorInfoPreview
  div.form-group
  span.color-container,
div.embellishment-preview
  div.main-container
  div.preview-left-pane
  div.embellishmentInfo
  div.fontInfoPreview
  div.form-group
  span.color-container {
  padding: 7px;
}
div.embellishment-preview
  div.main-container
  div.preview-left-pane
  div.embellishmentInfo
  div.vectorInfoPreview
  div.form-group.input-text,
div.embellishment-preview
  div.main-container
  div.preview-left-pane
  div.embellishmentInfo
  div.fontInfoPreview
  div.form-group.input-text {
  font-size: 2.3em;
}
div.embellishment-preview div.main-container div.preview-right-pane {
  position: fixed;
  left: 35%;
}
div.embellishment-preview
  div.main-container
  div.preview-right-pane
  img.previewSVG {
  width: 50vh important;
}
div.embellishment-preview div.main-container div.preview-right-pane h3.header {
  display: none;
}
div.embellishment-preview
  div.main-container
  div.preview-right-pane
  div.mainPreviewLink {
  display: none;
}
div.embellishment-preview
  div.main-container
  div.preview-right-pane
  div.mainPreviewLink
  a.main-preview-window {
  color: #1e1e1e;
  background-color: #acacac;
}
div.embellishment-preview
  div.main-container
  div.preview-right-pane
  div.mainPreviewLink
  a.main-preview-window:hover {
  color: white;
  background-color: #1e1e1e;
}
/* End Preview Embellishment */
/* Applications */
div#applicationUI {
  display: none;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
div#applicationUI div.header {
  font-size: 1.5em;
  color: #3d3d3d;
  text-transform: uppercase;
}
div#applicationUI div.header span.cog {
  float: right;
  cursor: pointer;
  margin-right: 30px;
}
div#applicationUI div.body {
  font-size: 1.2em;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 30px;
  padding-bottom: 30px;
  /* Custom Preview */
  /* End Custom Preview */
}
div#applicationUI div.body div.optionButton {
  display: inline-block;
  width: 40%;
  font-size: 1.5em;
  text-align: center;
  border: 1px solid #3d3d3d;
  margin-left: 30px;
  margin-bottom: 30px;
  padding: 10px;
  cursor: pointer;
  -webkit-box-shadow: 15px 15px 33px -28px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 15px 15px 33px -28px rgba(0, 0, 0, 0.7);
  box-shadow: 15px 15px 33px -28px rgba(0, 0, 0, 0.7);
}
div#applicationUI div.body div.optionButton div.caption {
  font-size: 0.4em;
}
div#applicationUI div.body div.optionButton:hover {
  border: 1px solid #ffffff;
}
div#applicationUI div.body div.cover {
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
  background-color: #3d3d3d;
  z-index: 1000;
  opacity: 0.9;
  margin-left: -30px;
  margin-top: -10px;
  height: 392px;
}
div#applicationUI div.body div.color-pattern-tabs {
  margin-top: 10px;
}
div#applicationUI div.body div.color-pattern-tabs span.tab {
  color: #3d3d3d;
  background-color: #e7e7e7;
  width: 25%;
  height: 30px;
  cursor: pointer;
  padding: 5px;
  display: inline-block;
  text-align: center;
  font-size: 0.8em;
  margin-right: 5px;
}
div#applicationUI div.body div.color-pattern-tabs span.tab:hover,
div#applicationUI div.body div.color-pattern-tabs span.tab.active {
  color: white;
  background-color: #3d3d3d;
}
div#applicationUI
  div.body
  div.color-pattern-tabs
  span.tab[data-item="manipulators"] {
  width: 0;
  height: 0;
  padding: 0px;
}
div#applicationUI div.body .ui-row {
  margin-bottom: 8px;
}
div#applicationUI div.body .ui-row label {
  padding-left: 0px !important;
}
div#applicationUI div.body .ui-row span.angleItem {
  display: inline-block;
  width: 70px;
  height: 25px;
  background-color: white;
  margin-bottom: 1px;
  font-size: 0.7em;
  padding-top: 4px;
  font-weight: normal;
  cursor: pointer;
  margin-right: 7px;
  text-align: center;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
}
div#applicationUI div.body .ui-row span.angleItem i.fa.fa-check {
  font-size: 0.8em;
}
div#applicationUI div.body .ui-row span.angleItem.active {
  color: white;
  background-color: #3d3d3d;
}
div#applicationUI div.body .ui-row .column1,
div#applicationUI div.body .ui-row .column2 {
  border-top: solid 1px #3d3d3d;
  display: inline-block;
  text-align: center;
  width: 100%;
}
div#applicationUI div.body .ui-row .column1 div.sub1,
div#applicationUI div.body .ui-row .column2 div.sub1 {
  display: table-cell;
  width: 30%;
}
div#applicationUI div.body .ui-row .column1 div.sub1.patternThumb,
div#applicationUI div.body .ui-row .column2 div.sub1.patternThumb {
  padding: 30px;
  padding-top: 20px;
}
div#applicationUI
  div.body
  .ui-row
  .column1
  div.sub1.patternThumb
  span.patternThumb,
div#applicationUI
  div.body
  .ui-row
  .column2
  div.sub1.patternThumb
  span.patternThumb {
  padding: 0px;
}
div#applicationUI div.body .ui-row .column1 label,
div#applicationUI div.body .ui-row .column2 label {
  width: 100%;
}
div#applicationUI div.body .ui-row .column1 div.manipulator-container,
div#applicationUI div.body .ui-row .column2 div.manipulator-container {
  padding: 10px;
}
div#applicationUI
  div.body
  .ui-row
  .column1
  div.manipulator-container
  ul.tab-navs,
div#applicationUI
  div.body
  .ui-row
  .column2
  div.manipulator-container
  ul.tab-navs {
  list-style: none;
  display: block;
  width: 100%;
  padding-left: 0px;
}
div#applicationUI
  div.body
  .ui-row
  .column1
  div.manipulator-container
  ul.tab-navs
  li.tab,
div#applicationUI
  div.body
  .ui-row
  .column2
  div.manipulator-container
  ul.tab-navs
  li.tab {
  width: 33%;
  float: left;
  background-color: #acacac;
  color: #3d3d3d;
  padding: 7px;
  margin-bottom: 3px;
  font-size: 0.7em;
  cursor: pointer;
}
div#applicationUI
  div.body
  .ui-row
  .column1
  div.manipulator-container
  ul.tab-navs
  li.tab:hover,
div#applicationUI
  div.body
  .ui-row
  .column2
  div.manipulator-container
  ul.tab-navs
  li.tab:hover {
  background-color: #3d3d3d;
  color: white;
}
div#applicationUI
  div.body
  .ui-row
  .column1
  div.manipulator-container
  ul.tab-navs
  li.tab.active,
div#applicationUI
  div.body
  .ui-row
  .column2
  div.manipulator-container
  ul.tab-navs
  li.tab.active {
  background-color: #1e1e1e;
  color: white;
}
div#applicationUI
  div.body
  .ui-row
  .column1
  div.manipulator-container
  ul.tab-navs
  li.tab.rotate,
div#applicationUI
  div.body
  .ui-row
  .column2
  div.manipulator-container
  ul.tab-navs
  li.tab.rotate,
div#applicationUI
  div.body
  .ui-row
  .column1
  div.manipulator-container
  ul.tab-navs
  li.tab.move,
div#applicationUI
  div.body
  .ui-row
  .column2
  div.manipulator-container
  ul.tab-navs
  li.tab.move,
div#applicationUI
  div.body
  .ui-row
  .column1
  div.manipulator-container
  ul.tab-navs
  li.tab.scale,
div#applicationUI
  div.body
  .ui-row
  .column2
  div.manipulator-container
  ul.tab-navs
  li.tab.scale {
  padding: 0;
  height: 0;
  width: 0;
}
div#applicationUI
  div.body
  .ui-row
  .column1
  div.manipulator-container
  ul.tab-navs
  li.tab.close,
div#applicationUI
  div.body
  .ui-row
  .column2
  div.manipulator-container
  ul.tab-navs
  li.tab.close {
  font-size: 1.2em;
  color: black;
  opacity: 0.4;
  background: none;
  float: right;
  width: auto;
}
div#applicationUI
  div.body
  .ui-row
  .column1
  div.manipulator-container
  ul.tab-navs
  li.tab.close:hover,
div#applicationUI
  div.body
  .ui-row
  .column2
  div.manipulator-container
  ul.tab-navs
  li.tab.close:hover {
  color: #1e1e1e;
}
div#applicationUI
  div.body
  .ui-row
  .column1
  div.manipulator-container
  div.containers,
div#applicationUI
  div.body
  .ui-row
  .column2
  div.manipulator-container
  div.containers {
  width: 100%;
  height: 100%;
}
div#applicationUI
  div.body
  .ui-row
  .column1
  div.manipulator-container
  div.containers
  div.manipulator-type-container
  div.sc,
div#applicationUI
  div.body
  .ui-row
  .column2
  div.manipulator-container
  div.containers
  div.manipulator-type-container
  div.sc {
  margin-top: 50px;
}
div#applicationUI
  div.body
  .ui-row
  .column1
  div.manipulator-container
  div.containers
  div.manipulator-type-container
  div.sc
  .noUi-pips-horizontal,
div#applicationUI
  div.body
  .ui-row
  .column2
  div.manipulator-container
  div.containers
  div.manipulator-type-container
  div.sc
  .noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
  font-size: 0.8em;
}
div#applicationUI
  div.body
  .ui-row
  .column1
  div.manipulator-container
  div.containers
  div.manipulator-type-container
  div.sc
  .noUi-pips-horizontal
  .noUi-value,
div#applicationUI
  div.body
  .ui-row
  .column2
  div.manipulator-container
  div.containers
  div.manipulator-type-container
  div.sc
  .noUi-pips-horizontal
  .noUi-value {
  position: absolute;
  text-align: center;
  margin-top: 7px;
  color: #3d3d3d;
}
div#applicationUI
  div.body
  .ui-row
  .column1
  div.manipulator-container
  div.containers
  div.manipulator-type-container
  div.sc
  div#slider,
div#applicationUI
  div.body
  .ui-row
  .column2
  div.manipulator-container
  div.containers
  div.manipulator-type-container
  div.sc
  div#slider {
  display: block;
}
div#applicationUI
  div.body
  .ui-row
  .column1
  div.manipulator-container
  div.containers
  div.manipulator-type-container
  div.sc
  div#slider
  .noUi-value,
div#applicationUI
  div.body
  .ui-row
  .column2
  div.manipulator-container
  div.containers
  div.manipulator-type-container
  div.sc
  div#slider
  .noUi-value {
  position: absolute;
  text-align: center;
  font-size: 0.7em;
  margin-top: 7px;
}
div#applicationUI
  div.body
  .ui-row
  .column1
  div.manipulator-container
  div.containers
  div.manipulator-type-container
  div.sc
  div.move.y,
div#applicationUI
  div.body
  .ui-row
  .column2
  div.manipulator-container
  div.containers
  div.manipulator-type-container
  div.sc
  div.move.y {
  display: block;
  margin-top: 55px;
  margin-bottom: 30px;
}
div#applicationUI
  div.body
  .ui-row
  .column1
  div.manipulator-container
  div.containers
  div.manipulator-type-container
  div.sc
  div#rotate-slider,
div#applicationUI
  div.body
  .ui-row
  .column2
  div.manipulator-container
  div.containers
  div.manipulator-type-container
  div.sc
  div#rotate-slider {
  margin: 0 auto;
}
div#applicationUI
  div.body
  .ui-row
  .column1
  div.manipulator-container
  div.containers
  div.manipulator-type-container
  div.sc
  div#rotate-slider
  .rs-range-color,
div#applicationUI
  div.body
  .ui-row
  .column2
  div.manipulator-container
  div.containers
  div.manipulator-type-container
  div.sc
  div#rotate-slider
  .rs-range-color {
  background-color: #acacac;
}
div#applicationUI
  div.body
  .ui-row
  .column1
  div.manipulator-container
  div.containers
  div.manipulator-type-container
  div.sc
  div#rotate-slider
  .rs-handle,
div#applicationUI
  div.body
  .ui-row
  .column2
  div.manipulator-container
  div.containers
  div.manipulator-type-container
  div.sc
  div#rotate-slider
  .rs-handle {
  width: 30px !important;
  height: 30px !important;
  background-color: #3d3d3d;
  margin: -6px !important;
  border: 1px solid white;
}
div#applicationUI
  div.body
  .ui-row
  .column1
  div.manipulator-container
  div.containers
  div.manipulator-type-container
  div.sc
  div#rotate-slider
  .rs-border,
div#applicationUI
  div.body
  .ui-row
  .column2
  div.manipulator-container
  div.containers
  div.manipulator-type-container
  div.sc
  div#rotate-slider
  .rs-border {
  border: 0px solid #acacac;
  background-color: #808080;
}
div#applicationUI div.body .ui-row .column1 div.colorContainer,
div#applicationUI div.body .ui-row .column2 div.colorContainer,
div#applicationUI div.body .ui-row .column1 div.sizeContainer,
div#applicationUI div.body .ui-row .column2 div.sizeContainer {
  width: 70%;
  display: table-cell;
  vertical-align: top;
  padding-top: 23px;
}
div#applicationUI
  div.body
  .ui-row
  .column1
  div.colorContainer
  .smallColorPickerLabel,
div#applicationUI
  div.body
  .ui-row
  .column2
  div.colorContainer
  .smallColorPickerLabel,
div#applicationUI
  div.body
  .ui-row
  .column1
  div.sizeContainer
  .smallColorPickerLabel,
div#applicationUI
  div.body
  .ui-row
  .column2
  div.sizeContainer
  .smallColorPickerLabel {
  width: 20%;
  text-align: right;
  margin-right: 10px;
  font-size: 0.6em;
}
div#applicationUI
  div.body
  .ui-row
  .column1
  div.colorContainer
  .smallPickerContainer,
div#applicationUI
  div.body
  .ui-row
  .column2
  div.colorContainer
  .smallPickerContainer,
div#applicationUI
  div.body
  .ui-row
  .column1
  div.sizeContainer
  .smallPickerContainer,
div#applicationUI
  div.body
  .ui-row
  .column2
  div.sizeContainer
  .smallPickerContainer {
  width: 100%;
  margin-bottom: 1px;
}
div#applicationUI div.body .ui-row .column1 div.colorContainer span.sizeLabel,
div#applicationUI div.body .ui-row .column2 div.colorContainer span.sizeLabel,
div#applicationUI div.body .ui-row .column1 div.sizeContainer span.sizeLabel,
div#applicationUI div.body .ui-row .column2 div.sizeContainer span.sizeLabel {
  display: block;
  font-size: 0.8em;
  margin-top: 10px;
}
div#applicationUI div.body .ui-row .column1 div.colorContainer span.sizeItem,
div#applicationUI div.body .ui-row .column2 div.colorContainer span.sizeItem,
div#applicationUI div.body .ui-row .column1 div.sizeContainer span.sizeItem,
div#applicationUI div.body .ui-row .column2 div.sizeContainer span.sizeItem,
div#applicationUI div.body .ui-row .column1 div.colorContainer span.angleItem,
div#applicationUI div.body .ui-row .column2 div.colorContainer span.angleItem,
div#applicationUI div.body .ui-row .column1 div.sizeContainer span.angleItem,
div#applicationUI div.body .ui-row .column2 div.sizeContainer span.angleItem {
  display: inline-block;
  width: 70px;
  height: 25px;
  background-color: white;
  margin-bottom: 1px;
  font-size: 0.7em;
  padding-top: 4px;
  font-weight: normal;
  cursor: pointer;
  margin-right: 7px;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
}
div#applicationUI
  div.body
  .ui-row
  .column1
  div.colorContainer
  span.sizeItem
  i.fa.fa-check,
div#applicationUI
  div.body
  .ui-row
  .column2
  div.colorContainer
  span.sizeItem
  i.fa.fa-check,
div#applicationUI
  div.body
  .ui-row
  .column1
  div.sizeContainer
  span.sizeItem
  i.fa.fa-check,
div#applicationUI
  div.body
  .ui-row
  .column2
  div.sizeContainer
  span.sizeItem
  i.fa.fa-check,
div#applicationUI
  div.body
  .ui-row
  .column1
  div.colorContainer
  span.angleItem
  i.fa.fa-check,
div#applicationUI
  div.body
  .ui-row
  .column2
  div.colorContainer
  span.angleItem
  i.fa.fa-check,
div#applicationUI
  div.body
  .ui-row
  .column1
  div.sizeContainer
  span.angleItem
  i.fa.fa-check,
div#applicationUI
  div.body
  .ui-row
  .column2
  div.sizeContainer
  span.angleItem
  i.fa.fa-check {
  font-size: 0.8em;
}
div#applicationUI div.body .ui-row .column1 div.colorContainer span.sizeItem2,
div#applicationUI div.body .ui-row .column2 div.colorContainer span.sizeItem2,
div#applicationUI div.body .ui-row .column1 div.sizeContainer span.sizeItem2,
div#applicationUI div.body .ui-row .column2 div.sizeContainer span.sizeItem2 {
  width: 20px;
  margin-top: 7px;
}
div#applicationUI
  div.body
  .ui-row
  .column1
  div.colorContainer
  span.sizeItem.active,
div#applicationUI
  div.body
  .ui-row
  .column2
  div.colorContainer
  span.sizeItem.active,
div#applicationUI
  div.body
  .ui-row
  .column1
  div.sizeContainer
  span.sizeItem.active,
div#applicationUI
  div.body
  .ui-row
  .column2
  div.sizeContainer
  span.sizeItem.active,
div#applicationUI
  div.body
  .ui-row
  .column1
  div.colorContainer
  span.angleItem.active,
div#applicationUI
  div.body
  .ui-row
  .column2
  div.colorContainer
  span.angleItem.active,
div#applicationUI
  div.body
  .ui-row
  .column1
  div.sizeContainer
  span.angleItem.active,
div#applicationUI
  div.body
  .ui-row
  .column2
  div.sizeContainer
  span.angleItem.active {
  color: white;
  background-color: #3d3d3d;
}
div#applicationUI div.body .ui-row .column1 div.colorContainer span.colorItem,
div#applicationUI div.body .ui-row .column2 div.colorContainer span.colorItem,
div#applicationUI div.body .ui-row .column1 div.sizeContainer span.colorItem,
div#applicationUI div.body .ui-row .column2 div.sizeContainer span.colorItem {
  display: inline-block;
  width: 25px;
  height: 25px;
  background-color: white;
  margin-bottom: 1px;
  font-size: 0.8em;
  font-size: 0.7em;
  padding-top: 4px;
  font-weight: normal;
  cursor: pointer;
  margin-right: 0px;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
div#applicationUI
  div.body
  .ui-row
  .column1
  div.colorContainer
  span.colorItem
  i.fa.fa-check,
div#applicationUI
  div.body
  .ui-row
  .column2
  div.colorContainer
  span.colorItem
  i.fa.fa-check,
div#applicationUI
  div.body
  .ui-row
  .column1
  div.sizeContainer
  span.colorItem
  i.fa.fa-check,
div#applicationUI
  div.body
  .ui-row
  .column2
  div.sizeContainer
  span.colorItem
  i.fa.fa-check {
  font-size: 0.8em;
}
div#applicationUI div.body .ui-row .column1-embellishments {
  border-top: solid 1px #acacac;
}
div#applicationUI
  div.body
  .ui-row
  .column1-embellishments
  div.sub1
  span.accent {
  margin-left: 0px;
}
div#applicationUI
  div.body
  .ui-row
  .column1-embellishments
  div.sub1
  span.flipButton {
  width: 80%;
  margin: 10px 0 0 0;
  margin-left: 20%;
}
div#applicationUI
  div.body
  .ui-row
  .column1-embellishments
  div.sub1
  span.flipButton:hover {
  background-color: #3d3d3d;
}
div#applicationUI div.body .ui-row span.watermark-intensity {
  width: 100%;
  text-align: center;
  display: block;
  font-size: 0.8em;
}
div#applicationUI div.body .ui-row div.applications.patterns,
div#applicationUI div.body .ui-row div.applications.tailsweeps,
div#applicationUI div.body .ui-row div.applications.manipulators {
  display: none;
}
div#applicationUI div.body .ui-row div.embellishment-buttons-container {
  padding-top: 20px;
  border-top: solid 1px #acacac;
  margin-top: 20px;
  text-align: center;
}
div#applicationUI
  div.body
  .ui-row
  div.embellishment-buttons-container
  span.btn {
  width: 130px;
  background-color: #acacac;
  margin-bottom: 10px;
  height: 30px;
  padding-top: 5px;
  font-size: 0.8em;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
div#applicationUI
  div.body
  .ui-row
  div.embellishment-buttons-container
  span.btn:hover {
  background-color: #3d3d3d;
}
div#applicationUI
  div.body
  .ui-row
  div.embellishment-buttons-container
  span.btn.edit-embellishment {
  margin-right: 25px;
  float: left;
  min-width: 190px;
}
div#applicationUI
  div.body
  .ui-row
  div.embellishment-buttons-container
  span.btn.select-embellishment {
  float: right;
}
div#applicationUI
  div.body
  .ui-row
  div.embellishment-buttons-container
  span.btn.new-embellishment {
  float: right;
}
div#applicationUI
  div.body
  .ui-row
  div.embellishment-buttons-container
  div.btn-group.other-options {
  float: right;
}
div#applicationUI
  div.body
  .ui-row
  div.embellishment-buttons-container
  div.btn-group.other-options
  ul.dropdown-menu {
  background-color: #acacac !important;
  margin-bottom: 5px;
  min-width: 300px;
}
div#applicationUI
  div.body
  .ui-row
  div.embellishment-buttons-container
  div.btn-group.other-options
  ul.dropdown-menu
  .divider {
  background-color: #888;
}
div#applicationUI
  div.body
  .ui-row
  div.embellishment-buttons-container
  div.btn-group.other-options
  button.dropdown-toggle {
  padding: 5px;
  height: 30px;
  background-color: #acacac;
  text-shadow: none;
  border: none;
  min-width: 190px;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
div#applicationUI
  div.body
  .ui-row
  div.embellishment-buttons-container
  div.btn-group.other-options
  button.dropdown-toggle:hover {
  background-color: #3d3d3d;
}
div#applicationUI div.body span.accent {
  cursor: pointer;
  border-bottom: 1px dashed;
  font-size: 0.7em;
}
div#applicationUI div.body span.embellishment-name {
  cursor: pointer;
  border-bottom: 1px dashed;
  font-size: 0.7em;
  margin-left: 30px;
}
div#applicationUI div.body span.accent:hover,
div#applicationUI div.body span.embellishment-name:hover {
  color: white !important;
}
div#applicationUI div.body label.font_name {
  display: inline-block;
}
div#applicationUI div.body span.fontLeft,
div#applicationUI div.body span.fontRight {
  width: 7%;
  display: inline-block;
  text-align: center;
  cursor: pointer;
}
div#applicationUI div.body span.fontLeft:hover,
div#applicationUI div.body span.fontRight:hover {
  color: white;
}
div#applicationUI div.body span.font_name {
  cursor: pointer;
  display: inline-block;
  width: 60%;
  background-color: white;
  text-align: center;
}
div#applicationUI div.body span.font_name:hover {
  color: #acacac;
}
div#applicationUI div.body span.font_size {
  cursor: pointer;
  padding-bottom: 3px;
  font-size: 1em;
  width: 8%;
  background-color: white;
  margin-right: 10px;
  display: inline-block;
  padding: 3px;
  text-align: center;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
div#applicationUI div.body span.font_size:hover {
  background-color: #acacac;
  color: white;
}
div#applicationUI div.body span.font_size.active {
  background-color: #3d3d3d;
  color: white;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
}
div#applicationUI div.body span.font_size.custom {
  width: 15%;
  margin-left: 26px;
}
div#applicationUI div.body span.font_size.custom img.scale-caption {
  margin-left: -32px;
  width: 20px;
  display: inline-block;
  margin-right: 15px;
  opacity: 0.7;
  float: left;
}
div#applicationUI div.body span.font_size.custom span.custom_text {
  font-size: 0.8em;
}
div#applicationUI div.body span.font_size.custom span.custom_text.move {
  font-size: 0.7em !important;
}
div#applicationUI div.body img.scale_caption {
  cursor: auto;
  padding-bottom: 3px;
  margin-right: 10px;
  display: inline-block;
  padding: 3px;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
div#applicationUI div.body div.slider-container {
  min-height: 110px;
  padding: 30px;
  background-color: #888888;
  margin-top: 10px;
  position: absolute;
  width: 86%;
  z-index: 1000;
  -webkit-box-shadow: 6px 6px 45px 5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 6px 6px 45px 5px rgba(0, 0, 0, 0.75);
  box-shadow: 6px 6px 45px 5px rgba(0, 0, 0, 0.75);
}
div#applicationUI div.body div.slider-container .noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
  font-size: 0.8em;
}
div#applicationUI
  div.body
  div.slider-container
  .noUi-pips-horizontal
  .noUi-value {
  position: absolute;
  text-align: center;
  margin-top: 7px;
  color: #3d3d3d;
}
div#applicationUI div.body div.slider-container div#slider {
  display: block;
}
div#applicationUI div.body div.slider-container div#slider .noUi-value {
  position: absolute;
  text-align: center;
  font-size: 0.7em;
  margin-top: 7px;
}
div#applicationUI div.body div.slider-container div.move.y {
  display: block;
  margin-top: 55px;
  margin-bottom: 30px;
}
div#applicationUI div.body div.slider-container div#rotate-slider {
  margin: 0 auto;
}
div#applicationUI
  div.body
  div.slider-container
  div#rotate-slider
  .rs-range-color {
  background-color: #3d3d3d;
}
div#applicationUI div.body div.slider-container div#rotate-slider .rs-handle {
  width: 27px !important;
  height: 27px !important;
}
div#applicationUI div.body div.slider-container div#rotate-slider .rs-border {
  border: 2px solid #acacac;
}
div#applicationUI div.body span.imgPreview {
  cursor: pointer;
  width: 100%;
  text-align: center;
  display: block;
}
div#applicationUI div.body span.imgPreview img {
  cursor: pointer;
  width: 125px;
}
div#applicationUI div.body em {
  font-size: 0.8em;
}
div#applicationUI div.body span.inPlacePreviewButton {
  color: white;
  background-color: #acacac;
  margin-top: 7px;
  display: block;
  font-size: 0.8em;
  cursor: pointer;
  padding: 3px;
  text-align: center;
  border: solid 1px #acacac;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
div#applicationUI div.body span.inPlacePreviewButton:hover {
  color: white;
  background-color: #acacac;
  border: solid 1px white;
}
div#applicationUI div.body span.inPlacePreviewButton.active {
  background-color: #3d3d3d;
  border: solid 1px #3d3d3d;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
}
div#applicationUI div.body span.inPlacePreviewButton.inActive {
  background-color: #acacac;
}
div#applicationUI div.body span.flipButton {
  color: white;
  background-color: #acacac;
  padding: 3px;
  margin-top: 3px;
  display: block;
  font-size: 0.8em;
  margin-left: 30px;
  cursor: pointer;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
div#applicationUI div.body span.flipButton:hover {
  color: white;
  background-color: #acacac;
}
div#applicationUI div.body span.flipButton.active {
  background-color: #3d3d3d;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
}
div#applicationUI div.body span.flipButton.inActive {
  background-color: #acacac;
}
div#applicationUI div.body a.view-file {
  font-size: 0.8em;
  margin-left: 30px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  cursor: pointer;
  background-color: #e7e7e7;
  color: #3d3d3d;
  display: inline-block;
  width: 70%;
  margin-top: 5%;
}
div#applicationUI div.body a.view-file:hover {
  color: white;
  background-color: #3d3d3d;
}
div#applicationUI div.body span.accentThumb,
div#applicationUI div.body span.patternThumb,
div#applicationUI div.body span.tailSweepThumb {
  cursor: pointer;
}
div#applicationUI div.body span.accentThumb img,
div#applicationUI div.body span.patternThumb img,
div#applicationUI div.body span.tailSweepThumb img {
  cursor: pointer;
  width: 115px;
  height: 114px;
  background-color: white;
  padding: 7px;
}
div#applicationUI div.body a.filePreview {
  font-size: 0.8em;
  color: #333;
  text-decoration: none;
  border-bottom: 1px dashed;
}
div#applicationUI div.body a.filePreview:hover {
  color: white;
}
div#applicationUI div.body span.pattern {
  padding-bottom: 3px;
  cursor: pointer;
  border-bottom: 1px dashed;
  font-size: 0.7em;
}
div#applicationUI div.body span.tailsweep {
  padding-bottom: 3px;
  cursor: pointer;
  border-bottom: 1px dashed;
  font-size: 0.7em;
  margin-left: 30px;
  text-transform: uppercase;
}
div#applicationUI div.body span.color-string {
  cursor: pointer;
  text-shadow: 2px 2px #333333;
  margin-left: 3px;
  border-bottom: 1px dashed;
}
div#applicationUI div.body span.color-string:hover {
  color: white !important;
}
div#applicationUI div.body label.applicationLabels {
  display: inline-block;
  width: 25%;
}
div#applicationUI div.body label.font_size {
  width: 32%;
}
div#applicationUI div.body label.font_size.custom {
  width: 26.7%;
}
div#applicationUI div.body input.sampleText {
  text-align: center;
  width: 60% !important;
  margin-left: 35px !important;
  text-transform: uppercase;
}
div#applicationUI div.body input.sampleText.disableUpperCaseRequirement {
  text-transform: none;
}
div#applicationUI div.accentColorPicker {
  background-color: white;
  width: 550px;
  height: 450px;
  float: left;
  margin-left: 500px;
  margin-top: -471px;
}
div.rs-inner {
  background-color: #888888;
}
div.rs-block {
  background-color: #acacac;
}
.noUi-handle {
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background: #3d3d3d;
  cursor: default;
  box-shadow: none;
}
.irs {
  width: 98%;
  margin-left: 2%;
}
div#patternUI span.irs-min {
  font-size: 15px !important;
  color: #f0f0f0 !important;
  padding: 0 !important;
}
div#patternUI span.irs-max {
  font-size: 15px !important;
  color: #f0f0f0 !important;
  padding: 0 !important;
}
div#applicationUI span.irs-min {
  font-size: 12px !important;
  color: #f0f0f0 !important;
  padding: 0 !important;
  margin-top: 5px !important;
}
div#applicationUI span.irs-max {
  font-size: 12px !important;
  color: #f0f0f0 !important;
  padding: 0 !important;
  margin-top: 5px !important;
}
/* End applicationUI */
/* End Applications */
/* IS Integration */
span.add-art {
  display: none;
}
span.add-art.sublimated {
  display: block;
}
span.add-art.non-sublimated {
  cursor: not-allowed !important;
  display: block;
  opacity: 0.3;
}
span.add-art.non-sublimated:hover {
  color: silver !important;
}
/* Embellishment Popup */
div#primaryEmbellishmentPopup {
  cursor: grab;
  padding: 10px;
  display: none;
  position: absolute;
  width: 1200px;
  height: 850px;
  top: 0px;
  left: 300px;
  z-index: 401;
  background-color: #fff;
  -webkit-box-shadow: 6px 6px 45px 5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 6px 6px 45px 5px rgba(0, 0, 0, 0.75);
  box-shadow: 6px 6px 45px 5px rgba(0, 0, 0, 0.75);
}
div#primaryEmbellishmentPopup div.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 40px;
  color: white;
  background-color: #808080;
  left: 0;
  padding: 10px;
}
div#primaryEmbellishmentPopup div.header,
div#primaryEmbellishmentPopup span.header {
  font-size: 1.5em;
  text-align: center;
  width: 100%;
  display: block;
  text-transform: uppercase;
  padding: 30px;
  padding-bottom: 15px;
  margin-bottom: 40px;
  border-bottom: dashed 1px #acacac;
}
div#primaryEmbellishmentPopup div.header div.size-container,
div#primaryEmbellishmentPopup span.header div.size-container {
  width: 100%;
  text-align: center;
  margin-top: 20px;
  font-size: 0.5em;
  /* span.container-label { font-family: "Avenir Next LT W04 Bold"; margin-right: 30px;} */
}
div#primaryEmbellishmentPopup
  div.header
  div.size-container
  span.container-label,
div#primaryEmbellishmentPopup
  span.header
  div.size-container
  span.container-label {
  font-family: "Gotham-Bold";
  margin-right: 30px;
}
div#primaryEmbellishmentPopup div.header div.size-container span.sizeButton,
div#primaryEmbellishmentPopup span.header div.size-container span.sizeButton {
  width: 30px;
  height: 30px;
  display: inline-block;
  background-color: #ffffff;
  color: #3d3d3d;
  cursor: pointer;
  padding: 7px;
  font-size: 0.8em;
  text-align: center;
}
div#primaryEmbellishmentPopup
  div.header
  div.size-container
  span.sizeButton:hover,
div#primaryEmbellishmentPopup
  span.header
  div.size-container
  span.sizeButton:hover {
  background-color: #acacac;
  color: #ffffff;
}
div#primaryEmbellishmentPopup
  div.header
  div.size-container
  span.sizeButton.active,
div#primaryEmbellishmentPopup
  span.header
  div.size-container
  span.sizeButton.active {
  background-color: #3d3d3d;
  color: #fff;
  /* font-family: "Avenir Next LT W04 Bold"; */
  font-family: "Gotham-Bold";
}
div#primaryEmbellishmentPopup div.header {
  margin-bottom: 20px;
}
div#primaryEmbellishmentPopup div.header,
div#primaryEmbellishmentPopup span.header {
  font-size: 1.3em;
  padding-top: 10px;
  padding-bottom: 10px;
}
div#primaryEmbellishmentPopup div.header div.close-popup,
div#primaryEmbellishmentPopup span.header div.close-popup {
  padding-top: 28px;
  font-size: 0.8em;
}
div#primaryEmbellishmentPopup div.navbar-main ul {
  border-bottom: 1px solid #3d3d3d;
  padding: 0;
}
div#primaryEmbellishmentPopup div.navbar-main ul li {
  display: inline-block;
  padding: 10px;
  background-color: #e7e7e7;
  color: #3d3d3d;
  width: 330px;
  cursor: pointer;
  font-size: 0.9em;
  text-transform: uppercase;
  margin-bottom: 10px;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
div#primaryEmbellishmentPopup div.navbar-main ul li.active,
div#primaryEmbellishmentPopup div.navbar-main ul li.active:hover {
  background-color: #1e1e1e;
  color: white;
}
div#primaryEmbellishmentPopup div.navbar-main ul li:hover {
  background-color: #3d3d3d;
  color: #acacac;
}
div#primaryEmbellishmentPopup div.navbar-main ul li[data-type="upload"],
div#primaryEmbellishmentPopup div.navbar-main ul li[data-type="create"] {
  float: right;
  margin-left: 10px;
  width: 330px;
  font-size: 0.9em;
  text-align: center;
}
div#primaryEmbellishmentPopup div.navbar-top {
  width: 49%;
  overflow-y: scroll;
  margin-left: 33px;
  float: left;
  margin-right: 15px;
  margin-top: 15px;
}
div#primaryEmbellishmentPopup div.navbar-top input.search-bar {
  padding: 7px;
  width: 50%;
  border: none;
  border-bottom: 1px dashed #acacac;
  float: right;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
div#primaryEmbellishmentPopup div.navbar-top input.search-bar:focus {
  outline: none;
  border-bottom: 1px solid #1e1e1e !important;
}
div#primaryEmbellishmentPopup div.navbar-top span.archives,
div#primaryEmbellishmentPopup div.navbar-top span.active {
  padding: 7px;
  font-size: 1em;
  float: left;
  cursor: pointer;
  color: #acacac;
}
div#primaryEmbellishmentPopup div.navbar-top span.archives:hover,
div#primaryEmbellishmentPopup div.navbar-top span.active:hover {
  padding: 7px;
  font-size: 1em;
  cursor: pointer;
  color: #3d3d3d;
}
div#primaryEmbellishmentPopup div.navbar-top span.active-archive-tab {
  color: #3d3d3d;
  background-color: white;
}
div#primaryEmbellishmentPopup div.navbar-top span.active-archive-tab.focus {
  color: white;
  background-color: #1e1e1e;
}
div#primaryEmbellishmentPopup div.main-content {
  width: 49%;
  height: 590px;
  overflow-y: scroll;
  padding: 15px;
  margin: 33px;
  margin-right: 15px;
  margin-top: 15px;
  border: 1px solid #acacac;
  border: 3px solid #3d3d3d;
  background-color: #808080;
  float: left;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
div#primaryEmbellishmentPopup
  div.main-content
  div.embellishmentPopupResults
  span.loading-container {
  width: 100%;
  text-align: center;
  display: block;
}
div#primaryEmbellishmentPopup
  div.main-content
  div.embellishmentPopupResults
  span.loading-container
  img.loading-gif {
  width: 15%;
  height: 15%;
  margin-top: 37%;
}
div#primaryEmbellishmentPopup
  div.main-content
  div.embellishmentPopupResults
  div.item {
  color: #3d3d3d;
  float: left;
  width: 128px;
  height: 150px;
  background-color: #1e1e1e;
  margin: 10px;
  background-size: contain;
  background-position: center center;
  cursor: pointer;
  margin-bottom: 50px;
  margin: 20px;
  background-repeat: no-repeat;
  -webkit-box-shadow: 3px 9px 24px -5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 3px 9px 24px -5px rgba(0, 0, 0, 0.75);
  box-shadow: 3px 9px 24px -5px rgba(0, 0, 0, 0.75);
}
div#primaryEmbellishmentPopup
  div.main-content
  div.embellishmentPopupResults
  div.item
  div.name {
  width: 100%;
  height: 30px;
  margin-top: 0px;
  background-color: #1e1e1e;
  color: white;
  transition: all 0.1s ease-in-out;
  text-align: center;
  font-size: 0.9em;
  padding-top: 7px;
}
div#primaryEmbellishmentPopup
  div.main-content
  div.embellishmentPopupResults
  div.item
  div.name.pullUp {
  background-color: #3d3d3d;
}
div#primaryEmbellishmentPopup
  div.main-content
  div.embellishmentPopupResults
  div.item
  .archive,
div#primaryEmbellishmentPopup
  div.main-content
  div.embellishmentPopupResults
  div.item
  .restore {
  margin-top: 95px;
  float: right;
  margin-right: 5px;
  color: #acacac;
}
div#primaryEmbellishmentPopup
  div.main-content
  div.embellishmentPopupResults
  div.item
  .archive:hover,
div#primaryEmbellishmentPopup
  div.main-content
  div.embellishmentPopupResults
  div.item
  .restore:hover {
  color: #3d3d3d;
}
div#primaryEmbellishmentPopup
  div.main-content
  div.embellishmentPopupResults
  div.item:hover {
  background-color: #e7e7e7;
}
div#primaryEmbellishmentPopup
  div.main-content
  div.embellishmentPopupResults
  div.item.active,
div#primaryEmbellishmentPopup
  div.main-content
  div.embellishmentPopupResults
  div.item.active:hover {
  transform: scale(1.15);
  background-color: white;
}
div#primaryEmbellishmentPopup div.main-content.loading {
  background-color: #acacac;
}
div#primaryEmbellishmentPopup div.sidebar {
  float: right;
  width: 42%;
  overflow-y: none;
  margin: 33px;
  margin-top: 45px;
  margin-left: 15px;
  text-align: center;
}
div#primaryEmbellishmentPopup div.sidebar img.preview {
  height: 365px;
  width: 100%;
}
div#primaryEmbellishmentPopup div.sidebar span.name,
div#primaryEmbellishmentPopup div.sidebar a.previewLink {
  font-size: 1.8em;
}
div#primaryEmbellishmentPopup div.sidebar span.add-to-uniform {
  width: 70%;
  padding: 10px;
  background-color: #e7e7e7;
  margin-top: 30px;
}
div#primaryEmbellishmentPopup div.sidebar span.add-to-uniform:hover {
  color: white;
  background-color: #1e1e1e;
}
img.inksoftThumb {
  width: 100px !important;
  height: 100px !important;
}
/* End Embellishment Popup */
/* End IS Integration */
.fc-red {
  color: #e32139 !important;
}
.fc-white {
  color: #ffffff !important;
}
.fc-light {
  color: #eee !important;
}
.fc-lightGray {
  color: #dedede !important;
}
.fc-gray {
  color: #aaa !important;
}
.fc-darkGray {
  color: #6c6c6c !important;
}
.fc-dark {
  color: #343434 !important;
}
.fc-darker {
  color: #242424 !important;
}
.fc-darkerGray {
  color: #606060 !important;
}
.btn-icon {
  padding: 8px;
  line-height: 0px;
  font-size: 6px !important;
}
.padding-tiny-vertical {
  padding-top: 7px;
  padding-bottom: 7px;
}
.bdr-remove {
  border: none !important;
}
.bdr-remove-right {
  border-right: none !important;
}
.bdr-thin {
  border: 0.5px solid;
}
.bdr-reg {
  border: 1px solid;
}
.bdrr-none {
  border-radius: 0;
}
.bdr-light {
  border-color: #dedede !important;
}
header .main-menu .uk-navbar-nav > li > a {
  height: 60px;
}
header .uk-grid-divider > :not(.uk-first-column)::before {
  border-left: solid 1.5px #aaa;
}
.bottom-arrow > *.uk-active:after {
  content: " ";
  display: block;
  height: 18px;
  width: 18px;
  transform: rotate(45deg);
  text-shadow: none;
  position: relative;
  margin: 20px auto -9px auto;
  z-index: -1;
}
.bottom-arrow.arrow-outward > *.uk-active:after {
  transform: rotate(45deg);
  text-shadow: none;
  position: relative;
  margin: -9px auto auto auto;
  z-index: -1;
}
.bac-light > *.uk-active:after {
  background-color: #eeeeee !important;
}
.bac-dark > *.uk-active:after {
  background-color: #343434 !important;
}
.active-fc-red .uk-active > * {
  color: #e32139 !important;
}
.active-bgc-red .uk-active > *,
.btn-active-bgc-red {
  color: #eee !important;
  background-color: #e32139 !important;
}
.active-bdr-red .uk-active > * {
  border-color: #e32139 !important;
}
.active-bgc-dark .uk-active > * {
  border-color: #343434 !important;
  color: #eee !important;
  background-color: #343434 !important;
}
.active-bdr-dark .uk-active a {
  border-color: #343434 !important;
}
.con-select.active-bgc-dark .uk-active {
  color: #eee !important;
  background-color: #343434 !important;
  border-color: #343434 !important;
}
.con-select.active-bgc-red .uk-active {
  color: #eee !important;
  background-color: #e32139 !important;
  border-color: #e32139 !important;
}
.top-line > div a,
.top-line > li a {
  border-top: 4px solid transparent;
}
.top-line.tl-red > .uk-active a {
  border-color: #e32139 !important;
}
.con-tab > li.uk-active div > img {
  background-color: #eeeeee !important;
}
.con-news-letter {
  border: solid 1px white;
}
.con-news-letter .form-input {
  color: #eeeeee !important;
  background-color: #343434 !important;
  border: none;
}
.con-news-letter .form-input:focus {
  background-color: #343434 !important;
}
.con-load-design .uk-input:focus {
  color: #eeeeee !important;
  border-color: #eeeeee !important;
}
.con-load-design .uk-input::placeholder {
  color: #eeeeee !important;
}
.con-load-design .uk-input.bgc-red:focus {
  background-color: #e32139 !important;
}
.con-load-design .uk-input.bgc-dark:focus {
  background-color: #343434 !important;
}
.con-card-item > div > div {
  border: 1px solid #dedede;
  background-color: white;
}
.con-steps .wizard > .actions a span.left {
  left: 0;
  border-right: 1px solid #353535;
  background: url(https://richardsonsports.com/customizer/images/css/arrow-l.png)
    no-repeat center center;
}
.con-steps .wizard > .actions a span.right {
  right: 0;
  border-left: 1px solid #353535;
  background: url(https://richardsonsports.com/customizer/images/css/arrow-r.png)
    no-repeat center center;
}
.thumbnail-small {
  width: 44px;
  padding: 5px 8px;
}
.box-palette {
  padding: 0px !important;
  border: 0px;
  border-radius: 0px;
}
.palette {
  height: 25px;
  width: 25px;
  display: block;
  border: 1px solid #aaaaaa !important;
}
.choice-icon {
  display: none !important;
}
.con-palettes .btn-selection-choice.uk-active .choice-icon {
  display: block !important;
}
.con-mascot-act-arch .btn-selection-choice.uk-active > div {
  background-color: #eee !important;
}
.con-mascot-act-arch .btn-selection-choice.uk-active h6 {
  background-color: #e32139 !important;
}
.con-mascot-act-arch .btn-selection-choice button {
  line-height: 0px;
}
.slider .rs-path-color {
  background-color: #aaaaaa !important;
}
.slider .rs-handle {
  background-color: #343434 !important;
}
.rs-tooltip {
  margin: 0 !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background: #343434 !important;
  border-color: transparent;
}
.ui-slider {
  background: #aaaaaa !important;
}
.ui-slider-label {
  font-size: 12px;
  color: #343434 !important;
}
.ui-slider-pip.ui-slider-pip-selected .ui-slider-label {
  color: #242424 !important;
}
.uk-grid-small.grid-tiny {
  margin-left: -6px;
}
.uk-grid-small.grid-tiny > * {
  padding-left: 6px;
}
.uk-grid-small.grid-tiny > .uk-grid-margin {
  margin-top: 6px;
}
.hidden {
  display: none;
}
.show {
  display: block;
}
.con-legend .box {
  width: 20px;
  height: 20px;
}
#modal-all-application .uk-list > li:nth-child(n + 2) {
  margin-top: 0;
  padding: 0;
}
.icon {
  font-size: 18px;
}
.line-divider > :nth-child(n + 3):not(.uk-first-column)::before {
  content: "";
  height: 100%;
  margin-left: 0;
  border-left: 1px solid #aaa !important;
  position: absolute;
}
.line-divider > :nth-child(2):not(.uk-first-column) {
  margin-right: -9px !important;
}
nav.main-menu ul li.sd a {
  margin-left: -6px;
}
nav.main-menu ul li.sd a:hover {
  color: #e32139 !important;
}
nav.main-menu ul li a {
  color: #636466;
}
nav.main-menu ul li a:hover {
  color: #e32139 !important;
}
nav.main-menu ul li.sd {
  position: relative;
}
nav.main-menu ul li.sd:before,
nav.main-menu ul li.sd:after {
  content: " ";
  display: block;
  height: 10px;
  width: 33px;
  top: 11px;
  right: -17px;
  transform: rotate(66deg);
  -webkit-transform: rotate(66deg);
  -ms-transform: rotate(66deg);
  position: absolute;
  border-top: 1px solid #aaa !important;
  background-color: #eee !important;
}
nav.main-menu ul li.sd:after {
  transform: rotate(111deg);
  top: auto;
  bottom: 11px;
  background-color: #eee !important;
}
.hov-red:hover {
  background-color: #e32139 !important;
}
.left-nav .box {
  height: 37px;
}
img.custom-logo-upload-preview {
  border: 1.5px dashed #aaa !important;
  max-width: 336px;
}
.link-reset {
  text-decoration: none !important;
}
.uk-disabled.con-img-added-mascot-logo {
  background-color: #eee !important;
}
.uk-disabled.con-img-added-mascot-logo img {
  -webkit-filter: grayscale(100%) opacity(70%);
  /* Safari */
  filter: grayscale(100%) opacity(70%);
}
.con-add-view-application .con-add-application.uk-active {
  display: none;
}
.con-add-view-application .con-toggle .toggle-show.uk-active {
  background-color: #343434 !important;
  color: #eee !important;
}
@media screen and (min-width: 640px) {
  .left-nav {
    max-width: 36px;
  }
  .left-nav .box {
    width: 100% !important;
    flex-basis: auto;
    flex: none;
  }
  .con-preview-pane-thumb-nav {
    max-width: 80px;
  }
  .wer {
    margin-left: 36px;
  }
}
@media screen and (max-width: 374px) {
  .hidden-xxs {
    display: none;
  }
}
.uk-btn.uk-active,
.uk-btn.uk-active.btn-enabled {
  color: #eee !important;
  background-color: #e32139 !important;
  border-color: #e32139 !important;
}
.uk-btn.btn-enabled {
  color: #e32139 !important;
  border-color: #e32139 !important;
}
.mascot-categories li {
  padding: 10px;
}
.mascot-categories li.uk-active {
  background-color: #343434;
}
.mascot-categories li.uk-active a {
  color: #eee !important;
}
#text-shape-container-player-name,
#text-shape-container-team-name,
#text-shape-container,
.textShapeCanvas {
  position: fixed !important;
  top: 100vh !important;
}