/***************** Global *****************/ /* *** Company Colors *** */ :root { --star-color: #eee; --star-background: #00305E; --primarycolor:00305E; --secondarycolor:3BAAF9; --green:00AA87; --yellow: FFA200; --red: FB4D3D; } .primarycolor { color: #ffffff !important; background-color: #00305E !important; } .secondarycolor { color: #ffffff !important; background-color: #999999 !important; } .urgentcolor { color: #ffffff !important; background-color:#FB4D3D !important;} .primarycolor-text {color: #00305E; } .secondarycolor-text {color: #3BAAF9; } .primarycolor li, .primarycolor a {color: #fff; } .secondarycolor li, .secondarycolor a {color: #fff; } .primarycolor a:hover {color: #fff; } .secondarycolor a:hover {color: #fff; } /* --- 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: #506E86 !important;} ::-webkit-input-placeholder { color: #CCCCCC; } ::-moz-placeholder { color: #CCCCCC; } :-ms-input-placeholder { color: #CCCCCC; } :-moz-placeholder { color: #CCCCCC; } /* --- END UI STYLE CHANGES (bradj) --- */ .primarycolor-border { border: 1px solid #00305E !important; } .primarycolor-bordercolor { border-color: #00305E !important; } .primarycolor-bordertop {border-top: 2px solid #00305E !important; } .primarycolor-borderbottom {border-bottom: 1px solid #00305E !important; } .secondarycolor-bordercolor {border-color: #3BAAF9 !important; } .secondarycolor-border { border: 1px solid #3BAAF9 !important; } .btn-link.primarycolor-text { color: #00305E;} .btn-link.primarycolor-text:hover,.btn-link:hover{color:#3BAAF9; text-decoration:none; } /* change*/ #LoginLayoutContainer .LoginMerchant, #LoginLayoutContainer .LoginShopper { background: url('../Content/buysafe/login-image.jpg') 95px 0 / contain no-repeat;} #LoginPartnerLogo { max-width:400px; top: 12px; left:10px;} /*-o-background-size: 100% 100%; -webkit-background-size: 100% 100%;*/ #PartnerLogo { max-width: 90%; margin: 1.5rem auto;} /* Images are pointed to norton since brad want to have same image currently for buysafe aswell. (check png/jpg while changing back to buysafe) */ #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;} #SelfServiceLayoutContainer .selfservice-image, #MerchantRegContainer .reg-image.platform-signup{margin:3rem; background: url('../Content/buysafe/platform-signup-image.svg') 0px 20px / contain no-repeat !important;min-height:99vh;} #MerchantRegContainer .right-col, #SelfServiceLayoutContainer .right-col {padding-top:3rem;} .dashboard-bg-leftnav { background-color: #00305e !important; color: #fff !important;} .admin-button { color: #00305E !important; } #MainNavBar ul.nav li a:hover {color: #00305E ;} #MainNavBar ul.nav li a.active .badge{ color: #000; background-color: #00305E !important; } .btn.primarycolor:hover, a.primarycolor:hover { color: #ffffff !important; background-color: #3BAAF9 !important; } /* change*/ .btn.primarycolor:focus, a.primarycolor:focus, custom-select:focus {box-shadow: 0 0 8px rgba(0,0,0,.25); } /* change*/ /* .btn.primarycolor:focus { box-shadow: 0 0 0 .2rem rgba(253,187,48,.25); } */ .btn.secondarycolor:hover, a.secondarycolor:hover { color: #ffffff !important; background-color: #aaaaaa !important; } .btn.secondarycolor:focus, a.secondarycolor:focus { box-shadow: 0 0 8px rgba(0,0,0,.25); } .card:hover .btn.primaryhover { color: #ffffff; background-color: #3BAAF9 !important; } .card:hover .btn.bluehover { color: #ffffff; background-color: #4B9BFD !important; } .card:hover .btn.greenhover { color: #ffffff; background-color: #00AA87 !important; } .card .btn.primaryhover:hover { color: #ffffff; background-color: #3BAAF9 !important; } /* change*/ .modal-header { color: #00305E !important;} .form-control, .custom-select { border:1px solid #506e864D !important;/* color:#CCC !important;*/ } .form-control:hover, .custom-select:hover{ border-color:#3BAAF9; } /* change*/ .form-control:focus, .custom-select:focus{ border-color:#3BAAF9; /*box-shadow: 0 0 8px rgba(0,0,0,.25);*/ } /* change*/ /* .form-control:focus { border-color:rgba(253,187,48,1); box-shadow: 0 0 0 .2rem rgba(253,187,48,.25); } */ /*.modalclose { position: absolute; top: -4px; right: 4px; width: 35px !important; height: 35px !important; font-size: 2.5rem; font-weight: 500; padding:0; color:#999999 !important; }*/ .left-Nav i { color: white; margin-right: 0.5rem !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; } .left-Nav .nav-item a:hover, .left-Nav .nav-item.active a { border-left:2px solid #ffffff; color:#ffffff !important; background-color:#3BAAF9; } /*.left-Nav .nav-item.active a { border-left:2px solid #ffffff; color:#ffffff; background-color:#3BAAF9; }*/ /*.left-Nav .nav-item a:hover i { color:#fedf24; } .left-Nav .nav-item.active a i { color:#fedf24; } *** rEBRANDING CHANGE **** */ .center-nav .nav-item a { border-bottom:2px solid transparent; padding-bottom:.25rem; } .center-nav .nav-item a:hover { border-bottom:2px solid #3BAAF9; } .center-nav .nav-item.active a { border-bottom:2px solid #3BAAF9; color:#3BAAF9; font-weight:bold; } /* buyer - seller switch */ #BuyerSellerSwitchContainer .primarycolor { color: #ffffff !important; background-color: #3BAAF9 !important; border:3px solid #00305E;} #BuyerSellerSwitchContainer .secondarycolor { color: #ffffff !important; background-color: #DAD7D7 !important; } #BuyerSellerSwitchContainer.switch-container .switch-light span span { color: #00305E !important; } /*.switch-container .switch-light > span { border:1px solid #ffffff;}*/ .alert-banner.basic-banner {background:#3BAAF9;color:white;} .alert-banner.basic-banner a {color:white;} .alert-banner.urgent-banner, .urgent-banner {background:#FB4D3D;} .urgent-border {border: 5px solid #FB4D3D;} .basic-border {border: 5px solid #3BAAF9;} /***************** Global *****************/ @media (max-width: 767px){ #LoginPartnerLogo { left:0px;} #LoginLayoutContainer .LoginMerchant, #LoginLayoutContainer .LoginShopper { height: 250px;} .alert-banner {height: 70px;margin: 1rem 0.5rem;} #PartnerLogo_Mobile {max-width: 125px;} #PartnerLogo {margin: 0.5rem auto !important; } } /* ***************************company specific file ****************************** */ /* ************************ company specific file **************************** / /******************* Bootstrap overrides for header ***********************/ a:hover, a.btn-link:hover{ text-decoration:none;color: unset!important;} a.btn-link:hover,a.btn-link:hover i, i.btn-link:hover {text-decoration:none; color: #3BAAF9 !important;} .dispute_responses .rounded { border-radius: 0.75rem !important;} /**************** Bootstrap overrides for header ********************/ .custom-control.overflow-checkbox .overflow-control-indicator { border: 2px solid #00305E ;} .custom-control.overflow-checkbox .overflow-control-indicator::after { border-bottom: 4px solid #00305E; border-right: 4px solid #00305E;} #SignUpContainer [type="radio"]:checked + label:after, #SignUpContainer [type="radio"]:not(:checked) + label:after{ background:#00305E;} /* **************** Wizard Section **************************/ #SelfServiceBody #WizardTitle span:first-of-type {color: #00305E; } #SelfServiceBody #WizardTitle span:first-of-type + span {color: #3BAAF9 !important; } #ChoosePricingContainer .card:not(.pricing-pill-border) {border: 3px solid #3baaf9; box-shadow: 0 0 5px #3baaf966;} /*.pricing-pill-border.card {border: 3px solid #00AA87 !important; box-shadow: 0 0 5px #00AA8766 !important;}*/ #ChoosePricingContainer .btnpricing{background-color: #3baaf9; color: #fff; } .pricing-pill {background-color : #3baaf9; color: #fff;} .pricing-pill-border .pricing-pill {background-color : #3BAAF9; color: #fff;} .pricing-slider { background: #D2D2D2; /*#3baaf9;*/ } .pricing-slider::-webkit-slider-thumb { border: 2px solid #3baaf9;} .pricing-slider::-moz-range-thumb { border: 2px solid #3baaf9;} #ChoosePricingContainer .btnpricing {background-color: #00305E; color: #fff;} /*#SelfServiceBody #WizardBody:not(.Address) #PricingSwitch .btn.primarycolor { background-color: #00305E !important; color: #fff !important;}*/ .btn-monthly-pricing{ background-color: #DAD7D7 !important; color: #4D4D4D !important; } .btn-annual-pricing{ background-color: #00305E !important; color: #fff !important;} .btn-monthly-pricing span.active{ color: #fff !important;} /***************** Account Info / V4 Specific *****************/ #Benefits .topic-name { color: #00305E; } #Benefits .topic-link {color: #3BAAF9 !important; } .purchase-1{fill:#fff;} .purchase-2{fill:#00305e;} .purchase-3{fill:#3baaf9;} .theft-1{fill:#00305e;}.theft-2{fill:#3baaf9;} .lowprice-1{fill:#53a4db;}.lowprice-2{fill:#1a325c;} .allstate-1{fill:#0033a0;} #DisplayStoreContainer .grouplist-item.active, #DisplayStoreContainer .grouplist-item.active .btn.btn-link{ color : #00305E !important;} /***************** Account Info / V4 Specific *****************/ /******************* PTR Layout ****************************/ #PTR { border-top: 1px solid; border-bottom: 1px solid; /*border-color: #002f5e;*/} #PTR .guarantee { background: #fff top / cover no-repeat url('/webcontent/Content/buysafe/ptr/bg-guarantee.png');} #PTR .sayThanks { background: #fff top / contain repeat-x url('/webcontent/Content/buysafe/ptr/bg-benefit-bot.png');} #PTR .btn-thanks { color: #fff;font-weight: 700;padding: 5px 15px;text-transform: uppercase;background: #3aaaf8;border-color: #3aaaf8;} #PTR .btn-thanks:hover {color: #fff; background: #2398e9; border-color: #2398e9; } .bs-ltBlue { color: #3aaaf8; } #PTR .upSell { color: #fff; font-size: 19px; font-weight: 700; line-height: 23px; background: #111940; border-color:#fff;} #PTR .upSell img { padding: 10px 0;} #PTR .upSell span { color: #3facd4;} #PTR .btn-aip { color: #233e95; font-weight: 700; font-size: 13px; border-radius: 20px; padding: 5px 24px; background: #45bce6; border-color: #45bce6; } #PTR .btn-aip:hover { color: #fff; background: #2398e9; border-color: #2398e9; } #PTR .conditions { font-size: 9px; font-weight: 500; } #PTR .copyright, #PTR .copyright a { color: rgba(255,255,255,0.5); font-size: 10px; } /******************* PTR Layout ****************************/ /***************** Merchant DashBoard *****************/ /*#MerchantDashboardContainer #FeedCardsCarousel .carousel-indicators li.active { color: #00305E !important; background-color: #00305E !important; border-color: #00305E !important; }*/ .card.dashboard-bg-white .carousel-indicators li { color: #00305E; background-color: #00305E; border:1px solid #00305E; } .card.dashboard-bg-white .carousel-indicators li.active { background-color:#ffffff; } .dashboard-carousel-indicators {color:#00305E !important; } #ProgressBarContainer .complete-status{ color: #00305E !important; } #ProgressBarContainer .status-complete-bar{ color: #00305E !important; } #ProgressBarContainer .status-incomplete-bar { background: #ff5a00; background: -moz-linear-gradient(left, #ff5a00 0%, #ff7600 25%, #ff8f03 50%, #fea61a 75%, #00305E 100%); background: -webkit-linear-gradient(left, #ff5a00 0%,#ff7600 25%,#ff8f03 50%,#fea61a 75%,#00305E 100%); background: linear-gradient(to right, #ff5a00 0%,#ff7600 25%,#ff8f03 50%,#fea61a 75%,#00305E 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5a00', endColorstr='#00305E',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: #3BAAF9 !important; } .accordion .card-header .btn-link span.primarycolor-text:hover {color:#3BAAF9 !important; } #StorePricingSummaryContainer a:hover, #StorePricingSummaryContainer .btn-link:hover, #StatusBarModal a:hover, #NeedHelpContainer a:hover { color: #3BAAF9 !important; } .msgs-circle{background-color: #4B9BFD;color: #fff; } .action-dispute-border.selected { border-left:0.5em solid #4B9BFD;} /***************** Merchant DashBoard *****************/ /***************** Buyer DashBoard *****************/ #BuyerGuaranteesContainer #GuaranteesRow .card:hover { border-color:#00305E; } #BuyerGuaranteesContainer #GuaranteesRow .card:hover .card-header { border-color:#00305E; } #BuyerGuaranteesContainer #GuaranteesRow .card .btn.primaryhover:focus { box-shadow: 0 0 8px rgba(0,0,0,.25); } .seller-response { color: #00305E !important; background-color: #ffffff !important; border: 1px solid #aaa; } .buyer-response {background-color : #00305E; color: #fff;} /***************** 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: #00305E;} .comiseo-daterangepicker-buttonpanel .ui-button{background-color : #00305E!important; color: #fff !important; border: 1px solid #00305E;} .comiseo-daterangepicker-buttonpanel .ui-button:hover{background-color : #3BAAF9 !important; border: 1px solid #3BAAF9 ; } .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 : #00305E!important; color: #fff !important;} /****************************** JQuery UI DateRange Selector Overrides**************************************/ .kickerlist-item.active, .kickerlist-item.active .btn.btn-link, .kickerlist-item:hover .btn.btn-link { color : #00305E !important;} /****************************** M