/* U S E R   P R E F E R E N C E S */
.pz-userpref-page-title {
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-20-25) var(--prism-font);
    color: var(--grey);
    text-transform: uppercase;
    padding-left: var(--site-margin-width);
    margin-bottom: 20px;
}

.pz-userprefs-navbar-container {
    position: absolute;
    width: 100%;
    left: 0px;
}

.pz-l-userprefs-nav-grid-container {
    position: relative;
    display: grid;
    grid-template-columns: var(--site-margin-width) auto auto 65px;
    grid-template-areas: ". dv2lnks-left . companylogo";
    margin-bottom: 4px;
    background-color: var(--blue-3-pale);
    border-bottom: 1px solid var(--blue-0-dark);
    height: 60px;
}

.pz-userprefs-navbar-left {
    grid-area: dv2lnks-left;
}

.pz-userprefs-horiz-nav-text {
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-20-25) var(--prism-font);
    text-align: left;
    color: var(--blue-0-dark);
    margin-bottom: -3px;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    margin-right: 50px;
}

    .pz-userprefs-horiz-nav-text.link-textcolor-active {
        color: var(--blue-0-dark) !important;
        cursor: pointer;
        border-bottom-style: solid;
        border-bottom-width: 4px;
        line-height: 58px;
        border-bottom-color: var(--blue-0-dark);
    }

    .pz-userprefs-horiz-nav-text.link-textcolor-inactive:hover {
        font: var(--google-font-weight-bold) var(--fontsize-lineheight-20-25) var(--prism-font);
    }

    .pz-userprefs-horiz-nav-text.link-textcolor-inactive {
        color: var(--blue-1-medium) !important;
        cursor: pointer;
        border-bottom-color: transparent;
        border-bottom-style: solid;
        border-bottom-width: 4px;
        line-height: 58px;
    }

.pz-userprefs-component-container {
    position: relative;
    top: 150px;
    margin-bottom: 250px;
}

    /* User Email Notification Preferences */

.email-notification-content-container {
    text-align: center;
    width: 650px;
    margin: 1em auto;
}

.email-notification-main-header {
    padding: 20px 0px 20px 0px;
    font: var(--google-font-weight-regular) var(--fontsize-lineheight-30-38) var(--prism-font);
    color: var(--blue-1-medium);
}

.email-notification-icon {
    width: 100px;
    height: 100px;
}

.email-notification-save-icon {
    cursor: pointer;
    text-align: center;
}

    .email-notification-save-icon.label-icon {
        width: 100px;
        text-align: center;
    }

.email-notification-txt-light-blue {
    padding: 5px 0px 20px 0px;
    font: var(--google-font-weight-regular) var(--fontsize-lineheight-16-20) var(--prism-font);
    color: var(--blue-1-medium);
}

.email-notification-selection-section-header-txt {
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-20-25) var(--prism-font);
    color: var(--grey);
    text-transform: uppercase;
}

.email-notification-checkbox-center {
    display: grid;
    justify-self: center;
    text-align: center;
}

.email-notification-column-hdr {
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-16-20) var(--prism-font);
    color: var(--black);
}

.email-notification-3-column-container {
    display: grid;
    justify-self: center;
    grid-template-columns: 400px 50px 50px;
    grid-column-gap: 8px;
    grid-row-gap: 10px;
    text-align: center;
}

    .email-notification-3-column-container.pz-no-text-transform > label {
        text-transform: none;
    }

.email-notification-selection-section {
    display: grid;
    text-align: center;
}

/* User "My Team" Management Preferences */

.myteam-mgmnt-content-container {
    text-align: center;
    width: 1150px;
    margin: 1em auto;
    height: 100%;
}

.myteam-mgmnt-main-header {
    padding: 20px 0px 20px 0px;
    font: var(--google-font-weight-regular) var(--fontsize-lineheight-30-38) var(--prism-font);
    color: var(--blue-1-medium);
}

.myteam-mgmnt-icon {
    width: 100px;
    height: 100px;
}

.myteam-mgmnt-save-icon {
    cursor: pointer;
    text-align: center;
}

    .myteam-mgmnt-save-icon.label-icon {
        width: 100px;
        text-align: center;
    }

.myteam-mgmnt-txt-light-blue {
    padding: 5px 0px 20px 0px;
    font: var(--google-font-weight-regular) var(--fontsize-lineheight-16-20) var(--prism-font);
    color: var(--blue-1-medium);
}

.myteam-mgmnt-selection-section-header-txt {
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-20-25) var(--prism-font);
    color: var(--grey);
    text-transform: uppercase;
}

.myteam-mgmnt-checkbox-center {
    display: grid;
    justify-self: center;
    text-align: center;
    width: 20px;
    height: 20px;
}

.myteam-mgmnt-column-hdr {
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-16-20) var(--prism-font);
    color: var(--black);
}

.myteam-mgmnt-2-column-container {
    display: grid;
    justify-self: center;
    grid-template-columns: 200px 20px;
    grid-column-gap: 8px;
    grid-row-gap: 10px;
    text-align: center;
}


.myteam-mgmnt-selection-section {
    display: grid;
    text-align: center;
}