/*
Color Plaette

BLUES
#004d71
#0075a8
#003e52
#00303c

ORANGE
#ee7625

GREYS
#24272a
#5e5e5e
#808080
#c4c4c4
#e9e9e9
*/

*   {
    font-family: 'Open Sans', sans-serif;
}
h1, h2, h3, h4 {
    font-family: 'Poppin', sans-serif;
}

html, body, #app-wrap {
    background-color: #fff;
}

.no-break   {
    page-break-inside: avoid !important;
}

.report-page, .report-section    {
    page: report-page;
    page-break-after: always;
}

.help-content   {
    page: report-page;
}

.cover-page   {
    page: cover-page;

}

h2 {
    string-set: page-name content();
}

.cover-page {
    display: block;
}

#dw-report-cover-text .cover-survey-name {
    string-set: survey-name content();
    font-family: 'Poppins';
}

#participant-name {
    string-set: participant-name content();
}

#dw-report-cover-text .cover-participant-name {
    font-family: 'Open Sans';
}

#dw-report-cover-text .cover-report-name {
  string-set: report-name content();
  color: #a2a2a2;
}

#dw-report-cover-text .cover-date {
    string-set: survey-date content();
    color: #a2a2a2;
}

#footer-logo {
    prince-flow: static(footer, start);
    position: relative;
    width:100%;
    display: block !important;
}

#footer-logo  img  {
    position: absolute;
    height: 15px;
    top: -6px;
    right: 0px;
}

.ui-section-auto, .ui-section-fixed-250, .ui-section-fixed-200, .ui-section-fixed-400    {
    border: none;
}

.ui-section-inner.ui-section-fixed-400  {
    margin: 0;
    height:380px;
}

.ui-section-header  {
    margin-top:20px;
}

.ui-section-auto{
    max-height: none;
}

.ui-section-padded  {
    padding-left: 0;
    padding-top: 0;
}

.hide-pdf   {
    display:none;
}

.comment-page-break {
    page-break-after: always !important;
}

.comment-multiple {
    display: flex;
    flex-direction: row;
}

.comment-multiple div.comment-item {
    width: 50%;
}

.comment-multiple div.comment-item:first-child {
    border-right: 1px solid #c4c4c4;
    padding-right: 20px;
}

.comment-multiple div.comment-item:nth-child(2) {
    padding-left: 20px;
}

.comment-multiple {
    margin-top: 40px;
}

.comment-multiple h4.report-comment-title {
    margin-top: 0;
}

.comment-multiple .comment-item {
    margin-top: 0 !important;
}


tr, td  {
    page-break-inside: avoid !important;
}

.report-section table td, .report-section table th {
     text-overflow: unset;
     overflow: visible;
     white-space: normal;
}

@page cover-page {
    margin-bottom: 0;
    margin-top: .5in;
    margin-right: 0;
    margin-left: 0;
}


.report-section.intro-letter {
    margin: 25px .75in;
}
.report-section .intro-letter-photo {
    height: 175px;
}
div#top-right-header {
    display: block;
    flow: static(rightheader);
}
@page report-page {
    margin-bottom: .5in;
    margin-top: .75in;
    margin-right:.5in;
    margin-left: .5in;
    padding-bottom: .25in;
    padding-top: .125in;

    @top-left {
        content: string(participant-name)  " \A " string(page-name);
        font-family: 'Open Sans', sans-serif;
        color: #5e5e5e;
        font-size: 11px;
        white-space: pre-line;
        margin-top: .25in;
        border-bottom: 1px solid #c4c4c4;
    }

    @top-right {
        content: flow(rightheader);
        /* content: string(survey-name) " \A " string(survey-date); */
        font-family: 'Open Sans', sans-serif;
        color: #5e5e5e;
        font-size: 11px;
        white-space: pre-line;
        margin-top: 0;
        border-bottom: 1px solid #c4c4c4;
        text-align: right;
        width: 65%;
    }
    @top-center    {
        content : "";
        margin-top: .25in;
        border-bottom: 1px solid #c4c4c4;
    }


    @bottom-right {
        content: "";
        /*content: url("../images/dw-logo-accent.svg");*/
        font-family: 'Open Sans', sans-serif;
        color: #5e5e5e;
        font-size: 11px;
        background: none;
        text-align: right;
        margin-bottom: .25in;
        border-top: 1px solid #c4c4c4;
    }
    @bottom-center {
        content: "";
        background: none;
        margin-bottom: .25in;
        border-top: 1px solid #c4c4c4;
    }
    @bottom-left {
        background: none;
        content: "©Spectiv by DecisionWise";
        margin-bottom: .25in;
        font-family: 'Open Sans', sans-serif;
        color: #808080;
        font-size: 10px;
        border-top: 1px solid #c4c4c4;
    }

    @bottom-right-corner {
        background: none;
        content: flow(footer);
        margin-bottom: .25in;
        margin-right: 0.25in;
        border-top: 1px solid #c4c4c4;
    }

    @bottom-left-corner {
        background: none;
        margin-bottom: .25in;
        margin-left: 0.25in;
        content: counter(page);
        font-family: 'Open Sans', sans-serif;
        color: #78496a;
        font-weight: 600;
        font-size: 12px;
        text-align: left;
        border-top: 1px solid #c4c4c4;
    }

}