.prodBreadcrumbs,
.prodBreadcrumbs h2,
.prodBreadcrumbs .prodCrumbLink{
  font-size:14px;
  line-height:24px; 
  margin:0;
  padding:8px 0 0 0;
  color:#333;
  text-decoration:none;
}
.prodBreadcrumbs h2{ display:inline; }
.prodBreadcrumbs{
  border-bottom:1px solid #DDD;
}
.prodCrumbLink:hover{
  color:#000;   
}

.prodNavTable{ padding-bottom:10px; }
.prodDisplay { clear: both; font-size:10pt; color :#444; padding-bottom:80px; }
.prodImg  { padding-bottom:5px; position:relative;}
.imgUpper{ padding-top:10px }

.imgUpper .col-item {
   padding: 0px;
}

.prodImg .MagicZoom {
   width:100% !important;
}

.prodDesc { padding:0px 5px 5px 5px; }
.prodTitle { padding-top:0; margin-top:0; }
.prodOrder { padding-top: 10px; }

.prodCatalogDesc { padding-bottom:10px; line-height: 1.2; }

.prodColors   { clear: both; }
.prodSizes    { clear: both; }
.prodOrder    { clear: both; }
.colorHeading { clear: both; font-size: 11pt; }
.sizeHeading  { clear: both; font-size: 11pt; }

.imgDesc { }
#imgMsg{ position:absolute; opacity:0.6; background-color:#333; padding:8px; border-radius:16px; z-index:100; color:#fff; }
.sizeOuter { float: left; margin:2px; cursor:pointer; text-align:center; border:2px solid #CCCCCC; color:#666666; border-radius:18px;}
.colorOuter { float: left; margin:2px; cursor:pointer; border:2px solid #CCCCCC; background-color:#FFF; border-radius:18px; }
.colorOuter a{ 
  display:block!important; /* magiczoom auto adds display:inline-block... can't prevent with options */
}
.sizeOuter.OOS,
.colorOuter.OOS { border-style:dotted; position:relative; }
.OOS .sizeInner{ opacity:0.7; }

.colorOuter.OOS .colorInnerWrap:after,
.sizeOuter.OOS a:after {
  content: "\f00d"; /* Close icon */
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  font-size: 28px;
  color: #999;  
  top: 50%;
  left: 50%;  
  margin: -20px 0 0 -11px;
  z-index: 1;
  opacity:0.2;
}
.colorOuter.OOS .colorInnerWrap:after{ opacity:0.4 }
.sizeOuter.selected,
.colorOuter.selected { border-color: #666; }

.colorOuter.selected,
.sizeOuter.selected{ box-shadow: 0 0 6px #666; }

.colorInner { width:30px; height:30px; margin: 1px; border-radius:15px; overflow:hidden;}
.colorInner img { width:30px; height:30px; }
.sizeInner { font-size:11pt; vertical-align:middle; text-align:center; line-height:30px; height:30px; margin: 0 2px; min-width:28px; border-radius:15px; }
.sizeOuter a{ text-decoration:none;  color:#666666; width:30px; border-radius:18px;}


.selectedColor,
.selectedSize { font-weight:bold; }

.prodTopTabOuter .tab-pane{ padding:5px; }

/* Multi Hex value colors */
.multiHex{ float:left; height:100%; border:0; margin:0; padding:0; }
.multi1of2,
.multi2of2{
  width:50%;
}
.multi1of3{ width:50%; }
.multi2of3,
.multi3of3{
  width:25%;
}
.multi1of4,
.multi2of4,
.multi3of4,
.multi4of4{
  width:25%;
}

/*** New PreSell Classes ***/
.presellDesc{ color:#EE159B; float:left; }
.streetDate { color:#00CC00; float:left; margin-left: 8px; }
.preSellCopy{ color:#008800; clear:both; }

.colorOuter.preSell,
.sizeOuter.preSell{ border-color: #008800; }

.colorOuter.preSell.selected,
.sizeOuter.preSell.selected{ border-color:#00CC00; }

.prodIcons {}
.featureIcon { padding:4px; }

.imgUpper { display:block; clear: both; }
.imgLower { display:block; clear: both; text-align:center;}


.prodPrice {font-size: 11pt;}
  .regPriceLabel { float:left; }
  .regPrice { float:left; }
  .priceStrike {  float:left; text-decoration: line-through;  padding-right:8px;}
  .salePriceLabel { float:left; }
  .salePrice { float:left; color: red; }

.optLinkRow{ display:inline-block; }
.optLinkRow a { white-space: nowrap; margin: 0 2px; }

/*========--------   Cart Button Display  --------========*/
.colorSelect { float: left; }
.sizeSelect  {  }
.prodQty { }
.prodCartBtn { padding-top:8px; }
.orderBtnRow { }
.addToCart { }
.cartError { height: 20px; color: red; }
.viewCart {  }
/*========--------   Image Overlay Display  --------========*/
#imgMessage {
display:none;
width:175px;
position: absolute;
opacity: 0.60;
-moz-opacity: 0.60;
-khtml-opacity: 0.60;
filter: alpha(opacity=60);
z-index:5;
border-radius:9px;
}
.imgMessageText {
font-size:12pt;
color: #ffffff;
width:175px;
background-color:#4a4a4a;
text-align:center;
}

/*========--------   Image Library styles  --------========*/
.imgLibDiv { z-index: 5; }
.heightPad
{padding-top: 3px; padding-bottom: 3px; vertical-align: middle;}

.imgLibTable
{border: 1px solid black;
 background-color: #FFFFFF;
 text-align: center;
 width: 100%;
 hasLayout: true;
 -moz-box-shadow: 0 1px 5px #444;
 -webkit-box-shadow: 0 1px 5px #444;
 box-shadow:0 1px 5px #444; 
}

.imgLibHdr
{           
 background: #e9e9e9;
 color: #444;
 font-weight: bold;
 font-size: 12px;
 border-bottom: 1px solid black;
 padding: 2px;}

 .imgLibButton
 { display: block; vertical-align: middle; background: #DCDCDC; border-radius:7px; width:70px; height:17px; line-height:15px; font-size:9px; text-decoration:none; cursor: pointer;}

a.imgLibLink,
a.imgLibLink:active,
a.imgLibLink:link,
a.imgLibLink:visited,
a.imgLibLink:hover
{ font-size: 9px;
  text-decoration: none;
  vertical-align: middle;
}

.closeButton
{ border: 2px solid white;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  font-size: 12px;
  cursor: pointer;
}
.prodImgInner { text-align:center; }


/* Alternet View Styles */
.altViews { clear:both; }
.altViewInner{ float:left; max-width:50px; }
.altViewInner a,
.altViewInner img{ width: 100%; height:auto; }


/*========--------   Magic Zoom styles  --------========*/
#mzoom, #mainProdImg1{ width:100%!important; height:auto!important; max-width:400px; } /* responsive fix for magiczoom */
.MagicZoom, .MagicZoom * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/* Style of the small image link */
.MagicZoom, .MagicZoom:hover {
    display: inline-block;
    outline: 0 !important;
    font-size: 0 !important;
    line-height: 100% !important;
    direction: ltr;
    max-width: 100%;
}

/* Style of the main image */
.MagicZoom img {
    border: 0 !important;
    margin: 0 !important;
    outline: 0 !important;
    padding: 0 !important;
    height: auto;
}

.MagicZoom > img {
    width: 100%;
}

.MagicZoom.magic-for-ie8,
.MagicZoom.magic-for-ie8 > img {
    max-width: none !important;
}

.MagicZoom.magic-for-ie7 > img, .MagicZoom.magic-for-ie5 img {
    width: auto;
}

td > .MagicZoom > img, td > .MagicZoom.magic-for-ie8 > img {
    max-width: none;
    width: auto;
}

/* Style of the hint text and image */
.MagicZoomHint {
    background: url(graphics/hint.gif) no-repeat 2px 50%;
    color: #444;
    font-size: 8pt;
    font-family: sans-serif;
    line-height: 24px;
    margin: 0;
    min-height: 24px;
    padding: 2px 2px 2px 20px !important;
    text-align: left;
    text-decoration: none;
}

/* Style of loading message and icon shown during load */
.MagicZoomLoading {
    background: #fff url(graphics/loader.gif) no-repeat 2px 50%;
    border: 1px solid #ccc;
    color: #444;
    font-family: sans-serif;
    font-size: 8pt;
    line-height: 1.5em;
    margin: 0;
    padding: 4px 4px 4px 24px !important;
    text-align: left;
    text-decoration: none;
}

/* Style to hide external title on a page. Only needed for #id method */
.MagicZoomExternalTitle {
    display: none;
}

.magic-temporary-img img {
    max-height: none !important;
    max-width: none !important;
}

/* Style of the zoomed image */
.MagicZoomBigImageCont {
    background: #ffffff;
    border: 1px solid #999;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    transition: none !important;
}
.MagicZoomBigImageCont.inner-zoom {
    border: 0;
}

.MagicZoomBigImageCont img {
    max-width: none !important;
    max-height: none !important;
    height: auto !important;
    width: auto !important;
}

/* Style of text on the zoomed image */
.MagicZoomHeader {
    background: #666;
    color: #fff;
    font-size: 10pt !important;
    line-height: normal !important;
    text-align: center !important;
}

/* Style of square magnify area under the cursor */
.MagicZoomPup {
    background: #dadad1;
    border: 3px solid #aaa;
    cursor: move;
}

/* Style of loading message and icon shown during load */
.MagicZoomLoading {
    background: #fff url(graphics/loader.gif) no-repeat 2px 50%;
    border: 1px solid #ccc;
    color: #444;
    font-family: sans-serif;
    font-size: 8pt;
    line-height: 1.5em;
    margin: 0;
    padding: 4px 4px 4px 24px !important;
    text-align: left;
    text-decoration: none;
}

/* Style of shadow effect behind zoomed image */
.MagicBoxShadow {
-moz-box-shadow: 3px 3px 4px #888888;
-webkit-box-shadow: 3px 3px 4px #888888;
box-shadow: 3px 3px 4px #888888;
border-collapse: separate;
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888') !important;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')" !important;
}

/* Style of glow effect behind zoomed image */
.MagicBoxGlow {
-moz-box-shadow: 0px 0px 4px 4px #888888;
-webkit-box-shadow: 0px 0px 4px 4px #888888;
box-shadow: 0px 0px 4px 4px #888888;
border-collapse: separate;
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Glow(Strength=4, Color='#888888') !important;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Glow(Strength=4, Color='#888888')" !important;
}




/* ===============      ToolTip Class     =============== */
.descTooltip{
    		position: relative;
      transition: opacity .25s ease-in-out;
      -moz-transition: opacity .25s ease-in-out;
      -webkit-transition: opacity .25s ease-in-out;
      display:block;
      padding:0; margin:0;
		}
		
		.descTooltip:after{
    		background: #000;
    		background: rgba(0,0,0,.8);
    		border-radius: 6px;
    		top: -30px;
    		color: #fff;
    		content: attr(data-desc);
    		left: -9999px;
      white-space:nowrap;
      min-width:20px;
    		padding: 0 5px;
      margin:0;
    		position: absolute;
    		z-index: 9930;
      border:1px solid #fff;
      box-shadow:0 0 10px #000;
      transition: opacity .25s ease-in-out;
      -moz-transition: opacity .25s ease-in-out;
      -webkit-transition: opacity .25s ease-in-out;
      opacity:0;
  text-align:center;
  min-width:50px;
		}
		
		.descTooltip:before{
    		border: solid;
    		border-color: #FFF transparent;
    		border-width: 8px 8px 0 8px;
    		top: -10px;
    		content: "";
      margin:0; padding:0;
    		left: -9999px;
    		position: absolute;
    		z-index: 9940;
      transition: opacity .25s ease-in-out;
      -moz-transition: opacity .25s ease-in-out;
      -webkit-transition: opacity .25s ease-in-out;
      opacity:0;
		}
		.descTooltip:hover:after{
    		left: -8px;
      opacity:100;
  }
  .descTooltip:hover:before{
    		left: 8px;
      opacity:100;
		}
		.selected .descTooltip:after,
  .selected .descTooltip:before{ display:none; }

/* FDM4 Decorator Styles */
  #fdm4Decorator { 
    z-index:100;       
    width:1000px;
    /*height:720px;*/
    padding:10px;
    position:absolute;
    top:70px; 
    margin: 0 auto;
    text-align:center;
    left: 0;
    right: 0;
    background:#DDDDDD;
    border:1px solid #333;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px; 
    -moz-box-shadow: 0 0  55px #333 ;
    -webkit-box-shadow: 0 0 55px #333 ;
    box-shadow: 0 0 55px #333 ;
      -webkit-transition: opacity 0.7s;
    transition: opacity 0.7s;
    opacity:1;
  }
  #fdm4Decorator.offScreen{ left:-9999px; display:block; opacity:0.01; }
  #fdm4DecoratorIframe{ width:980px; height:680px; border: 1px solid #999; }
  .decorateLineBtn{ text-align:center; position:relative; top:8px; }

  a.decoratorClose,  a.decoratorClose:active,a.decoratorClose:link, a.decoratorClose:hover, a.decoratorClose:visited{ 
   position:absolute; 
   right:-13px;
   top:-13px;
   background:#fff;
   color: #4d4d4d;
   border:2px solid #333; 
   border-radius:15px; 
   display:block; 
   width:25px; 
   height:25px; 
   text-align:center; 
   line-height:20px; 
   font-size:28px;
   /*box-shadow: 1px 1px 2px #000; */
   text-decoration:none;
  }

  a.decoratorClose:hover {
   color: #b2151b;
  }

#wishlistAddStub{
  min-width:200px;
  min-height:100px;
  padding:10px;
  background:#FAFAFA;
  border:1px solid #DDD;
  border-radius:6px;
  box-shadow:0 0 10px #000;
  position:absolute;
  display:none;
  z-index:15;
}
#wishlistAddStub.showWishlistAdd{ display:block; }

.featTypeDesc{ font-weight:bold; }

/* Item Notification */
.itemNotifyBtn i {
   font-size: 24px;
   color: #888;
}
.itemNotifyBtn.selected i {
   color: #6a975d;
}

.loginButton {
  font-size: 16px;
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.prodtitlestylecode {
  text-transform: uppercase;
}

.prodDescTab {
  border-bottom: 1px solid #ddd;
}

#prodColorSizeTab {
  border-top: 1px solid #ddd;
  margin-top: 5px;
  padding-top: 10px;
}
}

.prodCatalogDesc {
  margin-top: 5px;
}

.loginText {
  margin-left: 0px;
  padding-left: 0px;
  margin-top: 30px;
}

.quickMargin {
  float: left;
  margin-top: 25px;
}

.prodBreadcrumbs {
  text-transform: uppercase;
}

.prodTitle {
  margin-top: 15px;
  font-weight: normal;
  font-family: gothamM;
  font-size: 28px;
}

.prodtitlestylecode {
  margin-top: 2px;
  color: #666;
  font-size: 17px;
}

.tab-pane {
  margin-top: 15px;
}

.loginBtn {
  padding:10px;
  font-size: 15px;
}

.prodTopTabs > li > a {
  padding: 10px 15px;
}

.txtLight .onSwatchText{ text-shadow:0 1px 1px #000; }
.txtDark  .onSwatchText{ text-shadow:0 1px 1px #fff; }

.sizeSelection .sizeComma:last-child{ display:none; }
.colorWarning{ font-size:8pt; color:#901; line-height:2.5; font-weight:bold; }
.prodStyleCode{ text-transform:uppercase; }

.compDetail a{ 
  width:100%; 
  max-width: 180px;
  display: inline-block;
}
.compDetail a img{ max-width:100%; }
.quickorderTop{ margin:0 15px; }









.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;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !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__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.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-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, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 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, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 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, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 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, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 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;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:#fff;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:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}

.select2-container--bootstrap{display:block}.select2-container--bootstrap .select2-selection{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);background-color:#fff;border:1px solid #ccc;border-radius:4px;color:#555;font-size:14px;outline:0}.select2-container--bootstrap .select2-selection.form-control{border-radius:4px}.select2-container--bootstrap .select2-search--dropdown .select2-search__field{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);background-color:#fff;border:1px solid #ccc;border-radius:4px;color:#555;font-size:14px}.select2-container--bootstrap .select2-search__field{outline:0}.select2-container--bootstrap .select2-search__field::-webkit-input-placeholder{color:#999}.select2-container--bootstrap .select2-search__field:-moz-placeholder{color:#999}.select2-container--bootstrap .select2-search__field::-moz-placeholder{color:#999;opacity:1}.select2-container--bootstrap .select2-search__field:-ms-input-placeholder{color:#999}.select2-container--bootstrap .select2-results__option{padding:6px 12px}.select2-container--bootstrap .select2-results__option[role=group]{padding:0}.select2-container--bootstrap .select2-results__option[aria-disabled=true]{color:#777;cursor:not-allowed}.select2-container--bootstrap .select2-results__option[aria-selected=true]{background-color:#f5f5f5;color:#262626}.select2-container--bootstrap .select2-results__option--highlighted[aria-selected]{background-color:#337ab7;color:#fff}.select2-container--bootstrap .select2-results__option .select2-results__option{padding:6px 12px}.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option{margin-left:-12px;padding-left:24px}.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-24px;padding-left:36px}.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-36px;padding-left:48px}.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-48px;padding-left:60px}.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-60px;padding-left:72px}.select2-container--bootstrap .select2-results__group{color:#777;display:block;padding:6px 12px;font-size:12px;line-height:1.42857143;white-space:nowrap}.select2-container--bootstrap.select2-container--focus .select2-selection,.select2-container--bootstrap.select2-container--open .select2-selection{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;border-color:#66afe9}.select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow b{border-color:transparent transparent #999;border-width:0 4px 4px}.select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection{border-bottom-right-radius:0;border-bottom-left-radius:0;border-bottom-color:transparent}.select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection{border-top-right-radius:0;border-top-left-radius:0;border-top-color:transparent}.select2-container--bootstrap .select2-selection__clear{color:#999;cursor:pointer;float:right;font-weight:700;margin-right:10px}.select2-container--bootstrap .select2-selection__clear:hover{color:#333}.select2-container--bootstrap.select2-container--disabled .select2-selection{border-color:#ccc;-webkit-box-shadow:none;box-shadow:none}.select2-container--bootstrap.select2-container--disabled .select2-search__field,.select2-container--bootstrap.select2-container--disabled .select2-selection{cursor:not-allowed}.select2-container--bootstrap.select2-container--disabled .select2-selection,.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice{background-color:#eee}.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove,.select2-container--bootstrap.select2-container--disabled .select2-selection__clear{display:none}.select2-container--bootstrap .select2-dropdown{-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);border-color:#66afe9;overflow-x:hidden;margin-top:-1px}.select2-container--bootstrap .select2-dropdown--above{-webkit-box-shadow:0 -6px 12px rgba(0,0,0,.175);box-shadow:0 -6px 12px rgba(0,0,0,.175);margin-top:1px}.select2-container--bootstrap .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--bootstrap .select2-selection--single{height:34px;line-height:1.42857143;padding:6px 24px 6px 12px}.select2-container--bootstrap .select2-selection--single .select2-selection__arrow{position:absolute;bottom:0;right:12px;top:0;width:4px}.select2-container--bootstrap .select2-selection--single .select2-selection__arrow b{border-color:#999 transparent transparent;border-style:solid;border-width:4px 4px 0;height:0;left:0;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--bootstrap .select2-selection--single .select2-selection__rendered{color:#555;padding:0;line-height:25px;}.select2-container--bootstrap .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--bootstrap .select2-selection--multiple{min-height:34px;padding:0;height:auto}.select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;line-height:1.42857143;list-style:none;margin:0;overflow:hidden;padding:0;width:100%;text-overflow:ellipsis;white-space:nowrap}.select2-container--bootstrap .select2-selection--multiple .select2-selection__placeholder{color:#999;float:left;margin-top:5px}.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice{color:#555;background:#fff;border:1px solid #ccc;border-radius:4px;cursor:default;float:left;margin:5px 0 0 6px;padding:0 6px}.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field{background:0 0;padding:0 12px;height:32px;line-height:1.42857143;margin-top:0;min-width:5em}.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:700;margin-right:3px}.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--bootstrap .select2-selection--multiple .select2-selection__clear{margin-top:6px}.form-group-sm .select2-container--bootstrap .select2-selection--single,.input-group-sm .select2-container--bootstrap .select2-selection--single,.select2-container--bootstrap .select2-selection--single.input-sm{border-radius:3px;font-size:12px;height:30px;line-height:1.5;padding:5px 22px 5px 10px}.form-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,.input-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,.select2-container--bootstrap .select2-selection--single.input-sm .select2-selection__arrow b{margin-left:-5px}.form-group-sm .select2-container--bootstrap .select2-selection--multiple,.input-group-sm .select2-container--bootstrap .select2-selection--multiple,.select2-container--bootstrap .select2-selection--multiple.input-sm{min-height:30px;border-radius:3px}.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,.input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__choice{font-size:12px;line-height:1.5;margin:4px 0 0 5px;padding:0 5px}.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,.input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-search--inline .select2-search__field{padding:0 10px;font-size:12px;height:28px;line-height:1.5}.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,.input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__clear{margin-top:5px}.form-group-lg .select2-container--bootstrap .select2-selection--single,.input-group-lg .select2-container--bootstrap .select2-selection--single,.select2-container--bootstrap .select2-selection--single.input-lg{border-radius:6px;font-size:18px;height:46px;line-height:1.3333333;padding:10px 31px 10px 16px}.form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow,.input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow,.select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow{width:5px}.form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,.input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,.select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow b{border-width:5px 5px 0;margin-left:-10px;margin-top:-2.5px}.form-group-lg .select2-container--bootstrap .select2-selection--multiple,.input-group-lg .select2-container--bootstrap .select2-selection--multiple,.select2-container--bootstrap .select2-selection--multiple.input-lg{min-height:46px;border-radius:6px}.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,.input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__choice{font-size:18px;line-height:1.3333333;border-radius:4px;margin:9px 0 0 8px;padding:0 10px}.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,.input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-search--inline .select2-search__field{padding:0 16px;font-size:18px;height:44px;line-height:1.3333333}.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,.input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__clear{margin-top:10px}.input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single .select2-selection__arrow b,.select2-container--bootstrap .select2-selection.input-lg.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #999;border-width:0 5px 5px}.select2-container--bootstrap[dir=rtl] .select2-selection--single{padding-left:24px;padding-right:12px}.select2-container--bootstrap[dir=rtl] .select2-selection--single .select2-selection__rendered{padding-right:0;padding-left:0;text-align:right}.select2-container--bootstrap[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--bootstrap[dir=rtl] .select2-selection--single .select2-selection__arrow{left:12px;right:auto}.select2-container--bootstrap[dir=rtl] .select2-selection--single .select2-selection__arrow b{margin-left:0}.select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-search--inline,.select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-selection__choice,.select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-selection__placeholder{float:right}.select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-selection__choice{margin-left:0;margin-right:6px}.select2-container--bootstrap[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.has-warning .select2-dropdown,.has-warning .select2-selection{border-color:#8a6d3b}.has-warning .select2-container--focus .select2-selection,.has-warning .select2-container--open .select2-selection{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;border-color:#66512c}.has-warning.select2-drop-active{border-color:#66512c}.has-warning.select2-drop-active.select2-drop.select2-drop-above{border-top-color:#66512c}.has-error .select2-dropdown,.has-error .select2-selection{border-color:#a94442}.has-error .select2-container--focus .select2-selection,.has-error .select2-container--open .select2-selection{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;border-color:#843534}.has-error.select2-drop-active{border-color:#843534}.has-error.select2-drop-active.select2-drop.select2-drop-above{border-top-color:#843534}.has-success .select2-dropdown,.has-success .select2-selection{border-color:#3c763d}.has-success .select2-container--focus .select2-selection,.has-success .select2-container--open .select2-selection{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;border-color:#2b542c}.has-success.select2-drop-active{border-color:#2b542c}.has-success.select2-drop-active.select2-drop.select2-drop-above{border-top-color:#2b542c}.input-group>.select2-hidden-accessible:first-child+.select2-container--bootstrap>.selection>.select2-selection,.input-group>.select2-hidden-accessible:first-child+.select2-container--bootstrap>.selection>.select2-selection.form-control{border-bottom-right-radius:0;border-top-right-radius:0}.input-group>.select2-hidden-accessible:not(:first-child)+.select2-container--bootstrap:not(:last-child)>.selection>.select2-selection,.input-group>.select2-hidden-accessible:not(:first-child)+.select2-container--bootstrap:not(:last-child)>.selection>.select2-selection.form-control{border-radius:0}.input-group>.select2-hidden-accessible:not(:first-child):not(:last-child)+.select2-container--bootstrap:last-child>.selection>.select2-selection,.input-group>.select2-hidden-accessible:not(:first-child):not(:last-child)+.select2-container--bootstrap:last-child>.selection>.select2-selection.form-control{border-bottom-left-radius:0;border-top-left-radius:0}.input-group>.select2-container--bootstrap{display:table;table-layout:fixed;position:relative;z-index:2;width:100%;margin-bottom:0}.input-group>.select2-container--bootstrap>.selection>.select2-selection.form-control{float:none}.input-group>.select2-container--bootstrap.select2-container--focus,.input-group>.select2-container--bootstrap.select2-container--open{z-index:3}.input-group>.select2-container--bootstrap,.input-group>.select2-container--bootstrap .input-group-btn,.input-group>.select2-container--bootstrap .input-group-btn .btn{vertical-align:top}.form-control.select2-hidden-accessible{position:absolute!important;width:1px!important}@media (min-width:768px){.form-inline .select2-container--bootstrap{display:inline-block}}

/* vv Select2 CSS vv */
/* select2 core */
.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;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !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, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 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, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 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, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 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, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 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;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:#fff;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:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}
/* select2 base updates */
.select2-container--default .select2-selection--single{ border-color:#CCC; }
.select2-container{ font-size:14px; }
.select2-container{ text-align:left; }

.select2-container .select2-selection--single { height: 34px; padding: 3px 6px; }
.select2-results__option { font-size: 12px; }
/* ^^ Select2 CSS ^^ */


.select2-results img, .s2design{ max-height:60px;max-width:60px; /* padding-right:8px; */ }
.select2-selection img, .s2designSm{ max-height:26px;max-width:26px;  /* padding-right:8px; */ }

@media (min-width: 768px) {
 .designNameOuter{ margin-bottom:0; }
 .deco-grid-price{ display: none ; }
 .deco-grid-header{ display: inline ; }
}

@media (max-width: 767px) {
 .deco-grid-header{ display: none ; }
 .deco-grid-price { display: inline; }
}

.design-label{
 padding-left: 20px;
 width: auto;
}

#orderGridLoading img { width:80px; } 
.gridInput { padding: 0px 3px; } 
.gridOOS .qoGridItem { vertical-align: text-top; } 

.select2-results__option--highlighted .s2desc.appliedDesign .s2descInner{ 
 color: #98ff98; }

 .select2-results__option{ display:flex; }
 
.retailGrid .swatch-wrapper{ margin-bottom:0; }
.retailGrid .product-grid-heading .product-description{ display:flex!important;; }
.retailGrid .product-grid-heading .product-elem {
   width: 70px;
 }
 @media (min-width: 1149px) {
   .retailGrid .product-item,
   .retailGrid .product-grid-heading{
     display:flex;
     flex-direction:row;
   }
   .retailGrid .product-head{
     width:15%;
     margin-bottom:0;
   }
   .retailGrid .product-head{
     display:block!important;
   }
   .retailGrid .product-description{
     width:85%;
   }  
   .qoGridColor .swatch-wrapper{ margin-top:17px; }
   .qoGridColor.product-full .swatch-wrapper .swatch-name{ position:relative; top:4px; }
  
   .retailGrid .prod-whse-cutoff{
     font-size:13px;
   }
}

.rows {
  padding: 0 20px;
}
/* ==================   Quickorder   ======================= */

.links-icons {
  width:100px;
  }
  
  .notify-icon {
  font-size:20px;
  color:silver;
  cursor:pointer;
  padding:5px;
  }

  .product-count .notify-icon {
    font-size:14px;
    padding:0px;
  }
  
  
  .selected {
  color:green;
  }
  
  .product-count {
  font-weight:bold;
  }
  
  .qtyOrdered {
  background-color:#d9f3d9;
  }
  
  .noQty {
  color:blue !important;
  }
  
  
  
.orderGrid{ width:100%; }
.orderGrid td{ text-align:center; line-height:1.5; }
.orderGrid th{
  text-align:center;
}
.orderGrid thead tr th{
 border-right: 1px solid #999;
}
.orderGrid tr{
border:1px solid #999;
text-shadow:0 1px 0 #fff;
background: #ffffff;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed));
background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );

}
.orderGrid .qoDesc{ 
border-right:1px solid #999;
background:#fff;
text-align:left;
/*box-shadow: 0 0 0 2px #FFFFFF inset;*/
}
.qoGridItem,.qoNotify,.qoPrepack { border-right: 1px solid #999; }
.qoRegPrice{ display:inline; }
.qoSalePrice{ display:block; color:red;}
.qoPriceStrike{ text-decoration: line-through; }
.txtLight{ color:#fff; font-weight:bold; text-shadow:none; /*text-shadow:0 1px 0 #222;*/ }
.txtDark{  color:#000; font-weight:bold; text-shadow:none; /*text-shadow:0 -1px 0 #EEE;*/ }

.stockLabel,
.expStockLabel,
.eachLabel{
  font-weight:normal;
  text-shadow:none;
  text-align:right;
  margin-right:6px;
  /*font-style: italic;*/
  opacity:0.6;
}
.stockLabel,
.expStockLabel{
  cursor: pointer;
  text-decoration:underline; 
}

.gridSwatch{
  border: 1px solid #fff;
  box-shadow: 0 0 1px #000;
  width:40px;
  height:40px;
}

/* ===============    Quickorder Sale Expiry ToolTip Class     =============== */
.qoSaleExpTooltip{
         position: relative;
      transition: opacity .25s ease-in-out;
      -moz-transition: opacity .25s ease-in-out;
      -webkit-transition: opacity .25s ease-in-out;
      display:block;
      padding:0; margin:0;
      }
      
      .qoSaleExpTooltip:after{
         background: #000;
         background: rgba(0,0,0,.8);
         border-radius: 6px;
         top: -30px;
         color: #fff;
         content: attr(data-sale_expiry);
         left: -9999px;
      white-space:nowrap;
      min-width:20px;
         padding: 0 5px;
      margin:0;
         position: absolute;
         z-index: 9930;
      border:1px solid #fff;
      box-shadow:0 0 10px #000;
      transition: opacity .25s ease-in-out;
      -moz-transition: opacity .25s ease-in-out;
      -webkit-transition: opacity .25s ease-in-out;
      opacity:0;
      }
      
      .qoSaleExpTooltip:before{
         border: solid;
         border-color: #FFF transparent;
         border-width: 8px 8px 0 8px;
         top: -9px;
         content: "";
      margin:0 0 0 35%; padding:0;
         left: -9999px;
         position: absolute;
         z-index: 9940;
      transition: opacity .25s ease-in-out;
      -moz-transition: opacity .25s ease-in-out;
      -webkit-transition: opacity .25s ease-in-out;
      opacity:0;
      }
      .qoSaleExpTooltip:hover:after{
         left: -1px;
      opacity:45;
  }
  .qoSaleExpTooltip:hover:before{
         left: 12px;
      opacity:45;
      }

/*===================================================*/
/*   Backorder Overlay */
/*===================================================*/
.backorderDialog{
   position:absolute;
   display:none;
   background:#fff;
   border:1px solid #ccc;
   border-radius:6px;
   padding:6px;
   z-index: 9900; /* must be higher z-index than overlay (9800) */
   text-align:center;
   box-shadow: 0 0 50px #000000;
}
.backorderTitle{ text-align:center; margin: -6px -6px 0 -6px; padding:0 6px; }
.boMessage{ font-weight:bold; padding: 10px 0 6px 0; }

.backorderDialog li{ 
   list-style:none; 
}

.boChoiceTable{
  margin:0 auto;
}
.boChoiceTable td,
.boChoiceTable th{
  padding: 0 5px;
}

.boOptList{
  text-align:left;
  width:100%;
  margin:0 auto 8px auto;
  background:#F6F6F6;
  padding: 5px;
}
.boChoiceTable th:first-child,
.boChoiceTable td:first-child{
  text-align:left;
}


.boChoiceTable{
  border: 1px solid #EEE;
  margin-bottom:8px; 
  text-shadow: 0 1px 0 #FFF;
}
.boChoiceTable th{
  border-right:1px solid #EEE;
  border-left:1px solid #EEE;
  margin: 0 -1px;
  font-variant:small-caps;
  background: #F0F0F0;

}
.boChoiceTable thead{
  border-bottom: 1px solid #EEE;
}
.boChoiceTable tr:nth-child(even){
  background:#F3F3F3;
}
.boChoiceTable tr:nth-child(odd){
  background:#F9F9F9;
}

/* Item Notification */
.qoNotifyBtn i { 
   font-size: 24px;
   color: #888;
}
.qoNotifyBtn.selected i { 
   color: #6a975d;
}

/* Prepack Dialog */
.fdm4DecoratorTitle{   
  font-size: 20px;
  font-weight: bold;
  font-style: italic;
}
.btn-decorate{ position:relative; padding-left: 46px; }
.btn-decorate img{ position:absolute; top:-14px; left:3px; }
/* FDM4 Decorator Styles */
  #fdm4Decorator { 
    z-index:100;       
    width:96%;
    /*height:720px;*/
    padding:10px;
    position:absolute;
    top:70px; 
    margin: 0 auto;
    text-align:center;
    left: 0;
    right: 0;
    background:#DDDDDD;
    border:1px solid #333;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px; 
    -moz-box-shadow: 0 0  55px #333 ;
    -webkit-box-shadow: 0 0 55px #333 ;
    box-shadow: 0 0 55px #333 ;
      -webkit-transition: opacity 0.7s;
    transition: opacity 0.7s;
    opacity:1;
  }
  #fdm4Decorator.offScreen{ left:-9999px; display:block; opacity:0.01; }
  #fdm4DecoratorIframe{ width:100%; height:680px; border: 1px solid #999; }
  .decorateLineBtn{ text-align:center; position:relative; top:8px; }

  a.decoratorClose,  a.decoratorClose:active,a.decoratorClose:link, a.decoratorClose:hover, a.decoratorClose:visited{ 
   position:absolute; 
   right:-13px;
   top:-13px;
   background:#fff;
   color: #4d4d4d;
   border:2px solid #333; 
   border-radius:15px; 
   display:block; 
   width:25px; 
   height:25px; 
   text-align:center; 
   line-height:20px; 
   font-size:28px;
   /*box-shadow: 1px 1px 2px #000; */
   text-decoration:none;
  }

  a.decoratorClose:hover {
   color: #b2151b;
  }


#applyDesignDialog{ 
  z-index: 9999;
  display: none;
  position: absolute;
  width: 980px;
  background-color : #ffffff;
  top: 125px;
  border: 1px solid #666;
  border-radius: 6px;
  box-shadow: 0 0 75px #000;
  box-sizing: border-box;
}

#applyDesignDialog div{ 
  box-sizing: border-box;
}
#applyDesignTitle{ font-size:16px; font-weight:bold; background:#eee; border-bottom:1px solid #999; text-align:center; line-height:28px; border-radius: 6px 6px 0 0; margin-bottom:10px; position:relative; }
#applyDesignForm{ display:none; }
.designPreview{ width:175px; float:left; border:2px solid #CCC; margin:10px; border-radius:6px; cursor:pointer; }
.designPreview.selected{ border-color: #00d6c9; box-shadow:0 0 10px #00d6c9;; }
.designTitle{ text-align:center; font-size:12px; text-overflow: ellipsis; overflow:hidden; white-space:nowrap; }
.designLocPreview{
  float:left;
  position:relative;
}
.designLocPreview.selected{ /*font-weight:bold;*/ text-decoration:underline; border-radius:4px; }
.designLocPreview.selected::before{ 
  content:'';
  width:100%;
  height:100%;
  position:absolute;
  box-shadow:inset 0 0 6px 0 #999;
  border-radius: 4px;
}
.designPreview.selected .designLocPreview.selected::before{ box-shadow:inset 0 0 6px 0 #00d6c9; }
.designLocTitle{ text-align:center; font-size:11px; }
.designImg,
.designPreview img{ width:100%; height:auto; display:block;}

#decMsgArea{ text-align:center; margin: 8px 0.5%; }
#decMsgArea .decMsgSuccess,
#decMsgArea .decMsgError
{ border-radius:6px; padding:6px; }
#decMsgArea .decMsgSuccess{ 
  color: #3c763d;
  background-color: #dff0d8;
  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
  background-image:      -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc));
  background-image:         linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
  background-repeat: repeat-x;
  border:1px solid #b2dba1;
}
#decMsgArea .decMsgError{ 
  color: #a94442;
  background-color: #f2dede;
  background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
  background-image:      -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3));
  background-image:         linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
  background-repeat: repeat-x;
  border:1px solid #dca7a7;
}
.designOverlay{
  background: #000;
  opacity: 0;
  position: absolute;
  z-index: 99;
  border-radius:6px;
}
#applyDesignGrid{ 
 width:99%; 
 margin:5px 0.5%;
 background-color:#999; 
 border-spacing:1px;
 border-collapse:separate;
 border-radius:6px; 
 text-align:center;
 border:1px solid #999;
 font-size:14px;
}

table#applyDesignGrid tbody tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}
table#applyDesignGrid tbody tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}

#applyDesignGrid .laGridRow_even{
   background: #EEE;
   /*
   background: -moz-linear-gradient(top, #dddddd 0%, #cccccc 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#cccccc));
   background: -webkit-linear-gradient(top, #dddddd 0%,#cccccc 100%);
   background: -o-linear-gradient(top, #dddddd 0%,#cccccc 100%);
   background: linear-gradient(to bottom, #dddddd 0%,#cccccc 100%);
   */
}
#applyDesignGrid .laGridRow_odd{
   background: #F9F9F9;
   /*
   background: -moz-linear-gradient(top, #ffffff 0%, #fafafa 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fafafa));
   background: -webkit-linear-gradient(top, #ffffff 0%,#fafafa 100%);
   background: -o-linear-gradient(top, #ffffff 0%,#fafafa 100%);
   background: linear-gradient(to bottom, #ffffff 0%,#fafafa 100%);
   */
}
#applyDesignGrid .swatchborder{ margin: 0 auto 4px auto; border-radius:5px !important; }

#applyDesignGrid th{
    font-size: 14px;
    text-shadow: 0 -1px 0 #000;
    color:#fff;
    min-width:60px;
}

.laGridWhse{ 
  text-align:left;
  margin-left:10px;
}
.laGridLabel{ 
 text-align:right; 
 font-size: 11px;
 line-height:18px;
 font-weight: normal;
 text-decoration: none; 
 font-style: italic;
 opacity:0.6;
 margin-right:10px;
}
.la_avail,
.la_ordered{ font-size:12px; line-height:18px;}
.la_design_input{ width:50px; text-align:center; }
.laGridColor{ text-align:center; font-weight:bold; }
.laGridCell{ text-align:center; }
.laGridButtonRow{ 
  width:99%;
  margin: 8px 0.5%;
  border:1px solid #AAA;
  background:#EEE;
  border-radius:6px;
}
.laGridButtonRow .fdm4Button{
 float:right;
}
.laGridButtonRow .fdm4Button a{
 margin:3px;
}
.laSelectedDesign{ float:left; margin-left:5px; line-height:35px}
.laSelectedDesign label{ font-weight:bold; margin-right:5px; }
.unapplied{ box-shadow:inset 0 0 10px -3px #00d6c9; }
/***^^ 010003 ^^***/





/* For design selection slider */

.designArrow{ 
 position:absolute; 
 display:table-cell; 
 vertical-align:middle; 
 text-align:center; 
 height:100%; 
 width:25px; 
 z-index:10;
 opacity:0.7;
 cursor:pointer;
}
.designArrow img{ margin-top:130px; padding:2px; border:2px solid #333; border-radius:20px; background:#fff; } 
#applyDesignDialog .arrowOn{ opacity:1;  }
#applyDesignDialog .arrowOn img{ box-shadow:0 0 15px #EEE; }
#selDesignLeft { left:5px;  display:none; }
#selDesignRight{ right:5px; display:none; }
#selectDesign{ overflow:hidden; position:relative }
#selectDesignInner{ position:absolute; left:0;}
.designLocTitle{
  width: 100%;
  text-align:center; 
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.designInstruct{ margin-left: 10px; }
.designInstruct span{ border-bottom:1px solid #ccc; padding-bottom:3px; }
#applyDesignTitle .decoratorClose{ font-weight:normal; width:24px; height:24px; top:-13px; right:-13px; }
/* loading msg on top of overlay */
#loadingDesign{ 
  position:absolute; 
  border:1px solid #000; 
  border-radius:25px; 
  background:rgba(0,0,0,0.5); 
  width:325px; 
  z-index:9801;
  text-align:center;
  box-shadow: inset 0 0 100px -25px #000;
  padding:25px;
}
#loadingDesignMsg{ 
  color:#F6F6F6;
  text-shadow:0 0 15px #000; 
}

.submitDecoRemoved{ 
  color:#900;
  display:block;
  text-align:center;
}
.swatchborder{ border: 1px solid #000; width:45px; height:45px; border-radius:5px; }
div.swatchborder img{ border:1px solid #fff; width:43px; height:43px; border-radius:5px; }
table.swatchborder{ width:45px; height:45px; border-collapse: separate; }
table.swatchborder td.swatchborder {
  border-color: #FFF; border-radius:5px;
}
.qoDecImage{ cursor: pointer; margin-right:2px; }
.laGridBtns{ float:right; margin:3px 5px 0 0; }
.laGridBtns .btn{ margin: 0 3px; }
.applySizeCol{ text-align:center; }

.gridLegend{ margin:0; padding:0; }
.gridLegend li{ float:left; list-style:none; margin:0; padding: 0 15px 0 0; }

#orderGridLoading img { width:80px; } 
.gridInput { padding: 0px 3px; } 
.gridOOS .qoGridItem { vertical-align: text-top; }  

/* Responsive Redesign Styling */

/* limited Flex classes from bootstrap 4 .... use with caution if at all ... */
.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

.flex-first {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

.flex-last {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.flex-unordered {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}

.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
}

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}

.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: column-reverse !important;
          flex-direction: column-reverse !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
      flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

.justify-content-end {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}

.justify-content-center {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

.justify-content-between, .login-page-checkout .nav-tabs {
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
      justify-content: space-around !important;
}

.align-items-start {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}

.align-items-end {
  -webkit-box-align: end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important;
}

.align-items-center {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.align-items-baseline {
  -webkit-box-align: baseline !important;
      -ms-flex-align: baseline !important;
          align-items: baseline !important;
}

.align-items-stretch {
  -webkit-box-align: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
      align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
      align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
      align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
      align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
      align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
      align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
      -ms-grid-row-align: auto !important;
      align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
      align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
      align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
      -ms-grid-row-align: center !important;
      align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
      align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
      -ms-grid-row-align: stretch !important;
      align-self: stretch !important;
}

@media (min-width: 375px) {
  .flex-sm-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .flex-sm-last {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .flex-sm-unordered {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-sm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-sm-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
  .align-items-sm-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-sm-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-sm-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-sm-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important;
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important;
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important;
  }
}

@media (min-width: 768px) {
  .flex-md-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .flex-md-last {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .flex-md-unordered {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .flex-md-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-md-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-md-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
  .align-items-md-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-md-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-md-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-md-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-md-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important;
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important;
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important;
  }
}

@media (min-width: 1024px) {
  .flex-lg-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .flex-lg-last {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .flex-lg-unordered {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-lg-column, .tab-collapse-inner .nav-pills {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-lg-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
  .align-items-lg-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-lg-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-lg-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-lg-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important;
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important;
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important;
  }
}

@media (min-width: 1440px) {
  .flex-xl-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .flex-xl-last {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .flex-xl-unordered {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .flex-xl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-xl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-xl-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
  .align-items-xl-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-xl-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-xl-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-xl-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important;
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important;
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important;
  }
}
/* END Flex columns */ 


.product-content .product-input {
  margin-bottom: 5px;
}

.product-content .product-input .form-control {
  text-align: center;
  color: #000;
  font-size: 16px;
  padding: 0.6875rem 0.25rem;
}

.product-content .product-input .form-control::-webkit-input-placeholder {
  color: #9b9b9b;
}

.product-content .product-input .form-control:-ms-input-placeholder {
  color: #9b9b9b;
}

.product-content .product-input .form-control::placeholder {
  color: #9b9b9b;
}

.product-content .product-size, .product-content .product-price {
  font-size: 15px
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.product-content .product-count {
  font-size: 0.8125rem;
  letter-spacing: 0.5px;
  color: #4a4a4a;
}

.product-content .product-stock {
  font-size: 0.875rem;
  color: #d0011b;
}

.product-content .product-elem {
  text-align: center;
}

.product-content .product-elem .form-control {
  display: inline-block;
  width: 70px;
  height: 25px;
  border-color: rgba(0, 0, 0, 0.5);
}

.product-content .product-elem .form-control:focus {
  border-color: rgba(0, 0, 0, 0.5);
}



@media (max-width: 1023px) {
  .product-content .product-elem .form-control {
    width: 55px;
    height: 45px;
  }
}

@media (max-width: 767px) {
  .product-content .product-elem .form-control {
    width: 64px;
    height: 54px;
  }
}

@media (max-width: 374px) {
  .product-content .product-elem .form-control {
    width: 50px;
    width: 3.125rem;
    height: 45px;
    height: 2.8125rem;
  }
}

@media (max-width: 767px) {
  .product-content .product-elem {
    width: 25%;
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
  }
}

.product-content .product-elem-stock .product-price {
  color: #9b9b9b;
  text-decoration: line-through;
}

.product-content .product-elem-disabled {
  pointer-events: none;
}

.product-content .product-elem-disabled .product-size, .product-content .product-elem-disabled .form-control, .product-content .product-elem-disabled .product-count, .product-content .product-elem-disabled .product-price {
  color: #cecece;
}

.product-content .product-elem-disabled .form-control {
  color: #cecece;
  border-color: #cecece;
}

.product-content .product-elem-disabled .form-control::-webkit-input-placeholder {
  color: #cecece;
}

.product-content .product-elem-disabled .form-control:-ms-input-placeholder {
  color: #cecece;
}

.product-content .product-elem-disabled .form-control::placeholder {
  color: #cecece;
}

.product-content .product-elem-active .product-count {
  color: #f6a623;
}
/*
.product-item:nth-child(even){
   background: #FAFFFF;
}
.product-item:nth-child(odd){
   background: #FFFFFA;
}
*/
.product-item .product-qty,
.product-item .prod-whse-cutoff{
  font-size: 15px
  letter-spacing: 1px;
}

@media (max-width: 767px) {
  .product-item .product-qty,
  .product-item .prod-whse-cutoff {
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
  }
}
/* this uses rem that is calculated based on the html font-size - set appropriatly here ...  */
html{ font-size:16px; }
.swatch-name{ font-weight:bold;}

/* More missing css from bella mockups ... not begining with .product-content ... */ 
.product-full {
  margin-bottom: 5px;
}

.product-full .product-grid-heading .product-grid-action {
  padding-top: 0;
  padding-bottom: 0;
}

@media (min-width: 768px) {
  .product-full .product-grid-heading {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    margin-bottom: 0;
  }
}

.product-full .product-head {
  margin-bottom:10px;
}

@media (max-width: 767px) {
  .product-full .product-head {
    margin-bottom: 0.875rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .qoGridWhse .product-head{ margin-bottom:0; }
  .qoGridWhse .product-grid-heading{ padding-bottom:0!important; }
}

.product-full .product-grid-action {
  padding: 1rem 0;
}

@media (max-width: 1023px) {
  .product-full .product-grid-action {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    text-align: right;
  }
  .product-full .product-grid-action > *:not(.btn):not(.banner-about-us-video .link-main):not(.banner-about-us-video .card-hover .card-link):not(.card-hover .banner-about-us-video .card-link):not(.banner-about-us-video .card-cover .card-link):not(.card-cover .banner-about-us-video .card-link):not(.banner-about-us-video .slider-home-inner .slider-link):not(.slider-home-inner .banner-about-us-video .slider-link) {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .product-full .product-grid-action .btn, .product-full .product-grid-action .banner-about-us-video .link-main, .banner-about-us-video .product-full .product-grid-action .link-main, .product-full .product-grid-action .banner-about-us-video .card-hover .card-link, .banner-about-us-video .card-hover .product-full .product-grid-action .card-link, .product-full .product-grid-action .card-hover .banner-about-us-video .card-link, .card-hover .banner-about-us-video .product-full .product-grid-action .card-link, .product-full .product-grid-action .banner-about-us-video .card-cover .card-link, .banner-about-us-video .card-cover .product-full .product-grid-action .card-link, .product-full .product-grid-action .card-cover .banner-about-us-video .card-link, .card-cover .banner-about-us-video .product-full .product-grid-action .card-link, .product-full .product-grid-action .banner-about-us-video .slider-home-inner .slider-link, .banner-about-us-video .slider-home-inner .product-full .product-grid-action .slider-link, .product-full .product-grid-action .slider-home-inner .banner-about-us-video .slider-link, .slider-home-inner .banner-about-us-video .product-full .product-grid-action .slider-link {
    margin: 0.75rem 0;
  }
}

.product-full .product-content {
  flex: 1 0 auto;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
}

.product-full .product-item {
  padding: 5px 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  margin:0 -15px;

}

.product-full .product-links {
  padding-left: 2rem;
  padding-top: 25px;
}

@media (min-width: 1440px) {
  .product-full .product-links .btn, .product-full .product-links .banner-about-us-video .link-main, .banner-about-us-video .product-full .product-links .link-main, .product-full .product-links .banner-about-us-video .card-hover .card-link, .banner-about-us-video .card-hover .product-full .product-links .card-link, .product-full .product-links .card-hover .banner-about-us-video .card-link, .card-hover .banner-about-us-video .product-full .product-links .card-link, .product-full .product-links .banner-about-us-video .card-cover .card-link, .banner-about-us-video .card-cover .product-full .product-links .card-link, .product-full .product-links .card-cover .banner-about-us-video .card-link, .card-cover .banner-about-us-video .product-full .product-links .card-link, .product-full .product-links .banner-about-us-video .slider-home-inner .slider-link, .banner-about-us-video .slider-home-inner .product-full .product-links .slider-link, .product-full .product-links .slider-home-inner .banner-about-us-video .slider-link, .slider-home-inner .banner-about-us-video .product-full .product-links .slider-link {
    min-width: 10.5rem;
  }
}

.product-full .swatch-wrapper {
  font-size: 15px
}

.product-full .swatch-wrapper .swatch-select {
  float: left;
  width: 28px;
  height: 28px;
  margin-right: 15px;
}
.img-select{   
  width: 28px;
  height: 28px; 
 }
.product-full .swatch-wrapper .swatch-name {
  display: block;
  padding-left: 43px;
  margin-top:4px;
}



@media (max-width: 1023px) {
  .product-full .product-links {
    padding-left: 1rem;
  }
  .product-full .product-links .btn, .product-full .product-links .banner-about-us-video .link-main, .banner-about-us-video .product-full .product-links .link-main, .product-full .product-links .banner-about-us-video .card-hover .card-link, .banner-about-us-video .card-hover .product-full .product-links .card-link, .product-full .product-links .card-hover .banner-about-us-video .card-link, .card-hover .banner-about-us-video .product-full .product-links .card-link, .product-full .product-links .banner-about-us-video .card-cover .card-link, .banner-about-us-video .card-cover .product-full .product-links .card-link, .product-full .product-links .card-cover .banner-about-us-video .card-link, .card-cover .banner-about-us-video .product-full .product-links .card-link, .product-full .product-links .banner-about-us-video .slider-home-inner .slider-link, .banner-about-us-video .slider-home-inner .product-full .product-links .slider-link, .product-full .product-links .slider-home-inner .banner-about-us-video .slider-link, .slider-home-inner .banner-about-us-video .product-full .product-links .slider-link {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}

@media (max-width: 767px) {
  .product-full {
    margin-bottom: 0;
  }
  .product-full .product-item {
    padding: 20px 15px;
  }
  .product-full .product-links {
    padding: 0.75rem 0 0;
  }
  .product-full .product-links .btn, .product-full .product-links .banner-about-us-video .link-main, .banner-about-us-video .product-full .product-links .link-main, .product-full .product-links .banner-about-us-video .card-hover .card-link, .banner-about-us-video .card-hover .product-full .product-links .card-link, .product-full .product-links .card-hover .banner-about-us-video .card-link, .card-hover .banner-about-us-video .product-full .product-links .card-link, .product-full .product-links .banner-about-us-video .card-cover .card-link, .banner-about-us-video .card-cover .product-full .product-links .card-link, .product-full .product-links .card-cover .banner-about-us-video .card-link, .card-cover .banner-about-us-video .product-full .product-links .card-link, .product-full .product-links .banner-about-us-video .slider-home-inner .slider-link, .banner-about-us-video .slider-home-inner .product-full .product-links .slider-link, .product-full .product-links .slider-home-inner .banner-about-us-video .slider-link, .slider-home-inner .banner-about-us-video .product-full .product-links .slider-link {
    max-width: 10rem;
    margin-left: auto;
    margin-right: auto;
  }
  .product-full .product-grid-action {
    font-size: 1.125rem;
    text-align: center;
    margin-top: 6rem;
  }
  .product-full .product-grid-action .btn, .product-full .product-grid-action .banner-about-us-video .link-main, .banner-about-us-video .product-full .product-grid-action .link-main, .product-full .product-grid-action .banner-about-us-video .card-hover .card-link, .banner-about-us-video .card-hover .product-full .product-grid-action .card-link, .product-full .product-grid-action .card-hover .banner-about-us-video .card-link, .card-hover .banner-about-us-video .product-full .product-grid-action .card-link, .product-full .product-grid-action .banner-about-us-video .card-cover .card-link, .banner-about-us-video .card-cover .product-full .product-grid-action .card-link, .product-full .product-grid-action .card-cover .banner-about-us-video .card-link, .card-cover .banner-about-us-video .product-full .product-grid-action .card-link, .product-full .product-grid-action .banner-about-us-video .slider-home-inner .slider-link, .banner-about-us-video .slider-home-inner .product-full .product-grid-action .slider-link, .product-full .product-grid-action .slider-home-inner .banner-about-us-video .slider-link, .slider-home-inner .banner-about-us-video .product-full .product-grid-action .slider-link {
    margin-top: 1.5rem;
    padding: 1rem;
  }
  .product-full .swatch-wrapper .swatch-select {
    margin-right: 0.625rem;
  }
  .product-full .swatch-wrapper .swatch-name {
    display: block;
    padding-left: 2.375rem;
  }
}

.program-item .product-links,
.program-color-select .product-links,
.program-fabric-select .product-links {
  text-align: right;
  white-space: nowrap;
}

.program-item .product-links .link-simple + .link-simple,
.program-color-select .product-links .link-simple + .link-simple,
.program-fabric-select .product-links .link-simple + .link-simple {
  margin-left: 1rem;
}
.qoCell{ text-align:center; }
.qoCell::-webkit-inner-spin-button, 
.qoCell::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
.product-sublinks .btn-default{ margin-top:5px; }
.product-elem-disabled .qoCell{ background:#FEFEFE; }
.image-select{ display:inline-block; vertical-align:middle; height: 28px; width: 28px; }
.image-select,.img-select{ border-radius:3px; border:1px solid #ddd; }
/* END Responsive Redesign Styling */

  /* New Desktop Condensed Look */ 

  .product-grid-heading{
  padding:5px 15px 5px 20px;
  background-color:#F9F9F9;
  position: -webkit-sticky;
  position: sticky;     
    top: 0; /* This should match the header height if it is sticky or be 0 - collaped header is slightly smaller... */ 
  z-index:10;
  display:block;
  box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.20);
  border:0;
  margin:0 -15px;
  }
  .qoGridWhse .product-grid-heading .product-links{ padding-top:0; padding-bottom:0; }
  .qoGridWhse .product-grid-heading .product-description{ display:none!important; }
  .qoGridWhse .swatch-wrapper{ margin-bottom:4px; }
  @media (min-width: 768px) {
   .qoGridWhse .product-grid-heading{    
       top: 0px; /* This should match the header height if it is sticky or be 0 */ 
  }
  .quickorderGrid .swatch-wrapper{ margin-bottom:0; }
  .quickorderGrid .product-grid-heading .product-description{ display:flex!important;; }
  .qoGridWhse .product-item .product-price{ display:none; }
  }
  @media (min-width: 1024px) {   

  .product-content .product-elem .form-control {
    width:   70px;
    height:  25px;
    padding: 0;
  }
  .product-full .product-links{
    padding-top:15px;
  }  
  .quickorderGrid .product-grid-heading .product-elem {
    width: 70px;
  }

  }
  /* Move warehouse / cutoff to left on large displays */ 
  @media (min-width: 1149px) {
 .quickorderGrid .product-item,
 .quickorderGrid .product-grid-heading{
   display:flex;
   flex-direction:row;
 }
 .quickorderGrid .product-head{
   width:15%;
   margin-bottom:0;
 }
 .quickorderGrid .product-head{
   display:block!important;
 }
 .quickorderGrid .product-description{
   width:85%;
 }  
 .qoGridColor .swatch-wrapper{ margin-top:17px; }
 .qoGridColor.product-full .swatch-wrapper .swatch-name{ position:relative; top:4px; }

 .quickorderGrid .prod-whse-cutoff{
   font-size:13px;
 }
  }
  .whseDescHead{
  margin-right:auto;
  font-weight:bold;
  font-size:14px;
  color: #444;
  }
  .whseCutoffHead{
  margin-left:auto;
  }

  .alert-modal-success .modal-content{
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
  }

  .alert-modal-danger .modal-content{
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
  }

.product-estArrival {
  font-size: 8pt;
  color: blue;
}
@media (min-width: 768px) {
  .product-estArrival {
    font-size: 10px;
  } 
}
@media (min-width: 1024px) {
  .product-estArrival {
    font-size: 8pt;
  } 
}

.prodReviews{ }
.reviewDetail{ }
  .reviewRating{ }
  .reviewTitle{ font-weight: bold; }
  .reviewDate{ }
  .reviewBy{ margin: 5px 0px; }
.reviewBy span { padding-left: 3px; }

.prodReviewForm{ }

.starFull{ display:inline-block; width:20px; height:20px; background: url('../img/starFullSm.png') no-repeat top center; }
.starHalf{ display:inline-block; width:20px; height:20px; background: url('../img/starHalfSm.png') no-repeat top center; }
.starEmpty{ display:inline-block; width:20px; height:20px; background: url('../img/starEmptySm.png') no-repeat top center; }
.helpfulOuter { margin-bottom: 5px; }
.helpfulOuter a { 
  font-size: 20px;
  padding: 2px 9px;
  border-radius: 20px; 
}

.reviewAverage{ padding-top:15px; }
.reviewAverageTxt{margin-left:5px; position:relative; top:-5px; }