@import "daterangepicker.css";

.daterangepicker td.nextAvailableDate {
    border: 1px solid #999 !important;
}

.available.nextAvailableDate {
    border: 1px solid #999 !important;
    height: 38px !important;
    width: 32px !important;
    border-radius: 50% !important;
    display: block;
    color: #999;
    background: #fff;
    line-height: 24px;
    position: relative;
    min-width: 38px !important;
}

  
.cstmMsgCon {
margin-left: 20px;
text-align: left;
font-family: 'Maax-Regular', sans-serif;
font-size: 14px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: 20px;
letter-spacing: normal;
padding-left: 15px;
color: #767676;
width: 95%;
padding-bottom: 20px;
}
  
.material-li-list.dropdown.selectdiv.dropdown-comm-fre {
    background-color: #fff;
    border: 0;
    text-align: left;
    /*margin-left: 2px;*/
    height: 50px;
    width: 324px;
    font-weight: bold;
    /*border: 1px solid #9B9B9B;*/
    margin-bottom: 10px;
}

.applyCouponButton-minicart {
    border: 2px solid rgba(239, 239, 228, 1);
    border-radius: 16px;
    background: #fff;
    color: rgba(28, 28, 25, 1);
    cursor: pointer;
    font-family: 'Maax-Regular';
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.14px;
    line-height: 14px;
    height: 30px;
    text-align: center;
    margin: 3px 0 0 10px;
}

.couponCode-Appliquer{
    margin-left: 3px !important;
}

.couponDisabled {
	height: 30px;
    width: 67px;
    margin-left: 10px;
    color: #fff;
    font-weight: 700;
	background-color: #EFEFE4;
    padding: 0px;
    border: 2px solid rgba(239, 239, 228, 1);
    font-size: 14px;
    border-radius: 16px;
    color: rgba(28, 28, 25, 1);
    font-size: 14px;
	font-weight: 600;
    font-family: 'Maax-Regular';
    font-style: Medium;
    letter-spacing: -0.14px;
    text-align: center;
    line-height: 14px;
}
  
.applyCouponButton-minicart:hover {
background: #EFEFE4;
border-radius: 16px;
background-color: rgba(239, 239, 228, 1);
opacity: 1;
}
  
.daterangepicker:before,
.daterangepicker:after {
position: absolute;
display: inline-block;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: '';
}
  
.daterangepicker:before {
top: -7px;
border-right: 7px solid transparent;
border-left: 7px solid transparent;
border-bottom: 7px solid #d8d8d8;
}

.daterangepicker:after {
top: -6px;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
border-left: 6px solid transparent;
}
  
  .daterangepicker.opensleft:before {
    right: 9px;
  }
  
  .daterangepicker.opensleft:after {
    right: 10px;
  }
  
  .daterangepicker.openscenter:before {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
  }
  
  .daterangepicker.openscenter:after {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
  }
  
  .daterangepicker.opensright:before {
    right: 100px;
    left: auto;
  }
  
  .daterangepicker.opensright:after {
    right: 100px;
    left: auto;
  }
  
  .daterangepicker.drop-up {
    margin-top: -7px;
  }
  
  .daterangepicker.drop-up:before {
    top: initial;
    bottom: -7px;
    border-bottom: initial;
    border-top: 7px solid #ccc;
  }
  
  .daterangepicker.drop-up:after {
    top: initial;
    bottom: -6px;
    border-bottom: initial;
    border-top: 6px solid #fff;
  }
  
  .daterangepicker.single .daterangepicker .ranges,
  .daterangepicker.single .drp-calendar {
    float: none;
  }
  
  .daterangepicker.single .drp-selected {
    display: none;
  }
  
  .daterangepicker.show-calendar .drp-calendar {
    display: block;
  }
  
  .daterangepicker.show-calendar .drp-buttons {
    display: none;
  }
  
  .daterangepicker.auto-apply .drp-buttons {
    display: none;
  }
  
  .daterangepicker .drp-calendar {
    display: none;
    width: 220px;
  }
  
  .daterangepicker .drp-calendar.left {
    padding: 0;
    /* border-right: 1px solid #c6c6bc; */
  }
  
  .daterangepicker .drp-calendar.right {
    padding-left: 5px;  
    margin-right: 5px;
  }
  
  .daterangepicker .drp-calendar.single .calendar-table {
    border: none;
  }
  
  .daterangepicker .calendar-table .next span,
  .daterangepicker .calendar-table .prev span {
    color: #fff;
    border: solid #000000;
    border-width: 0 2px 2px 0;
    border-radius: 0;
    display: inline-block;
    padding: 3px;
  }
  
  .daterangepicker .calendar-table .next span {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  
  .daterangepicker .calendar-table .prev span {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
  }
  
  
  /* .daterangepicker .calendar-table th {
    text-transform: capitalize;
    padding-bottom: 12px;
    font-family: DINOT-Medium;
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: center;
    color: rgb(2, 71, 49) !important;
  } */

  .daterangepicker .calendar-table thead>tr:first-child th {
	text-transform: capitalize;
	/* border-bottom: 0.9px solid #c6c6bc; */
	padding-bottom: 12px;
	font-family: DINOT-Medium;
	font-size: 16px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.19;
	letter-spacing: normal;
	text-align: center;
	color: rgb(2, 71, 49) !important;
}
  
  .daterangepicker .calendar-table {
    border: 1px solid #fff;
    border-radius: 12px;
    background-color: #fff;
  }
  
  .daterangepicker .calendar-table table {
    width: 100%;
    margin: 0;
    border-spacing: 0;
    border-collapse: collapse;
  }
  
  .daterangepicker td.week,
  .daterangepicker th.week {
    font-size: 80%;
    color: #ccc;
  }
  
  .daterangepicker td.off,
  .daterangepicker td.off.in-range,
  .daterangepicker td.off.start-date,
  .daterangepicker td.off.end-date {
    background-color: #fff;
    border-color: transparent;
    color: #c6c6bc;
  }
  .daterangepicker .resiCalender td.off.end-date { 
    border-color: transparent;
    color: #fff;
     background-color: #3c8a2e;
  }
  .daterangepicker .resiCalender td.off.start-date { 
    border-color: transparent;
    color: #fff;
     background-color: #3c8a2e;
  }
  
  .daterangepicker td.start-date {
    border-radius: 0;
  }
  
  .daterangepicker td.end-date {
    border-radius: 0;
  }
  
  .daterangepicker td.start-date.end-date {
    border-radius: 4px;
  }
  
  .daterangepicker td.active {
    background-color: rgb(0, 105, 55) !important;
    color: #fff !important;
}
  
  .daterangepicker th.month {
    width: auto;
  }
  
  .daterangepicker td.disabled,
  .daterangepicker option.disabled {
    color: #c6c6bc;
    cursor: not-allowed;
    text-decoration: line-through;
  }
  
  .daterangepicker select.monthselect,
  .daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default;
  }
  
  .daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%;
  }
  
  .daterangepicker select.yearselect {
    width: 40%;
  }
  
  .daterangepicker select.hourselect,
  .daterangepicker select.minuteselect,
  .daterangepicker select.secondselect,
  .daterangepicker select.ampmselect {
    width: 50px;
    margin: 0 auto;
    background: #eee;
    border: 1px solid #eee;
    padding: 2px;
    outline: 0;
    font-size: 12px;
  }
  
  .daterangepicker .calendar-time {
    text-align: center;
    margin: 4px auto 0 auto;
    line-height: 30px;
    position: relative;
  }
  
  .daterangepicker .calendar-time select.disabled {
    color: #ccc;
    cursor: not-allowed;
  }
  
  .daterangepicker .drp-buttons {
    clear: both;
    text-align: right;
    padding: 8px;
    border-top: 1px solid #ddd;
    display: none;
    line-height: 12px;
    vertical-align: middle;
  }
  
  .daterangepicker .drp-selected {
    display: inline-block;
    font-size: 12px;
    padding-right: 8px;
  }
  
  .daterangepicker .drp-buttons .btn {
    margin-left: 8px;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 8px;
  }
  
  .daterangepicker.show-ranges .drp-calendar.left {
    border-left: 1px solid #ddd;
  }
  
  .daterangepicker .ranges {
    float: none;
    text-align: left;
    margin: 0;
  }
  
  .daterangepicker.show-calendar .ranges {
    margin-top: 8px;
  }
  
  .daterangepicker .ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%;
  }
  
  .daterangepicker .ranges li {
    font-size: 12px;
    padding: 8px 12px;
    cursor: pointer;
  }
  
  .daterangepicker .ranges li:hover {
    background-color: #eee;
  }
  
  .daterangepicker .ranges li.active {
    background-color: #08c;
    color: #fff;
  }
  
  /*  Larger Screen Styling */
  
  @media (min-width: 564px) {
    .daterangepicker {
      width: auto;
    }
    .daterangepicker .ranges ul {
      width: 140px;
    }
    .daterangepicker.single .ranges ul {
      width: 100%;
    }
    .daterangepicker.single .drp-calendar.left {
      clear: none;
    }
    .daterangepicker.single.ltr .ranges,
    .daterangepicker.single.ltr .drp-calendar {
      float: left;
    }
    .daterangepicker.single.rtl .ranges,
    .daterangepicker.single.rtl .drp-calendar {
      float: right;
    }
    .daterangepicker.ltr {
      direction: ltr;
      text-align: left;
    }
    .daterangepicker.ltr .drp-calendar.left {
      clear: left;
      margin-right: 0;
    }
    /*.daterangepicker.ltr .drp-calendar.left .calendar-table {
      border-right: none;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }*/
    .daterangepicker.ltr .drp-calendar.right {
      margin-left: 0;
    }
    /*.daterangepicker.ltr .drp-calendar.right .calendar-table {
      border-left: none;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }*/
    .daterangepicker.ltr .drp-calendar.left .calendar-table {
      padding-right: 8px;
    }
    .daterangepicker.ltr .ranges,
    .daterangepicker.ltr .drp-calendar {
      float: left;
    }
    .daterangepicker.rtl {
      direction: rtl;
      text-align: right;
    }
    .daterangepicker.rtl .drp-calendar.left {
      clear: right;
      margin-left: 0;
    }
    /*.daterangepicker.rtl .drp-calendar.left .calendar-table {
            border-left: none;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0; }*/
    .daterangepicker.rtl .drp-calendar.right {
      margin-right: 0;
    }
    /*.daterangepicker.rtl .drp-calendar.right .calendar-table {
      border-right: none;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }*/
    .daterangepicker.rtl .drp-calendar.left .calendar-table {
      padding-left: 12px;
    }
    .daterangepicker.rtl .ranges,
    .daterangepicker.rtl .drp-calendar {
      text-align: right;
      float: right;
    }
  }
  
  @media (min-width: 730px) {
    .daterangepicker .ranges {
      width: auto;
    }
    .daterangepicker.ltr .ranges {
      float: left;
    }
    .daterangepicker.rtl .ranges {
      float: right;
    }
    .daterangepicker .drp-calendar.left {
      clear: none !important;
    }
  }
  
  /* date range picker CSS end */
  
  .daterangepicker {
      z-index: 99
  }
  
  .nullcart-section {
      border-top: 1px solid #d0cccc;
      padding-top: 10%;
      padding-bottom: 10%
  }
  
  .nullcart-section.empty-cart,
  .nullcart-section.login-for-cart {
      font-size: 18px;
      font-family: "Maax-Regular";
      margin-bottom: 40px;
      margin-top: 20px;
      color: #4f4f58
  }
  
  .nullcart-section.continue-shopping {
      width: 260px
  }
  
  div#coupon-section-container {
      margin-top: 20px;
      margin-bottom: 20px;
  }

  .clearfix.additional-ton {
      margin-top: 5px
  }
  
  .now-cart {
      font-size: 13px;
      margin-left: -0.4%
  }
  
  .extra-sec {
      padding-top: 15px
  }
  
  .btn-primary,
  .btn-primary:hover,
  .btn-primary:focus,
  .btn-secondary,
  .btn-secondary:hover,
  .btn-secondary:focus {
      min-width: 160px
  }
  
  
.coupon-error {
    font-family: "Maax-Regular";
    font-size: 12px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #9F2424;
}

#cartAppliedCoupon {
    padding: 8px 0 0 8px;
    width: 100%;
    height: 24px;
    font-family: "Maax-Regular";
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71;
}
  
#cartClearCouponBtn {
    border: none;
    float: right;
    margin-top: -22px
}

#cartClearCouponBtn:hover {
    border: none;
    background: none
}

.removeCouponImg:focus {
    outline: none
}
  
#cartClearCouponBtn:active,
#cartClearCouponBtn:focus {
    border: none;
    background: none;
    outline: none;
    cursor: pointer;
}
  
  .couponErrorImg {
      margin-left: -22px
  }
  
  .coupon-successMsg {
      font-family: "Maax-Regular";
      font-size: 14px;
      font-weight: 600;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #4f4f58
  }
  
  .couponSuccessContainer {
      border: 2px solid #ebebeb;
      height: 40px;
      margin-bottom: 20px
  }
  
  
  .applyCouponButton {
      background: none;
      border: none
  }
  
  .cartAddCouponCode {
      border: 2px solid #ebebeb;
      box-shadow: none;
      border-radius: 0;
      padding-left: 0px;
      text-transform: none;
      border-bottom: 2px solid #9b9b9b;
      font-family: "Maax-Regular";
      font-size: 14px;
      font-weight: bold;
      line-height: 1.14;
      width: 84%;
      height: 30px
  }
  
  @supports(-ms-ime-align:auto) {
      .cartDatePlaceholder::-ms-input-placeholder {
          color: rgb(79, 79, 88);
          font-stretch: normal;
          line-height: normal;
          font-family: "DINOT-Italic"!important;
          font-size: 12px;
          font-weight: normal;
          font-style: italic
      }
  }
  
  @media(max-width:375px) {
      input.cartAddCouponCode {
          width: 275px
      }
  }
  
  .cartCouponCode {
      font-family: "Maax-Regular";
      font-size: 16px;
      font-weight: 600;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #4f4f58
  }
  
  @-moz-document url-prefix() {
      .cursorPointerForCalendar.date-input::placeholder {
          line-height: 25px
      }
  }
  
  .daterangepicker td.disabled,
  .daterangepicker option.disabled {
      color: #9b9b9b;
      cursor: not-allowed;
      text-decoration: none
  }
  
  
  .daterangepicker td.start-date,
  .daterangepicker td.start-date:hover,
  .daterangepicker td.end-date.in-range,
  .daterangepicker td.end-date.in-range:hover,
  .daterangepicker td.start-date.end-date,
  .daterangepicker td.start-date.end-date:hover,
  .table-condensed tbody tr:last-child td,
  .table-condensed tbody tr:last-child td:hover {
      border-radius: 0
  }
  
  .charge-label {
      padding-right: 4px
  }
  
  .daterangepicker.drp-selected {
      display: none
  }
  
  .daterangepicker.calendar-table thead>tr:first-child th {
    text-transform: capitalize;
    padding-bottom: 12px;
    font-family: DINOT-Medium;
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: center;
    color: rgb(2, 71, 49) !important;
  }
  
  .daterangepicker.resiCalender td.active.start-date.available+td {
      background-color: #79b943;
      color: #fff;
      pointer-events: all;
      cursor: pointer
  }
  
  td.active.start-date.end-date.available+td {
      color: #4f4f58;
      cursor: pointer;
      background-color: #fff;
      pointer-events: all
  }
  
  td.active.start-date.end-date.available+td:hover {
      background-color: #eee
  }
  
  .daterangepicker.ltr.drp-calendar.left.single {
      border-right: none
  }
  
  .daterangepicker.cstmMsgCon {
      background: #fff;
      margin-top: 10px;
      margin-left: 5px;
      padding: 5px;
      clear: both;
      border-top: 1px solid #c1bfc2;
      border-radius: 0 0 12px 12px
  }
  
  .daterangepicker.cstmMsgCon.clock-icon {
      font-size: 32px;
      padding-left: 10px;
      -webkit-text-stroke: 1.5px white
  }
  
  .daterangepicker .cstmMsgCon .calInfoMsg {
	text-align: left;
	clear: none;
	font-family: 'Maax-Regular', sans-serif;
	font-size: 14px;
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	line-height: 20px;
	letter-spacing: normal;
	padding-left: 1px;
	color: #767676;
	width: 95%;
}
  
  /* td.today.off.disabled {
      border: 2px solid #1d890a;
      height: 32px;
      width: 32px;
      border-radius: 50%;
      display: block;
      color: #999;
      background: #fff;
      left: 3px;
      line-height: 20px;
      position: relative
  } */
  /* OBE-5364 */
  .nextAvailableDate{
	border: 2px solid #1d890a !important;
    height: 32px !important;
    width: 32px !important;
    border-radius: 50% !important;
    display: block;
    color: #999;
    background: #fff;
    left: 3px;
    line-height: 20px;
    position: relative;
}
  .daterangepicker.show-calendar.drp-buttons {
      display: none
  }
  
  .included_items {
      margin: 5px 0px;
      font-weight: bold;
      font-size: 16px;
      line-height: normal;
      text-transform: uppercase;
      margin-bottom: 5px
  }
  
  .additionalText {
      padding-top: 7px;
      font-size: 14px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #4f4f58
  }
  
  .additionalText.small {
      line-height: 1.29;
      font-size: 14px
  }
  
  td.off.notCurrentMonth {
      opacity: 0
  }
  
  td.off.notCurrentMonth.available.in-range,
  td.off.notCurrentMonth.available.active,
  td.off.notCurrentMonth.disabled.in-range,
  .daterangepicker.resiCalender td.active.start-date.available+td.notCurrentMonth,
  .daterangepicker.resiCalender td.off.end-date.notCurrentMonth {
      background-color: #fff;
      color: #9b9b9b
  }
  
  .cc_panel_shopping_cart {
      padding-bottom: 45px
  }
  
  .panel {
    /*  border: 1px solid #d0cccc; */
      border-radius: 0;
      margin-top: 2px
  }
  
  .cart_item:last-child {
      border-bottom: none
  }
  
  a.cart-link {
      font-size: 14px;
      font-weight: 600
  }
  
  .prod-name.cart-link {
      text-transform: capitalize;
      font-size: 16px;
      margin: 9px 0;
      line-height: 2.4;
      letter-spacing: 0.3px;
      font-family: "Maax-Regular";
      font-weight: 700;
      font-style: normal
  }
  
  /* input.error, RPTEMP1: FINPOP-4140: */
  select.error {
      border: 1px solid #b23b2e
  }
  
  .no-padding {
      padding: 0
  }
  
  .selectdiv.quantity-dropdown {
      width: 100%;
      font-weight: bold;
      font-style: normal;
      font-stretch: condensed;
      line-height: 2;
      letter-spacing: 0.7px
  }
  
  .selectdiv.frequency {
      line-height: 25px
  }
  
  .selectdiv.materials {
      width: 262px;
      float: left
  }
  
  .order-total {
      font-size: 15px
  }
  
  
  .col-lg-4.col-md-9.col-sm-9.col-xs-9.frequencySelector {
      padding-left: 18px
  }
  
  .prod-name {
      font-family: "DINOT-Bold";
      font-weight: bold;
      font-size: 24px;
      color: #4f4f58;
      line-height: 1.08;
      text-transform: capitalize;
      padding: 0 15px
  }
  
  .prod-name a {
      float: left
  }
  
  .product-name-link {
      margin-right: 8px
  }
  
  a.cart-link.removeItemButton {
      line-height: 1
  }
  
  p {
      margin: 0
  }
  
  h2 {
      font-family: DINOT-Bold
  }
  
  .price-summary h3,
  .panel-body p,
  .misc-charges-selector {
      letter-spacing: 0.0px
  }
  
  .panel-body h3,
  .panel-body p {
      letter-spacing: 0.0px;
      /*margin-bottom: 5px;*/
      margin-top: 5px
  }
  .price-summary-section.price-wrapper-product-name.isTemp.misc-charges-selector.priceMisc {
    margin-top: 0;
  }
  .misc-charges-selector {
      line-height: 1.38;
      cursor: pointer;
      margin-top: 10px;
      padding-left: 0px;
      font-family: "Maax-Regular";
      font-weight: normal;
      font-style: normal;
      font-size: 14px
  }
  
  .panel-body.price-summary-section {
      letter-spacing: normal;
      font-family: "DINOT-Bold";
      font-weight: bold;
      font-size: 16px;
      margin-top: 0
  }
  
  h5 {
      margin: 0
  }
  
  .price-value {
      padding: 0;
      margin: 0;
      font-size: 24px;
      margin-top: 0;
      font-family: "Maax-Regular";
      font-weight: 600;
      line-height: 1.33
  }
  
  .price-value sup {
      font-family: "Maax-Regular";
      font-weight: 600;
      font-size: 14px;
      line-height: 2.29;
      top: -7px
  }
  
  @supports(-webkit-overflow-scrolling:touch) {
      .requested-date.date-input {
          -webkit-appearance: none;
          -webkit-border-radius: 0px;
          border-radius: none;
          width: 261px;
          height: 30px;
          padding-top: 0px;
          padding-left: 6px;
          line-height: 28px
      }
  }
  
  input::placeholder {
      font-stretch: normal;
      line-height: normal;
      letter-spacing: 0.5px;
      color: rgb(79, 79, 88);
      text-transform: capitalize;
      font-family: "DINOT-Italic";
      font-size: 14px;
      font-weight: normal;
      font-style: italic
  }
  
  :-ms-input-placeholder {
      color: rgb(79, 79, 88);
      text-transform: capitalize;
      font-family: "DINOT-Italic";
      font-size: 14px;
      font-weight: normal;
      font-style: italic
  }
  
  
  .price-heading {
      padding-top: 10px;
      padding-bottom: 10px
  }
  .one-time-charges,
  .order-total {
      display: inline-block
  }
  
  
  .one-time-container {
      padding-left: 15px
  }
  
  .divider {
      border-bottom: solid 2px #E2E2E2
  }
  
  small {
      font-size: 14px;
      line-height: 1.64;
      letter-spacing: 0.3px
  }
  
  .header-seperator {
      display: none
  }
  
  
  
  .price-summary {
      padding-bottom: 5px
  }
  
  .button-section {
      margin-top: 30px
  }
  
  .main.seperator {
      padding: 0;
      width: 97%;
      margin-left: 10px;
      margin-bottom: 14px;
      margin-top: 3px
  }
  
  .main:last-child.seperator {
      display: none
  }
  
  .monthly-section {
      border-bottom: 1px solid #c1bfc2
  }
  
  .img-responsive {
      margin: 0 auto;
      max-width: 165px
  }
  
  .fa.date-commercial {
      right: 65px
  }
  
  .accessories {
      font-family: "Maax-Regular";
      font-size: 18px;
      font-weight: 600;
      font-style: normal;
      line-height: 22px
  }
  
  .lock-label {
      font-family: "Maax-Regular";
      font-weight: 600;
      font-style: normal;
      font-size: 12px;
      line-height: 1.5;
      letter-spacing: normal;
      padding-left: 2px
  }
  
  .ancillary-modal {
      border-radius: 0;
      background-color: #fff;
      border: 1px solid #e3e3e3;
      -webkit-box-sizing: border-box;
      -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .1);
      margin: 10vh auto;
      position: relative
  }
  
  .product-data {
      font-weight: 600;
      line-height: 2.29
  }
  
  .product-details {
      font-size: 16px;
      line-height: 1.88;
      letter-spacing: normal;
      font-family: "Maax-Regular";
      font-weight: normal
  }
  
  .prod-attrib p {
      margin-bottom: 0px
  }
  
  .checkbox.check-PLP label {
      padding-left: 23px;
      line-height: 1
  }
  
  .price-summary-section,
  .monthly-section h3 {
      letter-spacing: normal
  }
  
  .page-label-text {
      letter-spacing: normal
  }
  
  .heading-title, .page-label-price {
      font-size: 16px;
      font-weight: bold;
      color: #000000;
      line-height: 24px;;
  }
  
  .checkbox label {
      margin-top: 0
  }
  
  .modal-header {
      border-bottom: 0
  }
  
  .modal-header.cc_close {
      font-size: 25px;
      margin-top: -10px
  }
  
  .selectdiv.dropdown-menu>li>a {
      font-size: 14px;
      padding: 3px 10px
  }
  
  .selectdiv.frequency.default-value,
  .selectdiv.materials.default-value {
      color: #b1aeb1
  }
  
  .price-summary.col-xs-3.text-right,
  .order-total-area.col-xs-3.text-right {
      padding-left: 0
  }
  
  .checkbox.check-PLP {
      margin: 0;
      margin-top: 11px
  }
  
  
  .btn-check-section {
      margin-bottom: 10px
  }
  
  .btn-check-section.custom-checkOut-btn {
      margin-bottom: 15px
  }
  
  
  .dropdown.dropdown-menu {
      border-radius: 0;
      padding: 0;
      width: 100%;
      min-width: 10px
  }
  
  .selectdiv.dropdown-menu li:hover {
      background-color: #3E8A2E;
      color: #fff
  }
  
  .selectdiv.dropdown-menu.selected {
      background-color: #3E8A2E;
      color: #fff
  }
  
  .prod-attrib.dropdown-temp {
      border: 2px solid #ebebeb;
      border-bottom: 2px solid #9b9b9b;
      height: 30px;
      width: 100%;
      display: flex
  }
  
  .dropdown-temp ul {
      min-width: 20px
  }
  
  
  .noArrow button {
      cursor: context-menu;
      pointer-events: none
  }
  
  .dropdown-comm-fre {
      width: 164px;
      border: 2px solid #ebebeb;
      border-bottom: 2px solid #9b9b9b
  }
  
  .material-li-list.dropdown {
      width: 100%;
      border: 1px solid #d0cccc
  }

   .additional-day-msg {
      margin-top: 10px
  }
  
  .dropdown-menu>li>a:hover,
  .dropdown-menu>li>a:focus {
      color: #fff;
      text-decoration: none;
      background-color: #3E8A2E
  }
  
  .requested-date.date-input {
      -webkit-appearance: none;
      -webkit-border-radius: 0px;
      border-radius: none;
      line-height: 100%;
      width: 261px;
      height: 30px;
      padding-left: 6px
  }
  
  input:-moz-placeholder,
  :-moz-placeholder,
  input:-moz-placeholder,
  textarea:-moz-placeholder {
      line-height: 100%
  }
  
  input::-webkit-input-placeholder,
  ::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
      line-height: 100%
  }
  
  .cc_rfq_link {
      display: inline-block;
      padding-left: 15px
  }
  
  .dropdown-comm-qtn ul {
      min-width: 21px
  }
  
  .dropdown-comm-fre ul {
      min-width: 18px
  }
  
  .text-uppercase.info {
      margin: 5px
  }
  
  .infoIcon.info {
      float: right
  }
  
  .text-uppercase.info img {
      margin-bottom: 2px
  }
  
  .info+.tooltip>.tooltip-inner {
      background-color: #e4e4e4;
      color: #605f60
  }
  
  .info+.tooltip>.tooltip-arrow {
      border-bottom-color: #e4e4e4
  }
  
  .infoIcon.tooltip-inner {
      font-family: DINAlternate-Bold;
      width: 128px;
      padding: 13px;
      border-radius: 2px;
      font-size: 10px;
      line-height: 1.45;
      letter-spacing: 0.3px;
      text-align: left
  }
  
  .tax-label {
      margin-top: 8px
  }
  
  .monthly-Sec-comm.order-total-section {
      background: #f4f4f4;
      font-family: "Maax-Regular";
      font-weight: 600;
      margin-bottom: 10px;
      margin-top: 10px
  }
  
  .monthly-Sec-comm {
      font-weight: bold
  }
  
  .available-container-checkbox {
      font-size: 12px
  }
  
  .prod-name.product-name-link {
      font-size: 24px;
      color: #4f4f58
  }
  
  .material-li-list.dropdown {
      border: 2px solid #ebebeb;
      border-bottom: 2px solid #9b9b9b;
      height: 30px
  }
  
  .requested-date.fa.date-commercial {
      right: 30px
  }
  
  .available-container-checkbox {
      margin-top: 25px
  }
  
  .fa.date-commercial {
      right: 30px;
      top: 25px
  }
  
  .monthly-section {
      border-bottom: none
  }
  
  
  a.fuel-charges {
      font-size: 12px;
      color: #1d890a;
      text-decoration: none
  }
  
  .available-container-checkbox label {
      font-family: "Maax-Regular";
      font-weight: 600;
      font-size: 12px
  }
  
  .checkbox input:checked+.available-container-checkbox label {
      font-weight: 600
  }
  
  .othermaterials {
      margin-top: 15px
  }
  
  .requested-date.newcalendaricon {
      right: 5px
  }
  
  .bundle-product-data {
      padding: 20px 0;
      border-bottom: 1px solid #c6c6bc;
      margin-bottom: 28px;
      padding-top: 8px;
      padding-bottom: 16px
  }
  
  .bundle-product-data.bundle-remove-item {
      margin-top: 15px
  }
  
  .bundle-name.product-name-link {
      font-family: DINOT-Medium;
      font-size: 32px;
      font-weight: 600;
      font-style: normal;
      font-stretch: normal;
      line-height: 1;
      letter-spacing: normal;
      color: #4f4f58;
      width: 100%;
      display: block
  }
  
  .required-data {
      padding-bottom: 20px
  }
  
  .required-data p {
      font-size: 14px;
      line-height: 1
  }
  
  .cart-image {
      margin-top: 50px
  }
  
  
  #ancillaryDetailsModal {
      background-color: rgba(98, 98, 98, 0.61);
      width: 100%;
      height: 100%
  }
  
  #ancillaryDetailsModal.modal-dialog {
      width: 800px;
      height: 450px
  }
  
  #ancillaryDetailsModal.modal-dialog.modal-content {
      height: 100%;
      box-shadow: 5px 4px 16px 2px rgba(186, 183, 183, 0.5), 9px 12px 16px 0 rgba(95, 94, 94, 0.5)
  }
  
  #ancillaryDetailsModal.modal-dialog.modal-content.modal-body {
      padding-left: 70px;
      padding-right: 70px;
      padding-top: 0px
  }
  
  #ancillaryDetailsModal.modal-dialog.modal-content.modal-body.product-data:first-child {
      padding-left: 0px
  }
  
  #ancillaryDetailsModal.modal-dialog.modal-content.modal-body.product-data.text-uppercase,
  #ancillaryDetailsModal.modal-dialog.modal-content.modal-body.product-data.text-right {
      font-family: 'Inter';
      font-weight: bold;
      font-size: 16px
  }
  
  #ancillaryDetailsModal.modal-dialog.modal-header {
      padding-top: 60px;
      padding: 60px 70px 36px 70px
  }
  
  #ancillaryDetailsModal.modal-dialog.modal-title {
      font-family: "Maax-Regular";
      font-weight: 600;
      font-size: 24px
  }
  
  #ancillaryDetailsModal.modal-dialog.modal-header.close {
      font-weight: 200;
      font-size: 34px;
      color: #1d890a;
      opacity: 1;
      position: absolute;
      right: 22px;
      top: 20px
  }
  
  .price-summary.col-xs-12 .col-xs-9,
  .order-total-area.col-xs-12 .col-xs-9,
  .order-total-area.col-xs-8,
  .order-total-area.col-xs-6 {
      padding-left: 10px;
      padding-right: 0
  }
  
  .price-summary.text-right,
  .order-total-area.text-right {
      padding-left: 0;
      padding-right: 5px
  }
  
  .panel-heading {
      padding-left: 25px
  }
  
  .price-heading {
      padding: 10px;
      padding-left: 0px;
      border-bottom: solid 1px #c6c6bc;
      line-height: 1
  }
  
  .bundle-message {
      margin-top: 10px;
      padding-bottom: 10px;
      /*border-bottom: 1px solid #c6c6bc;*/
      font-size: 14px;
      font-weight: 500;
      line-height: 20px;
      color: #5E5E5E;
      padding: 0 10px;
  }
  
  .row.upper-spacing.prod-attrib.tablet-cartitem-details {
      margin-top: 15px
  }
/* RO issue */
  .cart_item.wishFinder.cc_cart_item.row {
    margin-left: 0;
    margin-right: 0;
  }

  .cart-lineitem-editsection {
    margin-left: -20px;
  }

  /* FINPOP-10213 */
  .wm-price-row.col-xs-12 {
    padding: 0;
  }

  .order-total.page-label-price {
    /* FINPOP-10213 */
    color: #5E5E5E;
    font-size: 16px;
    font-family: 'Maax-Regular';
    font-weight: 400;
  }

  .wm-secure-checkout-tip {
    display: none;
    position: absolute;
    right: 170px;
    z-index: 100000000000;
    background-color: #FFFFFF;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.15);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #212121;
    font-family: 'Maax-Regular';
    font-size: 12px;
    line-height: 18px;
    height: 176px;
    width: 414px;
    bottom: -80px;
    padding-left: 30px;
    padding-top: 30px;
    padding-bottom: 38px;
    padding-right: 60px;
  }

  .wm-secure-checkout-tip:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid white;
    left: 100%;
    top: 44%;
    transform: rotate(180deg);
}

.wm-secure-checkout-tip .secure-badge-close  {
    visibility: hidden;
}

.wm-secure-checkout-tip .wm-close-icon {
    float: right;
    margin-right: -48px;
    margin-top: -20px;
    cursor: pointer;
    background: transparent;
    border: none; /*ADA changes*/
}
  
  @media(min-width:1200px) {
      .material-li-list.dropdown {
          width: 90%
      }
      
      .material-li-list  .content-heading:first-child{
          margin-left: 9px;
      }
      
      .col-md-9.cc_main_content_col {
          width: 66%;
          /* background: white; RPTEMP: FINPOP-4140 commented */
          margin-bottom:12%;
      }
      
      .price-heading {
          width: 96.5%
      }

      p.tax-charges-expanded.col-xs-12{
        padding-left: 34px;
      }

      .panel-body p {
          padding-right: 0px
      }
      .main.seperator {
          width: 94%
      }
      .order-total-section.monthly-section.text-right {
          padding-right: 10px
      }
      .order-comm.order-total-section.text-right {
          padding-right: 10px
      }
      /*.material-li-list.dropdown.selectdiv.dropdown-comm-fre {*/
      /*    width: 170px*/
      /*}*/
  }
  
  @media(max-width:767px) {
    
      .col-md-9.cc_main_content_col {
          width: 100% !important;
      }

      p.tax-charges-expanded{
        padding: 0 0 0 30px;
      }
      
      .tooltip{
          display:none;
      }
      
      /* .cc_title {
          padding-top: 1.5rem;
      } RPTEMP: FINPOP-4140 commented the code*/
      
      .login-message {
          height:auto;
      }
      
      .form-group-fields {
          margin-left: 4%;
          overflow: hidden;
      }
      
      /* .emailValid{
          margin-left: 4%;
      } RPTEMP: FINPOP-4140 Commented */
      
      .cci-section {
          flex-direction:column;
      }
      
      .cci-preferences-selection-text {
          margin:auto;
      }
      
      .serviceAddressForm textarea.cc_contact_input_placementInstr,
      .serviceAddressForm textarea.cc_contact_input_serviceInstr {
          height: 130px;
          width: 100%;
      }
  
      /* .see-password {
          margin-right:5%;
      } RPTEMP: FINPOP-4140 commented*/
      
      .tab-pane:not(.active) {
        display: none;
      }
      
      .password-field-container {
          width: 100%;
      }
      
      .form-control {
          width: 100%;
      }
      
      .col-md-3.cc_right_col.right_column{
          width:100% !important;
          margin: auto !important;
          display: flex;
          flex-direction: column;
      }
      
      .field{
          width: 100% !important;
      }
      
      .secure-checkout {
          float:left;
          margin-top: 1rem;
      }
      
      /* #createEmailField, 
      #createPasswordField {
          width:97% !important;
      } RPTEMP: FINPOP-4140 Commented*/
      
      .cc_userInfo_form {
          margin-left:0;
      }
      
      .userInfoBtns {
          position: relative;
          z-index: 2;
      }
      
      .temparary-cart-cs input.cursorPointerForCalendar {
          padding-left: 6px
      }
      .couponDisabled {
          margin-left: 0px;
          height: 30px;
      }

      @supports(-webkit-overflow-scrolling:touch) {
          .requested-date.date-input {
              -webkit-appearance: none;
              -webkit-border-radius: 0px;
              border-radius: none;
              width: 261px;
              height: 30px;
              padding-top: 0px;
              padding-left: 6px;
              line-height: 28px
          }
      }
      .requested-date.newcalendaricon {
          right: 27px
      }
      .prod-attrib.dropdown-temp {
          width: 100%
      }
      .no-padding-mobile {
          padding: 0
      }
      .panel {
          margin-top: 15px
      }
      .cart_item {
          padding: 0px 0 12px
      }
      .temparary-cart-cs.newcalendaricon {
          right: 20px
      }
      .date-input,
      .requested-date.date-input {
          /*width: 100%;*/
          font-size: 16px
      }
      
  
      input::placeholder {
          padding-top: 10px
      }
      .prod-name {
          font-size: 22px;
          line-height: 1.45
      }
      .cart-image {
          margin-top: 20px
      }
      .requested-date.newcalendaricon {
          right: 10px;
          top: 35px
      }
      .ancillary-products {
          margin-top: 30px
      }
      small {
          font-size: 12px;
          line-height: 1.89;
          letter-spacing: 0.2px;
          margin: 10px 0 5px;
          display: block
      }
      .price-heading {
          font-size: 16px;
          line-height: 2;
          font-family: "Maax-Regular";
          font-weight: 600;
          font-style: normal;
          font-stretch: normal;
          line-height: 0.94;
          letter-spacing: 0.2px;
          border-bottom: none;
          padding-bottom: 20px;
          padding-top: 10px
      }
  
      .one-time-charges {
          padding-left: 15px;
          padding-right: 15px
      }
      .del-charges {
          padding-left: 30px
      }
      .materials-dropdown:after {
          right: 0px
      }
      i.fa.fa-calendar {
          right: 25px
      }
      .product-data span {
          font-size: 14px;
          font-weight: bold;
          font-style: normal;
          font-stretch: normal;
          line-height: 2.29;
          letter-spacing: normal
      }
      .material-li-list.dropdown.selectdiv.dropdown-comm-fre {
          margin-left: 18px
      }
      
      .frequencySelector  .editCartCommField{
         margin-top:10px; 
      }
      .cart-link.cc_rfq_link {
          float: right;
          margin: 0
      }
      .checkbox label {
          padding-left: 25px
      }
      .modal-title span {
          line-height: 1.88;
          letter-spacing: normal;
          font-size: 24px;
          font-weight: normal
      }
      .modal-title.category-name {
          font-weight: 300
      }
      .modal-body {
          padding: 0
      }
      .category-row.category-type {
          padding-bottom: 2px
      }
      .othermaterials {
          font-size: 11px
      }
      .row.upper-spacing {
          margin-top: 4px
      }
      .daterangepicker {
          width: auto;
          z-index: 99
      }
      .charge-msg {
          margin-top: 10px
      }
      .ancillary-modal {
          margin: 20vh auto
      }
      #ancillaryDetailsModal.modal-dialog.modal-content.modal-body {
          padding-left: 20px;
          padding-right: 20px;
          padding-top: 5px;
          padding-bottom: 20px
      }
      #ancillaryDetailsModal.modal-dialog.modal-header {
          padding-top: 60px;
          padding: 20px 20px 0px 20px
      }
      #ancillaryDetailsModal.modal-dialog {
          width: 100%;
          height: auto;
          margin: 0
      }
  }
  
  @media(max-width:1024px){
      .col-md-9.cc_main_content_col {
          width: 100% !important;
      }
      
      /* .cc_title {
          padding-top: 1.5rem;
      } RPTEMP: FINPOP-4140 commented the code*/
      
      .login-message {
          height:auto;
      }
      
      .form-group-fields {
          margin-left: 4%;
          overflow: hidden;
      }
      
      /* .passwordFieldMargin{
          margin-left: 4%;
          overflow: visible;
      } RPTEMP: FINPOP-4140 commented*/
      
      /* .emailValid{
          margin-left: 4%;
      } RPTEMP: FINPOP-4140 Commented */
      
      .cci-section {
          flex-direction:column;
      }
      
      .cci-preferences-selection-text {
          margin:auto;
      }
      
      .serviceAddressForm textarea.cc_contact_input_placementInstr,
      .serviceAddressForm textarea.cc_contact_input_serviceInstr {
          height: 130px;
          width: 100%;
      }
      
      input#createPasswordField ~ i.see-password  {
          right: 7%;
          top: 75%;
      }
      
      input#passwordField ~ i.see-password  {
          right: 5%;
          top: 40%;
      }
      
      .tab-pane:not(.active) {
        display: none;
      }
      
      .password-field-container {
          width: 100%;
      }
      
      .form-control {
          width: 100%;
      }
      
      .col-md-3.cc_right_col.right_column{
          width:100% !important;
          margin: auto !important;
          display: flex;
          flex-direction: column;
      }
      
      #createAccount .field , #loginUser  .field, #billingAddressForm .field , .userDetailsForm .field{
          width: 100% !important;
      }
  
      .secure-checkout {
          float:left;
          margin-top: 1rem;
      }
      
      /* #createEmailField, 
      #createPasswordField {
          width:97% !important;
      } RPTEMP: FINPOP-4140 Commented */
      
      .cc_userInfo_form {
          margin-left:0;
      }
      
      .userInfoBtns {
          position: relative;
          z-index: 2;
      }
      
      .cc_userInfo_form .timeline .nav-pills>li{
          min-width:50%;
          max-width:50%;
      }
      
      /* #loginUser .login-button{
          width:95%;
      } RPTEMP: FINPOP-4140 Commented */
      
      
      #enterEmail, 
      #passwordField {
          width: 100% !important;
      }
  }
  
  @media only screen and(min-width:320px)and(max-width:425px) {
      .daterangepicker.opensright:before,
      .daterangepicker.opensright:after {
          left: auto;
          right: 5rem
      }
      a.cart-link.removeItemButton {
          padding-right: 15px
      }
      .additional-day-msg {
          margin-top: 15px
      }
      .prod-attrib p {
          margin-bottom: 5px
      }
      .residential-cart-cs.main:last-child.seperator {
          display: block
      }
      .residential-cart-cs.order-total-section {
          border-top: 0px
      }
      .cart-image {
          width: 100%
      }
      .cart-data {
          width: 100%
      }
      .icon-label-title {
          margin-left: 15px
      }
      .en-ca.stay-padding-top {
          padding-top: 0px
      }
      .panel-heading>div:first-child {
          border-bottom: 1px solid #c1bfc2
      }
      .panel-heading.divider {
          display: none
      }
      .one-time-charges.misc-charges-selector {
          padding-left: 0px
      }
      .cc_panel_shopping_cart {
          padding-bottom: 0px
      }
      .otherText-error-style {
          max-width: 100%
      }
      .prod-name a {
          font-size: 16px;
          letter-spacing: 0.2px
      }
      .price-value {
          padding: 0 15px;
          text-align: left
      }
      .dropdown-options-list {
          width: 100%
      }
      .upper-spacing {
          margin-top: 30px
      }
      .requested-date {
          margin-top: 20px
      }
      .monthly-section {
          font-size: 15px;
          border-bottom: none;
          height: auto;
          display: flex;
          align-items: center
      }
      .available-container-checkbox {
          margin-top: 20px;
          display: inline-block
      }
      .charge-label.text-right {
          margin-top: 5px
      }
  }
  
  @media only screen and(min-width:768px)and(max-width:1024px)and(orientation:portrait) {
      .temparary-cart-cs.newcalendaricon {
          right: 20px
      }
      input#addCouponId {
          width: 200px
      }
      .cart-image {
          margin-top: 0px
      }
      .requested-date {
          padding-left: 15px
      }
      .charge-label.charged-today-label {
          font-size: 15px
      }
      .temp-cart-cs.divider:last-child {
          display: none
      }
      .daterangepicker.opensright:before {
          left: 30px
      }
      .daterangepicker.opensright:after {
          left: 30px
      }
      small {
          font-size: 10px;
          font-family: DIN;
          color: #605f60;
          margin-top: 10px;
          display: inline-block
      }
      .daterangepicker.ltr {
          left: 170px
      }
      .mobileNavPageLink img {
          margin-top: 2px
      }
      .main:last-child.seperator {
          display: block
      }
      .otherText-error-style {
          max-width: 100%
      }
      .order-total-section.monthly-section span {
          margin-left: -10px
      }
      .one-time-charges.priceOneTime {
          margin-left: -10px;
          font-size: 12px;
          font-weight: 600;
          font-style: normal;
          font-stretch: normal;
          line-height: 1.5;
          letter-spacing: 0.1px;
          color: #918f91
      }
      .del-charges {
          font-size: 12px;
          font-weight: 600;
          font-style: normal;
          font-stretch: normal;
          line-height: 1.5;
          letter-spacing: 0.1px;
          color: #918f91;
          padding-left: 5px
      }
      .panel-heading {
          padding: 0
      }
      .panel-heading.divider {
          display: none
      }
      .price-heading {
          font-size: 16px;
          padding: 10px 20px;
          border-bottom: 1px solid #c1bfc2;
          font-weight: 600;
          font-style: normal;
          font-stretch: normal;
          line-height: 2;
          letter-spacing: 0.2px
      }
      .panel-body.price-summary-section {
          font-size: 14px;
          font-weight: 600;
          line-height: 2.29;
          letter-spacing: 0.2px
      }
      .price-wrapper-product-name {
          font-weight: 600;
          font-size: 14px
      }
      .monthly-Sec-comm.order-total-section {
          background-color: transparent;
          height: auto
      }
      .monthly-section {
          border: none;
          font-size: 12px;
          font-weight: 600;
          font-style: normal;
          font-stretch: normal;
          line-height: 1.5;
          letter-spacing: 0.1px;
          color: #918f91
      }
      .misc-charges-selector,
      .tax-label span {
          font-size: 12px;
          font-weight: 600;
          font-style: normal;
          font-stretch: normal;
          line-height: 1.5;
          letter-spacing: 0.2px;
          color: #918f91
      }
      .panel-body p {
          font-size: 12px;
          font-weight: 600;
          font-style: normal;
          font-stretch: normal;
          line-height: 1.5;
          letter-spacing: 0.2px;
          color: #918f91
      }
      .panel-body.text-right p {
          font-size: 14px;
          font-weight: bold;
          letter-spacing: 0.2px;
          text-align: right
      }
      .cc_prod_link,
      .cc_prod_link:hover,
      .cc_prod_link:visited,
      .cc_prod_link:active {
          font-size: 16px
      }
      .prod-name a {
          float: none;
          font-size: 16px;
          display: inline
      }
      .temparary-cart-cs.cart_item {
          min-height: 340px
      }
      .cc_cart_item {
          min-height: 340px
      }
      .requested-date {
          margin-top: 15px
      }
      .change-height {
          min-height: 424px
      }
      .temparary-cart-cs.change-height {
          min-height: 424px
      }      
      .prod-attrib.dropdown-temp {
          width: 100px
      }
      .t-float-right {
          float: right
      }
      .t-float-right input {
          width: 100%
      }
      .fa.fa-calendar {
          right: 30px
      }
      .selectdiv.materials {
          width: 100%
      }
      .img-responsive {
          max-width: 170px
      }
      .cc_panel_shopping_cart.panel-body {
          padding-top: 20px
      }
      .price-summary {
          padding-left: 5px
      }
      .misc-panel-body {
          padding-left: 5px
      }
      .charge-label {
          padding-left: 5px
      }
      .removeItemButton {
          position: absolute;
          top: 30px;
          right: 30px;
          font-size: 12px;
          font-weight: 600;
          font-style: normal;
          font-stretch: normal;
          line-height: 2;
          letter-spacing: 0.2px
      }
      .dropdown-options-list {
          width: 100%
      }
      .en-ca.social-buttons li {
          width: 100%;
          float: left;
          text-align: left;
          line-height: 2
      }
      .icon-label-title {
          margin-left: 15px
      }
      .en-ca.stay-padding-top {
          padding-top: 0px
      }
      .requested-date.date-input {
          width: 100%
      }
      .selectdiv.frequency {
          width: 100%
      }
      .available-container-checkbox {
          display: inline-block
      }
      .residential-cart-cs.cart_item {
          min-height: 380px
      }
      .price-summary.col-xs-3.text-right {
          padding-right: 0px
      }
      .order-total-section.monthly-section.text-right {
          padding-right: 0px
      }
      .one-time-charge-value {
          padding-right: 0px
      }
      .order-total-section.text-right {
          padding-right: 0px
      }
      .seperator {
          padding: 0;
          padding-left: 15px
      }     
  }
  
  @media only screen and(min-width:768px)and(max-width:1024px)and(orientation:landscape) {
      .temparary-cart-cs.newcalendaricon {
          right: 20px
      }
      .available-container-checkbox label {
          margin-top: 10px
      }
      .heading-title {
          margin-left: 7px
      }
      .charge-label.charged-today-label {
          font-size: 16px
      }
      input#addCouponId {
          width: 220px
      }
      .requested-date {
          padding-left: 15px;
          margin-top: 10px
      }
      .requested-date.date-input {
          width: 100%
      }
      .fa.fa-calendar {
          right: 30px
      }
      .material-li-list {
          width: 100%
      }
      div[class*="other-materials-section"] {
          width: 100%
      }
      .selectdiv.materials {
          width: 100%
      }
      .date-input {
          width: 100%
      }

    
  }

/* Tablet */
@media only screen and (min-width:760px) and (max-width:1024px) {
    .wm-secure-click {
        bottom: -40px;
    }

}
  
  /*Start of OBE-4810*/ 
  .ancillaryItems{
      color: #212121;
  }
  @media(min-width:1200px){
    .ancillaryItems .text-right{
        padding-right: 5px;
    }
  }
  @media(max-width:1200px){
    .ancillaryItems .text-right{
        padding-right: 0px;
    }
  }
   /*End of OBE-4810*/ 

  .bundle-product-data[data-hasoptional="False"] {
      padding: 0;
      border-bottom: 0;
      margin-bottom: 0;
      padding-top: 0;
      padding-bottom: 0
  }
  
  .bundle-product-data[data-hasoptional="False"].bundle-name {
      display: none
  }
  
  .bundle-product-data[data-hasoptional="False"].bundle-remove-btn {
      width: 100%;
      padding-bottom: 20px
  }
  
  .required-data[data-hasoptional="False"] {
      padding-bottom: 0px
  }
  
  .required-data[data-hasoptional="False"].requiredprod {
      display: none
  }
  
  /*New CSS for MiniCart*/
  .disableSave{
      cursor: not-allowed !important;
      font-weight: 400;
  }
  
  body{
      background: #f4f4f4;
  }
  
  .container.cc_main_container.cc_tmpl_TwoColRD {
    width: 1170px;
  }
  .col-md-9.cc_main_content_col {
      width: 64%;
      /*background: white;
        padding-left:25px;  RPTEMP: FINIPOP-4140 commented */
  }
  
  .col-md-3.cc_right_col.right_column {
  
      width: 32%;
      box-shadow: 0 0 8px 0 rgba(0,0,0,0.15);
      margin-left: 15px;
      background: white;
  }
  
  .delivery-address, .delivery-section{
      margin-top: 24px;
  }
  .col-md-3.cc_right_col.right_column {
      padding-left: 25px;
      padding-right: 25px;
  }
  
  .material-type-image{
      margin-right: 8px;
      margin-bottom: 3px;
      margin-left: 2%;
  } 
  /* OPR-2070 */
  .panel-collapse .misc-items-pricing{
    padding-bottom:0px;
  }

   /* OPR-2070 and OPR-6548*/
  .ancillary-product-list{
    margin-top:5px;
    font-family: "Maax-Regular";
    letter-spacing: 0;
	line-height: 17px;
  }  
.misc-charges-temp {
    color: #4F4F58;
    font-size: 14px;
    margin:0 0 0 5px;
}

button.content-image-plus.pull-left.no-border,
.no-border {
    border: none !important;
    padding: 0;
    margin: 0 0 0 3px;
}

.margin-tax-div.seperator {
    margin: 16px 0 18.5px 0;
}

.expanded-price-summary-item-text {
    margin: 0 0 0 14px !important;
    font-size: 12px !important;
    line-height: 16px !important;
    padding-left: 0 !important;
    color: #4F4F58 !important;
}

.pl-0 {
    padding-left: 0;
}

.expanded-price-summary-item-text {
    margin: 0 0 0 14px !important;
    font-size: 12px !important;
    line-height: 16px !important;
    padding-left: 0 !important;
    color: #4F4F58 !important;
}

p.heading-title.temp-tax-misc-title,
p.price-summary-section.temp-tax-misc-title,
#convenienceFeeContainer{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #5E5E5E;
}  

.pr-0 {
	padding-right: 0;
}

.expanded-price-summary-item-text .pl-18 {
	padding-left: 18px;
}

.expanded-price-summary-item-text p{
    padding: 0;
}

.mt-50{
    margin-top: 50px !important;
}