/* This file will serve to add BIS/Care Client styles to the existing bootstrap elements.*/

/*@charset "utf-8";*/

/* Import rebrand fonts */
@import url('/fonts/RebrandFontFaces.css');

/* Import embrace typography rules - use .embrace-body class to apply */
@import url('/UIObjects/Css/embrace-typography.css');

html {
    font-size: 14px;
    height: 100%;
}

body {
    font-family: 'Oceanic Grotesk', Arial, sans-serif;
    color: #444444;
    font-size: 14px;
    height: 100%;
}

/* --------------------------------------------------------------------------------------*/
/* ------------ Header styles -----------------------------------------------------------*/
/* --------------------------------------------------------------------------------------*/

#header {
    padding: 10px !important;
    height: 100px;
    margin: 0 auto;
}

#header .signIn {
    float: left;
    position: relative;
    z-index: 998;
}

#header .signIn a {
    color: #444444;
    text-decoration: none;
}

#headerInfo {
    margin: 0 0 0 0;
    text-align: right;
    padding-top: 30px;
}

#headerInfo .phone a {
    font-size: 16px;
    color: #015AC8;
    text-align: right;
    font-weight: bold;
}

#headerInfo .phone {
    font-size: 16px;
    line-height: 22px;
    color: #172C42;
    flex-wrap: wrap;
}

#headerInfoCare .phone a {
    font-size: 16px;
    color: #015AC8;
    text-align: right;
    font-weight: bold;
}

#headerInfoCare .phone {
    font-size: 16px;
    line-height: 22px;
    color: #172C42;
    flex-wrap: wrap;
}

#headerInfoCare .header-welcome {
    font-size: 16px;
}

#logos {
    float: left;
    max-width: 400px;
}

#logos a,
#logos a:focus,
#logos a:hover {
    background: transparent;
    outline: none;
}

.signInPanel {
    font-size: 12px;
    z-index: 99999 !important;
    position: relative;
}

.links a {
    color: #444444;
    padding-left: 0;
}

.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
    color: #444444;
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: #444444;
}


/* --------------------------------------------------------------------------------------*/
/* ------------ Сobranding section styles -----------------------------------------------*/
/* --------------------------------------------------------------------------------------*/

#cobranding {
    position: absolute;
    top: 1px;
    /*padding: 1rem 0 0.07rem 0;*/
    margin-left: 1%;
    max-width: 11%;
}

    #cobranding span {
        font-family: 'Oceanic Grotesk', Arial, sans-serif;
        font-size: 12px;
        display: block;
        width: 90px;
    }

    #cobranding img {
        max-width: 70px;
    }

/* --------------------------------------------------------------------------------------*/
/* ------------ Navbar styles -----------------------------------------------------------*/
/* --------------------------------------------------------------------------------------*/

#navWrapper {
    width: 100%;
    margin: 5px auto 0 auto;
    padding: 5px 0;
    border-bottom: 3px solid #e9e9e9;
    font-family: 'Oceanic Grotesk', Arial, sans-serif;
}

.navbar-toggler-icon {
    width: 30px;
    height: 30px;
}

#navWrapper .navbar-toggler,
#toggler {
    padding: 12px 16px;
    min-height: 44px;
    min-width: 44px;
}

#navWrapper .navbar-toggler:focus,
#navWrapper .navbar-toggler:active,
#navWrapper .navbar-toggler:focus-visible,
#toggler:focus,
#toggler:active,
#toggler:focus-visible,
#toggler:focus svg,
#toggler:active svg,
#toggler:focus span,
#toggler:active span {
    outline: none !important;
    box-shadow: none !important;
    border-color: transparent !important;
}

.nav_menu_primary li {
    float: left;
    margin-right: 1.145%;
    list-style-type: none;
}

.centered-content-block-primary {
    margin: 0 auto;
    width: 100%;
    position: relative;
    height: auto;
}

/* Constrain collapsed nav dropdown so border lines don't stretch full page */
@media (max-width: 991px) {
    #navWrapper .navbar-collapse .centered-content-block-primary,
    #navWrapper .collapse .centered-content-block-primary {
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
    }

    #navWrapper .navbar-collapse .centered-content-block-primary ul,
    #navWrapper .collapse .centered-content-block-primary ul {
        width: 100%;
        max-width: 960px;
    }
}

.centered-content-block {
    max-width: 960px;
    margin: 0 auto;
    position: relative;
    height: auto;
}

.currentNavTabResponsive span {
    white-space: nowrap;
}

.nav_menu_secondary {
    background-color: #fff;
    padding-top: 0.75%;
    width: 100%;
}

    .nav_menu_secondary li {
        margin-right: 1.3%;
        margin-top: 1rem;
        -o-flex-grow: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        text-align: center;
    }

.centered-content-block-primary .nav_menu_primary .nav-link {
    color: #444444;
    font-size: 14px;
    letter-spacing: .5px;
    font-weight: 400;
}

/* Desktop: larger clickable area for nav tabs */
@media (min-width: 992px) {
    .nav_menu_primary .nav-link {
        padding: 12px 16px;
        display: inline-block;
    }
}

.currentNavTabResponsive {
    width: 60%;
    text-align: center;
}

.nav_menu_primary a:hover {
    text-decoration: none;
}

#ctl00_ctl00_cphMain_currentTab {
    color: #444444;
    font-size: 14px;
    letter-spacing: .5px;
    font-weight: 400;
}


.nav-tabs {
    border-bottom: 3px solid #eee;
    letter-spacing: 0.5px;
}

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        border: none;
        border-bottom: 3px solid #1E1E1E;
        background-color: none;
    }

.nav-item {
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
}

#ctl00_ctl00_cphMain_headerControl_lnkClientLogin {
    display: none;
}

/* --------------------------------------------------------------------------------------*/
/* ------------ Footer styles -----------------------------------------------------------*/
/* --------------------------------------------------------------------------------------*/

footer {
    background: #F6F3EE;
    color: #444444;
    width: 100%;
}

    footer a {
        color: #444444;
    }

    footer a:hover {
        color: #444444 !important;
    }

    footer ul {
        padding: 0 5px;
    }

    footer .fa-envelope {
        font-size: 24px;
        margin: 0 5% 0 0;
    }

    footer p {
        color: #888888;
        margin-bottom: 0px;
        text-align: center;
        margin: 0 auto;
    }

#footer-content {
    max-width: 1123px;
    margin: 0 auto;
}

#footer-row-main-info p a {
    padding: 0 12px;
}

footer ul li {
    list-style-type: none;
    font-weight: bold;
    font-size: 14px;
}

#contact {
    display: flex;
    -o-justify-content: space-around;
    -webkit-justify-content: space-around;
    justify-content: center;
}

    #contact a {
        display: flex
    }

#social {
    display: flex;
    -o-justify-content: space-around;
    -webkit-justify-content: space-around;
    justify-content: center;
}

    #social img {
        height: 48px;
        margin: 0 20px;
    }

/* --------------------------------------------------------------------------------------*/
/* ------------ Button styles -----------------------------------------------------------*/
/* --------------------------------------------------------------------------------------*/

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.btn {
    border-radius: 30px;
    width: 130px;
    height: 40px;
    font-size: 18px;
    text-decoration: none;
}

    .btn.btn-primary-red, .btn.btn-primary-red.disabled, .btn.btn-primary-red:disabled {
        background-color: #FB4C4C;
        border-color: #FB4C4C;
        color: #fff;
    }

        .btn.btn-primary-red.disabled, .btn.btn-primary-red:disabled {
            opacity: .3;
            filter: alpha(opacity=30);
        }

        .btn.btn-primary-red:hover {
            background-color: #D2393C;
            border-color: #D2393C;
        }

        .btn.btn-primary-red.focus, .btn.btn-primary-red:focus {
            box-shadow: 0 0 0 .2rem rgba(210, 57, 60, .5)
        }

        .btn.btn-primary-red:not(:disabled):not(.disabled).active, .btn.btn-primary-red:not(:disabled):not(.disabled):active {
            background-color: #FB4C4C;
            border-color: #D2393C;
        }

            .btn.btn-primary-red:not(:disabled):not(.disabled).active:focus, .btn.btn-primary-red:not(:disabled):not(.disabled):active:focus {
                box-shadow: 0 0 0 .2rem #D2393C
            }

.btn-secondary-red, .btn-secondary-red.disabled, .btn-secondary-red:disabled {
    background-color: #FFF;
    border: 1.5px solid #FB4C4C;
    color: #FB4C4C;
    margin: 0 5px;
}

.btn.btn-primary, .btn.btn-primary.disabled, .btn.btn-primary:disabled,
.drp-buttons .applyBtn.btn.btn-sm.btn-default {
    background-color: #025747;
    border: 2px solid #4D9380;
    color: #E4FFB8;
}

    .btn.btn-primary.disabled, .btn.btn-primary:disabled {
        opacity: .3;
        filter: alpha(opacity=30);
        background-color: #DDDDDD;
    }

    .drp-buttons .applyBtn.btn.btn-sm.btn-default:disabled {
        opacity: .3;
        filter: alpha(opacity=30);
        background-color: #DDDDDD;
    }

    .btn.btn-primary:hover,
    .drp-buttons .applyBtn.btn.btn-sm.btn-default:hover {
        background-color: #377A69;
        border: 2px solid #4D9380;
    }

    .btn.btn-secondary:hover, .btn.btn-secondary:active, .btn.btn-secondary:focus {
        background-color: #F5F5F5 !important;
        color: #025747 !important;
        border-color: #025747 !important;
    }

    .btn.btn-primary.focus, .btn.btn-primary:focus,
    .drp-buttons .applyBtn.btn.btn-sm.btn-default:focus {
        box-shadow: 0 0 0 .2rem rgba(77, 147, 128, .5);
    }

    .btn.btn-primary:not(:disabled):not(.disabled).active, .btn.btn-primary:not(:disabled):not(.disabled):active {
        background-color: #377A69;
        border: 2px solid #4D9380;
    }

        .btn.btn-primary:not(:disabled):not(.disabled).active:focus, .btn.btn-primary:not(:disabled):not(.disabled):active:focus {
            box-shadow: 0 0 0 .2rem rgba(77, 147, 128, .5);
        }

.btn-modal {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.button-large-green.btn-lg.btn {
    padding-top: 3px;
}

.btn-secondary, .btn-secondary.disabled, .btn-secondary:disabled,
#ctl00_ctl00_cphMain_cphMainContent_btnModify,
#ctl00_ctl00_cphMain_cphMainContent_btnCancelReact,
#ctl00_ctl00_cphMain_cphMainContent_btnDelete,
#ctl00_ctl00_cphMain_cphMainContent_emailSubscriptions_btnUnsubscribeAll,
#ctl00_ctl00_cphMain_cphMainContent_btnCancelReactivation,
#ctl00_ctl00_cphMain_cphMainContent_lnkEditAuthorizedContact,
#ctl00_ctl00_cphMain_cphMainContent_btnBack,
#ctl00_ctl00_cphMain_cphMainContent_btnCancelNewEmployee,
#ctl00_ctl00_cphMain_cphMainContent_AddNewWorksiteAddress_btnClear,
#ctl00_ctl00_cphMain_cphMainContent_AccountMailingAddress_btnCancel,
.drp-buttons .cancelBtn.btn.btn-sm.btn-default,
#ctl00_ctl00_cphMain_cphMainContent_btnResendInviteEmail {
    background-color: #FFFFFF;
    border: 2px solid #025747;
    color: #025747;
    margin: 0 5px;
}

#ctl00_ctl00_cphMain_cphMainContent_btnCancel,
#ctl00_ctl00_cphMain_cphMainContent_btnCancelFederal,
#ctl00_ctl00_cphMain_cphMainContent_btnCancelState {
    background-color: #FFFFFF;
    border: 2px solid #025747;
    color: #025747;
    margin: 0 5px 0 25px;
}

#ctl00_ctl00_cphMain_cphMainContent_btnModify:hover,
#ctl00_ctl00_cphMain_cphMainContent_btnCancel:hover,
#ctl00_ctl00_cphMain_cphMainContent_btnCancelReact:hover,
#ctl00_ctl00_cphMain_cphMainContent_btnDelete:hover,
#ctl00_ctl00_cphMain_cphMainContent_emailSubscriptions_btnUnsubscribeAll:hover,
#ctl00_ctl00_cphMain_cphMainContent_btnCancelReactivation:hover,
#ctl00_ctl00_cphMain_cphMainContent_lnkEditAuthorizedContact:hover,
#ctl00_ctl00_cphMain_cphMainContent_btnBack:hover,
#ctl00_ctl00_cphMain_cphMainContent_btnCancelNewEmployee:hover,
#ctl00_ctl00_cphMain_cphMainContent_btnResendInviteEmail:hover,
#ctl00_ctl00_cphMain_cphMainContent_btnCancelFederal:hover,
#ctl00_ctl00_cphMain_cphMainContent_btnCancelState:hover {
     background-color: #F5F5F5;
}

input[value="Cancel"] {
    margin-left: 25px;
}

.btn-170,
#ctl00_ctl00_cphMain_cphMainContent_btnResendInviteEmail {
    width: 170px;
}

.btn-150 {
    width: 150px;
}

#ctl00_ctl00_cphMain_cphMainContent_btnReactivateEmployee {
    width: 200px;
}

#submitNewEmployeeButtons {
    width: 600px;
}

.drp-buttons .cancelBtn.btn.btn-sm.btn-default, .drp-buttons .applyBtn.btn.btn-sm.btn-default {
    font-size: 18px !important;
}

#ctl00_ctl00_cphMain_cphMainContent_btnSubmitNewEmployee,
#ctl00_ctl00_cphMain_cphMainContent_btnCancelNewEmployee {
    width: 200px;
    margin: 0 auto;
}

/* --------------------------------------------------------------------------------------*/
/* ------------ General elements styles -------------------------------------------------*/
/* --------------------------------------------------------------------------------------*/

.nowrap {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    min-width: 1px;
}

.pad40 {
    padding: 40px 0;
}

.margin-bottom {
    margin-bottom: 10px;
}

.primary-bold {
    color: #377A69;
    font-weight: bold;
}

.secondary-ital {
    color: #888888;
    font-style: italic;
}

p {
    color: #444444;
}

h1, .h1 {
    font-size: 28px;
    font-weight: 300;
    font-family: 'Nan Druid Sans', 'Trebuchet MS', sans-serif; /* Headings > 24px use Druid Sans */
}

h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 10px;
    margin-bottom: 10px;
    letter-spacing: .5px;
}

h3, .h3 {
    font-size: 18px;
    font-weight: 400;
}

h4, .h4 {
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
}

h5, .h5 {
    font-size: 15px;
    font-weight: 700;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: #444444;
}

a {
    color: #377A69;
    text-decoration: underline;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

    a:hover {
        color: #256959;
        text-decoration: underline;
    }

    a.nav-link {
        color: #444444;
        text-decoration: none;
    }

        a.nav-link:active {
            color: #377A69;
        }

input, label {
    vertical-align: top;
}

.cta-link {
    color: #FB4C4C;
    text-decoration: underline;
}

.mtop-25 {
    margin-top: 25px;
}

.sentence-case {
    text-transform: lowercase;
}

    .sentence-case::first-letter {
        text-transform: uppercase;
    }

hr {
    height: 1px;
    background-color: #868686;
    border: none;
    margin-top: 3px;
}

.centered-content-block-primary ul {
    padding: 10px;
    width: 1200px;
    margin: 0 auto;
    display: flex;
}

.page-link {
    color: #377A69;
}

.rounded-thin-border {
    border: 1px solid #aeaeae;
    border-radius: 10px;
}

/* --------------------------------------------------------------------------------------*/
/* ----- Gridview -----------------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------*/

.gridview {
    border: 1px solid #dddddd;
    overflow: hidden;
}

    .gridview th {
        color: #444444;
        background-color: #F6F3EE;
        border-left: none;
        border-bottom: 1px solid #DDDDDD;
        font-size: 16px;
        padding: .75rem 1.25rem;
        margin-bottom: 0;
        border-top: none;
    }

/* --------------------------------------------------------------------------------------*/
/* ------------ Drop-downs --------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------*/

.default_dropdownlist, select.MaskedEditError {
    width: 100%;
    height: 48px;
    background: #FFFFFF;
    border-radius: 16px;
    border-width: 1px;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: bold;
    line-height: 48px;
    opacity: 1;
    outline: none;
    padding-block: 0px;
    padding-inline-start: clamp(10px, 1.8vw, 14.5px);
    padding-inline-end: max(clamp(5.5px, 0.9vw, 7.5px), 36px);
    transition: background-color 0.2s ease, border-color 0.2s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23868686' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'>\
<polyline points='6 9 12 15 18 9'/></svg>");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 16px;
    margin-left: 4%;
}

.default_dropdownlist { border: 1px solid #868686; }

.default_dropdownlist:hover {
    background-color: #F6F3EE;
    border-color: #868686;
}

.default_dropdownlist:focus {
    background-color: #FFFFFF;
    border-color: #4D9380;
    box-shadow: none;
}

.default_dropdownlist option {
    background: #FFFFFF;
    color: inherit;
}

.default_dropdownlist.error,
.default_dropdownlist.is-error,
.default_dropdownlist.has-error {
    background-color: #FFFFFF;
    border-color: #D73218;
}

.default_dropdownlist.error:hover,
.default_dropdownlist.is-error:hover,
.default_dropdownlist.has-error:hover {
    border-color: #D73218;
}

.default_dropdownlist.error:focus,
.default_dropdownlist.is-error:focus,
.default_dropdownlist.has-error:focus {
    background-color: #FFFFFF;
    border-color: #D73218;
    box-shadow: none;
}

.dropdown-sm {
    min-width: 240px;
}

.dropdown-md {
    min-width: 360px;
}


/* --------------------------------------------------------------------------------------*/
/* ------------ Inputs ------------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------*/

input[type="text"], input[type="password"] {
    background: #FFFFFF;
    border: 1px solid #868686;
    border-radius: 16px;
    border-width: 1px;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: bold;
    line-height: 48px;
    opacity: 1;
    outline: none;
    padding-block: 0px;
    padding-inline-start: clamp(10px, 1.8vw, 14.5px);
    padding-inline-end: clamp(5.5px, 0.9vw, 7.5px);
    margin-left: 4%;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

    /* Active state */
    input[type="text"]:focus, input[type="password"]:focus {
        background: #FFFFFF;
        border-color: #4D9380;
        box-shadow: none;
    }

#ctl00_ctl00_cphMain_cphMainContent_gvPayrollEntry_ctl02_txtQuantity,
#ctl00_ctl00_cphMain_cphMainContent_gvPayrollEntry_ctl02_txtRate,
#ctl00_ctl00_cphMain_cphMainContent_gvPayrollEntry_ctl03_txtQuantity,
#ctl00_ctl00_cphMain_cphMainContent_gvPayrollEntry_ctl03_txtRate,
#ctl00_ctl00_cphMain_cphMainContent_gvOtherPayItems_ctl02_txtQuantity,
#ctl00_ctl00_cphMain_cphMainContent_gvOtherPayItems_ctl02_txtRate {
    padding: 3px 0;
}

/* --------------------------------------------------------------------------------------*/
/* ------------ Tables ------------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------*/

#home table {
    border-collapse: initial;
}

table {
    border-radius: 10px;
}

.table td{
    vertical-align: middle;
}

th {
    border-top: 1px solid #DDDDDD;
}

    th > span.paycheck_item {
        text-transform: uppercase;
    }

.empty-row {
    background-color: #e9e9e9;
    text-align: left;
}

.care-table {
    border: none;
    border-bottom: none;
    border-top: none;
    margin-top: 10px;
    margin-bottom: 30px;
    text-align: right;
}

.tax-care-table.care-table {
    margin-bottom: 10px;
}

.care-table tr {
    line-height: 36px;
}

.care-table td {
    border-bottom: none;
    border-top: none;
}

.care-table tr:nth-child(even) td {
    background-color: #F5F5F5;
}

.care-table.table-striped tr:nth-child(even) td {
    background-color: transparent;
}

.care-table th {
    border-bottom: 1.5px solid #DDDDDD;
    border-top: none;
    background-color: #fff !important;
    font-size: 12px;
    letter-spacing: .5px;
    padding: .3rem 0;
}

.btn-print,
[id*="btnPaycheckPrint"],
[id*="lnkPrint"],
input[value="Print"],
a.print {
    width: 80px !important;
    height: 32px !important;
    font-size: 14px !important;
    padding: 4px 8px !important;
    min-width: auto !important;
}

/* --------------------------------------------------------------------------------------*/
/* ------------ Page messages -----------------------------------------------------------*/
/* --------------------------------------------------------------------------------------*/

.page_message {
    color: #4D9380;
    font-size: 14px;
    line-height: 1.5em;
    font-weight: 700;
    margin-bottom: 10px;
}

.page_message_error {
    color: #D73218;
    font-size: 14px;
    line-height: 1.5em;
    font-weight: 700;
    margin-bottom: 10px;
}

.page_message_success {
    padding: 6px 12px;
    font-weight: normal;
    font-size: 14px;
    border: 1px solid #d6e9c6;
    border-radius: 4px;
    width: 100%;
    background-color: #dff0d8;
    color: #3c763d;
    display: block;
    margin-bottom: 24px;
}

/* --------------------------------------------------------------------------------------*/
/* ------------ Cards -------------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------*/

.gray-card {
    background-color: #F6F3EE;
    border-radius: 10px;
    border: 1px solid #DDDDDD;
    padding-bottom: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px;
}

.success-card {
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #4D9380;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px;
}

.card {
    border: 1px solid #DDDDDD;
    border-radius: 10px;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 0 !important;
}

.card-header,
h4.card-header,
h3.card-header,
h2.card-header {
    font-size: 16px;
    padding: .75rem 1.25rem !important;
    background-color: #F6F3EE !important;
    border-bottom: 1px solid #DDDDDD;
    font-weight: bold;
    text-align: center;
    margin: 0 !important;
    border-radius: 0 !important;
    width: 100% !important;
    box-sizing: border-box;
    display: block;
}

.card-subtitle {
    color: #888;
    font-size: 14px;
    line-height: 15px;
    margin-top: 16px;
}

.card-label {
    font-weight: bold;
    width: 12em;
}

.sub-card-label {
    width: 11.7em;
}

/* --------------------------------------------------------------------------------------*/
/* ----- Dividers -----------------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------*/

.divider-with {
    max-height: 55px;
}

hr.divider.px-1 {
    height: 1px;
}

hr.divider {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

hr {
    margin-top: 20px;
    border: 0;
    border-top: 1px solid #868686;
}

div.divider-with .divider-label {
    padding: 11px;
    background-color: #fff;
    position: relative;
    top: -38px;
    display: inline-block;
    margin: 0 auto;
}

/* --------------------------------------------------------------------------------------*/
/* ----- Telerik DatePicker Styles-------------------------------------------------------*/
/* --------------------------------------------------------------------------------------*/

.RadPicker.RadPicker_Default {
     width: 170px !important;
}

.RadPicker.RadPicker_Default .riTextBox {
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Oceanic Grotesk', Arial, sans-serif;
    padding: 0 14px;
    background: #FFFFFF;
    border: 1px solid #868686;
    border-radius: 16px;
    box-sizing: border-box;
    padding-inline-start: clamp(10px, 1.8vw, 14.5px);
}

.RadPicker.RadPicker_Default .riSingle { height: 48px; }

.RadPicker.RadPicker_Default a.rcCalPopup {
    height: 48px;
    width: 48px;
    display: inline-block;
}

@supports (-moz-appearance: none) {
    .RadPicker.RadPicker_Default .rcTable {
        table-layout: fixed;
    }

    .RadPicker.RadPicker_Default .rcTable td:last-child {
        width: 2px;
    }
}

/* --------------------------------------------------------------------------------------*/
/* ----- Home Page ----------------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------*/

#home {
    margin-top: 20px;
}

#home table {
    width: 100%;
}

#home .table.table-sm.gridview {
     margin-top: 32px;
}

#home .sameWidth {
     width: 150px;
}

#home .left { padding-right: 0px; }

#home {
    font-family: 'Oceanic Grotesk', Arial, sans-serif;
}

#home h1 {
    font-weight: 600;
    font-family: 'Nan Druid Sans', 'Trebuchet MS', sans-serif !important; /* Headings > 24px use Druid Sans */
}

#home .default_dropdownlist { 
    width: 87%;
    margin-left: 0%;
}

span .news-item-title, span.news-item-title {
    font-size: 16px !important;
    font-weight: 700;
    margin: 0px;
    padding-top: 4px;
}

#help ul {
    -webkit-padding-start: 0px;
}

#help li {
    color: #444444;
    list-style: none;
    font-weight: 400;
    font-size: 14px;
}

#ctl00_ctl00_cphMain_cphMainContent_ucClientSite_NewsAlerts_divMessage > span:nth-child(2) > p > a:nth-child(2) > u > span > font {
    color: #377A69;
}

.signInPanel .pro-portal-back-row {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    z-index: 1000;
}

.signInPanel .pro-portal-back-row .pro-portal-back-lnk,
.signInPanel a.pro-portal-back-lnk,
a[id$="lnkBackProPortal"].pro-portal-back-lnk {
    font-weight: bold;
    font-size: 14px;
    margin-left: auto;
    position: relative;
    z-index: 1000;
    display: inline-block;
    padding: 0.5rem 0.5rem 0.5rem 1rem;
}


.two-factor-auth-button {
    text-decoration: underline !important;
    color: #377A69 !important;
}

    .two-factor-auth-button:hover {
        color: #256959 !important;
    }

.two-factor-header {
    color: #444444 !important;
    background-color: #F6F3EE !important;
    border-bottom: 1px solid #DDDDDD !important;
    padding: .75rem 1.25rem !important;
}

/* --------------------------------------------------------------------------------------*/
/* ----- Care 2025 Log In ---------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------*/

/*Header phone style*/


.newWrapper {
    width: 100%;
    max-width: none;
}

#headerInfoCare {
    margin: 0 0 0 0;
    text-align: right;
}

    #headerInfoCare .phoneCare a {
        font-size: 18px;
        color: #377A69;
        text-align: right;
        font-weight: bold;
        text-decoration: none;
    }

    #headerInfoCare .phoneCare {
        font-size: 18px;
        line-height: 24px;
        color: #1E1E1E;
        flex-wrap: wrap;
    }

#headerInfo .phoneCare a {
    font-size: 18px;
    color: #377A69;
    text-align: right;
    font-weight: bold;
    text-decoration: none;
}

#headerInfo .phoneCare {
    font-size: 18px;
    line-height: 24px;
    color: #1E1E1E;
    flex-wrap: wrap;
}

#headerInfoCare .phoneCare a {
    font-size: 18px;
    color: #377A69;
    text-align: right;
    font-weight: bold;
}

#headerInfoCare a,
#headerInfo a {
    text-decoration: none;
}

#headerInfoCare a:focus,
#headerInfoCare a:hover,
#headerInfo a:focus,
#headerInfo a:hover {
    text-decoration: underline;
}

#headerInfoCare .phoneCare {
    font-size: 18px;
    line-height: 24px;
    color: #1E1E1E;
}

#headerInfoCare {
    margin: 0 0 0 0;
    text-align: right;
}

.loginCare {
    padding-top: 5px;
    margin-top: 32px;
    padding-bottom: 32px;
    font-style: normal;
    font-weight: 400;
    font-family: 'Oceanic Grotesk', Arial, sans-serif;
}

    .loginCare .buttonWithFunctionWrapper {
        margin-right: 0;
    }

    .loginCare h1 {
        font-weight: 700;
        font-size: 26px;
        line-height: 26px;
        color: #1E1E1E;
    }

    .loginCare h2 {
        font-weight: 600;
        font-size: 24px;
        line-height: 24px;
        color: #1E1E1E;
    }

    .loginCare .new-label {
        color: #1E1E1E;
    }

    .loginCare h5 {
        font-weight: 700;
        color: #1E1E1E;
    }

    .loginCare a {
        font-weight: 700;
        color: #377A69;
        text-decoration: none;
    }

    .loginCare input[type="submit"] {
        justify-content: center;
        gap: 8px;
        height: 40px;
        background: #025747;
        font-size: 18px;
        line-height: 24px;
        width: 100%;
        color: #E4FFB8;
    }

        .loginCare input[type="submit"]:hover {
            background: #377A69;
        }

        .loginCare input[type="submit"]:active {
            background: #025747;
        }

        .loginCare input[type="submit"]:focus {
            background: #377A69 !important;
        }

    .loginCare .select-dropdown select {
        box-sizing: border-box;
        left: 0%;
        right: 0%;
        top: 0px;
        bottom: 0px;
        background: #FFFFFF;
        border: 1px solid #B3BAC1;
        border-radius: 12px;
        height: 48px;
        width: 100%;
        font-size: 18px;
        line-height: 24px;
        align-items: center;
        color: #1E1E1E;
    }

        .loginCare .select-dropdown select:focus {
            box-sizing: border-box;
            border: 1px solid #B3BAC1;
            border-radius: 12px;
        }

    .loginCare a.btn.btn-primary {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 0px 24px;
        gap: 8px;
        height: 40px;
        background: #025747;
        font-size: 18px;
        line-height: 24px;
        width: 100%;
        color: #E4FFB8;
        font-weight: 400;
        text-align: center;
        box-sizing: border-box;
        border-radius: 999px;
    }

        .loginCare a.btn.btn-primary:hover {
            background: #377A69;
        }

        .loginCare a.btn.btn-primary:active {
            background: #025747;
        }

    .loginCare input[type="submit"]:focus {
        background: #377A69 !important;
    }

    .loginCare a.btn.btn-light {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 0px 24px;
        gap: 8px;
        height: 40px;
        font-size: 18px;
        line-height: 24px;
        width: 100%;
        font-weight: 400;
        text-align: center;
        box-sizing: border-box;
        border-radius: 999px;
        color: #025747;
        border: 1px solid #025747;
    }

        .loginCare a.btn.btn-light:active {
            background: #CEE0F3;
        }

    .loginCare input[type="text"], input[type="password"] {
        box-sizing: border-box;
        left: 0%;
        right: 0%;
        top: 0px;
        bottom: 0px;
        margin: 0;
        padding: 0 0.75rem;
        background: #FFFFFF;
        border: 1px solid #B3BAC1;
        border-radius: 12px;
        height: 48px;
        width: 100%;
        font-size: 18px;
        line-height: 24px;
        align-items: center;
        color: #1E1E1E;
    }


    /* Override browser autofill orange/yellow background */
    .loginCare input[type="text"]:-webkit-autofill,
    .loginCare input[type="text"]:-webkit-autofill:hover,
    .loginCare input[type="text"]:-webkit-autofill:focus,
    .loginCare input[type="password"]:-webkit-autofill,
    .loginCare input[type="password"]:-webkit-autofill:hover,
    .loginCare input[type="password"]:-webkit-autofill:focus {
        -webkit-box-shadow: 0 0 0 30px #FFFFFF inset;
        box-shadow: 0 0 0 30px #FFFFFF inset;
    }

        .loginCare input[type="text"]:focus, input[type="password"]:focus {
            border: 1px solid #B3BAC1;
            border-radius: 12px;
            font-weight: 600;
            font-size: 18px;
            line-height: 18px;
        }

.registrationInfoBlockCare {
    font-size: 16px;
    line-height: 20px;
    color: #1E1E1E;
}

@media (max-width: 375px) {
}

@media (max-width: 569px) {
    #headerInfoCare .phoneCare a {
        font-size: 16px;
    }

    #headerInfoCare .phoneCare {
        font-size: 16px;
    }

    #headerInfo .phoneCare a {
        font-size: 16px;
    }

    #headerInfo .phoneCare {
        font-size: 16px;
    }

    #logos {
        padding-top: 15px;
    }

    #headerInfoCare .phoneCare a {
        font-size: 16px;
    }

    #headerInfoCare .phoneCare {
        font-size: 16px;
    }

}

/* --------------------------------------------------------------------------------------*/
/* ----- Log In -------------------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------*/
.login input[type="text"], input[type="password"] {
    box-sizing: border-box;
    left: 0%;
    right: 0%;
    top: 0px;
    bottom: 0px;
    background: #FFFFFF;
    border: 1px solid #B3BAC1;
    border-radius: 12px;
    height: 48px;
    width: 100%;
    font-weight: 600;
    font-size: 18px;
    line-height: 18px;
    color: #172C42;
}

    .login input[type="text"]:focus, input[type="password"]:focus {
        border: 1px solid #B3BAC1;
        border-radius: 12px;
        font-weight: 600;
        font-size: 18px;
        line-height: 18px;
        color: #172C42;
    }

.login input[type="submit"] {
    justify-content: center;
    gap: 8px;
    height: 40px;
    background: #223F5F;
    font-size: 18px;
    line-height: 24px;
    width: 100%;
}

    .login input[type="submit"]:hover {
        background: #2E5884;
    }

    .login input[type="submit"]:active {
        background: #172C42 !important;
    }

.login {
    padding-top: 5px;
    margin-top: 50px;
    font-style: normal;
    font-weight: 400;
    font-family: 'Oceanic Grotesk', Arial, sans-serif;
}

    .login h1 {
        font-weight: 500;
        font-size: 28px;
        line-height: 28px;
        color: #172C42;
    }

    .login h2 {
        height: 42px;
        font-weight: 600;
        font-size: 21px;
        line-height: 21px;
        color: #172C42;
    }

    .login a {
        font-weight: 700;
        color: #015AC8;
    }

.intputLabel {
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    color: #505D6D;
}

.login a.btn.btn-primary {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 24px;
    gap: 8px;
    height: 40px;
    background: #223F5F;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    text-align: center;
    color: #FFFFFF;
    width: 100%;
    box-sizing: border-box;
    border-radius: 999px;
}

    .login a.btn.btn-primary:hover {
        background: #2E5884;
    }

    .login a.btn.btn-primary:active {
        background: #172C42;
    }

.login a.btn.btn-light {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px;
    width: 100%;
    height: 40px;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #223F5F;
    box-sizing: border-box;
    border: 1px solid #223F5F;
    border-radius: 999px;
}

    .login a.btn.btn-light:hover {
        background: #E7F0FB;
    }

    .login a.btn.btn-light:active {
        background: #CEE0F3;
    }

#recaptachaInfoBlock {
    height: 32px;
    font-size: 12px;
    line-height: 16px;
    color: #667483;
}

#ctl00_ctl00_cphMain_cphMainContent_uiForgotLoginLnkUsername {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
}

#ctl00_ctl00_cphMain_cphMainContent_lnkCareLogin, #ctl00_ctl00_cphMain_cphMainContent_uiLogin_uiForgotPasswordLnk, #ctl00_ctl00_cphMain_cphMainContent_uiBackToLoginLnk {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
}

.registrationInfoBlock {
    font-size: 16px;
    line-height: 22px;
    color: #172C42;
    margin-bottom: 20px;
}

#registrationLink {
    text-decoration: underline;
}

#chkRememberMeLabel {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #1E1E1E;
}

/* Login Remember Me - match Bootstrap form-check-inline layout, custom checkbox color */
.loginCare .form-check,
.loginCare .form-check-inline {
    display: flex;
    align-items: center;
    padding-left: 0;
    margin: 0;
}

.loginCare .form-check-input {
    position: static !important;
    margin: 0 0.3125rem 0 0 !important;
    margin-left: 0 !important;
    flex-shrink: 0;
}

/* Custom checkbox appearance - override Bootstrap blue with #1E1E1E */
.loginCare .form-check-input[type=checkbox] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    box-sizing: border-box !important;
    border: 2px solid #BDC3C7 !important;
    border-radius: 4px !important;
    background-color: #fff !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    transform: none !important;
}

.loginCare .form-check-input[type=checkbox]:checked {
    background-color: #1E1E1E !important;
    border-color: #1E1E1E !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") !important;
}

.loginCare .form-check-label {
    margin: 0;
    padding-left: 0;
}

.requiredFieldValidatorSpaceHolder {
    height: 21px !important;
}

.buttonWithFunctionWrapper {
    position: relative;
    display: inline-block;
    margin-top: 15px;
}

.buttonWithFunction {
    padding-right: 50px !important;
    width: 100% !important;
}

.buttonFunctionHolder {
    position: absolute;
    top: 35px;
    right: 25px;
    cursor: pointer;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #377A69;
    text-decoration: none;
}

.link-center {
    text-align: center;
    position: relative;
    top: -35px;
}

.credentials {
    width: 300px;
    margin: 0 auto;
}

#leadIn {
    text-align: center;
}

.lead-in-short h1 {
    margin: 0 0 5px 0;
    font-size: 36px;
    line-height: 1.3em;
    font-weight: normal;
    top: 5px;
    font-family: 'Nan Druid Sans', 'Trebuchet MS', sans-serif; /* Headings > 24px use Druid Sans */
    color: #6DB33F;
}

.login-form-text span, .login-form-text div {
    font-size: 16px;
    line-height: 22px;
    color: #172C42;
}

.full-width-btn input[type="submit"] {
    justify-content: center;
    gap: 8px;
    height: 40px;
    background: #223F5F;
    font-size: 18px;
    line-height: 24px;
    width: 100%;
}

.login-block-width {
    width: 359px;
}

.validation-error-message[style*="visibility: visible"] {
    display: inline-block;
    margin-bottom: 15px;
    padding-left: 10px;
}

.login select {
    width: 100%;
    height: 48px;
    font-size: 18px;
    font-weight: 600;
    color: #172C42;
    line-height: 18px;
    border: 1px solid #B3BAC1;
    border-radius: 12px;
    background: #FFFFFF;
    box-sizing: border-box;
    left: 0%;
    right: 0%;
    top: 0px;
    bottom: 0px;
    box-shadow: 0 0 0 1px #e5e7eb inset;
    cursor: pointer;
}

    .login select:focus {
        outline: none;
        border-color: #2563eb;
        box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.3);
    }

.login-captcha p {
    display: flex;
    flex-direction: column-reverse;
}

.login-captcha label {
    padding-left: 5px;
    margin-top: 10px;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    color: #505D6D;
}

.loginInfoTextBlock {
    font-size: 16px;
    line-height: 22px;
    color: #172C42;
    margin-bottom: 20px;
}

/* --------------------------------------------------------------------------------------*/
/* ------------ Change password pop-up --------------------------------------------------*/
/* --------------------------------------------------------------------------------------*/
#ctl00_ctl00_cphMain_headerBootstrapControl_pnlChangeUsernamePassword .divContainerOuter {
    border: 2px solid #888888;
    border-radius: 12px;
    padding: 3px;
    background-color: #FFF;
}

#tblChangeUserDetails .spacer {
    height: 7px;
}

#ctl00_ctl00_cphMain_cphMainContent_lnkForgotPassword {
    width: 150px;
}

#ctl00_ctl00_cphMain_cphMainContent_captcha_CaptchaTextBoxLabel {
    width: 100%;
}

#ctl00_ctl00_cphMain_cphMainContent_captcha_CaptchaTextBox {
    width: 100%;
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#444444' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/* --------------------------------------------------------------------------------------*/
/* ------------ Specific page styles ----------------------------------------------------*/
/* --------------------------------------------------------------------------------------*/

.w2-message {
    color: #02768B;
    font-size: 24px;
    margin: 0px;
    padding: 0px;
}

#ctl00_ctl00_cphMain_cphMainContent_lblPayrollStatus {
    color: #D73218;
}

#ctl00_ctl00_cphMain_cphMainContent_ui_EmployPayStubs_gv > tbody > tr:nth-child(1) > th:nth-child(1) {
    text-align: left;
}

#ctl00_ctl00_cphMain_cphMainContent_uiPayHistoryGrid > tbody > tr:nth-child(2) > td.hiddenOnMobile.payrollReports {
    width: 330px;
}

.taxSummary table tr:nth-child(3) td,
.taxSummary table tr:nth-child(5) td,
.taxSummary table tr:nth-child(6) td,
.taxSummary table tr:nth-child(11) td,
.taxSummary table tr:nth-child(13) td,
.taxSummary table tr:nth-child(14) td {
    border-bottom: 2px solid #bcbcbc;
}

.taxSummary tr:nth-child(6) td,
.taxSummary tr:nth-child(14) td {
    font-weight: bold;
}

.cta-gray {
    padding: 7px;
    background-color: #EEEEEE;
    border: solid 1px #DDDDDD;
    border-radius: 10px;
}

#payrollManager select {
    width: 100%;
}

/* --------------------------------------------------------------------------------------*/
/* ----- Pending Changes  ---------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------*/

.pendingChangesContainer {
    display: inline-block;
    margin-bottom: 32px;
    position: relative;
    border: 1px solid #dddddd;
    overflow: hidden;
}

.pendingChangesContainerHeader {
    color: #444444;
    background-color: #F6F3EE;
    border-bottom: 1px solid #DDDDDD;
    font-size: 16px;
    padding: .75rem 1.25rem;
    width: 100%;
    margin-left: 0;
}

    .pendingChangesContainerHeader select {
        width: 100%;
        min-width: 180px;
    }

/* --------------------------------------------------------------------------------------*/
/* ----- Payment Information ------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------*/

.summaryContainer .pendingChangesContainer {
    width: 100%;
}

.divFundingSelections b {
    display: inline-block;
    font-weight: bold;
    color: #444444;
}

.divFundingSelections .serviceHeader {
    float: left;
    text-transform: uppercase;
    color: #377A69;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 1rem;
    letter-spacing: .5px;
    font-weight: bold;
}

.divFundingSelections .fundingCTA .fundedWith {
    margin: 15px 0 5px 20px;
    color: #444444;
    font-weight: bold;
}

#ctl00_ctl00_cphMain_cphMainContent_personalInfo_pnlDataInput label {
    display: inline;
}

.summaryContainer .dataTable td:first-child,
.empAddressRow .dataTable td:first-child,
#ctl00_ctl00_cphMain_cphMainContent_personalInfo_divEmployeeWorkRelations .dataTable td:first-child,
#ctl00_ctl00_cphMain_cphMainContent_eeFederalTax_pnlDataInput .dataTable td:first-child,
#ctl00_ctl00_cphMain_cphMainContent_eeStateTax_pnlROSITOptions .dataTable td:first-child,
#ctl00_ctl00_cphMain_cphMainContent_eeStateTax_divDynamicParameters .dataTable td:first-child,
#ctl00_ctl00_cphMain_cphMainContent_bankInfo_pnlReadOnly .dataTable td:first-child,
#ctl00_ctl00_cphMain_cphMainContent_personalInfo_pnlReadOnly .dataTable td:first-child,
#FederalTax-ReadOnly .dataTable td:first-child,
#Compensation-ReadOnly .dataTable td:first-child,
#ctl00_ctl00_cphMain_cphMainContent_eePesonalInfo_divEmployeeWorkRelations table td:first-child,
#ctl00_ctl00_cphMain_cphMainContent_divDynamicParameters table td:first-child,
#ctl00_ctl00_cphMain_cphMainContent_paymentBankAccount_tblReadOnlyBankAccount tbody td:first-child,
#ctl00_ctl00_cphMain_cphMainContent_upnlEEData #EEBankAccount table td:first-child,
#ctl00_ctl00_cphMain_cphMainContent_paymentCreditCard_pnlReadOnly table td:first-child,
#ctl00_ctl00_cphMain_cphMainContent_creditCard_pnlReadOnly table td:first-child {
    font-weight: bold;
    padding-right: 0.5rem;
    text-align: left;
}

#fullSummaryEESelection #ctl00_ctl00_cphMain_cphMainContent_empSelect_lblSelectedEmployee {
    position: relative;
    top: 10px;
}

/* --------------------------------------------------------------------------------------*/
/* ------------ Text fields -------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------*/

.MaskedEditError {
    border: solid 1px #D73218 !important;
    background-color: #fff !important;
}

/* --------------------------------------------------------------------------------------*/
/* ----- Employee styles ----------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------*/

.summaryContainer.employeeSummary .dataTable td:first-child,
.empAddressRow .dataTable td:first-child,
#Compensation-ReadOnly .dataTable td:first-child,
.summaryContainer.employerSummary .dataTable td:first-child,
#personalInfo .dataTable td:first-child,
#ctl00_ctl00_cphMain_cphMainContent_wkSiteAddress_pnlReadOnly .dataTable td:first-child {
    text-align: left;
    font-weight: bold;
}

.hoursRateInput input[type="text"], .grossPay input[type="text"], #ctl00_ctl00_cphMain_cphMainContent_empCompensation_txtSalaryPayRate {
    width: 65px;
    background: #FFFFFF;
    border: 1px solid #868686;
    border-radius: 16px;
    border-width: 1px;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: bold;
    line-height: 48px;
    opacity: 1;
    outline: none;
    padding-block: 0px;
    padding-inline-start: clamp(10px, 1.8vw, 14.5px);
    padding-inline-end: clamp(5.5px, 0.9vw, 7.5px);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.hoursRateInput input[type="text"]:focus, .hoursRateInput input[type="password"]:focus {
    background: #FFFFFF;
    border-color: #4D9380;
    box-shadow: none;
}

#ctl00_ctl00_cphMain_cphMainContent_eeFederalTax_pnlDataInput > div.gray-card > div > span > label,
#ctl00_ctl00_cphMain_cphMainContent_eeStateTax_divStateTaxExempt > div > div > span > label {
    width: 85%;
}

#ctl00_ctl00_cphMain_cphMainContent_eeFederalTax_pnlDataInput > div.gray-card > span > label,
#ctl00_ctl00_cphMain_cphMainContent_eeStateTax_divStateTaxExempt > div > span > label,
#ctl00_ctl00_cphMain_cphMainContent_priorComp_divPriorCompTaxes > div > div.mt-2.tooltipMobile > span > label,
#ctl00_ctl00_cphMain_cphMainContent_priorComp_divPriorPay > div > div:nth-child(2) > label {
    display: inline;
}

#div-calculator-settings #ctl01_ctl00_cphMain_cphMainContent_uiPaySettingsPnl td,
#div-calculator-settings #ctl01_ctl00_cphMain_cphMainContent_uiFederalTaxSettingsPnl td,
#div-calculator-settings #ctl01_ctl00_cphMain_cphMainContent_uiStateIncomeTaxPnl td {
    min-height: 35px;
    padding-right: 5px;
}

#ctl01_ctl00_cphMain_cphMainContent_uiFederalW4Parameter_111 {
    width: 115%;
}

#div-calculator-settings #ctl01_ctl00_cphMain_cphMainContent_uiStateIncomeTaxPnl .datatable td:first-child {
    text-align: left;
}

/* Form checkboxes - consolidated margin (Federal Tax, Calculator, etc.) */
#div-calculator-settings input[type="checkbox"],
.federalTaxDataInput tr input[type="checkbox"] {
    margin-left: 6%;
}

#div-calculator-settings input[type="text"] {
    width: 100%;
}

#div-calculator-settings .settings-node.pad5 .node-title {
    vertical-align: middle !important;
}

.settings-node .dataTable tr > td:first-child {
    padding-left: 15px;
}

.settings-node .dataTable tr > td:nth-of-type(3) span{
     padding-left: 15px;
}

.settings-node input[type="text"] {
     max-width: 210px;
}

#ctl01_ctl00_cphMain_cphMainContent_uiFederalAdditionalWHTxt, ctl00_ctl00_cphMain_cphMainContent_empCompensation_ddlFuturePayPeriods {
    margin-left: 0px;
}

#ctl00_ctl00_cphMain_cphMainContent_empCompensation_ddlFuturePayPeriods {
    max-width: 250px;
}

#ctl01_ctl00_cphMain_cphMainContent_uiFederalTaxSettingsPnl td.node-title {
    width: 150px;
}

#ctl01_ctl00_cphMain_cphMainContent_uiSITAdditionalWHTxt {
    margin-left: 11%;
}

#ctl00_ctl00_cphMain_cphMainContent_eeStateTax_pnlStateW4Info .dataTable tr td:nth-of-type(2) {
     padding-bottom: 10px;
}

#ctl01_ctl00_cphMain_cphMainContent_uiEmployeeList {
    width: 300px !important;
}

#ctl01_ctl00_cphMain_cphMainContent_hourlyPay {
    display: flex;
    text-align: center;
}

#ctl01_ctl00_cphMain_cphMainContent_hourlyPay span {
    min-width: 50px;
    align-content: center;
}

#ctl01_ctl00_cphMain_cphMainContent_hourlyPay input[type="text"] {
    min-width: 50px;
    max-width: 100px;
}

#ctl00_ctl00_cphMain_cphMainContent_creditCard_ddCCType {
    width: 200px;
}

.RadTabStrip {
    margin-left: 20px !important;
}

.RadTabStrip_Default .rtsLI, .RadTabStrip_Default .rtsLink {
    font-family: 'Oceanic Grotesk', Arial, sans-serif !important;
    font-weight: bold !important;
    letter-spacing: .5px !important;
    text-transform: uppercase;
    border-bottom: 8px solid #fff;
    position: relative;
    top: 8px;
    z-index: 1 !important;
}

.icon-sm {
    height: 36px;
    width: 30px;
}

.icon-md {
    height: 45px;
    width: 45px !important;
}

/* ////////////////////////////////////////// */
/* ///////////// LARGE DESKTOPS ///////////// */
/* ////////////////////////////////////////// */

@media (min-width: 1200px) {
    .centered-content-block-primary ul {
        padding-right: 12%;
    }

    .nav_menu_primary li {
        margin-right: 3.2%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #header .signIn {
        left: 80%;
        top: 40px;
    }
}


/* ////////////////////////////////////////// */
/* ///////////// DESKTOPS /////////////////// */
/* ////////////////////////////////////////// */

@media (min-width: 992px) {

    .currentNavTabResponsive {
        display: none;
    }

    .partnerDisplayPanel {
        float: right;
    }

    #ctl00_ctl00_cphMain_headerControl_pnlChangeUsernamePassword {
        min-width: 450px;
        min-height: 450px;
    }

    #navWrapper {
        max-height: 60px;
        background-color: #fff;
    }

    .nav_menu_primary .nav-item.active .nav-link {
        color: #444444;
        border-bottom: 3px solid #1E1E1E;
    }

    #newsAlerts {
        padding-left: 0px;
        border-left: 1px solid #e9e9e9;
    }

    /* --------------------------------------------------------------------------------------*/
    /* ----- Login Page ---------------------------------------------------------------------*/
    /* --------------------------------------------------------------------------------------*/

    .lead-in-short-wrapper {
        border-bottom: 1px solid #DDDDDD;
        margin: 0;
        width: 100%;
    }

    .lead-in-short-content {
        margin: -10px auto 0 auto;
        width: 1260px;
        height: 145px;
        overflow: hidden;
    }

    .lead-in-short-contact {
        margin: -10px auto 0 auto;
        overflow: hidden;
        width: 1260px;
        height: 145px;
    }

    .lead-in-short {
        padding: 16px 0 32px 0;
        position: relative;
        height: 145px;
    }

    .lead-in-short-tagline {
        margin: 0 24px 0 176px;
        padding-right: 176px;
        width: 750px;
    }

    .lead-in-blog .lead-in-short-tagline {
        margin: 0 24px;
    }

    .lead-in-short h1 {
        margin: 0 0 5px 0;
        font-size: 36px;
        line-height: 1.3em;
        font-weight: normal;
        top: 5px;
        font-family: 'Nan Druid Sans', 'Trebuchet MS', sans-serif; /* Headings > 24px use Druid Sans */
    }

    .lead-in-blonde-woman {
        background-image: url(Images/Backgrounds/lead-in-blonde-woman.png);
        background-position: right 0;
        background-repeat: no-repeat;
        z-index: -9999;
    }

    /* Check-boxes, Radio buttons */
    [type="checkbox"]:not(:checked) + label,
    [type="checkbox"]:checked + label,
    [type="radio"]:not(:checked) + label,
    [type="radio"]:checked + label {
        font-size: 16px;
    }

    .font-lg-16 {
        font-size: 16px;
    }

    /* Payment sub-tabs*/
    .paymentSubTab .pendingChangesContainer {
        min-width: 930px;
    }
}

/* ////////////////////////////////////////// */
/* ///////////// MOBILES AND TABLETS //////// */
/* ////////////////////////////////////////// */

@media (max-width: 991px) {

    /* adds border to the top of nav boxes */
    .centered-content-block-primary .navbar-nav > li {
        padding-left: 5%;
        margin-right: 0;
    }

    #logos {
        max-width: 55%;
    }

        #logos img {
            max-width: 100%;
        }

    .logo2023 {
        max-width: 50% !important;
    }

    /* --------------------------------------------------------------------------------------*/
    /* ------------ Login Page --------------------------------------------------------------*/
    /* --------------------------------------------------------------------------------------*/

    #main.main-content {
        min-height: 350px;
    }

    #leadIn.row {
        margin-left: 0px;
        margin-right: 0px;
        text-align: center;
        padding-top: 5%;
    }

    #header .signIn {
        left: 80%;
        top: 60px;
    }

    /* adds border to the top of nav boxes */
    .centered-content-block-primary .navbar-nav > li {
        border-top: 1px #e9e9e9 solid;
        padding-left: 30px;
        margin-right: 0;
    }

    #leadIn p {
        padding-top: 20px;
    }

    .lead-in-short-wrapper {
        height: 135px;
        border-bottom: 1px solid #bcbcbc;
        width: 100%;
    }
}

/* ////////////////////////////////////////// */
/* ///////////// ONLY TABLETS /////////////// */
/* ////////////////////////////////////////// */

@media (min-width: 768px) and (max-width: 991px) {

    #newsAlerts {
        padding-left: 0px;
    }

    .partnerDisplayPanel {
        float: right;
    }

    /* Payment sub-tabs*/
    .paymentSubTab .pendingChangesContainer {
        min-width: 730px;
    }

    #divPriorComp .amount, #divPriorComp .amt {
        width: 80px;
    }
}

/* Employee/Employee.aspx */
.empAddressRowEdit select,
.empAddressRowEdit input[type=text],
#ctl00_ctl00_cphMain_cphMainContent_personalInfo_divDropDownListQuestions select {
    width: 85%;
}

@media (min-width: 768px) and (max-width: 891px) {
    #ctl00_ctl00_cphMain_cphMainContent_personalInfo_ttEmail:before,
    #ctl00_ctl00_cphMain_cphMainContent_personalInfo_ttEmail:after {
        left: -100px;
    }

    #EE-info #ctl00_ctl00_cphMain_cphMainContent_personalInfo_ttEmail:before,
    #EE-info #ctl00_ctl00_cphMain_cphMainContent_personalInfo_ttEmail:after {
        left: -200px;
    }
}

@media (min-width: 768px) {

    #alerts {
        width: 100%;
        border-left: 1px solid #DDDDDD;
        padding-left: 48px;
        height: 100%;
    }

    #newsAlerts {
        padding-left: 0px;
    }

    #ctl00_ctl00_cphMain_headerControl_pnlChangeUsernamePassword .divContainerOuter {
        min-height: 150px;
        min-width: 450px;
    }

    #divCompensation > table {
        width: 500px;
    }

        #divCompensation > table > tbody > tr:nth-child(1) > td.col-12.col-md-4.text-left.text-md-right > b,
        #divCompensation > table > tbody > tr:nth-child(2) > td.col-12.col-md-4.text-left.text-md-right > b {
            margin-left: auto;
            margin-right: 10px;
        }

    #divCompensation tr.d-flex.flex-row.flex-wrap td:first-child {
        display: flex;
        flex-direction: row;
    }

    #ctl00_ctl00_cphMain_cphMainContent_bankInfo_pnlBankAccountDetails > div > div > table.mx-2.mx-md-3.w-100 > tbody > tr {
        width: 100%;
    }

    /* --------------------------------------------------------------------------------------*/
    /* ------------ Login Page --------------------------------------------------------------*/
    /* --------------------------------------------------------------------------------------*/
    #main.main-content {
        width: 40%;
        min-height: 500px;
    }

    .lead-in-short-wrapper {
        margin: auto;
    }

    .captcha {
        width: 150%;
    }

        .captcha label {
            width: auto;
        }

    /* Check-boxes, Radio buttons */

    input[type="checkbox"]:not(:checked) + label:before,
    input[type="checkbox"]:checked + label:before {
        top: 0.1rem;
    }

    input[type="checkbox"]:not(:checked) + label:after,
    input[type="checkbox"]:checked + label:after {
        top: 0.1rem;
    }

    input[type="radio"]:checked + label:before,
    input[type=radio]:not(:checked) + label:before {
        top: 2px;
    }

    input[type=radio]:checked + label:after,
    input[type=radio]:not(:checked) + label:after {
        top: 5px;
    }

    /* TaxDetailFederal */
    #fsTaxSummary {
        width: 50%;
    }

    /* TaxDetailState */
    .stateTaxSummary table tr td:nth-child(1), .stateTaxSummary table tr th:nth-child(1) {
        width: 25%;
    }

    .hiddenOnDesktops {
        display: none;
    }

    .empAddressRow, .federalTaxDataInput tr, .empAddressRowEdit, .resourcesFAQ .gridview tr {
        display: table-row;
    }

        .federalTaxDataInput tr td {
            padding-top: 0.1rem;
        }

        /* Employee/Employee.aspx */

        .empAddressRowEdit select,
        .empAddressRowEdit input[type=text],
        #ctl00_ctl00_cphMain_cphMainContent_personalInfo_divDropDownListQuestions select {
            max-width: 100%;
        }

        .empAddressRowEdit > td:first-child {
            width: 100%;
        }

    .empAddressRowFlex {
        display: flex;
        flex-flow: column;
    }

    .empAddressRowEdit > td:first-child {
        width: 50%;
    }

    .empAddressRowEdit [data-tooltip]:before,
    #ctl00_ctl00_cphMain_cphMainContent_personalInfo_divDropDownListQuestions [data-tooltip]:before {
        right: 5%;
    }

    .empAddressRowFlex {
        display: table-cell;
    }

    /*  ServiceFee */
    .serviceFeesFlex .row td.col-12.col-md-6 {
        width: 50%;
        display: table-cell
    }

    .serviceFeesFlex > .row.w-100 {
        display: inline-table;
    }

    .default_dropdownlist {
        width: 100%;
    }

    #payrollManager > div > div > div:nth-child(2) > div:nth-child(1) > fieldset:nth-child(2) > div.card-body > div.row {
        padding-left: 20px;
    }

    /* Check-boxes, Radio buttons */

    input[type="checkbox"]:not(:checked) + label,
    input[type="checkbox"]:checked + label,
    input[type="radio"]:not(:checked) + label,
    input[type="radio"]:checked + label {
        padding-left: 8px;
    }
}

/* ////////////////////////////////////////// */
/* ///////////// MOBILES/SMALL TABLETS ////// */
/* ////////////////////////////////////////// */

@media (max-width: 767px) {

    .hiddenOnMobileAndTabs {
        display: none;
    }

    .nav_menu_secondary li {
        margin-right: 0;
        margin-left: 0;
    }

    .nav_menu_secondary .nav.nav-tabs .nav-item {
        border-bottom: 3px solid #eee;
    }

        .nav_menu_secondary .nav.nav-tabs .nav-item .nav-link.active {
            border-bottom: 3px solid #1E1E1E;
        }

    .nav-tabs {
        border-bottom: none;
    }

    .default_dropdownlist {
        width: 100%;
    }

    .row {
        margin-right: 0px;
    }

    #help {
        display: none
    }

    #alerts {
        border-left: none;
        padding-left: 0px;
    }

    #newsAlerts {
        padding-left: 20px;
    }

    #pendingChangesSummary {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #leadIn p {
        padding: 0 5% 0;
    }

    .nav_menu_secondary .nav-tabs .nav-item {
        min-width: 30%;
    }

    .nav_menu_secondary .nav-item.nav-item-resources {
        min-width: 0;
    }

    .captcha label {
        width: 100%;
    }

    input[type="checkbox"]:not(:checked) + label:before,
    input[type="checkbox"]:checked + label:before,
    input[type="radio"]:not(:checked) + label:before,
    input[type="radio"]:checked + label:before {
        top: 0;
    }

    input[type="checkbox"]:not(:checked) + label:after,
    input[type="checkbox"]:checked + label:after {
        top: 0;
    }

    input[type=radio]:checked + label:after,
    input[type=radio]:not(:checked) + label:after {
        top: 3px;
    }

    [data-tooltip]:before, [data-tooltip]:after {
        color: #fff;
        background-color: #025747;
        background-repeat: no-repeat;
        padding: 6px;
        position: relative;
        right: 400px;
        bottom: 40px;
        width: 140px;
        height: auto;
        line-height: 16px;
        border: solid 1px #DDDDDD;
        z-index: 1000;
        display: none;
        content: attr(data-tooltip);
    }

    /*-----------------------------------------*/

    #payEntryTitle {
        width: 100%;
    }

    /* TaxDetailFederal */
    #fsTaxSummary {
        width: 100%;
    }

    /* TaxDetailFederal */
    #fsTaxSummary {
        width: 100%;
    }

    /* BankAccount */
    .pendingChangesContainerHeader.row select {
        float: left;
        width: fit-content;
        width: -moz-fit-content;
    }

    /* Employee pages */
    #ctl00_ctl00_cphMain_cphMainContent_wkSiteAddress_divChkMailingAddressOption > span > label,
    #ctl00_ctl00_cphMain_cphMainContent_wkSiteAddress_rbWorksiteType > tbody > tr:nth-child(1) > td > label,
    #ctl00_ctl00_cphMain_cphMainContent_wkSiteAddress_rbWorksiteType > tbody > tr:nth-child(2) > td > label,
    #ctl00_ctl00_cphMain_cphMainContent_wkSiteAddress_ltActiveWorksites > tbody > tr > td > label {
        display: inline;
    }

    /* Employee pages */
    .empAddressRow,
    .empAddressRowEdit,
    .resourcesFAQ .gridview tr {
        display: inline-grid;
    }

        /* Employee/Employee.aspx */
        .empAddressRowEdit select,
        .empAddressRowEdit input[type=text],
        #ctl00_ctl00_cphMain_cphMainContent_personalInfo_divDropDownListQuestions select {
            max-width: 80%;
        }

        .empAddressRowEdit > td:first-child {
            width: 100%;
        }

    .empAddressRowFlex {
        display: flex;
        flex-flow: column;
    }

    /* width 100% for mobile */
    .tab-content, .resourcesFAQ .gridview tr {
        width: 100%;
    }

    /* ServiceFees */
    .serviceFeesFlex > .row {
        display: inline-flex;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    /* ResourcesFAQ */
    .resourcesFAQ li {
        margin-top: 12px;
    }

    .hoursRateHeader {
        width: 100%;
    }

    .dropdown-sm,
    .dropdown-md {
        min-width: 180px;
    }

    /* Check-boxes, Radio buttons */

    input[type="checkbox"]:not(:checked) + label,
    input[type="checkbox"]:checked + label,
    input[type="radio"]:not(:checked) + label,
    input[type="radio"]:checked + label {
        padding-left: 10px;
    }
}

@media (min-width: 576px) and (max-width: 767px) {

    /* PriorComp styles */
    #divPriorComp #ctl00_ctl00_cphMain_cphMainContent_priorComp_tblFullPriorComp .date {
        max-width: 80px;
    }

    #divPriorComp #ctl00_ctl00_cphMain_cphMainContent_priorComp_tblFullPriorComp .amount,
    #divPriorComp #ctl00_ctl00_cphMain_cphMainContent_priorComp_tblFullPriorComp .amt {
        max-width: 54px;
    }

    #ctl00_ctl00_cphMain_cphMainContent_priorComp_tblFullPriorComp {
        font-size: 11.5px;
    }

    #ctl00_ctl00_cphMain_cphMainContent_uiPayHistoryGrid {
        font-size: 12px;
    }

        #ctl00_ctl00_cphMain_cphMainContent_uiPayHistoryGrid > tbody > tr > th {
            font-size: 10px;
        }

        #ctl00_ctl00_cphMain_cphMainContent_uiPayHistoryGrid > tbody > tr:nth-child(2) > td.hiddenOnMobile.payrollReports {
            width: 260px;
        }

    #ctl00_ctl00_cphMain_cphMainContent_personalInfo_employeeAddress_tblAddress .card-label {
        width: 9em;
    }

    #stateTaxDropdowns, #federalTaxDropdowns {
        width: 80%;
    }
}

/* ////////////////////////////////////////// */
/* ///////////// ALL EXCEPT XS ////////////// */
/* ////////////////////////////////////////// */
/* All except extra small devices (portrait phones, less than 576px) */

@media (min-width: 576px) {

    /* ------- Login Page -------*/
    .registrationSplash .email {
        width: 325px;
    }

    .visibleOnMobilesOnly {
        display: none;
    }

    #divCompensation > table > tbody > tr:nth-child(1) > td.col-12.col-md-4.text-left.text-md-right,
    #divCompensation > table > tbody > tr:nth-child(2) > td.col-12.col-md-4.text-left.text-md-right {
        display: inline-flex;
        margin-left: auto;
    }

    #ctl00_ctl00_cphMain_cphMainContent_bankInfo_pnlBankAccountDetails > div > div > table:nth-child(5) > tbody > tr.bankAccountNumber.row > td.col-12.col-md-4.mt-3,
    #ctl00_ctl00_cphMain_cphMainContent_bankInfo_pnlBankAccountDetails > div > div > table:nth-child(5) > tbody > tr.bankAccountNumber.row > td.col-12.col-md-3.mt-1.mt-md-3,
    #ctl00_ctl00_cphMain_cphMainContent_bankInfo_pnlBankAccountDetails > div > div > table:nth-child(5) > tbody > tr.bankAccountNumber.row > td.col-12.col-md-4.d-flex.justify-content-start.mt-1.mt-md-3,
    #ctl00_ctl00_cphMain_cphMainContent_bankInfo_trBankAccountType > td.col-12.col-md-4,
    #ctl00_ctl00_cphMain_cphMainContent_bankInfo_trBankAccountType > td.col-12.col-md-8,
    #ctl00_ctl00_cphMain_cphMainContent_bankInfo_pnlBankAccountDetails > div > div > table.mx-2.mx-md-3.w-100 > tbody > tr > td.col-12.col-md-8 > table > tbody > tr:nth-child(3) > td:nth-child(1),
    #ctl00_ctl00_cphMain_cphMainContent_bankInfo_pnlBankAccountDetails > div > div > table.mx-2.mx-md-3.w-100 > tbody > tr > td.col-12.col-md-8 > table > tbody > tr:nth-child(3) > td:nth-child(2) {
        display: inline-flex;
    }

    /* ----- PayStubs -------------------------------------------*/
    #ctl00_ctl00_cphMain_cphMainContent_ui_EmployPayStubs_gv {
        font-size: 14px;
    }

        #ctl00_ctl00_cphMain_cphMainContent_ui_EmployPayStubs_gv tr > th:last-child,
        #ctl00_ctl00_cphMain_cphMainContent_ui_EmployPayStubs_gv tr > td:last-child {
            width: 19%;
        }


    /* Tax Summary */
    .taxSummary .taxPackages {
        display: table-row;
    }

    /* ----- My files/Subscriptions -------------------------------------------*/
    #files .content-head .search-container input, #files .filter-date-added input[type="text"] {
        max-width: 350px;
    }

    #files .content-head .search-container button, #files .filter-date-added input[type="submit"] {
        left: 22em;
    }

    #subscriptions #updateSubTable input, #subscriptions #updateSubTable button, #subscriptions #unsubAll input {
        width: 150px;
    }

    #subscriptions #unsubAll {
        float: right;
        margin-left: 10px;
    }

    .resultsPerPage select{
        margin-left: 0px;
        width: 100px;
    }


    /*  ServiceFee */
    .serviceFeesFlex .row td.col-12.col-md-6 {
        display: inline-table;
    }

    /* Tax Summary */

    .taxSummary .taxPackages td {
        text-align: right;
        background-color: #fff;
    }
}

/* ////////////////////////////////////////// */
/* ///////////// XSMALL DEVICES ///////////// */
/* ////////////////////////////////////////// */
/* Extra small devices (portrait phones, less than 576px) */

@media (max-width: 575.98px) {

    #cobranding span {
        display: none;
    }

    #ctl00_ctl00_cphMain_headerControl_logoPrimaryBrandImage {
        margin-top: 2px;
    }

    #social img {
        margin: 0 10px;
    }

    #cobranding span {
        display: none;
    }

    #cobranding img {
        max-height: 45px;
    }

    #ctl00_ctl00_cphMain_cphMainContent_pnlPriorCompChart td {
        font-size: 11px;
    }

    #ctl00_ctl00_cphMain_cphMainContent_pnlPriorCompChart th {
        font-size: 10px;
    }

    #ctl00_ctl00_cphMain_headerControl_pnlChangeUsernamePassword {
        max-width: 310px;
    }

    /* --------------------------------------------------------------------------------------*/
    /* ------------ Login Page --------------------------------------------------------------*/
    /* --------------------------------------------------------------------------------------*/
    .header-welcome {
        display: none;
    }

    #header {
        height: 50px;
    }

        #header .signIn {
            left: 80%;
            top: 40px;
            font-size: 14px;
        }

    #headerInfo .phone {
        font-size: 16px;
    }

    #headerInfoCare .phone {
        font-size: 16px;
    }

    .registrationSplash .email {
        width: 225px;
    }

    .hiddenOnMobile {
        display: none;
    }

    /* PaycheckCalculator */
    #ctl01_ctl00_cphMain_cphMainContent_uiEmployeeList {
        width: 220px !important;
    }

    /* Tax Summary */
    .taxSummary .taxPackages {
        display: inline-grid;
    }

        .taxSummary .taxPackages td {
            text-align: left;
        }

    #stateTaxDropdowns, #federalTaxDropdowns {
        width: 100%;
    }

    .navbar.navbar-expand-lg.clearfix.navbar-dark {
        display: inline;
    }

    /* ----- My files/Subscriptions -------------------------------------------*/
    #files .content-head .search-container input, #files .filter-date-added input[type="text"] {
        max-width: 450px;
    }

    #subscriptions #updateSubTable input, #subscriptions #updateSubTable button, #subscriptions #unsubAll input {
        width: 115px;
    }

    #subscriptions #unsubAll {
        float: left;
    }

    /*  ServiceFee */
    .serviceFeesFlex .row td.col-12.col-sm-7,
    .serviceFeesFlex .row td.col-12.col-sm-5,
    .serviceFeesFlex .row td.col-12.col-md-6 {
        display: inline-flex;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    /* EE styles */
    #ctl00_ctl00_cphMain_cphMainContent_btnCancelFederal,
    #ctl00_ctl00_cphMain_cphMainContent_btnCancelState {
         margin: 15px 5px 0 25px;
    }

    /* PriorComp styles */
    #ctl00_ctl00_cphMain_cphMainContent_priorComp_tblFullPriorComp tbody {
        display: flex;
        flex-wrap: wrap;
        width: 200px;
    }

        #ctl00_ctl00_cphMain_cphMainContent_priorComp_tblFullPriorComp tbody tr {
            display: flex;
            flex-direction: column;
        }

    #ctl00_ctl00_cphMain_cphMainContent_priorComp_tblFullPriorComp td {
        min-height: 35px;
    }

    #divPriorComp .date,
    #divPriorComp .amount {
        margin-bottom: 12px;
    }

    #ctl00_ctl00_cphMain_cphMainContent_personalInfo_ttDriversLicenseState:before,
    #ctl00_ctl00_cphMain_cphMainContent_personalInfo_ttDriversLicenseState:after {
        left: -25px;
    }

    #ctl00_ctl00_cphMain_cphMainContent_priorComp_divPriorCompTaxes > div > div.mt-2.tooltipMobile > div:before,
    #ctl00_ctl00_cphMain_cphMainContent_priorComp_divPriorCompTaxes > div > div.mt-2.tooltipMobile > div:after {
        left: -50px;
    }

    #ctl00_ctl00_cphMain_cphMainContent_empSelect_ttAddNewEmployeeMultipleEmployees:before,
    #ctl00_ctl00_cphMain_cphMainContent_empSelect_ttAddNewEmployeeMultipleEmployees:after {
        left: -100px;
    }

    #EE-info #ctl00_ctl00_cphMain_cphMainContent_personalInfo_ttDriversLicenseState:before,
    #EE-info #EE-info #ctl00_ctl00_cphMain_cphMainContent_personalInfo_ttDriversLicenseState:after,
    #EE-info #ctl00_ctl00_cphMain_cphMainContent_personalInfo_ttEmail:before,
    #EE-info #ctl00_ctl00_cphMain_cphMainContent_personalInfo_ttEmail:after,
    #EE-info #ctl00_ctl00_cphMain_cphMainContent_personalInfo_ttDriversLicenseNumber:before,
    #EE-info #ctl00_ctl00_cphMain_cphMainContent_personalInfo_ttDriversLicenseNumber:after {
        left: -200px;
    }

    .pr-0 {
        padding-right: 0;
    }

    .care-table-right {
        text-align: right !important;
    }

    .lead-in-short h1 {
        font-size: 24px;
    }

    #leadIn p {
        padding: 0 5%;
        font-size: 12px;
    }

    .lead-in-short-wrapper {
        height: 100px;
    }

    .dropdown-sm {
        min-width: 120px;
    }

    /* Tax Summary */
    .taxSummary .taxPackages {
        display: inline-grid;
        float: left;
    }

        .taxSummary .taxPackages td {
            text-align: left;
            background-color: #fff;
        }

    .nav-item {
        font-size: 10px;
    }

    .RadTabStrip_Default .rtsLI, .RadTabStrip_Default .rtsLink {
        font-size: 10px !important;
    }

    .card-label {
        width: 9em;
    }

    #ctl00_ctl00_cphMain_cphMainContent_empCompensation_pnlHourly #divCompensation > table {
        font-size: 12px;
    }

    #ctl00_ctl00_cphMain_cphMainContent_empCompensation_txtHourlyHoursPerWeek,
    #ctl00_ctl00_cphMain_cphMainContent_empCompensation_txtOvertimeHoursPerWeek {
        width: 50px;
    }

    .hoursRateInput input[type='text'] {
        width: 60px;
    }
}


@media (max-width: 414px) {
    #ctl00_ctl00_cphMain_cphMainContent_personalInfo_ttEmail:before,
    #ctl00_ctl00_cphMain_cphMainContent_personalInfo_ttEmail:after,
    #ctl00_ctl00_cphMain_cphMainContent_personalInfo_ttDriversLicenseNumber:before,
    #ctl00_ctl00_cphMain_cphMainContent_personalInfo_ttDriversLicenseNumber:after {
        left: -25px;
    }
}

@media (max-width: 374px) {
    #ctl00_ctl00_cphMain_cphMainContent_eeFederalTax_tdNumAllowances > td:nth-child(2) > div:before,
    #ctl00_ctl00_cphMain_cphMainContent_eeFederalTax_tdNumAllowances > td:nth-child(2) > div:after {
        left: -25px;
    }
}

@media (min-width: 320px) {
    #divCompensation > table > tbody > tr:nth-child(1) > td.col-12.col-md-4.text-left.text-md-right,
    #divCompensation > table > tbody > tr:nth-child(2) > td.col-12.col-md-4.text-left.text-md-right {
        display: inline-flex;
    }
}

@media (max-width: 320px) {
    #ctl00_ctl00_cphMain_cphMainContent_pnlPriorCompChart td {
        font-size: 10px;
    }

    #ctl00_ctl00_cphMain_cphMainContent_pnlPriorCompChart th {
        font-size: 9px;
    }

    .credentials {
        width: 100%;
    }

    #leadIn p {
        display: none;
    }

    .btn {
        width: 80px;
    }
}


/* --------------------------------------------------------------------------------------*/
/* ------------ Fieldset ----------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------*/

fieldset {
    padding: 0 2.3% 2.3% 2.3%;
    height: auto;
    border: 1px solid #bcbcbc;
    border-radius: 12px;
    margin-top: 10px;
}

legend {
    padding: 1.2% 2%;
    border: none;
    width: auto;
}

    legend img {
        margin-top: -4px;
        margin-right: 5px;
        float: left;
    }

input[type=checkbox], input[type=radio] {
    vertical-align: middle;
    position: relative;
    bottom: 1px;
    padding-right: 3px;
    margin-right: 3px;
    accent-color: #1E1E1E;
    transform: scale(1.5);
}

/* Bootstrap .form-check-input - ensure accent-color overrides Bootstrap defaults */
input[type=checkbox].form-check-input,
input[type=radio].form-check-input {
    accent-color: #1E1E1E !important;
}

/* --------------------------------------------------------------------------------------*/
/* ------------ Text fields -------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------*/

.MaskedEditError {
    background-color: #FFCCCC;
    border: solid 1px #D73218 !important;
}

/* --------------------------------------------------------------------------------------*/
/* ------------ Check-boxes, Radio buttons ----------------------------------------------*/
/* --------------------------------------------------------------------------------------*/

input[type="checkbox"]:not(:checked) + label,
input[type="checkbox"]:checked + label,
input[type="radio"]:not(:checked) + label,
input[type="radio"]:checked + label {
    position: relative;
    margin: 0 0.2rem;
}

    /* checked mark changes */

    input[type="checkbox"]:not(:checked) + label:after,
    input[type="radio"]:not(:checked) + label:after {
        opacity: 0;
        transform: scale(0);
    }

    input[type="checkbox"]:checked + label:after,
    input[type="radio"]:checked + label:after {
        opacity: 1;
        transform: scale(1);
    }

/* disabled style */

input[type="checkbox"]:disabled:not(:checked) + label:before,
input[type="checkbox"]:disabled:checked + label:before,
input[type="radio"]:disabled:not(:checked) + label:before,
input[type="radio"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}

input[type="checkbox"]:disabled:checked + label:after {
    color: #999;
}

input[type="radio"]:disabled:checked + label:after {
    background: #999;
}

[type="checkbox"]:disabled + label,
[type="radio"]:disabled + label {
    color: #aaa;
}

/* accessibility */

input[type="checkbox"]:checked:focus + label:before,
input[type="checkbox"]:not(:checked):focus + label:before {
    border: 2px solid #1E1E1E;
}

/* hover style */

input[type="checkbox"] + label:hover:before,
input[type="radio"] + label:hover:before {
    border: 2px solid #1E1E1E !important;
}

input[type="checkbox"]:disabled + label:hover:before,
input[type="radio"]:disabled + label:hover:before {
    border: 2px solid #bbb !important;
}


/* --------------------------------------------------------------------------------------*/
/* ----- General Form Elements ----------------------------------------------------------*/
/* --------------------------------------------------------------------------------------*/

img {
    border: none;
}

em {
    font-style: italic;
}

ol li {
    list-style-type: decimal;
}

ul.disced li {
    list-style: disc outside;
}

ol li span {
    font-weight: bold;
    color: #333333;
}

li {
    font-weight: 400;
    outline: none;
}

.main-content {
    margin-top: 15px;
    background-color: #fff;
    min-height: 500px;
    height: auto;
}

.blue {
    color: #0092CF;
}

.upper {
    text-transform: uppercase;
}

.lower {
    text-transform: lowercase;
}

.left {
    float: left;
}

.right {
    float: right;
}

.centered {
    text-align: center;
}

.hidden {
    display: none;
}

.blue-text {
    color: #0092CF;
}

.visitPageOnDesktopMessage {
    text-align: center;
    margin-bottom: 2.5rem;
}

.pad5 {
    padding: 5px;
}

.pad10 {
    padding: 10px;
}

.modalBackground {
    position: absolute;
    z-index: 200;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .4;
    filter: alpha(opacity=40);
    background-color: #333333;
    background-repeat: repeat;
}

.cta-gray {
    padding: 7px;
    background-color: #EEEEEE;
    border: solid 1px #DDDDDD;
}

.grayText {
    color: #888888;
}

.gray {
    font-size: 11px;
    color: Gray;
    font-style: italic;
}

.rightArrow {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.RadCalendar.RadCalendar_Default caption {
    display: none;
}

.fixedTableLayout {
    table-layout: fixed;
}

#cardHeader .collapsed .fa-chevron-up {
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

strong {
    font-weight: bold;
}

/* --------------------------------------------------------------------------------------*/
/* ----- Payroll Manager ----------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------*/

#payrollManager {
    width: 100%;
    min-height: 624px;
    height: auto;
}

    #payrollManager select {
        width: 100%;
    }

.modifyingOptions {
    display: flex;
    justify-content: flex-end;
}

.client-payperiod-year {
    width: 30% !important;
    font-size: 14px;
}

.client-payperiod {
    width: 76% !important;
    font-size: 14px;
}

#payPeriodDropDowns {
    display: flex;
    margin: 10px 0px;
}

.payroll-rbl tr td:nth-child(2) input[type="radio"] {
    margin-left: 10px;
}

.col-md.adminPayrollColumn table.table-sm.care-table.gridview input[type="text"] {
    width: 55px !important;
    padding: 3px;
}

.col-md.adminPayrollColumn table.table-sm.care-table.gridview select {
    margin-left: 0px;
}

#ctl00_ctl00_cphMain_cphMainContent_gvOtherPayItems tr td:first-child {
    width: 120px;
    vertical-align: top;
}

#ctl00_ctl00_cphMain_cphMainContent_pnlPayrollEntry tr td:first-child {
    vertical-align: top;
}

/* --------------------------------------------------------------------------------------*/
/* ----- PayrollHistory -----------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------*/
.payrollReports {
    white-space: nowrap;
}

.input-padding {
    font-weight: bold;
}

#ctl00_ctl00_cphMain_cphMainContent_generateReportSection select {
    margin-left: 0px;
}

/* --------------------------------------------------------------------------------------*/
/* ----- Home Page ----------------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------*/
#home table {
    width: 100%;
}

#home .sameWidth {
    width: 150px;
}

#home .left {
    padding-right: 0px;
}

#help ul {
    -webkit-padding-start: 0px;
}

/* --------------------------------------------------------------------------------------*/
/* ----- Login Page ---------------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------*/

.lead-in-short h1 {
    color: #6DB33F;
}

.dataTable.registrationSplash td {
    height: 40px;
}

.fraudVerificationPage .dataTable td {
    padding-bottom: 10px;
}

/* --------------------------------------------------------------------------------------*/
/* ----- Tooltips -----------------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------*/
.tooltip[data-tooltip] {
    background-image: url('../../../Breedlove/Images/Controls/tooltip.png');
    background-repeat: no-repeat;
    background-position: 0 -1px;
    height: 23px;
    width: 21px;
    vertical-align: middle;
    display: inline-block;
    margin-left: 3px;
    opacity: 1;
    position: inherit;
}

[data-tooltip]:before, [data-tooltip]:after {
    background: #E8E8E8;
    color: #5E5E5E;
    border: 1px solid #868686;
    border-radius: 14px;
    background-repeat: no-repeat;
    font-size: 14px;
    padding: 10px;
    position: relative;
    left: -200px;
    width: 200px;
    height: auto;
    line-height: 20px;
    z-index: 1000;
    display: none;
    content: attr(data-tooltip);
}

[data-tooltip]:hover:before,
[data-tooltip]:hover {
    display: inline-block
}

.timesheet-tooltip .tooltiptext {
    background: #E8E8E8 !important;
    color: #5E5E5E !important;
    border: 1px solid #868686 !important;
    border-radius: 14px !important;
    font-size: 14px !important;
    padding: 10px !important;
}

/* --------------------------------------------------------------------------------------*/
/* ----- TaxSummary Page ----------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------*/
.taxSummary .spacer {
    height: 40px;
}

.taxSummary table {
    width: 100%;
    table-layout: fixed;
}

.taxSummary a {
    color: #377A69;
    text-decoration: underline;
}

.taxSummary .care-table a {
    color: #377A69;
    text-decoration: underline;
}

.taxSummary .care-table select {
    margin-left: 0px;
}

.taxSummary table tr:nth-child(odd):not(:first-child) td {
    background-color: #F5F5F5;
}


/* --------------------------------------------------------------------------------------*/
/* ----- Federal Tax Details Page -------------------------------------------------------*/
/* --------------------------------------------------------------------------------------*/
.federalTaxSummary {
    min-height: 75px;
    height: auto;
}

    .federalTaxSummary table tr td:nth-child(1),
    .federalTaxSummary table tr th:nth-child(1) {
        text-align: left;
    }

.federalTaxSummary table tr:nth-child(odd):not(:first-child) td {
    background-color: #F5F5F5;
}

.federalTaxSummary a {
    color: #377A69;
    text-decoration: underline;
}

.accountingLedger tr {
    line-height: 36px;
}

.accountingLedger tr:nth-child(odd):not(:first-child) td {
    background-color: #F5F5F5;
}

.accountingLedger td:first-child {
    text-align: left;
}

.accountingLedger tr:last-child,
.accountingLedger tr:nth-last-child(-n + 2),
.accountingLedger tr:nth-last-child(-n + 3) {
    font-weight: bold;
}

.accountingLedger td:nth-of-type(2n) {
    text-align: right;
}

.accountingLedgerDivider {
    border-top: solid 1px #868686;
}

#fsTaxDetails table {
    width: 100%;
}

/* --------------------------------------------------------------------------------------*/
/* ----- State Tax Details Page ---------------------------------------------------------*/
/* --------------------------------------------------------------------------------------*/


.stateTaxSummary {
    background-color: #fff;
    min-height: 75px;
    height: auto;
}

    .stateTaxSummary table {
        table-layout: fixed;
    }

        .stateTaxSummary table tr th {
            background-color: #fff;
            color: #000;
            text-align: right;
            padding: 2px;
            border-bottom: 2px solid #ddd;
            font-weight: bold;
        }

        .stateTaxSummary table tr td {
            vertical-align: top;
            text-align: right;
            padding: 2px;
            border-bottom: 1px solid #EEEEEE;
        }

            .stateTaxSummary table tr td:nth-child(1) {
                text-align: left;
            }

        .stateTaxSummary table tr:nth-child(odd):not(:first-child) td {
            background-color: #F5F5F5;
        }

        .stateTaxSummary a {
            color: #377A69;
            text-decoration: underline;
        }

            /* --------------------------------------------------------------------------------------*/
            /* ----- State and Federal Tax Details Page ---------------------------------------------*/
            /* --------------------------------------------------------------------------------------*/

            .federalTaxSummary table tr td:nth-child(1),
            .federalTaxSummary table tr th:nth-child(1),
            .stateTaxSummary table tr td:nth-child(1),
            .stateTaxSummary table tr th:nth-child(1) {
                text-align: left;
            }

/* --------------------------------------------------------------------------------------*/
/* ----- Pending Changes  ---------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------*/

.pendingChangesContainerHeader h2,
.pendingChangesContainerHeader h1 {
    float: left;
    padding-right: 35px;
}

.pendingChangesContainerHeader select, .pendingChangesContainerHeader a {
    margin: 1px 3px 0 0;
    float: right;
}

.pendingChangesContainerHeader img {
    margin: 7px 3px 0 0;
    float: left;
}

.pendingChangesContainerData {
    padding: 10px 15px 10px 15px;
}

#changesPending [data-tooltip]:before {
    right: 5%;
    bottom: 5%;
}

/* --------------------------------------------------------------------------------------*/
/* ----- Payment Information ------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------*/

.divFundingSelections .fundingCTA {
    padding: 10px;
    min-height: 40px;
    height: auto;
    display: block;
}

    .divFundingSelections .fundingCTA img {
        float: left;
        margin: 9px 7px 0 0;
        display: inline-block;
    }

.divFundingSelections p {
    margin: 7px 0 0 20px;
    display: inline-block;
}

.divFundingSelections .divider {
    height: 2px;
    background-color: #DDDDDD;
}

.paymentSubTab .cta-gray td label {
    vertical-align: top;
}

/* Payment History Export button - force primary styling, override BISButton/Foundation */
.btn-export-payment-history .btn-export-payment,
.btn-export-payment-history input[type="submit"],
.btn-export-payment-history input[type="button"] {
    background-color: #025747 !important;
    border: 2px solid #4D9380 !important;
    color: #E4FFB8 !important;
    background-image: none !important;
}

.btn-export-payment-history .btn-export-payment:hover:not(:disabled),
.btn-export-payment-history .btn-export-payment:not(:disabled):hover,
.btn-export-payment-history input[type="submit"]:hover:not(:disabled),
.btn-export-payment-history input[type="button"]:hover:not(:disabled) {
    background-color: #377A69 !important;
    border: 2px solid #4D9380 !important;
    color: #E4FFB8 !important;
    background-image: none !important;
}

/* Disabled state - faded green instead of grey */
.btn-export-payment-history .btn-export-payment:disabled,
.btn-export-payment-history input:disabled {
    background-color: #025747 !important;
    border: 2px solid #4D9380 !important;
    color: #E4FFB8 !important;
    background-image: none !important;
    opacity: 0.5;
}

/* --------------------------------------------------------------------------------------*/
/* ----- Bank Account -------------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------*/

.bankAccountImage input[type="image"] {
    min-width: 193px;
}

.whiteCheckImage img {
    width: 70vw;
    max-width: 700px;
}


/* --------------------------------------------------------------------------------------*/
/* ----- Employee/Employer styles -------------------------------------------------------*/
/* --------------------------------------------------------------------------------------*/


#divPriorComp table tr td {
    padding: 3px;
}

#divPriorComp .pcID {
    display: none;
}

#ctl00_ctl00_cphMain_cphMainContent_eePesonalInfo_employeeAddress_ReadOnly_pnlAddress,
#ctl00_ctl00_cphMain_cphMainContent_personalInfo_employeeAddress_ReadOnly_pnlAddress {
    width: 100%;
}

.empAddressRowEdit .empAddressRowEditLeft td:first-child {
    width: 40%;
}

#divPriorComp .grid {
    border: 1px solid #4D9380;
    background-color: #F6F3EE;
    min-height: 80px;
    height: auto;
    width: auto;
}

#divPriorComp .gridHeader {
    background-color: #bcbcbc;
    border-bottom: #4D9380;
}

#divPriorComp .invalidDate {
    color: #D73218;
    font-size: 10px;
    padding-left: 20px;
    display: none;
}

#divPriorComp .taxLegend {
    padding: 10px;
    background-color: #bcbcbc;
    text-align: left;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: .5px;
}

#divPriorComp .gridWithTaxes .dateFormat {
    color: Gray;
    font-size: 11px;
    padding-left: 20px;
}

#divPriorComp .gridNoTaxes .dateFormat {
    color: Gray;
    font-size: 11px;
    padding-left: 35px;
}

#divPriorComp .confirmEntries {
    margin-top: 15px;
    padding: 5px;
    text-align: right;
}

.priorCompHeader {
    text-align: center;
    vertical-align: middle;
}

#divPriorComp .date {
    max-width: 100px;
}

#divPriorComp .amount,
#divPriorComp .amt {
    max-width: 100px;
}

.priorCompTaxesOptions tr td:first-child,
.priorCompTaxesOptions tr td:first-child input,
.priorCompTaxesOptions tr td:first-child label {
    vertical-align: top;
}

#ctl00_ctl00_cphMain_cphMainContent_priorComp_tblFullPriorComp tr:nth-child(2) td {
    vertical-align: top;
}

#ctl00_ctl00_cphMain_cphMainContent_priorComp_tblFullPriorComp tr:nth-child(1) td {
    vertical-align: middle;
}

.readOnlyTD {
    height: 18px;
}

.readOnlyTDRight {
    height: 21px;
}

    .readOnlyTDRight.email {
        word-wrap: break-word;
    }

.empAddressRowEdit .empAddressRowEditLeft td:first-child {
    text-align: right;
    width: 30%;
}

.empAddressRowEdit .empAddressRowEditRight td:first-child,
#ctl00_ctl00_cphMain_cphMainContent_personalInfo_pnlDataInput .personalInfoRowEdit tr td:first-child {
    text-align: right;
}

#ctl00_ctl00_cphMain_cphMainContent_personalInfo_pnlDataInput .personalInfoRowEdit tr td input, #ctl00_ctl00_cphMain_cphMainContent_personalInfo_pnlDataInput .personalInfoRowEdit tr td select {
    width: 85% !important;
}

#ctl00_ctl00_cphMain_cphMainContent_ModalPanel {
    text-align: center;
    width: 35%;
}

.modalMessage {
    margin-top: 4em;
    margin-bottom: 3em;
}

.dataTable.divAuthorizedContactDataStyle input[type="text"] {
    margin-left: 0%;
}

.dataTable.divAuthorizedContactDataStyle tr {
    height: 60px;
}

.gridview.w-100.font1remAnd14pxForDesktop tr {
     height: 36px;
}


/* --------------------------------------------------------------------------------------*/
/* ----- Withholding styles -------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------*/
.employeeWithholding .cta-gray td:first-child {
    vertical-align: top;
}

.empAddressRowEditRight tr,
.empAddressRowEditLeft tr,
.tblEmployeeAddress tr,
.personalInfoRowEdit tr,
.federalTaxDataInput tr,
.ERAddressEdit .dataTable tr,
#div-calculator-settings tr { height: 60px; }

.federalTaxDataInput tr select {
     margin-left: 4%;
}

#ctl00_ctl00_cphMain_cphMainContent_eeStateTax_divDynamicParameters input[type="checkbox"] {
    margin-left: 8%;
}

#ctl00_ctl00_cphMain_cphMainContent_eeStateTax_divDynamicParameters .dataTable tr > td:nth-of-type(3) {
     padding-left: 15px;
}

.ERAddressEdit .col-9 select {
    margin: 5px 0 0 0;
    width: fit-content;
}


.empAddressRowEditRight td,
.empAddressRowEditLeft td,
.tblEmployeeAddress td,
.personalInfoRowEdit td,
.ERAddressEdit .dataTable td {
    padding-top: 0.4rem;
}

.empAddressRowEditRight td:first-child,
.empAddressRowEditLeft td:first-child,
.tblEmployeeAddress td:first-child {
     padding-right: 0.5rem;
}

.empAddressRowEditRight td .default_dropdownlist,
.empAddressRowEditLeft td .default_dropdownlist,
.tblEmployeeAddress td .default_dropdownlist,
.personalInfoRowEdit td .default_dropdownlist,
.ERAddressEdit .dataTable td .default_dropdownlist,
#div-calculator-settings td .default_dropdownlist, 
.ERAddressEdit .dataTable td select.MaskedEditError, 
.empAddressRowEdit select.MaskedEditError {
    padding-block: 0px;
    padding-inline-start: clamp(10px, 1.8vw, 14.5px);
    padding-inline-end: clamp(5.5px, 0.9vw, 7.5px);
    margin-left: 4%;
}

#div-calculator-settings td .default_dropdownlist {
    width: 100%;
}

#ctl01_ctl00_cphMain_cphMainContent_ctl41 {
    margin-left: 15%;
}

#ctl00_ctl00_cphMain_cphMainContent_eePesonalInfo_employeeAddress_ReadOnly_pnlAddress,
#ctl00_ctl00_cphMain_cphMainContent_personalInfo_employeeAddress_ReadOnly_pnlAddress {
    width: 100%;
}

#ctl00_ctl00_cphMain_cphMainContent_wkSiteAddress_ddlNewWorksiteMailigAddress {
    margin: 0 0 0 5px;
    width: fit-content;
}

.employeeWithholding .cta-gray td:first-child {
    vertical-align: top;
}

#additionalWithholdings {
    display: flex;
}

#additionalWithholdings input[type="text"] {
     width: 90%;
}

#additionalWithholdings .grayText {
    margin-left: 2%;
}

.empAddressRowEdit .empAddressRowEditLeft td:first-child {
    text-align: right;
    width: 30%;
}

.bankInfoESign table td:first-child {
    vertical-align: top;
}

.grossPay {
    line-height: 40px;
}

    .grossPay select {
        max-width: 45%;
    }

/* --------------------------------------------------------------------------------------*/
/* ----- FullInfoSummary ----------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------*/

.mustNotBeTerroristNote ul, .mustNotBeTerroristNote ol {
    -webkit-padding-start: 15px;
}

    .mustNotBeTerroristNote ul > li {
        font-weight: bold;
        list-style: none;
    }

/* --------------------------------------------------------------------------------------*/
/* ----- ServiceFees --------------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------*/

.serviceFees .row {
    min-height: 2.5rem;
}

    .serviceFees .row td {
        white-space: nowrap;
    }


/* --------------------------------------------------------------------------------------*/
/* ----- My files/Subscriptions styles --------------------------------------------------*/
/* --------------------------------------------------------------------------------------*/

.filters {
    min-height: 55px;
}

.subscribedChkBox {
    padding: 10px;
    border-left: 1px solid #DDDDDD;
}

    .subscribedChkBox label {
        vertical-align: top;
    }

.care-table.table-striped tr:nth-child(odd) .subscribedChkBox {
    background-color: #F5F5F5;
}

.subscriptionHeader {
    line-height: 1.7rem;
    background-color: #0092CF
}

.fa-exclamation-circle {
    font-size: 16px;
}

/* --------------------------------------------------------------------------------------*/
/* ----- Resources styles ---------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------*/


.resourcesFAQ a {
    font-weight: 400;
}

.resourcesFAQ ul {
    padding-inline-start: 1.5rem;
    list-style: none;
}

.resourcesFAQ .gridview td, .resourcesFAQ .gridview th {
    padding: 4px 6px;
}

.resourcesFAQ .gridview .alt {
    background-color: #F5F5F5;
    border-bottom: 2px solid #868686;
}

#accordionRFAQ .card {
    max-width: 600px;
}

#accordionRFAQ .streched-link {
    color: #377A69;
    cursor: pointer;
}

    #accordionRFAQ .streched-link:hover {
        text-decoration: underline;
        color: #256959;
    }

.pad-left-200 {
    padding-left: 200px;
}

.pad-left-20 {
    padding-left: 20px;
}

.pad-bottom-20 {
    padding-bottom: 20px;
}

#carePhoneNumber a {
    text-decoration: none !important;
}

.live-chat {
    margin-left: 45px;
    margin-top: 15px;
}

.live-chat-image {
    width: 48px;
    height: 48px;
    float: left;
    margin-right: 10px;
}

.live-chat-tax {
    margin-top: -20px;
}

.color-black {
    color: black;
}

.m-t-64 {
    margin-top: 64px;
}

.pad-bottom-10 {
    padding-bottom: 10px;
}

@media only screen and (min-width: 1200px) {
    .forgot-login-container {
        padding-left: 150px;
    }
}

@media only screen and (min-width: 992px) {
    .forgot-login-container {
        padding-left: 100px;
    }
}

@media only screen and (max-width: 576px) {
    .forgot-login-container {
        padding-left: 25px;
    }
}

.m-b-32 {
    margin-bottom: 32px;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-b-0 {
    margin-bottom: 0px !important;
}

.m-t-0 {
    margin-top: 0px;
}

@media only screen and (max-width: 768px) {
    .password-text-center {
        text-align: center !important;
    }
}

@media only screen and (max-width: 768px) {
    .live-chat-tax .live-chat-image {
        display: none;
    }

    .live-chat-tax {
        margin-top: -30px;
        padding-top: 6px;
        padding-bottom: 6px;
    }
}

.live-chat-small-image {
    display: none;
}

@media only screen and (max-width: 768px) {
    .live-chat-image {
        display: none;
    }

    .live-chat-small-image {
        display: initial;
        margin-right: 5px;
    }

    .live-chat {
        margin-left: 0px;
    }

    .live-chat-br {
        display: none;
    }

    #new-employee-heading {
        font-weight: bold;
    }

    .tblWhatYoullNeed h3 {
        font-weight: bold;
    }
}

.pending-items-container {
    border-radius: 15px;
    background-color: #FAFAFA;
    padding: 20px 0px 9px 28px;
    margin-bottom: 20px;
    font-family: 'Oceanic Grotesk Bold', 'Oceanic Grotesk', Arial, sans-serif;
}

    .pending-items-container .pending-items-header {
        color: #1E1E1E;
        font-family: 'Oceanic Grotesk', Arial, sans-serif;
        font-size: 21px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 30px;
        display: inline-block;
    }

    .pending-items-container .pending-items-warning {
        color: #666666;
        font-family: 'Oceanic Grotesk', Arial, sans-serif;
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 0.5px;
        line-height: 16px;
        text-transform: uppercase;
        display: inline-block;
        margin-left: 10px;
    }

    .pending-items-container .pending-items-description {
        display: inline-block;
        color: #EB0450;
        font-family: 'Oceanic Grotesk', Arial, sans-serif;
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 0.5px;
        line-height: 16px;
        text-transform: uppercase;
    }

    .pending-items-container .pending-items-link {
        display: block;
        height: 58px;
        width: 282px;
        border-radius: 29px;
        background-color: #FFFFFF;
        box-shadow: 0 2px 4px 1px rgba(114,114,114,0.5);
        margin-bottom: 15px;
    }

        .pending-items-container .pending-items-link:hover {
            text-decoration: none;
        }

    .pending-items-container .pending-items-link-text {
        color: #1E1E1E;
        font-family: 'Oceanic Grotesk', Arial, sans-serif;
        font-size: 18px;
        letter-spacing: 0;
        line-height: 30px;
        margin-left: 10px;
        padding-top: 12px;
        display: inline-block;
    }

.icon-container {
    display: inline-block;
    width: 24px;
    height: 24px;
}

    .icon-container span {
        width: 24px;
        height: 24px;
        display: block;
    }

    .icon-container.plus {
        padding-top: 5px;
        margin-left: 15px;
    }

.pending-items-container span.atoms-icons-24-utility-alert {
    background-image: url(../../../Breedlove/Images/Icons/icon-24-utility-info.svg);
}

.pending-items-container span.atoms-icons-24-utility-plus {
    background-image: url(../../../Breedlove/Images/Icons/icon-24-utility-add.svg);
}

.logo2023 {
    width: 245px;
    height: 80px;
}