/* ========================================
   Products order select element
======================================== */

.woocommerce-ordering {
  margin-bottom: 20px;
}

.woocommerce-ordering select,
.woocommerce div.product form.cart .variations select {
  min-width: 20em;
  padding: 10px 42px 10px 14px;
  font-size: 14px;
  color: #000000;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23135266'%3E%3Cpath d='M5 7l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 2em;

  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.woocommerce div.product form.cart .variations select  {
  height: 50px;
  margin-bottom: 0.5em;
}

/* Hover */
.woocommerce-ordering select:hover,
.woocommerce div.product form.cart .variations select:hover {
  border-color: #135266;
  box-shadow: 0 0 0 1px #135266;
}

/* Focus */
.woocommerce-ordering select:focus,
.woocommerce div.product form.cart .variations select:focus {
  outline: none;
  border-color: #135266;
  box-shadow: 0 0 0 2px rgba(19, 82, 102, 0.15);
}

/* Remove IE arrow */
.woocommerce-ordering select::-ms-expand
.woocommerce div.product form.cart .variations select::-ms-expand {
  display: none;
}

.woocommerce div.product form.cart .reset_variations {
  text-decoration: none;
  background: #eee;
  padding: 0.5em;
  border-radius: 10px;
  font-size: 1em;
}

.woocommerce div.product form.cart table.variations td, .woocommerce div.product form.cart table.variations th {
  vertical-align: top;
}