﻿@media print {
    .assessment-overall-print-page-layout {
        display: flex;
        width: 1440px;
        padding-bottom: 0px;
        flex-direction: column;
        align-items: center;
    }

    .assessment-overall-print-layout {
        display: flex;
        width: 1440px;
        flex-direction: column;
        align-items: flex-start;
        flex: 1 0 0;
        background: #FFF;
    }

    .assessment-overall-print-header-layout {
        display: flex;
        padding: 32px 79px;
        align-items: center;
        align-self: stretch;
        background: #EEE9EE;
    }

    .assessment-overall-print-button-layout {
        display: flex;
        padding: 16px 32px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        border-radius: 8px;
        border: 4px solid rgba(185, 174, 255, 0.00);
        background: #582C5E;
    }

    .assessment-overall-print-button-text {
        color: #FFF;
        /* Body (Bold) */
        font-family: Open Sans;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%; /* 27px */
        background: #582C5E;
    }

    .assessment-overall-main-body-layout {
        display: flex;
        width: 888px;
        padding: 56px 80px;
        flex-direction: column;
        align-items: flex-start;
        gap: 52px;
    }

    .assessment-overall-main-body-title-layout {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 52px;
        align-self: stretch;
    }

    .assessment-overall-main-body-title-h1-layout {
        align-self: stretch;
        color: #582C5E;
        /* H1 */
        font-family: Open Sans;
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%; /* 60px */
    }

    .assessment-overall-body-layout {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
    }

    .assessment-overall-body-section-layout {
        display: flex;
        width: 727px;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .assessment-overview-text {
        color: #582C5E;
        font-family: Open Sans;
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%; /* 60px */
    }

    .assessment-form-headeroverallration-layout {
        display: flex;
        padding: 12px 0px;
        align-items: center;
        gap: 10px;
        align-self: stretch;
    }

    .assessment-overall-rating-text {
        color: #000;
        font-family: Open Sans;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 19px; /* 59.375% */
    }

    .assessment-overall-rating-value {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .assessment-overall-rating-summary-layout {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        align-self: stretch;
    }

    .assessment-overall-rating-summary-h4 {
        align-self: stretch;
        color: #582C5E;
        /* H4 */
        font-family: Open Sans;
        font-size: 22px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%; /* 33px */
    }

    .assessment-overall-rating-summary-text {
        align-self: stretch;
        color: #000;
        font-family: Open Sans;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 27px */
    }

    .assesment-mainbody-section-layout {
        display: flex;
        padding: 24px;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 32px;
        border-radius: 8px;
        background: #FFF;
        /* Drop/Shadow/Small */
        box-shadow: 0px 8px 16px 0px rgba(20, 26, 42, 0.06);
    }

    .assesment-main-header-date {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .assessment-form-h3-heading {
        color: #582C5E;
        /* H3 */
        font-family: Open Sans;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%; /* 36px */
    }

    .assessment-form-assessment-date {
        color: #000;
        font-family: Open Sans;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 27px */
    }

    .assessment-form-assessment-date-value {
        color: #000;
        font-family: Open Sans;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%;
    }

    .assessment-summary-table-layout {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .assesment-summary-table {
        display: flex;
        width: 679px;
        padding: 16px 0px;
        align-items: flex-start;
        gap: 8px;
        border-bottom: 1px solid #D8D8D8;
    }

    .assesment-summary-table-tr {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex: 1 0 0;
    }

    .assesment-summary-table-td-assessment-type {
        flex: 1 0 0;
        color: var(--greyscale-black, #000);
        /* Body */
        font-family: Open Sans;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 27px */
    }

    .assesment-summary-table-td-rating-layout {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .assesment-summary-table-td-rating-text {
        color: #000;
        text-align: right;
        /* Body */
        font-family: Open Sans;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 27px */
    }

    .assesment-dot {
        height: 25px;
        width: 25px;
        border-radius: 50%;
        display: inline-block;
    }

    .assesment-dot-good {
        background-color: #368443;
    }

    .assesment-dot-requireimporvement {
        background-color: #FF8C36;
    }

    .assesment-summary-table-td-read-section {
        width: 190px;
        flex-shrink: 0;
        color: #582C5E;
        text-align: right;
        font-family: Open Sans;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%; /* 27px */
        text-decoration-line: underline;
    }

    .assesment-main-commentary {
        display: flex;
        width: 727px;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .assesment-main-commentary-text {
        align-self: stretch;
        color: #000;
        /* Body */
        font-family: Open Sans;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 27px */
    }

    .assesment-back-to-top {
        display: flex;
        padding: 12px 0px;
        align-items: flex-start;
        color: #582C5E;
    }

    .assesment-back-to-top-symbol {
        width: 104px;
        height: 24px;
    }

    .assesment-back-to-top-text {
        color: #582C5E;
        font-family: Open Sans;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 24px */
        text-decoration-line: underline;
    }

    .assesment-secondary-content-layout-outline {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
    }

    .assesment-secondary-section-layout-outline {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .assesment-qs-rating {
        display: flex;
        padding: 10px 0px;
        align-items: flex-start;
        gap: 10px;
    }

    .assesment-qs-rating-text {
        color: #000;
        font-family: Open Sans;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 19px; /* 59.375% */
    }

    .assesment-percentage-layout {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        align-self: stretch;
    }

    .assesment-percentage-content-layout {
        display: flex;
        align-items: flex-start;
    }

    .assesment-percentage-content-h4-text {
        color: #000;
        /* H4 */
        font-family: Open Sans;
        font-size: 22px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%; /* 33px */
    }

    .assesment-how-to-calculate-layout {
        display: flex;
        align-items: center;
        gap: 4px;
        align-self: stretch;
    }

    .assesment-how-to-calculate {
        color: #582C5E;
        /* Link text */
        font-family: Open Sans;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%; /* 27px */
        text-decoration-line: underline;
        flex: 1 0 0;
    }

    .assesment-content-summary-layout {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .assesment-content-summary-h4 {
        align-self: stretch;
        color: #582C5E;
        /* H4 */
        font-family: Open Sans;
        font-size: 22px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%; /* 33px */
    }

    .assesment-content-summary-text {
        width: 679px;
        color: #000;
        font-family: Open Sans;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 27px */
    }

    .assesment-commentary-main-body-layout {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
    }

    .assesment-commentary-layout {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .assesment-sub-section-title-header-text {
        width: 679px;
        color: #565656;
        font-family: Open Sans;
        font-size: 22px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 33px */
    }

    .assesment-sub-section-title-header-h2 {
        color: #582C5E;
        font-family: Open Sans;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%; /* 48px */
    }

    .assesment-score-layout {
        display: flex;
        width: 206px;
        height: 44px;
        justify-content: center;
        align-items: flex-start;
        gap: 10px;
    }

    .assesment-score-eclipse-layout {
        width: 44px;
        height: 44px;
        border-radius: 50%;
        flex-shrink: 0;
        display: inline-block;
        fill: #F4E8F6;
    }

    .assesment-score-eclipse-dot-layout {
        height: 44px;
        width: 44px;
        background-color: #F4E8F6;
        border-radius: 50%;
        /*display: inline-block;*/
        /*Custom*/
        color: #000;
        font-family: Open Sans;
        font-size: 17px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px; /* 105.882% */
        display: flex;
        align-items: center;
        justify-content: center;
        fill: #F4E8F6;
    }

    .assesment-score-eclipse-selcted-fill {
        fill: #773D7F !important;
    }

    .assesment-child-sub-section-main-body-layout {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
        align-self: stretch;
    }

    .assesment-child-sub-section-content-layout {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
        align-self: stretch;
    }

    .assesment-child-content-layout {
        display: flex;
        padding: 24px;
        align-items: center;
        align-self: stretch;
        border-radius: 8px;
        background: #FFF;
        /* Drop/Shadow/Small */
        box-shadow: 0px 8px 16px 0px rgba(20, 26, 42, 0.06);
    }

    .assesment-ec-child-content-layout {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        flex: 1 0 0;
    }

    .assesment-ec-h3-layout {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        align-self: stretch;
    }

    .assesment-ec-h3-text {
        color: #582C5E;
        /* H3 */
        font-family: Open Sans;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%; /* 36px */
        align-self: stretch;
    }

    .assesment-ec-score-layout {
        display: flex;
        align-items: flex-start;
        gap: 8px;
    }

    .assesment-ec-score-content-layout {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .assesment-ec-score-content-h4 {
        color: #582C5E;
        /* H4 */
        font-family: Open Sans;
        font-size: 22px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%; /* 33px */
    }

    .assesment-ec-score-section-layout {
        display: flex;
        width: 250px;
        height: 32px;
        justify-content: center;
        align-items: flex-start;
        gap: 7px;
    }

    .assesment-ec-score-eclipse-layout {
        display: flex;
        width: 32px;
        height: 32px;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
    }

    .assesment-ec-score-eclipse-dot-layout {
        height: 32px;
        width: 32px;
        background-color: #F4E8F6;
        border-radius: 50%;
        /*display: inline-block;*/
        /*Custom*/
        color: #000;
        font-family: Open Sans;
        font-size: 17px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px; /* 105.882% */
        display: flex;
        align-items: center;
        justify-content: center;
        fill: #F4E8F6;
    }

    .assesment-ec-score-eclipse-number-layout {
        width: 32px;
        height: 32px;
        flex-shrink: 0;
    }

    .assesment-ec-score-eclipse-number-text {
        display: flex;
        width: 16px;
        height: 24px;
        flex-direction: column;
        justify-content: center;
        flex-shrink: 0;
        color: #582C5E;
        text-align: center;
        font-family: Open Sans;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .assessment-requirement-notice-layout {
        display: flex;
        padding: 16px;
        align-items: center;
        gap: 16px;
        align-self: stretch;
        border-radius: 8px;
        background: #EEE9EE;
    }

    .assessment-requirement-notice-line {
        width: 8px;
        align-self: stretch;
        border-radius: 4px;
        background: #773D7F;
    }

    .assessment-requirement-notice-h4 {
        flex: 1 0 0;
        color: #2B2929;
        font-family: Open Sans;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%; /* 36px */
    }

    .assessment-requirement-notice-text {
        flex: 1 0 0;
        color: #2B2929;
        font-family: Open Sans;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
    }

    .assessment-requirement-notice-important-text {
        color: #2B2929;
        font-family: Open Sans;
        font-size: 22px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%;
    }

    .assessment-finish-bottom-layout {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
    }

    .assessment-print-layout {
        display: flex;
        padding: 10px 0px;
        align-items: flex-start;
        gap: 5px;
    }

    .assessment-finalprint-symbol-layout {
        width: 24px;
        height: 24px;
    }

    .assessment-final-print-hyperlink {
        color: var(--accent-blue, #154B96);
        font-family: Open Sans;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%; /* 24px */
        text-decoration-line: underline;
    }

    .assessment-final-button-layout {
        display: flex;
        align-items: flex-start;
        gap: 20px;
    }

    .assessment-final-primary-button {
        display: flex;
        padding: 16px 24px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        border-radius: 8px;
        border: 4px solid rgba(185, 174, 255, 0.00);
        background: #582C5E;
    }

    .assessment-final-primary-button-text {
        color: #FFF;
        /* Body (Bold) */
        font-family: Open Sans;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%; /* 27px */
    }

    .assessment-final-secondary-button {
        display: flex;
        padding: 16px 24px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        border-radius: 8px;
        border: 4px solid rgba(185, 174, 255, 0.00);
        background: #D8D8D8;
    }

    .assessment-final-secondary-button-text {
        color: #000;
        /* Body (Bold) */
        font-family: Open Sans;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%; /* 27px */
    }

    .assessment-view-page-content-layout {
        display: flex;
        padding: 56px 48px;
        flex-direction: column;
        align-items: flex-start;
        gap: 48px;
        flex: 1 0 0;
        align-self: stretch;
    }

    .assessment-view-header-H1-layout {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
    }

    .assessment-view-header-H1-text {
        width: 679px;
        color: #582C5E;
        /* H1 */
        font-family: Open Sans;
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%; /* 60px */
    }

    .assessment-view-layout {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 17px;
    }

    .assessment-view-section-layout {
        display: flex;
        width: 800px;
        padding: 20px;
        align-items: center;
        border-radius: 8px;
        background: #FFF;
        /* Drop/Shadow/Small */
        box-shadow: 0px 8px 16px 0px rgba(20, 26, 42, 0.06);
    }

    .assessment-view-content-layout {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 16px;
        flex: 1 0 0;
        width: 0px;
    }

    .assessment-view-content-h3-layout {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 2px;
    }

    .assessment-view-content-h3-text {
        color: #582C5E;
        font-family: Open Sans;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .assessment-view-content-small-text {
        width: 679px;
        color: #2B2929;
        /* Body (Small) */
        font-family: Open Sans;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 24px */
    }

    .assessment-view-button-section-layout {
        display: flex;
        align-items: center;
        gap: 24px;
    }

    .assessment-view-button-layout {
        display: flex;
        align-items: center;
        gap: 16px;
    }

    .assessment-view-button-text-inprogress-layout {
        display: flex;
        padding: 8px 16px;
        align-items: flex-start;
        gap: 8px;
        border-radius: 4px;
        background: #EEE9EE;
    }

    .assessment-view-button-text-inprogress {
        color: #582C5E;
        font-family: Open Sans;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .assessment-view-button-text-draft-layout {
        display: flex;
        padding: 8px 16px;
        align-items: flex-start;
        gap: 8px;
        border-radius: 4px;
        background: #154B96;
    }

    .assessment-view-button-text-draft {
        color: #FFF;
        font-family: Open Sans;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .assessment-view-button-text-submit-layout {
        display: flex;
        padding: 8px 16px;
        align-items: flex-start;
        gap: 8px;
        border-radius: 4px;
        background: #D8D8D8;
    }

    .assessment-view-button-text-submit {
        color: #707070;
        font-family: Open Sans;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .assessment-how-we-score-this-main-layout {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        align-self: stretch;
    }

    .assessment-how-we-score-this-main-hide-section-layout {
        width: 4px;
        align-self: stretch;
        border-radius: 4px;
        background: var(--primary-light-purple, #773D7F);
    }

    .assessment-how-we-score-this-main-hide-section-text {
        flex: 1 0 0;
        color: #2B2929;
        /* Body */
        font-family: Open Sans;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 27px */
    }
}
