/**
 *
 * Subscription
 *
 * @author Presta-Module.com <support@presta-module.com>
 * @copyright Presta-Module
 *
 *           ____     __  __
 *          |  _ \   |  \/  |
 *          | |_) |  | |\/| |
 *          |  __/   | |  | |
 *          |_|      |_|  |_|
 *
 ****/
/************************************************************************
  Quickview
*************************************************************************/
.product-subscribe-form .custom-radio input[type=radio] {
  height: 1.25rem;
  width: 1.25rem;
}
.product-subscribe-form .additional-information {
  font-size: 0.875rem;
  margin-left: 2.875rem;
}
.product-subscribe-form .form-control {
  display: inline-block;
  margin-left: 0.875rem;
}
.product-subscribe-form .control-label {
  display: inline-block;
  width: auto;
}
.product-subscribe-form select {
  background-color: #fff;
  width: auto;
  padding-right: 1.875rem;
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.product-subscribe-form.quickview label {
  text-align: left;
}

/* Payplug - Due to a CSS ruleset of Payplug module
We need to set this one, to get our layout as wanted
*/
form div.product-subscribe-form label {
  float: none;
}

/************************************************************************
  Prepaid
*************************************************************************/
.prepaid_price {
  text-align: left;
  width: 80%;
}
.prepaid_price .regular-price {
  text-decoration: line-through;
}
.prepaid_price .price_month {
  font-size: 12px;
}
.prepaid_price .product-line-info {
  width: 100%;
}
.prepaid_price .discount {
  background: #f39d72;
  color: #fff;
  font-weight: 600;
  padding: 0.3125rem 0.625rem;
  font-size: 1rem;
  margin-left: 0.625rem;
  text-transform: uppercase;
  display: inline-block;
  float: right;
}
