body{background:#e6e6e6;margin:0;}
body.report-PDF{background-color:transparent;}

/* ------------------------- FONTS - START ------------------------- */
@font-face {font-family: "Poor Richard V2";
  src: url("fonts/poor-richard.eot"); /* IE9*/
  src: url("fonts/poor-richard.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("fonts/poor-richard.woff2") format("woff2"), /* chrome、firefox */
  url("fonts/poor-richard.woff") format("woff"), /* chrome、firefox */
  url("fonts/poor-richard.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("fonts/poor-richard.svg#Poor Richard V2") format("svg"); /* iOS 4.1- */
}
@font-face {font-family: "Goudy Old Style";
  src: url("fonts/goudy-old-style.eot"); /* IE9*/
  src: url("fonts/goudy-old-style.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("fonts/goudy-old-style.woff2") format("woff2"), /* chrome、firefox */
  url("fonts/goudy-old-style.woff") format("woff"), /* chrome、firefox */
  url("fonts/goudy-old-style.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("fonts/goudy-old-style.svg#Goudy Old Style") format("svg"); /* iOS 4.1- */
}
@font-face {font-family: "Goudy Old Style Bold";
  src: url("fonts/Goudy Old Style Bold.eot"); /* IE9*/
  src: url("fonts/Goudy Old Style Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("fonts/Goudy Old Style Bold.woff2") format("woff2"), /* chrome、firefox */
  url("fonts/Goudy Old Style Bold.woff") format("woff"), /* chrome、firefox */
  url("fonts/Goudy Old Style Bold.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("fonts/Goudy Old Style Bold.svg#Goudy Old Style Bold") format("svg"); /* iOS 4.1- */
}
@font-face {font-family: "Goudy Old Style Bold BT";
  src: url("fonts/Goudy Old Style Bold BT.eot"); /* IE9*/
  src: url("fonts/Goudy Old Style Bold BT.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("fonts/Goudy Old Style Bold BT.woff2") format("woff2"), /* chrome、firefox */
  url("fonts/Goudy Old Style Bold BT.woff") format("woff"), /* chrome、firefox */
  url("fonts/Goudy Old Style Bold BT.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("fonts/Goudy Old Style Bold BT.svg#Goudy Old Style Bold BT") format("svg"); /* iOS 4.1- */
}

.arial-font{font-family:Arial, Helvetica, sans-serif !important; font-size:1.05rem;}
.font-gos{font-family: "Goudy Old Style" !important;}
.font-gosb{font-family: "Goudy Old Style Bold" !important;}
.font-gosbBT{font-family: "Goudy Old Style Bold BT" !important;}
/* ------------------------- FONTS - END ------------------------- */


/* ------------------------- OTHERS - START ------------------------- */
hr{margin:1.5rem 0;}
.text-primary, .text-purple{color:#542989 !important;}
.bg-light{background:#ebeff7 !important;}
.form-control.form-control-MD{border-color:#333; border-bottom-width:2px;}
/* ------------------------- OTHERS - END ------------------------- */


/* ------------------------- PDF ACTION - START ------------------------- */
.pdf-action{position:fixed; right:10px; top:10px; z-index:1;}
.pdf-action .action-btn{font-size:20px; color:#222; text-decoration: none;}
/* ------------------------- PDF ACTION - END ------------------------- */


/* ------------------------- LIST - START ------------------------- */
ul,ol{padding-left:1rem;}
@media (min-width: 992px) {
    ul,ol{padding-left:2rem;}
}
.list-star > li li{list-style:disc}
.list-star > li.purple-star-list-style{list-style:url(../images/purple-star.png);}

ul.ul-flex li{display:-ms-flexbox !important; display:flex !important;}
ul.ul-flex li span.list-style1{padding-right:.3rem;}
/* ------------------------- LIST - END ------------------------- */


/* ------------------------- TEXT/FONT - START ------------------------- */
h1, .h1, .font-h1{font-size:2.7rem !important;}
h2, .h2, .font-h2{font-size:2.1rem !important;}
h3, .h3, .font-h3{font-size:2.05rem !important;}
h4, .h4, .font-h4{font-size:1.8rem !important;}
h5, .h5, .font-h5{font-size:1.55rem !important;}
h6, .h6, .font-h6{font-size:1.3rem !important;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .font-h1, .font-h2, .font-h3, .font-h4, .font-h5, .font-h6{font-family:"Goudy Old Style";}
small, .small{font-size:75% !important;}
/* ------------------------- TEXT/FONT - END ------------------------- */


/* ------------------------- REPORT - START ------------------------- */
.pdf-container{background:#fff; width:1250px; height:1768px; margin:10px auto; padding:2rem 4rem; font-family:"Goudy Old Style"; font-size:1.61rem; color:#333; font-style:normal; font-weight:normal; line-height:1.20; position:relative; overflow:hidden;}

@media (max-width: 991.98px) {
   /* .pdf-container{padding-left:2rem; padding-right:2rem;}*/
}

.index-page{font-size:1.8rem; margin-left:20px; margin-right:20px;}
.index-dot-bar{border-bottom:4px dotted #222; margin:0 7px; height:85%; min-width:50px;}
.welcome-title{font-family: "Poor Richard V2"; font-size:4rem; line-height:3rem; font-weight: normal;}
.result-title1{font-family: "Poor Richard V2"; font-size:95%; letter-spacing:1px; text-transform:uppercase; font-weight:bold;}

.pdf-container .header-title{position:relative;  text-align:center; padding:35px 110px; padding-left:150px; margin-bottom:.8rem;}
.pdf-container .header-title:before{content:" "; position:absolute; left:0; right:0; height:6px; top:50%; transform: translate(0, -50%); background:#542989;}
.pdf-container .header-title:after{background:url(../images/report/header-logo.png) no-repeat center center; background-size:110px; content:" "; position:absolute; left:90px; top:50%; transform:translate(-50%,-50%); width:110px; height:110px;}
.pdf-container .header-title .title{font-family:"Poor Richard V2"; color:#111; background:#fff; display:inline-block; position:relative; padding:0 10px; font-weight:bold; /*font-size:1.9rem;*/ font-size:2.1rem; letter-spacing:1px;}
.pdf-container .header-title .title.title2{font-size:2.6rem;}

.pdf-container .content-body{padding:0 30px;}
.pdf-container .row-section{margin-left:-3rem; margin-right:-3rem;}

.pdf-container .page-num{position:absolute; left:5rem; right:5rem; bottom:3rem; font-size:1.60rem; margin:1.5rem -20px 0; display:-ms-flexbox !important;  display:flex !important; -ms-flex-pack: justify !important;  justify-content: space-between !important; -ms-flex-align:center !important; align-items:center !important;}
.pdf-container .page-num .line-divider{height:4px; background:#542989;  -ms-flex-positive: 1 !important;   flex-grow: 1 !important; margin:0 15px;}
.pdf-container .page-num .text-box{}

.pdf-container .footer-text1{display:inline-block; color:#542989; padding:2px 20px; border-top:1px solid #542989; border-bottom:1px solid #542989; font-size:2rem; margin-top:2rem;}
.pdf-container .footer-text2{font-size:2rem; color:#542989;}
.pdf-container .category-title{font-family: "Goudy Old Style Bold"; font-weight:bold; color:#fff; background:#8ba4d4; border:1px solid #542989; border-radius:30px; text-align:center; text-transform:uppercase; margin-bottom:1.8rem; font-size:1.85rem; letter-spacing:3px;}
/* ------------------------- REPORT - END ------------------------- */


/* ------------------------- REPORT GRAPH - START ------------------------- */
.result-graph-title{padding-right:130px;}
.result-graph-title .title-divider{padding:5px 2px; margin-bottom:15px; line-height:1; border-bottom:1px solid #111;}
.result-graph-title .title-divider:before, .result-graph-title .title-divider:after{content:''; position:absolute; bottom:-4px; right:0; width:1px; height:7px;
border-left:1px solid #111;}


.result-graph:not(.horz-bar-graph-section){margin-bottom:.6rem; padding-right:130px;}
.result-graph.result-graph-lg:not(.horz-bar-graph-section){padding-right:250px;}

.result-graph .result-graph-bar{height:30px; position:relative;}
.result-graph .result-graph-bar.result-graph-bar-sm{height:20px;}
.result-graph .result-graph-bar.result-graph-bar-sm .result-text{line-height:1;}
.result-graph .result-graph-bar.very-high{background:#40ae49 url(../images/report/very-high-graph.png) repeat left top;}
.result-graph .result-graph-bar.high{background:#c0da73 url(../images/report/high-graph.png) repeat left top;}
.result-graph .result-graph-bar.moderate{background:#fec210 url(../images/report/moderate-graph.png) repeat left top;}
.result-graph .result-graph-bar.low{background:#f48b98 url(../images/report/low-graph.png) repeat left top;}
.result-graph .result-graph-bar.very-low{background:#ff2e17 url(../images/report/low-graph.png) repeat left top;}
.result-graph .result-graph-bar.red{background:#ff2e17 url(../images/report/arrow-graph.png) repeat left top;}

.result-graph .result-graph-bar.very-high2{background:#40ae49;}
.result-graph .result-graph-bar.high2{background:#c0da73;}
.result-graph .result-graph-bar.moderate2{background:#fec210;}
.result-graph .result-graph-bar.low2{background:#f48b98;}
.result-graph .result-graph-bar.very-low2{background:#ee1d23;}
.result-graph .result-graph-bar.very-low3 {background: #c53135;}

.result-graph .result-text{padding-left:.5rem; font-size:1.2rem; font-family:Arial, Helvetica, sans-serif; font-weight:bold; position:absolute; left:100%; line-height:1.6; min-width: 130px; white-space:nowrap;}


.result-bar-graph{}
.result-bar-graph .inner{ display:-ms-flexbox !important; display:flex !important; -ms-flex-align: end!important; align-items:flex-end!important;}
.result-bar-graph .steps{height:120px;}
.result-bar-graph.result-bar-graph-sm .steps{height:22px;}
.result-bar-graph .steps.last-step{height:10px;}

.result-bar-graph .left-title-bar{padding-bottom:20px; word-break:break-word !important; overflow-wrap:break-word !important; width:14px; padding-top:70px; line-height:25px; display:-ms-flexbox !important; display:flex !important;}
.result-bar-graph .left-parameter{padding-right:20px; text-align:right; border-right:1px solid #aaa; margin-top:-10px; width:145px;}
.result-bar-graph .left-parameter.left-parameter-sm{width:80px;} /* SM parameter */
.result-bar-graph .right-graph-box{position:relative; -ms-flex-positive:1 !important; flex-grow:1 !important;  width: calc(100% - 100px);}
.result-bar-graph .right-graph-box .graph-box{position:relative;}
.result-bar-graph .right-graph-box .graph-box .horz-bar-graph-line{border-top:1px solid #aaa; margin-left:-10px;}
.result-bar-graph .horz-bar-graph-section{position:absolute; left:10px; top:0; right:10px; bottom:10px; margin:0; display:-ms-flexbox !important; display:flex !important; -ms-flex-align: end!important; align-items:flex-end!important; -ms-flex-pack:center !important; justify-content:center !important;}
.result-bar-graph .horz-bar-graph-section .bar-graph{-ms-flex:0 0 70px; flex: 0 0 70px; max-width:70px; float:left; margin:0 35px; position:relative;}
.result-bar-graph .horz-bar-graph-section .bar-graph-text{display:block; position:absolute; top:100%; left: 0; right: 0; margin:0 -35px; padding-top:5px;}
.result-bar-graph .horz-bar-graph-section .bar-graph-text-top{display:block; position:absolute; bottom:100%; left:0; right:0; margin:0 -35px; text-align:center; padding-bottom:5px;}


.box-graph-section{text-align:center; /*width:600px;*/ margin: 0 auto;}
.box-graph-section-scroll{}
@media (max-width: 767.98px) {
.box-graph-section-scroll{position:relative; overflow-x:auto;}
}
.box-graph-section .left-title-bar{padding-bottom:20px; word-break:break-word !important; overflow-wrap:break-word !important; width:14px; padding-top:70px; line-height:25px; display:-ms-flexbox !important; display:flex !important;}
.box-graph-section .right-color-sample{padding-left:20px; text-align:left;}
.box-graph-section .bottom-title-bar{padding-left:92px; letter-spacing:10px;}
.box-graph-section .box-graph-section{display:inline-block;}
.box-graph-section .box-graph{width:136px; height:75px; margin:1px; padding:3px; float:left; border:1px solid #666; text-align:center; text-transform:uppercase; line-height:1.1; font-weight: bold; display:-ms-flexbox !important; display:flex !important; -ms-flex-align: center!important; align-items:center!important; background:#ff8a9d; -ms-flex-pack: center!important; justify-content:center!important;}
.box-graph-section.box-graph-section-lg .box-graph{height:100px;} /* LG - Large box */
.box-graph-section .box-graph.balanced{background:#bedc7a;}
.box-graph-section .box-graph.mid-range{background:#ffe196;}
.box-graph-section .box-graph.title-box{width:136px; background:none; border:none; padding:0; /*text-transform:none;*/}


.bar-graph-text{text-align:center; /*font-size:90%;*/ font-weight:bold; line-height:normal;}
/* ------------------------- REPORT GRAPH - END ------------------------- */



/* ------------------------- PDF REPORT - START ------------------------- */
.pdf-converter-container .pdf-container{width:1250px; max-width:1250px; height:1768px; /*font-size:1.54rem;*/ margin:0 auto;}
/*.pdf-converter-container .pdf-container h1, .pdf-converter-container .pdf-container .h1, .pdf-converter-container .pdf-container .font-h1{font-size:2.8rem;}*/
/*.pdf-converter-container .pdf-container h2, .pdf-converter-container .pdf-container .h2, .pdf-converter-container .pdf-container .font-h2{font-size:2.3rem;}*/
/*.pdf-converter-container .pdf-container h3, .pdf-converter-container .pdf-container .h3, .pdf-converter-container .pdf-container .font-h3{font-size:2.05rem;}*/
/*.pdf-converter-container .pdf-container h4, .pdf-converter-container .pdf-container .h4, .pdf-converter-container .pdf-container .font-h4{font-size:1.8rem;}*/
/*.pdf-converter-container .pdf-container h5, .pdf-converter-container .pdf-container .h5, .pdf-converter-container .pdf-container .font-h5{font-size:1.55rem;}*/
/*.pdf-converter-container .pdf-container h6, .pdf-converter-container .pdf-container .h6, .pdf-converter-container .pdf-container .font-h6{font-size:1.3rem;}*/
/*.pdf-converter-container .pdf-container .index-page{font-size:1.85rem;}*/
/*.pdf-converter-container .pdf-container .footer-text1{font-size:2.2rem;}
.pdf-converter-container .pdf-container .footer-text2{font-size:2.2rem;}*/
/*.pdf-converter-container .pdf-container .category-title{font-size:1.85rem;}*/
/*.pdf-converter-container .pdf-container .result-graph .result-text{font-size:1.2rem;}*/
/*.pdf-converter-container .pdf-container .header-title .title{font-size:2.1rem;}*/
/*.pdf-converter-container .pdf-container .header-title .title.title2{font-size:2.6rem;}*/
/*.pdf-converter-container .pdf-container .arial-font{font-size:1.05rem;}*/

@media print{
    @page{margin: 0mm;}
    body{margin:0;}
}
/* ------------------------- PDF REPORT - END ------------------------- */