resources
Subscribe to PCTY Talks: HR, People and Culture:
Shari Simpson
Host
Senior Manager Thought Leadership
Paylocity
Modern HR Tools
Recruit and retain talent by shaping an environment that makes employees feel valued and engaged. Let our HR tools help.
Explore HR Solutions
Engage Efficiently
Real data. Real results. Get actionable insights to help improve employee engagement with the Employee Experience.
Get HR Insights
Sign Up for Our Newsletter!
Get the latest resources delivered right to your inbox.
.eyebrow .btn.btn-gradient {
background: #343e48 !important;
}
.eyebrow .dropdown-menu a.btn-gradient,
.eyebrow .dropdown-menu a.btn-primary {
color: #343e48 !important;
background-color: #fff !important;
}
.navbar-desktop .dropdown-menu-mega,
.navbar-desktop .dropdown-menu-mega .text-gray,
.navbar-desktop .dropdown-menu-mega a,
.navbar-desktop .dropdown-menu-mega h2,
.navbar-desktop .dropdown-menu-mega h3,
.navbar-desktop .dropdown-menu-mega *,
.navbar-desktop .dropdown-menu-mega svg,
.navbar-desktop .dropdown-menu-mega svg * {
color: #fff !important;
stroke: #fff !important;
}
#headerBanner a.btn.btn-primary {
background: #343e48;
}
input.btn.btn-gradient.primary {
background: #fff !important;
color: #343e48 !important;
}
.bg-secondary .navigation-tile a.navigation-pod:active,
.bg-secondary .navigation-tile a.navigation-pod:focus,
.bg-secondary .navigation-tile a.navigation-pod:hover {
color: #343e48 !important;
text-decoration: none;
background-image: none;
background-repeat: repeat-x;
background-color: #fff;
}
.product-showcase.bg-secondary .navigation-tile a.navigation-pod:hover svg,
.product-showcase.bg-secondary .navigation-tile a.navigation-pod:hover svg *,
.product-showcase.bg-secondary .navigation-tile a.navigation-pod:active svg,
.product-showcase.bg-secondary .navigation-tile a.navigation-pod:active svg *,
.product-showcase.bg-secondary .navigation-tile a.navigation-pod:focus svg,
.product-showcase.bg-secondary .navigation-tile a.navigation-pod:focus svg * {
stroke: #343e48 !important;
}
.umbraco-forms-Dark.Gray.Panel h2.h3 {
color: #ff8f1c !important;
}
.umbraco-forms-Dark.Gray.Panel .form-control {
color: #fff !important;
}
.umbraco-forms-Dark.Gray.Panel label.form-check-label,
.umbraco-forms-Dark.Gray.Panel label.form-check-label,
.umbraco-forms-Dark.Gray.Panel label.floatable-label,
.umbraco-forms-Dark.Gray.Panel .fileupload label:not(.sr-only) {
color: #fff !important;
}
.umbraco-forms-Dark.Gray.Panel ::placeholder {
color: #fff !important;
}
.umbraco-forms-Dark.Gray.Panel .field-validation-error {
color: #ff8f1c;
}
.umbraco-forms-Dark.Gray.Panel input.form-control.input-validation-error,
.umbraco-forms-Dark.Gray.Panel select.form-control.input-validation-error {
border-color: #ff8f1c;
}
.umbraco-forms-Dark.Gray.Panel .form-disclaimer {
font-size: .75rem;
margin-top: -10px;
margin-bottom: -35px;
}
.umbraco-forms-Dark.Gray.Panel a {
color: #fff;
text-decoration: underline;
}
.umbraco-forms-Light.Gray.Panel .form-control,
.umbraco-forms-Light.Gray.Panel .help-block,
.umbraco-forms-Light.Gray.Panel input[type=file] {
color: #343e48 !important;
}
.umbraco-forms-Light.Gray.Panel label.form-check-label,
.umbraco-forms-Light.Gray.Panel label.floatable-label,
.umbraco-forms-Light.Gray.Panel .fileupload label:not(.sr-only) {
color: #343e48 !important;
}
.umbraco-forms-Light.Gray.Panel .field-validation-error {
color: #a70c0e;
}
.umbraco-forms-Light.Gray.Panel input.form-control.input-validation-error,
.umbraco-forms-Light.Gray.Panel select.form-control.input-validation-error {
border-color: #a70c0e;
}
.umbraco-forms-Light.Gray.Panel ::placeholder,
.umbraco-forms-Light.Gray.Panel select {
color: #343e48 !important;
}
.umbraco-forms-Light.Gray.Panel .form-disclaimer {
font-size: .75rem;
margin-top: -10px;
margin-bottom: -35px;
}
.umbraco-forms-Light.Gray.Panel a {
color: #343E48;
text-decoration: underline;
}
.umbraco-forms-form .bg-secondary .help-block,
.umbraco-forms-form .bg-secondary input[type="file"] {
color: #fff !important;
}
footer,
footer .info a,
footer p.legal,
footer .nav a {
color: #fff !important;
}
footer .social-media svg,
footer .social-media svg * {
fill: #fff !important;
stroke: #343E48 !important;
}
footer .info svg * {
fill: white !important;
}
.list-inline-item {
color: #a70c0e !important;
}
.card-body .btn-primary {
background-color: #343E48;
}
.card-body .btn.btn-gradient,
.card-body .btn.btn-primary {
background-image: none;
}
.card-body h3 {
color: #ed2024 !important;
}
.media-callout-gradient-media-left .media-callout-text,
.media-callout-gradient-media-right .media-callout-text {
background-color: #343e48 !important;
background-image: none !important;
}
@media (max-width: 1199px) {
.media-callout-gradient {
background-image: none !important;
background-color: #343e48 !important;
}
}
.media-callout-text a.btn.btn-secondary.mt-4 {
background-color: #fff;
color: #343e48;
}
a#hierarchyNavCollapseButton.btn.btn-link.btn-block.collapsed.text-lowercase {
color: #ed2024;
}
a#hierarchyNavCollapseButton.btn.btn-link.btn-block.collapsed.text-lowercase,
section#headerBanner.header-banner.hierarchy-banner {
color: #343e48 !important;
}
section#headerBanner.header-banner.hierarchy-banner {
color: #ed2024;
}
.grid-section h2.h3 {
color: #ed2024;
}
.header-banner.hierarchy-banner .nav-hierarchy .nav-link.active {
color: #343e48 !important;
text-decoration: underline;
}
.navbar-light .navbar-nav .nav-link.active {
color: #343e48 !important;
text-decoration: underline;
}
.navbar .nav-link.active:before {
border-top: none;
}
.footer-navigation-links .navigation-pod span.d-flex.justify-content-center.align-items-center.my-auto {
color: #fff !important;
}
.callout-tile {
background-image: none;
background-color: #343e48;
}
.callout-tile .btn {
color: #343e48;
background-color: #fff;
}
.tabs-vertical a.nav-link.active,
.tabs-vertical a.nav-link.active:hover {
color: #343e48;
text-decoration: underline;
}
.tabs-vertical a.nav-link {
color: #898a8d;
}
.grid-tabs-section a.nav-link {
color: #343e48;
}
html #featuredMessageFlyoutButton.btn.flyout-button {
background-color: #343e48 !important;
background-image: none !important;
}
html .pcty-mobile-navigation.open .main-navmenu .utility-area p,
html .pcty-mobile-navigation.open a,
html .pcty-mobile-navigation.open button:not(.btn),
html .pcty-mobile-navigation.open ul li a,
html .pcty-mobile-navigation.open .navbar-nav-dropdown .menu-area ul *,
html .pcty-mobile-navigation.open .accessibility-area label,
html .pcty-mobile-navigation.open .accessibility-area a,
html .pcty-mobile-navigation.open .high-contrast-switch-module[data-dark-theme=true] .link-portion a {
color: #fff !important;
}
html .navbar-mobile.open .main-navmenu svg,
html .navbar-mobile.open .main-navmenu svg * {
stroke: #fff !important;
}
.pcty-mobile-navigation.open .main-navbar svg .logotag,
.pcty-mobile-navigation.open .main-navbar svg .logotype {
fill: #fff !important;
}
#navbarNavDropdownToggler[aria-expanded=false] .x1,
#navbarNavDropdownToggler[aria-expanded=false] .x2,
#navbarNavDropdownToggler[aria-expanded=false] .x3 {
background-color: #343e48 !important;
}
#navbarNavDropdownToggler[aria-expanded=true] .x1,
#navbarNavDropdownToggler[aria-expanded=true] .x2,
#navbarNavDropdownToggler[aria-expanded=true] .x3 {
background-color: #fff !important;
}
.pcty-mobile-navigation .btn.btn-gradient {
background-color: #343e48 !important;
background-image: none !important;
}
.pcty-mobile-navigation.open .btn.btn-gradient {
background-color: #fff !important;
color: #343e48 !important;
}
.navigation-pods-section a.navigation-pod {
border-color: #343e48;
color: #343e48;
}
.navigation-pods-section a.navigation-pod svg,
.navigation-pods-section a.navigation-pod svg * {
stroke: #343e48 !important;
}
.navigation-pods-section a.navigation-pod:hover,
.navigation-pods-section a.navigation-pod:active,
.navigation-pods-section a.navigation-pod:focus {
color: #fff !important;
background-color: #343e48 !important;
background-image: none !important;
}
.navigation-pods-section a.navigation-pod:hover svg,
.navigation-pods-section a.navigation-pod:hover svg *,
.navigation-pods-section a.navigation-pod:active svg,
.navigation-pods-section a.navigation-pod:active svg *,
.navigation-pods-section a.navigation-pod:focus svg,
.navigation-pods-section a.navigation-pod:focus svg * {
stroke: #fff !important;
}
