/* Product Offers SCSS Document */
.productOffersSection {
  margin-top: 60px;
}
.productOffersSection h2 {
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 20px 0;
  text-transform: uppercase;
}
.productOffersSection .btn {
  height: 36px;
  line-height: 0;
  padding: 0px 10px 6px 10px;
}
.productOffersSection .btn-main {
  border: 4px solid #00a6ca;
  background-color: #fff;
}
.productOffersSection .btn-main:hover {
  background-color: #007c97;
  border-color: #007c97;
}
.productOffersSection .consumerSolicitPref {
  margin-bottom: 30px;
}
.productOffersSection .consumerSolicitPref .changeOfferSection {
  margin-bottom: 25px;
}
.productOffersSection .consumerSolicitPref .changeOfferSection .changeOfferText {
  float: left;
  margin-top: 10px;
}
.productOffersSection .consumerSolicitPref .changeOfferSection .offer {
  color: #008A00;
}
.productOffersSection .consumerSolicitPref .changeOfferSection .doNotOffer {
  color: #C80000;
}
.productOffersSection .consumerSolicitPref .changeOfferSection .changeOfferButton {
  float: right;
}
.productOffersSection .table {
  border: 1px solid #A9A9A9;
  font-size: 14px;
}
.productOffersSection .table thead {
  border-top: #A9A9A9;
}
.productOffersSection .table thead tr th:first-child {
  padding-left: 20px;
}
.productOffersSection .table thead tr th:last-child {
  padding-right: 20px;
}
.productOffersSection .table tbody tr td:first-child {
  padding-left: 20px;
}
.productOffersSection .table tbody tr td:last-child {
  padding-right: 20px;
}
.productOffersSection .productOfferDetails .prodNameSelectControl {
  float: left;
  width: 66%;
}
.productOffersSection .productOfferDetails .offerIdInputControl {
  float: left;
  width: 60%;
}
.productOffersSection .productOfferDetails .prodNameSelectButton, .productOffersSection .productOfferDetails .offerIdSelectButton {
  float: right;
}
.productOffersSection .productOfferDetails .offerDetailsButtonGroup {
  text-align: right;
}
.productOffersSection .productOfferDetails .offerDetailsButtonGroup button {
  margin-left: 10px;
}
.productOffersSection .productOfferDetails .offerDetailsButtonGroup .saveButton {
  margin-left: 0;
}
.productOffersSection .productOfferDetails .preAuthorizeButton {
  text-align: right;
}
.productOffersSection .productOfferDetails .paymentInfoSubHeader {
  font-size: 14px;
  display: block;
  font-weight: 600;
  margin-bottom: 10px;
  margin-top: 4px;
}
.productOffersSection .productOfferDetails .cardExpiration {
  margin-bottom: 0;
}
.productOffersSection .productOfferHistory a {
  text-decoration: underline;
  text-transform: uppercase;
  font-weight: 600;
}
.productOffersSection .productOfferHistory .paymentInfoSubHeader {
  font-size: 14px;
  display: block;
  font-weight: 600;
  margin-bottom: 10px;
}
.productOffersSection .productOfferHistory .historyDetailsSection {
  margin-bottom: 30px;
}
