#pafw_ex_wrapper *,
#pafw_ex_wrapper *::before,
#pafw_ex_wrapper *::after {
  box-sizing: border-box;
}

#pafw_ex_wrapper .field {
  clear: both;
  margin: 0 0 1em;
}

#pafw_ex_wrapper .ui.form .field.pafw-ex-type {
  margin-bottom: 30px !important;
}

#pafw_type_container {
  display: flex;
}

/** 필드 레이블 */
.ui .ui.form .field > label {
  display: block;
  color: #1e1e1e !important;
  font-size: 15px !important;
  font-weight: normal !important;
  line-height: 15px;
  margin: 0 0 15px !important;
}

#pafw_ex_wrapper .ui.form .field > label {
  font-size: 14px !important;
  line-height: 14px;
}

/** 신청 유형 선택 체크박스 */
.return_wrap,
.exchange_wrap {
  position: relative;
  width: 110px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border-radius: 3px;
  margin-right: 5px;
}

.return_wrap img,
.exchange_wrap img {
  display: none;
  margin-right: 6px;
}

#pafw_ex_wrapper form.ui.form > .field .exchange_wrap input[type="radio"],
#pafw_ex_wrapper form.ui.form > .field .return_wrap input[type="radio"] {
  margin: 0;
  position: absolute;
  width: 110px;
  height: 35px;
  left: 0;
  opacity: 0;
  cursor: pointer;
}

#pafw_ex_wrapper form.ui.form > .field .exchange_wrap input[type="radio"] + label,
#pafw_ex_wrapper form.ui.form > .field .return_wrap input[type="radio"] + label {
  display: inline-block;
  width: 110px;
  height: 35px;
  color: #787878;
  font-size: 15px !important;
  font-weight: 400;
  line-height: 35px;
  background-color: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 3px;
  margin: 0;
  cursor: pointer;
}

#pafw_ex_wrapper form.ui.form > .field .exchange_wrap input[type="radio"]:checked + label,
#pafw_ex_wrapper form.ui.form > .field .return_wrap input[type="radio"]:checked + label {
  border: 1px solid #23CC57;
  background-color: #23CC57 !important;
  color: #ffffff;
  cursor: pointer;
}

#pafw_ex_wrapper form.ui.form > .field input[type="radio"]:checked + label img {
  display: inline-block;
  width: 14px;
  margin-top: -2px;
  vertical-align: baseline;
}

#pafw_ex_wrapper form.ui.form > .field .exchange_wrap input[type="radio"] + label::before,
#pafw_ex_wrapper form.ui.form > .field .return_wrap input[type="radio"] + label::before {
  opacity: 0;
}

@media only screen and (max-width: 764px) {
  .return_wrap, .exchange_wrap {
    float: none;
    flex: 1;
    width: auto;
  }

  #pafw_ex_wrapper form.ui.form > .field .exchange_wrap input[type="radio"] + label,
  #pafw_ex_wrapper form.ui.form > .field .return_wrap input[type="radio"] + label {
    width: 100%;
  }
}

/* [START] 교환/반품 상품 목록 헤더 */
.cart-item-header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #000;
  background-color: #fafafa;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0 !important;
  overflow: hidden;
}

.cart-item-header div {
  height: 34px;
  font-size: 12px !important;
  line-height: 36px;
  text-align: center;
}

.cart-item-header .product-quantity {
  width: 100px;
}

.cart-item-header .product-price {
  width: 150px;
}

.cart-item-header .product-name {
  flex: 1;
}

@media only screen and (max-width: 600px) {
  .cart-item-header .product-price,
  .cart-item-header .product-quantity {
    display: none;
  }
}

/* [END] 교환/반품 상품 목록 헤더 */

/* [START] 교환/반품 상품 리스트 */
.cart-item-list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #f0f0f0;
}

.cart-item-list > div {
  align-self: center;
}

.cart-item-list .product-checkbox {
  position: relative;
  width: 40px;
}

.cart-item-list .product-thumbnail {
  width: 90px;
  height: 90px;
  overflow: hidden;
  padding: 8px;
}

.cart-item-list .product-thumbnail > div {
  width: 100%;
  height: 100%;
  background: no-repeat 50% 50%/cover;
}

.cart-item-list .product-info-wrap {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex: 1;
}

.cart-item-list .product-info-wrap > div {
  align-self: center;
  padding: 0 5px;
}

.cart-item-list .product-info-wrap .product-name {
  flex: 1;
  font-size: 14px;
}

.cart-item-list .product-info-wrap .product-name .price_qty {
  display: block;
  font-size: 13px;
}

.cart-item-list .product-info-wrap .product-quantity {
  width: 100px;
  text-align: center;
}

.cart-item-list .product-info-wrap .product-quantity .quantity {
  float: none;
  width: auto;
  height: auto;
  background-color: transparent;
  border: none;
  margin: auto;
  overflow: hidden;
}

.cart-item-list .product-info-wrap .product-quantity .quantity input,
.cart-item-list .product-info-wrap .product-quantity .quantity .minus,
.cart-item-list .product-info-wrap .product-quantity .quantity .plus {
  width: 30px !important;
  min-width: auto;
  height: 30px !important;
  text-indent: 0;
}

.cart-item-list .product-info-wrap .product-quantity .quantity input {
  position: static;
  float: left;
  min-height: inherit !important;
  color: #202020;
  text-align: center;
  font-size: 14px;
  line-height: normal;
  font-weight: 400;
  background-color: #fff;
  padding: 0 3px !important;
  border: 1px solid #ddd;
  border-radius: 0;
  margin: 0;
  box-shadow: none;
  cursor: pointer;
  text-indent: 0;
}

.cart-item-list .product-info-wrap .product-quantity .quantity .minus::before,
.cart-item-list .product-info-wrap .product-quantity .quantity .minus::after,
.cart-item-list .product-info-wrap .product-quantity .quantity .plus::before,
.cart-item-list .product-info-wrap .product-quantity .quantity .plus::after {
  display: none;
}

.cart-item-list .product-info-wrap .product-quantity .quantity .minus {
  border-right: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.cart-item-list .product-info-wrap .product-quantity .quantity .plus {
  border-left: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

@media (max-width: 600px) {
  .cart-item-list .product-info-wrap .product-quantity .quantity input {
    width: 22px !important;
    height: 22px !important;
    font-size: 12px;
    line-height: 20px;
  }

  .cart-item-list .product-info-wrap .product-quantity .quantity .minus,
  .cart-item-list .product-info-wrap .product-quantity .quantity .plus {
    width: 15px !important;
    height: 22px !important;
  }
}

.cart-item-list .product-info-wrap .product-price {
  width: 150px;
  text-align: center;
}

.cart-item-list .select2 {
  font-size: 12px;
}

@media only screen and (max-width: 600px) {
  .cart-item-list .product-info-wrap {
    display: block;
  }

  .cart-item-list .product-info-wrap .product-quantity {
    width: auto;
    text-align: left;
  }

  .cart-item-list .product-info-wrap .product-price {
    width: auto;
    text-align: left;
  }
}

.product-checkbox input[type=checkbox] {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}

.product-checkbox input[type=checkbox] + label {
  float: left;
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 12px;
  background-color: transparent;
  border: 1px solid #d8d8d8;
  border-radius: 50%;
  margin: 0 20px 0 0;
  cursor: pointer;
}

.product-checkbox input[type=checkbox] + label::before,
.product-checkbox input[type=checkbox] + label::after {
  display: none;
}

.product-checkbox input[type=checkbox]:checked + label {
  background: url(../images/m_chkbox_on_green.png) no-repeat center;
  background-size: 24px 24px;
  border: 1px solid #12d74f;
  cursor: pointer;
}

/* [END] 교환/반품 상품 리스트 */


/* [START] 교환/반품 사유 */
#pafw_ex_wrapper form.ui.form > .field select.pafw-ex-reason {
  width: 100%;
  height: 35px;
  color: #1e1e1e;
  font-size: 14px;
  line-height: 35px;
  padding: 0 12px !important;
  background: url(../images/m_more_small.png) no-repeat calc(100% - 10px) center #fff;
  background-size: 11px 7px;
  border: 1px solid #d8d8d8 !important;
  border-radius: 3px;
  margin: 25px 0 5px !important;
  box-shadow: none !important;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

#pafw_ex_wrapper form.ui.form > .field textarea {
  width: 100%;
  color: #000;
  height: 12em;
  min-height: 8em;
  max-height: 120px;
  font-size: 14px;
  background-color: #fff;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-shadow: none;
  box-sizing: border-box;
}

#pafw_ex_wrapper form.ui.form > .field.pafw-ex-action {
  text-align: center;
}

#pafw_ex_wrapper form.ui.form > .field.pafw-ex-action .request-exchange-return {
  width: 50%;
  height: 45px;
  color: #ffffff !important;
  font-size: 16px;
  line-height: 45px;
  padding: 0 12px !important;
  background-color: #23CC57 !important;
  border: 2px solid #23CC57 !important;
  border-radius: 3px;
  margin-top: 20px;
  cursor: pointer;
}

.woocommerce #pafw_ex_wrapper label.checkbox,
.woocommerce #pafw_ex_wrapper input[type=radio] + label,
.woocommerce #pafw_ex_wrapper input[type=checkbox] + label {
  position: static;
  padding-left: 0;
}

.woocommerce #pafw_ex_wrapper input[type="radio"],
.woocommerce #pafw_ex_wrapper input[type="checkbox"] {
  display: block;
}

#pafw_ex_wrapper form.ui.form > .field .exchange_wrap input[type="radio"] + label::after,
#pafw_ex_wrapper form.ui.form > .field .return_wrap input[type="radio"] + label::after {
  opacity: 0;
}

#pafw_ex_wrapper form.ui.form > .field .select2-selection {
  height: auto;
}

.pafw-select-item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: top;
}

.pafw-select-item .pafw-select-item-thumbnail {
  margin: 5px;
  border: 1px solid lightgray;
  width: 50px;
  height: 50px;
  background-size: cover;
  background-position: center;
}

.pafw-select-item .pafw-select-item-content {
  font-size: 12px;
}

.pafw-select-item .pafw-select-item-content p.title {
  font-weight: bold;
  font-size: 13px;
}

/* [END] 교환/반품 사유 */


/* [START] 정기결제권 취소 사유 */
.pafw-cancel-reason-form {
  max-width: 500px;
  text-align: center;
  background-color: #fff;
  padding: 20px;
  border: 1px solid darkgray;
  border-radius: 4px;
  margin: 0 auto;

  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }

  input, select, textarea {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 400;
    padding: 0 10px;
    border: 1px solid #ddd;
    border-radius: 0;
    margin: 0 0 10px;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

  select {
    height: 36px;
    background: url(../images/m_more_small.png) no-repeat 98% 50%;
    background-size: 10px;

    &::-ms-expand {
      display: none;
    }

  }

  textarea {
    min-height: 105px;
    background-color: #fff;
    padding: 10px;
    max-width: 100%;
    transition: none;
  }

  .form-header .close {
    float: right;
    width: 20px;
    height: 20px;
    background: url("../images/close.png") no-repeat center;
    background-size: 60%;
    border: 2px solid #808080;
    border-radius: 50%;
    margin: -6px 0 12px;
    cursor: pointer;
  }

  .button {
    position: static;
    width: 100%;
    height: 40px;
    color: #fff;
    text-align: center;
    background-color: #202020;
    padding: 0;
    border: none;
    border-radius: 0;
    margin: 0;

    &:hover,
    &:focus {
      color: #fff;
      background-color: #202020;

    }
  }

  .button-wrap input {
    width: 100px !important;
    margin: 0 !important;
  }

  .pafw-order-refund-account-info {
    label {
      display: inline-block;
      width: 100%;
      font-size: 14px;
      line-height: 1.4;
      font-weight: 500;
      padding: 0 10px;
      text-align: left;
    }
  }
}

.pafw-next-payment-date-wrapper input,
.pafw-change-next-payment-date-wrapper input {
  margin: 0 !important;
}

.woocommerce-orders .mfp-container {
  padding: 0 6px !important;
}

.woocommerce-orders .mfp-container .mfp-content {
  height: auto !important;
}

@media only screen and (max-width: 764px) {
  .pafw-change-next-payment-date-wrapper,
  .pafw-next-payment-date-wrapper {
    flex-flow: column;
    align-items: flex-end;
  }
}

/* [END] 정기결제권 취소 사유 */

.button.pafw-view-cash-receipt {
  font-size: 11px;
  margin: 0;
}

#mser_item_container .product-info-wrap .wc-item-meta-label {
  float: left;
  clear: both;
  margin-right: 0.25em;
  display: inline-block;
  list-style: none outside;
  font-weight: 500;
}

.subscription_details {
  .pafw-payment-method {

    .button {
      @media only screen and (max-width: 764px) {
        margin: 5px 0 0 0 !important;
      }

      @media only screen and (min-width: 765px) {
        margin: 0 0 0 5px !important;
      }
    }

    .pafw-payment-method-selector-wrapper {

      @media only screen and (min-width: 765px) {
        display: flex;
        justify-content: right;
      }

      select {
        margin: 0 !important;

        max-width: 300px;
      }
    }
  }
}