#pi_checkout_field {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 15px;
}

.pi_delivery_type {
  grid-column: span 2;
}

.pi_delivery_type input[type="radio"] {
  visibility: hidden;
  display: none;
}

.pi_delivery_type .woocommerce-input-wrapper {
  display: flex;
}

.pi_delivery_type .woocommerce-input-wrapper label {
  flex: 1;
  text-align: center;
  padding: 10px;
  cursor: pointer;
  margin-left:0;
  margin-right:0;
}

.pi_delivery_type .woocommerce-input-wrapper label {
  border-radius: 5px 0 0 5px;
}

.pi_delivery_type .woocommerce-input-wrapper label:last-child {
  border-radius: 0px 5px 5px 0px;
}

.pi_delivery_type .input-radio:checked + label {
  font-weight: bold;
  color: #fff;
}

.pisol-pickup-add input {
  display: none !important;
}

.pisol-pickup-add {
  width: 50%;
  padding: 10px;
}

.pisol-location {
  padding: 10px;
  background: #ccc;
  border-radius: 10px;
  width: 100%;
  cursor: pointer;
  display: block;
}

.pi_delivery_type.pi_rounded .woocommerce-input-wrapper label {
  border-radius: 5px 5px 5px 5px;
}

.pisol-location-radio:checked + label {
  background: rgba(0, 119, 255, 0.63);
  color: #fff;
}

.woocommerce-input-wrapper-new {
  width: 100%;
}

#pi_delivery_date_field{
  position: relative;
}
.pisol_clear_button{
  position: absolute;
  width: 10px;
  height: 10px;
  display: block;
  line-height: 10px;
  right: 20px;
  cursor:pointer;
}

/*
time picker was hidden in many themes, so this fixes that issue
Time picker hidden issue
*/
.ui-timepicker-standard{
z-index:100000 !important;
}
/* End Time picker hidden issue */