@medicus.ai/medicus-report-pdf-generator 1.3.13 → 1.3.15

package/assets/corporate_report/css/report.css

@@ -1,583 +1,583 @@
-html {
-    background: unset;
-    height: 100%;
-    width: 100%;
-    scroll-behavior: smooth;
-}
-
-body {
-    margin: 0;
-    padding: 0;
-    font-family: 'Open Sans', sans-serif;
-    width: 100%;
-    font-size: 16px;
-    overflow-x: hidden;
-    position: relative;
-    margin: auto;
-    float: left;
-}
-
-.page {
-    width: 21cm;
-    margin: auto;
-    position: relative;
-    box-sizing: border-box;
-    padding-top: 40px;
-    clear: both;
-    height: auto;
-    float: left;
-}
-
-.page:not(.first-page) {
-    page-break-inside: avoid;
-}
-
-.participant-analytics-section.single-section.page {
-    background-color: #fff;
-    margin-top: -65px;
-}
-
-.bottom-section {
-    display: block;
-    width: 100%;
-
-    float: left;
-}
-
-.page .relations-section-container {
-    display: block;
-    width: 100%;
-    page-break-inside: avoid;
-    float: left;
-}
-
-
-.first-page {
-    width: 21cm;
-    height: auto;
-    padding-left: 50px;
-    padding-top: 0.8in;
-    box-sizing: border-box;
-    background-color: transparent;
-    position: relative;
-    page-break-inside: avoid;
-}
-
-.page-footer {
-    font-family: 'Open Sans', sans-serif !important;
-    width: 21cm !important;
-    margin: auto !important;
-    padding: 0 50px;
-    box-sizing: border-box;
-    overflow: auto;
-    margin-bottom: 15px !important;
-}
-
-.first-page .logo {
-    width: 25%
-}
-
-.first-page .company-logo {
-    width: 10%;
-    float: right;
-    padding-right: 20px;
-}
-
-.report-header {
-    color: rgb(139, 139, 167);
-    font-size: 181%;
-    margin-top: 1.11%;
-}
-
-.cover-overlay-container {
-    float: right;
-    padding-right: 50px;
-    box-sizing: border-box;
-    width: 76%;
-    background-image: url(../images/cover-bg-default.png);
-    background-color: #fff;
-    background-size: cover;
-    margin-top: 0.8in;
-    height: 8.27in;
-    position: relative;
-
-}
-
-.cover-overlay-container.bionext {
-    background-image: url(../images/cover-bg-bionext.png);
-}
-
-.report-title {
-    font-size: 300%;
-    font-weight: 700;
-    float: right;
-    width: 75%;
-    margin-top: 62.1%;
-    text-align: right;
-    letter-spacing: -1.8px;
-    line-height: 1.14;
-    color: rgb(0, 0, 153);
-    display: block;
-}
-
-.report-date {
-    display: block;
-    float: right;
-    text-align: right;
-    font-size: 182%;
-    margin-top: 5.3%;
-    color: rgb(139, 139, 167);
-}
-
-.footer {
-    position: relative;
-    bottom: 0;
-    width: 100%;
-    padding-right: 50px;
-    box-sizing: border-box;
-    margin-top: -104px;
-    float: left;
-}
-
-.first-footer-logo {
-    position: relative;
-    width: 20%;
-    margin-right: 0;
-    float: right;
-    margin-top: 25px;
-}
-
-img {
-    width: 100%;
-    position: relative;
-}
-
-.second-footer-logo {
-    position: relative;
-    float: left;
-    margin-bottom: 0;
-    width: 79%;
-}
-
-.second-footer-logo img {
-    width: 25%;
-}
-
-.copyright-text {
-    font-size: 84%;
-    color: rgb(139, 139, 167);
-    line-height: 1;
-}
-
-/*second page*/
-.single-section {
-    padding-left: 50px;
-}
-
-.section-title {
-    display: block;
-    font-size: 202%;
-    font-weight: 600;
-    padding-bottom: 0.6%;
-    border-bottom: 3px solid rgb(0, 158, 226);
-    color: rgb(0, 0, 153);
-    text-indent: 1px;
-    margin-bottom: 4.4%;
-    padding-right: 50px;
-}
-
-.side-chart-container {
-    width: 46%;
-    display: inline-block;
-    margin-bottom: 5%;
-}
-
-.side-chart-container .chart_title {
-    text-align: center;
-    font-size: 179%;
-    color: rgb(139, 139, 167);
-}
-
-.side-chart.side-chart-with-border table {
-    width: 100%;
-    margin-top: 20px;
-    border-collapse: collapse;
-}
-
-.side-chart.side-chart-with-border table tr:first-child td {
-    padding-top: 13%
-}
-
-.side-chart.side-chart-with-border table tr:last-child td {
-    padding-bottom: 10% !important;
-}
-
-td.bar-title {
-    width: 35.7%;
-    border-left: 1px solid;
-    padding-left: 12px;
-    font-size: 86%;
-    color: rgb(139, 139, 167);
-
-}
-
-td.bar-title span {
-    padding-bottom: 10px;
-    display: block;
-    color: rgb(51, 51, 51);
-    text-align: right;
-    direction: ltr;
-    text-transform: capitalize
-}
-
-/*
-.participant-analytics-section .container .side-chart-container:nth-child(odd) .bar-title span {
-    text-align: left;
-}
-*/
-.side-chart.side-chart-with-border table tr.empty-tr {
-    height: 52px;
-}
-
-td {
-    border-spacing: 0;
-    vertical-align: revert;
-    padding: 0;
-}
-
-.container {
-    padding-right: 50px;
-    box-sizing: border-box;
-    width: 100%;
-}
-
-.bar-chart {
-    height: 31px;
-    margin-bottom: 7px;
-    max-width: 95%;
-    float: right;
-    border-top-left-radius: 20px;
-    border-bottom-left-radius: 20px;
-    text-indent: 15px;
-    padding-top: 5px;
-    box-sizing: border-box;
-    color: #fff;
-    font-size: 86%;
-    background: rgb(250, 145, 15);
-    min-width: 60px;
-}
-
-.participant-analytics-section .container .side-chart-container table {
-    direction: rtl;
-}
-
-.participant-analytics-section .container .side-chart-container table td.bar-title {
-    border-right: 1px solid;
-    border-left: 0;
-    padding-right: 13px;
-    padding-left: 0;
-}
-
-.participant-analytics-section .container .side-chart-container table .bar-chart {
-    float: left;
-    border-radius: 0 20px 20px 0;
-}
-
-/*other pages*/
-#page-0 {
-    background-repeat: no-repeat;
-    background-size: cover;
-    /*background: url(../../corporate_report/images/3.png);*/
-    background-size: 211mm;
-}
-
-.element-summary-container {
-    float: right;
-    width: 49%;
-    margin-top: -15px;
-    position: relative;
-}
-
-.element-summary-text {
-    font-size: 8.5px;
-    letter-spacing: -0.2px;
-    line-height: 1.6;
-    padding: 14px 16px;
-    box-sizing: border-box;
-    background: #e5f5fc;
-    display: block;
-    float: left;
-    width: 100%;
-    color: #333333;
-    z-index: 1;
-    position: relative;
-}
-
-.summary-bg {
-    position: relative;
-    left: 0;
-    right: 0;
-    width: 100%;
-    height: 34px;
-    border-style: none;
-    display: block;
-    float: left;
-    transform: skewY(-3deg);
-    background: #e5f5fc;
-    border-bottom-right-radius: 20px;
-    border-bottom-left-radius: 20px;
-    margin-top: -10px;
-}
-
-.other .section-title {
-    margin-bottom: 16px;
-}
-
-.other .container .side-chart-container table {
-    direction: rtl;
-}
-
-.other .side-chart.side-chart-with-border table {
-    margin-top: 0;
-}
-
-.other .container .side-chart-container {
-    float: left;
-    width: 51%;
-    margin-bottom: 0;
-}
-
-.other .container .side-chart-container table td.bar-title {
-    border-right: 1px solid;
-    border-left: 0;
-    padding-right: 13px;
-    padding-left: 0;
-}
-
-.other .container .side-chart-container table .bar-chart {
-    float: left;
-    border-radius: 0 20px 20px 0;
-}
-
-.other .side-chart.side-chart-with-border table tr td:last-child {
-    width: 43%;
-}
-
-.other .side-chart.side-chart-with-border table tr:first-child td {
-    padding-top: 4%;
-}
-
-.other .side-chart.side-chart-with-border table tr:last-child td {
-    padding-bottom: 2% !important;
-}
-
-.other .side-chart-container .chart_title {
-    text-align: left;
-    font-size: 100%;
-    margin-top: 10px;
-}
-
-.single-section td.bar-title {
-    font-size: 8.5px;
-}
-
-.relations-section {
-    width: 100%;
-    float: left;
-}
-
-.relations-section.relations-section-titles {
-    margin-top: 10px;
-}
-
-.relations-section .single-relation {
-    width: 30%;
-    float: left;
-    padding: 1% 1% 0% 1%;
-    box-sizing: border-box;
-    color: rgb(0, 0, 153);
-    margin-right: 3%;
-}
-
-.relations-section .single-relation:nth-child(4n) {
-    margin-right: 5%;
-    width: 30%;
-}
-
-.relation-title {
-    font-weight: 600;
-    font-size: 83%;
-    margin-bottom: 4px;
-    min-height: 2.3em;
-}
-
-.relation-content {
-    letter-spacing: -0.36px;
-    font-size: 78%;
-    line-height: 1.5;
-    padding-top: 6px;
-    padding-bottom: 20px;
-    background: #f2f2ff;
-    padding: 7px 8px 15px 8px;
-    box-sizing: border-box;
-    border-top: 1.5px solid rgba(0, 0, 153, 0.3);
-    border-bottom-right-radius: 20px;
-}
-
-.relations-section.relations-section-content .single-relation {
-    padding: 0;
-}
-
-.relation-content-bottom-bg {
-    position: relative;
-    left: 0;
-    right: 0;
-    width: 100%;
-    height: 10px;
-    background: #f2f2ff;
-    transform: skewY(3deg);
-    border-bottom-right-radius: 30px;
-    margin-top: -6px;
-    display: none;
-}
-
-table.data-by-gender {
-    width: 100%;
-    margin-top: 3%;
-    float: left;
-    text-align: left;
-    font-size: 91%;
-    border-spacing: 0;
-    margin-bottom: 6%;
-    page-break-inside: avoid;
-}
-
-table.data-by-gender tr th:first-child {
-    width: 20%;
-}
-
-table.data-by-gender tr td {
-    color: rgb(51, 51, 51);
-    font-size: 80%;
-}
-
-table.data-by-gender th {
-    color: rgb(139, 139, 167);
-    font-weight: 600;
-    border-bottom: 1px solid rgb(0, 0, 153);
-    border-spacing: 0;
-}
-
-table.data-by-gender tbody tr:first-child td {
-    color: rgb(139, 139, 167);
-    font-weight: 600;
-    font-size: 9px;
-}
-
-table.data-by-gender td, table.data-by-gender th {
-    padding: 4px;
-}
-
-table.data-by-gender tbody tr:nth-child(even) {
-    background-color: rgb(237, 237, 248);
-}
-
-table.data-by-gender tr td:last-child {
-    text-align: center;
-}
-
-.recommends-section {
-    width: 62%;
-    float: left;
-    margin-left: -50px;
-    padding-left: 50px;
-    padding-top: 3%;
-    padding-bottom: 5%;
-    background: rgba(0, 0, 153, 0.05);
-    transform: skewY(3deg);
-    border-top-right-radius: 20px;
-    border-bottom-right-radius: 20px;
-}
-
-.recommends-section-content {
-    transform: skewY(-3deg);
-}
-
-.recommends-title {
-    font-size: 84%;
-    color: rgb(0, 0, 153);
-    margin-bottom: 6px;
-    font-weight: 600;
-}
-
-.recommends-section ul {
-    padding: 0;
-    list-style: none;
-    color: rgb(0, 0, 153);
-    font-size: 72%;
-    letter-spacing: -0.36px;
-    margin: 0;
-    width: 95%;
-}
-
-.recommends-section li {
-    margin-bottom: 1%;
-}
-
-.recommends-section li img {
-    display: inline-block;
-    width: 14px;
-    margin-right: 7px;
-    vertical-align: top;
-}
-
-.recommends-section li span {
-    display: inline-block;
-    width: 86%;
-    vertical-align: middle;
-    line-height: 1.55;
-}
-
-.sources-section {
-    width: 36%;
-    float: right;
-    margin-top: 3.3%;
-    page-break-after: always;
-}
-
-.sources-title {
-    color: rgb(139, 139, 167);
-    font-weight: 600;
-    font-size: 82%;
-    margin-bottom: 3%;
-}
-
-.sources-section span {
-    font-size: 55%;
-    display: block;
-    margin-bottom: 1.5%;
-    color: rgb(51, 51, 51);
-    width: 100%;
-    position: relative;
-    clear: both;
-    float: left;
-}
-
-.sources-section a {
-    color: rgb(0, 158, 226);
-    line-height: 1.5;
-    text-decoration: none;
-    display: block;
-    cursor: pointer;
-    position: relative;
-    width: 100%;
-}
-
-.bar-chart.divide-bar {
-    height: 22px !important;
-    padding-top: 1px !important;
-}
-
-#page1:target + .page-footer {
-    display: none;
+html {
+    background: unset;
+    height: 100%;
+    width: 100%;
+    scroll-behavior: smooth;
+}
+
+body {
+    margin: 0;
+    padding: 0;
+    font-family: 'Open Sans', sans-serif;
+    width: 100%;
+    font-size: 16px;
+    overflow-x: hidden;
+    position: relative;
+    margin: auto;
+    float: left;
+}
+
+.page {
+    width: 21cm;
+    margin: auto;
+    position: relative;
+    box-sizing: border-box;
+    padding-top: 40px;
+    clear: both;
+    height: auto;
+    float: left;
+}
+
+.page:not(.first-page) {
+    page-break-inside: avoid;
+}
+
+.participant-analytics-section.single-section.page {
+    background-color: #fff;
+    margin-top: -65px;
+}
+
+.bottom-section {
+    display: block;
+    width: 100%;
+
+    float: left;
+}
+
+.page .relations-section-container {
+    display: block;
+    width: 100%;
+    page-break-inside: avoid;
+    float: left;
+}
+
+
+.first-page {
+    width: 21cm;
+    height: auto;
+    padding-left: 50px;
+    padding-top: 0.8in;
+    box-sizing: border-box;
+    background-color: transparent;
+    position: relative;
+    page-break-inside: avoid;
+}
+
+.page-footer {
+    font-family: 'Open Sans', sans-serif !important;
+    width: 21cm !important;
+    margin: auto !important;
+    padding: 0 50px;
+    box-sizing: border-box;
+    overflow: auto;
+    margin-bottom: 15px !important;
+}
+
+.first-page .logo {
+    width: 25%
+}
+
+.first-page .company-logo {
+    width: 10%;
+    float: right;
+    padding-right: 20px;
+}
+
+.report-header {
+    color: rgb(139, 139, 167);
+    font-size: 181%;
+    margin-top: 1.11%;
+}
+
+.cover-overlay-container {
+    float: right;
+    padding-right: 50px;
+    box-sizing: border-box;
+    width: 76%;
+    background-image: url(../images/cover-bg-default.png);
+    background-color: #fff;
+    background-size: cover;
+    margin-top: 0.8in;
+    height: 8.27in;
+    position: relative;
+
+}
+
+.cover-overlay-container.bionext {
+    background-image: url(../images/cover-bg-bionext.png);
+}
+
+.report-title {
+    font-size: 300%;
+    font-weight: 700;
+    float: right;
+    width: 75%;
+    margin-top: 62.1%;
+    text-align: right;
+    letter-spacing: -1.8px;
+    line-height: 1.14;
+    color: rgb(0, 0, 153);
+    display: block;
+}
+
+.report-date {
+    display: block;
+    float: right;
+    text-align: right;
+    font-size: 182%;
+    margin-top: 5.3%;
+    color: rgb(139, 139, 167);
+}
+
+.footer {
+    position: relative;
+    bottom: 0;
+    width: 100%;
+    padding-right: 50px;
+    box-sizing: border-box;
+    margin-top: -104px;
+    float: left;
+}
+
+.first-footer-logo {
+    position: relative;
+    width: 20%;
+    margin-right: 0;
+    float: right;
+    margin-top: 25px;
+}
+
+img {
+    width: 100%;
+    position: relative;
+}
+
+.second-footer-logo {
+    position: relative;
+    float: left;
+    margin-bottom: 0;
+    width: 79%;
+}
+
+.second-footer-logo img {
+    width: 25%;
+}
+
+.copyright-text {
+    font-size: 84%;
+    color: rgb(139, 139, 167);
+    line-height: 1;
+}
+
+/*second page*/
+.single-section {
+    padding-left: 50px;
+}
+
+.section-title {
+    display: block;
+    font-size: 202%;
+    font-weight: 600;
+    padding-bottom: 0.6%;
+    border-bottom: 3px solid rgb(0, 158, 226);
+    color: rgb(0, 0, 153);
+    text-indent: 1px;
+    margin-bottom: 4.4%;
+    padding-right: 50px;
+}
+
+.side-chart-container {
+    width: 46%;
+    display: inline-block;
+    margin-bottom: 5%;
+}
+
+.side-chart-container .chart_title {
+    text-align: center;
+    font-size: 179%;
+    color: rgb(139, 139, 167);
+}
+
+.side-chart.side-chart-with-border table {
+    width: 100%;
+    margin-top: 20px;
+    border-collapse: collapse;
+}
+
+.side-chart.side-chart-with-border table tr:first-child td {
+    padding-top: 13%
+}
+
+.side-chart.side-chart-with-border table tr:last-child td {
+    padding-bottom: 10% !important;
+}
+
+td.bar-title {
+    width: 35.7%;
+    border-left: 1px solid;
+    padding-left: 12px;
+    font-size: 86%;
+    color: rgb(139, 139, 167);
+
+}
+
+td.bar-title span {
+    padding-bottom: 10px;
+    display: block;
+    color: rgb(51, 51, 51);
+    text-align: right;
+    direction: ltr;
+    text-transform: capitalize
+}
+
+/*
+.participant-analytics-section .container .side-chart-container:nth-child(odd) .bar-title span {
+    text-align: left;
+}
+*/
+.side-chart.side-chart-with-border table tr.empty-tr {
+    height: 52px;
+}
+
+td {
+    border-spacing: 0;
+    vertical-align: revert;
+    padding: 0;
+}
+
+.container {
+    padding-right: 50px;
+    box-sizing: border-box;
+    width: 100%;
+}
+
+.bar-chart {
+    height: 31px;
+    margin-bottom: 7px;
+    max-width: 95%;
+    float: right;
+    border-top-left-radius: 20px;
+    border-bottom-left-radius: 20px;
+    text-indent: 15px;
+    padding-top: 5px;
+    box-sizing: border-box;
+    color: #fff;
+    font-size: 86%;
+    background: rgb(250, 145, 15);
+    min-width: 60px;
+}
+
+.participant-analytics-section .container .side-chart-container table {
+    direction: rtl;
+}
+
+.participant-analytics-section .container .side-chart-container table td.bar-title {
+    border-right: 1px solid;
+    border-left: 0;
+    padding-right: 13px;
+    padding-left: 0;
+}
+
+.participant-analytics-section .container .side-chart-container table .bar-chart {
+    float: left;
+    border-radius: 0 20px 20px 0;
+}
+
+/*other pages*/
+#page-0 {
+    background-repeat: no-repeat;
+    background-size: cover;
+    /*background: url(../../corporate_report/images/3.png);*/
+    background-size: 211mm;
+}
+
+.element-summary-container {
+    float: right;
+    width: 49%;
+    margin-top: -15px;
+    position: relative;
+}
+
+.element-summary-text {
+    font-size: 8.5px;
+    letter-spacing: -0.2px;
+    line-height: 1.6;
+    padding: 14px 16px;
+    box-sizing: border-box;
+    background: #e5f5fc;
+    display: block;
+    float: left;
+    width: 100%;
+    color: #333333;
+    z-index: 1;
+    position: relative;
+}
+
+.summary-bg {
+    position: relative;
+    left: 0;
+    right: 0;
+    width: 100%;
+    height: 34px;
+    border-style: none;
+    display: block;
+    float: left;
+    transform: skewY(-3deg);
+    background: #e5f5fc;
+    border-bottom-right-radius: 20px;
+    border-bottom-left-radius: 20px;
+    margin-top: -10px;
+}
+
+.other .section-title {
+    margin-bottom: 16px;
+}
+
+.other .container .side-chart-container table {
+    direction: rtl;
+}
+
+.other .side-chart.side-chart-with-border table {
+    margin-top: 0;
+}
+
+.other .container .side-chart-container {
+    float: left;
+    width: 51%;
+    margin-bottom: 0;
+}
+
+.other .container .side-chart-container table td.bar-title {
+    border-right: 1px solid;
+    border-left: 0;
+    padding-right: 13px;
+    padding-left: 0;
+}
+
+.other .container .side-chart-container table .bar-chart {
+    float: left;
+    border-radius: 0 20px 20px 0;
+}
+
+.other .side-chart.side-chart-with-border table tr td:last-child {
+    width: 43%;
+}
+
+.other .side-chart.side-chart-with-border table tr:first-child td {
+    padding-top: 4%;
+}
+
+.other .side-chart.side-chart-with-border table tr:last-child td {
+    padding-bottom: 2% !important;
+}
+
+.other .side-chart-container .chart_title {
+    text-align: left;
+    font-size: 100%;
+    margin-top: 10px;
+}
+
+.single-section td.bar-title {
+    font-size: 8.5px;
+}
+
+.relations-section {
+    width: 100%;
+    float: left;
+}
+
+.relations-section.relations-section-titles {
+    margin-top: 10px;
+}
+
+.relations-section .single-relation {
+    width: 30%;
+    float: left;
+    padding: 1% 1% 0% 1%;
+    box-sizing: border-box;
+    color: rgb(0, 0, 153);
+    margin-right: 3%;
+}
+
+.relations-section .single-relation:nth-child(4n) {
+    margin-right: 5%;
+    width: 30%;
+}
+
+.relation-title {
+    font-weight: 600;
+    font-size: 83%;
+    margin-bottom: 4px;
+    min-height: 2.3em;
+}
+
+.relation-content {
+    letter-spacing: -0.36px;
+    font-size: 78%;
+    line-height: 1.5;
+    padding-top: 6px;
+    padding-bottom: 20px;
+    background: #f2f2ff;
+    padding: 7px 8px 15px 8px;
+    box-sizing: border-box;
+    border-top: 1.5px solid rgba(0, 0, 153, 0.3);
+    border-bottom-right-radius: 20px;
+}
+
+.relations-section.relations-section-content .single-relation {
+    padding: 0;
+}
+
+.relation-content-bottom-bg {
+    position: relative;
+    left: 0;
+    right: 0;
+    width: 100%;
+    height: 10px;
+    background: #f2f2ff;
+    transform: skewY(3deg);
+    border-bottom-right-radius: 30px;
+    margin-top: -6px;
+    display: none;
+}
+
+table.data-by-gender {
+    width: 100%;
+    margin-top: 3%;
+    float: left;
+    text-align: left;
+    font-size: 91%;
+    border-spacing: 0;
+    margin-bottom: 6%;
+    page-break-inside: avoid;
+}
+
+table.data-by-gender tr th:first-child {
+    width: 20%;
+}
+
+table.data-by-gender tr td {
+    color: rgb(51, 51, 51);
+    font-size: 80%;
+}
+
+table.data-by-gender th {
+    color: rgb(139, 139, 167);
+    font-weight: 600;
+    border-bottom: 1px solid rgb(0, 0, 153);
+    border-spacing: 0;
+}
+
+table.data-by-gender tbody tr:first-child td {
+    color: rgb(139, 139, 167);
+    font-weight: 600;
+    font-size: 9px;
+}
+
+table.data-by-gender td, table.data-by-gender th {
+    padding: 4px;
+}
+
+table.data-by-gender tbody tr:nth-child(even) {
+    background-color: rgb(237, 237, 248);
+}
+
+table.data-by-gender tr td:last-child {
+    text-align: center;
+}
+
+.recommends-section {
+    width: 62%;
+    float: left;
+    margin-left: -50px;
+    padding-left: 50px;
+    padding-top: 3%;
+    padding-bottom: 5%;
+    background: rgba(0, 0, 153, 0.05);
+    transform: skewY(3deg);
+    border-top-right-radius: 20px;
+    border-bottom-right-radius: 20px;
+}
+
+.recommends-section-content {
+    transform: skewY(-3deg);
+}
+
+.recommends-title {
+    font-size: 84%;
+    color: rgb(0, 0, 153);
+    margin-bottom: 6px;
+    font-weight: 600;
+}
+
+.recommends-section ul {
+    padding: 0;
+    list-style: none;
+    color: rgb(0, 0, 153);
+    font-size: 72%;
+    letter-spacing: -0.36px;
+    margin: 0;
+    width: 95%;
+}
+
+.recommends-section li {
+    margin-bottom: 1%;
+}
+
+.recommends-section li img {
+    display: inline-block;
+    width: 14px;
+    margin-right: 7px;
+    vertical-align: top;
+}
+
+.recommends-section li span {
+    display: inline-block;
+    width: 86%;
+    vertical-align: middle;
+    line-height: 1.55;
+}
+
+.sources-section {
+    width: 36%;
+    float: right;
+    margin-top: 3.3%;
+    page-break-after: always;
+}
+
+.sources-title {
+    color: rgb(139, 139, 167);
+    font-weight: 600;
+    font-size: 82%;
+    margin-bottom: 3%;
+}
+
+.sources-section span {
+    font-size: 55%;
+    display: block;
+    margin-bottom: 1.5%;
+    color: rgb(51, 51, 51);
+    width: 100%;
+    position: relative;
+    clear: both;
+    float: left;
+}
+
+.sources-section a {
+    color: rgb(0, 158, 226);
+    line-height: 1.5;
+    text-decoration: none;
+    display: block;
+    cursor: pointer;
+    position: relative;
+    width: 100%;
+}
+
+.bar-chart.divide-bar {
+    height: 22px !important;
+    padding-top: 1px !important;
+}
+
+#page1:target + .page-footer {
+    display: none;
 }