/* common value, do not edit unless you have global search and confirm it is safe */
/* Color Theme */
/* Color theme for landing */
/* header scss variable */
/* (Flexbox Mixin Helper) */
/* (Calc Mixin Helper) */
/*  START: Animation Mixin */
/* Clockwise Spinning */
/* Anti-clockwise Spinning */
/*  END: Animation Mixin */
/* line 11, ../../../../resource/compass/_ui/desktop/common/css/productVariantDropdownSelector.scss */
.top-panel .product-detail .productDetailPanelTableWrapper table.productDetailPanelTable tbody tr.variantOptions #dropdown-content-container {
  position: absolute;
  z-index: 2;
}
/* line 15, ../../../../resource/compass/_ui/desktop/common/css/productVariantDropdownSelector.scss */
.top-panel .product-detail .productDetailPanelTableWrapper table.productDetailPanelTable tbody tr.variantOptions .dropdown-variant {
  position: relative;
  display: inline-block;
}
/* line 18, ../../../../resource/compass/_ui/desktop/common/css/productVariantDropdownSelector.scss */
.top-panel .product-detail .productDetailPanelTableWrapper table.productDetailPanelTable tbody tr.variantOptions .dropdown-variant span.variantSelected {
  position: relative;
  top: 7px;
}
/* line 22, ../../../../resource/compass/_ui/desktop/common/css/productVariantDropdownSelector.scss */
.top-panel .product-detail .productDetailPanelTableWrapper table.productDetailPanelTable tbody tr.variantOptions .dropdown-variant .dropbtn {
  background-image: url(/_ui/shared/common/svg/productVariantDropdownSelector/ic_PDPdropdown.svg);
  background-repeat: no-repeat;
  width: 25px;
  height: 23px;
  float: right;
  position: absolute;
  right: -10px;
  top: 5px;
}
/* line 32, ../../../../resource/compass/_ui/desktop/common/css/productVariantDropdownSelector.scss */
.top-panel .product-detail .productDetailPanelTableWrapper table.productDetailPanelTable tbody tr.variantOptions .dropdown-variant ::after {
  content: '';
  display: inline-block;
  clear: both;
}
/* line 38, ../../../../resource/compass/_ui/desktop/common/css/productVariantDropdownSelector.scss */
.top-panel .product-detail .productDetailPanelTableWrapper table.productDetailPanelTable tbody tr.variantOptions ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* line 43, ../../../../resource/compass/_ui/desktop/common/css/productVariantDropdownSelector.scss */
.top-panel .product-detail .productDetailPanelTableWrapper table.productDetailPanelTable tbody tr.variantOptions .dropdown-variant {
  display: inline-block;
  min-width: 120px;
  max-width: 410px;
  overflow: hidden;
  text-align: center;
  height: 30px;
  cursor: pointer;
  font-size: 15px;
  line-height: 15px;
  color: #666666;
  border: 1px solid #CCCCCC;
  vertical-align: middle;
  padding: 0px 15px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/* line 61, ../../../../resource/compass/_ui/desktop/common/css/productVariantDropdownSelector.scss */
.top-panel .product-detail .productDetailPanelTableWrapper table.productDetailPanelTable tbody tr.variantOptions ul.districtDropdown {
  display: none;
  min-width: 120px;
  max-width: 410px;
  font-size: 15px;
  line-height: 15px;
  border: 1px solid #CCCCCC;
  color: #222222;
  background: #F8F9FA;
  box-shadow: 2px 2px rgba(248, 249, 250, 0.8);
  max-height: 230px;
  overflow-x: hidden;
  overflow-y: auto;
}
/* line 74, ../../../../resource/compass/_ui/desktop/common/css/productVariantDropdownSelector.scss */
.top-panel .product-detail .productDetailPanelTableWrapper table.productDetailPanelTable tbody tr.variantOptions ul.districtDropdown li {
  cursor: pointer;
  padding: 5px 0px;
  text-align: center;
  height: 23px;
}
/* line 79, ../../../../resource/compass/_ui/desktop/common/css/productVariantDropdownSelector.scss */
.top-panel .product-detail .productDetailPanelTableWrapper table.productDetailPanelTable tbody tr.variantOptions ul.districtDropdown li span {
  display: inline-block;
  white-space: nowrap;
  padding: 0px 20px;
  max-width: 410px;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 14px;
}
/* line 88, ../../../../resource/compass/_ui/desktop/common/css/productVariantDropdownSelector.scss */
.top-panel .product-detail .productDetailPanelTableWrapper table.productDetailPanelTable tbody tr.variantOptions ul.districtDropdown li:hover {
  background: #3D93FD;
}
/* line 91, ../../../../resource/compass/_ui/desktop/common/css/productVariantDropdownSelector.scss */
.top-panel .product-detail .productDetailPanelTableWrapper table.productDetailPanelTable tbody tr.variantOptions ul.districtDropdown li:after {
  content: '';
  display: inline-block;
  clear: both;
}
/* line 99, ../../../../resource/compass/_ui/desktop/common/css/productVariantDropdownSelector.scss */
.top-panel .product-detail .productDetailPanelTableWrapper table.productDetailPanelTable tbody tr.variantOptions .selectReminder {
  display: inline-block;
  vertical-align: middle;
  color: #cc2020;
  font-size: 14px;
  line-height: 15px;
  padding-left: 5px;
}