/*#404040*/

/*Primary Color Picker Changes*/

/*Secondary Color Picker #333333 */

.primary-color {
    background-color: #404040 !important;
    border-color: #404040 !important;
}

.seconday-color, .secondary-color, .morebutton.button.secondary-color {
    background-color: #333333 !important;
    border-color: #333333 !important;
}

.primary-hover:hover {
    background-color: #404040 !important;
    color: #fafafa !important;
}


/*=====================     ICONS AND ICON BAR      =====================*/

/***          PAI Icons           ***/
.feature [class^="pai-icon-"]:before, .feature [class*="pai-icon-"]:before {
    color: #404040;
}

/***      PAI Dashbaord Icons     ***/
.dashboard-col [class^="pai-icon-"]:before, .feature [class*="pai-icon-"]:before {
    color: #404040;
}

.dashboard-col [class^="pair pai-"]:before, .feature [class*="pair pai-"]:before {
    color: #404040;
}

.dashboard-col [class^="paib pai-"]:before, .feature [class*="paib pai-"]:before {
    color: #404040;
}

/* Icon Bar */
.agency-footer-right span > i {
    color: #404040 !important;
}

.iconbar-tile a:hover {
    background: #fafafa !important;
}

.Icon_Bar_Link > i:first-child {
    color: #404040;
}

.slick-prev:before,
.slick-next:before {
    color: #404040;
}

#s4-workspace .slick-next:hover, #s4-workspace .slick-next:active, #s4-workspace .slick-next:focus, .slick-prev:hover:before,
.slick-next:before, a:hover.Icon_Bar_Link > i:first-child {
    color: #333333;
}

#s4-workspace .slick-prev:hover, #s4-workspace .slick-prev:active, #s4-workspace .slick-prev:focus, .slick-prev:hover:before,
.slick-next:before {
    color: #333333;
}

/*===================== BUTTONS =====================*/
#BannerButtonLink:focus {
    color: #404040 !important;
}

#s4-workspace button.fc-button, .morebutton a, read-more, a.col-btn, .read-more-recent a, .blog-feed .blog-pagination .current, .homeslide .morebutton a, .button, a.button:visited, a.button:active, a.button.focus, #s4-workspace button.fc-button {
    background-color: #404040 !important;
    border-color: #404040 !important;
    color: #fff !important;
    border: solid !important;
    border-color: #404040 !important;
}

    #s4-workspace button:hover.fc-button, #s4-workspace .read-more-recent a:hover, a.col-btn:hover, #s4-workspace .read-more a:hover, #s4-workspace a.button:hover, #s4-workspace a.button:focus, #s4-workspace a.button:active, .homeslide .morebutton a:hover, .morebutton a:hover, .blog-feed .blog-pagination .current:hover, .button:hover, a.button:hover, #s4-workspace button.fc-button:hover, .reveal a.button:focus, .reveal a.button:hover, .reveal a.button:active, #s4-workspace a:focus.nav-tile, .fp-btn:active, .fp-btn:focus {
        color: #404040 !important;
        background-color: #fff !important;
        border-color: #404040 !important;
        border: solid;
    }

#s4-workspace .homeslide .secondary-color:hover {
    color: #333333 !important;
    background-color: #fff !important;
    border-color: #333333 !important;
    border: solid;
}
/* Search Button */
.gsc-search-button .gsc-search-button-v2, a.search-button, .portal-search input.gsc-search-button-v2 {
    background-color: #404040 !important;
    border-color: #404040 !important;
}

    .gsc-search-button .gsc-search-button-v2:hover svg, .gsc-search-button .gsc-search-button-v2:focus svg, .gsc-search-button .gsc-search-button-v2:active svg {
        fill: #404040 !important;
    }

/*PennDOT News Search*/
.SearchNewsButton input[type=submit] {
    background-color: #404040 !important;
    border-color: #404040 !important;
    color: #fff !important;
    border: solid !important;
    border-color: #404040 !important;
}

    .SearchNewsButton input[type=submit]:hover {
        color: #404040 !important;
        background-color: #fff !important;
        border-color: #404040 !important;
        border: solid;
    }


/*===================== Enterprise Calendar ======================*/
#PluginContainer > div .fc-button-active {
    color: #404040 !important;
    background-color: #fff !important;
    border-color: #404040 !important;
    border: solid;
}

/*===================== Event locator ======================*/
#ms-list-1 > button:focus, #ms-list-1 > button:hover {
    background-color: #404040 !important;
    color: #FAFAFA !important;
    border: 0.1rem solid white !important;
}

#filterSection button:focus, #filterSection button:hover {
    background-color: #404040 !important;
    color: #FAFAFA !important;
    border: 0.1rem solid white !important;
}

#filterSection .is-current {
    background-color: #404040 !important;
    color: #FAFAFA !important;
    border: 0.1rem solid white !important;
}

.leftColumn #pagination button:focus, .leftColumn #pagination button:hover {
    background-color: #404040 !important;
    color: #FAFAFA !important;
}

/*===================== HEADER AND NAVIGATION =====================*/

/* Header */
.contain-to-grid.navigation, .rmRootGroup, .rmHorizontal, ul.secondary-features.expanded a, #navShow {
    background: #404040 !important;
}

/* Top Nav */
a.accordion-title:hover, .no-children:hover, .accordion-link.primary-hover:hover, a.accordion-title:focus, .no-children:focus, .accordion-link.primary-hover:focus {
    background-color: #333333 !important;
    color: #fafafa !important;
}

.top-bar .submenu a.is-current, .is-current {
    background-color: #333333;
    color: #FAFAFA !important;
}

.top-bar .submenu a:hover,
.top-bar .submenu a:focus,
.top-bar .submenu a:active {
    background-color: #404040 !important;
    color: #fafafa !important;
}

.top-bar-right > ul > li.is-dropdown-submenu-item:hover,
.top-bar-right > ul > li.is-dropdown-submenu-item:active,
.top-bar-right > ul > li.is-dropdown-submenu-item.is-active > a,
.top-bar-right > ul > li.is-dropdown-submenu-parent:hover,
.top-bar-right > ul > li.is-dropdown-submenu-parent:active,
.top-bar-right > ul > li.is-dropdown-submenu-parent.is-active > a,
.top-bar-right > ul > li > a.top-nav-top-item.top-nav-parent:hover,
.top-bar-right > ul > li > a.top-nav-top-item.top-nav-parent:active {
    background: none repeat scroll 0 0 #404040 !important;
    color: #fafafa !important;
}

.top-bar .mobile-accordion,
.top-bar .mobile-accordion:hover,
.top-bar .mobile-accordion .accordion-title:hover,
.top-nav .mobile-accordion .accordion-title:focus {
    background-color: #404040;
}

@media screen and (min-width: 1024px) {
    .dropdown > li > a:hover, .dropdown > li > a:hover > i.pair {
        color: #404040;
    }

        .dropdown > li > a:hover, .dropdown > li > a:hover > i.paib {
            color: #404040;
        }
}

.top-bar a.top-nav-top-item:hover {
    color: #404040 !important;
}

/* Nav Tiles */
#s4-workspace .nav-tiles-container a:hover span, #s4-workspace .nav-tiles-container a:hover i, #s4-workspace .nav-tiles-container a:hover {
    color: #404040 !important;
}

.nav-tile:hover {
    background-color: #fafafa !important;
    border: 0.1875rem solid #404040 !important;
}
/* Custom Tiles */
a.contentTile {
    background: #404040;
}
/* Tiles - from SP2010 */
.RadSiteMap .rsmItem {
    background: #404040 !important;
}

/*===================== IMAGE SLIDER =====================*/

.wrapper {
    background: #404040;
}

    .wrapper .morebutton a {
        border: .15rem solid white;
    }

button.slick-prev, button.slick-next {
    background-color: initial !important;
}

/* Blog 
.tags-box a:visited, .blog-feed a:visited {
    color: #404040;
}*/

/*===================== Back to Top =====================*/
.back-to-top {
    background-color: #404040;
    border: 0.1875rem solid #FAFAFA !important;
}

div:hover.back-to-top {
    background-color: #FAFAFA !important;
    color: #404040;
    border: 0.1875rem solid #404040 !important;
}

/*===================== Training Site Button Icon =====================*/
#s4-workspace .live-chat-wrapper:hover > a.close-button > span {
    color: #404040 !important;
}

/*****************Governor Goals***********************/
.footer-gov-goals {
    background-color: #404040 !important;
}

.footer-gov-goal-logo img {
    background: #404040 !important;
    border: #404040 !important;
}

.footer-gov-goal-list-item a:focus .footer-gov-goal-list-item-category,
.footer-gov-goal-list-item a:focus .footer-gov-goal-list-item-summary,
.footer-gov-goal-list-item:focus .footer-gov-goal-list-item-category,
.footer-gov-goal-list-item:focus .footer-gov-goal-list-item-summary,
.footer-gov-goal-list-item:hover .footer-gov-goal-list-item-category,
.footer-gov-goal-list-item:hover .footer-gov-goal-list-item-summary {
    color: #404040 !important;
}

.footer-gov-goal-list-item a:focus, .footer-gov-goal-list-item a:hover,
#s4-workspace .footer-gov-goal-link h1:hover, #s4-workspace .footer-gov-goal-link:focus > h1 {
    color: #333333 !important;
}

.footer-gov-goal-list-item i {
    color: #fafafa !important;
    background: #333333 !important;
}

    .footer-gov-goal-list-item i.pai-external-link {
        color: #fafafa !important;
        background: transparent !important;
    }

.footer-gov-goal-list-item:hover i.pai-external-link, .footer-gov-goal-list-item a:focus i.pai-external-link {
    color: #333333 !important;
}

/*****************Popular/Trending Items***********************/
#overallTabsWrapper .is-active .panel-btn {
    border: solid 2px #404040;
    background-color: #404040;
    color: #fafafa;
}

#overallTabsWrapper .tabs-title a {
    background-color: #fafafa;
    border: solid 2px #404040;
    color: #404040;
}

    #overallTabsWrapper .tabs-title a:hover,
    #overallTabsWrapper .tabs-title a:focus,
    #overallTabsWrapper .tabs-title a:active {
        background-color: #404040;
        color: #fafafa;
    }

#overallTabsWrapper .popular-list-item {
    border-color: #404040;
}

    #overallTabsWrapper .popular-list-item:hover,
    #overallTabsWrapper .popular-list-item:focus,
    #overallTabsWrapper .popular-list-item:active {
        background-color: #404040 !important;
    }

        #overallTabsWrapper .popular-list-item:hover a,
        #overallTabsWrapper .popular-list-item:focus a,
        #overallTabsWrapper .popular-list-item:active a {
            color: #fafafa;
        }

/*****************Topnav Rebuild***********************/
.is-dropdown-submenu-parent:hover > a,
.is-dropdown-submenu-parent:focus > a,
.top-bar ul > li > a.top-nav-parent:hover,
.top-bar ul > li > a.top-nav-parent:active,
.top-bar ul > li > a.top-nav-parent:focus,
.top-bar ul > li > a.top-nav-top-item:hover,
.top-bar ul > li > a.top-nav-top-item:active,
.top-bar ul > li > a.top-nav-top-item:focus {
    background-color: #404040;
    font-style: italic;
}

/*****************Input checkboxes***********************/
.check-group input:checked ~ .checkmark {
    background-color: #404040;
}

.dhs-check-group input:checked ~ .dhs-checkmark {
    background-color: #404040 !important;
}

/************************   Top Categories   ************************/
.TopCategoriesTitle {
    border-bottom-color: #404040;
    color: #404040;
}

.TopCategoriesColumnTitle {
    background-color: #404040;
}

.ContentList > li {
    border-left-color: #404040;
}

    .ContentList > li:hover {
        background-color: #404040;
    }

.ContentItem {
    color: #404040;
}

    .ContentItem:focus {
        color: #404040 !important;
    }

    .ContentItem:link {
        color: #404040;
    }

    .ContentItem:visited {
        color: #404040;
    }