.prodtitlestylecode{text-transform:uppercase;}
.modelView {display:none;}
.prodBreadcrumbs,
.prodBreadcrumbs h2,
.prodBreadcrumbs .prodCrumbLink{
  font-size:20px;
  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;  
  text-decoration:underline; 
}

.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 }
.prodImg .MagicZoom{ width:100%; }
.millSizesImg{ max-width:100%; /*max-height:50vh;*/ }
.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;margin-top:10px;}
.prodCatalogDesc li {margin-top:5px;}

.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:0px solid #CCCCCC; background-color:#FFF;}
.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;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; }
/*---4Site Change - Removed uppercase----*/ 
.prodTopTabOuter .tab-pane{ padding:5px;overflow-y:auto;max-height:725px;margin-bottom:15px;}

/* 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;float:right;width:85%; }


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


/*========--------   Magic Zoom styles  --------========*/
#mzoom, #mainProdImg1{max-width:400px; z-index: 999; } /* 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: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;
  }

#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;
}

.prodTopTabs{border-bottom:none!important;text-transform:uppercase;}
.prodTopTabs a {border:none !important;}
.tabchevron{width:100%;text-align:center;}
.prodTopTabs li{text-align:center;}
.prodTopTabs > li.active > a {color:#000!important;}

.help-title {
  color: #000;
  font-family: Helvetica-Bold;
  font-size: 20px;
  font-style: italic;
  margin:5px 0 28px;
}
.help-content a{
 cursor:pointer;
 text-decoration:underline;
}
.help-block {
  color: #000;
}
.help-content {
  font-family: Helvetica-Light;
  font-size: 20px;
  margin-bottom: 6px;
}
.featIcons{margin-top:20px;margin-bottom:20px;}


#prodColorSizeTab {
 padding-bottom: 15px;
}
/* pricing Grid */
#pricingGrid th { text-align:center; background-color: lightgrey; }
#pricingGrid td { text-align:center; }
#pgLoggedOut { vertical-align: middle; }
#pgWholesale {  }
#pgRetail { margin-top: 15px; }

.prodCatalogDesc {
text-align: left;
}

/* Small devices (tablets, 768px and up) */
@media (max-width: 991px) {
.nav-desktop {
display: none;
}
}

/* tablets/desktops and up ----------- */
@media (min-width: 992px) {
.nav-mobile {
display: none;
}
}

.qoSalePrice {
font-size: 14px !important;
}

.product-content .product-input .qoInputBG {
background-color: #8a8a8a !important;
}



.flex-container {
  display: flex;
  flex-direction: row;
  
}

.flex-container > div {
 
  text-align:center;
  line-height: 1.4;
  font-size: 12px;
 
  }
 .flex-container p { padding: 15px;
  
     }
  
  .flex-container img {
      max-width: 100%;
      max-height: 90px;
      height: auto;
       justify-content: center; /* Align images to the start (left) */
        margin: 0; /* Reset default margins on the img elements */
    }
/* ==================   Quickorder   ======================= */
.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;*/ }

/* always hide the price, use only the pricing grid display */
.product-price { display: none; }
.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 .qoInputBG { background-color: red; color: white; }


.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;
  font-weight:bold;
}

.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;
}

.product-links > .qoAddBtn { margin-top: 10px; }
.total-qty { text-align: center; }

@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; }

/* on order display */
.currentlyAvailable { margin-top: 10px; font-weight: bold; }
.currentlyAvailableWhse {  }
/*.comingSummarySpacer { margin-top: 20px; }*/
.comingSoon {  }
.comingSoonWhse { margin-top: 2px; }
@media(min-width:768px){ .onOrderInfo {display:none;} }
@media(min-width:992px){ .onOrderInfo {display:none;} }
@media(min-width:1200px){ .onOrderInfo {display:none;} }
.onOrderInfo .info .date { display: inline-block; width: 100px;  }
.onOrderInfo .info .qty {  }
@media (max-width: 767px) 
{
 .currentlyAvailable, .comingSoon, .comingSummary, .onOrderQty, .onOrderSummaryQty { display:none; }
}
/* END Responsive Redesign Styling */

.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, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
  .select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px; }
  .select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
    .select2-container--classic .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }
  .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none; }
    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent #888 transparent;
      border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0; }
  .select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] {
  padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }
  
/*!
 * Select2 Bootstrap Theme v0.1.0-beta.10 (https://select2.github.io/select2-bootstrap-theme)
 * Copyright 2015-2017 Florian Kissling and contributors (https://github.com/select2/select2-bootstrap-theme/graphs/contributors)
 * Licensed under MIT (https://github.com/select2/select2-bootstrap-theme/blob/master/LICENSE)
 */

.select2-container--bootstrap {
  display: block;
  /*------------------------------------*      #COMMON STYLES
  \*------------------------------------*/
  /**
   * Search field in the Select2 dropdown.
   */
  /**
   * No outline for all search fields - in the dropdown
   * and inline in multi Select2s.
   */
  /**
   * Adjust Select2's choices hover and selected styles to match
   * Bootstrap 3's default dropdown styles.
   *
   * @see http://getbootstrap.com/components/#dropdowns
   */
  /**
   * Clear the selection.
   */
  /**
   * Address disabled Select2 styles.
   *
   * @see https://select2.github.io/examples.html#disabled
   * @see http://getbootstrap.com/css/#forms-control-disabled
   */
  /*------------------------------------*      #DROPDOWN
  \*------------------------------------*/
  /**
   * Dropdown border color and box-shadow.
   */
  /**
   * Limit the dropdown height.
   */
  /*------------------------------------*      #SINGLE SELECT2
  \*------------------------------------*/
  /*------------------------------------*    #MULTIPLE SELECT2
  \*------------------------------------*/
  /**
   * Address Bootstrap control sizing classes
   *
   * 1. Reset Bootstrap defaults.
   * 2. Adjust the dropdown arrow button icon position.
   *
   * @see http://getbootstrap.com/css/#forms-control-sizes
   */
  /* 1 */
  /*------------------------------------*    #RTL SUPPORT
  \*------------------------------------*/
}

.select2-container--bootstrap .select2-selection {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555555;
  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, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555555;
  font-size: 14px;
}

.select2-container--bootstrap .select2-search__field {
  outline: 0;
  /* Firefox 18- */
  /**
     * Firefox 19+
     *
     * @see http://stackoverflow.com/questions/24236240/color-for-styled-placeholder-text-is-muted-in-firefox
     */
}

.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;
  /**
     * Disabled results.
     *
     * @see https://select2.github.io/examples.html#disabled-results
     */
  /**
     * Hover state.
     */
  /**
     * Selected state.
     */
}

.select2-container--bootstrap .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--bootstrap .select2-results__option[aria-disabled=true] {
  color: #777777;
  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: #777777;
  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, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  border-color: #66afe9;
}

.select2-container--bootstrap.select2-container--open {
  /**
     * Make the dropdown arrow point up while the dropdown is visible.
     */
  /**
     * Handle border radii of the container when the dropdown is showing.
     */
}

.select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow b {
  border-color: transparent transparent #999 transparent;
  border-width: 0 4px 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: bold;
  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-selection,
.select2-container--bootstrap.select2-container--disabled .select2-search__field {
  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: #eeeeee;
}

.select2-container--bootstrap.select2-container--disabled .select2-selection__clear,
.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove {
  display: none;
}

.select2-container--bootstrap .select2-dropdown {
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  border-color: #66afe9;
  overflow-x: hidden;
  margin-top: -1px;
}

.select2-container--bootstrap .select2-dropdown--above {
  -webkit-box-shadow: 0px -6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0px -6px 12px rgba(0, 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 !important;
  line-height: 1.42857143 !important;
  padding: 6px 24px 6px 12px;
  /**
     * Adjust the single Select2's dropdown arrow button appearance.
     */
}

.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 transparent;
  border-style: solid;
  border-width: 4px 4px 0 4px;
  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: #555555;
  padding: 0;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--bootstrap .select2-selection--multiple {
  min-height: 34px;
  padding: 0;
  height: auto;
  /**
     * Make Multi Select2's choices match Bootstrap 3's default button styles.
     */
  /**
     * Minus 2px borders.
     */
  /**
     * Clear the selection.
     */
}

.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: #555555;
  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: transparent;
  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: bold;
  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;
}

.select2-container--bootstrap .select2-selection--single.input-sm,
.input-group-sm .select2-container--bootstrap .select2-selection--single,
.form-group-sm .select2-container--bootstrap .select2-selection--single {
  border-radius: 3px;
  font-size: 12px;
  height: 30px;
  line-height: 1.5;
  padding: 5px 22px 5px 10px;
  /* 2 */
}

.select2-container--bootstrap .select2-selection--single.input-sm .select2-selection__arrow b,
.input-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,
.form-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
  margin-left: -5px;
}

.select2-container--bootstrap .select2-selection--multiple.input-sm,
.input-group-sm .select2-container--bootstrap .select2-selection--multiple,
.form-group-sm .select2-container--bootstrap .select2-selection--multiple {
  min-height: 30px;
  border-radius: 3px;
}

.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__choice,
.input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,
.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
  font-size: 12px;
  line-height: 1.5;
  margin: 4px 0 0 5px;
  padding: 0 5px;
}

.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-search--inline .select2-search__field,
.input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,
.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
  padding: 0 10px;
  font-size: 12px;
  height: 28px;
  line-height: 1.5;
}

.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__clear,
.input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,
.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
  margin-top: 5px;
}

.select2-container--bootstrap .select2-selection--single.input-lg,
.input-group-lg .select2-container--bootstrap .select2-selection--single,
.form-group-lg .select2-container--bootstrap .select2-selection--single {
  border-radius: 6px;
  font-size: 18px;
  height: 46px;
  line-height: 1.3333333;
  padding: 10px 31px 10px 16px;
  /* 1 */
}

.select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow,
.input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow,
.form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
  width: 5px;
}

.select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow b,
.input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,
.form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
  border-width: 5px 5px 0 5px;
  margin-left: -5px;
  margin-left: -10px;
  margin-top: -2.5px;
}

.select2-container--bootstrap .select2-selection--multiple.input-lg,
.input-group-lg .select2-container--bootstrap .select2-selection--multiple,
.form-group-lg .select2-container--bootstrap .select2-selection--multiple {
  min-height: 46px;
  border-radius: 6px;
}

.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__choice,
.input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,
.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 4px;
  margin: 9px 0 0 8px;
  padding: 0 10px;
}

.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-search--inline .select2-search__field,
.input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,
.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
  padding: 0 16px;
  font-size: 18px;
  height: 44px;
  line-height: 1.3333333;
}

.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__clear,
.input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,
.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
  margin-top: 10px;
}

.select2-container--bootstrap .select2-selection.input-lg.select2-container--open .select2-selection--single {
  /**
     * Make the dropdown arrow point up while the dropdown is visible.
     */
}

.select2-container--bootstrap .select2-selection.input-lg.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #999 transparent;
  border-width: 0 5px 5px 5px;
}

.input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single {
  /**
     * Make the dropdown arrow point up while the dropdown is visible.
     */
}

.input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #999 transparent;
  border-width: 0 5px 5px 5px;
}

.select2-container--bootstrap[dir="rtl"] {
  /**
     * Single Select2
     *
     * 1. Makes sure that .select2-selection__placeholder is positioned
     *    correctly.
     */
  /**
     * Multiple Select2
     */
}

.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;
  /* 1 */
}

.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-selection__choice,
.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  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;
}

/*------------------------------------*  #ADDITIONAL GOODIES
\*------------------------------------*/
/**
 * Address Bootstrap's validation states
 *
 * If a Select2 widget parent has one of Bootstrap's validation state modifier
 * classes, adjust Select2's border colors and focus states accordingly.
 * You may apply said classes to the Select2 dropdown (body > .select2-container)
 * via JavaScript match Bootstraps' to make its styles match.
 *
 * @see http://getbootstrap.com/css/#forms-control-validation
 */
.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, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 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, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 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, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 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;
}

/**
 * Select2 widgets in Bootstrap Input Groups
 *
 * @see http://getbootstrap.com/components/#input-groups
 * @see https://github.com/twbs/bootstrap/blob/master/less/input-groups.less
 */
/**
 * Reset rounded corners
 */
.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;
  /**
   * Adjust z-index like Bootstrap does to show the focus-box-shadow
   * above appended buttons in .input-group and .form-group.
   */
  /**
   * Adjust alignment of Bootstrap buttons in Bootstrap Input Groups to address
   * Multi Select2's height which - depending on how many elements have been selected -
   * may grow taller than its initial size.
   *
   * @see http://getbootstrap.com/components/#input-groups
   */
}

.input-group > .select2-container--bootstrap > .selection > .select2-selection.form-control {
  float: none;
}

.input-group > .select2-container--bootstrap.select2-container--open, .input-group > .select2-container--bootstrap.select2-container--focus {
  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;
}

/**
 * Temporary fix for https://github.com/select2/select2-bootstrap-theme/issues/9
 *
 * Provides `!important` for certain properties of the class applied to the
 * original `<select>` element to hide it.
 *
 * @see https://github.com/select2/select2/pull/3301
 * @see https://github.com/fk/select2/commit/31830c7b32cb3d8e1b12d5b434dee40a6e753ada
 */
.form-control.select2-hidden-accessible {
  position: absolute !important;
  width: 1px !important;
}

/**
 * Display override for inline forms
 */
@media (min-width: 768px) {
  .form-inline .select2-container--bootstrap {
    display: inline-block;
  }
}
.product-full .swatch-wrapper .swatch-name.gridWhseDesc{ padding-left:0; } 

/* select2 styling */
.s2Swatch{ float:left; width:20px;height:20px; margin-right:10px; border:1px solid #ddd; border-radius:3px; }

/*!
 * Select2 Bootstrap Theme v0.1.0-beta.10 (https://select2.github.io/select2-bootstrap-theme)
 * Copyright 2015-2017 Florian Kissling and contributors (https://github.com/select2/select2-bootstrap-theme/graphs/contributors)
 * Licensed under MIT (https://github.com/select2/select2-bootstrap-theme/blob/master/LICENSE)
 */

.select2-container--bootstrap {
  display: block;
  /*------------------------------------*      #COMMON STYLES
  \*------------------------------------*/
  /**
   * Search field in the Select2 dropdown.
   */
  /**
   * No outline for all search fields - in the dropdown
   * and inline in multi Select2s.
   */
  /**
   * Adjust Select2's choices hover and selected styles to match
   * Bootstrap 3's default dropdown styles.
   *
   * @see http://getbootstrap.com/components/#dropdowns
   */
  /**
   * Clear the selection.
   */
  /**
   * Address disabled Select2 styles.
   *
   * @see https://select2.github.io/examples.html#disabled
   * @see http://getbootstrap.com/css/#forms-control-disabled
   */
  /*------------------------------------*      #DROPDOWN
  \*------------------------------------*/
  /**
   * Dropdown border color and box-shadow.
   */
  /**
   * Limit the dropdown height.
   */
  /*------------------------------------*      #SINGLE SELECT2
  \*------------------------------------*/
  /*------------------------------------*    #MULTIPLE SELECT2
  \*------------------------------------*/
  /**
   * Address Bootstrap control sizing classes
   *
   * 1. Reset Bootstrap defaults.
   * 2. Adjust the dropdown arrow button icon position.
   *
   * @see http://getbootstrap.com/css/#forms-control-sizes
   */
  /* 1 */
  /*------------------------------------*    #RTL SUPPORT
  \*------------------------------------*/
}

.select2-container--bootstrap .select2-selection {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555555;
  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, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555555;
  font-size: 14px;
}

.select2-container--bootstrap .select2-search__field {
  outline: 0;
  /* Firefox 18- */
  /**
     * Firefox 19+
     *
     * @see http://stackoverflow.com/questions/24236240/color-for-styled-placeholder-text-is-muted-in-firefox
     */
}

.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;
  /**
     * Disabled results.
     *
     * @see https://select2.github.io/examples.html#disabled-results
     */
  /**
     * Hover state.
     */
  /**
     * Selected state.
     */
}

.select2-container--bootstrap .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--bootstrap .select2-results__option[aria-disabled=true] {
  color: #777777;
  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: #777777;
  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, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  border-color: #66afe9;
}

.select2-container--bootstrap.select2-container--open {
  /**
     * Make the dropdown arrow point up while the dropdown is visible.
     */
  /**
     * Handle border radii of the container when the dropdown is showing.
     */
}
.select2-container--bootstrap .select2-selection--single{ height:auto; }
.select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow b {
  border-color: transparent transparent #999 transparent;
  border-width: 0 4px 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: bold;
  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-selection,
.select2-container--bootstrap.select2-container--disabled .select2-search__field {
  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: #eeeeee;
}

.select2-container--bootstrap.select2-container--disabled .select2-selection__clear,
.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove {
  display: none;
}

.select2-container--bootstrap .select2-dropdown {
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  border-color: #66afe9;
  overflow-x: hidden;
  margin-top: -1px;
}

.select2-container--bootstrap .select2-dropdown--above {
  -webkit-box-shadow: 0px -6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0px -6px 12px rgba(0, 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;
  /**
     * Adjust the single Select2's dropdown arrow button appearance.
     */
}

.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 transparent;
  border-style: solid;
  border-width: 4px 4px 0 4px;
  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: #555555;
  padding: 0;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--bootstrap .select2-selection--multiple {
  min-height: 34px;
  padding: 0;
  height: auto;
  /**
     * Make Multi Select2's choices match Bootstrap 3's default button styles.
     */
  /**
     * Minus 2px borders.
     */
  /**
     * Clear the selection.
     */
}

.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: #555555;
  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: transparent;
  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: bold;
  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;
}

.select2-container--bootstrap .select2-selection--single.input-sm,
.input-group-sm .select2-container--bootstrap .select2-selection--single,
.form-group-sm .select2-container--bootstrap .select2-selection--single {
  border-radius: 3px;
  font-size: 12px;
  height: 30px;
  line-height: 1.5;
  padding: 5px 22px 5px 10px;
  /* 2 */
}

.select2-container--bootstrap .select2-selection--single.input-sm .select2-selection__arrow b,
.input-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,
.form-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
  margin-left: -5px;
}

.select2-container--bootstrap .select2-selection--multiple.input-sm,
.input-group-sm .select2-container--bootstrap .select2-selection--multiple,
.form-group-sm .select2-container--bootstrap .select2-selection--multiple {
  min-height: 30px;
  border-radius: 3px;
}

.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__choice,
.input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,
.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
  font-size: 12px;
  line-height: 1.5;
  margin: 4px 0 0 5px;
  padding: 0 5px;
}

.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-search--inline .select2-search__field,
.input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,
.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
  padding: 0 10px;
  font-size: 12px;
  height: 28px;
  line-height: 1.5;
}

.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__clear,
.input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,
.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
  margin-top: 5px;
}

.select2-container--bootstrap .select2-selection--single.input-lg,
.input-group-lg .select2-container--bootstrap .select2-selection--single,
.form-group-lg .select2-container--bootstrap .select2-selection--single {
  border-radius: 6px;
  font-size: 18px;
  height: 46px;
  line-height: 1.3333333;
  padding: 10px 31px 10px 16px;
  /* 1 */
}

.select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow,
.input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow,
.form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
  width: 5px;
}

.select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow b,
.input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,
.form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
  border-width: 5px 5px 0 5px;
  margin-left: -5px;
  margin-left: -10px;
  margin-top: -2.5px;
}

.select2-container--bootstrap .select2-selection--multiple.input-lg,
.input-group-lg .select2-container--bootstrap .select2-selection--multiple,
.form-group-lg .select2-container--bootstrap .select2-selection--multiple {
  min-height: 46px;
  border-radius: 6px;
}

.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__choice,
.input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,
.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 4px;
  margin: 9px 0 0 8px;
  padding: 0 10px;
}

.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-search--inline .select2-search__field,
.input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,
.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
  padding: 0 16px;
  font-size: 18px;
  height: 44px;
  line-height: 1.3333333;
}

.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__clear,
.input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,
.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
  margin-top: 10px;
}

.select2-container--bootstrap .select2-selection.input-lg.select2-container--open .select2-selection--single {
  /**
     * Make the dropdown arrow point up while the dropdown is visible.
     */
}

.select2-container--bootstrap .select2-selection.input-lg.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #999 transparent;
  border-width: 0 5px 5px 5px;
}

.input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single {
  /**
     * Make the dropdown arrow point up while the dropdown is visible.
     */
}

.input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #999 transparent;
  border-width: 0 5px 5px 5px;
}

.select2-container--bootstrap[dir="rtl"] {
  /**
     * Single Select2
     *
     * 1. Makes sure that .select2-selection__placeholder is positioned
     *    correctly.
     */
  /**
     * Multiple Select2
     */
}

.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;
  /* 1 */
}

.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-selection__choice,
.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  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;
}

/*------------------------------------*  #ADDITIONAL GOODIES
\*------------------------------------*/
/**
 * Address Bootstrap's validation states
 *
 * If a Select2 widget parent has one of Bootstrap's validation state modifier
 * classes, adjust Select2's border colors and focus states accordingly.
 * You may apply said classes to the Select2 dropdown (body > .select2-container)
 * via JavaScript match Bootstraps' to make its styles match.
 *
 * @see http://getbootstrap.com/css/#forms-control-validation
 */
.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, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 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, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 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, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 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;
}

/**
 * Select2 widgets in Bootstrap Input Groups
 *
 * @see http://getbootstrap.com/components/#input-groups
 * @see https://github.com/twbs/bootstrap/blob/master/less/input-groups.less
 */
/**
 * Reset rounded corners
 */
.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;
  /**
   * Adjust z-index like Bootstrap does to show the focus-box-shadow
   * above appended buttons in .input-group and .form-group.
   */
  /**
   * Adjust alignment of Bootstrap buttons in Bootstrap Input Groups to address
   * Multi Select2's height which - depending on how many elements have been selected -
   * may grow taller than its initial size.
   *
   * @see http://getbootstrap.com/components/#input-groups
   */
}

.input-group > .select2-container--bootstrap > .selection > .select2-selection.form-control {
  float: none;
}

.input-group > .select2-container--bootstrap.select2-container--open, .input-group > .select2-container--bootstrap.select2-container--focus {
  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;
}

/**
 * Temporary fix for https://github.com/select2/select2-bootstrap-theme/issues/9
 *
 * Provides `!important` for certain properties of the class applied to the
 * original `<select>` element to hide it.
 *
 * @see https://github.com/select2/select2/pull/3301
 * @see https://github.com/fk/select2/commit/31830c7b32cb3d8e1b12d5b434dee40a6e753ada
 */
.form-control.select2-hidden-accessible {
  position: absolute !important;
  width: 1px !important;
}

/**
 * Display override for inline forms
 */
@media (min-width: 768px) {
  .form-inline .select2-container--bootstrap {
    display: inline-block;
  }
}

/* Large Display Breaks - Rework for condensed desktop WAS ...  
@media (max-width: 1439px) {
  .product-content .product-elem .form-control {
    width: 50px;
    width: 3.125rem;
    height: 45px;
    height: 2.8125rem;
  }
}
@media (max-width: 1439px) {
  .product-full .product-links {
    padding-top: 1.375rem;
  }
}
*/

/* New Desktop Condensed Look */ 

.product-grid-heading{
  padding:5px 15px 5px 20px;
  /*background-color:#F9F9F9;*/
  background-color: black;
  position: -webkit-sticky;
  position: sticky;     
  top: 0;
  z-index:10;
  display:block;
  box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.20);
  border:0;
  margin:0 -15px;
  text-transform:uppercase;
  color:white;
}
.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: 53px; /* 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-size:14px;*/
  /*color: #444;*/  
  padding-left: 30px;
  display:inline-flex;
  font-weight:normal;  
}
.whseCutoffHead{
  /*margin-left:auto;   */
  /*font-size:14px;*/
  padding-left: 30px;
  display:inline-flex;
  font-weight:normal;  
}
.whseGridHead
{
  font-weight:bold;  
  /*margin-left:auto;  */
  font-size:16px;
}

.stylebanner{width:100%;display:block;float:right;}
.stylebanner img{width:80%;margin:auto;display:block;}

/* Tool tip */
.tooltips {
  position: relative;
  /*display: inline-block;*/
}

.tooltips .tooltiptexts {
  visibility: hidden;
  background-color: #555;
  color: #fff;
  text-align: left;
  border-radius: 6px;
  padding: 10px 20px;
  position: absolute;
  z-index: 999;
  bottom: 125%;
  left: 50%;
  margin-left: -60%;
  opacity: 0;
  transition: opacity 0.3s;
  width: 200px;
}

.tooltips .tooltiptexts::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltips:hover .tooltiptexts {
  visibility: visible;
  opacity: 1;
}

/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) {
.tooltips {
  position: relative;
  /*display: inline-block;*/
}

.tooltips .tooltiptexts {
  visibility: hidden;
  background-color: #555;
  color: #fff;
  text-align: left;
  border-radius: 6px;
  padding: 10px 20px;
  position: absolute;
  z-index: 999;
  bottom: 125%;
  left: 60%;
  margin-left: -30%;
  opacity: 0;
  transition: opacity 0.3s;
  width: 200px;
}

.tooltips .tooltiptexts::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltips:hover .tooltiptexts {
  visibility: visible;
  opacity: 1;
}
}

/*  Mobile Coming Soon  */
@media screen and (max-width: 767px) {
.product-content .product-count {
border: solid 1px;
margin: 0px 7px;
border-radius: 2px;
padding-top: 4px;
box-shadow: .5px .5px 1px;
}
 
 .glyphicon2 {
    top: 1px;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
 
 .qty .glyphicon2 {
display: none;
}
 
}

@media screen and (min-width: 768px) {
  .glyphicon2 {
   display: none;
 }}
.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; }