From d38f31e8bedd6bf7781a5323f6d7e3d412ef6508 Mon Sep 17 00:00:00 2001
From: Peter Hrvatin <peter.hrvatin@gmail.com>
Date: Sun, 1 May 2022 16:26:29 +0200
Subject: [PATCH] Redesign - porocilo po meri - predogled

---
 .../classes/class.SurveyCustomReport.php      |   8 +-
 admin/survey/script/cReport.js                |  10 +-
 public/css/admin_new.css                      | 245 +++++++++++++-----
 .../pages/survey_analysis/basic.scss          |   3 +-
 4 files changed, 195 insertions(+), 71 deletions(-)
diff --git a/admin/survey/classes/class.SurveyCustomReport.php b/admin/survey/classes/class.SurveyCustomReport.php
index 9e3afc1e7..47cc857fd 100644
--- a/admin/survey/classes/class.SurveyCustomReport.php
+++ b/admin/survey/classes/class.SurveyCustomReport.php
@@ -2350,7 +2350,7 @@ class SurveyCustomReport {
 		// prikaz previewja
 		if($_GET['a'] == 'report_preview'){
 
-			echo '<h1 style="text-align: center; margin-top: 20px;">'.$lang['export_analisys_creport'].': '.SurveyInfo::getInstance()->getSurveyTitle().'</h1>';
+			echo '<h1 style="text-align: center; margin: 32px 0;">'.$lang['export_analisys_creport'].': '.SurveyInfo::getInstance()->getSurveyTitle().'</h1>';
 		
 			$this->setUpReturnAsHtml(false);
 			$this->setUpIsForArchive(true);
@@ -2359,10 +2359,8 @@ class SurveyCustomReport {
 		
 			$this->displayReport();
 			
-			echo '<div id="navigationBottom" class="printHide">';
-			echo '<span class="floatRight spaceRight"><div class="buttonwrapper"><a class="ovalbutton ovalbutton_orange" href="#" onclick="window.close(); return false;"><span>'.$lang['srv_zapri'].'</span></a></div></span>';
-			//echo '<span class="floatRight spaceRight"><div class="buttonwrapper"><a class="ovalbutton ovalbutton_gray" href="#" onclick="window.print();return false;"><span><img src="icons/icons/printer.png" alt="'.$lang['hour_print2'].'" vartical-align="middle" />'.$lang['hour_print2'].'</span></a></div></span>';
-			echo '<div class="clr"></div>';
+			echo '<div id="navigationBottom" class="button_holder below float-right printHide">';
+			echo '  <button class="medium blue" onclick="window.close(); return false;">'.$lang['srv_zapri'].'</button>';
 			echo '</div>';
 		}
 		
diff --git a/admin/survey/script/cReport.js b/admin/survey/script/cReport.js
index 6f469b29d..5c7c47ca0 100644
--- a/admin/survey/script/cReport.js
+++ b/admin/survey/script/cReport.js
@@ -445,15 +445,11 @@ function showCReportPreview() {
 		
 		recipe.document.write('<html><head><title>Predogled poro&#269;ila po meri</title>');
 		
-		recipe.document.write('<link rel="stylesheet" href="css/style_font.css">');
-		recipe.document.write('<link rel="stylesheet" href="css/style_basic.css">');
-		recipe.document.write('<link rel="stylesheet" href="css/style_main.css">');
-		recipe.document.write('<link rel="stylesheet" href="css/style_new2.css">');
-		recipe.document.write('<link rel="stylesheet" href="css/print.css">');
+		recipe.document.write('<link rel="stylesheet" href="minify/g=css">');
 		recipe.document.write('<link rel="stylesheet" href="css/style_print.css" media="print">');
-		
+
 		recipe.document.write('<style>');
-		recipe.document.write('.container {margin-bottom:45px;} #navigationBottom {width: 100%; background-color: #f2f2f2; border-top: 1px solid gray; height:25px; padding: 10px 30px 10px 0px !important; position: fixed; bottom: 0; left: 0; right: 0; z-index: 1000;}');
+		recipe.document.write('ul{margin: 16px; padding: 0; list-style-type: none;} li{margin:16px 0;} .container {margin-bottom:45px;} #navigationBottom {width: 100%; margin-bottom: 16px; padding-right: 16px;}');
 		recipe.document.write('</style>');
 		
 		recipe.document.write('</head><body>');
diff --git a/public/css/admin_new.css b/public/css/admin_new.css
index 3318a442a..1df490a20 100644
--- a/public/css/admin_new.css
+++ b/public/css/admin_new.css
@@ -24727,7 +24727,8 @@ and open the template in the editor.
 #div_means_data .div_analiza_holder,
 #div_break_data .div_analiza_holder,
 #ttestResults .div_analiza_holder,
-.subpage_analysis_creport .div_analiza_holder {
+.subpage_analysis_creport .div_analiza_holder,
+.report_element_data .div_analiza_holder {
   display: flex;
   flex-direction: column;
   overflow-x: auto;
@@ -24737,7 +24738,8 @@ and open the template in the editor.
 #div_means_data .div_analiza_holder .analiza_table_top_settings,
 #div_break_data .div_analiza_holder .analiza_table_top_settings,
 #ttestResults .div_analiza_holder .analiza_table_top_settings,
-.subpage_analysis_creport .div_analiza_holder .analiza_table_top_settings {
+.subpage_analysis_creport .div_analiza_holder .analiza_table_top_settings,
+.report_element_data .div_analiza_holder .analiza_table_top_settings {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -24749,7 +24751,8 @@ and open the template in the editor.
 #div_means_data .div_analiza_holder .analiza_table_top_settings .div_analiza_icons,
 #div_break_data .div_analiza_holder .analiza_table_top_settings .div_analiza_icons,
 #ttestResults .div_analiza_holder .analiza_table_top_settings .div_analiza_icons,
-.subpage_analysis_creport .div_analiza_holder .analiza_table_top_settings .div_analiza_icons {
+.subpage_analysis_creport .div_analiza_holder .analiza_table_top_settings .div_analiza_icons,
+.report_element_data .div_analiza_holder .analiza_table_top_settings .div_analiza_icons {
   opacity: 0;
   filter: alpha(opacity=0);
 }
@@ -24757,14 +24760,16 @@ and open the template in the editor.
 #div_means_data .div_analiza_holder .analiza_table_top_settings .div_analiza_icons .faicon:before,
 #div_break_data .div_analiza_holder .analiza_table_top_settings .div_analiza_icons .faicon:before,
 #ttestResults .div_analiza_holder .analiza_table_top_settings .div_analiza_icons .faicon:before,
-.subpage_analysis_creport .div_analiza_holder .analiza_table_top_settings .div_analiza_icons .faicon:before {
+.subpage_analysis_creport .div_analiza_holder .analiza_table_top_settings .div_analiza_icons .faicon:before,
+.report_element_data .div_analiza_holder .analiza_table_top_settings .div_analiza_icons .faicon:before {
   font-size: 20px;
 }
 #div_analiza_data:not(.anal_arch) .div_analiza_holder .analiza_table_top_settings .div_analiza_icons .print_small:before,
 #div_means_data .div_analiza_holder .analiza_table_top_settings .div_analiza_icons .print_small:before,
 #div_break_data .div_analiza_holder .analiza_table_top_settings .div_analiza_icons .print_small:before,
 #ttestResults .div_analiza_holder .analiza_table_top_settings .div_analiza_icons .print_small:before,
-.subpage_analysis_creport .div_analiza_holder .analiza_table_top_settings .div_analiza_icons .print_small:before {
+.subpage_analysis_creport .div_analiza_holder .analiza_table_top_settings .div_analiza_icons .print_small:before,
+.report_element_data .div_analiza_holder .analiza_table_top_settings .div_analiza_icons .print_small:before {
   cursor: pointer;
   color: #1E88E5;
 }
@@ -24782,7 +24787,10 @@ and open the template in the editor.
 #ttestResults .div_analiza_holder .freq-p_holder,
 .subpage_analysis_creport .div_analiza_holder .enote-navedbe_holder,
 .subpage_analysis_creport .div_analiza_holder .div_analiza_scale,
-.subpage_analysis_creport .div_analiza_holder .freq-p_holder {
+.subpage_analysis_creport .div_analiza_holder .freq-p_holder,
+.report_element_data .div_analiza_holder .enote-navedbe_holder,
+.report_element_data .div_analiza_holder .div_analiza_scale,
+.report_element_data .div_analiza_holder .freq-p_holder {
   display: inline;
   margin-left: 16px;
 }
@@ -24800,7 +24808,10 @@ and open the template in the editor.
 #ttestResults .div_analiza_holder .freq-p_holder button,
 .subpage_analysis_creport .div_analiza_holder .enote-navedbe_holder button,
 .subpage_analysis_creport .div_analiza_holder .div_analiza_scale button,
-.subpage_analysis_creport .div_analiza_holder .freq-p_holder button {
+.subpage_analysis_creport .div_analiza_holder .freq-p_holder button,
+.report_element_data .div_analiza_holder .enote-navedbe_holder button,
+.report_element_data .div_analiza_holder .div_analiza_scale button,
+.report_element_data .div_analiza_holder .freq-p_holder button {
   cursor: pointer;
   box-sizing: border-box;
   padding: 4px 16px;
@@ -24828,7 +24839,10 @@ and open the template in the editor.
 #ttestResults .div_analiza_holder .freq-p_holder button:first-child,
 .subpage_analysis_creport .div_analiza_holder .enote-navedbe_holder button:first-child,
 .subpage_analysis_creport .div_analiza_holder .div_analiza_scale button:first-child,
-.subpage_analysis_creport .div_analiza_holder .freq-p_holder button:first-child {
+.subpage_analysis_creport .div_analiza_holder .freq-p_holder button:first-child,
+.report_element_data .div_analiza_holder .enote-navedbe_holder button:first-child,
+.report_element_data .div_analiza_holder .div_analiza_scale button:first-child,
+.report_element_data .div_analiza_holder .freq-p_holder button:first-child {
   border-radius: 2px 0px 0px 2px;
   border-right: 1px #1E88E5 solid !important;
 }
@@ -24846,7 +24860,10 @@ and open the template in the editor.
 #ttestResults .div_analiza_holder .freq-p_holder button:nth-child(2),
 .subpage_analysis_creport .div_analiza_holder .enote-navedbe_holder button:nth-child(2),
 .subpage_analysis_creport .div_analiza_holder .div_analiza_scale button:nth-child(2),
-.subpage_analysis_creport .div_analiza_holder .freq-p_holder button:nth-child(2) {
+.subpage_analysis_creport .div_analiza_holder .freq-p_holder button:nth-child(2),
+.report_element_data .div_analiza_holder .enote-navedbe_holder button:nth-child(2),
+.report_element_data .div_analiza_holder .div_analiza_scale button:nth-child(2),
+.report_element_data .div_analiza_holder .freq-p_holder button:nth-child(2) {
   border-radius: 0px 2px 2px 0px;
   border-left: 0 !important;
 }
@@ -24878,7 +24895,13 @@ and open the template in the editor.
 .subpage_analysis_creport .div_analiza_holder .div_analiza_scale button.active,
 .subpage_analysis_creport .div_analiza_holder .div_analiza_scale button:hover,
 .subpage_analysis_creport .div_analiza_holder .freq-p_holder button.active,
-.subpage_analysis_creport .div_analiza_holder .freq-p_holder button:hover {
+.subpage_analysis_creport .div_analiza_holder .freq-p_holder button:hover,
+.report_element_data .div_analiza_holder .enote-navedbe_holder button.active,
+.report_element_data .div_analiza_holder .enote-navedbe_holder button:hover,
+.report_element_data .div_analiza_holder .div_analiza_scale button.active,
+.report_element_data .div_analiza_holder .div_analiza_scale button:hover,
+.report_element_data .div_analiza_holder .freq-p_holder button.active,
+.report_element_data .div_analiza_holder .freq-p_holder button:hover {
   color: #1E88E5;
   background-color: #EAF9FE;
   border-color: #1E88E5;
@@ -24897,7 +24920,10 @@ and open the template in the editor.
 #ttestResults .div_analiza_holder .freq-p_holder button.single,
 .subpage_analysis_creport .div_analiza_holder .enote-navedbe_holder button.single,
 .subpage_analysis_creport .div_analiza_holder .div_analiza_scale button.single,
-.subpage_analysis_creport .div_analiza_holder .freq-p_holder button.single {
+.subpage_analysis_creport .div_analiza_holder .freq-p_holder button.single,
+.report_element_data .div_analiza_holder .enote-navedbe_holder button.single,
+.report_element_data .div_analiza_holder .div_analiza_scale button.single,
+.report_element_data .div_analiza_holder .freq-p_holder button.single {
   cursor: auto;
   border-radius: 2px;
 }
@@ -24905,7 +24931,8 @@ and open the template in the editor.
 #div_means_data .div_analiza_holder .div_analiza_scale,
 #div_break_data .div_analiza_holder .div_analiza_scale,
 #ttestResults .div_analiza_holder .div_analiza_scale,
-.subpage_analysis_creport .div_analiza_holder .div_analiza_scale {
+.subpage_analysis_creport .div_analiza_holder .div_analiza_scale,
+.report_element_data .div_analiza_holder .div_analiza_scale {
   opacity: 0;
   filter: alpha(opacity=0);
 }
@@ -24913,21 +24940,24 @@ and open the template in the editor.
 #div_means_data .div_analiza_holder .div_analiza_scale a,
 #div_break_data .div_analiza_holder .div_analiza_scale a,
 #ttestResults .div_analiza_holder .div_analiza_scale a,
-.subpage_analysis_creport .div_analiza_holder .div_analiza_scale a {
+.subpage_analysis_creport .div_analiza_holder .div_analiza_scale a,
+.report_element_data .div_analiza_holder .div_analiza_scale a {
   text-decoration: none;
 }
 #div_analiza_data:not(.anal_arch) .div_analiza_holder .div_other_text,
 #div_means_data .div_analiza_holder .div_other_text,
 #div_break_data .div_analiza_holder .div_other_text,
 #ttestResults .div_analiza_holder .div_other_text,
-.subpage_analysis_creport .div_analiza_holder .div_other_text {
+.subpage_analysis_creport .div_analiza_holder .div_other_text,
+.report_element_data .div_analiza_holder .div_other_text {
   margin-top: 32px;
 }
 #div_analiza_data:not(.anal_arch) table,
 #div_means_data table,
 #div_break_data table,
 #ttestResults table,
-.subpage_analysis_creport table {
+.subpage_analysis_creport table,
+.report_element_data table {
   width: 100%;
   margin: 0;
 }
@@ -24935,7 +24965,8 @@ and open the template in the editor.
 #div_means_data table tr,
 #div_break_data table tr,
 #ttestResults table tr,
-.subpage_analysis_creport table tr {
+.subpage_analysis_creport table tr,
+.report_element_data table tr {
   height: auto;
 }
 #div_analiza_data:not(.anal_arch) table tr th,
@@ -24947,7 +24978,9 @@ and open the template in the editor.
 #ttestResults table tr th,
 #ttestResults table tr td,
 .subpage_analysis_creport table tr th,
-.subpage_analysis_creport table tr td {
+.subpage_analysis_creport table tr td,
+.report_element_data table tr th,
+.report_element_data table tr td {
   box-sizing: border-box;
   padding: 18px;
   font-size: 14px;
@@ -24965,7 +24998,9 @@ and open the template in the editor.
 #ttestResults table tr th span,
 #ttestResults table tr td span,
 .subpage_analysis_creport table tr th span,
-.subpage_analysis_creport table tr td span {
+.subpage_analysis_creport table tr td span,
+.report_element_data table tr th span,
+.report_element_data table tr td span {
   font-size: 14px;
   line-height: 18px;
 }
@@ -25005,7 +25040,15 @@ and open the template in the editor.
 .subpage_analysis_creport table tr td span.span_navedbe a,
 .subpage_analysis_creport table tr td span.img_analysis_p a,
 .subpage_analysis_creport table tr td span.img_analysis_f a,
-.subpage_analysis_creport table tr td span.img_analysis_f_p a {
+.subpage_analysis_creport table tr td span.img_analysis_f_p a,
+.report_element_data table tr th span.span_navedbe a,
+.report_element_data table tr th span.img_analysis_p a,
+.report_element_data table tr th span.img_analysis_f a,
+.report_element_data table tr th span.img_analysis_f_p a,
+.report_element_data table tr td span.span_navedbe a,
+.report_element_data table tr td span.img_analysis_p a,
+.report_element_data table tr td span.img_analysis_f a,
+.report_element_data table tr td span.img_analysis_f_p a {
   color: #333333;
   text-decoration: none;
 }
@@ -25045,7 +25088,15 @@ and open the template in the editor.
 .subpage_analysis_creport table tr td span.span_navedbe a span,
 .subpage_analysis_creport table tr td span.img_analysis_p a span,
 .subpage_analysis_creport table tr td span.img_analysis_f a span,
-.subpage_analysis_creport table tr td span.img_analysis_f_p a span {
+.subpage_analysis_creport table tr td span.img_analysis_f_p a span,
+.report_element_data table tr th span.span_navedbe a span,
+.report_element_data table tr th span.img_analysis_p a span,
+.report_element_data table tr th span.img_analysis_f a span,
+.report_element_data table tr th span.img_analysis_f_p a span,
+.report_element_data table tr td span.span_navedbe a span,
+.report_element_data table tr td span.img_analysis_p a span,
+.report_element_data table tr td span.img_analysis_f a span,
+.report_element_data table tr td span.img_analysis_f_p a span {
   font-weight: 400;
 }
 #div_analiza_data:not(.anal_arch) table tr th span.span_navedbe a span.blue, #div_analiza_data:not(.anal_arch) table tr th span.img_analysis_p a span.blue, #div_analiza_data:not(.anal_arch) table tr th span.img_analysis_f a span.blue, #div_analiza_data:not(.anal_arch) table tr th span.img_analysis_f_p a span.blue,
@@ -25084,7 +25135,15 @@ and open the template in the editor.
 .subpage_analysis_creport table tr td span.span_navedbe a span.blue,
 .subpage_analysis_creport table tr td span.img_analysis_p a span.blue,
 .subpage_analysis_creport table tr td span.img_analysis_f a span.blue,
-.subpage_analysis_creport table tr td span.img_analysis_f_p a span.blue {
+.subpage_analysis_creport table tr td span.img_analysis_f_p a span.blue,
+.report_element_data table tr th span.span_navedbe a span.blue,
+.report_element_data table tr th span.img_analysis_p a span.blue,
+.report_element_data table tr th span.img_analysis_f a span.blue,
+.report_element_data table tr th span.img_analysis_f_p a span.blue,
+.report_element_data table tr td span.span_navedbe a span.blue,
+.report_element_data table tr td span.img_analysis_p a span.blue,
+.report_element_data table tr td span.img_analysis_f a span.blue,
+.report_element_data table tr td span.img_analysis_f_p a span.blue {
   color: #1E88E5;
 }
 #div_analiza_data:not(.anal_arch) table tr th span.span_navedbe a span.active, #div_analiza_data:not(.anal_arch) table tr th span.img_analysis_p a span.active, #div_analiza_data:not(.anal_arch) table tr th span.img_analysis_f a span.active, #div_analiza_data:not(.anal_arch) table tr th span.img_analysis_f_p a span.active,
@@ -25123,7 +25182,15 @@ and open the template in the editor.
 .subpage_analysis_creport table tr td span.span_navedbe a span.active,
 .subpage_analysis_creport table tr td span.img_analysis_p a span.active,
 .subpage_analysis_creport table tr td span.img_analysis_f a span.active,
-.subpage_analysis_creport table tr td span.img_analysis_f_p a span.active {
+.subpage_analysis_creport table tr td span.img_analysis_f_p a span.active,
+.report_element_data table tr th span.span_navedbe a span.active,
+.report_element_data table tr th span.img_analysis_p a span.active,
+.report_element_data table tr th span.img_analysis_f a span.active,
+.report_element_data table tr th span.img_analysis_f_p a span.active,
+.report_element_data table tr td span.span_navedbe a span.active,
+.report_element_data table tr td span.img_analysis_p a span.active,
+.report_element_data table tr td span.img_analysis_f a span.active,
+.report_element_data table tr td span.img_analysis_f_p a span.active {
   font-weight: 600;
 }
 #div_analiza_data:not(.anal_arch) table tr th.cell_icons,
@@ -25135,7 +25202,9 @@ and open the template in the editor.
 #ttestResults table tr th.cell_icons,
 #ttestResults table tr td.cell_icons,
 .subpage_analysis_creport table tr th.cell_icons,
-.subpage_analysis_creport table tr td.cell_icons {
+.subpage_analysis_creport table tr td.cell_icons,
+.report_element_data table tr th.cell_icons,
+.report_element_data table tr td.cell_icons {
   width: 110px;
   padding-top: 8px;
   padding-bottom: 8px;
@@ -25150,7 +25219,9 @@ and open the template in the editor.
 #ttestResults table tr th.cell_var,
 #ttestResults table tr td.cell_var,
 .subpage_analysis_creport table tr th.cell_var,
-.subpage_analysis_creport table tr td.cell_var {
+.subpage_analysis_creport table tr td.cell_var,
+.report_element_data table tr th.cell_var,
+.report_element_data table tr td.cell_var {
   width: 110px;
   min-width: 110px;
   text-align: center;
@@ -25164,7 +25235,9 @@ and open the template in the editor.
 #ttestResults table tr th.cell_var a,
 #ttestResults table tr td.cell_var a,
 .subpage_analysis_creport table tr th.cell_var a,
-.subpage_analysis_creport table tr td.cell_var a {
+.subpage_analysis_creport table tr td.cell_var a,
+.report_element_data table tr th.cell_var a,
+.report_element_data table tr td.cell_var a {
   color: #333333;
   text-decoration: none;
 }
@@ -25177,7 +25250,9 @@ and open the template in the editor.
 #ttestResults table tr th.cell_question,
 #ttestResults table tr td.cell_question,
 .subpage_analysis_creport table tr th.cell_question,
-.subpage_analysis_creport table tr td.cell_question {
+.subpage_analysis_creport table tr td.cell_question,
+.report_element_data table tr th.cell_question,
+.report_element_data table tr td.cell_question {
   width: auto;
   text-align: left;
 }
@@ -25190,7 +25265,9 @@ and open the template in the editor.
 #ttestResults table tr th.cell_subquestion,
 #ttestResults table tr td.cell_subquestion,
 .subpage_analysis_creport table tr th.cell_subquestion,
-.subpage_analysis_creport table tr td.cell_subquestion {
+.subpage_analysis_creport table tr td.cell_subquestion,
+.report_element_data table tr th.cell_subquestion,
+.report_element_data table tr td.cell_subquestion {
   width: 260px;
 }
 #div_analiza_data:not(.anal_arch) table tr th.cell_info,
@@ -25202,7 +25279,9 @@ and open the template in the editor.
 #ttestResults table tr th.cell_info,
 #ttestResults table tr td.cell_info,
 .subpage_analysis_creport table tr th.cell_info,
-.subpage_analysis_creport table tr td.cell_info {
+.subpage_analysis_creport table tr td.cell_info,
+.report_element_data table tr th.cell_info,
+.report_element_data table tr td.cell_info {
   width: 115px;
   text-align: left;
 }
@@ -25215,7 +25294,9 @@ and open the template in the editor.
 #ttestResults table tr th.cell_value,
 #ttestResults table tr td.cell_value,
 .subpage_analysis_creport table tr th.cell_value,
-.subpage_analysis_creport table tr td.cell_value {
+.subpage_analysis_creport table tr td.cell_value,
+.report_element_data table tr th.cell_value,
+.report_element_data table tr td.cell_value {
   width: 115px;
   text-align: right;
 }
@@ -25228,7 +25309,9 @@ and open the template in the editor.
 #ttestResults table tr th.cell_noVerBorder,
 #ttestResults table tr td.cell_noVerBorder,
 .subpage_analysis_creport table tr th.cell_noVerBorder,
-.subpage_analysis_creport table tr td.cell_noVerBorder {
+.subpage_analysis_creport table tr td.cell_noVerBorder,
+.report_element_data table tr th.cell_noVerBorder,
+.report_element_data table tr td.cell_noVerBorder {
   border-top: 0 !important;
   border-bottom: 0 !important;
 }
@@ -25241,7 +25324,9 @@ and open the template in the editor.
 #ttestResults table tr th.cell_noBorder,
 #ttestResults table tr td.cell_noBorder,
 .subpage_analysis_creport table tr th.cell_noBorder,
-.subpage_analysis_creport table tr td.cell_noBorder {
+.subpage_analysis_creport table tr td.cell_noBorder,
+.report_element_data table tr th.cell_noBorder,
+.report_element_data table tr td.cell_noBorder {
   border: 0 !important;
 }
 #div_analiza_data:not(.anal_arch) table tr th.cell_empty,
@@ -25253,7 +25338,9 @@ and open the template in the editor.
 #ttestResults table tr th.cell_empty,
 #ttestResults table tr td.cell_empty,
 .subpage_analysis_creport table tr th.cell_empty,
-.subpage_analysis_creport table tr td.cell_empty {
+.subpage_analysis_creport table tr td.cell_empty,
+.report_element_data table tr th.cell_empty,
+.report_element_data table tr td.cell_empty {
   background-color: #FFFFFF !important;
   border: 0 !important;
 }
@@ -25266,7 +25353,9 @@ and open the template in the editor.
 #ttestResults table tr th.cell_space,
 #ttestResults table tr td.cell_space,
 .subpage_analysis_creport table tr th.cell_space,
-.subpage_analysis_creport table tr td.cell_space {
+.subpage_analysis_creport table tr td.cell_space,
+.report_element_data table tr th.cell_space,
+.report_element_data table tr td.cell_space {
   padding: 0;
   line-height: 8px;
   background-color: #FFFFFF !important;
@@ -25281,7 +25370,9 @@ and open the template in the editor.
 #ttestResults table tr th.cell_noPadding,
 #ttestResults table tr td.cell_noPadding,
 .subpage_analysis_creport table tr th.cell_noPadding,
-.subpage_analysis_creport table tr td.cell_noPadding {
+.subpage_analysis_creport table tr td.cell_noPadding,
+.report_element_data table tr th.cell_noPadding,
+.report_element_data table tr td.cell_noPadding {
   padding: 0 !important;
 }
 #div_analiza_data:not(.anal_arch) table tr th table.cell_table,
@@ -25293,7 +25384,9 @@ and open the template in the editor.
 #ttestResults table tr th table.cell_table,
 #ttestResults table tr td table.cell_table,
 .subpage_analysis_creport table tr th table.cell_table,
-.subpage_analysis_creport table tr td table.cell_table {
+.subpage_analysis_creport table tr td table.cell_table,
+.report_element_data table tr th table.cell_table,
+.report_element_data table tr td table.cell_table {
   width: 100%;
 }
 #div_analiza_data:not(.anal_arch) table tr th table.cell_table tr td,
@@ -25305,7 +25398,9 @@ and open the template in the editor.
 #ttestResults table tr th table.cell_table tr td,
 #ttestResults table tr td table.cell_table tr td,
 .subpage_analysis_creport table tr th table.cell_table tr td,
-.subpage_analysis_creport table tr td table.cell_table tr td {
+.subpage_analysis_creport table tr td table.cell_table tr td,
+.report_element_data table tr th table.cell_table tr td,
+.report_element_data table tr td table.cell_table tr td {
   padding: 4px 16px;
   text-align: center;
   border: 0;
@@ -25319,7 +25414,9 @@ and open the template in the editor.
 #ttestResults table tr th table.cell_table tr:first-of-type td,
 #ttestResults table tr td table.cell_table tr:first-of-type td,
 .subpage_analysis_creport table tr th table.cell_table tr:first-of-type td,
-.subpage_analysis_creport table tr td table.cell_table tr:first-of-type td {
+.subpage_analysis_creport table tr td table.cell_table tr:first-of-type td,
+.report_element_data table tr th table.cell_table tr:first-of-type td,
+.report_element_data table tr td table.cell_table tr:first-of-type td {
   border-bottom: 1px #E5E5E5 dashed;
 }
 #div_analiza_data:not(.anal_arch) table tr.row1 th,
@@ -25331,7 +25428,9 @@ and open the template in the editor.
 #ttestResults table tr.row1 th,
 #ttestResults table tr.row1 td,
 .subpage_analysis_creport table tr.row1 th,
-.subpage_analysis_creport table tr.row1 td {
+.subpage_analysis_creport table tr.row1 td,
+.report_element_data table tr.row1 th,
+.report_element_data table tr.row1 td {
   font-size: 16px;
   font-weight: 600;
   line-height: 20px;
@@ -25346,7 +25445,9 @@ and open the template in the editor.
 #ttestResults table tr.row1 th span,
 #ttestResults table tr.row1 td span,
 .subpage_analysis_creport table tr.row1 th span,
-.subpage_analysis_creport table tr.row1 td span {
+.subpage_analysis_creport table tr.row1 td span,
+.report_element_data table tr.row1 th span,
+.report_element_data table tr.row1 td span {
   font-size: 16px;
   font-weight: 600;
   line-height: 20px;
@@ -25360,7 +25461,9 @@ and open the template in the editor.
 #ttestResults table tr.row2 th,
 #ttestResults table tr.row2 td,
 .subpage_analysis_creport table tr.row2 th,
-.subpage_analysis_creport table tr.row2 td {
+.subpage_analysis_creport table tr.row2 td,
+.report_element_data table tr.row2 th,
+.report_element_data table tr.row2 td {
   font-size: 15px;
   font-weight: 600;
   line-height: 19px;
@@ -25375,7 +25478,9 @@ and open the template in the editor.
 #ttestResults table tr.row2 th span,
 #ttestResults table tr.row2 td span,
 .subpage_analysis_creport table tr.row2 th span,
-.subpage_analysis_creport table tr.row2 td span {
+.subpage_analysis_creport table tr.row2 td span,
+.report_element_data table tr.row2 th span,
+.report_element_data table tr.row2 td span {
   font-size: 15px;
   font-weight: 600;
   line-height: 19px;
@@ -25389,7 +25494,9 @@ and open the template in the editor.
 #ttestResults table tr.row2 th.cell_value,
 #ttestResults table tr.row2 td.cell_value,
 .subpage_analysis_creport table tr.row2 th.cell_value,
-.subpage_analysis_creport table tr.row2 td.cell_value {
+.subpage_analysis_creport table tr.row2 td.cell_value,
+.report_element_data table tr.row2 th.cell_value,
+.report_element_data table tr.row2 td.cell_value {
   text-align: right;
   white-space: nowrap;
 }
@@ -25411,7 +25518,11 @@ and open the template in the editor.
 .subpage_analysis_creport table tr.row3 th,
 .subpage_analysis_creport table tr.row3 td,
 .subpage_analysis_creport table tr.row4 th,
-.subpage_analysis_creport table tr.row4 td {
+.subpage_analysis_creport table tr.row4 td,
+.report_element_data table tr.row3 th,
+.report_element_data table tr.row3 td,
+.report_element_data table tr.row4 th,
+.report_element_data table tr.row4 td {
   background-color: #F8F8F8;
 }
 #div_analiza_data:not(.anal_arch) table tr.row3 th.cell_grid,
@@ -25432,7 +25543,11 @@ and open the template in the editor.
 .subpage_analysis_creport table tr.row3 th.cell_grid,
 .subpage_analysis_creport table tr.row3 td.cell_grid,
 .subpage_analysis_creport table tr.row4 th.cell_grid,
-.subpage_analysis_creport table tr.row4 td.cell_grid {
+.subpage_analysis_creport table tr.row4 td.cell_grid,
+.report_element_data table tr.row3 th.cell_grid,
+.report_element_data table tr.row3 td.cell_grid,
+.report_element_data table tr.row4 th.cell_grid,
+.report_element_data table tr.row4 td.cell_grid {
   height: 52px;
   padding-top: 8px;
   padding-bottom: 8px;
@@ -25443,7 +25558,8 @@ and open the template in the editor.
 #div_means_data table tr.row_question td,
 #div_break_data table tr.row_question td,
 #ttestResults table tr.row_question td,
-.subpage_analysis_creport table tr.row_question td {
+.subpage_analysis_creport table tr.row_question td,
+.report_element_data table tr.row_question td {
   font-weight: 600;
   background-color: #F2F2F2;
 }
@@ -25451,35 +25567,40 @@ and open the template in the editor.
 #div_means_data table tr.row_missing td,
 #div_break_data table tr.row_missing td,
 #ttestResults table tr.row_missing td,
-.subpage_analysis_creport table tr.row_missing td {
+.subpage_analysis_creport table tr.row_missing td,
+.report_element_data table tr.row_missing td {
   background: rgba(255, 199, 0, 0.05);
 }
 #div_analiza_data:not(.anal_arch) table tr.row_missing.row_sum td,
 #div_means_data table tr.row_missing.row_sum td,
 #div_break_data table tr.row_missing.row_sum td,
 #ttestResults table tr.row_missing.row_sum td,
-.subpage_analysis_creport table tr.row_missing.row_sum td {
+.subpage_analysis_creport table tr.row_missing.row_sum td,
+.report_element_data table tr.row_missing.row_sum td {
   background: rgba(255, 199, 0, 0.05);
 }
 #div_analiza_data:not(.anal_arch) table tr.row_sum td,
 #div_means_data table tr.row_sum td,
 #div_break_data table tr.row_sum td,
 #ttestResults table tr.row_sum td,
-.subpage_analysis_creport table tr.row_sum td {
+.subpage_analysis_creport table tr.row_sum td,
+.report_element_data table tr.row_sum td {
   background: rgba(255, 199, 0, 0.05);
 }
 #div_analiza_data:not(.anal_arch) table tr.row_sum td.cell_missing,
 #div_means_data table tr.row_sum td.cell_missing,
 #div_break_data table tr.row_sum td.cell_missing,
 #ttestResults table tr.row_sum td.cell_missing,
-.subpage_analysis_creport table tr.row_sum td.cell_missing {
+.subpage_analysis_creport table tr.row_sum td.cell_missing,
+.report_element_data table tr.row_sum td.cell_missing {
   text-align: center;
 }
 #div_analiza_data:not(.anal_arch) table tr.row_sum td.cell_missing span,
 #div_means_data table tr.row_sum td.cell_missing span,
 #div_break_data table tr.row_sum td.cell_missing span,
 #ttestResults table tr.row_sum td.cell_missing span,
-.subpage_analysis_creport table tr.row_sum td.cell_missing span {
+.subpage_analysis_creport table tr.row_sum td.cell_missing span,
+.report_element_data table tr.row_sum td.cell_missing span {
   cursor: pointer;
   color: #1E88E5;
   transition: 0.2s;
@@ -25488,56 +25609,64 @@ and open the template in the editor.
 #div_means_data table tr.row_sum td.cell_missing span:hover,
 #div_break_data table tr.row_sum td.cell_missing span:hover,
 #ttestResults table tr.row_sum td.cell_missing span:hover,
-.subpage_analysis_creport table tr.row_sum td.cell_missing span:hover {
+.subpage_analysis_creport table tr.row_sum td.cell_missing span:hover,
+.report_element_data table tr.row_sum td.cell_missing span:hover {
   color: #0059ab;
 }
 #div_analiza_data:not(.anal_arch) table tr.row_sum td.cell_missing span:hover .faicon:before,
 #div_means_data table tr.row_sum td.cell_missing span:hover .faicon:before,
 #div_break_data table tr.row_sum td.cell_missing span:hover .faicon:before,
 #ttestResults table tr.row_sum td.cell_missing span:hover .faicon:before,
-.subpage_analysis_creport table tr.row_sum td.cell_missing span:hover .faicon:before {
+.subpage_analysis_creport table tr.row_sum td.cell_missing span:hover .faicon:before,
+.report_element_data table tr.row_sum td.cell_missing span:hover .faicon:before {
   color: #0059ab;
 }
 #div_analiza_data:not(.anal_arch) table tr.row_sum td.cell_missing span .faicon,
 #div_means_data table tr.row_sum td.cell_missing span .faicon,
 #div_break_data table tr.row_sum td.cell_missing span .faicon,
 #ttestResults table tr.row_sum td.cell_missing span .faicon,
-.subpage_analysis_creport table tr.row_sum td.cell_missing span .faicon {
+.subpage_analysis_creport table tr.row_sum td.cell_missing span .faicon,
+.report_element_data table tr.row_sum td.cell_missing span .faicon {
   margin-right: 8px;
 }
 #div_analiza_data:not(.anal_arch) table tr.row_sum td.cell_missing span .faicon:before,
 #div_means_data table tr.row_sum td.cell_missing span .faicon:before,
 #div_break_data table tr.row_sum td.cell_missing span .faicon:before,
 #ttestResults table tr.row_sum td.cell_missing span .faicon:before,
-.subpage_analysis_creport table tr.row_sum td.cell_missing span .faicon:before {
+.subpage_analysis_creport table tr.row_sum td.cell_missing span .faicon:before,
+.report_element_data table tr.row_sum td.cell_missing span .faicon:before {
   font-size: 12px;
 }
 #div_analiza_data:not(.anal_arch) table tr.row_sum_all td,
 #div_means_data table tr.row_sum_all td,
 #div_break_data table tr.row_sum_all td,
 #ttestResults table tr.row_sum_all td,
-.subpage_analysis_creport table tr.row_sum_all td {
+.subpage_analysis_creport table tr.row_sum_all td,
+.report_element_data table tr.row_sum_all td {
   background: rgba(255, 199, 0, 0.1);
 }
 #div_analiza_data:not(.anal_arch) table tr.row_sum_all td.cell_var,
 #div_means_data table tr.row_sum_all td.cell_var,
 #div_break_data table tr.row_sum_all td.cell_var,
 #ttestResults table tr.row_sum_all td.cell_var,
-.subpage_analysis_creport table tr.row_sum_all td.cell_var {
+.subpage_analysis_creport table tr.row_sum_all td.cell_var,
+.report_element_data table tr.row_sum_all td.cell_var {
   border-right: 0;
 }
 #div_analiza_data:not(.anal_arch) table tr.row_sum_all td.cell_question,
 #div_means_data table tr.row_sum_all td.cell_question,
 #div_break_data table tr.row_sum_all td.cell_question,
 #ttestResults table tr.row_sum_all td.cell_question,
-.subpage_analysis_creport table tr.row_sum_all td.cell_question {
+.subpage_analysis_creport table tr.row_sum_all td.cell_question,
+.report_element_data table tr.row_sum_all td.cell_question {
   border-left: 0;
 }
 #div_analiza_data:not(.anal_arch) table tr.row_bottom td,
 #div_means_data table tr.row_bottom td,
 #div_break_data table tr.row_bottom td,
 #ttestResults table tr.row_bottom td,
-.subpage_analysis_creport table tr.row_bottom td {
+.subpage_analysis_creport table tr.row_bottom td,
+.report_element_data table tr.row_bottom td {
   background-color: #F8F8F8;
 }
 
diff --git a/resources/sass/admin_new/pages/survey_analysis/basic.scss b/resources/sass/admin_new/pages/survey_analysis/basic.scss
index f2d424b24..8fe3eb15e 100644
--- a/resources/sass/admin_new/pages/survey_analysis/basic.scss
+++ b/resources/sass/admin_new/pages/survey_analysis/basic.scss
@@ -2,7 +2,8 @@
 #div_means_data,
 #div_break_data,
 #ttestResults,
-.subpage_analysis_creport{
+.subpage_analysis_creport,
+.report_element_data{
 
     .div_analiza_holder {
         display: flex;
