@import url("https://fonts.googleapis.com/css?family=Source Sans Pro:light,bold,semibold,black,regular,no&display=swap");

:root {
    /* C o l o r  C o n s t a n t s */
    --blue-0-dark: #003964;
    --blue-1-medium: #1b75bc;
    --blue-1-medium-4d: #1b75bc4d;
    --blue-1-medium-1a: #1b75bc1a;
    --blue-1-medium-80: #1b75bc80;
    --blue-1-medium-33: #1b75bc33;
    --blue-2-light: #7eabcf;
    --blue-3-pale: #d1e3f2;
    --blue-header: #003964;
    --black: #414042;
    --black-opacity: rgba(65, 64, 66, 0.67);
    --black-de: #333333de;
    --grey: #939293;
    --grey-background: #c5c5c64d;
    --grey-border-80: #c5c5c680;
    --grey-light: #c5c5c6;
    --red: #ff1d25;
    --yellow: #f3b869;
    --orange: #f3b869;
    --green: #7aa56d;
    --green-background: #7aa56d33;
    --green-background-84d: #7aa5684d;
    --white: #ffffff;
    --grey-box-shadow: #00000033;
    --telerik-border-color: #ced4da; /* Updated for Telerik 3.0.1 */
    /* F o n t   C o n s t a n t s */
    --prism-font: 'Source Sans Pro', sans-serif;
    --google-font-weight-light: 300;
    --google-font-weight-regular: 400;
    --google-font-weight-semibold: 600;
    --google-font-weight-bold: 700;
    --google-font-weight-black: 900;
    --fontsize-lineheight-40-50: 40px/50px;
    --fontsize-lineheight-30-38: 30px/38px;
    --fontsize-lineheight-30-30: 30px/30px;
    --fontsize-lineheight-20-25: 20px/25px;
    --fontsize-lineheight-18-23: 18px/23px;
    --fontsize-lineheight-16-16: 16px/16px;
    --fontsize-lineheight-16-20: 16px/20px;
    --fontsize-lineheight-14-21: 14px/21px;
    --fontsize-lineheight-14-18: 14px/18px;
    --fontsize-lineheight-14-14: 14px/14px;
    --fontsize-lineheight-12-21: 12px/21px;
    --fontsize-lineheight-12-15: 12px/15px;
    --fontsize-lineheight-11-14: 11px/14px;
    --fontsize-lineheight-10-12: 10px/12px;
    /* W i d t h   C o n s t a n t s */
    --default-col-width: 120px;
    --site-margin-width: 140px;
    --landing-margin-width: 140px;
    --site-margin-width-negative: -140px;
    --landing-margin-width-negative: -140px;
    --default-card-width: 1190px;
    --default-content-width: 1623px;
    --card-margin-label: 43px;
    --card-margin-column: 43px;
    /*--card-width: 1080px;*/
    --user-div-width: 200px;
    --popup-window-top: 450px;
}


/* C o l o r s */
/* These color classes are available in case the color needs to be referenced directly from an HTML page*/

.pz-bg-blue-0-dark {
    background-color: var(--blue-0-dark);
}

.pz-blue-0-dark {
    color: var(--blue-0-dark);
}

.pz-bg-blue-1-medium {
    background-color: var(--blue-1-medium);
}

.pz-blue-1-medium {
    color: var(--blue-1-medium);
}

.pz-bg-blue-1-medium-4d {
    background-color: var(--blue-1-medium-4d);
}

.pz-bg-blue-1-medium-1a {
    background-color: var(--blue-1-medium-1a);
}

.pz-bg-blue-2-light {
    background-color: var(--blue-2-light);
}

.pz-blue-2-light {
    color: var(--blue-2-light);
}

.pz-bg-blue-3-pale {
    background-color: var(--blue-3-pale);
}

.pz-blue-3-pale {
    color: var(--blue-3-pale);
}

.pz-bg-black {
    background-color: var(--black);
}

.pz-black {
    color: var(--black);
}

.pz-bg-grey {
    background-color: var(--grey);
}

.pz-grey {
    color: var(--grey);
}

.pz-grey-semibold {
    color: var(--grey);
    font-weight: var(--google-font-weight-semibold);
}

.pz-bg-grey-4d {
    background-color: var(--grey-background);
}

.pz-bg-grey-light {
    background-color: var(--grey-light);
}

.pz-grey-light {
    color: var(--grey-light);
}

.pz-bg-red {
    background-color: var(--red);
}

.pz-red {
    color: var(--red);
}

.pz-bg-yellow {
    background-color: var(--yellow);
}

.pz-yellow {
    color: var(--yellow);
}

.pz-orange {
    color: var(--orange);
}

.pz-bg-green {
    background-color: var(--green);
}

.pz-bg-green-33 {
    background-color: var(--green-background);
}

.pz-green {
    color: var(--green);
}

.pz-bg-white {
    background-color: var(--white);
}

.pz-white {
    color: var(--white);
}

.pz-blue-header {
    color: var(--blue-header);
}

.blue-0-dark {
    color: var(--blue-0-dark);
}

.blue-1-medium {
    color: var(--blue-1-medium);
}

.blue-1-medium-4d {
    background-color: var(--blue-1-medium-4d);
}

.blue-2-light {
    color: var(--blue-2-light);
}

.blue-3-pale {
    color: var(--blue-3-pale);
}

.black {
    color: var(--black);
}

.grey {
    color: var(--grey);
}

.grey-background {
    background-color: var(--grey-background);
}

.grey-light {
    color: var(--grey-light);
}

.red {
    color: var(--red);
}

.yellow {
    color: var(--yellow);
}

.green {
    color: var(--green);
}

.green-background {
    background-color: var(--green-background);
}

.white {
    color: var(--white);
}

/* M i s c */

.pz-nudge-down {
    margin-top: 3px;
}

.pz-scrollable-filter-menu {
    max-height: 300px;
    overflow-y: auto;
    width: 250px;
    padding-left: 10px;
}

.pz-scrollable-filter-menu-nowidth {
    max-height: 300px;
    overflow-y: auto;
    padding-left: 10px;
    padding-right: 10px;
    text-transform: none;
}

.pz-scrollable-filter-menu-checkbox {
    padding-right: 10px;
    margin-right: 10px;
}

.pz-capitalize {
    text-transform: capitalize;
}

.pz-details-popup-circle-i {
    display: inline;
    height: 21px;
}

.pz-nowrap {
    white-space: nowrap;
}

.pz-nowrap-with-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pz-grid-delete-button {
    width: 35px;
    font: var(--google-font-weight-bold) var(--fontsize-lineheight-40-50) var(--prism-font);
}


.api-banner-text {
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-14-14) var(--prism-font);
    color: var(--red);
    background-color: #ffdde2;
    text-align: left;
    width: Calc(100% - (var(--card-margin-label)*2));
    margin-top: 10px;
    margin-left: var(--card-margin-label);
    margin-right: var(--card-margin-label);
    padding-left: var(--card-margin-label);
    padding-right: var(--card-margin-label);
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}



/* F o n t s */
/* These font classes are available in case the font needs to be referenced directly from an external page*/
.prism-font {
    font-family: var(--prism-font);
}

.google-font-weight-light {
    font-weight: var(--google-font-weight-light);
}

.google-font-weight-regular {
    font-weight: var(--google-font-weight-regular);
}

.google-font-weight-semibold {
    font-weight: var(--google-font-weight-semibold);
}

.google-font-weight-bold {
    font-weight: var(--google-font-weight-bold);
}

.google-font-weight-black {
    font-weight: var(--google-font-weight-black);
}


.font-bold, .pz-font-semibold {
    font-weight: var(--google-font-weight-semibold);
}

    .font-bold label {
        font-weight: var(--google-font-weight-regular);
        color: var(--grey);
    }


/* Modify body and relevant Telerik controls to use prism font */
body, .k-widget, .k-chart, .k-stockchart, .k-typography {
    font-family: var(--prism-font);
}

table {
    color: var(--black);
}


* {
    box-sizing: border-box;
}


/* H e a d e r s */
/* Note: It is not necessary to specify the h1-header and h2-header classes, since h1 and h2 will automatically pick up the style */
.h1-header,
h1 {
    /* Light 40/50 */
    font: var(--google-font-weight-light) var(--fontsize-lineheight-40-50) var(--prism-font);
    text-align: left;
    text-align: left;
    color: var(--black);
    text-transform: capitalize;
}

    h1.pz-no-text-transform {
        text-transform: none;
    }

.h2-header,
h2 {
    /* Semibold 20/25 */
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-20-25) var(--prism-font);
    text-align: left;
    color: var(--grey);
    text-transform: uppercase;
}


/* L a b e l s */
.hideAsterisk,
.hidelabel,
.hidden,
.pz-hidden {
    visibility: hidden;
}

.pz-char-count-container {
    position: relative;
    top: -5px;
}

.pz-char-count {
    font: var(--google-font-weight-regular) var(--fontsize-lineheight-12-15) var(--prism-font);
}

.label-blue-header {
    font: var(--google-font-weight-bold) var(--fontsize-lineheight-30-38) var(--prism-font);
    text-align: left;
    color: var(--blue-header);
    margin-bottom: 10px;
    padding-left: var(--card-margin-label);
    text-transform: capitalize;
}

.label-semibold-blue-dark {
    /* Semibold 20/25 */
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-20-25) var(--prism-font);
    text-align: left;
    color: var(--blue-0-dark);
    margin-bottom: 10px;
    text-transform: capitalize;
}

.label-regular-blue-dark {
    /* Regular 20/25 */
    font: var(--google-font-weight-regular) var(--fontsize-lineheight-20-25) var(--prism-font);
    text-align: left;
    color: var(--blue-0-dark);
    margin-bottom: 10px;
    text-transform: capitalize;
}


.label-semibold-blue-medium, .pz-col-hdr {
    /* Semibold 20/25 */
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-20-25) var(--prism-font);
    /* text-align: left; */
    color: var(--blue-1-medium);
    /* margin-bottom: 10px; */
    text-transform: capitalize;
}

    .label-semibold-blue-medium.pz-no-text-transform {
        text-transform: none;
    }

    .label-semibold-blue-medium.pz-uppercase {
        text-transform: uppercase;
    }

.label-semibold-green {
    /* Semibold 20/25 */
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-20-25) var(--prism-font);
    text-align: left;
    color: var(--green);
    margin-bottom: 10px;
    text-transform: capitalize;
}

.label-small {
    /* Semibold 14/21 */
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-14-21) var(--prism-font);
    text-align: left;
    color: var(--black-opacity);
    text-transform: uppercase;
}

    .label-small.smaller-lineheight {
        font: var(--google-font-weight-semibold) var(--fontsize-lineheight-14-14) var(--prism-font);
    }

    .label-small.blue-1-medium {
        color: var(--blue-1-medium);
    }

    .label-small.smaller {
        font: var(--google-font-weight-semibold) var(--fontsize-lineheight-12-21) var(--prism-font);
    }

    .label-small.pz-no-text-transform {
        text-transform: none;
    }

.label-icon {
    /* Regular 12/15 */
    font: var(--google-font-weight-regular) var(--fontsize-lineheight-12-15) var(--prism-font);
    text-align: left;
    color: var(--blue-1-medium);
    text-transform: uppercase;
    letter-spacing: 0.24px;
}

.pz-edit-icon {
    height: 22px;
    width: 22px;
    margin-bottom: 11px;
    margin-left: 3px;
}

.pz-addl-charge-desc-label {
    padding-top: 22px;
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-18-23) var(--prism-font);
    color: var(--black);
}

    .pz-addl-charge-desc-label.pz-view-only {
        padding-top: 0px;
        margin-top: -20px;
    }




/* F i n a n c i a l s */

.pz-grid-50-50 {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.pz-grid-costing-mode {
    display: grid;
    grid-template-columns: 5.5fr 4.5fr;
    grid-column-gap: 2px;
}

.pz-financials-alt-weight-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column: 1 / span 2;
}

.financialother-lastestComment {
    position: relative;
    text-align: left;
    color: gray;
    margin: 0px;
    padding: 0px;
    border: 0px;
    overflow: hidden;
    resize: vertical;
    width: 350px;
    height: 40px;
    outline: none;
    z-index: 99999;
}

    .financialother-lastestComment.intl {
        width: 199px;
    }

.pz-status-action-needed, .label-financials.pz-no-text-transform.pz-status-action-needed {
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-14-21) var(--prism-font);
    color: var(--red);
}

.pz-status-no-action-needed, .label-financials.pz-no-text-transform.pz-status-no-action-needed {
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-14-21) var(--prism-font);
    color: var(--blue-header);
}

.pz-financials-span-all {
    grid-column: 1 / span 9;
}

.pz-divider-content .pz-financials-row4-comment {
    grid-column: 2 / span 4;
    height: 65px !important;
    margin: 4px;
    padding: 0;
    margin-bottom: 45px;
}

    .pz-divider-content .pz-financials-row4-comment span {
        margin-bottom: 10px;
    }

.pz-financials-row4-comment pz-financials-row4-commentbox {
    width: 110%;
    white-space: pre-wrap;
}

.financialother-commentbox {
    width: 460px;
    margin-right: 20px;
}

.pz-financials-row-4-buttons {
    grid-column: 6 / span 2;
}

.pz-financials-span-details {
    grid-column: 2 / span 7;
}

.pz-financials-span-details-6cols,
.pz-financials-span-details-intl {
    grid-column: 2 / span 6;
}

.pz-financials-add-remove-charge {
    width: 125px;
}

.pz-financials-submit-button {
    display: grid;
    grid-area: svother;
    margin-right: 3px;
    justify-self: right;
}

.pz-financials-save-button-container {
    display: grid;
    grid-column: 4;
    grid-row: 2;
    position: relative;
    top: -30px;
    margin-left: 30px;
}

.pz-financials-other-charges-save-button {
    display: grid;
    grid-area: svdraft;
    height: 37px;
    margin-right: 3px;
    justify-self: right;
}

.pz-financials-submit-instructions {
    display: grid;
    grid-area: instr;
    margin-right: 3px;
    justify-self: center;
}

.pz-financials-submit-text {
    padding-top: 8px;
    text-transform: none;
}

.pz-financials-submit-disclaimer-text {
    margin-top: -3px;
    text-transform: none;
}

.pz-financials-shipment-history-container {
    display: grid;
    width: 700px;
    grid-template-areas: 'overage-anchor shipment-history overage-history';
    grid-template-columns: auto auto auto;
}

.pz-financials-shipment-history-container-alt {
    display: grid;
    width: 550px;
    grid-template-areas: 'shipment-history overage-history';
    grid-template-columns: auto auto;
}

.pz-financials-other-charges-history-container {
    display: grid;
    width: 450px;
    grid-template-areas: 'overage-history consultant-comments';
    grid-template-columns: 240px 250px;
}

.pz-financials-transp-popup-link-container {
    display: grid;
    grid-template-columns: 9fr 1fr;
    grid-column-gap: 8px;
    vertical-align: text-bottom;
}

/* T r a n s p o r t a t i o n   C o s t */

.pz-financials-transp-popup-input-container {
    display: grid;
    grid-template-columns: 200px 200px;
    grid-column-gap: 15px;
    grid-row-gap: 10px;
}

    .pz-financials-transp-popup-input-container.readonly {
        grid-row-gap: normal;
    }

.pz-financials-transp-popup-button-container {
    display: grid;
    grid-template-columns: 1fr 1fr 2.5fr;
    grid-column-gap: 7px;
    margin-left: 17px;
}

.pz-financials-transp-popup-control-container {
    display: grid;
    grid-template-columns: 200px auto;
    grid-column-gap: 15px;
    grid-row-gap: 5px;
    height: auto;
}

.pz-transp-cost-grid-container {
    display: grid;
    grid-template-columns: 150px 100px 100px 120px;
    grid-column-gap: 5px;
    text-align: right;
}

    .pz-transp-cost-grid-container label {
        text-align: right !important;
    }

label.pz-transp-cost-tight {
    margin-top: 2px;
    font: var(--google-font-weight-regular) var(--fontsize-lineheight-14-14) var(--prism-font);
    margin-bottom: -2px;
}

.pz-financials-transp-popup-weight-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 5px;
}

.pz-financials-transp-popup-input-container .k-textbox {
    margin-bottom: 0px;
}

.pz-financials-transp-popup-span-output
{
    grid-column: 2 / span 2;
  }
.pz-so-details-popup-span {
    display: grid;
    grid-column: 2 / span 2;
}


.pz-transp-subtotal {
    color: var(--blue-header);
    text-align: right;
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-16-20) var(--prism-font);
}

.pz-transp-grandtotal {
    color: var(--black);
    text-align: right;
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-16-20) var(--prism-font);
    text-transform: uppercase;
    margin-top: 10px;
}

.pz-transp-cost-grid-container .k-input-inner {
    text-align: right;
}

.pz-transp-cost-grid-container > .k-numerictextbox {
    margin-left: 25px;
    margin-bottom: 10px;
    margin-top: -3px;
    height: 25px;
}

textarea.pz-commentbox.transp-popup {
    height: 100px;
    width: 487px;
    resize: none;
}

/* T r a n s p o r t a t i o n   C o s t   E n d */


.pz-shipment-overage {
    grid-area: overage-anchor;
    padding-right: 20px;
}

.pz-shipment-history {
    grid-area: shipment-history;
    line-height: 27px !important;
    padding-right: 20px;
}

.pz-financial-charge-actions-first {
    position: relative;
    top: -122px;
}

.pz-financial-charge-actions-not-first {
    position: relative;
    top: -15px;
}

.pz-other-charges-history {
    grid-area: overage-history;
    padding-right: 20px;
}

.pz-consultant-comment {
    grid-area: consultant-comments;
}

.pz-consultant-comment-img {
    padding-left: 3px;
    height: 25px;
    width: 25px;
}

.pz-back-to-top-img {
    transform: rotate(-90deg);
    height: 20px;
    width: 20px;
    padding-left: 4px;
}

.pz-down-arrow-img {
    transform: rotate(90deg);
    height: 20px;
    width: 20px;
    padding-left: 4px;
    margin-bottom: 7px;
}

.pz-anchor {
    cursor: pointer;
}

.pz-nudge-anchor-up {
    position: relative;
    top: -13px;
}

.pz-top-anchor {
    position: relative;
    top: -40px;
}


.pz-financial-summary-shipments-header {
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-18-23) var(--prism-font);
    color: var(--blue-header);
    text-transform: capitalize;
    padding-top: 5.5px;
    grid-row: span 2 / auto;
    vertical-align: text-top;
    cursor: pointer;
}

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

    .pz-financials-header.grey-col {
        background-color: var(--grey-background);
    }

    .pz-financials-header.white-col {
        padding-right: 20px;
    }

.label-financials {
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-14-18) var(--prism-font);
    text-align: left;
    color: var(--black);
    text-transform: uppercase;
    padding-right: 25px;
    margin-top: 0px;
    padding-top: 10px;
    margin-bottom: 0px;
}

    .label-financials.grey-smaller {
        padding-top: 0px;
        padding-bottom: 8px;
        font: var(--google-font-weight-regular) var(--fontsize-lineheight-12-15) var(--prism-font);
        text-transform: uppercase;
        color: var(--grey);
    }

    .label-financials.grey-col {
        background-color: var(--grey-background);
        padding-right: 50px;
    }

    .label-financials.white-col {
        background-color: var(--white);
        padding-right: 50px;
    }

    .label-financials.blue-1-medium {
        color: var(--blue-1-medium);
    }

    .label-financials.pz-show-hide-toggle {
        margin-left: -18px;
        cursor: pointer;
    }

    .label-financials.pz-no-text-transform {
        text-transform: none;
    }

    .label-financials.pz-blue-header {
        color: var(--blue-header);
    }

    .label-financials.margintop {
        margin-top: 10px;
    }



.financials-reasondetails-maxwidth {
    grid-column: 1;
    font: var(--google-font-weight-regular) var(--fontsize-lineheight-12-15) var(--prism-font);
    white-space: nowrap;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: -5px;
    margin-bottom: 4px;
}

    .financials-reasondetails-maxwidth:hover {
        overflow: visible;
        overflow-wrap: break-word;
        text-overflow: unset;
        height: auto;
    }

.financials-shaded-row {
    background-color: var(--grey-background);
    padding-left: var(--card-margin-label);
    padding-top: 25px;
    padding-bottom: 20px;
}

    .financials-shaded-row.mm {
        padding-bottom: 0px;
    }

/* S O  D e t a i l s */
.pz-so-details-pdf-icon {
    height: 30px;
    cursor: pointer;
}

.pz-so-details-timestamp {
    font: var(--google-font-weight-regular) var(--fontsize-lineheight-12-15) var(--prism-font);
    line-height: 32px;
    font-style: italic;
}

.pz-so-details-dashboard-link {
    color: var(--blue-1-medium);
    text-decoration: underline;
    cursor: pointer;
}

.pz-so-grid-4cols {
    display: grid;
    width: 90%;
    margin-left: 50px;
    grid-template-columns: repeat(3, 200px) 250px;
    grid-column-gap: 30px;
}

.pz-so-grid-5-cols {
    display: grid;
    margin-left: 50px;
    grid-template-columns: repeat(5, 220px);
}

.pz-so-grid-5-cols.loose {
   grid-row-gap: 5px;
}

.pz-so-grid-3-cols {
    display: grid;
    grid-template-columns: repeat(3, auto);
}

.pz-so-span5 {
    grid-column: 1 / span 5;
}

.pz-so-span-4-2 {
    grid-column: 4 / span 2;
}

.pz-so-span-3-3 {
    grid-column: 3 / span 3;
}

.pz-so-grid-span4 {
    grid-column: 1 / span 4;
}

.pz-so-grid-4cols-right3 {
    grid-column: 2 / span 3;
}


.pz-so-grid-inner-3cols {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 10px;
}

    .pz-so-grid-inner-3cols.spanleft {
        grid-column: 1 / span 2;
    }

    .pz-so-grid-inner-3cols.spanright {
        grid-column: 3 / span 2;
    }

.pz-so-grid-inner-4cols {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 10px;
}

    .pz-so-grid-inner-4cols.spanleft {
        grid-column: 1 / span 4;
    }

.pz-so-grid-urgency-dates {
    display: grid;
    grid-template-columns: repeat(2, 250px);
    grid-column-gap: 50px;
}

.pz-so-vertical-border-line {
    border-left: 1px solid var(--black-opacity);
    padding-left: 20px;
}

.pz-so-grid-billing-currency-note {
    grid-column: 3 / span 2;
}

.pz-so-left-text {
    text-align: left;
}

.pz-so-label {
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-14-21) var(--prism-font);
    color: var(--black-opacity);
    text-transform: uppercase;
    margin-right: 10px;
}

    .pz-so-label.transferee-section {
        display: inline-flex;
        padding-top: 15px;
    }

.pz-so-details-regular {
    font: var(--google-font-weight-regular) var(--fontsize-lineheight-16-20) var(--prism-font);
    text-transform: capitalize;
    word-wrap: break-word;
}
    .pz-so-details-regular.pz-no-text-transform {
        text-transform: none;
    }

    .pz-so-details-bold {
        font: var(--google-font-weight-semibold) var(--fontsize-lineheight-16-20) var(--prism-font);
        text-transform: capitalize;
    }

.pz-so-details-bold-upper {
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-16-20) var(--prism-font);
    text-transform: uppercase;
}

.pz-so-smallcols {
    display: grid;
    grid-template-columns: 70px auto;
}

.pz-so-margin-right {
    margin-right: 10px;
}

.pz-italic {
    font-style: italic;
}

.pz-bold {
    font-weight: bold;
}

.pz-menu-actionitems-block {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto auto;
    grid-column-gap: 20px;
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-14-18) var(--prism-font);
    color: var(--black);
    text-transform: uppercase;
}

label, .pz-label, .pz-tb-label, .pz-dropdown-label {
    /* Semibold 14/18 */
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-14-18) var(--prism-font);
    text-align: left;
    color: var(--black-de);
    text-transform: capitalize;
}

    label.padright {
        margin-right: 10px;
    }

    label.pz-lowered-label,
    .pz-label.pz-lowered-label,
    .pz-tb-label.pz-lowered-label,
    .pz-dropdown-label.pz-lowered-label {
        padding-top: 4px;
    }

    label.pz-label-no-wrap,
    .pz-label.pz-label-no-wrap,
    .pz-tb-label.pz-label-no-wrap,
    .pz-dropdown-label.pz-label-no-wrap {
        margin-bottom: 0px;
    }

    .pz-no-text-transform,
    label.pz-no-text-transform,
    .pz-label.pz-no-text-transform,
    .pz-tb-label.pz-no-text-transform,
    .pz-dropdown-label.pz-no-text-transform {
        text-transform: none !important;
    }

    .pz-uppercase,
    label.pz-uppercase,
    .pz-label.pz-uppercase,
    .pz-tb-label.pz-uppercase,
    .pz-dropdown-label.pz-uppercase {
        text-transform: uppercase;
    }

        label.pz-uppercase.pz-text-left-align,
        .pz-label.pz-uppercase.pz-text-left-align,
        .pz-tb-label.pz-uppercase.pz-text-left-align,
        .pz-dropdown-label.pz-uppercase.pz-text-left-align {
            text-align: left;
            align-items: flex-start;
        }

    label.pz-padbottom, .pz-label.pz-padbottom, .pz-tb-label.pz-padbottom, .pz-dropdown-label.pz-padbottom {
        margin-bottom: 8px;
    }

.pz-raised-label {
    position: relative;
    top: -12px;
}

.service-order-history {
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-16-16) var(--prism-font);
    text-align: left;
    color: var(--grey-light);
    text-align: left;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

    .service-order-history.black {
        color: var(--black);
    }

    .service-order-history.padtop {
        padding-top: 8px;
    }

    .service-order-history.no-capitalize {
        text-transform: none;
    }

    .service-order-history.padtop {
        padding-top: 8px;
    }

    .service-order-history.small-bot-margin {
        margin-bottom: 5px;
    }

.pz-required-asterisk {
    font: var(--google-font-weight-bold) var(--fontsize-lineheight-14-18) var(--prism-font);
    line-height: 0px;
    padding-right: 3px;
    color: var(--red);
}



.pz-alt-tooltip {
    cursor: help;
    position: relative;
}

    /*== common styles for both parts of tool tip ==*/
    .pz-alt-tooltip::before,
    .pz-alt-tooltip::after,
    .pz-alt-tooltip.message2::after,
    .pz-alt-tooltip.message::after {
        left: 50%;
        opacity: 0;
        position: absolute;
        z-index: -100;
    }

    .pz-alt-tooltip:hover::before,
    .pz-alt-tooltip:focus::before,
    .pz-alt-tooltip:hover::after,
    .pz-alt-tooltip:focus::after,
    .pz-alt-tooltip.message2:hover::after,
    .pz-alt-tooltip.message2:focus::after,
    .pz-alt-tooltip.message:hover::after,
    .pz-alt-tooltip.message:focus::after {
        opacity: 1;
        transform: scale(1) translateY(0);
        z-index: 100;
    }


    /*== pointer tip ==*/
    .pz-alt-tooltip::before {
        border-style: solid;
        border-width: 1em 0.75em 0 0.75em;
        border-color: #3E474F transparent transparent transparent;
        bottom: 100%;
        content: "";
        margin-left: -.63em;
        transition: all .65s cubic-bezier(.84,-0.18,.31,1.26), opacity .65s .5s;
        transform: scale(.6) translateY(-90%);
    }

    .pz-alt-tooltip:hover::before,
    .pz-alt-tooltip:focus::before {
        transition: all .65s cubic-bezier(.84,-0.18,.31,1.26) .2s;
    }


    /*== speech bubble ==*/
    .pz-alt-tooltip::after {
        background: #3E474F;
        border-radius: .25em;
        bottom: 180%;
        color: #EDEFF0;
        content: attr(data-tip);
        text-align: center;
        margin-left: -8.75em;
        padding: 1em;
        transition: all .65s cubic-bezier(.84,-0.18,.31,1.26) .2s;
        transform: scale(.6) translateY(50%);
        text-transform: none;
        width: 17.5em;
    }

    .pz-alt-tooltip.message::after {
        background: #3E474F;
        border-radius: .25em;
        bottom: 180%;
        color: #EDEFF0;
        content: 'This is an important field and is typically required by the client';
        text-align: center;
        margin-left: -8.75em;
        padding: 1em;
        transition: all .65s cubic-bezier(.84,-0.18,.31,1.26) .2s;
        transform: scale(.6) translateY(50%);
        text-transform: none;
        width: 17.5em;
    }


    .pz-alt-tooltip.message2::after {
        background: #3E474F;
        border-radius: .25em;
        bottom: 180%;
        color: #EDEFF0;
        content: 'This amount can be viewed on the Service Order Details popup by all suppliers within the workflow';
        text-align: center;
        margin-left: -8.75em;
        padding: 1em;
        transition: all .65s cubic-bezier(.84,-0.18,.31,1.26) .2s;
        transform: scale(.6) translateY(50%);
        text-transform: none;
        width: 17.5em;
    }


    .pz-alt-tooltip:hover::after,
    .pz-alt-tooltip:focus::after,
    .pz-alt-tooltip.message2:hover::after,
    .pz-alt-tooltip.message2:focus::after,
    .pz-alt-tooltip.message:hover::after,
    .pz-alt-tooltip.message:focus::after {
        transition: all .65s cubic-bezier(.84,-0.18,.31,1.26);
    }

.pz-alt-tooltip-fixed-width-20 {
    width: 20px !important;
    margin: 0px !important;
    padding: 0px !important;
}


.pz-tooltip,
.pz-financial-summary-tooltip {
    position: relative;
    display: inline-block;
    cursor: help;
}

    .pz-tooltip .pz-tooltiptext,
    .pz-financial-summary-tooltip .pz-financial-summary-tooltiptext {
        font: var(--google-font-weight-regular) var(--fontsize-lineheight-14-18) var(--prism-font);
        visibility: hidden;
        background-color: var(--black);
        color: var(--white);
        text-align: center;
        border-radius: 6px;
        padding: 8px;
        position: absolute;
        z-index: 9999;
        bottom: 25px;
        left: 50%;
        opacity: 0;
        transition: opacity 0.3s;
        width: 350px;
        margin-left: -187.5px;
    }

        .pz-tooltip .pz-tooltiptext::after,
        .pz-financial-summary-tooltip .pz-financial-summary-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-tooltip:hover .pz-tooltiptext,
    .pz-financial-summary-tooltip:hover .pz-financial-summary-tooltiptext {
        visibility: visible;
        opacity: 1;
    }

.pz-crating-note {
    display: grid;
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-14-18) var(--prism-font);
}

.pz-crating-tooltip {
    position: relative;
    margin-bottom: -10px;
    display: inline-block;
    cursor: help;
}

    .pz-crating-tooltip .pz-crating-tooltiptext {
        font: var(--google-font-weight-regular) var(--fontsize-lineheight-14-18) var(--prism-font);
        visibility: hidden;
        background-color: var(--black);
        color: var(--white);
        text-align: center;
        border-radius: 6px;
        padding: 8px;
        position: absolute;
        z-index: 1;
        bottom: 12px;
        left: 50%;
        opacity: 0;
        transition: opacity 0.3s;
        width: 600px;
        margin-left: -300px;
        text-transform: none;
    }

        .pz-crating-tooltip .pz-crating-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-crating-tooltip:hover .pz-crating-tooltiptext {
        visibility: visible;
        opacity: 1;
    }



.pz-crating-approval {
    position: relative;
    margin-top: -5px;
    margin-bottom: 10px;
}

.pz-crating-description {
    margin-top: 10px;
}
/* L e f t  N a v  C o n t e n t */
.pz-menu-container {
    /*position:fixed;*/
    border: 2px solid var(--grey-background);
    border-radius: 6px;
    color: var(--black);
}

.pz-menu-heading-top {
    width: 100%;
    display: grid;
    grid-template-areas: 'title-status save-box';
    grid-column-gap: 2px;
}

    .pz-menu-heading-top.shipment-status {
        display: grid;
        grid-template-areas: '. save-box' 'title-status title-status';
    }

.pz-menu-title-status {
    grid-area: title-status;
}

    .pz-menu-title-status.nudge-up {
        margin-top: -20px;
    }

.pz-menu-save-box {
    grid-area: save-box;
    justify-self: right;
    cursor: pointer;
}

.pz-menu-white-block {
    background-color: var(--white);
    padding: 20px;
    padding-bottom: 10px;
}

.pz-menu-block {
    background-color: var(--white);
    padding: 20px;
    padding-top: 5px;
}



.pz-menu-status {
    font: var(--google-font-weight-bold) var(--fontsize-lineheight-20-25) var(--prism-font);
    text-transform: uppercase;
}

.pz-menu-status-nocolor {
    font: var(--google-font-weight-bold) var(--fontsize-lineheight-20-25) var(--prism-font);
    text-transform: uppercase;
}

.pz-menu-grey-label {
    text-transform: uppercase;
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-12-21) var(--prism-font);
    color: var(--grey-light);
}

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

    .pz-menu-highlight.pz-financial {
        padding-left: 25px;
        padding-bottom: 5px;
        color: var(--blue-header)
    }

    .pz-menu-highlight.pz-overview-grid {
        padding-right: 20px;
        padding-bottom: 5px;
        padding-top: 5px;
        cursor: pointer !important;
        text-align: right;
    }

.pz-menu.pz-grey-block {
    background-color: var(--grey-background);
    cursor: pointer;
}

.pz-menu-link {
    font: var(--google-font-weight-regular) var(--fontsize-lineheight-16-20) var(--prism-font);
    padding-left: 10px;
    color: var(--black);
    text-transform: capitalize;
    padding-bottom: 10px;
    cursor: pointer;
}

.pz-menu-header {
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-18-23) var(--prism-font);
    color: var(--blue-header);
    text-transform: capitalize;
    padding-bottom: 10px;
}

.pz-menu-block .k-treeview-lines {
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-18-23) var(--prism-font);
    color: var(--blue-header);
    text-transform: capitalize;
    padding-bottom: 10px;
    padding-left: 0px;
}


.pz-menu-block .k-treeview .k-in:hover,
.pz-menu-block .k-treeview .k-in.k-state-hover,
.pz-menu-block .k-treeview .k-in.k-state-selected {
    color: var(--blue-1-medium);
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-16-20) var(--prism-font);
    background-color: transparent;
}

.pz-menu-block .k-animation-container {
    font: var(--google-font-weight-regular) var(--fontsize-lineheight-16-20) var(--prism-font);
    padding-left: 10px;
    color: var(--black);
    text-transform: capitalize;
    padding-bottom: 10px;
}

.pz-menu-block .k-animation-container {
    font: var(--google-font-weight-regular) var(--fontsize-lineheight-16-20) var(--prism-font);
    padding-left: 10px;
    color: var(--black);
    text-transform: capitalize;
    padding-bottom: 10px;
}

.pz-menu-block .k-in {
    cursor: pointer;
}



/* B o d y*/
.body-copy {
    /* Regular 14/21 */
    font: var(--google-font-weight-regular) var(--fontsize-lineheight-14-21) var(--prism-font);
    text-align: left;
    color: var(--black);
}

.pz-font-readonly {
    font: var(--google-font-weight-regular) var(--fontsize-lineheight-14-21) var(--prism-font);
    text-align: left;
    color: var(--black-opacity);
}

    .pz-font-readonly.smaller {
        font: var(--google-font-weight-regular) var(--fontsize-lineheight-12-21) var(--prism-font);
    }

    .pz-font-readonly.black {
        color: var(--black);
    }

    .pz-font-readonly.red {
        color: var(--red);
    }

    .pz-font-readonly.capitalize {
        text-transform: capitalize;
    }

    .pz-font-readonly.no-capitalize {
        text-transform: none;
    }

    .pz-font-readonly.padtop {
        padding-top: 8px;
    }

.pz-text-center-align {
    text-align: center;
}

.pz-align-right {
    justify-self: end;
}

.pz-justify-center {
    justify-self: center;
}

.pz-text-center-align {
    text-align: center;
}

.pz-text-left-align {
    text-align: left;
}

.pz-text-right-align {
    text-align: right;
}

.pz-text-grey-background {
    background-color: var(--grey-background);
}

textarea {
    font: var(--google-font-weight-regular) var(--fontsize-lineheight-14-18) var(--prism-font);
    border: 1px solid var(--telerik-border-color);
    text-align: left;
    color: var(--black);
    padding: 12px 15px 15px 15px;
    border-radius: 4px;
}

.pz-gmt {
    font: var(--google-font-weight-regular) var(--fontsize-lineheight-16-20) var(--prism-font);
    font-style: italic;
}

.pz-trademark {
    font-size: 10px;
    top: -10px;
    left: 3px;
}

/* C i r c l e s */
.circle {
    /* Black 11/14 */
    font: var(--google-font-weight-black) var(--fontsize-lineheight-11-14) var(--prism-font);
    width: 20px;
    height: 20px;
    color: var(--white);
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    line-height: 20px;
}

    .circle.circle-red {
        background-color: var(--red);
    }

        .circle.circle-red.smaller {
            width: 14px;
            height: 14px;
            line-height: 14px;
            margin-top: 12px;
        }

    .circle.circle-blue {
        background-color: var(--blue-1-medium);
    }

        .circle.circle-blue.smaller {
            width: 14px;
            height: 14px;
            line-height: 14px;
            margin-top: 12px;
        }

    .circle.circle-yellow {
        background-color: var(--yellow);
    }

        .circle.circle-yellow.smaller {
            width: 14px;
            height: 14px;
            line-height: 14px;
        }

.pz-financial-indicator-circle {
    margin-top: 10px;
}

.pz-important-icon {
    margin-top: unset !important;
}

.dot {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
}

    .dot.dot-red {
        background-color: red;
    }

        .dot.dot-red.shift-left {
            margin-left: -18px;
            margin-right: 5px;
        }

.pz-card1-title-container {
    display: flex;
    justify-content: space-between;
    margin-right: 50px;
}

.dot.dot-transparent {
    background-color: transparent;
}

/* N o t e s  B u b b l e s */
.pz-note-bubbles {
    display: block;
    position: relative;
    top: -10px;
}

.pz-note-bubble-spacer {
    display: inline-block;
    width: 20px;
}

.pz-notes-icon-no-count {
    margin-top: 20px;
}

.pz-bubble-circle {
    display: block;
    position: relative;
    width: 20px;
    height: 20px;
    top: 10px;
    right: -18px;
    font: var(--google-font-weight-regular) var(--fontsize-lineheight-11-14) var(--prism-font);
    line-height: 18px;
    cursor: pointer;
}

/* D i v i d e r s */
.pz-divider-tab {
    width: 375px;
    height: 30px;
    border-radius: 0px 6px 0px 0px;
    background: var(--blue-1-medium-80) 0% 0% no-repeat padding-box;
    color: var(--white);
    text-transform: uppercase;
    font: var(--google-font-weight-bold) var(--fontsize-lineheight-20-25) var(--prism-font);
    padding-left: var(--card-margin-label);
    padding-top: 3px;
}

    .pz-divider-tab.extended {
        width: 500px;
    }

.pz-divider-tab-right {
    position: relative;
    float: right;
    top: -30px;
}

.pz-divider-line {
    width: 100%;
    height: 1px;
    background-color: var(--blue-1-medium);
}

.pz-grey-divider-line {
    width: 100%;
    height: .1px;
    background-color: var(--grey-light);
}

    .pz-grey-divider-line.pz-menu-divider {
        width: 85%;
        margin-left: 20px;
    }

    .pz-grey-divider-line.pz-so-details-popup {
        display: flex;
        width: 95%;
        margin-right: 100px;
        align-content: flex-start;
    }

.pz-black-divider-line {
    width: 100%;
    height: .1px;
    background-color: var(--black);
    margin-bottom: 10px;
}

pz-financials-span-all {
}

.pz-divider-content {
    padding: 20px var(--card-margin-column) 20px var(--card-margin-column);
}

.pz-nodivider-card-content {
    padding-left: var(--card-margin-label);
    padding-right: var(--card-margin-label);
}

.pz-divider-right-link {
    padding-right: var(--card-margin-label);
}

/* M i s c */

.pz-summation-line {
    display: block;
    border-bottom: 1px solid black;
    margin-bottom: 5px;
}

.pz-invisible {
    visibility: hidden;
    height: 0px;
}

.pz-visible {
    visibility: visible;
    height: auto;
}

.pz-no-text-transform {
    text-transform: none;
}


.pz-big-x {
    display: inline-block;
    background: url('../assets/Icon Multiply Gray.svg') no-repeat;
    vertical-align: middle;
    margin-left: 7px;
    height: 26px;
    width: 26px;
}

.pz-insurance-space {
    display: inline-block;
    vertical-align: middle;
    margin-left: 7px;
    height: 26px;
    width: 24px;
}

.pz-insurance-x {
    display: inline-block;
    background: url('../assets/Icon Multiply Gray.svg') no-repeat;
    vertical-align: middle;
    margin-left: 7px;
    height: 26px;
    width: 24px;
}

.pz-grey-background-textbox {
    border-radius: 4px;
    background-color: var(--grey-background);
    width: 100%;
    /*height: calc(0.75rem + 1.5em);*/
    border: 1px solid var(--grey-light);
    vertical-align: middle;
    padding: 2px 5px;
}

.pz-upload-box {
    border-radius: 4px;
    width: 100%;
    /*height: calc(0.75rem + 1.5em);*/
    border: 1px solid var(--grey-light);
    vertical-align: middle;
    padding: 2px 5px;
}

.pz-comingsoon {
    height: 448px;
}

.pz-3-col-clear-icon {
    float: right;
    cursor: pointer;
}

/* M a i n   L a y o u t */
/* Main Layout Grid Areas */
.pz-l-main-layout-grid {
    display: grid;
    width: 100%;
    grid-template-columns: var(--site-margin-width) auto var(--site-margin-width);
    grid-template-areas: "masthead masthead masthead" "warning warning warning" ". title ." "nav nav nav" "ovr ovr ovr" ". main .";
}

.pz-l-landing-layout-grid {
    display: grid;
    width: 100%;
    grid-template-columns: var(--landing-margin-width) auto var(--landing-margin-width);
    grid-template-areas: "masthead masthead masthead" ". title ." "nav nav nav" "ovr ovr ovr" ". main ." ". ft .";
}

    .pz-l-landing-layout-grid .pz-l-title-content {
        margin-left: calc(var(--site-margin-width) - var(--landing-margin-width));
        margin-right: calc(var(--site-margin-width) - var(--landing-margin-width));
    }

    .pz-l-landing-layout-grid .supplier {
        margin-left: calc(var(--site-margin-width) - var(--landing-margin-width));
        margin-right: calc(var(--site-margin-width) - var(--landing-margin-width));
    }


.pz-l-masthead-container {
    display: grid;
    grid-area: masthead;
    grid-template-columns: var(--site-margin-width) 60px 150px auto 250px 360px var(--user-div-width) 20px var(--site-margin-width);
    grid-template-areas: ". logo branding . dsh srch usr usricon .";
    background-color: var(--blue-0-dark);
    color: white;
    margin-bottom: 25px;
}





/*Masthead*/
.pz-l-logo-container {
    grid-area: logo;
    position: relative;
    height: 60px;
}

.pz-logo-image {
    position: absolute;
    left: -23px;
    top: -22.5px;
    z-index: 2;
}

.pz-l-branding {
    grid-area: branding;
    width: 150px;
    text-align: left;
    padding-top: 17px;
    padding-left: 20px;
    font: var(--google-font-weight-bold) var(--fontsize-lineheight-20-25) var(--prism-font);
    background-color: var(--blue-0-dark);
}

.pz-l-search {
    grid-area: srch;
}

.pz-l-user {
    grid-area: usr;
    background-color: var(--blue-0-dark);
}

.pz-l-dashboard {
    grid-area: dsh;
    align-content: end;
    padding-top: 1px;
    background-color: var(--blue-0-dark);
}

.pz-dash-menu .k-menu-horizontal {
    background-color: var(--blue-0-dark);
}

.pz-dash-menu .k-menu-link {
    color: white;
    margin-left: 20px;
}

#userInfoDiv .k-menu-link-text {
    color: white;
    
}

#userInfoDiv svg {
    fill: white;
}

.pz-l-user-icon {
    grid-area: usricon;
    background-color: var(--blue-0-dark);
    padding-top: 15px;
}



/* Page Title */
.pz-l-title-content {
    position: relative;
    grid-area: title;
    padding-bottom: 18px;
}

/* Main Content */
.pz-l-content {
    grid-area: main;
}

/* Footer */
.pz-l-footer {
    grid-area: ft;
    margin-bottom: 40px;
}

.pz-l-footer-special {
    grid-area: special-ft;
    display: grid;
    margin-right: var(--site-margin-width);
    margin-left: var(--site-margin-width-negative);
}

/* Navigation Header */

.pz-l-nav-header-container {
    display: grid;
    grid-area: nav;
    grid-template-columns: var(--site-margin-width) 320px auto minmax(min-content, 150px) var(--site-margin-width);
    grid-template-areas: "hn-left-margin pgttl horizontal-nav companylogo hn-right-margin";
}

.pz-l-nav-header--pgttl {
    grid-area: pgttl;
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-20-25) var(--prism-font);
    text-align: left;
    color: var(--grey);
    text-transform: uppercase;
    margin-top: 21px;
}

.pz-l-search-container {
    position: relative;
    display: grid;
    grid-template-columns: 271px auto minmax(min-content, 150px);
    grid-template-areas: "pgttl srslnks companylogo";
}

.pz-l-nav-header-warning {
    display: grid;
    grid-area: warning;
    grid-template-columns: auto;
    grid-template-areas: "warningtxt";
    text-align: center;
    font-weight: bold;
    font-size: larger;
    background-color: #ffdde2;
    color: var(--red);
    letter-spacing: .1em;
    word-spacing: .2em;
    text-transform: uppercase;
    animation: fadein 1s;
    height: 50px;
    line-height: 50px;
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


/* End of Main Layout Section */

.pz-search {
    height: 20px;
    width: 20px;
}

.pz-header-search {
    width: 360px;
    height: 60px;
    padding: 12px;
    background-color: var(--blue-1-medium);
    float: right;
}

.pz-hdr {
    background-color: var(--blue-0-dark);
    color: var(--white);
}

#userInfoDiv {
    width: var(--user-div-width);
    max-width: var(--user-div-width);
}

    #userInfoDiv .k-menu-horizontal {
        background-color: var(--blue-0-dark);
        height: 60px;
        border: none;
        float: right;
        text-align: right;
        text-anchor: end;
    }

    #userInfoDiv .k-icon.k-menu-expand-arrow.k-i-arrow-60-down {
        border-style: none;
        max-width: 0px;
    }

    #userInfoDiv .k-i-arrow-60-down::before {
        content: none;
    }

    #userInfoDiv .k-menu-horizontal {
        background-color: var(--blue-0-dark);
        height: 60px;
        border: none;
        float: right;
        text-align: right;
        text-anchor: end;
    }

    #userInfoDiv .k-in.k-link.k-menu-link {
        color: var(--white);
    }

/* Service Order Search styling */
.pz-srs-pgttl {
    grid-area: pgttl;
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-20-25) var(--prism-font);
    text-align: left;
    color: var(--grey);
    text-transform: uppercase;
    margin-top: 15px;
}

.pz-srs-navbar {
    grid-area: srslnks;
    background-color: var(--white);
}

.pz-company-logo {
    grid-area: companylogo;
    float: right;
    text-align: right;
    align-content: flex-end;
    justify-content: right;
    margin-top: 10px;
    height: 27px;
}

.pz-company-logo-img {
    max-height: 30px;
    max-width: 150px;
}

.pz-search-grid-container {
    margin-top: -60px;
    height: 100%;
}

.srs .k-grid-header .k-header {
    color: var(--blue-0-dark);
}

.smallhdr .k-grid-header .k-header {
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-12-15) var(--prism-font);
}

.pz-crating-grid .k-grid-header .k-header {
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-12-15) var(--prism-font);
    color: var(--black) !important;
    outline: none;
    box-shadow: none;
}

.pz-crating-grid .k-grid td.right-align {
    text-align: right;
}

.pz-crating-grid-req-item-appr-cb {
    display: grid;
    grid-column: 6 / span 2;
}

.pz-crating-grid-req-item-appr-cb-container {
    display: inline-block;
    padding-top: 30px;
}

div.bottomborder.pz-crating-grid table th {
    border: none;
}

div.bottomborder.pz-crating-grid table td,
div.bottomborder.srs table td {
    border-bottom: 1px solid var(--grey-light);
    border-top: none;
    border-left: none;
    border-right: none;
}

div.mediumfont.srs td,
div.mediumfont td {
    font-size: 0.85rem;
    background-color: white;
}

.srs div.mediumfont th {
    font-size: 1rem;
}


.srs .details-header {
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-14-18) var(--prism-font);
}

.srs .k-grid-content td {
    vertical-align: top;
}

.srs #DateRangeDiv .k-input,
.srs #DateRangeDiv .k-dropdown .k-dropdown-wrap {
    background-color: transparent;
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-20-25) var(--prism-font);
    color: var(--blue-1-medium) !important;
    outline: none;
}

.srs .textbox-file-number {
    width: 130px;
    border-style: none;
    height: calc(2.5rem + 4px);
    vertical-align: middle;
    font-weight: 600;
    color: var(--blue-1-medium);
    padding-left: 7px;
    text-transform: uppercase;
}

    .srs .textbox-file-number.wide {
        width: 170px;
    }

    .srs .textbox-file-number:focus {
        outline: none;
        border: 1px solid var(--blue-1-medium);
        border-radius: 4px;
        font: var(--google-font-weight-regular) var(--fontsize-lineheight-20-25) var(--prism-font);
    }

    .srs .textbox-file-number.pz-no-text-transform {
        text-transform: none;
    }

.srs .shipment-status-info {
    font: var(--google-font-weight-regular) var(--fontsize-lineheight-12-15) var(--prism-font);
}

.srs ::placeholder {
    color: var(--blue-1-medium);
    opacity: 1; /*Firefox*/
    vertical-align: middle;
}

.srs .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);
}

.srs .link-textcolor-inactive:hover {
    font: var(--google-font-weight-bold) var(--fontsize-lineheight-20-25) var(--prism-font);
}

.srs .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;
}


.srs.mouse-pointer {
    cursor: pointer !important;
}



element.style {
}

.srs #DateRangeDiv .k-input, .srs #DateRangeDiv .k-dropdown .k-dropdown-wrap {
    background-color: transparent;
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-20-25) var(--prism-font);
    color: var(--blue-1-medium) !important;
    outline: none;
    box-shadow: none;
}

/* ---END --- Service Order Search styling */

/* The following classes must be implemented as a Menu Template*/

/*#userInfoDiv .k-in.k-link.k-menu-link, #userInfoDiv .k-in.k-link.k-menu-link.k-state-focused {
        max-width: 200px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

        #userInfoDiv .k-in.k-link.k-menu-link.k-state-focused {
            background-color: var(--blue-3-pale);
            font: var(--google-font-weight-semibold) var(--fontsize-lineheight-14-18) var(--prism-font);
            color: var(--blue-1-medium);
        }*/

.pz-header-product-name {
    width: 150px;
    text-align: left;
    padding-top: 17px;
    padding-left: 20px;
    font: var(--google-font-weight-bold) var(--fontsize-lineheight-20-25) var(--prism-font);
}


/* L a y o u t */


.pz-header-title {
    display: inline-block;
}

/* Horizontal Nav Content */

.pz-c-nav-box-container {
    background: var(--white);
    display: flex;
    height: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pz-c-nav-box--left {
    display: flex;
    background-color: var(--white);
    align-items: center;
    padding-right: 25px;
    min-width: 0px;
}

.pz-c-nav-box--right {
    display: flex;
    background-color: transparent;
    padding: 10px;
    align-items: center;
}

.pz-c-nav-box--left-child {
    background-color: var(--white);
    padding-right: 15px;
    text-transform: capitalize;
}

.pz-c-nav-box--right-child {
    display: flex;
    background-color: transparent;
    padding: 25px 38px 25px 38px;
}

.pz-c-nav-box--right-chevron-container {
    color: var(--green);
    align-self: center;
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-20-25) var(--prism-font);
    cursor: pointer;
    background-color: transparent;
    text-transform: uppercase;
}

    .pz-c-nav-box--right-chevron-container:hover {
        font: var(--google-font-weight-bold) var(--fontsize-lineheight-20-25) var(--prism-font);
        background-color: transparent;
    }

    .pz-c-nav-box--right-chevron-container .k-menu-horizontal {
        float: left;
    }

    .pz-c-nav-box--right-chevron-container .k-i-arrow-60-down::before {
        content: none;
    }

    .pz-c-nav-box--right-chevron-container .k-icon.k-menu-expand-arrow.k-i-arrow-60-down {
        border: none;
        max-width: 0px;
    }

    .pz-c-nav-box--right-chevron-container .k-widget.k-reset.k-header.k-menu.k-menu-horizontal {
        background-color: transparent;
    }

    /* The next line removes the border from the ellipsis */

    .pz-c-nav-box--right-chevron-container .k-menu:not(.k-context-menu) > .k-item:focus,
    .pz-c-nav-box--right-chevron-container .k-menu:not(.k-context-menu) > .k-item.k-state-focused {
        box-shadow: none;
    }

/* The next 3 classes allows styling of dropdown items within a Telerik Menu */

/*.k-menu-group .k-item > .k-state-active,
.k-menu.k-context-menu .k-item > .k-state-active {
    background-color: var(--blue-1-medium);
}*/


.k-menu-group .k-item > .k-link:hover {
    background-color: var(--grey-background);
}

.k-menu-group .k-item > .k-state-focused {
    background-color: var(--blue-3-pale);
    color: var(--blue-1-medium);
    border: 1px solid var(--grey-border-80);
}



/* The following three classes are referenced in the menu item template */
.pz-horiz-menu-more-chevron {
    width: 20px;
    height: 20px;
    background: url("/assets/DoubleChevron_MoreIcon_Green.svg") no-repeat;
}

.pz-horiz-menu-more-link-text {
    color: var(--blue-header);
    font: var(--google-font-weight-regular) var(--fontsize-lineheight-14-18) var(--prism-font);
}

/*.pz-horiz-menu-more-link-text-selected {
    background-color: var(--blue-3-pale);
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-14-18) var(--prism-font);
    color: var(--blue-1-medium);
}*/

.pz-c-nav-link {
    display: flex;
    color: var(--green);
    background-color: transparent;
    outline: none;
    border: none;
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-20-25) var(--prism-font);
    align-self: center;
    justify-self: center;
    text-transform: uppercase;
    cursor: pointer;
    border-bottom-color: transparent;
    border-bottom-style: solid;
    border-bottom-width: 4px;
    line-height: 16px;
}

    .pz-c-nav-link:hover, pz-c-nav-link-currently-selected:hover, .pz-c-nav-link:active {
        font: var(--google-font-weight-bold) var(--fontsize-lineheight-20-25) var(--prism-font);
        line-height: 16px;
        border-bottom: none;
    }

    .pz-c-nav-link:focus, .pz-c-nav-link-currently-selected {
        background-color: transparent;
        outline: none;
        border: none;
        font: var(--google-font-weight-semibold) var(--fontsize-lineheight-20-25) var(--prism-font);
        align-self: center;
        justify-self: center;
        text-transform: uppercase;
        cursor: pointer;
        border-bottom-style: solid;
        border-bottom-width: 4px;
        line-height: 16px;
        color: var(--blue-0-dark);
        border-bottom-color: var(--blue-0-dark);
    }

.pc-c-nav-link-linktext {
    margin-left: 3px;
}

.pz-c-nav-box--right-chevron-content-container {
    position: relative;
    top: 115px;
    left: 1250px;
    border-radius: 4px;
    background-color: transparent;
}

.pz-c-nav-box--right-chevron-content {
    /*color: var(--blue-header);
    background-color: var(--white);*/
}

.pz-nav-horizontal-lm {
    grid-area: hn-left-margin;
    background-color: var(--white);
}

.pz-nav-horizontal-rm {
    grid-area: hn-right-margin;
    background-color: var(--white);
}

.pz-mouse-pointer {
    cursor: pointer;
}

/* Left-Nav Menu */
.pz-menu {
    width: 260px;
    grid-area: mnu;
    display: flex;
    flex-direction: column;
    flex-basis: auto;
    position: fixed;
    margin-top: 17px;
}

.pz-menu-link-text {
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-18-23) var(--prism-font);
    color: var(--blue-header);
    cursor: pointer;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* Main Card Container Grid Structure */

.pz-card {
    display: block;
    position: relative;
    background: var(--white) 0% 0% no-repeat padding-box;
    width: var(--default-card-width);
    margin: 0px 245px 10px 0px;
    padding-bottom: 10px;
    padding-top: 20px;
}

.pz-card1 {
    grid-area: card1;
}

.pz-card2 {
    grid-area: card2;
}

.pz-card3 {
    grid-area: card3;
}

.pz-grid-container {
    display: grid;
    margin-top: -80px;
    grid-template-areas: 'header header' 'mnu card1' 'mnu card2' 'mnu card3' 'special-ft special-ft';
    grid-template-columns: 260px auto;
    grid-template-rows: auto;
    grid-gap: 20px;
    grid-column-gap: 60px;
    /*    padding-bottom: 20px;*/
    max-height: 65%;
    position: fixed;
    overflow-y: auto;
}

    /*  The next section of commented lines pertain to making scrollbar invisible. 2020-05-13 EAA */
    /*.pz-grid-container > .pz-card::after {
        margin-right: -20px;
    }

    .pz-grid-container::-webkit-scrollbar {
        width: 0 !important;
    }*/

    .pz-grid-container > .pz-card .pz-grid-3-column-container {
        grid-column-gap: 106px;
    }


.pz-grid-3-column-container {
    display: grid;
    grid-template-columns: repeat(3, 315px);
    grid-column-gap: 86px;
}

    .pz-grid-3-column-container.insurance-partial {
        display: grid;
        grid-template-columns: repeat(3, 300px);
    }

.pz-grid-4-column-container {
    display: grid;
    grid-template-columns: repeat(4, 200px);
    grid-column-gap: 80px;
}

.pz-grid-4-column-container-Financial {
    display: grid;
    grid-template-columns: repeat(4, 200px);
    grid-column-gap: 80px;
}

    .pz-grid-4-column-container-Financial.airheader {
        grid-template-columns: 200px 250px 150px 200px;
    }

.pz-claims-form {
    border: 1px solid var(--grey-light);
    border-radius: 6px;
    margin: 30px;
    padding: 30px 30px 0px 30px;
}

.pz-add-claim-container {
    display: grid;
    grid-template-columns: 50px 145px 165px 165px 165px 145px 165px;
    grid-column-gap: 7px;
}


textarea.pz-commentbox.claims-upload {
    height: 194px;
    width: 750px;
}

    textarea.pz-commentbox.claims-upload.pz-view-only {
        height: 193px;
    }


.pz-claims-comment-view {
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-column-gap: 30px;
    vertical-align: top !important;
}

.pz-claims-comment, .pz-claims-list {
    display: grid;
    height: 195px;
    vertical-align: top !important;
}

.pz-financials-4-col-span-last2 {
    grid-column: 3 / span 2;
}

    .pz-financials-4-col-span-last2.pz-font-readonly,
    .pz-allowance-comment.pz-font-readonly {
        overflow-wrap: break-word;
        overflow: hidden;
        resize: vertical;
        height: 36px;
    }

.pz-grid-financials-other-charges-container {
    grid-area: data;
    display: grid;
    grid-template-columns: 286px repeat(6, 110px);
    grid-column-gap: 10px;
}

.pz-grid-financials-other-charges-container-7cols {
    grid-area: data;
    display: grid;
    grid-template-columns: 286px repeat(7, 110px);
    grid-column-gap: 10px;
}

.pz-grid-financials-other-charges-crating-container {
    display: grid;
    grid-column: 2 / span 6;
    padding-bottom: 25px;
    margin-top: 10px;
}

    .pz-grid-financials-other-charges-crating-container.pz-hidden {
        visibility: hidden;
        height: 0px;
    }

.pz-grid-financials-other-charges-history {
    display: inline-flex;
    width: 35px;
    justify-self: right;
    background-image: url(../assets/History_ClockIcon.svg);
    background: url(../assets/History_ClockIcon.svg) no-repeat right;
    cursor: pointer;
}

.pz-grid-financials-comments-details-container {
    display: grid;
    grid-template-columns: repeat(3, 90px) 1fr;
    grid-column-gap: 16px;
}

.pz-grid-financials-submit-button-container {
    display: grid;
    grid-template-columns: 2fr 2fr 1fr 2fr;
    grid-template-areas: '. . instr' '. svdraft svother';
    grid-column-gap: 20px;
    vertical-align: middle;
}

.pz-other-charges-request-span {
    grid-column: 6 / span 2;
    border-left: 1px solid var(--grey-border-80);
    padding-left: 10px;
}


.pz-grid-financial-summary-container {
    display: grid;
    grid-template-columns: repeat(9, auto);
}

.pz-summary-header-span {
    grid-column: 2 / span 4;
}

.pz-policy-limits-span {
    margin-top: -7px;
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-12-15) var(--prism-font);
    text-transform: none;
    grid-column: 3 / span 5;
}

.pz-legend {
    font-size: smaller;
    font-weight: lighter;
    text-transform: none;
    margin-bottom: 0px;
}

.pz-attribute {
    font-size: smaller;
    font-weight: bolder;
    text-transform: none;
    margin-bottom: 0px;
}

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

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

.pz-grid-2-column-commentbox-container {
    display: grid;
    grid-template-columns: 260px auto;
    grid-column-gap: 85px;
}

    .pz-grid-2-column-commentbox-container:focus {
        outline: none;
    }

.pz-grid-3-column-commentbox-container {
    display: grid;
    grid-template-columns: 175px 300px auto;
    grid-column-gap: 65px;
}

.pz-grid-3-column-commentbox-container {
    outline: none;
}

.pz-content-space-between {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

    .pz-content-space-between.padright {
        padding-right: 12px;
    }

    .pz-content-space-between.centered {
        justify-self: center;
    }

.pz-company-select-grid {
    display: grid;
    justify-content: center;
    grid-template-columns: auto;
}

/* U s e r  M a n a g e m e n t */
.pz-grid-2-column-user-mgmt {
    display: grid;
    grid-template-columns: minmax(100px, max-content) auto;
    grid-column-gap: 40px;
}

.pz-user-profile {
    display: flex;
    justify-content: safe center;
}

.pz-user-profile-centered {
    display: block;
    width: 445px;
    text-align: center;
}

    .pz-user-profile-centered.h2 {
        text-align: center;
    }

    .pz-user-profile-centered.h3 {
        text-align: center;
    }

.pz-grid-2-column-user-profile {
    display: grid;
    padding-left: 20px;
    grid-template-columns: 120px auto;
    grid-column-gap: 2px;
}

.pz-user-mgmt-section {
    height: auto;
    border: 1px solid var(--grey-light);
    border-radius: 4px;
    padding: 20px;
    margin-bottom: 20px;
}

.pz-client-model-section {
    /*margin-top: 40px;*/
}

.pz-user-mgmt-notifications {
    margin-left: 60px;
}

.pz-button-container {
    display: grid;
    grid-template-columns: min-content min-content min-content min-content;
    grid-column-gap: 10px;
    margin-bottom: 40px;
}

/* A P I  M a n a g e m e n t */

.pz-api-navlink {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: -3px;
    margin-right: 75px;
}

.pz-api-gridrow-vertical-align-top {
    vertical-align: text-top !important;
}

/* P o p u p   W i n d o w s */

.k-window {
    border-radius: 4px;
    box-shadow: 0px 3px 15px var(--grey-box-shadow);
    text-align: center;
    position: absolute;
    top: var(--popup-window-top);
}

.k-window-content {
    padding: 30px 30px 10px 30px;
    text-align: center;
}

.pz-save .k-window-titlebar, .pz-message-window .k-window-titlebar {
    background-color: var(--blue-1-medium);
    border-radius: 4px;
    color: var(--white);
    height: 40px;
    padding: 20px;
    text-transform: capitalize;
}

.pz-save .k-window-title, .pz-message-window .k-window-title {
    font: var(--google-font-weight-bold) var(--fontsize-lineheight-20-25) var(--prism-font);
    padding-left: 100px;
    padding-right: 100px;
    justify-content: center;
    text-transform: capitalize;
}

.pz-save.title-bw .k-window-titlebar {
    background-color: var(--white);
    color: var(--black);
}

.pz-save.title-bw .k-window-title {
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-20-25) var(--prism-font);
    text-transform: none;
}

.pz-save .k-button.k-bare,
.pz-message-window .k-button.k-bare {
    border-radius: 0px;
}

.pz-popup .k-window-title {
    font: var(--google-font-weight-regular) var(--fontsize-lineheight-40-50) var(--prism-font);
    padding-left: 40px;
    justify-content: center;
    text-transform: capitalize;
}

.pz-popup .k-button.k-bare {
    border-radius: 0px;
    padding: 0px;
    margin-right: 10px;
}

.pz-popup .k-window-titlebar .k-icon {
    background-image: url(../assets/x-square.svg);
    background-repeat: no-repeat;
    background-size: 30px;
    width: 30px;
    height: 30px;
    background-color: white;
    color: transparent;
    text-transform: capitalize;
}

.pz-popup-container-2-col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 25px;
    justify-content: center;
    padding-left: 40px;
    padding-right: 40px;
}

.pz-popup-container-1-col {
    display: grid;
    grid-template-columns: 1fr;
    justify-content: center;
    padding-left: 40px;
    padding-right: 40px;
}

.pz-popup-location-section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 25px;
    justify-content: center;
}

.pz-popup.padbottom {
    padding-bottom: 50px;
}

.pz-popup-text {
    font: var(--google-font-weight-regular) var(--fontsize-lineheight-14-21) var(--prism-font);
    text-align: left;
    color: var(--black);
    padding-bottom: 15px;
}

.pz-popup-full-width, .pz-span-col, .pz-span-2 {
    grid-column: 1 / span 2;
}

.pz-full-width {
    width: 100%;
}

.pz-span-all {
    column-span: all;
}

.pz-popup-window-content {
    min-height: 100%;
    display: grid;
    grid-template-rows: 1fr auto;
    grid-template-columns: 100%;
}

.pz-popup-notes-content {
    min-height: 85%;
    display: grid;
    grid-template-rows: 1fr auto;
    grid-template-columns: 100%;
}

/* B u t t o n s */
/* Large Buttons */
.button-large, .pz-button-full-width, .pz-two-line-button, .pz-overview-shipment-button, .smaller-button, .pz-overview-serviceorder-button {
    /* Semibold 20/25 */
    font: var(--google-font-weight-regular) var(--fontsize-lineheight-20-25) var(--prism-font);
    background-color: var(--blue-1-medium);
    color: var(--white);
    border: none;
    border-radius: 6px;
    text-align: center;
    opacity: 1;
    text-transform: capitalize;
}


    .button-large:hover {
        background-color: var(--grey-light);
        color: var(--white);
    }

    .button-large:disabled, .button-large[disabled] {
        background-color: var(--grey-light);
        color: var(--white);
    }

    .button-large:focus {
        outline: none;
        border: 3px solid var(--grey-light);
    }

.button-inactive-2:focus, .button-inactive-2:disabled, .button-inactive-2:hover {
    background-color: var(--white);
    color: var(--grey-light);
    border: 1px solid var(--grey);
    outline: none;
}

.button-medium {
    /* Regular 14/14 */
    font: var(--google-font-weight-regular) var(--fontsize-lineheight-14-14) var(--prism-font);
    width: 230px;
    height: 30px;
    border-radius: 6px;
    border: none;
    text-align: center;
    padding: 0px 0px;
    margin-bottom: 1px;
}

    .button-medium.button-blue {
        background-color: var(--blue-1-medium-4d);
        color: var(--blue-1-medium);
    }

    .button-medium:hover {
        background-color: var(--grey-light);
        color: var(--white);
    }

    .button-medium:focus {
        outline: none;
        border: 3px solid var(--grey-light);
    }

    .button-medium.button-red {
        background-color: var(--red);
        color: var(--white);
    }

    .button-medium:disabled {
        color: var(--blue-header);
        font: var(--google-font-weight-semibold) var(--fontsize-lineheight-14-18) var(--prism-font);
    }


/* Small Buttons */
.button-small {
    /* Semibold 14/18 */
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-14-18) var(--prism-font);
    width: 128px;
    height: 23px !important;
    border-radius: 4px;
    border: none;
    text-align: center;
    text-transform: uppercase;
    padding: 0px 0px;
    margin-bottom: 1px;
}

    .button-small.button-pale-blue {
        background-color: var(--blue-3-pale);
        color: var(--blue-1-medium);
    }

    .button-small.button-blue {
        background-color: var(--blue-1-medium-4d);
        color: var(--blue-1-medium);
    }

        .button-small.button-blue.smaller {
            width: 85px;
        }

    .button-small.button-green {
        background-color: var(--green-background);
        color: var(--green);
    }

    .button-small:hover {
        background-color: var(--grey-light);
        color: var(--white);
    }

    .button-small:focus {
        outline: none;
        border: 1px solid var(--grey-light);
    }

    .button-small.button-grey-file {
        background-color: transparent;
        border: 1px solid var(--grey-light);
        color: black;
        font: var(--google-font-weight-regular) var(--fontsize-lineheight-14-18) var(--prism-font);
        text-transform: capitalize;
    }

.button-large.button-blue {
    background: var(--blue-1-medium);
    color: var(--white);
}

.button-small:disabled, .button-small.button-blue:disabled, button-small.button-blue[disabled], .button-small.button-green:disabled, .button-small.button-green[disabled] {
    background: var(--grey-background);
    color: var(--black);
}

.pz-two-line-button {
    display: grid;
    height: 45px;
    padding-top: 0px;
}

.pz-button-line1 {
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-20-25) var(--prism-font);
}

.pz-button-line2 {
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-12-15) var(--prism-font);
}

/* T e x t b o x e s */
.k-textbox, .k-numerictextbox .k-numeric-wrap {
    border: 1px solid var(--grey-light);
    border-radius: 4px;
    font: var(--google-font-weight-regular) var(--fontsize-lineheight-14-18) var(--prism-font);
    margin-bottom: 10px;
}


.pz-error.k-datepicker,
.pz-error.k-combobox {
    border-radius: 4px !important;
    border: 1px solid var(--red) !important;
}


.pz-error.k-textbox,
.pz-error.k-numerictextbox .k-numeric-wrap,
.pz-error.k-numeric-wrap .k-numerictextbox,
.pz-error.k-numerictextbox,
.pz-error.k-autocomplete,
.pz-error.k-dropdown .k-dropdown-wrap,
.pz-error.k-dropdownlist {
    border: 1px solid var(--red) !important;
}

.k-textbox-container > .k-label,
.k-floating-label-container > .k-label {
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-14-18) var(--prism-font);
    color: var(--black-de);
    transform: none;
    margin-left: -13px;
    margin-top: -25px;
    display: inline;
}

.k-textbox-container.pz-stack::after {
    content: "\a";
    white-space: pre;
}

textarea.pz-commentbox {
    height: 236px;
    width: 637px;
}

    textarea.pz-commentbox.financial-pricing-greyheader {
        height: 80px;
        width: 500px;
    }

    textarea.pz-commentbox.financial-pricing-greyheader-mm {
        height: 80px;
        width: 500px;
        /*width: 470px;*/
    }

    textarea.pz-commentbox.financial-pricing {
        height: 236px;
        width: 500px;
    }

    textarea.pz-commentbox.pet-details {
        height: 380px;
        width: 644px;
    }

    textarea.pz-commentbox.perm {
        height: 140px;
        width: 100%;
    }

    textarea.pz-commentbox.service-order-history {
        height: 100px;
        width: 100%;
        font: var(--google-font-weight-regular) var(--fontsize-lineheight-14-18) var(--prism-font);
        text-transform: none;
        color: var(--black);
    }

    textarea.pz-commentbox.snooze-red-dot {
        height: 150px;
        width: 100%;
        font: var(--google-font-weight-regular) var(--fontsize-lineheight-14-18) var(--prism-font);
        text-transform: none;
        color: var(--black);
    }

    textarea.pz-commentbox.sticky-note {
        height: 150px;
        width: 100%;
        font: var(--google-font-weight-regular) var(--fontsize-lineheight-14-18) var(--prism-font);
        text-transform: none;
        color: var(--black);
    }

.pz-commentbox:focus {
    outline: none;
}


/* G r i d s */
/* Telerik Grid Styling */
.pz-k-grid.k-grid, .k-grid td, .pz-k-grid .k-grid th, .pz-k-grid .k-grid-header, .pz-k-grid .k-grid-header *, .pz-k-grid .k-grouping-header {
    border: 0;
}

    .pz-k-grid.k-grid, .pz-k-grid.k-grid td {
        padding: 0px;
    }

.pz-k-grid .k-grid-header {
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-18-23) var(--prism-font);
}

.pz-k-grid .k-column-resizer {
    color: transparent;
}

.pz-k-grid.k-grid td .currentRow {
    background-color: var(--blue-1-medium-1a);
    text-align: left;
    border-bottom: 1px solid var(--grey-light);
    vertical-align: top;
    height: 85px;
    padding: 5px 0px 5px 12px;
}

.pz-k-grid.k-grid td .NotCurrentRow {
    background-color: var(--white);
    text-align: left;
    border-bottom: 1px solid var(--grey-light);
    vertical-align: top;
    height: 85px;
    padding: 5px 0px 5px 12px;
}

/* Overview grid */
.pz-overview-grid .k-grid-content td {
    vertical-align: top;
    font-size: 0.85rem;
    border-bottom: 1px solid var(--grey-light);
    border-top: none;
    border-left: none;
    border-right: none;
}

.pz-overview-grid .k-grid-header th {
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-16-20) var(--prism-font);
    color: var(--blue-0-dark);
}


.pz-overview-grid tr.currentRow {
    background-color: var(--blue-1-medium-1a);
    border-bottom: 1px solid var(--grey-light);
    vertical-align: top;
}

.pz-overview-grid tr.NotCurrentRow {
    background-color: var(--white);
    border-bottom: 1px solid var(--grey-light);
    vertical-align: top;
}

.pz-overview-shipment-mode {
    display: inline-block;
    padding-right: 3px;
}

.pz-overview-shipment-button {
    font: var(--google-font-weight-regular) var(--fontsize-lineheight-16-16) var(--prism-font);
}

.pz-overview-serviceorder-button {
    font: var(--google-font-weight-regular) var(--fontsize-lineheight-14-14) var(--prism-font);
    width: 150px;
}


.pz-overview-no-scroll .k-grid-content {
    overflow-y: hidden;
}

.pz-overview-no-scroll .k-grid-header {
    padding-right: 0 !important;
}

.pz-overview-no-scroll .k-grid-header-wrap {
    border-width: 0px !important;
}

/* User grid */
.pz-user-grid.k-grid, .pz-user-grid .k-grid td, .pz-user-grid .k-grid th, .pz-user-grid .k-grid-header, .pz-user-grid .k-grid-header *, .pz-user-grid .k-grouping-header {
    border: none;
}

    .pz-user-grid .k-grid tr {
        border: 1px solid red;
    }

.pz-user-grid .k-master-row {
    border-bottom: 1px solid var(--grey) !important;
    vertical-align: top;
    /*background-color: red;*/
}

    .pz-user-grid .k-master-row.k-alt {
        border-bottom: 1px solid var(--grey) !important;
        vertical-align: top;
        /*background-color: blue;*/
    }

.pz-user-grid.k-grid tr .user-mgmt-row {
    height: auto;
    /*border-top: 1px solid var(--grey);*/
}

.pz-user-grid.k-grid td .user-mgmt-row {
    text-align: left;
    vertical-align: text-top;
    padding: 5px 0px 5px 12px;
}

/* Insurance History grid */

.pz-insurance-history-grid,
.pz-financials-other-charges-history-grid,
.pz-claims-grid,
.pz-upload {
    padding: 25px 25px 50px 25px;
}

.pz-k-grid.upload .k-grid-content td {
    font: var(--google-font-weight-regular) var(--fontsize-lineheight-12-15) var(--prism-font);
    text-overflow: ellipsis;
}

.pz-k-grid.upload .k-grid-header {
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-12-15) var(--prism-font);
    text-transform: uppercase;
}

.pz-k-grid.upload.uploadsummary th {
    padding-left: 1px;
    padding-right: 1px;
}

.pz-service-order-history-grid {
    padding: 25px 25px 50px 25px;
}

.pz-service-order-status-history-grid {
    padding-left: 25px;
    padding-right: 0px;
}


.pz-k-grid.comments.k-grid td,
.pz-k-grid.claims.k-grid td,
.pz-k-grid.insurance.k-grid td,
.pz-k-grid.serviceorderhistory.k-grid td,
.pz-k-grid.financials-other-charges.k-grid td {
    padding: 5px;
    vertical-align: top;
    font: var(--google-font-weight-regular) var(--fontsize-lineheight-14-18) var(--prism-font);
}

.pz-k-grid.comments .k-grid-header,
.pz-k-grid.insurance .k-grid-header,
.pz-k-grid.serviceorderhistory .k-grid-header,
.pz-k-grid.financials-other-charges .k-grid-header {
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-14-18) var(--prism-font);
    text-transform: uppercase;
}

.pz-k-grid.comments .k-header,
.pz-k-grid.claims .k-header,
.pz-k-grid.insurance .k-header,
.pz-k-grid.serviceorderhistory .k-header,
.pz-k-grid.financials-other-charges .k-header {
    padding-left: 5px;
    vertical-align: top;
}

.pz-service-order-history-container {
    padding-left: 25px;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-right: 10px;
    text-align: left;
    display: grid;
    grid-template-columns: 300px 350px max-content auto;
    grid-column-gap: 15px;
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-16-16) var(--prism-font);
}

    .pz-service-order-history-container .smaller-button {
        width: 140px !important;
        font: var(--google-font-weight-regular) var(--fontsize-lineheight-16-16) var(--prism-font);
    }

    .pz-service-order-history-container.k-item {
        text-transform: none !important;
    }

.pz-service-order-follow-up-history-container {
    padding-left: 25px;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-right: 10px;
    text-align: left;
    display: grid;
    grid-template-columns: 300px auto;
    grid-column-gap: 15px;
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-16-16) var(--prism-font);
}

    .pz-service-order-follow-up-history-container .smaller-button {
        width: 140px !important;
        font: var(--google-font-weight-regular) var(--fontsize-lineheight-16-16) var(--prism-font);
    }

    .pz-service-order-follow-up-history-container.k-item {
        text-transform: none !important;
    }

.pz-insurance-domcontractedsp .k-tabstrip-items-wrapper.k-hstack {
    visibility: hidden;
}

.pz-insurance-domcontractedsp .k-tabstrip-content.k-content.k-state-active {
    overflow-x: hidden;
}

.pz-insurance-domcontractedsp .k-tabstrip-content:focus,
.pz-insurance-domcontractedsp .k-tabstrip-content.k-state-focused,
.pz-insurance-domcontractedsp .k-tabstrip-content.k-focus,
.pz-insurance-domcontractedsp .k-tabstrip > .k-content:focus,
.pz-insurance-domcontractedsp .k-tabstrip > .k-content.k-state-focused,
.pz-insurance-domcontractedsp .k-tabstrip > .k-content.k-focus {
    outline: none;
}

/* D r o p d o w n */

/* Telerik Dropdown and Combo-Box styling */

/* Dropdown and ComboBox popup list styling */



.k-popup .k-list .k-item {
    background-color: var(--white);
    font: var(--google-font-weight-regular) var(--fontsize-lineheight-14-18) var(--prism-font);
    color: var(--black);
}

    .k-popup .k-list .k-item.k-state-selected {
        background-color: var(--blue-3-pale);
        font: var(--google-font-weight-semibold) var(--fontsize-lineheight-14-18) var(--prism-font);
        color: var(--blue-1-medium);
    }

.k-autocomplete {
    border-radius: 4px;
    border-color: var(--grey-light);
    font: var(--google-font-weight-regular) var(--fontsize-lineheight-14-18) var(--prism-font);
}

/* The k-list scroller fixes an issue with disappearing vertical scrollbars in dropdown when PopupHeight="auto" is coded*/
/* NOTE: Telerik 2.17.0 -- the workaround to k-list-scroller below seems to no longer be needed - EAA */

/*.k-list-scroller {
    max-height: 300px;
    padding-bottom: 10px;
}*/

/* Transparent Dropdown and ComboBox with white text and icon */
/* The k-animation-container box-shadow fixes the missing bottom border of the dropdown */
/* May no longer be needed with curent version of Telerik */
/*

.k-animation-container {
    box-shadow: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12);
}*/

.dropdown-combo-transparent {
    background-color: transparent;
    background-image: none;
    font: var(--google-font-weight-regular) var(--fontsize-lineheight-16-20) var(--prism-font);
}

    .dropdown-combo-transparent,
    .dropdown-combo-transparent .k-combobox,
    .dropdown-combo-transparent .k-combobox, .k-state-selected {
        background-color: transparent;
        color: var(--white);
        border: none;
        outline: none !important;
    }

        .dropdown-combo-transparent input::placeholder {
            color: var(--white);
            font: var(--google-font-weight-regular) var(--fontsize-lineheight-16-20) var(--prism-font);
        }

        .dropdown-combo-transparent .k-select {
            background-color: transparent;
            border: 1px solid transparent;
        }

            .dropdown-combo-transparent .k-select .k-icon::before {
                color: var(--white);
                background-color: transparent;
            }

        /* F i x e s  Telerik 3.0.1 */
        .dropdown-combo-transparent.search .k-icon-button {
            color: var(--white);
            background-color: transparent;
            outline: 0;
            border: none;
            box-shadow: none;
        }

        /* F i x e s  Telerik 3.0.1 */
        .dropdown-combo-transparent.k-input,
        .dropdown-combo-transparent.k-input {
            color: var(--white) !important;
            background-color: transparent !important;
        }

        /* Transparent Dropdown and ComboBox with medium blue text and icon */
        .dropdown-combo-transparent.dropdown-text-blue-medium,
        .dropdown-combo-transparent.dropdown-text-blue-medium .k-combobox,
        .dropdown-combo-transparent.dropdown-text-blue-medium .k-combobox .k-state-selected,
        .dropdown-combo-transparent.dropdown-text-blue-medium input::placeholder {
            color: var(--blue-1-medium);
        }

            .dropdown-combo-transparent.dropdown-text-blue-medium.header,
            .dropdown-combo-transparent.dropdown-text-blue-medium.header .k-combobox,
            .dropdown-combo-transparent.dropdown-text-blue-medium.header .k-combobox .k-state-selected,
            .dropdown-combo-transparent.dropdown-text-blue-medium.header input::placeholder {
                color: var(--blue-1-medium);
                width: 150px;
            }

            .dropdown-combo-transparent.dropdown-text-blue-medium.search .k-select {
                background-color: transparent;
                border: 1px solid transparent;
                background: url('/assets/Icon search.svg') no-repeat center;
            }

            .dropdown-combo-transparent.dropdown-text-blue-medium.calendar .k-select {
                background-color: transparent;
                border: 1px solid transparent;
                background: url('/assets/Icon calendar.svg') no-repeat center;
            }

                .dropdown-combo-transparent.dropdown-text-blue-medium.calendar .k-select .k-icon::before {
                    color: transparent;
                }

        /* Transparent Dropdown for Overview Grid */
        .dropdown-combo-transparent.overview,
        .dropdown-combo-transparent.overview .k-combobox,
        .dropdown-combo-transparent.overview .k-combobox .k-state-selected,
        .dropdown-combo-transparent.overview input::placeholder {
            color: var(--black);
            padding-left: 0px;
            padding-right: 0px;
            font-size: 0.85rem;
        }

            .dropdown-combo-transparent.overview .k-select .k-icon::before {
                color: var(--grey-light);
            }


.dropdown-combo-small {
    font: var(--google-font-weight-regular) var(--fontsize-lineheight-14-18) var(--prism-font);
    background-color: white; /* Updated for Telerik 3.0.1 */
    border-color: var(--telerik-border-color); /* Updated for Telerik 3.0.1 */
}

    /* Updated for Telerik 3.0.1 */
    .dropdown-combo-small .k-input-inner {
        padding-right: 0.375rem;
    }

    .dropdown-combo-small.claims {
        margin-right: 14px;
    }

/* M u l t i s e l e c t*/
.pz-multiselect.k-multiselect .k-multiselect-wrap .k-button,
.pz-multiselect.k-dropdowntree .k-multiselect-wrap .k-button {
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-12-15) var(--prism-font);
}

.k-numerictextbox .k-numeric-wrap .k-select, .k-numeric-wrap .k-select .k-icon::before, .k-numeric-wrap .k-select .k-link:hover, .k-numeric-wrap .k-select .k-link {
    background-color: var(--white);
    color: var(--black-de);
}

/* Date Picker Styling */

.k-dateinput {
    font: var(--google-font-weight-regular) var(--fontsize-lineheight-14-18) var(--prism-font);
}

.service-order-history .k-dateinput,
.service-order-history .k-datepicker,
.service-order-history .k-datetimepicker {
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-16-16) var(--prism-font);
}

/* PRISM "paste dates" styling */
/* Updated for Telerik 3.6.0 */
.pz-prismdate-date-picker-only-icon {
    display: flex;
    grid-area: pzdateicon;
    justify-content: flex-start;
}

.pz-prismdate-date-picker-only-icon {
    border: none !important;
    background: none !important;
    outline: none !important;
}

    .pz-prismdate-date-picker-only-icon .k-input-inner {
        display: none;
    }

.pz-date-container {
    display: grid;
    grid-template-areas: 'pzdatetb pzdateicon';
    grid-template-columns: auto auto;
}

.pz-date-component-textbox {
    display: flex;
    grid-area: pzdatetb;
    height: 32px !important;
}

.pz-prismdate-text-input {
    height: 100%;
}

.pz-prismdate-date-picker-only-icon {
    height: 38px !important;
    border: none !important;
    outline: none !important;
}


.pz-date-component-textbox-default-border {
    border: 1px solid var(--grey-light);
}

/* HTML Tab Styling */
.tab {
    overflow: hidden;
    background-color: white;
}
    /* Style the buttons inside the tab */
    .tab button {
        background-color: var(--grey-light);
        font: var(--google-font-weight-regular) var(--fontsize-lineheight-20-25) var(--prism-font);
        color: var(--white);
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        /*padding: 14px 16px;*/
        transition: 0.3s;
        font-size: 17px;
    }


        /* Tabs: hover */
        .tab button:hover {
            background-color: var(--grey-light);
            color: var(--white);
            font: var(--google-font-weight-bold) var(--fontsize-lineheight-20-25) var(--prism-font);
        }

        /* Tabs: active tab */
        .tab button:active {
            background-color: var(--white);
            color: var(--black);
            font: var(--google-font-weight-semibold) var(--fontsize-lineheight-20-25) var(--prism-font);
        }

/* C h e c k b o x */

.k-checkbox, .k-checkbox::after, .k-checkbox:focus, .k-checkbox:hover {
    border-color: var(--grey-light);
    border-radius: 2px;
    width: 1rem; /* Needed for Telerik Update 3.0.1*/
    height: 1rem; /* Needed for Telerik Update 3.0.1*/
}

    .k-checkbox:hover {
        box-shadow: 0px 3px 15px var(--grey-light);
    }

.k-checkbox-label.pz-disclaimer-checkbox-label {
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-16-20) var(--prism-font);
    text-transform: none;
}

.k-checkbox.padright {
    margin-right: 3px !important;
}

.k-radio {
    width: 1rem; /* Needed for Telerik Update 3.0.1*/
    height: 1rem; /* Needed for Telerik Update 3.0.1*/
}

/* W i d t h s*/
.pz-default-col-width {
    width: 260px !important;
}

.pz-default-col-width-4-col {
    width: 188px !important;
}

.pz-default-col-width-othercharges {
    width: 250px !important;
}

.pz-fixed-width-20, .pz-20 {
    width: 20px !important;
}

.pz-fixed-width-60, .pz-60 {
    width: 60px !important;
}

.pz-fixed-width-70, .pz-70 {
    width: 70px !important;
}

.pz-fixed-width-75, .pz-75 {
    width: 75px !important;
}

.pz-fixed-width-80, .pz-80 {
    width: 80px !important;
}

.pz-fixed-width-90, .pz-90 {
    width: 90px !important;
}

.pz-fixed-width-110, .pz-110 {
    width: 110px !important;
}

.pz-fixed-width-120, .pz-120 {
    width: 120px !important;
}

.pz-fixed-width-140, .pz-140 {
    width: 140px !important;
}

.pz-fixed-width-160, .pz-160 {
    width: 160px !important;
}

.pz-fixed-width-180, .pz-180 {
    width: 180px !important;
}

.pz-fixed-width-220, .pz-220 {
    width: 220px !important;
}

.pz-fixed-width-225, .pz-225 {
    width: 225px !important;
}

.pz-fixed-width-230, .pz-230 {
    width: 230px !important;
}

.pz-fixed-width-235, .pz-235 {
    width: 235px !important;
}

.pz-fixed-width-250, .pz-250 {
    width: 250px !important;
}

.pz-fixed-width-260, .pz-260 {
    width: 260px !important;
}

.pz-fixed-width-280, .pz-280 {
    width: 280px !important;
}

.pz-fixed-width-300, .pz-300 {
    width: 300px !important;
}

.pz-fixed-width-320, .pz-320 {
    width: 320px !important;
}

.pz-fixed-width-button-large, .pz-button-full-width {
    width: 292px !important;
}

.pz-full-card-width {
    width: 1105px !important;
}

.pz-error-alert {
    width: 600px;
    text-align: center;
}

.pz-error-banner {
    top: -90px;
}

.pz-error-border {
    border: 1px solid var(--red);
}
/* Tab content -- provisional, just for testing */
.tabcontent {
    font: var(--google-font-weight-regular) var(--fontsize-lineheight-14-21) var(--prism-font);
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

/* Test page layout */
.column-20 {
    float: left;
    width: 20%;
}

.column-40 {
    float: left;
    width: 40%;
}
/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}
/* Responsive layout - makes the three columns stack on top of each other instead of next to each other on smaller screens (600px wide or less) */
@media screen and (max-width: 800px) {
    .column {
        width: 100%;
    }
}

.grid-container {
    display: grid;
    grid-template-columns: repeat(4, 80px);
}

.grid-container-2 {
    display: grid;
    grid-template-columns: repeat(2, 160px);
}

    .grid-container-2.medium {
        grid-template-columns: repeat(2, 250px);
    }

    .grid-container-2.wide {
        grid-template-columns: repeat(2, 350px);
    }

.grid-container-8 {
    display: grid;
    grid-template-columns: repeat(8, 80px);
}

    .grid-container-8.wide {
        grid-template-columns: repeat(8, 400px);
    }

.grid-item {
    border: 1px transparent;
    padding: 6px;
}

.grid-container-swatch {
    display: grid;
    grid-template-columns: repeat(4, 25%);
}

.spacer {
    margin-top: 20px;
    margin-bottom: 25px;
}

    .spacer.small-spacer {
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .spacer.medium-spacer {
        margin-top: 0px;
        margin-bottom: 15px;
    }

    .spacer.large-spacer {
        margin-top: 0px;
        margin-bottom: 35px;
    }

    .spacer.extra-large-spacer {
        margin-top: 0px;
        margin-bottom: 100px;
    }

.swatch {
    margin: auto;
    display: block;
    width: 69px;
    height: 69px;
    border-radius: 6px;
    float: left;
}

    .swatch.blue-0-dark {
        background-color: var(--blue-0-dark);
    }

    .swatch.blue-1-medium {
        background-color: var(--blue-1-medium);
    }

    .swatch.blue-2-light {
        background-color: var(--blue-2-light);
    }

    .swatch.blue-3-pale {
        background-color: var(--blue-3-pale);
    }

    .swatch.black {
        background-color: var(--black);
    }

    .swatch.grey {
        background-color: var(--grey);
    }

    .swatch.grey-light {
        background-color: var(--grey-light);
    }

    .swatch.red {
        background-color: var(--red);
    }

    .swatch.yellow {
        background-color: var(--yellow);
    }

    .swatch.green {
        background-color: var(--green);
    }

.pz-test-animation-container {
    position: fixed;
    top: 300px;
    left: 280px;
    display: inline-flex;
    padding: 23px;
    align-content: center;
    border: 1px solid var(--blue-0-dark);
    background-color: var(--blue-3-pale);
}

.spinner {
    margin: 40px auto;
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px;
}

    .spinner > div {
        background-color: #333;
        height: 100%;
        width: 6px;
        display: inline-block;
        -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
        animation: sk-stretchdelay 1.2s infinite ease-in-out;
    }

    .spinner .rect2 {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s;
    }

    .spinner .rect3 {
        -webkit-animation-delay: -1.0s;
        animation-delay: -1.0s;
    }

    .spinner .rect4 {
        -webkit-animation-delay: -0.9s;
        animation-delay: -0.9s;
    }

    .spinner .rect5 {
        -webkit-animation-delay: -0.8s;
        animation-delay: -0.8s;
    }

@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4)
    }

    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes sk-stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }

    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}

.blue_non_underline_link_text {
    color: blue;
    cursor: pointer;
}

.blue_underline_link_text {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

    .blue_underline_link_text:hover {
        cursor: pointer;
    }

.link_align_bottom_right {
    position: absolute;
    bottom: 20px;
    right: 80px;
}

.financials_radio_label {
    padding: 4px;
}


.full-width {
    width: 100%;
}

.pz-margin-left-25 {
    margin-left: 25px;
}

.pz-padding-left-25 {
    padding-left: 25px;
}

.pz-padding-left-15 {
    padding-left: 15px;
}

.pz-padding-checkbox-label {
    padding-left: 3px;
    padding-right: 10px;
    white-space: nowrap;
}

.pz-label-border {
    border-radius: 4px;
    width: 100%;
    border: 1px solid var(--grey-light);
}

/* Loader on Landing page*/
.loading-panel-wrapper {
    width: 100%;
    height: 100%;
    min-height: 400px;
    position: fixed;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: start;
}

    .loading-panel-wrapper .loading-panel-overlay {
        background: gray;
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0.5;
    }

.elementDisabled {
    pointer-events: none;
    /* for "disabled" effect */
    opacity: 0.9;
}

.childElementEnabled {
    pointer-events: auto;
    cursor: pointer !important;
}

.radioDisabled { /*financial pages*/
    pointer-events: none;
    /* for "disabled" effect */
    opacity: 0.5;
}


/* P e r m  R e v i s i o n s */

.pz-perm-rev-button {
    border-radius: 6px;
    border: 1px solid var(--grey-border-80);
    color: var(--blue-0-dark);
    background-color: var(--blue-3-pale);
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-14-18) var(--prism-font);
    text-transform: uppercase;
    text-align: center;
    padding: 4px 10px 4px 10px;
    margin-right: 10px;
}


.pz-perm-rev-button-grey {
    border-radius: 6px;
    border: 1px solid var(--grey-border-80);
    color: var(--blue-0-dark);
    background-color: var(--grey);
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-14-18) var(--prism-font);
    text-transform: uppercase;
    text-align: center;
    padding: 4px 10px 4px 10px;
    margin-right: 10px;
}


.pz-perm-rev-col-hdr {
    margin-left: -12px;
    padding-left: 8px;
}

.pz-perm-rev-popup-header-container {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: start;
}

.pz-perm-rev-popup-header-button-container {
    display: grid;
    justify-content: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

.pz-perm-rev-popup-header-content {
    text-transform: capitalize;
    display: grid;
    grid-template-columns: repeat(2, 200px)
}

.pz-perm-rev-popup-grid-container {
    display: block;
    height: 450px;
    /*padding-bottom: 50px;*/
}

.pz-perm-no-rev {
    display: grid;
    margin-top: 185px;
}

.pz-perm-cancel-estimate-span {
    cursor: pointer;
}

/* T a s k   M a n a g e m e n t */

.pz-task-mgmt-title {
    margin-top: 25px;
}

.pz-task-mgmt-new-task-container {
    display: grid;
    grid-auto-rows: min-content;
    margin-top: -60px;
    padding-top: 30px;
    width: 100%;
    background-color: var(--white);
    z-index: 1;
    position: relative;
    /*text-align: center;*/
    padding-bottom: 40px;
}

.pz-task-mgmt-new-task-content {
    display: grid;
    grid-auto-rows: min-content;
    justify-self: center;
    width: 42%;
    /*text-align: center;*/
}

.pz-task-mgmt-condition-scroll-container {
    max-height: 600px;
    /*/width: calc(100% + 10px);*/
    overflow-y: auto;
}

.pz-task-mgmt-new-condition-content {
    display: grid;
    grid-auto-rows: min-content;
    text-align: left;
    width: 400px;
    margin-left: 175px;
}


.pz-task-mgmt-icon-container {
    display: grid;
    justify-self: center;
    text-align: center;
}

.pz-task-mgmt-ui-input-container {
    display: grid;
    grid-auto-rows: min-content;
    justify-self: center;
    width: 55%;
    /*text-align: center;*/
    padding-top: 20px;
}

.pz-task-mgmt-icon {
    height: 75px;
    text-align: center;
    align-self: center;
}

.pz-task-mgmt-header {
    font: var(--google-font-weight-regular) var(--fontsize-lineheight-30-38) var(--prism-font);
    color: var(--blue-0-dark);
    padding-bottom: 15px;
    padding-top: 15px;
    text-align: center;
}

.pz-task-mgmt-text {
    font: var(--google-font-weight-regular) var(--fontsize-lineheight-16-20) var(--prism-font);
    color: var(--blue-1-medium);
    text-align: center;
}

.pz-task-mgmt-input {
    width: 100%;
}

    .pz-task-mgmt-input.multiline {
        vertical-align: top;
        height: 100px;
        padding: 10px;
    }

.pz-task-mgmt-grey-container {
    display: grid;
    background-color: var(--grey-background);
    font: var(--google-font-weight-regular) var(--fontsize-lineheight-14-18) var(--prism-font);
    border-radius: 6px;
    padding: 15px;
    text-align: left;
}

    .pz-task-mgmt-grey-container.no-right-pad {
        display: grid;
        background-color: var(--grey-background);
        border-radius: 6px;
        padding: 5px 0px 15px 15px;
    }

.pz-task-mgmt-2-cols {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 15px;
}


.pz-task-mgmt-tooltip {
    position: relative;
    padding-right: 5px;
    margin-bottom: -10px;
    display: inline-block;
    cursor: help;
}

    .pz-task-mgmt-tooltip .pz-task-mgmt-tooltiptext {
        font: var(--google-font-weight-regular) var(--fontsize-lineheight-14-18) var(--prism-font);
        visibility: hidden;
        background-color: var(--black);
        color: var(--white);
        text-align: center;
        border-radius: 6px;
        padding: 8px;
        position: absolute;
        z-index: 1;
        bottom: 18px;
        left: 50%;
        opacity: 0;
        transition: opacity 0.3s;
        width: 350px;
        margin-left: -177px;
        text-transform: none;
    }

        .pz-task-mgmt-tooltip .pz-task-mgmt-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-task-mgmt-tooltip:hover .pz-task-mgmt-tooltiptext {
        visibility: visible;
        opacity: 1;
    }

.pz-task-mgmt-popup-input-width {
    width: 93%;
}

.pz-task-mgmt-condition-label {
    font: var(--google-font-weight-semibold) var(--fontsize-lineheight-14-18) var(--prism-font);
    text-align: left;
    color: var(--blue-0-dark);
}

.pz-task-mgmt-alignment-span {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

.pz-task-mgmt-capitalize-first-letter:first-letter {
    text-transform: capitalize;
}

/* Red Dots*/
.pz-reddot-snooze {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 25px;
}

/* S U P P O R T S */
.pz-support-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-supports-navbar-container {
    position: absolute;
    width: 100%;
    left: 0px;
}

.pz-l-supports-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-supports-navbar-left {
    grid-area: dv2lnks-left;
}

.pz-supports-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-supports-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-supports-horiz-nav-text.link-textcolor-inactive:hover {
        font: var(--google-font-weight-bold) var(--fontsize-lineheight-20-25) var(--prism-font);
    }

    .pz-supports-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-supports-component-container {
    position: relative;
    top: 150px;
    margin-bottom: 250px;
}



/* T u t o r i a l s */
.tutorial-content-container {
    text-align: center;
    width: 780px;
    margin: 1em auto;
}

.tutorial-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);
}

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

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

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

.tutorial-4-column-container {
    display: grid;
    justify-self: center;
    grid-template-columns: 125px 150px 450px auto;
    grid-column-gap: 8px;
    grid-row-gap: 10px;
    text-align: left;
}

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


/* F i x e s  Telerik 3.0.1 */
.k-textbox {
    height: 38px; /* Telerik 3.0.1 Updated to match height of revised dropdowns, numeric textboxes, etc. */
}

/* F i x e s  Telerik 3.4.0 */
.k-alert {
    top: 0px;
}

.pz-upload-zone {
    width: 100%;
}

    .pz-upload-zone .pz-upload-zone-upload {
        width: 100%;
    }

        .pz-upload-zone .pz-upload-zone-upload .k-icon.k-delete.k-i-x {
            display: none;
        }

.pz-cursor-help {
    cursor: help;
}