/*DG 2022 | SKIN FILE CREATED*/
@import url("https://fonts.googleapis.com/css?family=Bebas+Neue&display=swap");
#AJAXPlaceholder {
  color: darkred;
}

.intructions-text {
  color: white;
  background-color: darkred;
}
.intructions-text .arrow-down {
  border-top: 10px solid darkred;
}

.enr-url-creation {
  color: #ccc;
  background-color: #7e7e7e;
}
.enr-url-creation span {
  color: white;
}

/*MODAL FOR ENR FORM:*/
.modal-overlay,
.msg-overlay {
  background: rgba(0, 0, 0, 0.7) !important;
}

.enr-modal-container h2.display {
  font-family: "Bebas Neue", sans-serif;
  font-size: 64px;
  color: #d3682a;
}
.enr-modal-container h2.section-display {
  font-size: 36px;
  font-family: "Bebas Neue", sans-serif;
  color: #d3682a;
}
.enr-modal-container h3.section-display {
  font-size: 26px;
  font-weight: 400;
  font-family: "Bebas Neue", sans-serif;
  color: #333;
}
.enr-modal-container header,
.enr-modal-container .modal-header {
  background-color: #d3682a;
}
.enr-modal-container header h3,
.enr-modal-container header h4 {
  color: #444;
}
.enr-modal-container .modal-header h3,
.enr-modal-container .modal-header h4 {
  color: #444;
}
.enr-modal-container footer,
.enr-modal-container .modal-footer {
  border-top: 1px solid #fff;
  background: #fff;
}
.enr-modal-container .btn {
  font-size: 14px;
  background-color: #fff;
  border: 1px solid #bbb;
  color: #333;
}
.enr-modal-container .btn:hover {
  background-color: #fff;
  color: #333;
}

#enr-header {
  background-color: #fff !important;
}

#enr-main h2.display {
  font-family: "Bebas Neue", sans-serif;
  font-size: 84px;
  color: #d3682a;
}
#enr-main .enr-steps {
  background-color: #e7ac8a;
  color: white;
}
#enr-main .enr-steps .enr-step-arrow-down {
  border-top: 10px solid #fff;
}
#enr-main .enr-steps .active-step {
  background-color: #d3682a;
  color: white;
}

#enr-footer .meta-info {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
#enr-footer .meta-info a:link, #enr-footer .meta-info a:visited {
  color: #d3682a;
}
#enr-footer .meta-info a:hover, #enr-footer .meta-info a:active {
  color: #e7ac8a;
}

.enr-continue-btn {
  background-color: #d3682a;
  color: #fff;
  font-size: 18px;
}
.enr-continue-btn:hover, .enr-continue-btn:active {
  color: #fff;
  background-color: #444;
}

/*
page 2*/
h2.section-display {
  font-size: 31px;
  color: #d3682a;
}

h3.section-display {
  font-size: 26px;
  color: #333;
}

.enr-checkbox > span {
  color: #34495E;
}

.enr-checkbox > input {
  background-color: teal;
}

.enr-checkbox > input:checked {
  border: 1px solid #fff;
  background-color: teal;
}

.enr-checkbox > input:active {
  border: 2px solid teal;
}

#enr-main #DistributorLocatorLink.rep-finder-btn {
  background-color: #d3682a;
  color: #fff;
}
#enr-main #DistributorLocatorLink.rep-finder-btn:visited, #enr-main #DistributorLocatorLink.rep-finder-btn:link {
  color: #fff;
  background-color: #444;
}
#enr-main #DistributorLocatorLink.rep-finder-btn:hover, #enr-main #DistributorLocatorLink.rep-finder-btn:active {
  color: #fff;
  background-color: #444;
}

.rep-question {
  fill: #377e74;
}

/*-------------------------
        Inline help tip
--------------------------*/
.help-tip {
  background-color: #81aabe;
}

.help-tip a:link,
.help-tip a:visited {
  color: #76abff;
}

.help-tip a:hover,
.help-tip a:active {
  color: #fff;
}

.help-tip:before {
  content: '?';
  color: #fff;
}

.help-tip p {
  background-color: #81aabe;
}

.help-tip p:before {
  border-bottom-color: #81aabe;
}

/*-------------------------
start kit selection page
--------------------------*/
.enrollment-item {
  background-color: white;
  border-bottom: 1px solid #666;
}

.enrollment-item.active-selection {
  border: solid 0px #666;
  background-color: #f6e1d4;
}

.enrollment-item.active-selection .check-svg {
  fill: #1dc92a;
}

.enrollment-item .footnote {
  color: #ceb18f;
}

.enr-prod-name {
  color: #000;
  font-size: 23px;
}

.enr-item-select-button:link,
.enr-item-select-button:visited {
  background-color: #444;
  color: #fff;
  font-size: 18px;
}

.enr-item-select-button:hover,
.enr-item-select-button:active {
  background-color: #989898;
  color: #f9f9f9;
}

.enr-item-select-details:link,
.enr-item-select-details:visited {
  color: #d3682a;
}

.enr-item-select-details:hover,
.enr-item-select-details:active {
  color: #e7ac8a;
}

.dynamic-kit-sku {
  font-size: 12px;
  color: #666;
}

.dynamic-kit-header {
  background-color: #f2f2f2;
}
.dynamic-kit-header .enr-step-arrow-down {
  border-top: 15px solid #f2f2f2;
}

/*-------------------------
end kit selection page
--------------------------*/
/*START ERROR POPUP*/
.enr-popup-error,
#enr_popup_error {
  background-color: darkred !important;
}
.enr-popup-error .product-modal-text *,
#enr_popup_error .product-modal-text * {
  color: white !important;
}
.enr-popup-error .svg-close-icon path,
#enr_popup_error .svg-close-icon path {
  fill: white !important;
}

/*START INFORMATION POPUP*/
.enr-popup-info {
  background-color: #60931d !important;
}
.enr-popup-info .product-modal-text * {
  color: white !important;
}
.enr-popup-info .svg-close-icon path {
  fill: white !important;
}
.enr-popup-info header h4 {
  color: white !important;
}

/*START STATUS POPUP*/
.enr-popup-status {
  background-color: #1b83b1 !important;
}
.enr-popup-status .product-modal-text * {
  color: white !important;
}
.enr-popup-status .svg-close-icon path {
  fill: white !important;
}
.enr-popup-status header h4 {
  color: white !important;
}

.running-totals {
  background-color: #000;
  border-top: solid 8px #d3682a;
}
.running-totals .enr-autoship-total {
  color: #fff;
}
.running-totals .enr-autoship-total span {
  color: #fff;
}
.running-totals .enr-overall-total {
  color: #fff;
}
.running-totals .enr-overall-total span {
  color: #fff;
}

/* special error for 3 column form elements*/
/*NEW REP FINDER POPUP*/
#enr-popup-rep-finder header {
  background-color: #d3682a;
  color: white;
  border-bottom: 1px solid #666;
}
#enr-popup-rep-finder header .section-display {
  color: white;
}
#enr-popup-rep-finder header path {
  fill: white;
}

/*NEW REP INFO*/
.enr-rep-wrapper {
  color: #444;
}
.enr-rep-wrapper .rep-info {
  color: #444;
}
.enr-rep-wrapper .guest-of {
  color: #444;
  font-size: 16px;
}
.enr-rep-wrapper .guest-of span {
  color: #444 !important;
}
.enr-rep-wrapper #ReplicatedWorkPhone {
  color: #444;
}
.enr-rep-wrapper #ReplicatedEmail {
  color: #444;
}
.enr-rep-wrapper #ReplicatedEmail a {
  color: #d3682a;
}
.enr-rep-wrapper #ReplicatedEmail a:hover {
  color: #e7ac8a;
}
.enr-rep-wrapper #ctl00_ReplicatedURLLink {
  color: #444;
}
.enr-rep-wrapper #ctl00_ReplicatedURLLink a {
  color: #d3682a;
}
.enr-rep-wrapper #ctl00_ReplicatedURLLink a:hover {
  color: #e7ac8a;
}

/*New Spinner/loader*/
/*Styles for rep finder modal*/
#enr-popup-rep-finder {
  background-image: url(../../../fs-images/search-results-bg.png);
}
#enr-popup-rep-finder .DLResultsFieldData input {
  background-color: #000 !important;
}
#enr-popup-rep-finder .DLResultListingTable {
  background-color: #f8e8df;
}
#enr-popup-rep-finder #lblDistributorLocator {
  color: white;
  font-size: 36px;
}
#enr-popup-rep-finder h2, #enr-popup-rep-finder h3 {
  line-height: 36px;
}

.enr-modal-container h2.section-subtitle {
  font-size: 18px;
  color: black;
}

.enr-info-text {
  color: cornflowerblue;
}

.enr-hilight-text {
  color: darkorange;
}

/*FINAL REVIEW PAGE*/
.review-form-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.review-form-wrapper .review-fields-a .ssn-box {
  background-color: #0da5c5;
  color: #fff;
}
.review-form-wrapper .review-fields-a .ssn-box .section-display {
  color: white;
}
.review-form-wrapper .review-fields-b .codes-box .apply-code input {
  font-size: 16px;
}
.review-form-wrapper .review-fields-b .codes-box #coupon_code_status .status-info-text,
.review-form-wrapper .review-fields-b .codes-box #gift_cert_code_status .status-info-text {
  color: darkgoldenrod;
  font-weight: bold;
}
.review-form-wrapper .review-fields-b .totals-box .section-display {
  background-color: #444;
  color: white;
  font-size: 45px;
}
.review-form-wrapper .review-fields-b .agree-box {
  background-color: #c1c1c1;
}
.review-form-wrapper .review-fields-b .agree-box .section-display {
  color: white;
}
.review-form-wrapper .review-fields-b .agree-box a:link {
  color: white;
}
.review-form-wrapper .review-fields-b .agree-box a:visited {
  color: white;
}
.review-form-wrapper .review-fields-b .agree-box a:hover {
  color: #444;
}
.review-form-wrapper .review-fields-b .agree-box a:active {
  color: white;
}

.selected-items-box .selected-items-header {
  background-color: #f4d9ca;
}
.selected-items-box .selected-items-interval-header {
  background-color: #f8e8df;
}

/* enrollment complete page*/
/* END enrollment complete page*/
/*CSS FOR VB SCRIPT INITIATED ERROR BOX*/
#ErrorBoxTitleContainer {
  color: white;
  font-size: 16px;
}

#enr_popup_error header .svg-close-icon path {
  fill: white !important;
}

#enr_popup_error p {
  color: white;
}

#enr_popup_error .product-modal-text,
#enr_popup_error .section-display {
  color: white;
}

/* MEDIA QUERIES*/
.enr-modal-container header h3.section-display {
  color: white;
}

.enr-modal-container header .svg-close-icon path {
  fill: white !important;
}

.enr-sku-price {
  font-size: 26px;
  font-family: "Bebas Neue", sans-serif;
  color: #ba5a22;
}

.enr-prod-qty {
  font-size: 16px;
  color: #ba5a22;
}

/*after launch*/
/*REP FINDER FIXES*/
.enr-rep-wrapper #ctl00_ReplicatedURLLink {
  font-size: 12px;
}

/*Fixes FEB10*/
/*Dynamic product selection popup*/
/*
Details pop up scroll bar
*/
#BillingAddressContainer {
  clear: both;
}

/*hide final page "return to shopping" button it is not working*/
/*#btnReturnHome{
    display: none !important;
}*/
.selected-items-box .enr-prod-info p {
  line-height: 20px;
}

/*fix qty clearing other items*/
.selected-items-box .enr-prod-desc {
  overflow: auto;
}

#HTMLInjection_HEADER img {
  width: auto !important;
  max-width: 200px !important;
}

/*april 2021 line up product sections width of flex children and min-width prod photos*/
.enrollment-item .enr-prod-img {
  width: 100%;
  height: auto;
}

.enrollment-item .enr-prod-info {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.selected-items-box .enrollment-item .enr-prod-img {
  width: 80px;
  height: 80px;
}

.enrollment-item.active-selection .enr-item-select-button {
  width: 100%;
}

/* Control Images in Telerik drop downs */
.rddlItemImg {
  height: 42px !important;
  width: 64px !important;
}

/*make flex review page stack in single column*/
@media (max-width: 800px) {
  .review-form-wrapper {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
}
body {
  /*to prevent iphone zooming into fields*/
  font-size: 16px;
}

/*new enrollment locator styles*/
#finder-overlay .field-wrapper .rep-field {
  color: #d3682a;
}

h2.locator-title span {
  color: #d3682a;
}

.rep-search-wrap {
  background: #eaeaea;
}

#finder-overlay {
  color: #333;
}

#finder-overlay .field-wrapper {
  background-color: #e3e3e3;
}

#finder-overlay #closeme {
  color: #d3682a;
}

#finder-overlay .submit-search {
  background-color: #d3682a;
}

#finder-overlay .submit-search:hover {
  background-color: #eb8042;
}

#finder-overlay .rep-search-results {
  background-color: #d2d2d2;
}

#finder-overlay .lu-listing {
  background-color: #dddddd;
}

#finder-overlay .result-email,
#finder-overlay .result-email a {
  color: #d3682a;
}

#finder-overlay .select-me a:link,
#finder-overlay .select-me a:visited {
  background-color: #d3682a;
  color: white;
}

#finder-overlay .select-me a:hover,
#finder-overlay .select-me a:active {
  background-color: #eb8042;
  color: white;
}
#HTMLInjection_HEADER img {
max-width: 400px !important;
}