img.colorSwatch {
  vertical-align: baseline;
  height: 100%;
  border-radius: inherit;
  width: 100%;
 }
 h1.mainTitle {
  margin-bottom: 0px;
 }
 
 .color-check{ float: left; }
 .colorOuter{ display:inline-block;vertical-align:top; }
 .colorOuterLabel { margin-left:5px;height:30px;width:80%; }
 .colorImgDesc{ display:inline-block;white-space:normal; }
 .imgSwatchBank{ display: block; margin: auto; }
.colorImgDiv{ margin-bottom: 10px; }

.colorImgDiv img {
  width: 100%;
}

 .bottomRow{margin-top:25px;margin-bottom:25px;}
 .colorInner{
  border-style: solid;
  border-width: 1px;
 }
 .marginBottomBtn { margin-bottom: 10px; display: inline-block; }
 #btnDownloadCheckedXS{ margin-bottom: 10px; }
 #btnSelectAdditionalXS{ margin-bottom: 10px; }
 #pidSearchIconWrap{
  margin-top: 13px;
 }
 #backToPDP{
  margin-top:5px;
  margin-right:15px;
 }
 .instructions-icon{display:inline-block !important;}
 .instructions-icon img{margin-bottom:5px;}
 .instructions-text{display:inline-block !important;}
 .form-check{white-space:nowrap;}
 /* .instructions-checkbox{transform:scale(1.5);margin-left:5px !important;} */
 .colorInner{width:50px;border-radius:20px;height:20px;}
 .imgBottom{
  width:110px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
 }
 .imgBottom div {display:inline-block;}
 .imgBottom a {display:inline-block;}
 .imgTitle{text-align:center;border-bottom:1px solid #ccc;display:block;width:100%;}
 .logoImage{display:flex;height:300px;justify-content:center;}
 .imgCheck{vertical-align:text-bottom;}
 .colorRow{overflow: auto;}
 .download-all-zip-btn{float:left;margin-bottom:20px;}
 #instructions span {display:block;text-align:left;margin:auto}
 #instructions{
  margin-bottom:20px;
  /* font-size:20px; */
 }
 #styleSearchForm{
  float:right;
  margin-top:20px;
 }
 #styleSearchWrapper{
  /* margin-top:3px; */
  display:flex;
  background:#fff;
  border: 1px solid #ccc;
  border-radius: 0px;
  padding: 0 8px;
  min-width: 200px;
  float: right;
 }
 
 #styleSearchInput{
  height:40px;
  text-align:center;
  width:100%;
  border:none;
  outline:none;
  position: relative; 
  vertical-align: top;
 }
 .styleSearchIcon{color:#333;display:block;padding:0px;margin:0px;line-height:1;}
 #styleSearchBar{margin-bottom:10px;overflow:auto;}
 .topButtons{margin-bottom:10px;}
 /* .topButtons .btn-default {margin-right:10px;} */
 /* .bottomButtons{margin-top:60px;}
 .bottomButtons .btn-default {margin-right:10px;} */
 .colorDescription{width:100%;margin-bottom:10px;border-bottom:1px solid #ccc;}
 .btnDownloadChecked{z-index:999;}
 
 /* .addColors{padding-left:0px;padding-right:0px;} */
 #additonalColors{padding-left:0px;padding-right:0px}
 
 
 .mainContainer{padding-left:0px;padding-right:0px;}
 
 @media (max-width: 576px) {
  .checkColorDiv{
   display: inline-block;
   margin-right: 10px;
  }
 }
 @media (max-width: 768px) {  
  /*
  .addColors{
   z-index:999;
  }
  */
  #backToPDP{ margin-right: 0px; margin-bottom: 10px; float: right; }
  #styleSearchWrapper{ min-width: 219px; }
  .stickyBtn{position:sticky;top:110px;}
 
 }
 
 @media (max-width: 992px) {  
  /* .addColors{padding-left:0px;padding-right:0px;} */
  #additonalColors{padding-left:0px;padding-right:0px;background:#fff;}
 
 }
 /*
 @media (max-width: 1200px) {  
 .topButtons .btnDownloadChecked{margin-top:20px;}
 }
 */
 
 
 /* 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%;
 }
 
 .multi2of2,
 .multi3of3,
 .multi4of4{border-top-right-radius: 20px;border-bottom-right-radius: 20px;}
 
 .multi1of2,
 .multi1of3,
 .multi1of4{border-top-left-radius: 20px;border-bottom-left-radius: 20px;}