resources
Let’s Reach for Tomorrow Together
May 11, 2020The coronavirus pandemic halted or limited business operations for months. In the days ahead, consider rethinking employee safety and engagement.
Video
The past few months have been challenging, but we’re still looking ahead to the promise of tomorrow. As doors reopen and your people return to the office, Paylocity is here to help you keep tackling the challenges of the new normal with tools to help you listen, learn, engage, and work differently.
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
Max Productivity
Get out of time-consuming processes while knowing your employees are set up for day-to-day success.
Manage with Confidencerelated
Benefits Administration
Data Insights
.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;
}