/* S E R V I C E  O R D E R   O V E R V I E W  H E A D E R */
.pz-l-overview-container {
    position: relative;
    display: grid;
    grid-area: ovr;
    background-color: var(--grey-background);
    grid-template-columns: var(--site-margin-width) auto;
    grid-template-areas: ". overview ";
    grid-template-rows: auto;
    position: relative;
    margin-top: -2px;
    padding-top: 20px;
    margin-left: var(--site-margin-width-negative);
    border-top: 1px solid var(--blue-0-dark);
    padding-bottom: 43px;
}

/* Overview Content */
.pz-l-overview-content {
    grid-area: overview;
    grid-template-columns: var(--site-margin-width) auto 25px auto var(--site-margin-width);
    grid-template-areas: ". leftfileblock . rightlnks notesbubble .";
    color: var(--grey);
    display: grid;
    width: 100%;
    padding-bottom: 20px;
    margin-right: var(--site-margin-width);
}

.pz-notesbubble-container {
    grid-area: notesbubble;
    display: flex;
    align-content: flex-end;
}

.pz-overview-file-block-container {
    grid-area: leftfileblock;
    display: grid;
    grid-template-columns: auto auto auto;
    grid-template-areas: 'file file file' 'workflow workflow workflow' 'orig arw dest' 'ocntry . dcntry';
    grid-template-rows: auto;
    color: var(--blue-header);
}

.pz-overview-file-block-file {
    grid-area: file;
    display: flex;
    font: var(--google-font-weight-regular) var(--fontsize-lineheight-30-30) var(--prism-font);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
    grid-column: 1 / span 3;
}

.pz-overview-file-block-file-Urgency {
    grid-area: file;
    display: flex;
    white-space: nowrap;
    overflow: hidden;
    grid-column: 1 / span 3;
    height: 38px;
}

.pz-overview-file-block-workflow {
    grid-area: workflow;
    display: flex;
    font: var(--google-font-weight-regular) var(--fontsize-lineheight-14-14) var(--prism-font);
    margin-top: -6px;
    margin-bottom: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
    grid-column: 1 / span 3;
}

.pz-urg-symbol {
    padding-left: 10px;
    line-height: 38px;
    height: 38px;
}

.pz-overview-file-block-orig {
    grid-area: orig;
    display: flex;
    font: var(--google-font-weight-regular) var(--fontsize-lineheight-20-25) var(--prism-font);
    margin-top: -10px;
    padding-right: 10px;
}

.pz-overview-file-block-arw {
    grid-area: arw;
    display: grid;
}

.pz-overview-file-block-dest {
    grid-area: dest;
    display: flex;
    font: var(--google-font-weight-regular) var(--fontsize-lineheight-20-25) var(--prism-font);
    margin-top: -10px;
    padding-left: 5px;
}

.pz-overview-file-block-ocntry {
    grid-area: ocntry;
    display: flex;
    font: var(--google-font-weight-regular) var(--fontsize-lineheight-14-18) var(--prism-font);
    margin-top: -23px;
    padding-right: 10px;
}

.pz-overview-file-block-dcntry {
    grid-area: dcntry;
    display: flex;
    font: var(--google-font-weight-regular) var(--fontsize-lineheight-14-18) var(--prism-font);
    margin-top: -23px;
    padding-left: 5px;
}

.pz-file-text {
    font: var(--google-font-weight-regular) var(--fontsize-lineheight-40-50) var(--prism-font);
    padding-right: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
    grid-column: 1 / span 3;
}

.pz-grid-8-column-container {
    grid-area: rightlnks;
    display: grid;
    grid-column-gap: 20px;
    grid-template-columns: repeat(7, auto) 20px;
    grid-auto-rows: auto;
    padding-bottom: 20px;
}

.pz-grid-9-column-container {
    grid-area: rightlnks;
    display: grid;
    grid-column-gap: 20px;
    grid-template-columns: repeat(8, auto) 20px;
    grid-auto-rows: auto;
    padding-bottom: 20px;
}

.pz-span-8 {
    grid-column: 1 / span 8;
}

.pz-overview-tabs {
    position: relative;
    top: -60px;
    bottom: -60px;
}

.pz-overview-card-text {
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-18-23) var(--prism-font);
    color: var(--blue-header);
    text-transform: capitalize;
}

    .pz-overview-card-text.pz-smaller-text {
        color: var(--black-opacity);
        font: var(--google-font-weight-semibold) var(--fontsize-lineheight-12-15) var(--prism-font);
        text-transform: uppercase;
    }

.pz-overview-vip-icon {
    height: 20px;
    padding-bottom: 4px;
    padding-left: 1px;
}

.pz-l-search-overview-container {
    position: relative;
    display: grid;
    grid-area: ovr;
    background-color: var(--grey-background);
    grid-template-columns: var(--site-margin-width) auto var(--site-margin-width);
    grid-template-areas: ". overview .";
    position: relative;
    height: 100px;
    border-top: 1px solid var(--blue-0-dark);
    margin-left: var(--site-margin-width-negative);
    margin-right: var(--site-margin-width-negative);
}
    .pz-l-search-overview-container.task-mgmt {
        background-color: var(--blue-3-pale);
        height: 60px;
    }

.pz-overview-tooltip {
    position: relative;
    display: inline-block;
    cursor: help;
}

    .pz-overview-tooltip .pz-overview-tooltiptext {
        font: var(--google-font-weight-regular) var(--fontsize-lineheight-14-18) var(--prism-font);
        text-transform: capitalize;
        visibility: hidden;
        background-color: var(--black);
        color: var(--white);
        text-align: center;
        border-radius: 6px;
        padding: 8px;
        position: absolute;
        z-index: 1;
        bottom: 25px;
        opacity: 0;
        transition: opacity 0.3s;
        width: 175px;
        left: -80px;
    }

        .pz-overview-tooltip .pz-overview-tooltiptext.pz-med-tooltip {
            width: 300px;
            left: -150px;
        }

        .pz-overview-tooltip .pz-overview-tooltiptext.pz-wide-tooltip {
            width: 500px;
            left: -250px;
        }

/*        .pz-overview-tooltip .pz-overview-tooltiptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: var(--black) transparent transparent transparent;
        }*/

    .pz-overview-tooltip:hover .pz-overview-tooltiptext {
        visibility: visible;
        opacity: 1;
    }