/*DG 2020 | SKIN FILE CREATED*/
@import url("https://fonts.googleapis.com/css?family=Bebas+Neue&display=swap");
.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: #774697;
}
.enr-modal-container h2.section-display {
  font-size: 36px;
  font-family: "Bebas Neue", sans-serif;
  color: #774697;
}
.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: #774697;
}
.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: #774697;
}
#enr-main .enr-steps {
  background-color: #b499c6;
  color: white;
}
#enr-main .enr-steps .enr-step-arrow-down {
  border-top: 10px solid #fff;
}
#enr-main .enr-steps .active-step {
  background-color: #774697;
  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: #774697;
}
#enr-footer .meta-info a:hover, #enr-footer .meta-info a:active {
  color: #b499c6;
}

.enr-continue-btn {
  background-color: #774697;
  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: #774697;
}

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: #774697;
  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: #e4daea;
}

.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: #774697;
}

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

.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 #774697;
}
.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: #774697;
  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: #774697;
}
.enr-rep-wrapper #ReplicatedEmail a:hover {
  color: #b499c6;
}
.enr-rep-wrapper #ctl00_ReplicatedURLLink {
  color: #444;
}
.enr-rep-wrapper #ctl00_ReplicatedURLLink a {
  color: #774697;
}
.enr-rep-wrapper #ctl00_ReplicatedURLLink a:hover {
  color: #b499c6;
}

/*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: #ebe3ef;
}
#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: #ddd1e5;
}
.selected-items-box .selected-items-interval-header {
  background-color: #ebe3ef;
}

/* 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: #07a5c5;
}

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

/*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: 85px !important;
}
/*via request from george FEB1 2021*/
#lblSearchNumMiles,
#txtSearchMiles{
      display: none !important;
}


        
/*        show hide description trigger*/
        .show-description-button {
            cursor: pointer;
            color: #774697;
        }
        
        .show-description-button:hover {
            color: #515151;
        }

.review-box .show-description-button{
    display: none;
}
.review-box.codes-box{
    display: none;
}

/*change colors on new locator*/

#finder-overlay .field-wrapper .rep-field {
  color:  #774697;
}
h2.locator-title span{
    color: #774697;
}
.rep-search-wrap {
     background: #e3e3e3;
}
#finder-overlay {
  color: #333;

}
#finder-overlay .field-wrapper {
  background-color: #e0dbe3;
}
#finder-overlay #closeme {
  color: #774697;
}


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

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

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

}


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

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

#finder-overlay .select-me a:hover,
#finder-overlay .select-me a:active {
    background-color: #ab8cbf;
    color: white;
}