resources
Subscribe to PCTY Talks: HR, People and Culture:
Shari Simpson
Host
Senior Manager Thought Leadership
Paylocity
Corinne Tirone
Director of Government Relations
Paylocity
Eliminate the Guesswork on Employee Engagement
How can you tell if your employees are engaged? The right data. Create a culture of connection and collaboration with actionable insights to improve engagement, increase productivity, and reduce turnover. Quantify your cost savings and find out how you can get the most out of your HR and payroll investment with Employee Experience.
Employee Experience
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;
}
