/*NAVIGATION BAR*/
/*Populated with primary colors*/
.white-link:hover,
.input-radio[type=radio]:not(:checked)+label::after,
.bg-green{
    background-color: var(--mobileBackgroundColor);
}

.primary-navbar {
    background-color: var(--primaryNavBackgroundColor);
}

.mobile-nav-content {
    background-color: var(--mobileBackgroundColor);
}

.nav-list li a,
.white-link{
    color: var(--globalHeaderColor);
}

.mobile-nav-content .white-link {
    color: var(--mobilePrimaryColor);
}

.nav-list li a.active {
    border-bottom : 2px solid var(--globalHeaderColor);
}

.mobile-search-bar .mobile-btn-search,
.primary-navbar .search-bar .btn-search {
    background: var(--iconsBackgroundColor);
    color: var(--iconsColor);
}
.search-results-container .search-term-wrapper button span.glyphicon-search {
    color: var(--iconsBackgroundColor);
}

/*SECONDARY NAV BAR*/
/*Populated with secondary colors*/
.secondary-navbar {
    border-top: var(--secondaryNavBorderTop);
    background: var(--secondaryNavBackgroundColor);
}
.landingpage-sub-menu a, .signin-link-title, .find-delta-title, .small-article-info, .small-article-title a {
    color: var(--secondaryColor) !important;
}

/*GLOBAL*/
.sf-web-to-case form input[type="checkbox"]:checked,
.input-checkbox[type=checkbox]:checked+label::before {
    background-color: var(--primaryBackgroundColor);
    accent-color: var(--primaryBackgroundColor);
    border: 1px solid var(--primaryBackgroundColor);
    color: var(--primaryColor);
}

.pagination-container .pagination-list li.active a {
    color: var(--primaryBackgroundColor);
    border-bottom: 2px solid var(--primaryBackgroundColor);
}
.form-input-text:focus, .guideFieldWidget input[type="text"]:focus, .guideFieldWidget input[type="textarea"]:focus, .guideFieldWidget input[type="email"]:focus, .guideFieldWidget input[type="date"]:focus, .guideFieldWidget input[type="tel"]:focus, .guideFieldWidget input[type="number"]:focus {
    border-bottom: solid 2px var(--primaryBackgroundColor);
}

.alert-wrapper-home-landing .alertcontainer .alerthome {
    background: var(--alertBackgroundColor);
    color: var(--alertColor);
}

.call-to-action-container-green {
    background-color: var(--solidTextBoxBackgroundColor);
}
.call-to-action-container-green .white-header-big,
.call-to-action-container-green .white-text,
.call-to-action-container-green .text-white {
    color: var(--solidTextBoxColor) !important;
}

.white-header-big,
.white-text, .text-white {
    color: var(--primaryColor);
}

.activeField {
    border-bottom: solid 2px var(--primaryBackgroundColor) !important;
}

.txt-green,
span.caret,
.subtitle-header,
.green-header-small,
.benefit-title span.block,
.mobile-nav-content-wrapper,
.secondary-navbar .mobile-nav .glyphicon-menu-hamburger,
.pagetitle-header, .pagetitle-headercenter, .pagetitle-headerleft,
.search-results-container .all-search-results .search-result .search-result-title,
.pagination-container .pagination-list li a .glyphicon-arrow,
.pagination-container .pagination-list .next a:hover, .pagination-container .pagination-list .previous a:hover,
.pagination-container .pagination-list .next a, .pagination-container .pagination-list .previous a,
.dentist-search-results-container .dentist-search-heading h2,
.dentist-search-results-container .dentist-search-heading .result-utilities .utilities-dropdown .caret,
.dentist-search-results-container .dentist-search-results .no-results-found p,
.company-locator-container .title-and-desc h2, .company-locator-container .title-and-desc h1,
.signin-link-component a:hover,
.three-col-holder .three-col h1,
.three-col-holder .three-col h2,
.three-col-holder .three-col h3,
.three-col-holder .three-col h4{
    color: var(--primaryBackgroundColor) !important;
}

.input-radio[type=radio]:checked+label::after{
    background: var(--primaryBackgroundColor);
}

.login-component .user-not-logged-in .username:focus, .login-component .user-not-logged-in .password:focus {
    border-bottom: solid 2px var(--primaryBackgroundColor);
}

.input-radio[type=radio]:checked+label::before {
    border: 1px solid var(--primaryBackgroundColor);
    background: var(--primaryColor);
}

.welcome-content {
    background-color: var(--primaryColor);
}

.black-header-big {
    color: var(--secondaryColor);
}

.selectize-control.single .selectize-input:after {
    border-color: var(--primaryBackgroundColor) transparent transparent transparent;
}
.selectize-control.single .selectize-input.dropdown-active:after {
    border-color:transparent transparent var(--primaryBackgroundColor) transparent;
}
/*LINKS*/
.company-locator-container .title-and-desc a:hover, a:focus, .learn-more a:hover,
.small-article .small-article-info a:hover, a:focus {
    color: var(--linkColorOnHover);
}
body a {
    color: var(--linkColor);
}
.landingpage-sub-menu .nav-active {
    color: var(--linkColor) !important;
}
/*BUTTONS*/

.sf-web-to-case form input[type="submit"],
.submit-btn,
.button-wrapper .submit,
.btn-primary.custom,
.dentist-search-container .dentist-search-desc a{
    background-color: var(--buttonBackgroundColor);
    border: 2px solid var(--buttonBorderColor);
    color: var(--buttonColor);
}
.submit-btn:focus,
.button-wrapper .submit:focus,
.dentist-search-container .dentist-search-desc a:focus{
    background-color: var(--buttonBackgroundColorOnFocus);
    color: var(--buttonColorOnFocus);
}
.submit-btn:hover,
.button-wrapper .submit:hover,
.dentist-search-container .dentist-search-desc a:hover{
    background: var(--buttonBackgroundColorOnHover);
    color: var(--buttonColorOnHover);
}
/*
body {
    background-color:#fff;
    color:#262626;
}

.column-component-container h2,
.column-component-container h1 {
    color:#43b02a;
}

.columnctrl .column-component-container {
    border-top: 1px solid #f2f2f2;
}

*/

/*FOOTER*/
/*Populated with thertiary colors, for the horizontal lines we use primary bacground color-profile*/
.footer {
    border-top: 1px solid var(--tertiaryBackgroundColor);
    background: var(--tertiaryBackgroundColor);
}

.footer-aboutus-container {
    border-top: 1px solid var(--primaryBackgroundColor);
}
.footer .footer-aboutus-text p,
.footer .category-headers,
.footer-links a{
    color: var(--tertiaryColor);
}

/*ZIP*/
.zip-input{
    border: 2px solid var(--buttonBorderColor);
}