/***************** Global *****************/
/* *** Company Colors *** */
:root {
    --star-color: #eee;
    --star-background: #FDCC0D;
}

.primarycolor           { color: #000000 !important; background-color: #FEEB29 !important; font-weight:600;}
.secondarycolor         { color: #ffffff !important; background-color: #999999 !important; font-weight:600;}

.primarycolor-text {color: #242424 ;  }
.secondarycolor-text {color: #999999 !important;  }

.primarycolor li, .primarycolor a {color: #fff;  }
.secondarycolor li, .secondarycolor a {color: #fff; }
.primarycolor a:hover {color: #fff;  }
.secondarycolor a:hover {color: #fff; }

.primarycolor-border { border: 1px solid #FDBB30 !important;  }
.primarycolor-bordercolor { border-color: #FDBB30 !important;  }
.primarycolor-bordertop {border-top: 2px solid #FDBB30 !important; }
.primarycolor-borderbottom {border-bottom: 1px solid #FDBB30 !important; }
.secondarycolor-bordercolor {border-color: #000000 !important;  }
.secondarycolor-border { border: 1px solid #000000 !important;  }

/* ------------- BRAD'S NEW NSG BRANDING COLORS ------------- */

/* --- general items to overwrite default [only specific to NSG] --- */
#LoginPartnerLogo { top: 16px !important; }
#LoginHeader, #RegistrationHeader { height: 60px !important; }
a, .btn-link { color: #0f71f0; }
.guarantee-actions .btn { width: 180px !important; }
.dashboard-bg-gray { background-color: #FFF; color: #242424; border: 3px solid #242424; border-radius: 34px !important; font-weight: 700!important; }
button.btn.secondarycolor { border: 3px solid #242424; border-radius: 34px !important; background: #FFF !important; color: #242424!important; }
button.btn.secondarycolor:hover { background: #242424 !important; color: #FFF!important; }

.btn.login-btn, a.cta-link { border: 3px solid #242424; border-radius: 34px !important; font-weight: 700 !important; text-transform: uppercase; }
#BuyerReg h2.dashboard-dark { color: #242424 !important; font-weight: 700 !important; }
#MerchantRegistration button { max-width: 40% !important; }
.btn.primarycolor { font-weight: 700; border: 3px solid #242424; border-radius: 34px !important; text-transform: uppercase; }

/* --- change dot to triangle --- */
.alert-rounded-circle, .alert-rounded-circle-green {
    width: 10px;
    height: 10px;
    background-color: #FF3838;
}

/* --- dash fixes --- */
.dashboard-bg-leftnav { background-color: #242424!important; }
.switch-container .switch-light span span { color: #242424; }
#BuyerSellerSwitchContainer.switch-container .secondarycolor { font-weight: 300;}
.left-Nav .nav-item a:hover     { border-left:2px solid #FEEB29; background-color:#2f2f2f;  }
.left-Nav .nav-item.active a    { border-left:2px solid #FEEB29; color:#FEEB29;  background-color:#2f2f2f; }
#MainNavBar ul.nav li a:hover {color: #FEEB29 !important;}
.left-Nav i { color: #FEEB29;  margin-right: 0.5rem !important; }
.btn-link.primarycolor-text { text-decoration: underline; }
.btn-link.primarycolor-text:hover, .btn-link:hover { color: #242424cc!important; text-decoration: none; }
.badge-pill { color: #242424; padding: 8px 10px !important; font-weight: 600; }
.alert-banner.urgent-banner, .urgent-banner {background:#FF3838; color: #FFF;}
.notification-content a { color: #6e1313; }
.urgent-border {border: 5px solid #FF3838; filter: drop-shadow(0px 3px 6px #FF383866); }

/* --- sub menu fixes --- */
ul.sub-menu {
    position: relative;
    list-style: none;
    padding-left: 30px;
}
ul.sub-menu li {
    padding: 5px 0;
    position: relative;
}
ul.sub-menu .ms-link:hover::before {
    content: "\f45c";
    font-size: 10px;
    position: relative;
    left: -26px;
    top: -2px;
    font-family: 'FontAwesome';
}
ul.navbar-nav .sub-menu::before {
    background-color: #fff;
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    left: 8px;
    top: 0;
}



h5 { font-weight: 600; }
a.btn.secondarycolor { border-radius: 34px !important; border: 3px solid #242424; background-color: #fff !important; color: #242424 !important; }
a.btn.secondarycolor:hover { color: #FFF !important; background-color: #242424 !important; }
.cancel-btn { border-radius: 34px !important; border: 3px solid #242424; background-color: #FFFFFF !important; color: #242424 !important; }
.cancel-btn:hover { background-color: #242424 !important; color: #FFFFFF !important; }

/*---  buyer dashboard ---*/
#BuyerGuaranteesContainer #GuaranteesRow .card:hover { border-color: #2424244a; }
.card:hover .btn.primaryhover { color: #242424; background-color: #FEEB29 !important; border: 3px solid #242424; border-radius: 34px !important; font-weight: 700; }
.card .btn.primaryhover:hover { color: #242424; background-color: #FFF488!important; }

.center-nav .nav-item.active a { border-bottom: 2px solid #242424; color: #242424!important; font-weight: bold; }
.center-nav .nav-item a:hover   { border-bottom:2px solid #D4D4D4; }

/*---  merchant dashboard ---*/
.ActionListItem a { color: #242424; }
#DisputeSummaryContainer .primarycolor-border { border: none !important; background-color: transparent !important; }
#StorePricingSummaryContainer a { color: #242424; }
.grouplist-item button { color: #242424; }
#DisplayStoreContainer #VerfiedSection img { width: 90%; max-width: 345px; }
#DisplayStoreContainer .verified-row { padding-bottom: 1.5em; }
.seller-response { background-color: #efefef; color: #242424 !important; }
.buyer-response {background-color : #FFF488CC; color: #242424 !important;}
.msgs-circle{background-color: #F4F1ED; color: #242424 !important; font-weight: 700 !important; }
#MerchantViewDisputeContainer .disputeitem-border.selected { border-left: 0.5em solid #242424cc !important; }

/* ------------- END BRAD'S NEW NSG BRANDING COLORS ------------- */


#LoginPartnerLogo {left: 12px; max-width: 500px; } /*-o-background-size: 100% 100%; -webkit-background-size: 100% 100%;*/
#PartnerLogo { max-width: 90%; margin: 1.5rem auto;}

#MainNavBar ul.nav li a.active .badge{ color: #000; background-color: #FDBB30 !important;  }

.btn.primarycolor:hover { color: #ffffff; background-color: #FFF488 !important; }
.btn.primarycolor:focus, custom-select:focus { box-shadow: 0 0 8px rgba(0,0,0,.25); }
/* .btn.primarycolor:focus { box-shadow: 0 0 0 .2rem rgba(253,187,48,.25); } */

.btn.secondarycolor:focus { box-shadow: 0 0 8px rgba(0,0,0,.25); }

.card:hover .btn.bluehover    { color: #ffffff; background-color: #4B9BFD !important; }
.card:hover .btn.greenhover   { color: #ffffff; background-color: #00AA87 !important; }

.modal-header { color: #FDBB30 !important;}
.form-control, .custom-select { border:1px solid #aaa !important; color:#4D4D4D !important; } 
.form-control:hover, .custom-select:hover { border-color:rgba(253,187,48,1) !important; }
.form-control:focus, .custom-select:focus { border-color:rgba(253,187,48,1) !important; box-shadow: 0 0 8px rgba(0,0,0,.25); }
/* .form-control:focus     { border-color:rgba(253,187,48,1); box-shadow: 0 0 0 .2rem rgba(253,187,48,.25); } */
.admin-button {  color: #2b2b2b !important; }
/*.modalclose { position: absolute; top: -4px; right: 4px; width: 35px !important; height: 35px !important; font-size: 2.5rem; font-weight: 500; padding:0; color:000 !important; }*/

.left-Nav .nav-item a           { border-left:2px solid transparent; border-bottom:2px solid transparent;  }
.left-Nav .nav-link             {padding-left: 1.5rem !important; }

.center-nav .nav-item a         { border-bottom:2px solid transparent; padding-bottom:.25rem; }

.alert-banner.basic-banner {background:#FDBB30;}

.basic-border {border: 5px solid #FDBB30;}
/***************** Global *****************/
/* ***************************company specific file ****************************** */
/* --- NEW SELF SERVICE UI CHANGES 11-11-21 --- */
/* -- Form Labels -- */
/*#divAddressEdit3 label.dashboard-gray.float-label { font-weight: 600; color: #506E86 !important; font-size: 12px; text-transform: uppercase; }
div#StateRow label{ color: #506E86; font-size:12px; text-transform: uppercase; font-weight: 600; }
.form-labels,*/ 
.FloatingLabels .form-group.row label:not(.error){ color: #999999 !important;}
/* --- END UI STYLE CHANGES (bradj) --- */


/*  ************************ company specific file **************************** /
/******************* Bootstrap overrides for header ***********************/
a:hover{ color:unset; text-decoration:none;/*color: #FDBB30 !important;*/}
.btn-link:hover {  color: #FDBB30; text-decoration:none;}
.dispute_responses .rounded {  border-radius: 0.75rem !important;}
.filled .custom-control-input:checked ~ .custom-control-label::before { color: #FDBB30; border-color: #FDBB30;  background-color: #FDBB30;}
.filled.custom-checkbox .custom-control-label::before { border-radius: unset; border: 2px solid #FDBB30; }
/**************** Bootstrap overrides for header ********************/
.custom-control.overflow-checkbox .overflow-control-indicator { border: 2px solid #000 ;}
.custom-control.overflow-checkbox .overflow-control-indicator::after { border-bottom: 4px solid #00AA87; border-right: 4px solid #00AA87;}
#SignUpContainer [type="radio"]:checked + label:after, #SignUpContainer [type="radio"]:not(:checked) + label:after{ background:#FDBB30;}

#LoginLayoutContainer .LoginMerchant, #LoginLayoutContainer .LoginShopper { background: url('../Content/buysafe/login-image.jpg') 95px 0 / contain no-repeat;}
/*#LoginLayoutContainer .LoginMerchant, #LoginLayoutContainer .LoginShopper { background-image: url('../Content/norton/login-image-yellow.jpg'); }
*/
#SignUpLayoutBody .LoginImage { background: url(../Content/norton/decision-screen.jpg) 0px 50px / contain no-repeat !important;}
#SelfServiceLayoutContainer .selfservice-image, #MerchantRegContainer .reg-image{margin-top:3rem; background: url('../Content/norton/reg-image.jpg') 100px 0 / contain no-repeat;min-height:99vh;}
#MerchantRegContainer .right-col, #SelfServiceLayoutContainer .right-col {padding-top:3rem;}

/* **************** Wizard Section **************************/
#SelfServiceBody #WizardTitle, #SelfServiceBody #WizardTitle span:first-of-type, .wizard-subtitle, #ChoosePricingContainer .card-title, .price-value {color: #000 !important;  }
#SelfServiceBody #WizardTitle span:first-of-type + span, .login-title .secondarycolor-text, .signup-title .secondarycolor-text, .merchant-reg-header .secondarycolor-text {color: #000 !important; }
#SelfServiceLayoutContainer .form-control:hover, #SelfServiceLayoutContainer .form-control:focus,#SelfServiceLayoutContainer .custom-select:hover, #SelfServiceLayoutContainer .custom-select:focus,
#StoreSetup .form-control:hover, #StoreSetup .form-control:focus, #StoreSetup .custom-select:hover, #StoreSetup .custom-select:focus, #StoreSetup .active-step .custom-select,#Step_1:hover .custom-select
{ border-color:#FDBB30 !important;box-shadow:0px 0px 8px 0px #FDBB30!important; }
#ChoosePricingContainer .card:hover{ border: 3px solid #FDBB30 !important; box-shadow: 0 0 0px #FDBB30; }
#SelfServiceLayoutContainer .btn.primarycolor:hover, #SelfServiceLayoutContainer .btn.primarycolor:focus{ background-color: #F3D28D; }
/******* Active State *****/
#Wizard .active-step .wizard-title{color:#FDBB30 !important;font-weight: 700;  }
#Wizard .active-step .wizard-icon {color:#FDBB30;}
#Wizard .wizard-hr .hr-active{  border-top: 1px solid #DAD7D7; }
/******* Completed State *****/
#Wizard .completed-step .wizard-title{color:#F3D28D; }
#Wizard .completed-step .wizard-icon{color:#F3D28D; }
#Wizard .wizard-hr .hr-completed{  border-top: 1px solid #F3D28D; }
/******* Unvisited State  *****/
#Wizard .unvisited-step .wizard-title{ color: #DAD7D7; }
#Wizard .unvisited-step .wizard-icon {color: #DAD7D7;}
#Wizard .wizard-hr .hr-unvisited { border-top: 1px solid #DAD7D7; }
#SelfServiceLayoutContainer .btn.primarycolor:hover { color: #000000 !important; background-color: #FDBB30 !important; opacity:0.7; }
#ChoosePricingContainer .card:not(.pricing-pill-border) { border: 3px solid #FDBB30; box-shadow: 0 0 5px #FDBB30;}
/*.pricing-pill-border.card {border: 3px solid #00AA87 !important; box-shadow: 0 0 5px #00AA8766 !important;}*/
#ChoosePricingContainer .card:hover .btnpricing{ background-color: #F3D28D; border: 0px solid #F3D28D;}
#ChoosePricingContainer .btnpricing{background-color: #FDBB30; color: #000; text-transform:unset;}
.pricing-pill {background-color : #FDBB30; color: #000;}
.pricing-pill-border .pricing-pill {background-color : #00AA87; color: #000;}
.pricing-pill-border.card {border: 3px solid #00AA87 !important; box-shadow: 0 0 5px #00AA8766 !important;}
.pricing-slider { background: #D2D2D2;/*#FDBB30;*/ }
.pricing-slider::-webkit-slider-thumb { border: 2px solid #FDBB30;}
.pricing-slider::-moz-range-thumb { border: 2px solid #FDBB30;}
.primarycolor-text.gms-text{ color:#333 !important;}
.silder-value{font-size:18px;font-weight:700; color:#000;}
#SliderValue{font-size:22px;font-weight:700; color:#000;}

#ChoosePricingContainer .btnpricing{background-color: #FDBB30; color: #000; }
.pricing-pill {background-color : #FDBB30; color: #000;}
.pricing-pill-border .pricing-pill {background-color : #FDBB30; color: #000;}
.pricing-slider { background: #D2D2D2;  /*#FDBB30;*/ }
.pricing-slider::-webkit-slider-thumb { border: 2px solid #FDBB30;}
.pricing-slider::-moz-range-thumb { border: 2px solid #FDBB30;}
#ChoosePricingContainer .btnpricing {background-color: #FDBB30; color: #000;}
.btn-monthly-pricing{ background-color: #DAD7D7 !important; color: #4D4D4D !important; }
.btn-annual-pricing{  background-color: #FDBB30 !important; color: #000 !important;}
.btn-monthly-pricing span.active{ color: #000 !important;}

/*****************  Account Info / V4 Specific   *****************/
#Benefits .topic-name {color: #000000;  }
#Benefits .topic-link {color: #242424 !important; }
.purchase-1 {fill:#fff;}
.purchase-2 {fill:#000000;}
.purchase-3 {fill:#242424;}
.theft-1    {fill:#000000;}
.theft-2    {fill:#242424;}
.lowprice-1 {fill:#242424;}
.lowprice-2 {fill:#000000;}
.allstate-1 {fill:#0033a0;}

#DisplayStoreContainer .grouplist-item.active, #DisplayStoreContainer .grouplist-item.active .btn.btn-link{ color : #242424 !important;}
#TransperencyFooter.card-footer a { color: #242424 !important; }
/*****************  Account Info  / V4 Specific  *****************/

/******************* PTR Layout ****************************/
#PTR { border-top: 1px solid;  border-bottom: 1px solid;}
/*#PTR { border-top: 1px solid #000; border-right: 1px solid #000;  border-bottom: 1px solid #000;}*/
#PTR .guarantee { background: #fff top / cover no-repeat url('/webcontent/Content/norton/ptr/bg-guarantee.png');}
#PTR .sayThanks { background: #fff top / contain repeat-x url('/webcontent/Content/norton/ptr/bg-benefit-bot.png');}
#PTR .btn-thanks {
    color: #000;
    font-weight: 700;
    padding: 5px 15px;
    text-transform: uppercase;
    background: #FFCB49;
    border-color: #FFCB49;
}
#PTR .btn-thanks:hover {
    color: #000;
    background: #e2b648;
    border-color: #e2b648;
}
#PTR .upSell {
    color: #000;
    font-size: 15px;
    font-weight: 600;
    border-color: #fff !important;
    background: #fff top right / cover no-repeat url('/webcontent/Content/norton/ptr/upsell-bg.png');
}
#PTR .upSell img {
    padding: 10px 0;
}
#PTR .copyright, #PTR .copyright a  {
    color: rgba(0,0,0,0.75);
    font-size: 10px;
}
/******************* PTR Layout ****************************/






/***************** Merchant DashBoard *****************/
/*#MerchantDashboardContainer #FeedCardsCarousel .carousel-indicators li.active { color: #FDBB30 !important; background-color: #FDBB30 !important; border-color: #FDBB30 !important; }*/
.card.dashboard-bg-white .carousel-indicators li { color: #FDBB30; background-color: #FDBB30; border:1px solid #FDBB30; }
.card.dashboard-bg-white .carousel-indicators li.active { background-color:#ffffff; }
.dashboard-carousel-indicators {color:#FDBB30 !important; }
#ProgressBarContainer .complete-status{ color: #FDBB30  !important; }
#ProgressBarContainer .status-complete-bar{ color: #FDBB30  !important; }
#ProgressBarContainer .status-incomplete-bar {
    background: #ff5a00;
    background: -moz-linear-gradient(left, #ff5a00 0%, #ff7600 25%, #ff8f03 50%, #fea61a 75%, #fdbb30 100%);
    background: -webkit-linear-gradient(left, #ff5a00 0%,#ff7600 25%,#ff8f03 50%,#fea61a 75%,#fdbb30 100%);
    background: linear-gradient(to right, #ff5a00 0%,#ff7600 25%,#ff8f03 50%,#fea61a 75%,#fdbb30 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5a00', endColorstr='#fdbb30',GradientType=1 );
}
/*#ProgressBarContainer .profile-icon-complete { background-image: url("../Content/norton/profile-icon-complete.png"); background-size: cover; width: 100%;height: 100%; background-repeat: no-repeat;}
#ProgressBarContainer .store-icon-complete { background-image: url("../Content/norton/store-icon-complete.png");background-size: cover; width: 100%;height: 100%; background-repeat: no-repeat;}
#ProgressBarContainer .cc-icon-complete { background-image: url("../Content/norton/cc-icon-complete.png");background-size: cover; width: 100%;height: 100%; background-repeat: no-repeat;}
#ProgressBarContainer .users-icon-complete { background-image: url("../Content/norton/users-icon-complete.png");background-size: cover; width: 100%;height: 100%; background-repeat: no-repeat;}*/

#MerchantViewDisputeContainer ul li a:hover { color: #FDBB30 !important;  }
#StorePricingSummaryContainer a:hover, #StorePricingSummaryContainer .btn-link:hover, #StatusBarModal a:hover, #NeedHelpContainer a:hover { color: #FDBB30; }

/*****************  Merchant DashBoard  *****************/

/*****************  Buyer DashBoard *****************/
#BuyerGuaranteesContainer #GuaranteesRow .card .btn.primaryhover:focus { box-shadow: 0 0 8px rgba(0,0,0,.25); }
.action-dispute-border.selected { border-left:0.5em solid #4B9BFD;}


/*****************  Buyer DashBoard  *****************/
#ResponsesContainer .form-control{ border:none !important;}
/******************************   JQuery UI DateRange Selector Overrides**************************************/
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { color: #FDBB30;}
.comiseo-daterangepicker-buttonpanel .ui-button{background-color : #FDBB30 !important; color: #fff !important; border: 1px solid #FDBB30; min-width:120px; }
.comiseo-daterangepicker-buttonpanel .ui-button:hover{background-color : #FDBB30 !important; border: 1px solid #FDBB30; }
.ui-state-highlight.ui-state-hover, .ui-state-highlight .ui-state-hover, .ui-state-highlight .ui-state-active , .ui-state-highlight .ui-state-end  {background-color : #FDBB30 !important; color: #fff !important;}

/******************************   JQuery UI DateRange Selector Overrides**************************************/


/*****************  Account Info  *****************/
#DisplayStoreContainer .grouplist-item.active, #DisplayStoreContainer .grouplist-item.active .btn.btn-link{ color : #FDBB30 !important;}
.kickerlist-item.active, .kickerlist-item.active .btn.btn-link, .kickerlist-item:hover .btn.btn-link { color : #FDBB30 !important;}
/*****************  Account Info *****************/

.m-link.nav-link.active, .m-link.nav-link:hover, .nav-item.left-nav:hover {  color: #FEEB29 !important; }
.sidebar .menu-list .m-link:hover, .sidebar .menu-list .m-link.active, .sidebar .menu-list .ms-link:hover, .sidebar .menu-list .ms-link.active {
    color: #FEEB29 !important;
}

.sidebar .menu-list .m-link:hover, .sidebar .menu-list .m-link.active, .sidebar .menu-list .ms-link:hover, .sidebar .menu-list .ms-link.active {
    color: #FEEB29 !important;
}
.sidebar .menu-list .ms-link::before {
    background-color: #242424 !important;
}