/* //AutoReorder */
.topContainer {
  width: 100%;
  background: url(data:image/png;charset=UTF-8;base64,iVBORw0KGgoAAAANSUhEUgAABBIAAAABCAIAAAD�JJREFUeNrswQEBAAAIgKD6P9oW9ADYagAAAH4HAAD//wMAlOsC/1CMcIcAAAAASUVORK5CYII=) repeat-y top center;
  float: left;
}

.topContainerInner {
  width: 994px;
  margin: 0 auto;
}

.mainContainer {
  float: left;
  width: 100%;
  padding: 0 0 38px 0;
}

.contentDiv {
  width: 100%;
  float: left;
}

.contentDivInner {
  padding: 0 10px;
  float: left;
  width: 984px;
}



#reorder-faqs {
  border: none !important;
}

.SS-FieldInfo {
  display: inline-block;
  margin-left: .25em;
  position: relative;
  vertical-align: middle;
}

#cartDiv .SS-FieldInfo {
  vertical-align: baseline;
}

#cartDiv .SS-FieldInfo img {
  width: 11px;
}

[class*="SS-Price"] {
  margin: 0 !important;
}

#cartTotalPrices [class*="sID-Price"] {
  margin: 0 !important;
}

td.itemPrice [class*="sID-Price"] {
  text-align: right;
  float: none !important;
}

.SS-Price_old {
  color: var(--nobel_grey);
  text-decoration: line-through;
}

.SS-Price_old .sumValue {
  text-decoration: line-through;
}

.SS-Price_discount {
  color: var(--secondary_medium_grey);
  font-weight: bold;
}

.btn,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /*background-color: var(--basic_purple);*/
  border: 0;
  border-radius: 8px;
  color: var(--white);
  cursor: pointer;
  display: inline-block;
  font-family: var(--ge_font_family_base);
  font-size: 22px;
  -webkit-font-smoothing: antialiased;
  font-weight: normal;
  line-height: 1;
  /*margin-right: 1em;*/
  /* padding: 0.75em 1.5em;*/
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color 150ms ease;
  -o-transition: background-color 150ms ease;
  transition: background-color 150ms ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
}

.btn .label,
button .label,
input[type="button"] .label,
input[type="reset"] .label,
input[type="submit"] .label {
  display: inline-block;
  position: relative;
}

.btn .label:after,
button .label:after,
input[type="button"] .label:after,
input[type="reset"] .label:after,
input[type="submit"] .label:after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: '\f0da';
  margin-left: 0.6em;
}

.btn:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {

  background-color: var(--basic_hover);
  color: var(--white);
}

.btn:focus,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
  outline: 0;
  outline-offset: 0;
}

.btn:disabled,
button:disabled,
input[type="button"]:disabled,
input[type="reset"]:disabled,
input[type="submit"]:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.btn:disabled:hover,
button:disabled:hover,
input[type="button"]:disabled:hover,
input[type="reset"]:disabled:hover,
input[type="submit"]:disabled:hover {
  background-color: var(--basic_purple);
}

.btn.small,
button.small,
input[type="button"].small,
input[type="reset"].small,
input[type="submit"].small {
  font-size: 13px;
  font-weight: bold;
}

.btn.big,
button.big,
input[type="button"].big,
input[type="reset"].big,
input[type="submit"].big {
  width: 100%;
}

.btn.double-padding,
button.double-padding,
input[type="button"].double-padding,
input[type="reset"].double-padding,
input[type="submit"].double-padding {
  padding: 0.75em 3em;
}

.btn.white,
button.white,
input[type="button"].white,
input[type="reset"].white,
input[type="submit"].white {
  background-color: var(--white);
  color: var(--basic_purple);
}

.btn.white:hover,
button.white:hover,
input[type="button"].white:hover,
input[type="reset"].white:hover,
input[type="submit"].white:hover {
  background-color: var(--basic_hover);
}

.btn.transparent,
button.transparent,
input[type="button"].transparent,
input[type="reset"].transparent,
input[type="submit"].transparent {
  background-color: transparent;
  color: var(--basic_purple);
  font-weight: bold;
  padding-left: 0;
  padding-right: 0;
  text-decoration: underline;
}

.btn.transparent:hover,
button.transparent:hover,
input[type="button"].transparent:hover,
input[type="reset"].transparent:hover,
input[type="submit"].transparent:hover {
  background-color: transparent;
  color: var(--basic_hover);
}

.SS-AutoReorderRepeat {
  height: 23px;
}

.SS-Accordion {
  position: relative;
}

.SS-AccordionPanel {
  border-bottom: 1px solid var(--light_border_grey);
}

.SS-AccordionTitle {
  color: var(--basic_purple);
}

.SS-AccordionTrigger {
  cursor: pointer;
  padding: 2em 100px 1.5em 0;
  position: relative;
}

.SS-AccordionTrigger:after {
  background: url("../images/icon-accordion-arrow.svg") no-repeat center;
  background-size: contain;
  content: "";
  height: 1em;
  position: absolute;
  right: 1.5em;
  top: 2.4em;
  width: 14px;
}

.SS-AccordionPanel_active .SS-AccordionTrigger:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.SS-AccordionContent {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  display: none;
  overflow: hidden;
  width: 100%;
}

.SS-AccordionContentInner {
  padding: 0 100px .5em 0;
}

.SS-ReorderOptions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 2em 0 1em 0;
}

#cartDiv .SS-ReorderOptions {
  display: block;
}

.SS-ReorderOption {
  margin: 0 2em 1em 0;
}

#cartDiv .SS-ReorderOption {
  margin: 0;
}

.SS-ReorderOptionLabel {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
}

.SS-ReorderOptionField {
  display: inline-block;
  vertical-align: inherit;
}

.SS-ReorderOptionText {
  display: inline-block;
  vertical-align: inherit;
}

.SS-ReorderOptionDropdown {
  display: none;
  float: none;
  margin-left: .25em;
  vertical-align: middle;
}

input:checked~.SS-ReorderOptionDropdown {
  display: inline-block;
}

#cartDiv input:checked~.SS-ReorderOptionDropdown {
  display: block;
  margin-top: .5em;
}

.SS-ReorderOptionInfo {
  display: inline-block;
  margin-left: .25em;
  position: relative;
  vertical-align: middle;
}

#cartDiv .SS-ReorderOptionInfo {
  vertical-align: baseline;
}

#cartDiv .SS-ReorderOptionInfo img {
  width: 11px;
}

.SS-ReorderOptionTooltip {
  background: var(--azurish_white);
  color: #686d70;
  display: none;
  font-size: .8em;
  left: 100%;
  margin-left: 1.7em;
  padding: .8em;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  white-space: normal;
  width: 15em;
}

*:hover>.SS-ReorderOptionTooltip {
  display: block;
}

.SS-ReorderOptionTooltip:before {
  border-bottom: .8em solid transparent;
  border-right: 1.4em solid var(--light_border_grey);
  border-top: .8em solid transparent;
  content: '';
  position: absolute;
  right: 100%;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

#cartDiv #header3,
#cartDiv #header4,
#cartDiv #header5 {
  width: auto;
}

#cartDiv #header6 {
  width: 31px;
}

#cartDiv .reportTable table tr td {
  padding: 10px;
}

#cartDiv .reportTable table tr td .priceDetails .listPrice,
#cartDiv .reportTable table tr td .priceDetails .webPrice {
  text-align: left;
}

#cartDiv .reportTable table tr td .priceDetails td.quantity {
  text-align: left;
}

#cartDiv .reportTable table tr td .qtyDiv {
  text-align: left;
}

#cartDiv .reportTable table tr td .qtyDiv a.update {
  float: none;
  margin-left: .7em;
}

#cartDiv .reportTable table tr td .totalDiv {
  float: none;
  font-size: 17px;
}

#cartDiv .reportTable table tr td .totalDiv .totalAm {
  color: var(--basic_purple);
  margin-bottom: 1em;
}

#cartDiv .cartQty {
  display: inline-block;
  width: 31px;
}

#cartDiv .inventoryAvailability1 {
  text-align: left;
}

#cartDiv .submitRemoveProduct img {
  height: 22px;
  width: 22px;
}

.SS-AutoReorders {
  float: right;
  line-height: 1.6em;
  width: 802px;
}

.SS-AutoReorder {
  border: 1px solid var(--light_border_grey);
  -webkit-box-shadow: 0 1px 3px var(--light_border_grey);
  box-shadow: 0 1px 3px var(--light_border_grey);
  margin-bottom: 2em;
}

.SS-AutoReorderHeader {
  border-bottom: 1px solid var(--light_border_grey);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2em;
}

.SS-AutoReorderTitle {
  color: var(--lead_black);
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-weight: normal;
}

.SS-AutoReorderMain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.SS-AutoReorderProduct {
  border-right: 1px solid var(--light_border_grey);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
  padding: 2em;
}

.SS-AutoReorderProductImage {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid var(--light_border_grey);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-right: 1em;
}

.SS-AutoReorderProductImage img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  max-width: 100%;
}

.SS-AutoReorderProductDetails {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
}

.SS-AutoReorderProductName {
  font-size: 18px;
  font-weight: normal;
  margin-bottom: .5em;
}

.SS-AutoReorderProductInfo dt {
  font-weight: bold;
  min-width: 0;
  padding-right: .5em;
}

.SS-AutoReorderProductInfo dd {
  min-width: 0;
}

.SS-AutoReorderOrder {
  border-right: 1px solid var(--light_border_grey);
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 2em;
}

.SS-AutoReorderQty {
  display: block;
  margin-bottom: .75em;
  max-width: 2em;
  padding: .65em;
}

.SS-AutoReorderQtyUpdate {
  color: var(--darkGrey);
  display: inline-block;
  margin-bottom: 1em;
}

.SS-AutoReorderAddress {
  padding: 2em;
}

.SS-AutoReorderFooter {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid var(--light_border_grey);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2em;
}

.SS-AutoReorderFooterMessage {
  color: var(--basic_purple);
  font-weight: bold;
  margin-right: 2em;
}

.SS-AutoReorderAddPo {
  margin-left: auto;
  max-width: 212px;
  width: 100%;
}

.SS-AutoReorderAddPoForm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 100%;
}

.SS-AutoReorderAddPoNumber+.SS-AutoReorderAddPoFormHolder {
  display: none;
}

.SS-AutoReorderAddPoInput {
  border: 1px solid var(--light_border_grey);
  border-right: none;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  outline: none;
  padding: .8em;
}

.SS-AutoReorderAddPoSubmit {
  background: var(--palladium_grey);
  color: var(--white);
  font-size: 30px;
  line-height: 29.5px;
  margin: 0;
  padding: 0 0 3px;
  text-align: center;
  width: 30px;
}

.SS-AutoReorderAddPoNumber {
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bold;
  text-align: right;
}

.SS-AutoReorderAddPoNumber a {
  color: var(--basic_purple);
}

.SS-NoAutoReorders {
  float: right;
  width: 802px;
}

.SS-NoAutoReorders h2 {
  color: var(--lead_black);
  line-height: 1.4em;
  margin-bottom: 1em;
}

.SS-NoAutoReordersHeader {
  border-bottom: 1px solid var(--light_border_grey);
  margin-bottom: 3em;
}

.SS-NoAutoReorders .SS-NoAutoReordersMessage {
  color: var(--darkGrey);
  font-weight: normal;
}

.SS-NoAutoReordersTips {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 2em 0 3em;
}

.SS-NoAutoReordersTip {
  border: 1px solid var(--light_border_grey);
  -webkit-box-shadow: 0 1px 3px var(--light_border_grey);
  box-shadow: 0 1px 3px var(--light_border_grey);
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-right: 2em;
}

.SS-NoAutoReordersTip:last-child {
  margin-right: 0;
}

.SS-NoAutoReordersTipImage {
  height: 5.5em;
  padding: 2em;
}

.SS-NoAutoReordersTipImage img {
  max-height: 100%;
}

.SS-NoAutoReordersTipContent {
  padding: 0 2em 2em;
}

.SS-NoAutoReordersTipHeading {
  color: var(--basic_purple);
  font-size: 1.5em;
  line-height: 1.4em;
  margin-bottom: 1em;
}

/*FAQ CSS*/
.collapsibleReorder {
  background-color: var(--white);
  color: var(--basic_purple);
  font-weight: bold;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;

}

.active,
.collapsibleReorder:hover {
  background-color: var(--white);
}

.collapsibleReorder:after {
  content: url(../images/dropdown_caret.svg);
  color: var(--basic_purple);
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.activeautoreorder:after {
  content: url(../images/up_caret.png);
}

.contentReorder {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: var(--white);
  border-bottom: 1px solid var(--light_border_grey);
}

.contentReorder p {
  margin-top: 0px;
}

/*static page*/
.SS-AutoReorderTitle {
  color: var(--lead_black);
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-weight: normal;
}

.SS-NoAutoReorder {
  font-size: 18px;
  color: var(--secondary_medium_grey);
  font-weight: normal;
  padding-bottom: 25px;
  border-bottom: 1px solid var(--light_border_grey);
}

.staticPageBox {
  float: left;
  margin: 35px 15px 10px 0px;
  padding: 20px;
  width: 25%;
  border: 1px solid var(--light_border_grey);
}

.staticPage {
  font-weight: bold !important;
}

.staticpageFAQ {
  color: var(--basic_purple);
  text-decoration: underline;
}

.clear {
  clear: both;
}

.marginTB {
  margin: 15px 0;
}

/*latest css*/

.orderConfirmMsg,
.orderSkipMsg,
.orderPauseMsg {
  color: var(--lead_black);
  font-weight: bold;
  font-size: 16px;
  margin-right: 6px;
}

.inputRecurrence {
  height: 25px;
  border: 1px solid var(--light_border_grey);
  text-align: center
}

.marginR1em {
  margin-right: 1em;
}

.AutoReOrderFAQDashBoard a {
  color: var(--basic_hover);
}

/*end*/