From 0d5ac194d5d7008e7d9929f16bf47158392cce11 Mon Sep 17 00:00:00 2001
From: Peter Hrvatin <peter.hrvatin@gmail.com>
Date: Mon, 6 Jun 2022 09:54:54 +0200
Subject: [PATCH 01/10] Redesign - popravki napak - analize, grafi

---
 admin/survey/SurveyAdmin.php                  |  2 +-
 .../classes/class.SurveyCustomReport.php      |  4 +-
 .../survey/classes/class.SurveyStaticHtml.php | 15 +++----
 .../surveyAnalysis/class.SurveyAnalysis.php   | 18 ++++-----
 .../surveyAnalysis/class.SurveyChart.php      |  5 +--
 admin/survey/script/script_analiza.js         | 20 ++++++++--
 public/css/admin_new.css                      | 39 ++++++++++++-------
 .../sass/admin_new/basic/icons/export.scss    | 13 ++++---
 .../pages/survey_analysis/basic.scss          | 10 +++--
 .../pages/survey_analysis/page_charts.scss    |  4 ++
 10 files changed, 80 insertions(+), 50 deletions(-)

diff --git a/admin/survey/SurveyAdmin.php b/admin/survey/SurveyAdmin.php
index 4383aff66..64083c785 100644
--- a/admin/survey/SurveyAdmin.php
+++ b/admin/survey/SurveyAdmin.php
@@ -4175,7 +4175,7 @@ class SurveyAdmin
                 echo '<a href="#" onClick="printAnaliza(\'Grafi\'); return false;"' . $lan_print . ' class="srv_ico"><span class="hover_export_icon"><span class="faicon print"></span></span>' . $lang['srv_export_hover_print'] . '</a>';
                 echo '<a href="' . makeEncodedIzvozUrlString('izvoz.php?b=export&m=charts&anketa=' . $this->anketa) . '" target="_blank"' . $lan_pdf . ' class="srv_ico '.(!$userAccess->checkUserAccess('analysis_charts') ? 'user_access_locked' : '').'" user-access="analysis_charts"><span class="hover_export_icon"><span class="faicon pdf black very_large"></span></span>' . $lang['srv_export_hover_pdf'] . '</a>';
                 echo '<a href="' . makeEncodedIzvozUrlString('izvoz.php?b=export&m=charts_rtf&anketa=' . $this->anketa) . '" target="_blank"' . $lan_rtf . ' class="srv_ico '.(!$userAccess->checkUserAccess('analysis_charts') ? 'user_access_locked' : '').'" user-access="analysis_charts"><span class="hover_export_icon"><span class="faicon rtf black very_large"></span></span>' . $lang['srv_export_hover_rtf'] . '</a>';
-                echo '<a href="' . makeEncodedIzvozUrlString('izvoz.php?b=export&m=charts_ppt&anketa=' . $this->anketa) . '" target="_blank"' . $lan_ppt . ' class="srv_ico '.(!$userAccess->checkUserAccess('analysis_charts') ? 'user_access_locked' : '').'" user-access="analysis_charts"><span class="hover_export_icon"><span class="sprites ppt_large"></span></span>' . $lang['srv_export_hover_ppt'] . '</a>';
+                echo '<a href="' . makeEncodedIzvozUrlString('izvoz.php?b=export&m=charts_ppt&anketa=' . $this->anketa) . '" target="_blank"' . $lan_ppt . ' class="srv_ico '.(!$userAccess->checkUserAccess('analysis_charts') ? 'user_access_locked' : '').'" user-access="analysis_charts"><span class="hover_export_icon"><span class="faicon ppt black"></span></span>' . $lang['srv_export_hover_ppt'] . '</a>';
             } 
             else if ($_GET['m'] == M_ANALYSIS_MEANS) {
                 echo '<a href="#" onclick="doArchiveMeans();"' . $lan_archive . ' class="srv_ico '.(!$userAccess->checkUserAccess('archive') ? 'user_access_locked' : '').' hidden" user-access="archive"><span class="hover_export_icon"><span class="faicon arhiv black very_large"></span></span>' . $lang['srv_export_hover_archive'] . '</a>';
diff --git a/admin/survey/classes/class.SurveyCustomReport.php b/admin/survey/classes/class.SurveyCustomReport.php
index cf26bc19e..694f9ab1b 100644
--- a/admin/survey/classes/class.SurveyCustomReport.php
+++ b/admin/survey/classes/class.SurveyCustomReport.php
@@ -561,10 +561,10 @@ class SurveyCustomReport {
 				
 				// Izbira podtipa (tabela / graf)
 				echo '  <input style="margin-left:16px;" type="radio" value="0" id="report_element_sub_type_'.$reportElement['id'].'_0" name="report_element_sub_type_'.$reportElement['id'].'" '.($reportElement['sub_type'] == 0 ? 'checked="checked"' : '').' onClick="editCustomReportElement(\''.$reportElement['id'].'\', \'sub_type\', this.value)" />';
-                echo '  <label for="id="report_element_sub_type_'.$reportElement['id'].'_0">'.$lang['srv_table'].'</label>';
+                echo '  <label for="report_element_sub_type_'.$reportElement['id'].'_0">'.$lang['srv_table'].'</label>';
 
 				echo '  <input type="radio" value="1" id="report_element_sub_type_'.$reportElement['id'].'_1" name="report_element_sub_type_'.$reportElement['id'].'" '.($reportElement['sub_type'] == 1 ? 'checked="checked"' : '').' onClick="editCustomReportElement(\''.$reportElement['id'].'\', \'sub_type\', this.value)" />';
-                echo '  <label for="id="report_element_sub_type_'.$reportElement['id'].'_1">'.$lang['srv_chart'].'</label>';
+                echo '  <label for="report_element_sub_type_'.$reportElement['id'].'_1">'.$lang['srv_chart'].'</label>';
 			}
 			
 			// Nastavitve za TTEST
diff --git a/admin/survey/classes/class.SurveyStaticHtml.php b/admin/survey/classes/class.SurveyStaticHtml.php
index cf98c8111..b30b21e3a 100644
--- a/admin/survey/classes/class.SurveyStaticHtml.php
+++ b/admin/survey/classes/class.SurveyStaticHtml.php
@@ -982,15 +982,16 @@ class SurveyStaticHtml
         }
     }
 
-    public function displayChartOptions()
-    {
+    public function displayChartOptions(){
         global $lang, $admin_type;
 
+        SurveyChart::Init($this->sid);
+        
         // Nastavitev HQ grafov
-        echo '<li><label>';
-        echo $lang['srv_chart_hq'] . ': ';
-        echo '<input type="checkbox" name="chart_hq" id="chart_hq" onClick="changeChartHq(this)" ' . (SurveyChart::$quality == 3 ? ' checked="checked"' : '') . '>';
-        echo '</label></li>';
+        echo '<li>';
+        echo '  <input type="checkbox" name="chart_hq" id="chart_hq" onClick="changeChartHq(this)" '.(SurveyChart::$quality == 3 ? ' checked="checked"' : '').'>';
+        echo '  <label for="chart_hq">'.$lang['srv_chart_hq'] . '</label>';
+        echo '</li>';
 
 
         // Nastavitev skina grafov
@@ -1053,7 +1054,7 @@ class SurveyStaticHtml
         if ($hideAdvanced == false) {
 
             echo '<li>';
-            echo '<span class="as_link" id="link_chart_color" title="' . $lang['srv_chart_skin'] . '">' . $lang['srv_chart_skin'] . ': <span style="font-weight: 500;">' . $name . '</span></span>';
+            echo '  <span id="link_chart_color" title="' . $lang['srv_chart_skin'] . '">' . $lang['srv_chart_skin'] . ': <span style="font-weight: 500;">' . $name . '</span></span>';
             echo '</li>';
         }
     }
diff --git a/admin/survey/classes/surveyAnalysis/class.SurveyAnalysis.php b/admin/survey/classes/surveyAnalysis/class.SurveyAnalysis.php
index 90ad0f69d..76b765e14 100644
--- a/admin/survey/classes/surveyAnalysis/class.SurveyAnalysis.php
+++ b/admin/survey/classes/surveyAnalysis/class.SurveyAnalysis.php
@@ -2007,7 +2007,7 @@ class SurveyAnalysis {
 					if ($variable['other'] != true) {
 						echo '<td class="cell_value cell_noPadding">';
 
-						echo '  <table class="cell_table">';
+						echo '  <table class="cell_table freq_row percent_row">';
 						echo '      <tr id="'.$spid.'_'.$_sequence.'" name="single_sums_percent_cnt_'.$spid.'">';
 						echo '          <td>'.$_cnt.'</td>';
 						echo '      </tr>';
@@ -2156,7 +2156,7 @@ class SurveyAnalysis {
 
 					echo '<td class="cell_value cell_noPadding">';
 
-					echo '<table class="cell_table">';
+					echo '<table class="cell_table freq_row percent_row">';
 					echo '  <tr id="'.$spid.'_'.$_sequence.'" name="single_sums_percent_cnt_'.$spid.'">';
 					echo '      <td class="' . (self::$enableInspect == true && (int)$_cnt > 0 ? ' mc_inspect' : '').'"'
 					            . (self::$enableInspect == true && (int)$_cnt > 0 ? ' vkey="1"' : '')
@@ -2178,7 +2178,7 @@ class SurveyAnalysis {
 
 			echo '<td class="cell_value cell_noPadding">';
 
-			echo '<table class="cell_table">';
+			echo '<table class="cell_table freq_row percent_row">';
 			echo '  <tr name="single_sums_percent_cnt_'.$spid.'">';
 			echo '      <td>'.$_arguments.'</td>';
 			echo '  </tr>';
@@ -2962,7 +2962,7 @@ class SurveyAnalysis {
 
                                         echo '<td class="cell_value cell_noPadding">';
 
-                                        echo '  <table class="cell_table">';
+                                        echo '  <table class="cell_table freq_row percent_row">';
                                         echo '      <tr name="single_sums_percent_cnt_'.$spid.'">';
                                         echo '          <td class="'.(self::$enableInspect == true && (int)self::$_FREQUENCYS[$_sequence]['valid'][$key]['cnt'] > 0 ? ' mg_inspect' : '').'"'
                                                         .(self::$enableInspect == true && (int)self::$_FREQUENCYS[$_sequence]['valid'][$key]['cnt'] > 0 ? ' vkey="'.$key.'"' : '')
@@ -2983,7 +2983,7 @@ class SurveyAnalysis {
                                 // suma
                                 echo '<td class="cell_value cell_noPadding">';
 
-                                echo '  <table class="cell_table">';
+                                echo '  <table class="cell_table freq_row percent_row">';
                                 echo '      <tr name="single_sums_percent_cnt_'.$spid.'">';
                                 echo '          <td>'.((int)self::$_FREQUENCYS[$_sequence]['validCnt']).'</td>';
                                 echo '      </tr>';
@@ -3313,7 +3313,7 @@ class SurveyAnalysis {
 						#mg_inspectž
 						echo '<td class="cell_value cell_noPadding">';
                         
-						echo '  <table class="cell_table">';
+						echo '  <table class="cell_table freq_row percent_row">';
 						echo '      <tr name="single_sums_percent_cnt_'.$spid.'">';
 						echo '          <td class="'.(self::$enableInspect == true && (int)$variable['freq'] > 0 ? ' dmg_inspect' : '').'" '.(self::$enableInspect == true && (int)$variable['freq'] > 0 ? ' gid="'.$variable['key'].'_1"' : '').'>'.$variable['freq'].'</td>';
 						echo '      </tr>';
@@ -3332,7 +3332,7 @@ class SurveyAnalysis {
 				// suma
 				echo '<td class="cell_value cell_noPadding">';
 
-				echo '  <table class="cell_table">';
+				echo '  <table class="cell_table freq_row percent_row">';
 				echo '      <tr name="single_sums_percent_cnt_'.$spid.'">';
 				echo '          <td>'.(int)$grid['suma'].'</td>';
 				echo '      </tr>';
@@ -3361,7 +3361,7 @@ class SurveyAnalysis {
 						echo '<td class="cell_value cell_noPadding">';
 
 						#mg_inspect
-						echo '  <table class="cell_table">';
+						echo '  <table class="cell_table freq_row percent_row">';
 						echo '      <tr name="single_sums_percent_cnt_'.$spid.'">';
 						echo '          <td class="anl_ac'.(self::$enableInspect == true && (int)$variable['freq'] > 0 ? ' dmg_inspect' : '').'" '.(self::$enableInspect == true && (int)$variable['freq'] > 0 ? ' gid="'.$variable['key'].'_2"' : '').'>'.$variable['freq'].'</td>';
 						echo '      </tr>';
@@ -3379,7 +3379,7 @@ class SurveyAnalysis {
 				// suma
 				echo '<td class="cell_value cell_noPadding">';
 
-				echo '  <table class="cell_table">';
+				echo '  <table class="cell_table freq_row percent_row">';
 				echo '      <tr name="single_sums_percent_cnt_'.$spid.'">';
 				echo '          <td>'.(int)$_right_grid['suma'].'</td>';
 				echo '      </tr>';
diff --git a/admin/survey/classes/surveyAnalysis/class.SurveyChart.php b/admin/survey/classes/surveyAnalysis/class.SurveyChart.php
index ce2373ce4..19b8c4659 100644
--- a/admin/survey/classes/surveyAnalysis/class.SurveyChart.php
+++ b/admin/survey/classes/surveyAnalysis/class.SurveyChart.php
@@ -313,7 +313,6 @@ class SurveyChart {
 		// prikazemo nastavitve
 		if (self::$isArchive != true && self::$publicChart != true) {
 			self::displayGlobalSettings();		
-			echo "<br/>\n";
 		}
 
 		# preberemo header
@@ -7091,8 +7090,8 @@ class SurveyChart {
 		
 		echo '<ul>';
 		echo '<li>';
-		echo $lang['srv_chart_hq'].': ';
-		echo '<input type="checkbox" name="chart_hq" id="chart_hq" onClick="changeChartHq(this)" '.(self::$quality == 3 ? ' checked="checked"' : '').'>';			
+		echo '  <input type="checkbox" name="chart_hq" id="chart_hq" onClick="changeChartHq(this)" '.(self::$quality == 3 ? ' checked="checked"' : '').'>';			
+		echo '  <label for="chart_hq">'.$lang['srv_chart_hq'].'</label>';
 		echo '</li>';
 		
 		# nastavitev skina grafov
diff --git a/admin/survey/script/script_analiza.js b/admin/survey/script/script_analiza.js
index dcb6f72e5..29e775814 100644
--- a/admin/survey/script/script_analiza.js
+++ b/admin/survey/script/script_analiza.js
@@ -732,13 +732,19 @@ function show_single_percent(id, status) {
         if($('#freq-p_button_1_'+id).hasClass('active')){
 
             if($('#freq-p_button_2_'+id).hasClass('active')){
-                $('[name=single_sums_percent_cnt_'+id+']').each(function() {$(this).hide();});
+                $('[name=single_sums_percent_cnt_'+id+']').each(function() {
+                    $(this).hide().parent().parent().removeClass('freq_row');
+                });
+
                 $('#freq-p_button_1_'+id).removeClass('active');
             }
         }
         // Prizgemo
         else{
-            $('[name=single_sums_percent_cnt_'+id+']').each(function() {$(this).show();});
+            $('[name=single_sums_percent_cnt_'+id+']').each(function() {
+                $(this).show().parent().parent().addClass('freq_row');
+            });
+
             $('#freq-p_button_1_'+id).addClass('active');
         }
     } 
@@ -749,13 +755,19 @@ function show_single_percent(id, status) {
         if($('#freq-p_button_2_'+id).hasClass('active')){
 
             if($('#freq-p_button_1_'+id).hasClass('active')){
-                $('[name=single_sums_percent_'+id+']').each(function() {$(this).hide();});
+                $('[name=single_sums_percent_'+id+']').each(function() {
+                    $(this).hide().parent().parent().removeClass('percent_row');
+                });
+
                 $('#freq-p_button_2_'+id).removeClass('active');
             }
         }
         // Prizgemo
         else{
-            $('[name=single_sums_percent_'+id+']').each(function() {$(this).show();});
+            $('[name=single_sums_percent_'+id+']').each(function() {
+                $(this).show().parent().parent().addClass('percent_row');
+            });
+
             $('#freq-p_button_2_'+id).addClass('active');
         }
     }
diff --git a/public/css/admin_new.css b/public/css/admin_new.css
index fc3bcdd7b..5a5241e1a 100644
--- a/public/css/admin_new.css
+++ b/public/css/admin_new.css
@@ -6531,8 +6531,9 @@ and open the template in the editor.
 */
 /* Izvozi */
 span.faicon.pdf::before {
-  font-size: 16px;
   content: "";
+  font-size: 16px;
+  font-weight: 400;
   color: #ed1c24;
 }
 
@@ -27546,20 +27547,20 @@ and open the template in the editor.
   text-align: center;
   border: 0;
 }
-#div_analiza_data:not(.anal_arch) table tr th table.cell_table tr:first-of-type td,
-#div_analiza_data:not(.anal_arch) table tr td table.cell_table tr:first-of-type td,
-#div_means_data table tr th table.cell_table tr:first-of-type td,
-#div_means_data table tr td table.cell_table tr:first-of-type td,
-#div_break_data table tr th table.cell_table tr:first-of-type td,
-#div_break_data table tr td table.cell_table tr:first-of-type td,
-#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,
-.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,
-#arch_body_div table tr th table.cell_table tr:first-of-type td,
-#arch_body_div table tr td table.cell_table tr:first-of-type td {
+#div_analiza_data:not(.anal_arch) table tr th table.cell_table.percent_row.freq_row tr:first-of-type td,
+#div_analiza_data:not(.anal_arch) table tr td table.cell_table.percent_row.freq_row tr:first-of-type td,
+#div_means_data table tr th table.cell_table.percent_row.freq_row tr:first-of-type td,
+#div_means_data table tr td table.cell_table.percent_row.freq_row tr:first-of-type td,
+#div_break_data table tr th table.cell_table.percent_row.freq_row tr:first-of-type td,
+#div_break_data table tr td table.cell_table.percent_row.freq_row tr:first-of-type td,
+#ttestResults table tr th table.cell_table.percent_row.freq_row tr:first-of-type td,
+#ttestResults table tr td table.cell_table.percent_row.freq_row tr:first-of-type td,
+.subpage_analysis_creport table tr th table.cell_table.percent_row.freq_row tr:first-of-type td,
+.subpage_analysis_creport table tr td table.cell_table.percent_row.freq_row tr:first-of-type td,
+.report_element_data table tr th table.cell_table.percent_row.freq_row tr:first-of-type td,
+.report_element_data table tr td table.cell_table.percent_row.freq_row tr:first-of-type td,
+#arch_body_div table tr th table.cell_table.percent_row.freq_row tr:first-of-type td,
+#arch_body_div table tr td table.cell_table.percent_row.freq_row tr:first-of-type td {
   border-bottom: 1px #E5E5E5 dashed;
 }
 #div_analiza_data:not(.anal_arch) table tr.row1 th,
@@ -27861,6 +27862,7 @@ and open the template in the editor.
 }
 .analysis_bottom_settings .comment_holder span {
   font-size: 14px;
+  font-style: normal;
 }
 .analysis_bottom_settings .comment_holder span.faicon:before {
   font-size: 14px;
@@ -27902,6 +27904,9 @@ and open the template in the editor.
 .analysis_bottom_settings a .faicon.xls:before {
   color: #00C437;
 }
+.analysis_bottom_settings a .faicon.ppt:before {
+  color: #fa4913;
+}
 
 iframe#ifmcontentstoprint {
   border: 0;
@@ -28733,6 +28738,10 @@ iframe#ifmcontentstoprint {
   overflow: hidden;
   text-align: center;
 }
+.chart_holder.chart_holder:first-child,
+.tableChart.chart_holder:first-child {
+  padding-top: 6px;
+}
 .chart_holder .chart_title,
 .tableChart .chart_title {
   width: 800px;
diff --git a/resources/sass/admin_new/basic/icons/export.scss b/resources/sass/admin_new/basic/icons/export.scss
index 3241d7b2a..cbe74614e 100644
--- a/resources/sass/admin_new/basic/icons/export.scss
+++ b/resources/sass/admin_new/basic/icons/export.scss
@@ -12,22 +12,23 @@ and open the template in the editor.
 
 // PDF
 span.faicon.pdf::before{
-        font-size: 16px;
-		content: "\f1c1";
-		
-		color: #ed1c24;
+    content: "\f1c1";
+    font-size: 16px;
+    
+    font-weight: 400;
+    color: #ed1c24;
 }
 span.faicon.pdf.black{
     color: $blue !important;
     &:hover{
-            color: #ed1c24 !important;
+        color: #ed1c24 !important;
     }
 }
 a:hover span.faicon.pdf.black{
 	color: #ed1c24 !important;
 }
 span.faicon.pdf.black::before{
-		color: inherit !important;
+	color: inherit !important;
 }
 
 
diff --git a/resources/sass/admin_new/pages/survey_analysis/basic.scss b/resources/sass/admin_new/pages/survey_analysis/basic.scss
index c87afef10..2bdea3575 100644
--- a/resources/sass/admin_new/pages/survey_analysis/basic.scss
+++ b/resources/sass/admin_new/pages/survey_analysis/basic.scss
@@ -241,10 +241,10 @@
                             text-align: center;
                             border: 0;
                         }
+                    }
 
-                        &:first-of-type td{
-                            border-bottom: 1px $gray dashed;
-                        }
+                    &.percent_row.freq_row tr:first-of-type td{
+                        border-bottom: 1px $gray dashed;
                     }
                 }
             }
@@ -426,6 +426,7 @@
 
         span{
             font-size: 14px;
+            font-style: normal;
 
             &.faicon:before{
                 font-size: 14px;
@@ -485,6 +486,9 @@
             &.xls:before{
                 color: $green;
             }
+            &.ppt:before{
+                color: #fa4913;
+            }
         }
     }
 }
diff --git a/resources/sass/admin_new/pages/survey_analysis/page_charts.scss b/resources/sass/admin_new/pages/survey_analysis/page_charts.scss
index b5de8317f..6afcdf1c3 100644
--- a/resources/sass/admin_new/pages/survey_analysis/page_charts.scss
+++ b/resources/sass/admin_new/pages/survey_analysis/page_charts.scss
@@ -12,6 +12,10 @@
     overflow: hidden;
 
     text-align: center;
+
+    &.chart_holder:first-child{
+        padding-top: 6px;
+    }
     
     .chart_title {
         width: 800px;

From b26a7c046edab1b13909782a2dab1159f9dd443e Mon Sep 17 00:00:00 2001
From: Peter Hrvatin <peter.hrvatin@gmail.com>
Date: Mon, 6 Jun 2022 10:14:36 +0200
Subject: [PATCH 02/10] Redesign - namesto starega progress bara prikazemo
 vedno samo okno "nalaganje" (npr. generiraj testne podatke...)

---
 admin/survey/script/progressBar.js | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/admin/survey/script/progressBar.js b/admin/survey/script/progressBar.js
index 5c481f8ef..067526945 100644
--- a/admin/survey/script/progressBar.js
+++ b/admin/survey/script/progressBar.js
@@ -34,8 +34,12 @@ var starttime = 0;
 * @param getProgress - ali bomo v sessionu sporocali napredek, ali ne (ce ne, potem samo stejemo cas)
 */
 function init_progressBar (getProgress) {
+
+    // Po novem nimamo vec progress bara in prikazemo samo "nalaganje"
+    $('body').addClass('waitlong');
+    $("#loading").show();
 	
-	if (typeof(getProgress) == 'undefined') getProgress = false;
+	/*if (typeof(getProgress) == 'undefined') getProgress = false;
 	
 	$('#fade').fadeTo('slow', 1);
 	$('#fullscreen').show();
@@ -55,8 +59,7 @@ function init_progressBar (getProgress) {
 	var d = new Date();
 	starttime = d.getTime();
 	
-	pbInterval=window.setInterval("refresh_progressBar("+getProgress+")",250);	// klicemo na 250ms
-	
+	pbInterval=window.setInterval("refresh_progressBar("+getProgress+")",250);	// klicemo na 250ms*/
 }
 
 /**

From b41d6cdd9892aa12844d9b43f6ab86db392cc4ba Mon Sep 17 00:00:00 2001
From: Peter Hrvatin <peter.hrvatin@gmail.com>
Date: Mon, 6 Jun 2022 10:40:26 +0200
Subject: [PATCH 03/10] Redesign - responsive popravki

---
 public/css/admin_new.css                      | 46 +++++++++++++++-
 resources/sass/admin_new/mobile/basic.scss    |  4 ++
 resources/sass/admin_new/mobile/mobile.scss   |  1 +
 .../admin_new/mobile/pages/branching.scss     |  8 ++-
 .../admin_new/mobile/pages/survey_theme.scss  | 54 +++++++++++++++++++
 5 files changed, 111 insertions(+), 2 deletions(-)
 create mode 100644 resources/sass/admin_new/mobile/pages/survey_theme.scss

diff --git a/public/css/admin_new.css b/public/css/admin_new.css
index 5a5241e1a..c1ec783f6 100644
--- a/public/css/admin_new.css
+++ b/public/css/admin_new.css
@@ -31664,6 +31664,10 @@ fieldset textarea {
     height: auto !important;
   }
 
+  .setting_horizontal_wrapper {
+    flex-direction: column !important;
+  }
+
   #vnosi_paginacija div select {
     display: inline-block;
     width: fit-content;
@@ -32207,7 +32211,8 @@ header .mobile_menu .submenu:not(.no-transition) {
     align-items: left;
     width: 100%;
     height: auto;
-    padding: 30px 10px 20px 20px;
+    padding: 30px 0 20px 0;
+    box-sizing: border-box;
   }
   #branching #bottom_icons_holder .forma_bottom .forma_bottom_inner {
     display: flex;
@@ -32219,6 +32224,10 @@ header .mobile_menu .submenu:not(.no-transition) {
     margin: 0 11px 0 2px;
     padding: 0;
   }
+  #branching #bottom_icons_holder .forma_bottom .forma_bottom_inner button {
+    margin: 0;
+    padding: 0 12px;
+  }
 
   .toolbox_holder {
     display: none;
@@ -32409,6 +32418,41 @@ header .mobile_menu .submenu:not(.no-transition) {
     width: 100% !important;
   }
 
+  div.page_tema .theme_list {
+    flex-wrap: wrap;
+  }
+  div.page_tema .theme_list .theme {
+    margin-bottom: 8px;
+  }
+  div.page_tema .theme_list .options {
+    width: 100%;
+    flex-wrap: wrap;
+  }
+  div.page_tema .theme_list .options .button {
+    margin-bottom: 4px;
+  }
+  div.page_tema div#theme_grid_holder {
+    padding: 0;
+  }
+  div.page_tema div#theme_grid_holder div.div_theme_group div.theme_label {
+    width: 100%;
+    height: auto;
+  }
+  div.page_tema div#theme_grid_holder div.div_theme_group div.theme_label .theme_label_options {
+    justify-content: flex-start;
+  }
+  div.page_tema div#theme_grid_holder div.div_theme_group div.theme_label .theme_label_options .button {
+    margin-right: 8px;
+  }
+
+  .page_theme-editor #theme-preview {
+    display: none;
+  }
+  .page_theme-editor #theme-editor .columns {
+    width: 100% !important;
+    flex-wrap: wrap;
+  }
+
   #srv_diagnostic br {
     display: none;
   }
diff --git a/resources/sass/admin_new/mobile/basic.scss b/resources/sass/admin_new/mobile/basic.scss
index 229e1845d..b15fdca1f 100644
--- a/resources/sass/admin_new/mobile/basic.scss
+++ b/resources/sass/admin_new/mobile/basic.scss
@@ -69,6 +69,10 @@ fieldset {
     }
 }
 
+.setting_horizontal_wrapper{
+    flex-direction: column !important;
+}
+
 #vnosi_paginacija {
 	div {
 		select {
diff --git a/resources/sass/admin_new/mobile/mobile.scss b/resources/sass/admin_new/mobile/mobile.scss
index b060f12bf..f8467caa8 100644
--- a/resources/sass/admin_new/mobile/mobile.scss
+++ b/resources/sass/admin_new/mobile/mobile.scss
@@ -60,6 +60,7 @@ $main_text: $grey_super_dark;
     @import "pages/status";
     @import "pages/branching";
     @import "pages/survey_settings";
+    @import "pages/survey_theme";
     @import "pages/testing";
     @import "pages/publish";
     @import "pages/data";
diff --git a/resources/sass/admin_new/mobile/pages/branching.scss b/resources/sass/admin_new/mobile/pages/branching.scss
index 25196627e..43df048b8 100644
--- a/resources/sass/admin_new/mobile/pages/branching.scss
+++ b/resources/sass/admin_new/mobile/pages/branching.scss
@@ -65,7 +65,8 @@
 
             width: 100%;
             height: auto;
-            padding: 30px 10px 20px 20px;
+            padding: 30px 0 20px 0;
+            box-sizing: border-box;
 
             .forma_bottom_inner{
                 display: flex;
@@ -78,6 +79,11 @@
                     margin: 0 11px 0 2px;
                     padding: 0;
                 }
+
+                button{
+                    margin: 0;
+                    padding: 0 12px;
+                }
             }
         }
         
diff --git a/resources/sass/admin_new/mobile/pages/survey_theme.scss b/resources/sass/admin_new/mobile/pages/survey_theme.scss
new file mode 100644
index 000000000..2674e601f
--- /dev/null
+++ b/resources/sass/admin_new/mobile/pages/survey_theme.scss
@@ -0,0 +1,54 @@
+div.page_tema{
+
+    .theme_list{
+        flex-wrap: wrap;
+
+        .theme{
+            margin-bottom: 8px;
+        }
+
+        .options{
+            width: 100%;
+            flex-wrap: wrap;
+
+            .button{
+                margin-bottom: 4px;
+            }
+        }
+    }
+
+
+    div#theme_grid_holder{
+        padding: 0;
+
+        div.div_theme_group div.theme_label{
+            width: 100%;
+            height: auto;
+
+            .theme_label_options{
+                justify-content: flex-start;
+
+                .button{
+                    margin-right: 8px;
+                }
+            }
+        }
+    }
+}
+
+
+.page_theme-editor{
+
+    #theme-preview{
+        display: none;
+    }
+    
+    #theme-editor{
+    
+        .columns{
+            width: 100% !important;
+            flex-wrap: wrap;
+        }
+    }
+
+}
\ No newline at end of file

From ad12c4e4b6783d5c13f49e4fc3b2b6dab083dd3b Mon Sep 17 00:00:00 2001
From: tejagerjovic <teja.gerjovic@fdv.uni-lj.si>
Date: Tue, 7 Jun 2022 00:38:23 +0200
Subject: [PATCH 04/10] [Redizajn 1KA] - Testiranje --> Komentarji - IF in
 BLOKI - v delu
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Manjka še funkcionalnost add_comment na if/blok
---
 admin/survey/SurveyAdminSettings.php          |  112 +-
 public/css/admin_new.css                      | 2874 +++++++++--------
 .../components/popup/page_specific.scss       |    8 +
 3 files changed, 1521 insertions(+), 1473 deletions(-)

diff --git a/admin/survey/SurveyAdminSettings.php b/admin/survey/SurveyAdminSettings.php
index fae47ac97..8a634cd2e 100644
--- a/admin/survey/SurveyAdminSettings.php
+++ b/admin/survey/SurveyAdminSettings.php
@@ -7588,40 +7588,45 @@ class SurveyAdminSettings {
 							$ba->add_comment_field($if_id, '1', '4', false);
 							echo '</p>';
 						}
+
+						echo '<div class="question_comment editor">';
 								
 						// komentarji na vprasanje
 						if ($row1['thread'] > 0) {
 							
 							if (mysqli_num_rows($sqlt) > 0) {
 								
-								echo '<p class="red"><b>'.$lang['srv_admin_comment'].'</b>';
-								//$rowss = mysqli_num_rows($sql);
-								//if ($rowss > 0) 
-									echo '<img src="img_0/'.($sortpostorder==1?'up':'down').'.gif" style="float:right" title="'.($sortpostorder==1?$lang['forum_desc']:$lang['forum_asc']).'" />';
-								echo '</p>';
-						
+								echo '<div class="comment_type">';
+
+                                echo $lang['srv_admin_comment'].':';
+                                
+                                echo '</div>';
+
 								$i = 0;
 								while ($rowt = mysqli_fetch_array($sqlt)) {
-									if ($_GET['only_unresolved'] == 1) {
-										if ($rowt['ocena'] == 0) echo '<span style="color:black">';
-										elseif ($rowt['ocena'] == 1) echo '<span style="color:darkgreen">';
-										elseif ($rowt['ocena'] == 2) echo '<span style="color:#999999">';
-										elseif ($rowt['ocena'] == 3) echo '<span style="color:#999999">';
-										else echo '<span>';
-									} else {
-										if ($rowt['ocena'] == 0) echo '<span style="color:#990000">';
-										elseif ($rowt['ocena'] == 1) echo '<span style="color:darkgreen">';
-										elseif ($rowt['ocena'] == 2) echo '<span style="color:black">';
-										elseif ($rowt['ocena'] == 3) echo '<span style="color:black">';
-										else echo '<span>';
-									}
-									
-									echo '<b>'.$f->user($rowt['uid']).'</b> ('.$f->datetime1($rowt['time']).'):';
-									
+
+									echo '<div class="comment_box">';
+
+									echo '<div class="by">';
+                                    echo $lang['srv_comments_user'].'<span class="user">'.$f->user($rowt['uid']).'</span>'.$lang['srv_comments_user2'];
+                                    echo '</div>';
+
+                                    $datetime = strtotime($rowt['time']);
+                                    $datetime = date("d.m.Y G:i", $datetime);
+
+                                    echo '<div class="date">';
+                                    echo $f->datetime1($rowt['time']);
+                                    echo '</div>';
+
+                                    echo '<div class="content">';
+                                    echo $rowt['vsebina'];
+                                    echo '</div>';
+
+
+									echo '<div class="bottom_options">';
+
 									if ($admin_type <= 1 || $rowi['insert_uid']==$global_user_id || $commentmarks_who==0) {
 										
-										echo '<div style="float:right; text-align:right">';
-										
 										if ($commentmarks == 1) {
 											echo '	<select name="ocena" onchange="$.post(\'ajax.php?a=comment_ocena\', {type: \'question_comment\', ocena: this.value, id: \''.$rowt['id'].'\', anketa: \''.$rowi['id'].'\'}, function () {window.location.reload();});">
 														<option value="0"'.($rowt['ocena']==0?' selected="selected"':'').'>'.$lang['srv_undecided'].'</option>
@@ -7630,30 +7635,61 @@ class SurveyAdminSettings {
 														<option value="3"'.($rowt['ocena']==3?' selected="selected"':'').'>'.$lang['srv_not_relevant'].'</option>
 													</select>';
 										} else {
-											echo '<input type="checkbox" name="ocena_'.$rowt['id'].'" id="ocena_'.$rowt['id'].'" onchange="$.post(\'ajax.php?a=comment_ocena\', {type: \'question_comment\', ocena: (this.checked?\'2\':\'0\'), id: \''.$rowt['id'].'\', anketa: \''.$rowi['id'].'\'}, function () {window.location.reload();});" value="2" '.($rowt['ocena'] >= 2?' checked':'').' /><label for="ocena_'.$rowt['id'].'">'.$lang['srv_done'].'</label>';
+
+											if ($rowt['ocena']==0) {
+
+											echo '<p class="archive_comment" onclick="$.post(\'ajax.php?a=comment_ocena\', {type: \'question_comment\', ocena: (\'2\'), id: \''.$rowt['id'].'\', anketa: \''.$rowi['id'].'\'}, function () {window.location.reload();});"> <span class="faicon arhiv link-right"></span>';
+											echo $lang['srv_comments_archive'].'</p>';
+
+											echo '<div class="reply_to" onClick="$(\'#comment_toggle_'.$spr_id.'\').toggle();">';
+											echo '<a href="javascript:comment_on_comment(\''.$rowt['id'].'\',\''.$f->user($rowt['uid']).'\',\''.$f->datetime1($rowt['time']).'\',\''.$spr_id.'\');"><span class="faicon fa-reply link-right"></span>'.$lang['srv_comment_comment'].'</a>';
+											echo '</div>';
+											}
+
+											else {
+
+												echo '<p class="archived_comment"><span class="faicon arhiv link-right"></span>'.$lang['srv_comments_archived'].'</p>';
+                                                echo '<p class="unarchive_comment" onclick="$.post(\'ajax.php?a=comment_ocena\', {type: \'question_comment\', ocena: (\'0\'), id: \''.$rowt['id'].'\', anketa: \''.$rowi['id'].'\'}, function () {window.location.reload();});"> <span class="faicon inv_sent_0 empty link-right"></span>';
+                                                echo $lang['srv_comments_unarchive'].'</p>';
+
+											}
 										}
-										echo '	<br /><a href="javascript:comment_on_comment(\''.$rowt['id'].'\');">'.$lang['srv_comment_comment'].'</a>';
-										echo '</div>';
 									}
-									
-									echo '<br/>'.$rowt['vsebina'].'<span id="comment_on_comment_'.$rowt['id'].'"></span><hr>';
-									echo '</span>';
+
+									echo '</div>'; // .bottom_options
+									echo '</div>'; // comment_box
+
+
+									echo '<div class="reply_to_text" id="comment_on_comment_'.$spr_id.'">';
+                                    echo '</div>';
 								}				
 							}
 						}
-						
+
 						if ($addfieldposition == '' || $addfieldposition == 0) {
-							echo '<div id="survey_comment_'.$spr_id.'_'.'4'.'" style="display:none"></div>';
-							echo '<p><a href="#" onclick="$(\'#comment_field_'.$spr_id.'\').toggle(); return false;">'.$lang['srv_comments_add_comment'].'</a></p>';
-							echo '<p id="comment_field_'.$spr_id.'" style="display:none">';
-							$ba = new BranchingAjax($this->anketa);
-							$ba->add_comment_field($spr_id, '1', '4', false);
-							echo '</p>';
+
+
+							echo '<div id="comment_toggle_'.$spr_id.'" class="add_comment_toggle blue pointer" onClick="toggleAddComment(\''.$spr_id.'\')">';
+                            echo '<span class="faicon link-right comments"></span>';
+                            echo $lang['srv_add_comment_toggle'];
+                            echo '</div>';
+
+                            echo '<div class="comment_wrapper" id="comment_wrapper_'.$spr_id.'">';
+
+                            echo '<div class="new_comment" id="survey_comment_'.$spr_id.'">';
+                            $ba = new BranchingAjax($this->anketa);
+                            $ba->add_comment_field($spr_id, '1', '4', false);
+                            echo '</div>';
+                            echo '</div>';
+
 						}
+
+						echo '</div>'; #editor
 						
+						echo '<div class="question_comment resp">'; //prazen, respondenti ne komentirajo na IFe in bloke
 						echo '</div>';
 												
-						echo '</div>';
+						echo '</div>'; #question_comment_holder
 					}
 				}
 				// Gre za navadno vprasanje
diff --git a/public/css/admin_new.css b/public/css/admin_new.css
index c1ec783f6..dd9dde041 100644
--- a/public/css/admin_new.css
+++ b/public/css/admin_new.css
@@ -214,4767 +214,4767 @@
 /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
 readers do not read off random characters that represent icons */
 .fa-500px:before {
-  content: "";
+  content: "\f26e";
 }
 
 .fa-accessible-icon:before {
-  content: "";
+  content: "\f368";
 }
 
 .fa-accusoft:before {
-  content: "";
+  content: "\f369";
 }
 
 .fa-ad:before {
-  content: "";
+  content: "\f641";
 }
 
 .fa-address-book:before {
-  content: "";
+  content: "\f2b9";
 }
 
 .fa-address-card:before {
-  content: "";
+  content: "\f2bb";
 }
 
 .fa-adjust:before {
-  content: "";
+  content: "\f042";
 }
 
 .fa-adn:before {
-  content: "";
+  content: "\f170";
 }
 
 .fa-adversal:before {
-  content: "";
+  content: "\f36a";
 }
 
 .fa-affiliatetheme:before {
-  content: "";
+  content: "\f36b";
 }
 
 .fa-air-freshener:before {
-  content: "";
+  content: "\f5d0";
 }
 
 .fa-algolia:before {
-  content: "";
+  content: "\f36c";
 }
 
 .fa-align-center:before {
-  content: "";
+  content: "\f037";
 }
 
 .fa-align-justify:before {
-  content: "";
+  content: "\f039";
 }
 
 .fa-align-left:before {
-  content: "";
+  content: "\f036";
 }
 
 .fa-align-right:before {
-  content: "";
+  content: "\f038";
 }
 
 .fa-alipay:before {
-  content: "";
+  content: "\f642";
 }
 
 .fa-allergies:before {
-  content: "";
+  content: "\f461";
 }
 
 .fa-amazon:before {
-  content: "";
+  content: "\f270";
 }
 
 .fa-amazon-pay:before {
-  content: "";
+  content: "\f42c";
 }
 
 .fa-ambulance:before {
-  content: "";
+  content: "\f0f9";
 }
 
 .fa-american-sign-language-interpreting:before {
-  content: "";
+  content: "\f2a3";
 }
 
 .fa-amilia:before {
-  content: "";
+  content: "\f36d";
 }
 
 .fa-anchor:before {
-  content: "";
+  content: "\f13d";
 }
 
 .fa-android:before {
-  content: "";
+  content: "\f17b";
 }
 
 .fa-angellist:before {
-  content: "";
+  content: "\f209";
 }
 
 .fa-angle-double-down:before {
-  content: "";
+  content: "\f103";
 }
 
 .fa-angle-double-left:before {
-  content: "";
+  content: "\f100";
 }
 
 .fa-angle-double-right:before {
-  content: "";
+  content: "\f101";
 }
 
 .fa-angle-double-up:before {
-  content: "";
+  content: "\f102";
 }
 
 .fa-angle-down:before {
-  content: "";
+  content: "\f107";
 }
 
 .fa-angle-left:before {
-  content: "";
+  content: "\f104";
 }
 
 .fa-angle-right:before {
-  content: "";
+  content: "\f105";
 }
 
 .fa-angle-up:before {
-  content: "";
+  content: "\f106";
 }
 
 .fa-angry:before {
-  content: "";
+  content: "\f556";
 }
 
 .fa-angrycreative:before {
-  content: "";
+  content: "\f36e";
 }
 
 .fa-angular:before {
-  content: "";
+  content: "\f420";
 }
 
 .fa-ankh:before {
-  content: "";
+  content: "\f644";
 }
 
 .fa-app-store:before {
-  content: "";
+  content: "\f36f";
 }
 
 .fa-app-store-ios:before {
-  content: "";
+  content: "\f370";
 }
 
 .fa-apper:before {
-  content: "";
+  content: "\f371";
 }
 
 .fa-apple:before {
-  content: "";
+  content: "\f179";
 }
 
 .fa-apple-alt:before {
-  content: "";
+  content: "\f5d1";
 }
 
 .fa-apple-pay:before {
-  content: "";
+  content: "\f415";
 }
 
 .fa-archive:before {
-  content: "";
+  content: "\f187";
 }
 
 .fa-archway:before {
-  content: "";
+  content: "\f557";
 }
 
 .fa-arrow-alt-circle-down:before {
-  content: "";
+  content: "\f358";
 }
 
 .fa-arrow-alt-circle-left:before {
-  content: "";
+  content: "\f359";
 }
 
 .fa-arrow-alt-circle-right:before {
-  content: "";
+  content: "\f35a";
 }
 
 .fa-arrow-alt-circle-up:before {
-  content: "";
+  content: "\f35b";
 }
 
 .fa-arrow-circle-down:before {
-  content: "";
+  content: "\f0ab";
 }
 
 .fa-arrow-circle-left:before {
-  content: "";
+  content: "\f0a8";
 }
 
 .fa-arrow-circle-right:before {
-  content: "";
+  content: "\f0a9";
 }
 
 .fa-arrow-circle-up:before {
-  content: "";
+  content: "\f0aa";
 }
 
 .fa-arrow-down:before {
-  content: "";
+  content: "\f063";
 }
 
 .fa-arrow-left:before {
-  content: "";
+  content: "\f060";
 }
 
 .fa-arrow-right:before {
-  content: "";
+  content: "\f061";
 }
 
 .fa-arrow-up:before {
-  content: "";
+  content: "\f062";
 }
 
 .fa-arrows-alt:before {
-  content: "";
+  content: "\f0b2";
 }
 
 .fa-arrows-alt-h:before {
-  content: "";
+  content: "\f337";
 }
 
 .fa-arrows-alt-v:before {
-  content: "";
+  content: "\f338";
 }
 
 .fa-assistive-listening-systems:before {
-  content: "";
+  content: "\f2a2";
 }
 
 .fa-asterisk:before {
-  content: "";
+  content: "\f069";
 }
 
 .fa-asymmetrik:before {
-  content: "";
+  content: "\f372";
 }
 
 .fa-at:before {
-  content: "";
+  content: "\f1fa";
 }
 
 .fa-atlas:before {
-  content: "";
+  content: "\f558";
 }
 
 .fa-atom:before {
-  content: "";
+  content: "\f5d2";
 }
 
 .fa-audible:before {
-  content: "";
+  content: "\f373";
 }
 
 .fa-audio-description:before {
-  content: "";
+  content: "\f29e";
 }
 
 .fa-autoprefixer:before {
-  content: "";
+  content: "\f41c";
 }
 
 .fa-avianex:before {
-  content: "";
+  content: "\f374";
 }
 
 .fa-aviato:before {
-  content: "";
+  content: "\f421";
 }
 
 .fa-award:before {
-  content: "";
+  content: "\f559";
 }
 
 .fa-aws:before {
-  content: "";
+  content: "\f375";
 }
 
 .fa-backspace:before {
-  content: "";
+  content: "\f55a";
 }
 
 .fa-backward:before {
-  content: "";
+  content: "\f04a";
 }
 
 .fa-balance-scale:before {
-  content: "";
+  content: "\f24e";
 }
 
 .fa-ban:before {
-  content: "";
+  content: "\f05e";
 }
 
 .fa-band-aid:before {
-  content: "";
+  content: "\f462";
 }
 
 .fa-bandcamp:before {
-  content: "";
+  content: "\f2d5";
 }
 
 .fa-barcode:before {
-  content: "";
+  content: "\f02a";
 }
 
 .fa-bars:before {
-  content: "";
+  content: "\f0c9";
 }
 
 .fa-baseball-ball:before {
-  content: "";
+  content: "\f433";
 }
 
 .fa-basketball-ball:before {
-  content: "";
+  content: "\f434";
 }
 
 .fa-bath:before {
-  content: "";
+  content: "\f2cd";
 }
 
 .fa-battery-empty:before {
-  content: "";
+  content: "\f244";
 }
 
 .fa-battery-full:before {
-  content: "";
+  content: "\f240";
 }
 
 .fa-battery-half:before {
-  content: "";
+  content: "\f242";
 }
 
 .fa-battery-quarter:before {
-  content: "";
+  content: "\f243";
 }
 
 .fa-battery-three-quarters:before {
-  content: "";
+  content: "\f241";
 }
 
 .fa-bed:before {
-  content: "";
+  content: "\f236";
 }
 
 .fa-beer:before {
-  content: "";
+  content: "\f0fc";
 }
 
 .fa-behance:before {
-  content: "";
+  content: "\f1b4";
 }
 
 .fa-behance-square:before {
-  content: "";
+  content: "\f1b5";
 }
 
 .fa-bell:before {
-  content: "";
+  content: "\f0f3";
 }
 
 .fa-bell-slash:before {
-  content: "";
+  content: "\f1f6";
 }
 
 .fa-bezier-curve:before {
-  content: "";
+  content: "\f55b";
 }
 
 .fa-bible:before {
-  content: "";
+  content: "\f647";
 }
 
 .fa-bicycle:before {
-  content: "";
+  content: "\f206";
 }
 
 .fa-bimobject:before {
-  content: "";
+  content: "\f378";
 }
 
 .fa-binoculars:before {
-  content: "";
+  content: "\f1e5";
 }
 
 .fa-birthday-cake:before {
-  content: "";
+  content: "\f1fd";
 }
 
 .fa-bitbucket:before {
-  content: "";
+  content: "\f171";
 }
 
 .fa-bitcoin:before {
-  content: "";
+  content: "\f379";
 }
 
 .fa-bity:before {
-  content: "";
+  content: "\f37a";
 }
 
 .fa-black-tie:before {
-  content: "";
+  content: "\f27e";
 }
 
 .fa-blackberry:before {
-  content: "";
+  content: "\f37b";
 }
 
 .fa-blender:before {
-  content: "";
+  content: "\f517";
 }
 
 .fa-blind:before {
-  content: "";
+  content: "\f29d";
 }
 
 .fa-blogger:before {
-  content: "";
+  content: "\f37c";
 }
 
 .fa-blogger-b:before {
-  content: "";
+  content: "\f37d";
 }
 
 .fa-bluetooth:before {
-  content: "";
+  content: "\f293";
 }
 
 .fa-bluetooth-b:before {
-  content: "";
+  content: "\f294";
 }
 
 .fa-bold:before {
-  content: "";
+  content: "\f032";
 }
 
 .fa-bolt:before {
-  content: "";
+  content: "\f0e7";
 }
 
 .fa-bomb:before {
-  content: "";
+  content: "\f1e2";
 }
 
 .fa-bone:before {
-  content: "";
+  content: "\f5d7";
 }
 
 .fa-bong:before {
-  content: "";
+  content: "\f55c";
 }
 
 .fa-book:before {
-  content: "";
+  content: "\f02d";
 }
 
 .fa-book-open:before {
-  content: "";
+  content: "\f518";
 }
 
 .fa-book-reader:before {
-  content: "";
+  content: "\f5da";
 }
 
 .fa-bookmark:before {
-  content: "";
+  content: "\f02e";
 }
 
 .fa-bowling-ball:before {
-  content: "";
+  content: "\f436";
 }
 
 .fa-box:before {
-  content: "";
+  content: "\f466";
 }
 
 .fa-box-open:before {
-  content: "";
+  content: "\f49e";
 }
 
 .fa-boxes:before {
-  content: "";
+  content: "\f468";
 }
 
 .fa-braille:before {
-  content: "";
+  content: "\f2a1";
 }
 
 .fa-brain:before {
-  content: "";
+  content: "\f5dc";
 }
 
 .fa-briefcase:before {
-  content: "";
+  content: "\f0b1";
 }
 
 .fa-briefcase-medical:before {
-  content: "";
+  content: "\f469";
 }
 
 .fa-broadcast-tower:before {
-  content: "";
+  content: "\f519";
 }
 
 .fa-broom:before {
-  content: "";
+  content: "\f51a";
 }
 
 .fa-brush:before {
-  content: "";
+  content: "\f55d";
 }
 
 .fa-btc:before {
-  content: "";
+  content: "\f15a";
 }
 
 .fa-bug:before {
-  content: "";
+  content: "\f188";
 }
 
 .fa-building:before {
-  content: "";
+  content: "\f1ad";
 }
 
 .fa-bullhorn:before {
-  content: "";
+  content: "\f0a1";
 }
 
 .fa-bullseye:before {
-  content: "";
+  content: "\f140";
 }
 
 .fa-burn:before {
-  content: "";
+  content: "\f46a";
 }
 
 .fa-buromobelexperte:before {
-  content: "";
+  content: "\f37f";
 }
 
 .fa-bus:before {
-  content: "";
+  content: "\f207";
 }
 
 .fa-bus-alt:before {
-  content: "";
+  content: "\f55e";
 }
 
 .fa-business-time:before {
-  content: "";
+  content: "\f64a";
 }
 
 .fa-buysellads:before {
-  content: "";
+  content: "\f20d";
 }
 
 .fa-calculator:before {
-  content: "";
+  content: "\f1ec";
 }
 
 .fa-calendar:before {
-  content: "";
+  content: "\f133";
 }
 
 .fa-calendar-alt:before {
-  content: "";
+  content: "\f073";
 }
 
 .fa-calendar-check:before {
-  content: "";
+  content: "\f274";
 }
 
 .fa-calendar-minus:before {
-  content: "";
+  content: "\f272";
 }
 
 .fa-calendar-plus:before {
-  content: "";
+  content: "\f271";
 }
 
 .fa-calendar-times:before {
-  content: "";
+  content: "\f273";
 }
 
 .fa-camera:before {
-  content: "";
+  content: "\f030";
 }
 
 .fa-camera-retro:before {
-  content: "";
+  content: "\f083";
 }
 
 .fa-cannabis:before {
-  content: "";
+  content: "\f55f";
 }
 
 .fa-capsules:before {
-  content: "";
+  content: "\f46b";
 }
 
 .fa-car:before {
-  content: "";
+  content: "\f1b9";
 }
 
 .fa-car-alt:before {
-  content: "";
+  content: "\f5de";
 }
 
 .fa-car-battery:before {
-  content: "";
+  content: "\f5df";
 }
 
 .fa-car-crash:before {
-  content: "";
+  content: "\f5e1";
 }
 
 .fa-car-side:before {
-  content: "";
+  content: "\f5e4";
 }
 
 .fa-caret-down:before {
-  content: "";
+  content: "\f0d7";
 }
 
 .fa-caret-left:before {
-  content: "";
+  content: "\f0d9";
 }
 
 .fa-caret-right:before {
-  content: "";
+  content: "\f0da";
 }
 
 .fa-caret-square-down:before {
-  content: "";
+  content: "\f150";
 }
 
 .fa-caret-square-left:before {
-  content: "";
+  content: "\f191";
 }
 
 .fa-caret-square-right:before {
-  content: "";
+  content: "\f152";
 }
 
 .fa-caret-square-up:before {
-  content: "";
+  content: "\f151";
 }
 
 .fa-caret-up:before {
-  content: "";
+  content: "\f0d8";
 }
 
 .fa-cart-arrow-down:before {
-  content: "";
+  content: "\f218";
 }
 
 .fa-cart-plus:before {
-  content: "";
+  content: "\f217";
 }
 
 .fa-cc-amazon-pay:before {
-  content: "";
+  content: "\f42d";
 }
 
 .fa-cc-amex:before {
-  content: "";
+  content: "\f1f3";
 }
 
 .fa-cc-apple-pay:before {
-  content: "";
+  content: "\f416";
 }
 
 .fa-cc-diners-club:before {
-  content: "";
+  content: "\f24c";
 }
 
 .fa-cc-discover:before {
-  content: "";
+  content: "\f1f2";
 }
 
 .fa-cc-jcb:before {
-  content: "";
+  content: "\f24b";
 }
 
 .fa-cc-mastercard:before {
-  content: "";
+  content: "\f1f1";
 }
 
 .fa-cc-paypal:before {
-  content: "";
+  content: "\f1f4";
 }
 
 .fa-cc-stripe:before {
-  content: "";
+  content: "\f1f5";
 }
 
 .fa-cc-visa:before {
-  content: "";
+  content: "\f1f0";
 }
 
 .fa-centercode:before {
-  content: "";
+  content: "\f380";
 }
 
 .fa-certificate:before {
-  content: "";
+  content: "\f0a3";
 }
 
 .fa-chalkboard:before {
-  content: "";
+  content: "\f51b";
 }
 
 .fa-chalkboard-teacher:before {
-  content: "";
+  content: "\f51c";
 }
 
 .fa-charging-station:before {
-  content: "";
+  content: "\f5e7";
 }
 
 .fa-chart-area:before {
-  content: "";
+  content: "\f1fe";
 }
 
 .fa-chart-bar:before {
-  content: "";
+  content: "\f080";
 }
 
 .fa-chart-line:before {
-  content: "";
+  content: "\f201";
 }
 
 .fa-chart-pie:before {
-  content: "";
+  content: "\f200";
 }
 
 .fa-check:before {
-  content: "";
+  content: "\f00c";
 }
 
 .fa-check-circle:before {
-  content: "";
+  content: "\f058";
 }
 
 .fa-check-double:before {
-  content: "";
+  content: "\f560";
 }
 
 .fa-check-square:before {
-  content: "";
+  content: "\f14a";
 }
 
 .fa-chess:before {
-  content: "";
+  content: "\f439";
 }
 
 .fa-chess-bishop:before {
-  content: "";
+  content: "\f43a";
 }
 
 .fa-chess-board:before {
-  content: "";
+  content: "\f43c";
 }
 
 .fa-chess-king:before {
-  content: "";
+  content: "\f43f";
 }
 
 .fa-chess-knight:before {
-  content: "";
+  content: "\f441";
 }
 
 .fa-chess-pawn:before {
-  content: "";
+  content: "\f443";
 }
 
 .fa-chess-queen:before {
-  content: "";
+  content: "\f445";
 }
 
 .fa-chess-rook:before {
-  content: "";
+  content: "\f447";
 }
 
 .fa-chevron-circle-down:before {
-  content: "";
+  content: "\f13a";
 }
 
 .fa-chevron-circle-left:before {
-  content: "";
+  content: "\f137";
 }
 
 .fa-chevron-circle-right:before {
-  content: "";
+  content: "\f138";
 }
 
 .fa-chevron-circle-up:before {
-  content: "";
+  content: "\f139";
 }
 
 .fa-chevron-down:before {
-  content: "";
+  content: "\f078";
 }
 
 .fa-chevron-left:before {
-  content: "";
+  content: "\f053";
 }
 
 .fa-chevron-right:before {
-  content: "";
+  content: "\f054";
 }
 
 .fa-chevron-up:before {
-  content: "";
+  content: "\f077";
 }
 
 .fa-child:before {
-  content: "";
+  content: "\f1ae";
 }
 
 .fa-chrome:before {
-  content: "";
+  content: "\f268";
 }
 
 .fa-church:before {
-  content: "";
+  content: "\f51d";
 }
 
 .fa-circle:before {
-  content: "";
+  content: "\f111";
 }
 
 .fa-circle-notch:before {
-  content: "";
+  content: "\f1ce";
 }
 
 .fa-city:before {
-  content: "";
+  content: "\f64f";
 }
 
 .fa-clipboard:before {
-  content: "";
+  content: "\f328";
 }
 
 .fa-clipboard-check:before {
-  content: "";
+  content: "\f46c";
 }
 
 .fa-clipboard-list:before {
-  content: "";
+  content: "\f46d";
 }
 
 .fa-clock:before {
-  content: "";
+  content: "\f017";
 }
 
 .fa-clone:before {
-  content: "";
+  content: "\f24d";
 }
 
 .fa-closed-captioning:before {
-  content: "";
+  content: "\f20a";
 }
 
 .fa-cloud:before {
-  content: "";
+  content: "\f0c2";
 }
 
 .fa-cloud-download-alt:before {
-  content: "";
+  content: "\f381";
 }
 
 .fa-cloud-upload-alt:before {
-  content: "";
+  content: "\f382";
 }
 
 .fa-cloudscale:before {
-  content: "";
+  content: "\f383";
 }
 
 .fa-cloudsmith:before {
-  content: "";
+  content: "\f384";
 }
 
 .fa-cloudversify:before {
-  content: "";
+  content: "\f385";
 }
 
 .fa-cocktail:before {
-  content: "";
+  content: "\f561";
 }
 
 .fa-code:before {
-  content: "";
+  content: "\f121";
 }
 
 .fa-code-branch:before {
-  content: "";
+  content: "\f126";
 }
 
 .fa-codepen:before {
-  content: "";
+  content: "\f1cb";
 }
 
 .fa-codiepie:before {
-  content: "";
+  content: "\f284";
 }
 
 .fa-coffee:before {
-  content: "";
+  content: "\f0f4";
 }
 
 .fa-cog:before {
-  content: "";
+  content: "\f013";
 }
 
 .fa-cogs:before {
-  content: "";
+  content: "\f085";
 }
 
 .fa-coins:before {
-  content: "";
+  content: "\f51e";
 }
 
 .fa-columns:before {
-  content: "";
+  content: "\f0db";
 }
 
 .fa-comment:before {
-  content: "";
+  content: "\f075";
 }
 
 .fa-comment-alt:before {
-  content: "";
+  content: "\f27a";
 }
 
 .fa-comment-dollar:before {
-  content: "";
+  content: "\f651";
 }
 
 .fa-comment-dots:before {
-  content: "";
+  content: "\f4ad";
 }
 
 .fa-comment-slash:before {
-  content: "";
+  content: "\f4b3";
 }
 
 .fa-comments:before {
-  content: "";
+  content: "\f086";
 }
 
 .fa-comments-dollar:before {
-  content: "";
+  content: "\f653";
 }
 
 .fa-compact-disc:before {
-  content: "";
+  content: "\f51f";
 }
 
 .fa-compass:before {
-  content: "";
+  content: "\f14e";
 }
 
 .fa-compress:before {
-  content: "";
+  content: "\f066";
 }
 
 .fa-concierge-bell:before {
-  content: "";
+  content: "\f562";
 }
 
 .fa-connectdevelop:before {
-  content: "";
+  content: "\f20e";
 }
 
 .fa-contao:before {
-  content: "";
+  content: "\f26d";
 }
 
 .fa-cookie:before {
-  content: "";
+  content: "\f563";
 }
 
 .fa-cookie-bite:before {
-  content: "";
+  content: "\f564";
 }
 
 .fa-copy:before {
-  content: "";
+  content: "\f0c5";
 }
 
 .fa-copyright:before {
-  content: "";
+  content: "\f1f9";
 }
 
 .fa-couch:before {
-  content: "";
+  content: "\f4b8";
 }
 
 .fa-cpanel:before {
-  content: "";
+  content: "\f388";
 }
 
 .fa-creative-commons:before {
-  content: "";
+  content: "\f25e";
 }
 
 .fa-creative-commons-by:before {
-  content: "";
+  content: "\f4e7";
 }
 
 .fa-creative-commons-nc:before {
-  content: "";
+  content: "\f4e8";
 }
 
 .fa-creative-commons-nc-eu:before {
-  content: "";
+  content: "\f4e9";
 }
 
 .fa-creative-commons-nc-jp:before {
-  content: "";
+  content: "\f4ea";
 }
 
 .fa-creative-commons-nd:before {
-  content: "";
+  content: "\f4eb";
 }
 
 .fa-creative-commons-pd:before {
-  content: "";
+  content: "\f4ec";
 }
 
 .fa-creative-commons-pd-alt:before {
-  content: "";
+  content: "\f4ed";
 }
 
 .fa-creative-commons-remix:before {
-  content: "";
+  content: "\f4ee";
 }
 
 .fa-creative-commons-sa:before {
-  content: "";
+  content: "\f4ef";
 }
 
 .fa-creative-commons-sampling:before {
-  content: "";
+  content: "\f4f0";
 }
 
 .fa-creative-commons-sampling-plus:before {
-  content: "";
+  content: "\f4f1";
 }
 
 .fa-creative-commons-share:before {
-  content: "";
+  content: "\f4f2";
 }
 
 .fa-credit-card:before {
-  content: "";
+  content: "\f09d";
 }
 
 .fa-crop:before {
-  content: "";
+  content: "\f125";
 }
 
 .fa-crop-alt:before {
-  content: "";
+  content: "\f565";
 }
 
 .fa-cross:before {
-  content: "";
+  content: "\f654";
 }
 
 .fa-crosshairs:before {
-  content: "";
+  content: "\f05b";
 }
 
 .fa-crow:before {
-  content: "";
+  content: "\f520";
 }
 
 .fa-crown:before {
-  content: "";
+  content: "\f521";
 }
 
 .fa-css3:before {
-  content: "";
+  content: "\f13c";
 }
 
 .fa-css3-alt:before {
-  content: "";
+  content: "\f38b";
 }
 
 .fa-cube:before {
-  content: "";
+  content: "\f1b2";
 }
 
 .fa-cubes:before {
-  content: "";
+  content: "\f1b3";
 }
 
 .fa-cut:before {
-  content: "";
+  content: "\f0c4";
 }
 
 .fa-cuttlefish:before {
-  content: "";
+  content: "\f38c";
 }
 
 .fa-d-and-d:before {
-  content: "";
+  content: "\f38d";
 }
 
 .fa-dashcube:before {
-  content: "";
+  content: "\f210";
 }
 
 .fa-database:before {
-  content: "";
+  content: "\f1c0";
 }
 
 .fa-deaf:before {
-  content: "";
+  content: "\f2a4";
 }
 
 .fa-delicious:before {
-  content: "";
+  content: "\f1a5";
 }
 
 .fa-deploydog:before {
-  content: "";
+  content: "\f38e";
 }
 
 .fa-deskpro:before {
-  content: "";
+  content: "\f38f";
 }
 
 .fa-desktop:before {
-  content: "";
+  content: "\f108";
 }
 
 .fa-deviantart:before {
-  content: "";
+  content: "\f1bd";
 }
 
 .fa-dharmachakra:before {
-  content: "";
+  content: "\f655";
 }
 
 .fa-diagnoses:before {
-  content: "";
+  content: "\f470";
 }
 
 .fa-dice:before {
-  content: "";
+  content: "\f522";
 }
 
 .fa-dice-five:before {
-  content: "";
+  content: "\f523";
 }
 
 .fa-dice-four:before {
-  content: "";
+  content: "\f524";
 }
 
 .fa-dice-one:before {
-  content: "";
+  content: "\f525";
 }
 
 .fa-dice-six:before {
-  content: "";
+  content: "\f526";
 }
 
 .fa-dice-three:before {
-  content: "";
+  content: "\f527";
 }
 
 .fa-dice-two:before {
-  content: "";
+  content: "\f528";
 }
 
 .fa-digg:before {
-  content: "";
+  content: "\f1a6";
 }
 
 .fa-digital-ocean:before {
-  content: "";
+  content: "\f391";
 }
 
 .fa-digital-tachograph:before {
-  content: "";
+  content: "\f566";
 }
 
 .fa-directions:before {
-  content: "";
+  content: "\f5eb";
 }
 
 .fa-discord:before {
-  content: "";
+  content: "\f392";
 }
 
 .fa-discourse:before {
-  content: "";
+  content: "\f393";
 }
 
 .fa-divide:before {
-  content: "";
+  content: "\f529";
 }
 
 .fa-dizzy:before {
-  content: "";
+  content: "\f567";
 }
 
 .fa-dna:before {
-  content: "";
+  content: "\f471";
 }
 
 .fa-dochub:before {
-  content: "";
+  content: "\f394";
 }
 
 .fa-docker:before {
-  content: "";
+  content: "\f395";
 }
 
 .fa-dollar-sign:before {
-  content: "";
+  content: "\f155";
 }
 
 .fa-dolly:before {
-  content: "";
+  content: "\f472";
 }
 
 .fa-dolly-flatbed:before {
-  content: "";
+  content: "\f474";
 }
 
 .fa-donate:before {
-  content: "";
+  content: "\f4b9";
 }
 
 .fa-door-closed:before {
-  content: "";
+  content: "\f52a";
 }
 
 .fa-door-open:before {
-  content: "";
+  content: "\f52b";
 }
 
 .fa-dot-circle:before {
-  content: "";
+  content: "\f192";
 }
 
 .fa-dove:before {
-  content: "";
+  content: "\f4ba";
 }
 
 .fa-download:before {
-  content: "";
+  content: "\f019";
 }
 
 .fa-draft2digital:before {
-  content: "";
+  content: "\f396";
 }
 
 .fa-drafting-compass:before {
-  content: "";
+  content: "\f568";
 }
 
 .fa-draw-polygon:before {
-  content: "";
+  content: "\f5ee";
 }
 
 .fa-dribbble:before {
-  content: "";
+  content: "\f17d";
 }
 
 .fa-dribbble-square:before {
-  content: "";
+  content: "\f397";
 }
 
 .fa-dropbox:before {
-  content: "";
+  content: "\f16b";
 }
 
 .fa-drum:before {
-  content: "";
+  content: "\f569";
 }
 
 .fa-drum-steelpan:before {
-  content: "";
+  content: "\f56a";
 }
 
 .fa-drupal:before {
-  content: "";
+  content: "\f1a9";
 }
 
 .fa-dumbbell:before {
-  content: "";
+  content: "\f44b";
 }
 
 .fa-dyalog:before {
-  content: "";
+  content: "\f399";
 }
 
 .fa-earlybirds:before {
-  content: "";
+  content: "\f39a";
 }
 
 .fa-ebay:before {
-  content: "";
+  content: "\f4f4";
 }
 
 .fa-edge:before {
-  content: "";
+  content: "\f282";
 }
 
 .fa-edit:before {
-  content: "";
+  content: "\f044";
 }
 
 .fa-eject:before {
-  content: "";
+  content: "\f052";
 }
 
 .fa-elementor:before {
-  content: "";
+  content: "\f430";
 }
 
 .fa-ellipsis-h:before {
-  content: "";
+  content: "\f141";
 }
 
 .fa-ellipsis-v:before {
-  content: "";
+  content: "\f142";
 }
 
 .fa-ello:before {
-  content: "";
+  content: "\f5f1";
 }
 
 .fa-ember:before {
-  content: "";
+  content: "\f423";
 }
 
 .fa-empire:before {
-  content: "";
+  content: "\f1d1";
 }
 
 .fa-envelope:before {
-  content: "";
+  content: "\f0e0";
 }
 
 .fa-envelope-open:before {
-  content: "";
+  content: "\f2b6";
 }
 
 .fa-envelope-open-text:before {
-  content: "";
+  content: "\f658";
 }
 
 .fa-envelope-square:before {
-  content: "";
+  content: "\f199";
 }
 
 .fa-envira:before {
-  content: "";
+  content: "\f299";
 }
 
 .fa-equals:before {
-  content: "";
+  content: "\f52c";
 }
 
 .fa-eraser:before {
-  content: "";
+  content: "\f12d";
 }
 
 .fa-erlang:before {
-  content: "";
+  content: "\f39d";
 }
 
 .fa-ethereum:before {
-  content: "";
+  content: "\f42e";
 }
 
 .fa-etsy:before {
-  content: "";
+  content: "\f2d7";
 }
 
 .fa-euro-sign:before {
-  content: "";
+  content: "\f153";
 }
 
 .fa-exchange-alt:before {
-  content: "";
+  content: "\f362";
 }
 
 .fa-exclamation:before {
-  content: "";
+  content: "\f12a";
 }
 
 .fa-exclamation-circle:before {
-  content: "";
+  content: "\f06a";
 }
 
 .fa-exclamation-triangle:before {
-  content: "";
+  content: "\f071";
 }
 
 .fa-expand:before {
-  content: "";
+  content: "\f065";
 }
 
 .fa-expand-arrows-alt:before {
-  content: "";
+  content: "\f31e";
 }
 
 .fa-expeditedssl:before {
-  content: "";
+  content: "\f23e";
 }
 
 .fa-external-link-alt:before {
-  content: "";
+  content: "\f35d";
 }
 
 .fa-external-link-square-alt:before {
-  content: "";
+  content: "\f360";
 }
 
 .fa-eye:before {
-  content: "";
+  content: "\f06e";
 }
 
 .fa-eye-dropper:before {
-  content: "";
+  content: "\f1fb";
 }
 
 .fa-eye-slash:before {
-  content: "";
+  content: "\f070";
 }
 
 .fa-facebook:before {
-  content: "";
+  content: "\f09a";
 }
 
 .fa-facebook-f:before {
-  content: "";
+  content: "\f39e";
 }
 
 .fa-facebook-messenger:before {
-  content: "";
+  content: "\f39f";
 }
 
 .fa-facebook-square:before {
-  content: "";
+  content: "\f082";
 }
 
 .fa-fast-backward:before {
-  content: "";
+  content: "\f049";
 }
 
 .fa-fast-forward:before {
-  content: "";
+  content: "\f050";
 }
 
 .fa-fax:before {
-  content: "";
+  content: "\f1ac";
 }
 
 .fa-feather:before {
-  content: "";
+  content: "\f52d";
 }
 
 .fa-feather-alt:before {
-  content: "";
+  content: "\f56b";
 }
 
 .fa-female:before {
-  content: "";
+  content: "\f182";
 }
 
 .fa-fighter-jet:before {
-  content: "";
+  content: "\f0fb";
 }
 
 .fa-file:before {
-  content: "";
+  content: "\f15b";
 }
 
 .fa-file-alt:before {
-  content: "";
+  content: "\f15c";
 }
 
 .fa-file-archive:before {
-  content: "";
+  content: "\f1c6";
 }
 
 .fa-file-audio:before {
-  content: "";
+  content: "\f1c7";
 }
 
 .fa-file-code:before {
-  content: "";
+  content: "\f1c9";
 }
 
 .fa-file-contract:before {
-  content: "";
+  content: "\f56c";
 }
 
 .fa-file-download:before {
-  content: "";
+  content: "\f56d";
 }
 
 .fa-file-excel:before {
-  content: "";
+  content: "\f1c3";
 }
 
 .fa-file-export:before {
-  content: "";
+  content: "\f56e";
 }
 
 .fa-file-image:before {
-  content: "";
+  content: "\f1c5";
 }
 
 .fa-file-import:before {
-  content: "";
+  content: "\f56f";
 }
 
 .fa-file-invoice:before {
-  content: "";
+  content: "\f570";
 }
 
 .fa-file-invoice-dollar:before {
-  content: "";
+  content: "\f571";
 }
 
 .fa-file-medical:before {
-  content: "";
+  content: "\f477";
 }
 
 .fa-file-medical-alt:before {
-  content: "";
+  content: "\f478";
 }
 
 .fa-file-pdf:before {
-  content: "";
+  content: "\f1c1";
 }
 
 .fa-file-powerpoint:before {
-  content: "";
+  content: "\f1c4";
 }
 
 .fa-file-prescription:before {
-  content: "";
+  content: "\f572";
 }
 
 .fa-file-signature:before {
-  content: "";
+  content: "\f573";
 }
 
 .fa-file-upload:before {
-  content: "";
+  content: "\f574";
 }
 
 .fa-file-video:before {
-  content: "";
+  content: "\f1c8";
 }
 
 .fa-file-word:before {
-  content: "";
+  content: "\f1c2";
 }
 
 .fa-fill:before {
-  content: "";
+  content: "\f575";
 }
 
 .fa-fill-drip:before {
-  content: "";
+  content: "\f576";
 }
 
 .fa-film:before {
-  content: "";
+  content: "\f008";
 }
 
 .fa-filter:before {
-  content: "";
+  content: "\f0b0";
 }
 
 .fa-fingerprint:before {
-  content: "";
+  content: "\f577";
 }
 
 .fa-fire:before {
-  content: "";
+  content: "\f06d";
 }
 
 .fa-fire-extinguisher:before {
-  content: "";
+  content: "\f134";
 }
 
 .fa-firefox:before {
-  content: "";
+  content: "\f269";
 }
 
 .fa-first-aid:before {
-  content: "";
+  content: "\f479";
 }
 
 .fa-first-order:before {
-  content: "";
+  content: "\f2b0";
 }
 
 .fa-first-order-alt:before {
-  content: "";
+  content: "\f50a";
 }
 
 .fa-firstdraft:before {
-  content: "";
+  content: "\f3a1";
 }
 
 .fa-fish:before {
-  content: "";
+  content: "\f578";
 }
 
 .fa-flag:before {
-  content: "";
+  content: "\f024";
 }
 
 .fa-flag-checkered:before {
-  content: "";
+  content: "\f11e";
 }
 
 .fa-flask:before {
-  content: "";
+  content: "\f0c3";
 }
 
 .fa-flickr:before {
-  content: "";
+  content: "\f16e";
 }
 
 .fa-flipboard:before {
-  content: "";
+  content: "\f44d";
 }
 
 .fa-flushed:before {
-  content: "";
+  content: "\f579";
 }
 
 .fa-fly:before {
-  content: "";
+  content: "\f417";
 }
 
 .fa-folder:before {
-  content: "";
+  content: "\f07b";
 }
 
 .fa-folder-minus:before {
-  content: "";
+  content: "\f65d";
 }
 
 .fa-folder-open:before {
-  content: "";
+  content: "\f07c";
 }
 
 .fa-folder-plus:before {
-  content: "";
+  content: "\f65e";
 }
 
 .fa-font:before {
-  content: "";
+  content: "\f031";
 }
 
 .fa-font-awesome:before {
-  content: "";
+  content: "\f2b4";
 }
 
 .fa-font-awesome-alt:before {
-  content: "";
+  content: "\f35c";
 }
 
 .fa-font-awesome-flag:before {
-  content: "";
+  content: "\f425";
 }
 
 .fa-font-awesome-logo-full:before {
-  content: "";
+  content: "\f4e6";
 }
 
 .fa-fonticons:before {
-  content: "";
+  content: "\f280";
 }
 
 .fa-fonticons-fi:before {
-  content: "";
+  content: "\f3a2";
 }
 
 .fa-football-ball:before {
-  content: "";
+  content: "\f44e";
 }
 
 .fa-fort-awesome:before {
-  content: "";
+  content: "\f286";
 }
 
 .fa-fort-awesome-alt:before {
-  content: "";
+  content: "\f3a3";
 }
 
 .fa-forumbee:before {
-  content: "";
+  content: "\f211";
 }
 
 .fa-forward:before {
-  content: "";
+  content: "\f04e";
 }
 
 .fa-foursquare:before {
-  content: "";
+  content: "\f180";
 }
 
 .fa-free-code-camp:before {
-  content: "";
+  content: "\f2c5";
 }
 
 .fa-freebsd:before {
-  content: "";
+  content: "\f3a4";
 }
 
 .fa-frog:before {
-  content: "";
+  content: "\f52e";
 }
 
 .fa-frown:before {
-  content: "";
+  content: "\f119";
 }
 
 .fa-frown-open:before {
-  content: "";
+  content: "\f57a";
 }
 
 .fa-fulcrum:before {
-  content: "";
+  content: "\f50b";
 }
 
 .fa-funnel-dollar:before {
-  content: "";
+  content: "\f662";
 }
 
 .fa-futbol:before {
-  content: "";
+  content: "\f1e3";
 }
 
 .fa-galactic-republic:before {
-  content: "";
+  content: "\f50c";
 }
 
 .fa-galactic-senate:before {
-  content: "";
+  content: "\f50d";
 }
 
 .fa-gamepad:before {
-  content: "";
+  content: "\f11b";
 }
 
 .fa-gas-pump:before {
-  content: "";
+  content: "\f52f";
 }
 
 .fa-gavel:before {
-  content: "";
+  content: "\f0e3";
 }
 
 .fa-gem:before {
-  content: "";
+  content: "\f3a5";
 }
 
 .fa-genderless:before {
-  content: "";
+  content: "\f22d";
 }
 
 .fa-get-pocket:before {
-  content: "";
+  content: "\f265";
 }
 
 .fa-gg:before {
-  content: "";
+  content: "\f260";
 }
 
 .fa-gg-circle:before {
-  content: "";
+  content: "\f261";
 }
 
 .fa-gift:before {
-  content: "";
+  content: "\f06b";
 }
 
 .fa-git:before {
-  content: "";
+  content: "\f1d3";
 }
 
 .fa-git-square:before {
-  content: "";
+  content: "\f1d2";
 }
 
 .fa-github:before {
-  content: "";
+  content: "\f09b";
 }
 
 .fa-github-alt:before {
-  content: "";
+  content: "\f113";
 }
 
 .fa-github-square:before {
-  content: "";
+  content: "\f092";
 }
 
 .fa-gitkraken:before {
-  content: "";
+  content: "\f3a6";
 }
 
 .fa-gitlab:before {
-  content: "";
+  content: "\f296";
 }
 
 .fa-gitter:before {
-  content: "";
+  content: "\f426";
 }
 
 .fa-glass-martini:before {
-  content: "";
+  content: "\f000";
 }
 
 .fa-glass-martini-alt:before {
-  content: "";
+  content: "\f57b";
 }
 
 .fa-glasses:before {
-  content: "";
+  content: "\f530";
 }
 
 .fa-glide:before {
-  content: "";
+  content: "\f2a5";
 }
 
 .fa-glide-g:before {
-  content: "";
+  content: "\f2a6";
 }
 
 .fa-globe:before {
-  content: "";
+  content: "\f0ac";
 }
 
 .fa-globe-africa:before {
-  content: "";
+  content: "\f57c";
 }
 
 .fa-globe-americas:before {
-  content: "";
+  content: "\f57d";
 }
 
 .fa-globe-asia:before {
-  content: "";
+  content: "\f57e";
 }
 
 .fa-gofore:before {
-  content: "";
+  content: "\f3a7";
 }
 
 .fa-golf-ball:before {
-  content: "";
+  content: "\f450";
 }
 
 .fa-goodreads:before {
-  content: "";
+  content: "\f3a8";
 }
 
 .fa-goodreads-g:before {
-  content: "";
+  content: "\f3a9";
 }
 
 .fa-google:before {
-  content: "";
+  content: "\f1a0";
 }
 
 .fa-google-drive:before {
-  content: "";
+  content: "\f3aa";
 }
 
 .fa-google-play:before {
-  content: "";
+  content: "\f3ab";
 }
 
 .fa-google-plus:before {
-  content: "";
+  content: "\f2b3";
 }
 
 .fa-google-plus-g:before {
-  content: "";
+  content: "\f0d5";
 }
 
 .fa-google-plus-square:before {
-  content: "";
+  content: "\f0d4";
 }
 
 .fa-google-wallet:before {
-  content: "";
+  content: "\f1ee";
 }
 
 .fa-gopuram:before {
-  content: "";
+  content: "\f664";
 }
 
 .fa-graduation-cap:before {
-  content: "";
+  content: "\f19d";
 }
 
 .fa-gratipay:before {
-  content: "";
+  content: "\f184";
 }
 
 .fa-grav:before {
-  content: "";
+  content: "\f2d6";
 }
 
 .fa-greater-than:before {
-  content: "";
+  content: "\f531";
 }
 
 .fa-greater-than-equal:before {
-  content: "";
+  content: "\f532";
 }
 
 .fa-grimace:before {
-  content: "";
+  content: "\f57f";
 }
 
 .fa-grin:before {
-  content: "";
+  content: "\f580";
 }
 
 .fa-grin-alt:before {
-  content: "";
+  content: "\f581";
 }
 
 .fa-grin-beam:before {
-  content: "";
+  content: "\f582";
 }
 
 .fa-grin-beam-sweat:before {
-  content: "";
+  content: "\f583";
 }
 
 .fa-grin-hearts:before {
-  content: "";
+  content: "\f584";
 }
 
 .fa-grin-squint:before {
-  content: "";
+  content: "\f585";
 }
 
 .fa-grin-squint-tears:before {
-  content: "";
+  content: "\f586";
 }
 
 .fa-grin-stars:before {
-  content: "";
+  content: "\f587";
 }
 
 .fa-grin-tears:before {
-  content: "";
+  content: "\f588";
 }
 
 .fa-grin-tongue:before {
-  content: "";
+  content: "\f589";
 }
 
 .fa-grin-tongue-squint:before {
-  content: "";
+  content: "\f58a";
 }
 
 .fa-grin-tongue-wink:before {
-  content: "";
+  content: "\f58b";
 }
 
 .fa-grin-wink:before {
-  content: "";
+  content: "\f58c";
 }
 
 .fa-grip-horizontal:before {
-  content: "";
+  content: "\f58d";
 }
 
 .fa-grip-vertical:before {
-  content: "";
+  content: "\f58e";
 }
 
 .fa-gripfire:before {
-  content: "";
+  content: "\f3ac";
 }
 
 .fa-grunt:before {
-  content: "";
+  content: "\f3ad";
 }
 
 .fa-gulp:before {
-  content: "";
+  content: "\f3ae";
 }
 
 .fa-h-square:before {
-  content: "";
+  content: "\f0fd";
 }
 
 .fa-hacker-news:before {
-  content: "";
+  content: "\f1d4";
 }
 
 .fa-hacker-news-square:before {
-  content: "";
+  content: "\f3af";
 }
 
 .fa-hackerrank:before {
-  content: "";
+  content: "\f5f7";
 }
 
 .fa-hamsa:before {
-  content: "";
+  content: "\f665";
 }
 
 .fa-hand-holding:before {
-  content: "";
+  content: "\f4bd";
 }
 
 .fa-hand-holding-heart:before {
-  content: "";
+  content: "\f4be";
 }
 
 .fa-hand-holding-usd:before {
-  content: "";
+  content: "\f4c0";
 }
 
 .fa-hand-lizard:before {
-  content: "";
+  content: "\f258";
 }
 
 .fa-hand-paper:before {
-  content: "";
+  content: "\f256";
 }
 
 .fa-hand-peace:before {
-  content: "";
+  content: "\f25b";
 }
 
 .fa-hand-point-down:before {
-  content: "";
+  content: "\f0a7";
 }
 
 .fa-hand-point-left:before {
-  content: "";
+  content: "\f0a5";
 }
 
 .fa-hand-point-right:before {
-  content: "";
+  content: "\f0a4";
 }
 
 .fa-hand-point-up:before {
-  content: "";
+  content: "\f0a6";
 }
 
 .fa-hand-pointer:before {
-  content: "";
+  content: "\f25a";
 }
 
 .fa-hand-rock:before {
-  content: "";
+  content: "\f255";
 }
 
 .fa-hand-scissors:before {
-  content: "";
+  content: "\f257";
 }
 
 .fa-hand-spock:before {
-  content: "";
+  content: "\f259";
 }
 
 .fa-hands:before {
-  content: "";
+  content: "\f4c2";
 }
 
 .fa-hands-helping:before {
-  content: "";
+  content: "\f4c4";
 }
 
 .fa-handshake:before {
-  content: "";
+  content: "\f2b5";
 }
 
 .fa-hashtag:before {
-  content: "";
+  content: "\f292";
 }
 
 .fa-haykal:before {
-  content: "";
+  content: "\f666";
 }
 
 .fa-hdd:before {
-  content: "";
+  content: "\f0a0";
 }
 
 .fa-heading:before {
-  content: "";
+  content: "\f1dc";
 }
 
 .fa-headphones:before {
-  content: "";
+  content: "\f025";
 }
 
 .fa-headphones-alt:before {
-  content: "";
+  content: "\f58f";
 }
 
 .fa-headset:before {
-  content: "";
+  content: "\f590";
 }
 
 .fa-heart:before {
-  content: "";
+  content: "\f004";
 }
 
 .fa-heartbeat:before {
-  content: "";
+  content: "\f21e";
 }
 
 .fa-helicopter:before {
-  content: "";
+  content: "\f533";
 }
 
 .fa-highlighter:before {
-  content: "";
+  content: "\f591";
 }
 
 .fa-hips:before {
-  content: "";
+  content: "\f452";
 }
 
 .fa-hire-a-helper:before {
-  content: "";
+  content: "\f3b0";
 }
 
 .fa-history:before {
-  content: "";
+  content: "\f1da";
 }
 
 .fa-hockey-puck:before {
-  content: "";
+  content: "\f453";
 }
 
 .fa-home:before {
-  content: "";
+  content: "\f015";
 }
 
 .fa-hooli:before {
-  content: "";
+  content: "\f427";
 }
 
 .fa-hornbill:before {
-  content: "";
+  content: "\f592";
 }
 
 .fa-hospital:before {
-  content: "";
+  content: "\f0f8";
 }
 
 .fa-hospital-alt:before {
-  content: "";
+  content: "\f47d";
 }
 
 .fa-hospital-symbol:before {
-  content: "";
+  content: "\f47e";
 }
 
 .fa-hot-tub:before {
-  content: "";
+  content: "\f593";
 }
 
 .fa-hotel:before {
-  content: "";
+  content: "\f594";
 }
 
 .fa-hotjar:before {
-  content: "";
+  content: "\f3b1";
 }
 
 .fa-hourglass:before {
-  content: "";
+  content: "\f254";
 }
 
 .fa-hourglass-end:before {
-  content: "";
+  content: "\f253";
 }
 
 .fa-hourglass-half:before {
-  content: "";
+  content: "\f252";
 }
 
 .fa-hourglass-start:before {
-  content: "";
+  content: "\f251";
 }
 
 .fa-houzz:before {
-  content: "";
+  content: "\f27c";
 }
 
 .fa-html5:before {
-  content: "";
+  content: "\f13b";
 }
 
 .fa-hubspot:before {
-  content: "";
+  content: "\f3b2";
 }
 
 .fa-i-cursor:before {
-  content: "";
+  content: "\f246";
 }
 
 .fa-id-badge:before {
-  content: "";
+  content: "\f2c1";
 }
 
 .fa-id-card:before {
-  content: "";
+  content: "\f2c2";
 }
 
 .fa-id-card-alt:before {
-  content: "";
+  content: "\f47f";
 }
 
 .fa-image:before {
-  content: "";
+  content: "\f03e";
 }
 
 .fa-images:before {
-  content: "";
+  content: "\f302";
 }
 
 .fa-imdb:before {
-  content: "";
+  content: "\f2d8";
 }
 
 .fa-inbox:before {
-  content: "";
+  content: "\f01c";
 }
 
 .fa-indent:before {
-  content: "";
+  content: "\f03c";
 }
 
 .fa-industry:before {
-  content: "";
+  content: "\f275";
 }
 
 .fa-infinity:before {
-  content: "";
+  content: "\f534";
 }
 
 .fa-info:before {
-  content: "";
+  content: "\f129";
 }
 
 .fa-info-circle:before {
-  content: "";
+  content: "\f05a";
 }
 
 .fa-instagram:before {
-  content: "";
+  content: "\f16d";
 }
 
 .fa-internet-explorer:before {
-  content: "";
+  content: "\f26b";
 }
 
 .fa-ioxhost:before {
-  content: "";
+  content: "\f208";
 }
 
 .fa-italic:before {
-  content: "";
+  content: "\f033";
 }
 
 .fa-itunes:before {
-  content: "";
+  content: "\f3b4";
 }
 
 .fa-itunes-note:before {
-  content: "";
+  content: "\f3b5";
 }
 
 .fa-java:before {
-  content: "";
+  content: "\f4e4";
 }
 
 .fa-jedi:before {
-  content: "";
+  content: "\f669";
 }
 
 .fa-jedi-order:before {
-  content: "";
+  content: "\f50e";
 }
 
 .fa-jenkins:before {
-  content: "";
+  content: "\f3b6";
 }
 
 .fa-joget:before {
-  content: "";
+  content: "\f3b7";
 }
 
 .fa-joint:before {
-  content: "";
+  content: "\f595";
 }
 
 .fa-joomla:before {
-  content: "";
+  content: "\f1aa";
 }
 
 .fa-journal-whills:before {
-  content: "";
+  content: "\f66a";
 }
 
 .fa-js:before {
-  content: "";
+  content: "\f3b8";
 }
 
 .fa-js-square:before {
-  content: "";
+  content: "\f3b9";
 }
 
 .fa-jsfiddle:before {
-  content: "";
+  content: "\f1cc";
 }
 
 .fa-kaaba:before {
-  content: "";
+  content: "\f66b";
 }
 
 .fa-kaggle:before {
-  content: "";
+  content: "\f5fa";
 }
 
 .fa-key:before {
-  content: "";
+  content: "\f084";
 }
 
 .fa-keybase:before {
-  content: "";
+  content: "\f4f5";
 }
 
 .fa-keyboard:before {
-  content: "";
+  content: "\f11c";
 }
 
 .fa-keycdn:before {
-  content: "";
+  content: "\f3ba";
 }
 
 .fa-khanda:before {
-  content: "";
+  content: "\f66d";
 }
 
 .fa-kickstarter:before {
-  content: "";
+  content: "\f3bb";
 }
 
 .fa-kickstarter-k:before {
-  content: "";
+  content: "\f3bc";
 }
 
 .fa-kiss:before {
-  content: "";
+  content: "\f596";
 }
 
 .fa-kiss-beam:before {
-  content: "";
+  content: "\f597";
 }
 
 .fa-kiss-wink-heart:before {
-  content: "";
+  content: "\f598";
 }
 
 .fa-kiwi-bird:before {
-  content: "";
+  content: "\f535";
 }
 
 .fa-korvue:before {
-  content: "";
+  content: "\f42f";
 }
 
 .fa-landmark:before {
-  content: "";
+  content: "\f66f";
 }
 
 .fa-language:before {
-  content: "";
+  content: "\f1ab";
 }
 
 .fa-laptop:before {
-  content: "";
+  content: "\f109";
 }
 
 .fa-laptop-code:before {
-  content: "";
+  content: "\f5fc";
 }
 
 .fa-laravel:before {
-  content: "";
+  content: "\f3bd";
 }
 
 .fa-lastfm:before {
-  content: "";
+  content: "\f202";
 }
 
 .fa-lastfm-square:before {
-  content: "";
+  content: "\f203";
 }
 
 .fa-laugh:before {
-  content: "";
+  content: "\f599";
 }
 
 .fa-laugh-beam:before {
-  content: "";
+  content: "\f59a";
 }
 
 .fa-laugh-squint:before {
-  content: "";
+  content: "\f59b";
 }
 
 .fa-laugh-wink:before {
-  content: "";
+  content: "\f59c";
 }
 
 .fa-layer-group:before {
-  content: "";
+  content: "\f5fd";
 }
 
 .fa-leaf:before {
-  content: "";
+  content: "\f06c";
 }
 
 .fa-leanpub:before {
-  content: "";
+  content: "\f212";
 }
 
 .fa-lemon:before {
-  content: "";
+  content: "\f094";
 }
 
 .fa-less:before {
-  content: "";
+  content: "\f41d";
 }
 
 .fa-less-than:before {
-  content: "";
+  content: "\f536";
 }
 
 .fa-less-than-equal:before {
-  content: "";
+  content: "\f537";
 }
 
 .fa-level-down-alt:before {
-  content: "";
+  content: "\f3be";
 }
 
 .fa-level-up-alt:before {
-  content: "";
+  content: "\f3bf";
 }
 
 .fa-life-ring:before {
-  content: "";
+  content: "\f1cd";
 }
 
 .fa-lightbulb:before {
-  content: "";
+  content: "\f0eb";
 }
 
 .fa-line:before {
-  content: "";
+  content: "\f3c0";
 }
 
 .fa-link:before {
-  content: "";
+  content: "\f0c1";
 }
 
 .fa-linkedin:before {
-  content: "";
+  content: "\f08c";
 }
 
 .fa-linkedin-in:before {
-  content: "";
+  content: "\f0e1";
 }
 
 .fa-linode:before {
-  content: "";
+  content: "\f2b8";
 }
 
 .fa-linux:before {
-  content: "";
+  content: "\f17c";
 }
 
 .fa-lira-sign:before {
-  content: "";
+  content: "\f195";
 }
 
 .fa-list:before {
-  content: "";
+  content: "\f03a";
 }
 
 .fa-list-alt:before {
-  content: "";
+  content: "\f022";
 }
 
 .fa-list-ol:before {
-  content: "";
+  content: "\f0cb";
 }
 
 .fa-list-ul:before {
-  content: "";
+  content: "\f0ca";
 }
 
 .fa-location-arrow:before {
-  content: "";
+  content: "\f124";
 }
 
 .fa-lock:before {
-  content: "";
+  content: "\f023";
 }
 
 .fa-lock-open:before {
-  content: "";
+  content: "\f3c1";
 }
 
 .fa-long-arrow-alt-down:before {
-  content: "";
+  content: "\f309";
 }
 
 .fa-long-arrow-alt-left:before {
-  content: "";
+  content: "\f30a";
 }
 
 .fa-long-arrow-alt-right:before {
-  content: "";
+  content: "\f30b";
 }
 
 .fa-long-arrow-alt-up:before {
-  content: "";
+  content: "\f30c";
 }
 
 .fa-low-vision:before {
-  content: "";
+  content: "\f2a8";
 }
 
 .fa-luggage-cart:before {
-  content: "";
+  content: "\f59d";
 }
 
 .fa-lyft:before {
-  content: "";
+  content: "\f3c3";
 }
 
 .fa-magento:before {
-  content: "";
+  content: "\f3c4";
 }
 
 .fa-magic:before {
-  content: "";
+  content: "\f0d0";
 }
 
 .fa-magnet:before {
-  content: "";
+  content: "\f076";
 }
 
 .fa-mail-bulk:before {
-  content: "";
+  content: "\f674";
 }
 
 .fa-mailchimp:before {
-  content: "";
+  content: "\f59e";
 }
 
 .fa-male:before {
-  content: "";
+  content: "\f183";
 }
 
 .fa-mandalorian:before {
-  content: "";
+  content: "\f50f";
 }
 
 .fa-map:before {
-  content: "";
+  content: "\f279";
 }
 
 .fa-map-marked:before {
-  content: "";
+  content: "\f59f";
 }
 
 .fa-map-marked-alt:before {
-  content: "";
+  content: "\f5a0";
 }
 
 .fa-map-marker:before {
-  content: "";
+  content: "\f041";
 }
 
 .fa-map-marker-alt:before {
-  content: "";
+  content: "\f3c5";
 }
 
 .fa-map-pin:before {
-  content: "";
+  content: "\f276";
 }
 
 .fa-map-signs:before {
-  content: "";
+  content: "\f277";
 }
 
 .fa-markdown:before {
-  content: "";
+  content: "\f60f";
 }
 
 .fa-marker:before {
-  content: "";
+  content: "\f5a1";
 }
 
 .fa-mars:before {
-  content: "";
+  content: "\f222";
 }
 
 .fa-mars-double:before {
-  content: "";
+  content: "\f227";
 }
 
 .fa-mars-stroke:before {
-  content: "";
+  content: "\f229";
 }
 
 .fa-mars-stroke-h:before {
-  content: "";
+  content: "\f22b";
 }
 
 .fa-mars-stroke-v:before {
-  content: "";
+  content: "\f22a";
 }
 
 .fa-mastodon:before {
-  content: "";
+  content: "\f4f6";
 }
 
 .fa-maxcdn:before {
-  content: "";
+  content: "\f136";
 }
 
 .fa-medal:before {
-  content: "";
+  content: "\f5a2";
 }
 
 .fa-medapps:before {
-  content: "";
+  content: "\f3c6";
 }
 
 .fa-medium:before {
-  content: "";
+  content: "\f23a";
 }
 
 .fa-medium-m:before {
-  content: "";
+  content: "\f3c7";
 }
 
 .fa-medkit:before {
-  content: "";
+  content: "\f0fa";
 }
 
 .fa-medrt:before {
-  content: "";
+  content: "\f3c8";
 }
 
 .fa-meetup:before {
-  content: "";
+  content: "\f2e0";
 }
 
 .fa-megaport:before {
-  content: "";
+  content: "\f5a3";
 }
 
 .fa-meh:before {
-  content: "";
+  content: "\f11a";
 }
 
 .fa-meh-blank:before {
-  content: "";
+  content: "\f5a4";
 }
 
 .fa-meh-rolling-eyes:before {
-  content: "";
+  content: "\f5a5";
 }
 
 .fa-memory:before {
-  content: "";
+  content: "\f538";
 }
 
 .fa-menorah:before {
-  content: "";
+  content: "\f676";
 }
 
 .fa-mercury:before {
-  content: "";
+  content: "\f223";
 }
 
 .fa-microchip:before {
-  content: "";
+  content: "\f2db";
 }
 
 .fa-microphone:before {
-  content: "";
+  content: "\f130";
 }
 
 .fa-microphone-alt:before {
-  content: "";
+  content: "\f3c9";
 }
 
 .fa-microphone-alt-slash:before {
-  content: "";
+  content: "\f539";
 }
 
 .fa-microphone-slash:before {
-  content: "";
+  content: "\f131";
 }
 
 .fa-microscope:before {
-  content: "";
+  content: "\f610";
 }
 
 .fa-microsoft:before {
-  content: "";
+  content: "\f3ca";
 }
 
 .fa-minus:before {
-  content: "";
+  content: "\f068";
 }
 
 .fa-minus-circle:before {
-  content: "";
+  content: "\f056";
 }
 
 .fa-minus-square:before {
-  content: "";
+  content: "\f146";
 }
 
 .fa-mix:before {
-  content: "";
+  content: "\f3cb";
 }
 
 .fa-mixcloud:before {
-  content: "";
+  content: "\f289";
 }
 
 .fa-mizuni:before {
-  content: "";
+  content: "\f3cc";
 }
 
 .fa-mobile:before {
-  content: "";
+  content: "\f10b";
 }
 
 .fa-mobile-alt:before {
-  content: "";
+  content: "\f3cd";
 }
 
 .fa-modx:before {
-  content: "";
+  content: "\f285";
 }
 
 .fa-monero:before {
-  content: "";
+  content: "\f3d0";
 }
 
 .fa-money-bill:before {
-  content: "";
+  content: "\f0d6";
 }
 
 .fa-money-bill-alt:before {
-  content: "";
+  content: "\f3d1";
 }
 
 .fa-money-bill-wave:before {
-  content: "";
+  content: "\f53a";
 }
 
 .fa-money-bill-wave-alt:before {
-  content: "";
+  content: "\f53b";
 }
 
 .fa-money-check:before {
-  content: "";
+  content: "\f53c";
 }
 
 .fa-money-check-alt:before {
-  content: "";
+  content: "\f53d";
 }
 
 .fa-monument:before {
-  content: "";
+  content: "\f5a6";
 }
 
 .fa-moon:before {
-  content: "";
+  content: "\f186";
 }
 
 .fa-mortar-pestle:before {
-  content: "";
+  content: "\f5a7";
 }
 
 .fa-mosque:before {
-  content: "";
+  content: "\f678";
 }
 
 .fa-motorcycle:before {
-  content: "";
+  content: "\f21c";
 }
 
 .fa-mouse-pointer:before {
-  content: "";
+  content: "\f245";
 }
 
 .fa-music:before {
-  content: "";
+  content: "\f001";
 }
 
 .fa-napster:before {
-  content: "";
+  content: "\f3d2";
 }
 
 .fa-neos:before {
-  content: "";
+  content: "\f612";
 }
 
 .fa-neuter:before {
-  content: "";
+  content: "\f22c";
 }
 
 .fa-newspaper:before {
-  content: "";
+  content: "\f1ea";
 }
 
 .fa-nimblr:before {
-  content: "";
+  content: "\f5a8";
 }
 
 .fa-nintendo-switch:before {
-  content: "";
+  content: "\f418";
 }
 
 .fa-node:before {
-  content: "";
+  content: "\f419";
 }
 
 .fa-node-js:before {
-  content: "";
+  content: "\f3d3";
 }
 
 .fa-not-equal:before {
-  content: "";
+  content: "\f53e";
 }
 
 .fa-notes-medical:before {
-  content: "";
+  content: "\f481";
 }
 
 .fa-npm:before {
-  content: "";
+  content: "\f3d4";
 }
 
 .fa-ns8:before {
-  content: "";
+  content: "\f3d5";
 }
 
 .fa-nutritionix:before {
-  content: "";
+  content: "\f3d6";
 }
 
 .fa-object-group:before {
-  content: "";
+  content: "\f247";
 }
 
 .fa-object-ungroup:before {
-  content: "";
+  content: "\f248";
 }
 
 .fa-odnoklassniki:before {
-  content: "";
+  content: "\f263";
 }
 
 .fa-odnoklassniki-square:before {
-  content: "";
+  content: "\f264";
 }
 
 .fa-oil-can:before {
-  content: "";
+  content: "\f613";
 }
 
 .fa-old-republic:before {
-  content: "";
+  content: "\f510";
 }
 
 .fa-om:before {
-  content: "";
+  content: "\f679";
 }
 
 .fa-opencart:before {
-  content: "";
+  content: "\f23d";
 }
 
 .fa-openid:before {
-  content: "";
+  content: "\f19b";
 }
 
 .fa-opera:before {
-  content: "";
+  content: "\f26a";
 }
 
 .fa-optin-monster:before {
-  content: "";
+  content: "\f23c";
 }
 
 .fa-osi:before {
-  content: "";
+  content: "\f41a";
 }
 
 .fa-outdent:before {
-  content: "";
+  content: "\f03b";
 }
 
 .fa-page4:before {
-  content: "";
+  content: "\f3d7";
 }
 
 .fa-pagelines:before {
-  content: "";
+  content: "\f18c";
 }
 
 .fa-paint-brush:before {
-  content: "";
+  content: "\f1fc";
 }
 
 .fa-paint-roller:before {
-  content: "";
+  content: "\f5aa";
 }
 
 .fa-palette:before {
-  content: "";
+  content: "\f53f";
 }
 
 .fa-palfed:before {
-  content: "";
+  content: "\f3d8";
 }
 
 .fa-pallet:before {
-  content: "";
+  content: "\f482";
 }
 
 .fa-paper-plane:before {
-  content: "";
+  content: "\f1d8";
 }
 
 .fa-paperclip:before {
-  content: "";
+  content: "\f0c6";
 }
 
 .fa-parachute-box:before {
-  content: "";
+  content: "\f4cd";
 }
 
 .fa-paragraph:before {
-  content: "";
+  content: "\f1dd";
 }
 
 .fa-parking:before {
-  content: "";
+  content: "\f540";
 }
 
 .fa-passport:before {
-  content: "";
+  content: "\f5ab";
 }
 
 .fa-pastafarianism:before {
-  content: "";
+  content: "\f67b";
 }
 
 .fa-paste:before {
-  content: "";
+  content: "\f0ea";
 }
 
 .fa-patreon:before {
-  content: "";
+  content: "\f3d9";
 }
 
 .fa-pause:before {
-  content: "";
+  content: "\f04c";
 }
 
 .fa-pause-circle:before {
-  content: "";
+  content: "\f28b";
 }
 
 .fa-paw:before {
-  content: "";
+  content: "\f1b0";
 }
 
 .fa-paypal:before {
-  content: "";
+  content: "\f1ed";
 }
 
 .fa-peace:before {
-  content: "";
+  content: "\f67c";
 }
 
 .fa-pen:before {
-  content: "";
+  content: "\f304";
 }
 
 .fa-pen-alt:before {
-  content: "";
+  content: "\f305";
 }
 
 .fa-pen-fancy:before {
-  content: "";
+  content: "\f5ac";
 }
 
 .fa-pen-nib:before {
-  content: "";
+  content: "\f5ad";
 }
 
 .fa-pen-square:before {
-  content: "";
+  content: "\f14b";
 }
 
 .fa-pencil-alt:before {
-  content: "";
+  content: "\f303";
 }
 
 .fa-pencil-ruler:before {
-  content: "";
+  content: "\f5ae";
 }
 
 .fa-people-carry:before {
-  content: "";
+  content: "\f4ce";
 }
 
 .fa-percent:before {
-  content: "";
+  content: "\f295";
 }
 
 .fa-percentage:before {
-  content: "";
+  content: "\f541";
 }
 
 .fa-periscope:before {
-  content: "";
+  content: "\f3da";
 }
 
 .fa-phabricator:before {
-  content: "";
+  content: "\f3db";
 }
 
 .fa-phoenix-framework:before {
-  content: "";
+  content: "\f3dc";
 }
 
 .fa-phoenix-squadron:before {
-  content: "";
+  content: "\f511";
 }
 
 .fa-phone:before {
-  content: "";
+  content: "\f095";
 }
 
 .fa-phone-slash:before {
-  content: "";
+  content: "\f3dd";
 }
 
 .fa-phone-square:before {
-  content: "";
+  content: "\f098";
 }
 
 .fa-phone-volume:before {
-  content: "";
+  content: "\f2a0";
 }
 
 .fa-php:before {
-  content: "";
+  content: "\f457";
 }
 
 .fa-pied-piper:before {
-  content: "";
+  content: "\f2ae";
 }
 
 .fa-pied-piper-alt:before {
-  content: "";
+  content: "\f1a8";
 }
 
 .fa-pied-piper-hat:before {
-  content: "";
+  content: "\f4e5";
 }
 
 .fa-pied-piper-pp:before {
-  content: "";
+  content: "\f1a7";
 }
 
 .fa-piggy-bank:before {
-  content: "";
+  content: "\f4d3";
 }
 
 .fa-pills:before {
-  content: "";
+  content: "\f484";
 }
 
 .fa-pinterest:before {
-  content: "";
+  content: "\f0d2";
 }
 
 .fa-pinterest-p:before {
-  content: "";
+  content: "\f231";
 }
 
 .fa-pinterest-square:before {
-  content: "";
+  content: "\f0d3";
 }
 
 .fa-place-of-worship:before {
-  content: "";
+  content: "\f67f";
 }
 
 .fa-plane:before {
-  content: "";
+  content: "\f072";
 }
 
 .fa-plane-arrival:before {
-  content: "";
+  content: "\f5af";
 }
 
 .fa-plane-departure:before {
-  content: "";
+  content: "\f5b0";
 }
 
 .fa-play:before {
-  content: "";
+  content: "\f04b";
 }
 
 .fa-play-circle:before {
-  content: "";
+  content: "\f144";
 }
 
 .fa-playstation:before {
-  content: "";
+  content: "\f3df";
 }
 
 .fa-plug:before {
-  content: "";
+  content: "\f1e6";
 }
 
 .fa-plus:before {
-  content: "";
+  content: "\f067";
 }
 
 .fa-plus-circle:before {
-  content: "";
+  content: "\f055";
 }
 
 .fa-plus-square:before {
-  content: "";
+  content: "\f0fe";
 }
 
 .fa-podcast:before {
-  content: "";
+  content: "\f2ce";
 }
 
 .fa-poll:before {
-  content: "";
+  content: "\f681";
 }
 
 .fa-poll-h:before {
-  content: "";
+  content: "\f682";
 }
 
 .fa-poo:before {
-  content: "";
+  content: "\f2fe";
 }
 
 .fa-poop:before {
-  content: "";
+  content: "\f619";
 }
 
 .fa-portrait:before {
-  content: "";
+  content: "\f3e0";
 }
 
 .fa-pound-sign:before {
-  content: "";
+  content: "\f154";
 }
 
 .fa-power-off:before {
-  content: "";
+  content: "\f011";
 }
 
 .fa-pray:before {
-  content: "";
+  content: "\f683";
 }
 
 .fa-praying-hands:before {
-  content: "";
+  content: "\f684";
 }
 
 .fa-prescription:before {
-  content: "";
+  content: "\f5b1";
 }
 
 .fa-prescription-bottle:before {
-  content: "";
+  content: "\f485";
 }
 
 .fa-prescription-bottle-alt:before {
-  content: "";
+  content: "\f486";
 }
 
 .fa-print:before {
-  content: "";
+  content: "\f02f";
 }
 
 .fa-procedures:before {
-  content: "";
+  content: "\f487";
 }
 
 .fa-product-hunt:before {
-  content: "";
+  content: "\f288";
 }
 
 .fa-project-diagram:before {
-  content: "";
+  content: "\f542";
 }
 
 .fa-pushed:before {
-  content: "";
+  content: "\f3e1";
 }
 
 .fa-puzzle-piece:before {
-  content: "";
+  content: "\f12e";
 }
 
 .fa-python:before {
-  content: "";
+  content: "\f3e2";
 }
 
 .fa-qq:before {
-  content: "";
+  content: "\f1d6";
 }
 
 .fa-qrcode:before {
-  content: "";
+  content: "\f029";
 }
 
 .fa-question:before {
-  content: "";
+  content: "\f128";
 }
 
 .fa-question-circle:before {
-  content: "";
+  content: "\f059";
 }
 
 .fa-quidditch:before {
-  content: "";
+  content: "\f458";
 }
 
 .fa-quinscape:before {
-  content: "";
+  content: "\f459";
 }
 
 .fa-quora:before {
-  content: "";
+  content: "\f2c4";
 }
 
 .fa-quote-left:before {
-  content: "";
+  content: "\f10d";
 }
 
 .fa-quote-right:before {
-  content: "";
+  content: "\f10e";
 }
 
 .fa-quran:before {
-  content: "";
+  content: "\f687";
 }
 
 .fa-r-project:before {
-  content: "";
+  content: "\f4f7";
 }
 
 .fa-random:before {
-  content: "";
+  content: "\f074";
 }
 
 .fa-ravelry:before {
-  content: "";
+  content: "\f2d9";
 }
 
 .fa-react:before {
-  content: "";
+  content: "\f41b";
 }
 
 .fa-readme:before {
-  content: "";
+  content: "\f4d5";
 }
 
 .fa-rebel:before {
-  content: "";
+  content: "\f1d0";
 }
 
 .fa-receipt:before {
-  content: "";
+  content: "\f543";
 }
 
 .fa-recycle:before {
-  content: "";
+  content: "\f1b8";
 }
 
 .fa-red-river:before {
-  content: "";
+  content: "\f3e3";
 }
 
 .fa-reddit:before {
-  content: "";
+  content: "\f1a1";
 }
 
 .fa-reddit-alien:before {
-  content: "";
+  content: "\f281";
 }
 
 .fa-reddit-square:before {
-  content: "";
+  content: "\f1a2";
 }
 
 .fa-redo:before {
-  content: "";
+  content: "\f01e";
 }
 
 .fa-redo-alt:before {
-  content: "";
+  content: "\f2f9";
 }
 
 .fa-registered:before {
-  content: "";
+  content: "\f25d";
 }
 
 .fa-rendact:before {
-  content: "";
+  content: "\f3e4";
 }
 
 .fa-renren:before {
-  content: "";
+  content: "\f18b";
 }
 
 .fa-reply:before {
-  content: "";
+  content: "\f3e5";
 }
 
 .fa-reply-all:before {
-  content: "";
+  content: "\f122";
 }
 
 .fa-replyd:before {
-  content: "";
+  content: "\f3e6";
 }
 
 .fa-researchgate:before {
-  content: "";
+  content: "\f4f8";
 }
 
 .fa-resolving:before {
-  content: "";
+  content: "\f3e7";
 }
 
 .fa-retweet:before {
-  content: "";
+  content: "\f079";
 }
 
 .fa-rev:before {
-  content: "";
+  content: "\f5b2";
 }
 
 .fa-ribbon:before {
-  content: "";
+  content: "\f4d6";
 }
 
 .fa-road:before {
-  content: "";
+  content: "\f018";
 }
 
 .fa-robot:before {
-  content: "";
+  content: "\f544";
 }
 
 .fa-rocket:before {
-  content: "";
+  content: "\f135";
 }
 
 .fa-rocketchat:before {
-  content: "";
+  content: "\f3e8";
 }
 
 .fa-rockrms:before {
-  content: "";
+  content: "\f3e9";
 }
 
 .fa-route:before {
-  content: "";
+  content: "\f4d7";
 }
 
 .fa-rss:before {
-  content: "";
+  content: "\f09e";
 }
 
 .fa-rss-square:before {
-  content: "";
+  content: "\f143";
 }
 
 .fa-ruble-sign:before {
-  content: "";
+  content: "\f158";
 }
 
 .fa-ruler:before {
-  content: "";
+  content: "\f545";
 }
 
 .fa-ruler-combined:before {
-  content: "";
+  content: "\f546";
 }
 
 .fa-ruler-horizontal:before {
-  content: "";
+  content: "\f547";
 }
 
 .fa-ruler-vertical:before {
-  content: "";
+  content: "\f548";
 }
 
 .fa-rupee-sign:before {
-  content: "";
+  content: "\f156";
 }
 
 .fa-sad-cry:before {
-  content: "";
+  content: "\f5b3";
 }
 
 .fa-sad-tear:before {
-  content: "";
+  content: "\f5b4";
 }
 
 .fa-safari:before {
-  content: "";
+  content: "\f267";
 }
 
 .fa-sass:before {
-  content: "";
+  content: "\f41e";
 }
 
 .fa-save:before {
-  content: "";
+  content: "\f0c7";
 }
 
 .fa-schlix:before {
-  content: "";
+  content: "\f3ea";
 }
 
 .fa-school:before {
-  content: "";
+  content: "\f549";
 }
 
 .fa-screwdriver:before {
-  content: "";
+  content: "\f54a";
 }
 
 .fa-scribd:before {
-  content: "";
+  content: "\f28a";
 }
 
 .fa-search:before {
-  content: "";
+  content: "\f002";
 }
 
 .fa-search-dollar:before {
-  content: "";
+  content: "\f688";
 }
 
 .fa-search-location:before {
-  content: "";
+  content: "\f689";
 }
 
 .fa-search-minus:before {
-  content: "";
+  content: "\f010";
 }
 
 .fa-search-plus:before {
-  content: "";
+  content: "\f00e";
 }
 
 .fa-searchengin:before {
-  content: "";
+  content: "\f3eb";
 }
 
 .fa-seedling:before {
-  content: "";
+  content: "\f4d8";
 }
 
 .fa-sellcast:before {
-  content: "";
+  content: "\f2da";
 }
 
 .fa-sellsy:before {
-  content: "";
+  content: "\f213";
 }
 
 .fa-server:before {
-  content: "";
+  content: "\f233";
 }
 
 .fa-servicestack:before {
-  content: "";
+  content: "\f3ec";
 }
 
 .fa-shapes:before {
-  content: "";
+  content: "\f61f";
 }
 
 .fa-share:before {
-  content: "";
+  content: "\f064";
 }
 
 .fa-share-alt:before {
-  content: "";
+  content: "\f1e0";
 }
 
 .fa-share-alt-square:before {
-  content: "";
+  content: "\f1e1";
 }
 
 .fa-share-square:before {
-  content: "";
+  content: "\f14d";
 }
 
 .fa-shekel-sign:before {
-  content: "";
+  content: "\f20b";
 }
 
 .fa-shield-alt:before {
-  content: "";
+  content: "\f3ed";
 }
 
 .fa-ship:before {
-  content: "";
+  content: "\f21a";
 }
 
 .fa-shipping-fast:before {
-  content: "";
+  content: "\f48b";
 }
 
 .fa-shirtsinbulk:before {
-  content: "";
+  content: "\f214";
 }
 
 .fa-shoe-prints:before {
-  content: "";
+  content: "\f54b";
 }
 
 .fa-shopping-bag:before {
-  content: "";
+  content: "\f290";
 }
 
 .fa-shopping-basket:before {
-  content: "";
+  content: "\f291";
 }
 
 .fa-shopping-cart:before {
-  content: "";
+  content: "\f07a";
 }
 
 .fa-shopware:before {
-  content: "";
+  content: "\f5b5";
 }
 
 .fa-shower:before {
-  content: "";
+  content: "\f2cc";
 }
 
 .fa-shuttle-van:before {
-  content: "";
+  content: "\f5b6";
 }
 
 .fa-sign:before {
-  content: "";
+  content: "\f4d9";
 }
 
 .fa-sign-in-alt:before {
-  content: "";
+  content: "\f2f6";
 }
 
 .fa-sign-language:before {
-  content: "";
+  content: "\f2a7";
 }
 
 .fa-sign-out-alt:before {
-  content: "";
+  content: "\f2f5";
 }
 
 .fa-signal:before {
-  content: "";
+  content: "\f012";
 }
 
 .fa-signature:before {
-  content: "";
+  content: "\f5b7";
 }
 
 .fa-simplybuilt:before {
-  content: "";
+  content: "\f215";
 }
 
 .fa-sistrix:before {
-  content: "";
+  content: "\f3ee";
 }
 
 .fa-sitemap:before {
-  content: "";
+  content: "\f0e8";
 }
 
 .fa-sith:before {
-  content: "";
+  content: "\f512";
 }
 
 .fa-skull:before {
-  content: "";
+  content: "\f54c";
 }
 
 .fa-skyatlas:before {
-  content: "";
+  content: "\f216";
 }
 
 .fa-skype:before {
-  content: "";
+  content: "\f17e";
 }
 
 .fa-slack:before {
-  content: "";
+  content: "\f198";
 }
 
 .fa-slack-hash:before {
-  content: "";
+  content: "\f3ef";
 }
 
 .fa-sliders-h:before {
-  content: "";
+  content: "\f1de";
 }
 
 .fa-slideshare:before {
-  content: "";
+  content: "\f1e7";
 }
 
 .fa-smile:before {
-  content: "";
+  content: "\f118";
 }
 
 .fa-smile-beam:before {
-  content: "";
+  content: "\f5b8";
 }
 
 .fa-smile-wink:before {
-  content: "";
+  content: "\f4da";
 }
 
 .fa-smoking:before {
-  content: "";
+  content: "\f48d";
 }
 
 .fa-smoking-ban:before {
-  content: "";
+  content: "\f54d";
 }
 
 .fa-snapchat:before {
-  content: "";
+  content: "\f2ab";
 }
 
 .fa-snapchat-ghost:before {
-  content: "";
+  content: "\f2ac";
 }
 
 .fa-snapchat-square:before {
-  content: "";
+  content: "\f2ad";
 }
 
 .fa-snowflake:before {
-  content: "";
+  content: "\f2dc";
 }
 
 .fa-socks:before {
-  content: "";
+  content: "\f696";
 }
 
 .fa-solar-panel:before {
-  content: "";
+  content: "\f5ba";
 }
 
 .fa-sort:before {
-  content: "";
+  content: "\f0dc";
 }
 
 .fa-sort-alpha-down:before {
-  content: "";
+  content: "\f15d";
 }
 
 .fa-sort-alpha-up:before {
-  content: "";
+  content: "\f15e";
 }
 
 .fa-sort-amount-down:before {
-  content: "";
+  content: "\f160";
 }
 
 .fa-sort-amount-up:before {
-  content: "";
+  content: "\f161";
 }
 
 .fa-sort-down:before {
-  content: "";
+  content: "\f0dd";
 }
 
 .fa-sort-numeric-down:before {
-  content: "";
+  content: "\f162";
 }
 
 .fa-sort-numeric-up:before {
-  content: "";
+  content: "\f163";
 }
 
 .fa-sort-up:before {
-  content: "";
+  content: "\f0de";
 }
 
 .fa-soundcloud:before {
-  content: "";
+  content: "\f1be";
 }
 
 .fa-spa:before {
-  content: "";
+  content: "\f5bb";
 }
 
 .fa-space-shuttle:before {
-  content: "";
+  content: "\f197";
 }
 
 .fa-speakap:before {
-  content: "";
+  content: "\f3f3";
 }
 
 .fa-spinner:before {
-  content: "";
+  content: "\f110";
 }
 
 .fa-splotch:before {
-  content: "";
+  content: "\f5bc";
 }
 
 .fa-spotify:before {
-  content: "";
+  content: "\f1bc";
 }
 
 .fa-spray-can:before {
-  content: "";
+  content: "\f5bd";
 }
 
 .fa-square:before {
-  content: "";
+  content: "\f0c8";
 }
 
 .fa-square-full:before {
-  content: "";
+  content: "\f45c";
 }
 
 .fa-square-root-alt:before {
-  content: "";
+  content: "\f698";
 }
 
 .fa-squarespace:before {
-  content: "";
+  content: "\f5be";
 }
 
 .fa-stack-exchange:before {
-  content: "";
+  content: "\f18d";
 }
 
 .fa-stack-overflow:before {
-  content: "";
+  content: "\f16c";
 }
 
 .fa-stamp:before {
-  content: "";
+  content: "\f5bf";
 }
 
 .fa-star:before {
-  content: "";
+  content: "\f005";
 }
 
 .fa-star-and-crescent:before {
-  content: "";
+  content: "\f699";
 }
 
 .fa-star-half:before {
-  content: "";
+  content: "\f089";
 }
 
 .fa-star-half-alt:before {
-  content: "";
+  content: "\f5c0";
 }
 
 .fa-star-of-david:before {
-  content: "";
+  content: "\f69a";
 }
 
 .fa-star-of-life:before {
-  content: "";
+  content: "\f621";
 }
 
 .fa-staylinked:before {
-  content: "";
+  content: "\f3f5";
 }
 
 .fa-steam:before {
-  content: "";
+  content: "\f1b6";
 }
 
 .fa-steam-square:before {
-  content: "";
+  content: "\f1b7";
 }
 
 .fa-steam-symbol:before {
-  content: "";
+  content: "\f3f6";
 }
 
 .fa-step-backward:before {
-  content: "";
+  content: "\f048";
 }
 
 .fa-step-forward:before {
-  content: "";
+  content: "\f051";
 }
 
 .fa-stethoscope:before {
-  content: "";
+  content: "\f0f1";
 }
 
 .fa-sticker-mule:before {
-  content: "";
+  content: "\f3f7";
 }
 
 .fa-sticky-note:before {
-  content: "";
+  content: "\f249";
 }
 
 .fa-stop:before {
-  content: "";
+  content: "\f04d";
 }
 
 .fa-stop-circle:before {
-  content: "";
+  content: "\f28d";
 }
 
 .fa-stopwatch:before {
-  content: "";
+  content: "\f2f2";
 }
 
 .fa-store:before {
-  content: "";
+  content: "\f54e";
 }
 
 .fa-store-alt:before {
-  content: "";
+  content: "\f54f";
 }
 
 .fa-strava:before {
-  content: "";
+  content: "\f428";
 }
 
 .fa-stream:before {
-  content: "";
+  content: "\f550";
 }
 
 .fa-street-view:before {
-  content: "";
+  content: "\f21d";
 }
 
 .fa-strikethrough:before {
-  content: "";
+  content: "\f0cc";
 }
 
 .fa-stripe:before {
-  content: "";
+  content: "\f429";
 }
 
 .fa-stripe-s:before {
-  content: "";
+  content: "\f42a";
 }
 
 .fa-stroopwafel:before {
-  content: "";
+  content: "\f551";
 }
 
 .fa-studiovinari:before {
-  content: "";
+  content: "\f3f8";
 }
 
 .fa-stumbleupon:before {
-  content: "";
+  content: "\f1a4";
 }
 
 .fa-stumbleupon-circle:before {
-  content: "";
+  content: "\f1a3";
 }
 
 .fa-subscript:before {
-  content: "";
+  content: "\f12c";
 }
 
 .fa-subway:before {
-  content: "";
+  content: "\f239";
 }
 
 .fa-suitcase:before {
-  content: "";
+  content: "\f0f2";
 }
 
 .fa-suitcase-rolling:before {
-  content: "";
+  content: "\f5c1";
 }
 
 .fa-sun:before {
-  content: "";
+  content: "\f185";
 }
 
 .fa-superpowers:before {
-  content: "";
+  content: "\f2dd";
 }
 
 .fa-superscript:before {
-  content: "";
+  content: "\f12b";
 }
 
 .fa-supple:before {
-  content: "";
+  content: "\f3f9";
 }
 
 .fa-surprise:before {
-  content: "";
+  content: "\f5c2";
 }
 
 .fa-swatchbook:before {
-  content: "";
+  content: "\f5c3";
 }
 
 .fa-swimmer:before {
-  content: "";
+  content: "\f5c4";
 }
 
 .fa-swimming-pool:before {
-  content: "";
+  content: "\f5c5";
 }
 
 .fa-synagogue:before {
-  content: "";
+  content: "\f69b";
 }
 
 .fa-sync:before {
-  content: "";
+  content: "\f021";
 }
 
 .fa-sync-alt:before {
-  content: "";
+  content: "\f2f1";
 }
 
 .fa-syringe:before {
-  content: "";
+  content: "\f48e";
 }
 
 .fa-table:before {
-  content: "";
+  content: "\f0ce";
 }
 
 .fa-table-tennis:before {
-  content: "";
+  content: "\f45d";
 }
 
 .fa-tablet:before {
-  content: "";
+  content: "\f10a";
 }
 
 .fa-tablet-alt:before {
-  content: "";
+  content: "\f3fa";
 }
 
 .fa-tablets:before {
-  content: "";
+  content: "\f490";
 }
 
 .fa-tachometer-alt:before {
-  content: "";
+  content: "\f3fd";
 }
 
 .fa-tag:before {
-  content: "";
+  content: "\f02b";
 }
 
 .fa-tags:before {
-  content: "";
+  content: "\f02c";
 }
 
 .fa-tape:before {
-  content: "";
+  content: "\f4db";
 }
 
 .fa-tasks:before {
-  content: "";
+  content: "\f0ae";
 }
 
 .fa-taxi:before {
-  content: "";
+  content: "\f1ba";
 }
 
 .fa-teamspeak:before {
-  content: "";
+  content: "\f4f9";
 }
 
 .fa-teeth:before {
-  content: "";
+  content: "\f62e";
 }
 
 .fa-teeth-open:before {
-  content: "";
+  content: "\f62f";
 }
 
 .fa-telegram:before {
-  content: "";
+  content: "\f2c6";
 }
 
 .fa-telegram-plane:before {
-  content: "";
+  content: "\f3fe";
 }
 
 .fa-tencent-weibo:before {
-  content: "";
+  content: "\f1d5";
 }
 
 .fa-terminal:before {
-  content: "";
+  content: "\f120";
 }
 
 .fa-text-height:before {
-  content: "";
+  content: "\f034";
 }
 
 .fa-text-width:before {
-  content: "";
+  content: "\f035";
 }
 
 .fa-th:before {
-  content: "";
+  content: "\f00a";
 }
 
 .fa-th-large:before {
-  content: "";
+  content: "\f009";
 }
 
 .fa-th-list:before {
-  content: "";
+  content: "\f00b";
 }
 
 .fa-the-red-yeti:before {
-  content: "";
+  content: "\f69d";
 }
 
 .fa-theater-masks:before {
-  content: "";
+  content: "\f630";
 }
 
 .fa-themeco:before {
-  content: "";
+  content: "\f5c6";
 }
 
 .fa-themeisle:before {
-  content: "";
+  content: "\f2b2";
 }
 
 .fa-thermometer:before {
-  content: "";
+  content: "\f491";
 }
 
 .fa-thermometer-empty:before {
-  content: "";
+  content: "\f2cb";
 }
 
 .fa-thermometer-full:before {
-  content: "";
+  content: "\f2c7";
 }
 
 .fa-thermometer-half:before {
-  content: "";
+  content: "\f2c9";
 }
 
 .fa-thermometer-quarter:before {
-  content: "";
+  content: "\f2ca";
 }
 
 .fa-thermometer-three-quarters:before {
-  content: "";
+  content: "\f2c8";
 }
 
 .fa-thumbs-down:before {
-  content: "";
+  content: "\f165";
 }
 
 .fa-thumbs-up:before {
-  content: "";
+  content: "\f164";
 }
 
 .fa-thumbtack:before {
-  content: "";
+  content: "\f08d";
 }
 
 .fa-ticket-alt:before {
-  content: "";
+  content: "\f3ff";
 }
 
 .fa-times:before {
-  content: "";
+  content: "\f00d";
 }
 
 .fa-times-circle:before {
-  content: "";
+  content: "\f057";
 }
 
 .fa-tint:before {
-  content: "";
+  content: "\f043";
 }
 
 .fa-tint-slash:before {
-  content: "";
+  content: "\f5c7";
 }
 
 .fa-tired:before {
-  content: "";
+  content: "\f5c8";
 }
 
 .fa-toggle-off:before {
-  content: "";
+  content: "\f204";
 }
 
 .fa-toggle-on:before {
-  content: "";
+  content: "\f205";
 }
 
 .fa-toolbox:before {
-  content: "";
+  content: "\f552";
 }
 
 .fa-tooth:before {
-  content: "";
+  content: "\f5c9";
 }
 
 .fa-torah:before {
-  content: "";
+  content: "\f6a0";
 }
 
 .fa-torii-gate:before {
-  content: "";
+  content: "\f6a1";
 }
 
 .fa-trade-federation:before {
-  content: "";
+  content: "\f513";
 }
 
 .fa-trademark:before {
-  content: "";
+  content: "\f25c";
 }
 
 .fa-traffic-light:before {
-  content: "";
+  content: "\f637";
 }
 
 .fa-train:before {
-  content: "";
+  content: "\f238";
 }
 
 .fa-transgender:before {
-  content: "";
+  content: "\f224";
 }
 
 .fa-transgender-alt:before {
-  content: "";
+  content: "\f225";
 }
 
 .fa-trash:before {
-  content: "";
+  content: "\f1f8";
 }
 
 .fa-trash-alt:before {
-  content: "";
+  content: "\f2ed";
 }
 
 .fa-tree:before {
-  content: "";
+  content: "\f1bb";
 }
 
 .fa-trello:before {
-  content: "";
+  content: "\f181";
 }
 
 .fa-tripadvisor:before {
-  content: "";
+  content: "\f262";
 }
 
 .fa-trophy:before {
-  content: "";
+  content: "\f091";
 }
 
 .fa-truck:before {
-  content: "";
+  content: "\f0d1";
 }
 
 .fa-truck-loading:before {
-  content: "";
+  content: "\f4de";
 }
 
 .fa-truck-monster:before {
-  content: "";
+  content: "\f63b";
 }
 
 .fa-truck-moving:before {
-  content: "";
+  content: "\f4df";
 }
 
 .fa-truck-pickup:before {
-  content: "";
+  content: "\f63c";
 }
 
 .fa-tshirt:before {
-  content: "";
+  content: "\f553";
 }
 
 .fa-tty:before {
-  content: "";
+  content: "\f1e4";
 }
 
 .fa-tumblr:before {
-  content: "";
+  content: "\f173";
 }
 
 .fa-tumblr-square:before {
-  content: "";
+  content: "\f174";
 }
 
 .fa-tv:before {
-  content: "";
+  content: "\f26c";
 }
 
 .fa-twitch:before {
-  content: "";
+  content: "\f1e8";
 }
 
 .fa-twitter:before {
-  content: "";
+  content: "\f099";
 }
 
 .fa-twitter-square:before {
-  content: "";
+  content: "\f081";
 }
 
 .fa-typo3:before {
-  content: "";
+  content: "\f42b";
 }
 
 .fa-uber:before {
-  content: "";
+  content: "\f402";
 }
 
 .fa-uikit:before {
-  content: "";
+  content: "\f403";
 }
 
 .fa-umbrella:before {
-  content: "";
+  content: "\f0e9";
 }
 
 .fa-umbrella-beach:before {
-  content: "";
+  content: "\f5ca";
 }
 
 .fa-underline:before {
-  content: "";
+  content: "\f0cd";
 }
 
 .fa-undo:before {
-  content: "";
+  content: "\f0e2";
 }
 
 .fa-undo-alt:before {
-  content: "";
+  content: "\f2ea";
 }
 
 .fa-uniregistry:before {
-  content: "";
+  content: "\f404";
 }
 
 .fa-universal-access:before {
-  content: "";
+  content: "\f29a";
 }
 
 .fa-university:before {
-  content: "";
+  content: "\f19c";
 }
 
 .fa-unlink:before {
-  content: "";
+  content: "\f127";
 }
 
 .fa-unlock:before {
-  content: "";
+  content: "\f09c";
 }
 
 .fa-unlock-alt:before {
-  content: "";
+  content: "\f13e";
 }
 
 .fa-untappd:before {
-  content: "";
+  content: "\f405";
 }
 
 .fa-upload:before {
-  content: "";
+  content: "\f093";
 }
 
 .fa-usb:before {
-  content: "";
+  content: "\f287";
 }
 
 .fa-user:before {
-  content: "";
+  content: "\f007";
 }
 
 .fa-user-alt:before {
-  content: "";
+  content: "\f406";
 }
 
 .fa-user-alt-slash:before {
-  content: "";
+  content: "\f4fa";
 }
 
 .fa-user-astronaut:before {
-  content: "";
+  content: "\f4fb";
 }
 
 .fa-user-check:before {
-  content: "";
+  content: "\f4fc";
 }
 
 .fa-user-circle:before {
-  content: "";
+  content: "\f2bd";
 }
 
 .fa-user-clock:before {
-  content: "";
+  content: "\f4fd";
 }
 
 .fa-user-cog:before {
-  content: "";
+  content: "\f4fe";
 }
 
 .fa-user-edit:before {
-  content: "";
+  content: "\f4ff";
 }
 
 .fa-user-friends:before {
-  content: "";
+  content: "\f500";
 }
 
 .fa-user-graduate:before {
-  content: "";
+  content: "\f501";
 }
 
 .fa-user-lock:before {
-  content: "";
+  content: "\f502";
 }
 
 .fa-user-md:before {
-  content: "";
+  content: "\f0f0";
 }
 
 .fa-user-minus:before {
-  content: "";
+  content: "\f503";
 }
 
 .fa-user-ninja:before {
-  content: "";
+  content: "\f504";
 }
 
 .fa-user-plus:before {
-  content: "";
+  content: "\f234";
 }
 
 .fa-user-secret:before {
-  content: "";
+  content: "\f21b";
 }
 
 .fa-user-shield:before {
-  content: "";
+  content: "\f505";
 }
 
 .fa-user-slash:before {
-  content: "";
+  content: "\f506";
 }
 
 .fa-user-tag:before {
-  content: "";
+  content: "\f507";
 }
 
 .fa-user-tie:before {
-  content: "";
+  content: "\f508";
 }
 
 .fa-user-times:before {
-  content: "";
+  content: "\f235";
 }
 
 .fa-users:before {
-  content: "";
+  content: "\f0c0";
 }
 
 .fa-users-cog:before {
-  content: "";
+  content: "\f509";
 }
 
 .fa-ussunnah:before {
-  content: "";
+  content: "\f407";
 }
 
 .fa-utensil-spoon:before {
-  content: "";
+  content: "\f2e5";
 }
 
 .fa-utensils:before {
-  content: "";
+  content: "\f2e7";
 }
 
 .fa-vaadin:before {
-  content: "";
+  content: "\f408";
 }
 
 .fa-vector-square:before {
-  content: "";
+  content: "\f5cb";
 }
 
 .fa-venus:before {
-  content: "";
+  content: "\f221";
 }
 
 .fa-venus-double:before {
-  content: "";
+  content: "\f226";
 }
 
 .fa-venus-mars:before {
-  content: "";
+  content: "\f228";
 }
 
 .fa-viacoin:before {
-  content: "";
+  content: "\f237";
 }
 
 .fa-viadeo:before {
-  content: "";
+  content: "\f2a9";
 }
 
 .fa-viadeo-square:before {
-  content: "";
+  content: "\f2aa";
 }
 
 .fa-vial:before {
-  content: "";
+  content: "\f492";
 }
 
 .fa-vials:before {
-  content: "";
+  content: "\f493";
 }
 
 .fa-viber:before {
-  content: "";
+  content: "\f409";
 }
 
 .fa-video:before {
-  content: "";
+  content: "\f03d";
 }
 
 .fa-video-slash:before {
-  content: "";
+  content: "\f4e2";
 }
 
 .fa-vihara:before {
-  content: "";
+  content: "\f6a7";
 }
 
 .fa-vimeo:before {
-  content: "";
+  content: "\f40a";
 }
 
 .fa-vimeo-square:before {
-  content: "";
+  content: "\f194";
 }
 
 .fa-vimeo-v:before {
-  content: "";
+  content: "\f27d";
 }
 
 .fa-vine:before {
-  content: "";
+  content: "\f1ca";
 }
 
 .fa-vk:before {
-  content: "";
+  content: "\f189";
 }
 
 .fa-vnv:before {
-  content: "";
+  content: "\f40b";
 }
 
 .fa-volleyball-ball:before {
-  content: "";
+  content: "\f45f";
 }
 
 .fa-volume-down:before {
-  content: "";
+  content: "\f027";
 }
 
 .fa-volume-off:before {
-  content: "";
+  content: "\f026";
 }
 
 .fa-volume-up:before {
-  content: "";
+  content: "\f028";
 }
 
 .fa-vuejs:before {
-  content: "";
+  content: "\f41f";
 }
 
 .fa-walking:before {
-  content: "";
+  content: "\f554";
 }
 
 .fa-wallet:before {
-  content: "";
+  content: "\f555";
 }
 
 .fa-warehouse:before {
-  content: "";
+  content: "\f494";
 }
 
 .fa-weebly:before {
-  content: "";
+  content: "\f5cc";
 }
 
 .fa-weibo:before {
-  content: "";
+  content: "\f18a";
 }
 
 .fa-weight:before {
-  content: "";
+  content: "\f496";
 }
 
 .fa-weight-hanging:before {
-  content: "";
+  content: "\f5cd";
 }
 
 .fa-weixin:before {
-  content: "";
+  content: "\f1d7";
 }
 
 .fa-whatsapp:before {
-  content: "";
+  content: "\f232";
 }
 
 .fa-whatsapp-square:before {
-  content: "";
+  content: "\f40c";
 }
 
 .fa-wheelchair:before {
-  content: "";
+  content: "\f193";
 }
 
 .fa-whmcs:before {
-  content: "";
+  content: "\f40d";
 }
 
 .fa-wifi:before {
-  content: "";
+  content: "\f1eb";
 }
 
 .fa-wikipedia-w:before {
-  content: "";
+  content: "\f266";
 }
 
 .fa-window-close:before {
-  content: "";
+  content: "\f410";
 }
 
 .fa-window-maximize:before {
-  content: "";
+  content: "\f2d0";
 }
 
 .fa-window-minimize:before {
-  content: "";
+  content: "\f2d1";
 }
 
 .fa-window-restore:before {
-  content: "";
+  content: "\f2d2";
 }
 
 .fa-windows:before {
-  content: "";
+  content: "\f17a";
 }
 
 .fa-wine-glass:before {
-  content: "";
+  content: "\f4e3";
 }
 
 .fa-wine-glass-alt:before {
-  content: "";
+  content: "\f5ce";
 }
 
 .fa-wix:before {
-  content: "";
+  content: "\f5cf";
 }
 
 .fa-wolf-pack-battalion:before {
-  content: "";
+  content: "\f514";
 }
 
 .fa-won-sign:before {
-  content: "";
+  content: "\f159";
 }
 
 .fa-wordpress:before {
-  content: "";
+  content: "\f19a";
 }
 
 .fa-wordpress-simple:before {
-  content: "";
+  content: "\f411";
 }
 
 .fa-wpbeginner:before {
-  content: "";
+  content: "\f297";
 }
 
 .fa-wpexplorer:before {
-  content: "";
+  content: "\f2de";
 }
 
 .fa-wpforms:before {
-  content: "";
+  content: "\f298";
 }
 
 .fa-wrench:before {
-  content: "";
+  content: "\f0ad";
 }
 
 .fa-x-ray:before {
-  content: "";
+  content: "\f497";
 }
 
 .fa-xbox:before {
-  content: "";
+  content: "\f412";
 }
 
 .fa-xing:before {
-  content: "";
+  content: "\f168";
 }
 
 .fa-xing-square:before {
-  content: "";
+  content: "\f169";
 }
 
 .fa-y-combinator:before {
-  content: "";
+  content: "\f23b";
 }
 
 .fa-yahoo:before {
-  content: "";
+  content: "\f19e";
 }
 
 .fa-yandex:before {
-  content: "";
+  content: "\f413";
 }
 
 .fa-yandex-international:before {
-  content: "";
+  content: "\f414";
 }
 
 .fa-yelp:before {
-  content: "";
+  content: "\f1e9";
 }
 
 .fa-yen-sign:before {
-  content: "";
+  content: "\f157";
 }
 
 .fa-yin-yang:before {
-  content: "";
+  content: "\f6ad";
 }
 
 .fa-yoast:before {
-  content: "";
+  content: "\f2b1";
 }
 
 .fa-youtube:before {
-  content: "";
+  content: "\f167";
 }
 
 .fa-youtube-square:before {
-  content: "";
+  content: "\f431";
 }
 
 .fa-zhihu:before {
-  content: "";
+  content: "\f63f";
 }
 
 .sr-only {
@@ -5341,22 +5341,22 @@ and open the template in the editor.
   color: #E5E5E5;
 }
 .enka-custom-radio.star::before {
-  content: "";
+  content: "\f005";
 }
 .enka-custom-radio.thumb::before {
-  content: "";
+  content: "\f164";
 }
 .enka-custom-radio.smiley::before {
-  content: "";
+  content: "\f118";
 }
 .enka-custom-radio.heart::before {
-  content: "";
+  content: "\f004";
 }
 .enka-custom-radio.flag::before {
-  content: "";
+  content: "\f024";
 }
 .enka-custom-radio.user::before {
-  content: "";
+  content: "\f007";
 }
 
 /* visual analog scale - radio buttons */
@@ -5367,25 +5367,25 @@ and open the template in the editor.
   color: #E5E5E5;
 }
 .enka-vizualna-skala.siv-61::before, .enka-vizualna-skala.siv-71::before {
-  content: "";
+  content: "\f5b4";
 }
 .enka-vizualna-skala.siv-41::before, .enka-vizualna-skala.siv-51::before, .enka-vizualna-skala.siv-62::before, .enka-vizualna-skala.siv-72::before {
-  content: "";
+  content: "\f57a";
 }
 .enka-vizualna-skala.siv-21::before, .enka-vizualna-skala.siv-31::before, .enka-vizualna-skala.siv-42::before, .enka-vizualna-skala.siv-52::before, .enka-vizualna-skala.siv-63::before, .enka-vizualna-skala.siv-73::before {
-  content: "";
+  content: "\f119";
 }
 .enka-vizualna-skala.siv-32::before, .enka-vizualna-skala.siv-53::before, .enka-vizualna-skala.siv-74::before {
-  content: "";
+  content: "\f11a";
 }
 .enka-vizualna-skala.siv-22::before, .enka-vizualna-skala.siv-33::before, .enka-vizualna-skala.siv-43::before, .enka-vizualna-skala.siv-54::before, .enka-vizualna-skala.siv-64::before, .enka-vizualna-skala.siv-75::before {
-  content: "";
+  content: "\f118";
 }
 .enka-vizualna-skala.siv-44::before, .enka-vizualna-skala.siv-55::before, .enka-vizualna-skala.siv-65::before, .enka-vizualna-skala.siv-76::before {
-  content: "";
+  content: "\f580";
 }
 .enka-vizualna-skala.siv-66::before, .enka-vizualna-skala.siv-77::before {
-  content: "";
+  content: "\f59c";
 }
 
 /*
@@ -5399,88 +5399,88 @@ and open the template in the editor.
 */
 /* icons */
 span.faicon.plus::before {
-  content: "";
+  content: "\f067";
 }
 
 span.faicon.minus::before {
-  content: "";
+  content: "\f068";
 }
 
 span.faicon.success::before,
 span.circle-check::before {
-  content: "";
+  content: "\f058";
 }
 
 span.faicon.close::before {
   font-size: 18px;
   font-weight: 400;
-  content: "";
+  content: "\f057";
 }
 
 span.faicon.dropdown_blue::before {
   font-size: 16px;
-  content: "";
+  content: "\f13a";
 }
 
 span.faicon.dropup_blue::before {
   font-size: 16px;
-  content: "";
+  content: "\f139";
 }
 
 span.faicon.arrow_back::before {
   font-weight: 600;
   font-size: 16px;
-  content: "";
+  content: "\f137";
 }
 
 span.faicon.add::before {
   font-size: 18px;
-  content: "";
+  content: "\f055";
 }
 
 span.faicon.remove::before {
   font-size: 18px;
-  content: "";
+  content: "\f056";
 }
 
 span.faicon.delete::before {
   font-size: 18px;
   font-weight: 400;
-  content: "";
+  content: "\f2ed";
 }
 
 span.faicon.anketa_delete::before {
   font-size: 24px;
   font-weight: 400;
-  content: "";
+  content: "\f2ed";
 }
 
 span.faicon.copy::before {
   font-size: 18px;
-  content: "";
+  content: "\f0c5";
   font-weight: 400;
 }
 
 span.faicon.anketa_copy::before {
   font-size: 24px;
-  content: "";
+  content: "\f0c5";
   font-weight: 400;
 }
 
 span.faicon.export::before {
   font-size: 24px;
-  content: "";
+  content: "\f56e";
 }
 
 span.faicon.file-import::before {
-  content: "";
+  content: "\f56f";
   transform: scaleX(-1);
 }
 
 span.faicon.import::before {
   font-size: 24px;
   font-weight: 400;
-  content: "";
+  content: "\f1c2";
 }
 
 /*span.faicon.import::after{
@@ -5490,137 +5490,137 @@ span.faicon.import::before {
 }*/
 span.faicon.library::before {
   font-size: 24px;
-  content: "";
+  content: "\f518";
 }
 
 span.faicon.folder::before {
   font-size: 16px;
   font-weight: 600;
-  content: "";
+  content: "\f07b";
 }
 
 span.faicon.folder_empty::before {
   font-size: 16px;
   font-weight: 400;
-  content: "";
+  content: "\f07b";
 }
 
 span.faicon.after.sort_down_arrow::after {
-  content: "";
+  content: "\f0d7";
   margin-left: 5px;
 }
 
 span.faicon.after.sort_up_arrow::after {
-  content: "";
+  content: "\f0d8";
   margin-left: 5px;
 }
 
 span.faicon.info::before {
   font-size: 28px;
-  content: "";
+  content: "\f05a";
   vertical-align: middle;
 }
 
 span.faicon.pagination_left::before {
   margin: 0 1px 0 1px;
-  content: "";
+  content: "\f104";
 }
 
 span.faicon.pagination_right::before {
   margin: 0 0 0 1px;
-  content: "";
+  content: "\f105";
 }
 
 span.faicon.edit::before,
 span.faicon.edit2::before {
-  content: "";
+  content: "\f304";
 }
 
 span.faicon.refresh::before {
   font-size: 18px;
-  content: "";
+  content: "\f2f1";
 }
 
 span.faicon.filter::before {
   font-size: 18px;
-  content: "";
+  content: "\f0b0";
 }
 
 span.faicon.grip::before {
-  content: "";
+  content: "\f58e";
 }
 
 span.faicon.star::before,
 span.faicon.star_off::before {
   font-size: 14px;
   font-weight: 400;
-  content: "";
+  content: "\f005";
 }
 
 span.faicon.star_on::before {
   font-size: 14px;
   font-weight: 700;
-  content: "";
+  content: "\f005";
 }
 
 span.faicon.search::before {
   font-size: 20px;
-  content: "";
+  content: "\f002";
 }
 
 span.faicon.clipboard_notes::before {
   font-size: 20px;
-  content: "";
+  content: "\f46d";
 }
 
 span.faicon.help2::before {
   font-size: 20px;
-  content: "";
+  content: "\f059";
 }
 
 span.faicon.user::before {
   font-size: 18px;
-  content: "";
+  content: "\f007";
 }
 
 span.faicon.logout::before {
   font-size: 20px;
-  content: "";
+  content: "\f2f5";
 }
 
 .faicon.monitor::before {
-  content: "";
+  content: "\f108";
 }
 
 .faicon.mobile::before {
-  content: "";
+  content: "\f3cd";
 }
 
 .faicon.tablet::before {
-  content: "";
+  content: "\f3fa";
 }
 
 span.faicon.users::before {
-  content: "";
+  content: "\f500";
 }
 
 span.faicon.lock_open::before {
-  content: "";
+  content: "\f3c1";
 }
 
 span.faicon.lock_close::before {
-  content: "";
+  content: "\f023";
 }
 
 span.faicon.bottom_saving::before {
   font-size: 24px;
   font-weight: 400;
-  content: "";
+  content: "\f0c7";
 }
 
 span.faicon.bottom_publish::before {
   font-size: 24px;
-  content: "";
+  content: "\f093";
 }
 
 span.faicon.bottom_preview {
@@ -5630,63 +5630,63 @@ span.faicon.bottom_preview {
 span.faicon.bottom_preview::before {
   font-size: 24px;
   font-weight: 400;
-  content: "";
+  content: "\f15b";
 }
 
 span.faicon.bottom_preview::after {
   font-size: 14px;
-  content: "";
+  content: "\f002";
   display: inline-block;
   margin-left: -70%;
 }
 
 span.faicon.bottom_test::before {
   font-size: 24px;
-  content: "";
+  content: "\f492";
 }
 
 span.faicon.language::before {
   font-size: 24px;
-  content: "";
+  content: "\f0ac";
 }
 
 span.faicon.mobile_off::before {
   font-size: 24px;
-  content: "";
+  content: "\f3cd";
 }
 
 span.faicon.mobile_off::after {
   font-size: 24px;
-  content: "";
+  content: "\f715";
   margin-left: -23px;
 }
 
 span.faicon.comments::before {
-  content: "";
+  content: "\f27a";
   font-weight: 700;
 }
 
 span.faicon.comments_empty::before {
-  content: "";
+  content: "\f27a";
   font-weight: 400;
 }
 
 span.faicon.data_link::before {
-  content: "";
+  content: "\f0c1";
 }
 
 span.faicon.data_link_small::before {
-  content: "";
+  content: "\f0c1";
 }
 
 span.faicon.print::before {
   font-size: 24px;
-  content: "";
+  content: "\f02f";
 }
 
 span.faicon.print_small::before {
   font-size: 16px;
-  content: "";
+  content: "\f02f";
 }
 
 span.faicon.preview {
@@ -5696,11 +5696,11 @@ span.faicon.preview {
 span.faicon.preview::before {
   font-size: 18px;
   font-weight: 400;
-  content: "";
+  content: "\f15b";
 }
 
 span.faicon.preview::after {
-  content: "";
+  content: "\f002";
   display: inline-block;
   font-size: 11px;
   margin-left: -50%;
@@ -5708,87 +5708,87 @@ span.faicon.preview::after {
 
 span.faicon.palette::before {
   font-size: 18px;
-  content: "";
+  content: "\f53f";
 }
 
 span.faicon.inline_comment::before {
   font-size: 14px;
   font-weight: 400;
-  content: "";
+  content: "\f075";
 }
 
 span.faicon.inline_double_comment::before {
   font-size: 14px;
   font-weight: 400;
-  content: "";
+  content: "\f086";
 }
 
 span.faicon.comments_creport::before {
   font-size: 16px;
-  content: "";
+  content: "\f086";
 }
 
 span.faicon.compress::before {
   font-size: 15px;
-  content: "";
+  content: "\f066";
 }
 
 span.faicon.expand::before {
   font-size: 15px;
-  content: "";
+  content: "\f065";
 }
 
 span.faicon.hashtag::before {
   font-size: 15px;
-  content: "";
+  content: "\f292";
 }
 
 span.faicon.bug::before {
   font-size: 15px;
-  content: "";
+  content: "\f188";
 }
 
 span.faicon.paragraph::before {
   font-size: 15px;
-  content: "";
+  content: "\f1dd";
 }
 
 span.faicon.replace::before {
   font-size: 15px;
-  content: "";
+  content: "\f362";
 }
 
 span.faicon.plus_square::before {
   font-size: 15px;
   font-weight: 400;
-  content: "";
+  content: "\f0fe";
 }
 
 span.faicon.minus_square::before {
   font-size: 15px;
   font-weight: 400;
-  content: "";
+  content: "\f146";
 }
 
 span.faicon.delete_circle::before {
   font-size: 14px;
-  content: "";
+  content: "\f056";
 }
 
 span.faicon.quick_view::before {
   font-size: 15px;
   font-weight: 400;
-  content: "";
+  content: "\f06e";
 }
 
 span.faicon.edit_square::before {
   font-size: 15px;
-  content: "";
+  content: "\f044";
 }
 
 span.faicon.test::before {
   font-size: 15px;
-  content: "";
+  content: "\f492";
 }
 
 a.faicon.if_add {
@@ -5824,7 +5824,7 @@ span.faicon.if_add:hover:before {
 }
 
 span.faicon.text_file::before {
-  content: "";
+  content: "\f15c";
 }
 
 span.faicon.text_file_small {
@@ -5834,40 +5834,40 @@ span.faicon.text_file_small {
 span.faicon.text_file_small:before {
   font-size: 18px;
   font-weight: 400;
-  content: "";
+  content: "\f15c";
 }
 
 span.faicon.warning::before {
   font-size: 16px;
-  content: "";
+  content: "\f071";
 }
 
 span.faicon.users_small::before {
   font-size: 16px;
-  content: "";
+  content: "\f0c0";
 }
 
 span.faicon.popup_0::before {
   font-size: 14px;
-  content: "";
+  content: "\f065";
   color: #1E88E5;
 }
 
 span.faicon.popup_1::before {
   font-size: 14px;
-  content: "";
+  content: "\f065";
   color: #0059ab;
 }
 
 span.faicon.flat_0::before {
   font-size: 14px;
-  content: "";
+  content: "\f03c";
   color: #0059ab;
 }
 
 span.faicon.flat_1::before {
   font-size: 14px;
-  content: "";
+  content: "\f03c";
   color: #1E88E5;
 }
 
@@ -5882,46 +5882,46 @@ span.basic-icon.spss::before {
 span.faicon.external_link::before {
   font-size: 14px;
   font-weight: 600;
-  content: "";
+  content: "\f35d";
 }
 
 span.faicon.cog_large::before {
   font-size: 34px;
   font-weight: 600;
-  content: "";
+  content: "\f013";
 }
 
 span.faicon.chart_large::before {
   font-size: 34px;
   font-weight: 600;
-  content: "";
+  content: "\f201";
 }
 
 span.faicon.reload_large::before {
   font-size: 34px;
   font-weight: 600;
-  content: "";
+  content: "\f021";
 }
 
 span.faicon.chart::before {
-  content: "";
+  content: "\f080";
   font-size: 16px;
   font-weight: 600;
 }
 
 span.faicon.data::before {
-  content: "";
+  content: "\f1c0";
   font-size: 16px;
   font-weight: 600;
 }
 
 span.faicon.publish::before {
-  content: "";
+  content: "\f093";
   font-size: 16px;
 }
 
 span.faicon.test::before {
-  content: "";
+  content: "\f492";
   font-size: 16px;
 }
 
@@ -5931,63 +5931,63 @@ button.ui-datepicker-trigger::before {
   font-family: "Font Awesome 5 Free";
   font-weight: 400;
   font-size: 16px;
-  content: "";
+  content: "\f073";
 }
 
 /* ARROWS */
 span.faicon.arrow_up::before {
   font-size: 14px;
-  content: "";
+  content: "\f062";
 }
 
 span.faicon.arrow2_r::before {
   font-size: 14px;
-  content: "";
+  content: "\f054";
 }
 
 span.faicon.arrow2_l::before {
   font-size: 14px;
-  content: "";
+  content: "\f053";
 }
 
 span.faicon.arrow2_d::before {
   font-size: 14px;
-  content: "";
+  content: "\f078";
 }
 
 span.faicon.arrow2_u::before {
   font-size: 14px;
-  content: "";
+  content: "\f077";
 }
 
 span.faicon.arrow_large2_r::before {
   font-size: 35px;
-  content: "";
+  content: "\f054";
 }
 
 span.faicon.arrow_large2_l::before {
   font-size: 35px;
-  content: "";
+  content: "\f053";
 }
 
 span.faicon.arrow_verylarge2_r::before {
   font-size: 40px;
-  content: "";
+  content: "\f054";
 }
 
 span.faicon.arrow_verylarge2_l::before {
   font-size: 40px;
-  content: "";
+  content: "\f053";
 }
 
 span.faicon.sort_descending::before {
   font-size: 14px;
-  content: "";
+  content: "\f0d7";
 }
 
 span.faicon.sort_ascending::before {
   font-size: 14px;
-  content: "";
+  content: "\f0d8";
 }
 
 /* Plus/minus sqare */
@@ -5999,127 +5999,127 @@ span.folder_plusminus {
 span.faicon.plus_orange::before {
   font-size: 12px;
   font-weight: 400;
-  content: "";
+  content: "\f0fe";
 }
 
 span.faicon.minus_orange::before {
   font-size: 12px;
   font-weight: 400;
-  content: "";
+  content: "\f146";
 }
 
 /* Spinner */
 span.faicon.spinner::before {
   font-size: 18px;
-  content: "";
+  content: "\f1ce";
 }
 
 /* Bars - mobile menu */
 span.faicon.bars::before {
   font-size: 26px;
-  content: "";
+  content: "\f0c9";
 }
 
 span.faicon.lock_open::before {
-  content: "";
+  content: "\f3c1";
 }
 
 span.faicon.lock_close::before {
-  content: "";
+  content: "\f023";
 }
 
 span.faicon.bell::before {
-  content: "";
+  content: "\f0f3";
 }
 
 span.faicon.bell_slash::before {
-  content: "";
+  content: "\f1f6";
 }
 
 span.faicon.trash::before {
-  content: "";
+  content: "\f2ed";
 }
 
 span.faicon.copy::before {
-  content: "";
+  content: "\f0c5";
 }
 
 span.faicon.circle::before {
-  content: "";
+  content: "\f111";
   vertical-align: middle;
 }
 
 span.faicon.plus::before {
-  content: "";
+  content: "\f067";
 }
 
 span.faicon.plus_circle::before {
-  content: "";
+  content: "\f055";
 }
 
 span.faicon.minus_circle::before {
-  content: "";
+  content: "\f056";
 }
 
 span.faicon.calendar_icon::before {
-  content: "";
+  content: "\f073";
 }
 
 span.faicon.clipboard::before {
-  content: "";
+  content: "\f328";
 }
 
 span.faicon.list-alt::before {
-  content: "";
+  content: "\f022";
 }
 
 span.faicon.vote-yes::before {
-  content: "";
+  content: "\f772";
 }
 
 span.faicon.file-preview::before {
-  content: "";
+  content: "\f865";
 }
 
 span.faicon.dots::before {
-  content: "";
+  content: "\f141";
   font-size: 16px;
   font-weight: 600;
 }
 
 span.faicon.dots_ver:before {
-  content: "";
+  content: "\f142";
   font-size: 16px;
   font-weight: 600;
 }
 
 span.faicon.open_icon::before,
 a.faicon.open_icon::before {
-  content: "";
+  content: "\f35d";
 }
 
 span.faicon.table_icon::before {
-  content: "";
+  content: "\f0ce";
 }
 
 span.faicon.list::before {
-  content: "";
+  content: "\f03a";
 }
 
 span.faicon.link-chain::before {
-  content: "";
+  content: "\f0c1";
 }
 
 span.fa-brands.html5::before {
-  content: "";
+  content: "\f13b";
 }
 
 span.faicon.stopwatch20::before {
-  content: "";
+  content: "\e06f";
 }
 
 span.faicon.checkbox-empty::before {
-  content: "";
+  content: "\f0c8";
   font-weight: 400 !important;
 }
 
@@ -6128,7 +6128,7 @@ span.faicon.fa-1::before {
 }
 
 span.faicon.phone::before {
-  content: "";
+  content: "\f095";
 }
 
 /*
@@ -6265,23 +6265,23 @@ and open the template in the editor.
 */
 /* Toolbox na levi strani */
 span.faicon.wheel_32::before {
-  content: "";
+  content: "\f013";
 }
 
 span.faicon.radio_32::before {
-  content: "";
+  content: "\f192";
   font-weight: 400;
   font-size: 18px;
 }
 
 span.faicon.check_32::before {
-  content: "";
+  content: "\f14a";
   font-weight: 400;
   font-size: 18px;
 }
 
 span.faicon.matrix_32::before {
-  content: "\a";
+  content: "\f192\f192\a\f192\f192";
   white-space: pre;
   font-weight: 400;
   font-size: 12px;
@@ -6305,7 +6305,7 @@ span.faicon.nagovor::before {
 }
 
 span.faicon.plus_32::before {
-  content: "";
+  content: "\f055";
   font-size: 18px;
 }
 
@@ -6349,12 +6349,12 @@ span.faicon.edit-vprasanje {
 }
 span.faicon.edit-vprasanje:before {
   font-size: 18px;
-  content: "";
+  content: "\f031";
 }
 
 a.faicon.edit::before {
   font-size: 16px;
-  content: "";
+  content: "\f304";
 }
 
 a.faicon.addif::before {
@@ -6367,22 +6367,22 @@ a.faicon.addif::before {
 a.faicon.copy::before {
   font-size: 18px;
   font-weight: 400;
-  content: "";
+  content: "\f0c5";
 }
 
 a.faicon.copycond::before {
   font-size: 18px;
-  content: "";
+  content: "\f0c5";
 }
 
 a.faicon.preview::before {
   font-size: 18px;
   font-weight: 400;
-  content: "";
+  content: "\f15b";
 }
 
 a.faicon.preview::after {
-  content: "";
+  content: "\f002";
   display: inline-block;
   font-size: 11px;
   margin-left: -50%;
@@ -6390,25 +6390,25 @@ a.faicon.preview::after {
 
 a.faicon.arhiv::before {
   font-size: 18px;
-  content: "";
+  content: "\f044";
 }
 
 a.faicon.delete::before {
   font-size: 18px;
   font-weight: 400;
-  content: "";
+  content: "\f2ed";
 }
 
 a.faicon.hide::before {
   font-size: 18px;
   font-weight: 400;
-  content: "";
+  content: "\f06e";
 }
 
 a.faicon.unhide_icon::before {
   font-size: 18px;
   font-weight: 400;
-  content: "";
+  content: "\f070";
 }
 
 /* Urejanje vrednosti inline */
@@ -6422,12 +6422,12 @@ a.faicon.unhide_icon::before {
 
 .variabla span.inline.faicon.edit2::before {
   font-size: 14px;
-  content: "";
+  content: "\f304";
 }
 
 .variabla span.inline.faicon.odg_hidden::before {
   font-size: 14px;
-  content: "";
+  content: "\f05e";
 }
 
 .variabla span.inline.faicon.odg_hidden.show-hidden::before {
@@ -6455,23 +6455,23 @@ a.faicon.unhide_icon::before {
 .variabla span.inline.faicon.odg_if_follow::after {
   font-size: 14px;
   margin-left: 2px;
-  content: "";
+  content: "\f0da";
 }
 
 .variabla span.inline.faicon.correct::before {
   font-size: 14px;
   font-weight: 900;
-  content: "";
+  content: "\f00c";
 }
 
 .faicon.move_updown::before {
   font-size: 16px;
   color: #0059ab;
-  content: "";
+  content: "\f338";
 }
 
 .faicon.image_upload::before {
-  content: "";
+  content: "\f03e";
   font-weight: 400;
 }
 
@@ -6488,22 +6488,22 @@ and open the template in the editor.
 span.faicon.mapca.anketa::before {
   font-size: 16px;
   font-weight: 400;
-  content: "";
+  content: "\f022";
 }
 
 span.faicon.table::before {
   font-size: 16px;
-  content: "";
+  content: "\f00b";
 }
 
 span.faicon.other_vprasanja::before {
   font-size: 16px;
-  content: "" !important;
+  content: "\f0ca" !important;
 }
 
 span.faicon.osnovna_vprasanja::before {
   font-size: 16px;
-  content: "";
+  content: "\f0ca";
 }
 
 span.faicon.mapca.if::before {
@@ -6531,7 +6531,7 @@ and open the template in the editor.
 */
 /* Izvozi */
 span.faicon.pdf::before {
-  content: "";
+  content: "\f1c1";
   font-size: 16px;
   font-weight: 400;
   color: #ed1c24;
@@ -6555,7 +6555,7 @@ span.faicon.pdf.black::before {
 span.faicon.xls::before {
   font-size: 16px;
   font-weight: 400;
-  content: "";
+  content: "\f1c3";
   color: #008000;
 }
 
@@ -6577,7 +6577,7 @@ span.faicon.xls.black::before {
 span.faicon.rtf::before {
   font-size: 16px;
   font-weight: 400;
-  content: "";
+  content: "\f1c2";
   color: #0f3ea8;
 }
 
@@ -6599,7 +6599,7 @@ span.faicon.rtf.black::before {
 span.faicon.ppt::before {
   font-size: 16px;
   font-weight: 400;
-  content: "";
+  content: "\f1c4";
   color: #fa4913;
 }
 
@@ -6621,7 +6621,7 @@ span.faicon.ppt.black::before {
 span.faicon.xml::before {
   font-size: 16px;
   font-weight: 400;
-  content: "";
+  content: "\f1c9";
   color: #00a000;
 }
 
@@ -6641,17 +6641,17 @@ span.faicon.xml.black::before {
 }
 
 span.faicon.arhiv::before {
-  content: "";
+  content: "\f187";
 }
 
 span.faicon.arhiv_mail::before {
   font-size: 16px;
   font-weight: 400;
-  content: "";
+  content: "\f14d";
 }
 
 span.faicon.share-arrow::before {
-  content: "";
+  content: "\f14d";
 }
 
 /*
@@ -6701,7 +6701,7 @@ span.faicon.an_chart_bar::before {
   font-size: 14px;
   font-weight: 700;
   /*content: "\f080";*/
-  content: "";
+  content: "\f200";
 }
 
 /*
@@ -6715,35 +6715,35 @@ and open the template in the editor.
 */
 /* Invitation table */
 span.faicon.inv_sent_0::before {
-  content: "";
+  content: "\f2b6";
 }
 
 span.faicon.inv_sent_1::before {
-  content: "";
+  content: "\f0e0";
 }
 
 span.faicon.inv_responded_0::before {
   font-size: 14px;
   font-weight: 400;
-  content: "";
+  content: "\f005";
 }
 
 span.faicon.inv_responded_1::before {
   font-size: 14px;
   font-weight: 700;
-  content: "";
+  content: "\f005";
 }
 
 span.faicon.inv_unsubscribed_0::before {
   font-size: 14px;
   font-weight: 400;
-  content: "";
+  content: "\f111";
 }
 
 span.faicon.inv_unsubscribed_1::before {
   font-size: 14px;
   font-weight: 700;
-  content: "";
+  content: "\f111";
   color: #FF0000;
 }
 
@@ -6844,7 +6844,7 @@ a.read-more .faicon:before {
 .qtip .qtip-wrapper .qtip-contentWrapper .qtip-content h1::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f059";
   font-size: 20px;
   color: #1E88E5;
   vertical-align: -1px;
@@ -6881,7 +6881,7 @@ a.read-more .faicon:before {
   padding-left: 8px;
   vertical-align: middle;
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f054";
   font-size: 8px;
   color: #1E88E5;
   transition: 0.2s;
@@ -7204,7 +7204,7 @@ a.read-more .faicon:before {
 .divPopUp.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f071";
   font-size: 14px;
   color: #FFC700;
 }
@@ -7245,7 +7245,7 @@ a.read-more .faicon:before {
 .divPopUp_info.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f071";
   font-size: 14px;
   color: #FFC700;
 }
@@ -7737,7 +7737,7 @@ body.waitlong #loading {
 #check_pogoji.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f071";
   font-size: 14px;
   color: #FFC700;
 }
@@ -7918,7 +7918,7 @@ body.waitlong #loading {
 #dropped_alert.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f071";
   font-size: 14px;
   color: #FFC700;
 }
@@ -8108,7 +8108,7 @@ body.waitlong #loading {
 #popup_user_access.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f071";
   font-size: 14px;
   color: #FFC700;
 }
@@ -8539,6 +8539,10 @@ div#div_condition_editing div#div_condition_editing_container div#div_condition_
   min-width: auto;
 }
 
+div.column.variable select {
+  margin-left: 8px !important;
+}
+
 div#inspect_div .setting_holder .horizontal {
   display: flex;
   flex-direction: row;
@@ -9168,7 +9172,7 @@ header #topSettingsHolder .left_options_holder #analizaSubNav #globalSetingsLink
   right: 8px;
   top: 5px;
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f078";
   font-size: 10px;
   font-weight: 600;
 }
@@ -9799,17 +9803,17 @@ input[type=radio]:checked + label:before, input[type=checkbox]:checked + label:b
   color: #1E88E5;
 }
 input[type=checkbox] + label:before {
-  content: "";
+  content: "\f0c8";
 }
 input[type=checkbox]:checked + label:before {
-  content: "";
+  content: "\f14a";
   font-weight: bold;
 }
 input[type=radio] + label:before {
-  content: "";
+  content: "\f111";
 }
 input[type=radio]:checked + label:before {
-  content: "";
+  content: "\f192";
 }
 input[type=checkbox][disabled] + label:before {
   color: #C4C4C4;
@@ -10376,7 +10380,7 @@ div .table-horizontal-scroll-wrapper2 table {
 #survey_list .second_line .filters #folderSwitch#sortButton:after {
   position: absolute;
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f078";
   right: 8px;
   top: 13px;
   font-weight: 600;
@@ -10722,13 +10726,13 @@ body.eng #survey_list .filters #folderSwitch {
   cursor: pointer;
 }
 #survey_list .div_sl_new.folders .folder_holder .folder_title .folder_arrow_icon::before {
-  content: "";
+  content: "\f078";
   font-size: 14px;
   color: #333333;
   margin-right: 8px;
 }
 #survey_list .div_sl_new.folders .folder_holder .folder_title .folder_icon::before {
-  content: "";
+  content: "\f07b";
   font-size: 16px;
   font-weight: 400;
   color: #1E88E5;
@@ -10738,7 +10742,7 @@ body.eng #survey_list .filters #folderSwitch {
   background-color: #F8F8F8;
 }
 #survey_list .div_sl_new.folders .folder_holder .folder_title.open .folder_arrow_icon::before {
-  content: "";
+  content: "\f077";
 }
 #survey_list .div_sl_new.folders .folder_holder .folder_title.open .folder_icon::before {
   font-weight: 600;
@@ -11823,13 +11827,13 @@ div.page_obvestila #unread_notifications .gdpr_popup_radio input {
   cursor: pointer;
 }
 #anketa_knjiznica #libraryInner ul li .folder_box_holder .folder_box .folder_arrow_icon::before {
-  content: "";
+  content: "\f078";
   font-size: 14px;
   color: #333333;
   margin-right: 8px;
 }
 #anketa_knjiznica #libraryInner ul li .folder_box_holder .folder_box .folder::before {
-  content: "";
+  content: "\f07b";
   font-size: 16px;
   font-weight: 400;
   color: #1E88E5;
@@ -11855,7 +11859,7 @@ div.page_obvestila #unread_notifications .gdpr_popup_radio input {
   }*/
 }
 #anketa_knjiznica #libraryInner ul li .folder_box_holder .folder_box.open .folder_arrow_icon::before {
-  content: "";
+  content: "\f077";
 }
 #anketa_knjiznica #libraryInner ul li .folder_box_holder .folder_box.open .folder::before {
   font-weight: 600;
@@ -12108,7 +12112,7 @@ and open the template in the editor.
 #new_anketa_div .layout_right_item .layout_right_centering .fieldset .setting input[type=radio] + span.enka-checkbox-radio:before {
   font-family: "Font Awesome 5 Free";
   display: inline-block;
-  content: "";
+  content: "\f111";
   letter-spacing: 10px;
 }
 #new_anketa_div .layout_right_item .layout_right_centering .fieldset .setting input[type=radio] + span.enka-custom-radio:before {
@@ -12116,7 +12120,7 @@ and open the template in the editor.
   display: inline-block;
 }
 #new_anketa_div .layout_right_item .layout_right_centering .fieldset .setting input[type=radio]:checked + span.enka-checkbox-radio:before {
-  content: "";
+  content: "\f192";
 }
 #new_anketa_div .layout_right_item .layout_right_centering .fieldset .setting input[type=checkbox] {
   display: none !important;
@@ -12129,11 +12133,11 @@ and open the template in the editor.
 #new_anketa_div .layout_right_item .layout_right_centering .fieldset .setting input[type=checkbox] + span.enka-checkbox-radio:before {
   font-family: "Font Awesome 5 Free";
   display: inline-block;
-  content: "";
+  content: "\f0c8";
   letter-spacing: 10px;
 }
 #new_anketa_div .layout_right_item .layout_right_centering .fieldset .setting input[type=checkbox]:checked + span.enka-checkbox-radio:before {
-  content: "";
+  content: "\f14a";
   letter-spacing: 8px;
 }
 #new_anketa_div .layout_right_item .layout_right_centering .fieldset .setting .custom_radio_picture.obarvan > label > span.enka-custom-radio:before {
@@ -12426,7 +12430,7 @@ and open the template in the editor.
 }
 #new_anketa_div .layout_right_item .layout_right_centering .anketa_from_text .from_text_sidebyside_holder #preview_field_holder #preview_field span.variable input[type=radio] + span.enka-checkbox-radio:before {
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f111";
   display: inline-block;
   font-size: 14px;
   color: #C4C4C4;
@@ -12924,20 +12928,20 @@ div.drop_setting_transition {
   font-weight: 400;
 }
 #branching input[type=checkbox].enka-admin-custom + span.enka-checkbox-radio:before {
-  content: "";
+  content: "\f0c8";
   letter-spacing: 10px;
 }
 #branching input[type=radio].enka-admin-custom + span.enka-checkbox-radio:before {
-  content: "";
+  content: "\f111";
   letter-spacing: 8px;
 }
 #branching input[type=checkbox].enka-admin-custom:checked + span.enka-checkbox-radio:before {
-  content: "";
+  content: "\f14a";
   color: #D3D3D3;
   letter-spacing: 8px;
 }
 #branching input[type=radio].enka-admin-custom:checked + span.enka-checkbox-radio:before {
-  content: "";
+  content: "\f192";
   color: #D3D3D3;
 }
 #branching span.faicon.delete_circle::before {
@@ -19534,7 +19538,7 @@ and open the template in the editor.
   transition: 0.2s;
 }
 .tab_content .content_left ul li.folder_item .faicon.arrow:before {
-  content: "";
+  content: "\f078";
 }
 .tab_content .content_left ul li.folder_item .faicon.folder:before,
 .tab_content .content_left ul li.folder_item .faicon.clipboard:before {
@@ -19551,7 +19555,7 @@ and open the template in the editor.
   color: #1E88E5;
 }
 .tab_content .content_left ul li.folder_item.open .faicon.arrow:before {
-  content: "";
+  content: "\f077";
 }
 .tab_content .content_left ul li.folder_item.no_arrow .faicon.arrow:before {
   display: none;
@@ -20042,7 +20046,7 @@ img.mapster_el {
   border-radius: 4px;
 }
 .jquery-selectbox .jquery-selectbox-moreButton::before {
-  content: "";
+  content: "\f078";
   padding-left: 2px;
   color: #333333;
   font-size: 10px;
@@ -20655,7 +20659,7 @@ div#theme-edit-wrap div#theme-editor #picker .button_holder button:last-child {
 div#theme-edit-wrap div#theme-editor #picker.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f071";
   font-size: 14px;
   color: #FFC700;
 }
@@ -21014,7 +21018,7 @@ span.faicon.st-besede-popup {
 #vrednost_edit.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f071";
   font-size: 14px;
   color: #FFC700;
 }
@@ -21255,7 +21259,7 @@ span.faicon.st-besede-popup {
 #quota.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f071";
   font-size: 14px;
   color: #FFC700;
 }
@@ -21573,7 +21577,7 @@ and open the template in the editor.
 #preview_spremenljivka.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f071";
   font-size: 14px;
   color: #FFC700;
 }
@@ -22194,22 +22198,22 @@ and open the template in the editor.
 }
 #preview_spremenljivka #variable_holder input[type=checkbox].enka-admin-custom + span.enka-checkbox-radio:before {
   /*content: "\f096";*/
-  content: "";
+  content: "\f0c8";
   letter-spacing: 10px;
 }
 #preview_spremenljivka #variable_holder input[type=radio].enka-admin-custom + span.enka-checkbox-radio:before {
   /*content: "\f10c";*/
-  content: "";
+  content: "\f111";
   letter-spacing: 8px;
 }
 #preview_spremenljivka #variable_holder input[type=checkbox].enka-admin-custom:checked + span.enka-checkbox-radio:before {
   /*content: "\f046";*/
-  content: "";
+  content: "\f14a";
   letter-spacing: 8px;
 }
 #preview_spremenljivka #variable_holder input[type=radio].enka-admin-custom:checked + span.enka-checkbox-radio:before {
   /*content: "\f192";*/
-  content: "";
+  content: "\f192";
 }
 #preview_spremenljivka input[type=radio] {
   margin: 0 8px 4px 0;
@@ -22222,7 +22226,7 @@ and open the template in the editor.
 #preview_spremenljivka input[type=radio] + span.enka-checkbox-radio:before {
   font-family: "Font Awesome 5 Free";
   display: inline-block;
-  content: "";
+  content: "\f111";
   letter-spacing: 10px;
 }
 #preview_spremenljivka input[type=radio] + span.enka-custom-radio:before {
@@ -22230,7 +22234,7 @@ and open the template in the editor.
   display: inline-block;
 }
 #preview_spremenljivka input[type=radio]:checked + span.enka-checkbox-radio:before {
-  content: "";
+  content: "\f192";
 }
 #preview_spremenljivka input[type=checkbox] {
   display: none !important;
@@ -22243,11 +22247,11 @@ and open the template in the editor.
 #preview_spremenljivka input[type=checkbox] + span.enka-checkbox-radio:before {
   font-family: "Font Awesome 5 Free";
   display: inline-block;
-  content: "";
+  content: "\f0c8";
   letter-spacing: 10px;
 }
 #preview_spremenljivka input[type=checkbox]:checked + span.enka-checkbox-radio:before {
-  content: "";
+  content: "\f14a";
   letter-spacing: 8px;
 }
 
@@ -22332,7 +22336,7 @@ and open the template in the editor.
 }
 #popup_import_from_text .anketa_from_text .import_holder #preview_field_holder #preview_field span.variable input[type=radio] + span.enka-checkbox-radio:before {
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f111";
   display: inline-block;
   font-size: 14px;
   color: #E5E5E5;
@@ -22340,7 +22344,7 @@ and open the template in the editor.
   font-weight: 400;
 }
 #popup_import_from_text .anketa_from_text .import_holder #preview_field_holder #preview_field span.variable input[type=radio]:checked + span.enka-checkbox-radio:before {
-  content: "";
+  content: "\f192";
   color: #E5E5E5;
 }
 
@@ -22603,7 +22607,7 @@ dl.arch_email dd {
 #inv_view_arch_recipients.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f071";
   font-size: 14px;
   color: #FFC700;
 }
@@ -25397,7 +25401,7 @@ div.subpage_coding .coding-refresh .button_holder button:last-child {
 div.subpage_coding .coding-refresh.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f071";
   font-size: 14px;
   color: #FFC700;
 }
@@ -25579,7 +25583,7 @@ div.subpage_coding #coding .button_holder button:last-child {
 div.subpage_coding #coding.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f071";
   font-size: 14px;
   color: #FFC700;
 }
@@ -25903,7 +25907,7 @@ div.subpage_coding .floatRecodeSpremenljivka .button_holder button:last-child {
 div.subpage_coding .floatRecodeSpremenljivka.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f071";
   font-size: 14px;
   color: #FFC700;
 }
@@ -26245,18 +26249,18 @@ ul#merge li {
   -webkit-text-stroke: 0.35px;
 }
 .quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka input[type=checkbox] + span.enka-checkbox-radio:before {
-  content: "";
+  content: "\f0c8";
   letter-spacing: 10px;
 }
 .quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka input[type=checkbox]:checked + span.enka-checkbox-radio:before {
-  content: "";
+  content: "\f14a";
 }
 .quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka input[type=radio] + span.enka-checkbox-radio:before {
-  content: "";
+  content: "\f111";
   letter-spacing: 10px;
 }
 .quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka input[type=radio]:checked + span.enka-checkbox-radio:before {
-  content: "";
+  content: "\f192";
 }
 .quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka input[type=checkbox] + span.enka-checkbox-radio,
 .quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka input[type=radio] + span.enka-checkbox-radio,
@@ -26755,7 +26759,7 @@ and open the template in the editor.
 #div_export_setting_show.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f071";
   font-size: 14px;
   color: #FFC700;
 }
@@ -29737,7 +29741,7 @@ ul.vrednost_sort input[type=text] {
 .subpage_analysis_creport #anketa_custom_report #newCReportProfile.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f071";
   font-size: 14px;
   color: #FFC700;
 }
@@ -30036,7 +30040,7 @@ and open the template in the editor.
 #dsp_inspect_cover.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f071";
   font-size: 14px;
   color: #FFC700;
 }
@@ -30563,7 +30567,7 @@ input#endDate {
 .mc_table_settings.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f071";
   font-size: 14px;
   color: #FFC700;
 }
@@ -30774,7 +30778,7 @@ input#endDate {
 #newMCTable.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f071";
   font-size: 14px;
   color: #FFC700;
 }
@@ -30961,7 +30965,7 @@ input#endDate {
 #renameMCTable.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f071";
   font-size: 14px;
   color: #FFC700;
 }
@@ -31148,7 +31152,7 @@ input#endDate {
 #deleteMCTable.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f071";
   font-size: 14px;
   color: #FFC700;
 }
@@ -31435,7 +31439,7 @@ button.buttons-columnVisibility.active {
 table.usersTable {
   margin-left: 14px;
   margin-right: 14px;
-  width: calc(100% - 2*14px);
+  width: calc(100% - 28px);
   white-space: nowrap;
   border-collapse: collapse !important;
 }
diff --git a/resources/sass/admin_new/components/popup/page_specific.scss b/resources/sass/admin_new/components/popup/page_specific.scss
index b1c9dc952..53f290354 100644
--- a/resources/sass/admin_new/components/popup/page_specific.scss
+++ b/resources/sass/admin_new/components/popup/page_specific.scss
@@ -505,6 +505,14 @@ div#div_condition_editing {
     }
 }
 
+//Izbira spremenljivke pri kalkulaciji
+
+div.column.variable {
+    select {
+        margin-left: 8px !important;
+    }
+}
+
 
 //////ANALIZA//////
 //Zoom

From 9cac080b392d5ad99ea475f9deeca79ed3030706 Mon Sep 17 00:00:00 2001
From: tejagerjovic <teja.gerjovic@fdv.uni-lj.si>
Date: Tue, 7 Jun 2022 00:41:04 +0200
Subject: [PATCH 05/10] [Redizajn 1KA] - Uporabniki --> Nepotrjeni - missing
 border

---
 public/css/admin_new.css                                | 5 +++++
 resources/sass/admin_new/pages/settings/uporabniki.scss | 5 +++++
 2 files changed, 10 insertions(+)

diff --git a/public/css/admin_new.css b/public/css/admin_new.css
index dd9dde041..ec2292bb6 100644
--- a/public/css/admin_new.css
+++ b/public/css/admin_new.css
@@ -11060,6 +11060,11 @@ div.subpage_uporabniki div.add_user div#dodajanje_horizontal .setting_holder p.b
   margin-bottom: 4px;
 }
 
+table#unconfirmed_mail_user_list {
+  border-left: 1px solid #E5E5E5;
+  border-right: 1px solid #E5E5E5;
+}
+
 div#user_info_segment_narocila {
   background-color: #F8F8F8;
   border: 1px solid #E5E5E5;
diff --git a/resources/sass/admin_new/pages/settings/uporabniki.scss b/resources/sass/admin_new/pages/settings/uporabniki.scss
index 2cbc0b758..7880ec354 100644
--- a/resources/sass/admin_new/pages/settings/uporabniki.scss
+++ b/resources/sass/admin_new/pages/settings/uporabniki.scss
@@ -142,4 +142,9 @@ div.subpage_uporabniki {
         }
     }
     
+}
+
+table#unconfirmed_mail_user_list {
+    border-left: 1px solid $gray;
+    border-right: 1px solid $gray;
 }
\ No newline at end of file

From fa8a87b1ab4aa52f20b946198c621f37c3e39144 Mon Sep 17 00:00:00 2001
From: tejagerjovic <teja.gerjovic@fdv.uni-lj.si>
Date: Tue, 7 Jun 2022 02:00:04 +0200
Subject: [PATCH 06/10] [Redizajn 1KA] - Ni podatkov o izpolnjeni anketi - v1

---
 admin/survey/classes/class.Common.php         | 22 +++++-
 lang/1.php                                    |  5 +-
 lang/2.php                                    |  7 +-
 public/css/admin_new.css                      | 36 +++++++++
 public/img/images/no_data.svg                 | 77 +++++++++++++++++++
 .../admin_new/pages/survey_data/no_data.scss  | 41 ++++++++++
 .../pages/survey_data/survey_data.scss        |  2 +
 7 files changed, 186 insertions(+), 4 deletions(-)
 create mode 100644 public/img/images/no_data.svg
 create mode 100644 resources/sass/admin_new/pages/survey_data/no_data.scss

diff --git a/admin/survey/classes/class.Common.php b/admin/survey/classes/class.Common.php
index 1236203af..6024e10e9 100644
--- a/admin/survey/classes/class.Common.php
+++ b/admin/survey/classes/class.Common.php
@@ -2131,9 +2131,29 @@ class Common {
     // Izpise obvestilo, da ni podatkov
     static function noDataAlert() {
         global $lang;
+		global $anketa;
         
         echo '<div class="no_data_alert">';
-        echo $lang['srv_data_no_data'];
+
+		echo '<img src="/public/img/images/no_data.svg" />';
+
+        echo '<h2>'.$lang['srv_data_no_data'].'</h2>';
+
+        echo '<div id="note">';
+        echo '<p>'.$lang['srv_data_no_data2'].'</p>';
+        echo '</div>';
+
+		$auto = "'". 'index.php?anketa='.$anketa.'&a=testiranje&m=testnipodatki' . "'";
+		$manual = "'". SurveyInfo::getSurveyLink() . '?preview=on'  . "'";
+		$share = "'". 'index.php?anketa='.$anketa.'&amp;a=vabila'  . "'";
+
+		echo '<div id="buttons">';
+		echo '<button class="medium white-blue" onClick="window.location.href='.$auto.';return false;">'.$lang['srv_testiranje_vnosi2'].'</button>';              
+		echo '<button class="medium white-blue" onClick="window.open('.$manual.', \'_blank\');return false;">'.$lang['srv_archive_test_data_text2a'].'</button>';              
+        echo '<button class="medium blue" onclick="window.location.href='.$share.';return false;">'.$lang['srv_anketa_share'].'</button>';
+
+        echo '</div>';
+
         echo '</div>';
     }
 
diff --git a/lang/1.php b/lang/1.php
index 143b4661a..10e9da554 100644
--- a/lang/1.php
+++ b/lang/1.php
@@ -1907,6 +1907,7 @@ $lang = array (
 	"srv_anketa_is_not_active"		=>	"NEAKTIVNA",
 	"srv_anketa_is_finished"		=>	"ZAKLJUČENA",
 	"srv_anketa_href"				=>	"HTML koda povezave",
+	"srv_anketa_share"				=>	"Deli anketo z respondenti",
 	"srv_anketa_href_text"			=>	"Delite povezavo do ankete na vaši spletni strani.",
 	"srv_anketa_href_count"			=>	"HTML koda s števcem ogledov",
 	"srv_anketa_href_count_text"	=>	"Delite povezavo do ankete na vaši spletni strani in beležite število ogledov povezave na anketo. ",
@@ -4307,7 +4308,8 @@ $lang = array (
 	"srv_dashboard_new_units"				=>	" Število nedodanih enot: ",
 	"srv_dashboard_up_to_date"				=>	"Datoteka s podatki je ažurna.",
 	"srv_dashboard_paradata_date_warning"	=>	"Shranjevanje datumov odgovarjanja na vprašanja (parapodatki) je izklopljeno. Zato nekateri statusi ne bodo prikazani.",
-	"srv_data_no_data"						=>	"V bazi ni podatkov o izpolnjenih anketah!",
+	"srv_data_no_data"						=>	"V bazi še ni podatkov o izpolnjenih anketah!",
+	"srv_data_no_data2"						=>	"Pridobite realne podatke in delite anketo s svojimi respondenti ali za vpogled v strani, ki za prikaz zahtevajo podatke uporabite testne podatke. ",
 	"srv_data_no_data_filtred"				=>	"Ni podatkov.",
 	"srv_diferencial2"      			=>	"Tabela diferencial",
 	"srv_classic"      					=>	"Klasi&#269;na tabela",
@@ -5346,6 +5348,7 @@ $lang = array (
 	"srv_testiranje_komentarji_anketa_title"	=>	"Splošni komentarji",			
 	"srv_testiranje_komentarji_anketa_title2"	=>	"Splošni komentarji na anketo",	
 	"srv_testiranje_vnosi"						=>	"Avtomatski vnosi",
+	"srv_testiranje_vnosi2"						=>	"Avtomatski testni vnos",
 	"srv_testiranje_trajanje"					=>	"Trajanje",
 	"stopwords_explain_title"					=>	"Omejevanje pogostih besed v iskalniku",
 	"stopwords_explain_txt_a"					=>	"Za ve&#269;jo natan&#269;nost iskanih zadetkov, se pogoste besede pri iskanju znotraj vsebine zapisov (podstrani, novic, rubrik, priponk,..) ne upo&#154;tevajo.",
diff --git a/lang/2.php b/lang/2.php
index adfd9d70d..d0f901e70 100644
--- a/lang/2.php
+++ b/lang/2.php
@@ -1900,6 +1900,7 @@ $lang = array (
 	"srv_anketa_is_not_active"		=>	"NOT ACTIVE",
 	"srv_anketa_is_finished"		=>	"FINISHED",
 	"srv_anketa_href"				=>	"HTML code for link",
+	"srv_anketa_share"				=>	"Share survey with respondents",
 	"srv_anketa_href_text"			=>	"Share the link to the survey on your website.",
 	"srv_anketa_href_count"			=>	"HTML code with view counter",
 	"srv_anketa_href_count_text"	=>	"Share the link to the survey on your website and keep track of the number of views of the survey link. ",
@@ -4286,7 +4287,8 @@ $lang = array (
 	"srv_dashboard_new_units"				=>	" Number of new units: ",
 	"srv_dashboard_up_to_date"				=>	"Data file is up to date.",
 	"srv_dashboard_paradata_date_warning"	=>	"Saving respondent dates (paradata) is turned off. Some statuses will not be displayed.",
-	"srv_data_no_data"					=>	"There are no completed surveys!",
+	"srv_data_no_data"					=>	"There are no completed surveys yet!",
+	"srv_data_no_data2"					=>	"Get real data and share the survey with your respondents or use test data to see the pages that require data to be displayed.",
 	"srv_data_no_data_filtred"			=>	"No data",
 	"srv_diferencial2"      			=>  "Semantic differential",
 	"srv_classic"		      			=>  "Classic table",
@@ -5305,7 +5307,8 @@ $lang = array (
 	"srv_testiranje_diagnostika_lastnosti"		=>	"Survey properties",
 	"srv_testiranje_diagnostika_base"			=>	"Base diagnostics",
 	"srv_testiranje_komentarji"					=>	"Comments",
-	"srv_testiranje_vnosi"						=>	"Test responses",
+	"srv_testiranje_vnosi"						=>	"Automatic responses",
+	"srv_testiranje_vnosi2"						=>	"Automatic test response",
 	"srv_testiranje_trajanje"					=>	"Duration",
 	"stopwords_explain_title"					=>	"Restriction of common words in search",
 	"stopwords_explain_txt_a"					=>	"Common words are removed from search inside articles, web page content, attachments and other blocks of text.",
diff --git a/public/css/admin_new.css b/public/css/admin_new.css
index ec2292bb6..22b39ba59 100644
--- a/public/css/admin_new.css
+++ b/public/css/admin_new.css
@@ -26779,6 +26779,42 @@ and open the template in the editor.
   width: 250px;
 }
 
+div.no_data_alert {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+}
+div.no_data_alert img {
+  max-width: 466px;
+  margin-bottom: 32px;
+}
+div.no_data_alert h2 {
+  font-weight: 300;
+  font-size: 24px;
+  margin-block-start: 0;
+  margin-block-end: 0;
+  margin-bottom: 16px;
+}
+div.no_data_alert div#note {
+  max-width: 800px;
+  margin-bottom: 32px;
+  text-align: center;
+}
+div.no_data_alert div#buttons {
+  display: flex;
+  flex-direction: row;
+  gap: 32px;
+}
+div.no_data_alert div#buttons button::first-letter {
+  text-transform: uppercase;
+}
+
+.printHide {
+  display: none !important;
+}
+
 #div_analiza_data:not(.anal_arch) .div_analiza_holder,
 #div_means_data .div_analiza_holder,
 #div_break_data .div_analiza_holder,
diff --git a/public/img/images/no_data.svg b/public/img/images/no_data.svg
new file mode 100644
index 000000000..73f374cbc
--- /dev/null
+++ b/public/img/images/no_data.svg
@@ -0,0 +1,77 @@
+<svg width="1006" height="491" viewBox="0 0 1006 491" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="860.939" y="173.053" width="144.211" height="144.211" rx="3.41455" fill="#E8F3FC"/>
+<circle cx="860.939" cy="245.159" r="7.79902" fill="white" stroke="#E5E5E5" stroke-width="1.70728"/>
+<line x1="72.106" y1="243.902" x2="852.287" y2="243.902" stroke="#D6D6D6" stroke-width="2.51288"/>
+<line x1="72.874" y1="243.917" x2="253.801" y2="243.917" stroke="#1E88E5" stroke-width="2.51288"/>
+<g clip-path="url(#clip0_58_2)">
+<path d="M970.539 201.895H895.55C894.02 201.895 892.553 202.503 891.471 203.585C890.389 204.667 889.781 206.134 889.781 207.664V282.653C889.781 284.183 890.389 285.651 891.471 286.732C892.553 287.814 894.02 288.422 895.55 288.422H970.539C972.069 288.422 973.536 287.814 974.618 286.732C975.7 285.651 976.308 284.183 976.308 282.653V207.664C976.308 206.134 975.7 204.667 974.618 203.585C973.536 202.503 972.069 201.895 970.539 201.895V201.895ZM895.55 204.78H970.539C971.304 204.78 972.038 205.083 972.579 205.624C973.12 206.165 973.424 206.899 973.424 207.664V213.432H892.665V207.664C892.665 206.899 892.969 206.165 893.51 205.624C894.051 205.083 894.785 204.78 895.55 204.78V204.78ZM970.539 285.538H895.55C894.785 285.538 894.051 285.234 893.51 284.693C892.969 284.152 892.665 283.418 892.665 282.653V216.316H973.424V282.653C973.424 283.418 973.12 284.152 972.579 284.693C972.038 285.234 971.304 285.538 970.539 285.538Z" fill="#1E88E5" fill-opacity="0.2"/>
+<path d="M968.852 247.506C968.339 247.103 967.74 246.824 967.102 246.69C966.463 246.556 965.802 246.571 965.17 246.733C962.249 247.623 959.666 249.375 957.758 251.759C955.916 253.712 954.463 255.253 951.792 255.253C950.875 255.28 949.963 255.111 949.116 254.759C948.269 254.407 947.506 253.879 946.879 253.21C946.21 252.504 945.408 251.938 944.518 251.546C943.628 251.154 942.669 250.944 941.697 250.927C937.569 250.927 935.136 253.931 932.784 256.84C930.432 259.748 928.227 262.464 924.392 262.464C921.503 262.547 918.688 261.547 916.499 259.66C914.282 257.751 911.455 256.699 908.529 256.695C900.886 256.695 895.55 263.812 895.55 274.001V278.327C895.55 279.475 896.006 280.575 896.817 281.386C897.628 282.198 898.729 282.653 899.876 282.653H966.213C967.361 282.653 968.461 282.198 969.272 281.386C970.084 280.575 970.539 279.475 970.539 278.327V250.941C970.541 250.278 970.389 249.623 970.096 249.027C969.804 248.432 969.378 247.911 968.852 247.506V247.506ZM908.529 259.58C910.846 259.577 913.081 260.436 914.799 261.989C917.479 264.244 920.891 265.439 924.392 265.348C929.602 265.348 932.484 261.79 935.026 258.651C937.129 256.055 938.944 253.811 941.697 253.811C942.326 253.834 942.943 253.987 943.51 254.26C944.076 254.533 944.58 254.92 944.99 255.398C945.878 256.292 946.939 256.997 948.109 257.468C949.278 257.939 950.532 258.167 951.792 258.138C955.707 258.138 957.817 255.901 959.856 253.739C961.397 251.758 963.501 250.289 965.892 249.525C966.097 249.474 966.311 249.47 966.518 249.515C966.725 249.559 966.919 249.651 967.084 249.783C967.262 249.919 967.407 250.093 967.507 250.293C967.607 250.493 967.659 250.714 967.661 250.937V259.63C962.497 259.996 960.544 262.327 959.339 264.618C958.855 265.536 958.177 266.338 957.352 266.966C956.526 267.594 955.573 268.034 954.559 268.255C953.516 268.483 952.435 268.48 951.392 268.246C950.35 268.011 949.371 267.551 948.526 266.898C946.184 265 943.27 263.945 940.255 263.906C936.112 263.906 933.926 266.699 931.998 269.163C929.967 271.758 928.212 274.001 924.392 274.001C921.503 274.084 918.688 273.084 916.499 271.197C914.282 269.288 911.455 268.236 908.529 268.232C904.704 268.358 901.085 269.998 898.469 272.791C898.815 266.213 901.995 259.58 908.529 259.58ZM966.213 279.769H899.876C899.494 279.769 899.127 279.617 898.856 279.347C898.586 279.076 898.434 278.71 898.434 278.327V277.318C899.324 276.02 903.049 271.117 908.529 271.117C910.846 271.114 913.081 271.973 914.799 273.526C917.479 275.781 920.891 276.976 924.392 276.885C929.618 276.885 932.197 273.588 934.27 270.939C936.284 268.368 937.649 266.79 940.255 266.79C942.633 266.838 944.927 267.684 946.766 269.191C947.945 270.099 949.309 270.737 950.76 271.063C952.212 271.389 953.717 271.394 955.171 271.078C956.595 270.767 957.934 270.149 959.095 269.266C960.255 268.383 961.208 267.257 961.887 265.967C962.686 264.451 963.871 262.848 967.655 262.526V278.327C967.655 278.71 967.503 279.076 967.233 279.347C966.962 279.617 966.596 279.769 966.213 279.769Z" fill="#1E88E5" fill-opacity="0.2"/>
+<path d="M896.992 210.548H898.434C898.816 210.548 899.183 210.396 899.454 210.126C899.724 209.855 899.876 209.488 899.876 209.106C899.876 208.723 899.724 208.357 899.454 208.086C899.183 207.816 898.816 207.664 898.434 207.664H896.992C896.609 207.664 896.243 207.816 895.972 208.086C895.702 208.357 895.55 208.723 895.55 209.106C895.55 209.488 895.702 209.855 895.972 210.126C896.243 210.396 896.609 210.548 896.992 210.548Z" fill="#1E88E5" fill-opacity="0.2"/>
+<path d="M904.202 210.548H905.644C906.026 210.548 906.393 210.396 906.664 210.126C906.934 209.855 907.086 209.488 907.086 209.106C907.086 208.723 906.934 208.357 906.664 208.086C906.393 207.816 906.026 207.664 905.644 207.664H904.202C903.819 207.664 903.453 207.816 903.182 208.086C902.912 208.357 902.76 208.723 902.76 209.106C902.76 209.488 902.912 209.855 903.182 210.126C903.453 210.396 903.819 210.548 904.202 210.548V210.548Z" fill="#1E88E5" fill-opacity="0.2"/>
+<path d="M911.412 210.548H912.854C913.237 210.548 913.604 210.396 913.874 210.126C914.145 209.855 914.297 209.488 914.297 209.106C914.297 208.723 914.145 208.357 913.874 208.086C913.604 207.816 913.237 207.664 912.854 207.664H911.412C911.03 207.664 910.663 207.816 910.393 208.086C910.122 208.357 909.97 208.723 909.97 209.106C909.97 209.488 910.122 209.855 910.393 210.126C910.663 210.396 911.03 210.548 911.412 210.548V210.548Z" fill="#1E88E5" fill-opacity="0.2"/>
+<path d="M960.445 210.548H969.097C969.48 210.548 969.847 210.396 970.117 210.126C970.387 209.855 970.539 209.488 970.539 209.106C970.539 208.723 970.387 208.357 970.117 208.086C969.847 207.816 969.48 207.664 969.097 207.664H960.445C960.062 207.664 959.695 207.816 959.425 208.086C959.154 208.357 959.002 208.723 959.002 209.106C959.002 209.488 959.154 209.855 959.425 210.126C959.695 210.396 960.062 210.548 960.445 210.548Z" fill="#1E88E5" fill-opacity="0.2"/>
+<path d="M909.97 233.622C911.882 233.619 913.715 232.859 915.066 231.507C916.418 230.156 917.179 228.323 917.181 226.411C917.181 226.029 917.029 225.662 916.758 225.391C916.488 225.121 916.121 224.969 915.739 224.969C915.356 224.969 914.989 225.121 914.719 225.391C914.449 225.662 914.297 226.029 914.297 226.411C914.297 227.267 914.043 228.103 913.568 228.815C913.092 229.526 912.416 230.081 911.626 230.408C910.835 230.736 909.966 230.821 909.126 230.654C908.287 230.487 907.516 230.075 906.911 229.47C906.306 228.865 905.894 228.094 905.727 227.255C905.56 226.416 905.646 225.546 905.973 224.756C906.301 223.965 906.855 223.289 907.567 222.814C908.278 222.339 909.115 222.085 909.97 222.085C910.353 222.085 910.72 221.933 910.99 221.662C911.26 221.392 911.412 221.025 911.412 220.643C911.412 220.26 911.26 219.893 910.99 219.623C910.72 219.353 910.353 219.201 909.97 219.201C908.058 219.201 906.224 219.96 904.872 221.313C903.519 222.665 902.76 224.499 902.76 226.411C902.76 228.324 903.519 230.158 904.872 231.51C906.224 232.862 908.058 233.622 909.97 233.622Z" fill="#1E88E5" fill-opacity="0.2"/>
+<path d="M933.044 233.622C934.309 233.619 935.551 233.285 936.647 232.652C937.743 232.019 938.653 231.111 939.288 230.016C939.393 229.852 939.463 229.669 939.494 229.477C939.526 229.285 939.518 229.089 939.472 228.9C939.426 228.711 939.342 228.533 939.225 228.378C939.108 228.222 938.961 228.092 938.793 227.994C938.625 227.897 938.438 227.835 938.245 227.811C938.052 227.788 937.856 227.804 937.67 227.858C937.483 227.912 937.309 228.003 937.158 228.127C937.008 228.25 936.884 228.402 936.794 228.574C936.414 229.232 935.868 229.778 935.21 230.158C934.553 230.537 933.807 230.737 933.047 230.737C932.288 230.738 931.542 230.538 930.885 230.158C930.227 229.779 929.681 229.233 929.301 228.576C928.921 227.918 928.721 227.172 928.72 226.413C928.72 225.654 928.92 224.908 929.299 224.25C929.678 223.592 930.224 223.046 930.882 222.666C931.539 222.286 932.285 222.085 933.044 222.085C933.426 222.085 933.793 221.933 934.064 221.662C934.334 221.392 934.486 221.025 934.486 220.643C934.486 220.26 934.334 219.893 934.064 219.623C933.793 219.353 933.426 219.201 933.044 219.201C931.132 219.201 929.298 219.96 927.945 221.313C926.593 222.665 925.833 224.499 925.833 226.411C925.833 228.324 926.593 230.158 927.945 231.51C929.298 232.862 931.132 233.622 933.044 233.622V233.622Z" fill="#1E88E5" fill-opacity="0.2"/>
+<path d="M956.119 233.622C957.219 233.621 958.304 233.368 959.292 232.883C960.279 232.399 961.143 231.695 961.817 230.825C962.49 229.956 962.957 228.944 963.18 227.867C963.403 226.789 963.376 225.676 963.103 224.61C963.007 224.239 962.768 223.922 962.439 223.727C962.109 223.533 961.716 223.477 961.345 223.573C960.974 223.669 960.657 223.908 960.462 224.237C960.268 224.567 960.212 224.96 960.308 225.331C960.533 226.205 960.48 227.127 960.155 227.969C959.83 228.81 959.25 229.529 958.497 230.025C957.743 230.521 956.853 230.769 955.952 230.734C955.05 230.699 954.182 230.384 953.469 229.831C952.756 229.278 952.233 228.517 951.974 227.652C951.715 226.788 951.733 225.864 952.025 225.011C952.317 224.157 952.869 223.416 953.603 222.892C954.337 222.367 955.217 222.085 956.119 222.085C956.501 222.085 956.868 221.933 957.138 221.662C957.409 221.392 957.561 221.025 957.561 220.643C957.561 220.26 957.409 219.893 957.138 219.623C956.868 219.353 956.501 219.201 956.119 219.201C954.206 219.201 952.372 219.96 951.02 221.313C949.668 222.665 948.908 224.499 948.908 226.411C948.908 228.324 949.668 230.158 951.02 231.51C952.372 232.862 954.206 233.622 956.119 233.622V233.622Z" fill="#1E88E5" fill-opacity="0.2"/>
+<path d="M938.813 237.948C938.813 237.566 938.661 237.199 938.391 236.928C938.12 236.658 937.754 236.506 937.371 236.506H928.718C928.336 236.506 927.969 236.658 927.699 236.928C927.428 237.199 927.276 237.566 927.276 237.948C927.276 238.331 927.428 238.697 927.699 238.968C927.969 239.238 928.336 239.39 928.718 239.39H937.371C937.754 239.39 938.12 239.238 938.391 238.968C938.661 238.697 938.813 238.331 938.813 237.948Z" fill="#1E88E5" fill-opacity="0.2"/>
+<path d="M930.16 242.274C929.778 242.274 929.411 242.426 929.141 242.697C928.87 242.967 928.718 243.334 928.718 243.716C928.718 244.099 928.87 244.466 929.141 244.736C929.411 245.007 929.778 245.159 930.16 245.159H935.929C936.311 245.159 936.678 245.007 936.949 244.736C937.219 244.466 937.371 244.099 937.371 243.716C937.371 243.334 937.219 242.967 936.949 242.697C936.678 242.426 936.311 242.274 935.929 242.274H930.16Z" fill="#1E88E5" fill-opacity="0.2"/>
+<path d="M915.739 237.948C915.739 237.566 915.588 237.199 915.317 236.928C915.047 236.658 914.68 236.506 914.297 236.506H905.645C905.262 236.506 904.895 236.658 904.625 236.928C904.355 237.199 904.203 237.566 904.203 237.948C904.203 238.331 904.355 238.697 904.625 238.968C904.895 239.238 905.262 239.39 905.645 239.39H914.297C914.68 239.39 915.047 239.238 915.317 238.968C915.588 238.697 915.739 238.331 915.739 237.948Z" fill="#1E88E5" fill-opacity="0.2"/>
+<path d="M907.087 242.274C906.704 242.274 906.337 242.426 906.067 242.697C905.796 242.967 905.645 243.334 905.645 243.716C905.645 244.099 905.796 244.466 906.067 244.736C906.337 245.007 906.704 245.159 907.087 245.159H912.855C913.238 245.159 913.604 245.007 913.875 244.736C914.145 244.466 914.297 244.099 914.297 243.716C914.297 243.334 914.145 242.967 913.875 242.697C913.604 242.426 913.238 242.274 912.855 242.274H907.087Z" fill="#1E88E5" fill-opacity="0.2"/>
+<path d="M961.886 237.948C961.886 237.566 961.734 237.199 961.464 236.928C961.193 236.658 960.826 236.506 960.444 236.506H951.791C951.409 236.506 951.042 236.658 950.772 236.928C950.501 237.199 950.349 237.566 950.349 237.948C950.349 238.331 950.501 238.697 950.772 238.968C951.042 239.238 951.409 239.39 951.791 239.39H960.444C960.826 239.39 961.193 239.238 961.464 238.968C961.734 238.697 961.886 238.331 961.886 237.948Z" fill="#1E88E5" fill-opacity="0.2"/>
+<path d="M953.234 242.274C952.851 242.274 952.484 242.426 952.214 242.697C951.943 242.967 951.792 243.334 951.792 243.716C951.792 244.099 951.943 244.466 952.214 244.736C952.484 245.007 952.851 245.159 953.234 245.159H959.002C959.385 245.159 959.751 245.007 960.022 244.736C960.292 244.466 960.444 244.099 960.444 243.716C960.444 243.334 960.292 242.967 960.022 242.697C959.751 242.426 959.385 242.274 959.002 242.274H953.234Z" fill="#1E88E5" fill-opacity="0.2"/>
+</g>
+<rect x="428.307" y="173.053" width="144.211" height="144.211" rx="3.41455" fill="#E8F3FC"/>
+<g clip-path="url(#clip1_58_2)">
+<path d="M513.33 223.404C512.542 222.616 511.494 222.182 510.38 222.182C509.265 222.182 508.218 222.616 507.43 223.404C506.642 224.192 506.208 225.239 506.208 226.354C506.208 227.468 506.642 228.516 507.429 229.303L514.537 236.41C515.324 237.198 516.372 237.632 517.487 237.632C518.601 237.632 519.648 237.198 520.436 236.41L535.621 221.226C536.409 220.437 536.843 219.39 536.843 218.276C536.843 217.162 536.409 216.114 535.621 215.326C534.833 214.538 533.785 214.104 532.671 214.104C531.556 214.104 530.509 214.538 529.721 215.326L528.047 217C526.807 216.053 525.446 215.294 524.003 214.745V212.847C524.003 210.547 522.132 208.675 519.832 208.675H506.75V207.227C506.75 204.287 504.358 201.895 501.419 201.895H486.83C483.891 201.895 481.499 204.287 481.499 207.227V213.25C481.499 214.884 482.828 216.213 484.461 216.213H503.788C505.421 216.213 506.75 214.884 506.75 213.25V211.214H519.831C520.731 211.214 521.464 211.947 521.464 212.847V214.016C520.419 213.805 519.35 213.693 518.268 213.693C509.376 213.693 502.142 220.927 502.142 229.818C502.142 238.71 509.376 245.944 518.268 245.944C519.352 245.944 520.422 245.835 521.464 245.625V284.25C521.464 285.151 520.731 285.883 519.831 285.883H468.418C467.517 285.883 466.785 285.151 466.785 284.25V212.847C466.785 211.947 467.517 211.214 468.418 211.214H476.856C477.557 211.214 478.126 210.646 478.126 209.944C478.126 209.243 477.557 208.675 476.856 208.675H468.418C466.118 208.675 464.246 210.547 464.246 212.847V284.25C464.246 286.55 466.118 288.422 468.418 288.422H519.832C522.132 288.422 524.003 286.55 524.003 284.25V244.891C526.024 244.122 527.889 242.948 529.484 241.404C532.499 238.485 534.24 234.57 534.384 230.381C534.408 229.681 533.86 229.093 533.159 229.069C532.463 229.046 531.871 229.593 531.846 230.294C531.644 236.19 527.767 241.058 522.443 242.756C522.369 242.773 522.298 242.796 522.231 242.826C520.978 243.203 519.647 243.405 518.268 243.405C510.776 243.405 504.681 237.309 504.681 229.818C504.681 222.327 510.776 216.232 518.268 216.232C521.145 216.232 523.927 217.141 526.234 218.814L517.487 227.561L513.33 223.404ZM504.211 213.25C504.211 213.484 504.022 213.674 503.788 213.674H484.461C484.227 213.674 484.038 213.484 484.038 213.25V207.227C484.038 205.687 485.29 204.434 486.83 204.434H501.419C502.958 204.434 504.211 205.687 504.211 207.227V213.25ZM531.517 217.122C531.825 216.813 532.235 216.643 532.671 216.643C533.107 216.643 533.517 216.813 533.826 217.122C534.462 217.758 534.462 218.794 533.826 219.431L518.641 234.615C518.332 234.924 517.923 235.094 517.486 235.094C517.05 235.094 516.64 234.924 516.332 234.615L509.224 227.508C508.916 227.2 508.746 226.79 508.746 226.354C508.746 225.917 508.916 225.507 509.225 225.199C509.533 224.891 509.943 224.72 510.38 224.72C510.815 224.72 511.226 224.891 511.534 225.199L516.589 230.254C517.085 230.75 517.888 230.75 518.384 230.254L531.517 217.122Z" fill="#1E88E5" fill-opacity="0.2"/>
+<path d="M498.796 233.759H483.328C482.627 233.759 482.06 234.328 482.06 235.029C482.06 235.729 482.627 236.297 483.328 236.297H498.796C499.497 236.297 500.066 235.729 500.066 235.029C500.066 234.328 499.497 233.759 498.796 233.759Z" fill="#1E88E5" fill-opacity="0.2"/>
+<path d="M480.905 220.656H472.364C471.663 220.656 471.094 221.224 471.094 221.925C471.094 222.627 471.663 223.195 472.364 223.195H480.905C481.606 223.195 482.175 222.627 482.175 221.925C482.175 221.224 481.606 220.656 480.905 220.656Z" fill="#1E88E5" fill-opacity="0.2"/>
+<path d="M483.328 242.187H498.796C499.497 242.187 500.066 241.618 500.066 240.917C500.066 240.217 499.497 239.648 498.796 239.648H483.328C482.627 239.648 482.06 240.217 482.06 240.917C482.06 241.618 482.627 242.187 483.328 242.187Z" fill="#1E88E5" fill-opacity="0.2"/>
+<path d="M504.139 249.155H483.328C482.627 249.155 482.06 249.724 482.06 250.425C482.06 251.126 482.627 251.694 483.328 251.694H504.139C504.841 251.694 505.409 251.126 505.409 250.425C505.409 249.724 504.841 249.155 504.139 249.155Z" fill="#1E88E5" fill-opacity="0.2"/>
+<path d="M483.328 257.583H493.734C494.435 257.583 495.003 257.015 495.003 256.314C495.003 255.613 494.435 255.044 493.734 255.044H483.328C482.627 255.044 482.06 255.613 482.06 256.314C482.06 257.015 482.627 257.583 483.328 257.583Z" fill="#1E88E5" fill-opacity="0.2"/>
+<path d="M483.328 267.106H498.796C499.497 267.106 500.066 266.538 500.066 265.837C500.066 265.136 499.497 264.568 498.796 264.568H483.328C482.627 264.568 482.06 265.136 482.06 265.837C482.06 266.538 482.627 267.106 483.328 267.106Z" fill="#1E88E5" fill-opacity="0.2"/>
+<path d="M483.328 272.995H504.139C504.841 272.995 505.409 272.427 505.409 271.725C505.409 271.025 504.841 270.457 504.139 270.457H483.328C482.627 270.457 482.06 271.025 482.06 271.725C482.06 272.427 482.627 272.995 483.328 272.995Z" fill="#1E88E5" fill-opacity="0.2"/>
+<path d="M475.058 232.659C472.231 232.659 469.931 234.959 469.931 237.786C469.931 240.614 472.231 242.913 475.058 242.913C477.885 242.913 480.185 240.614 480.185 237.786C480.185 234.959 477.885 232.659 475.058 232.659ZM475.058 240.375C473.631 240.375 472.47 239.213 472.47 237.786C472.47 236.359 473.631 235.198 475.058 235.198C476.485 235.198 477.646 236.359 477.646 237.786C477.646 239.213 476.485 240.375 475.058 240.375Z" fill="#1E88E5" fill-opacity="0.2"/>
+<path d="M475.058 248.241C472.231 248.241 469.931 250.542 469.931 253.369C469.931 256.196 472.231 258.496 475.058 258.496C477.885 258.496 480.185 256.196 480.185 253.369C480.185 250.542 477.885 248.241 475.058 248.241V248.241ZM475.058 255.958C473.631 255.958 472.47 254.797 472.47 253.369C472.47 251.942 473.631 250.78 475.058 250.78C476.485 250.78 477.646 251.942 477.646 253.369C477.646 254.797 476.485 255.958 475.058 255.958Z" fill="#1E88E5" fill-opacity="0.2"/>
+<path d="M475.058 263.654C472.231 263.654 469.931 265.954 469.931 268.781C469.931 271.609 472.231 273.909 475.058 273.909C477.885 273.909 480.185 271.609 480.185 268.781C480.185 265.954 477.885 263.654 475.058 263.654V263.654ZM475.058 271.37C473.631 271.37 472.47 270.208 472.47 268.781C472.47 267.354 473.631 266.193 475.058 266.193C476.485 266.193 477.646 267.354 477.646 268.781C477.646 270.208 476.485 271.37 475.058 271.37V271.37Z" fill="#1E88E5" fill-opacity="0.2"/>
+</g>
+<rect width="144.211" height="144.211" rx="3.41455" fill="#E8F3FC"/>
+<rect y="346.106" width="144.211" height="144.211" rx="3.41455" fill="#E8F3FC"/>
+<circle cx="572.518" cy="245.159" r="7.79902" fill="white" stroke="#E5E5E5" stroke-width="1.70728"/>
+<circle cx="72.1053" cy="245.159" r="7.79902" fill="white" stroke="#1E88E5" stroke-width="1.70728"/>
+<line x1="72.2914" y1="236.506" x2="72.2914" y2="144.211" stroke="#1E88E5" stroke-width="2.51288"/>
+<line x1="72.2914" y1="346.106" x2="72.2914" y2="253.811" stroke="#1E88E5" stroke-width="2.51288"/>
+<circle cx="72.1053" cy="144.211" r="7.79902" fill="white" stroke="#1E88E5" stroke-width="1.70728"/>
+<circle cx="72.1053" cy="346.106" r="7.79902" fill="white" stroke="#1E88E5" stroke-width="1.70728"/>
+<g clip-path="url(#clip2_58_2)">
+<path d="M104.265 61.8678C106.726 59.4578 108.159 56.1655 108.159 52.637C108.159 45.4807 102.337 39.6581 95.1796 39.6581C92.815 39.6581 90.4886 40.308 88.4493 41.5381C87.7677 41.9502 87.548 42.8359 87.9592 43.5183C88.3704 44.2007 89.2576 44.4182 89.9393 44.0084C91.5293 43.0493 93.3404 42.5423 95.1796 42.5423C100.745 42.5423 105.274 47.0708 105.274 52.637C105.274 56.0648 103.558 59.2244 100.676 61.0932C98.2567 62.6804 95.1894 63.138 92.3883 62.3402C91.6307 62.1218 90.825 62.5641 90.6054 63.3302C90.387 64.0962 90.8306 64.8941 91.5969 65.1131C92.7629 65.4469 93.9684 65.6159 95.1796 65.6159C97.4472 65.6159 99.6391 64.9973 101.585 63.8803C108.988 66.5627 113.927 73.5523 113.927 81.4791V88.6897H100.777C99.7555 79.0576 93.6956 70.6286 84.8566 66.6263C87.6694 63.7625 89.411 59.8431 89.411 55.5213C89.4112 46.7742 82.2949 39.6581 73.548 39.6581C64.801 39.6581 57.6847 46.7742 57.6847 55.5213C57.6847 59.8444 59.4274 63.765 62.2417 66.6292C59.267 67.9806 56.5081 69.8714 54.1682 72.198C49.6825 76.6965 46.9529 82.4703 46.3049 88.6901H33.1689V81.4795C33.1689 76.4856 35.1195 71.777 38.6558 68.2258C40.6025 66.2915 42.9725 64.8158 45.5243 63.8884C47.4707 65.0009 49.656 65.616 51.9163 65.616C53.1275 65.616 54.333 65.447 55.4991 65.1133C56.2651 64.8942 56.7087 64.0964 56.4906 63.3303C56.2709 62.5643 55.4653 62.1227 54.7076 62.3403C51.9079 63.1395 48.8421 62.6826 46.4127 61.0898C43.5384 59.2244 41.8216 56.065 41.8216 52.637C41.8216 47.0708 46.3507 42.5423 51.9163 42.5423C53.7555 42.5423 55.5667 43.0493 57.1566 44.0084C57.841 44.4182 58.724 44.1985 59.1367 43.5183C59.5479 42.836 59.3282 41.9502 58.6466 41.5381C56.6073 40.308 54.2809 39.6581 51.9163 39.6581C44.7593 39.6581 38.9373 45.4807 38.9373 52.637C38.9373 56.1628 40.3679 59.4525 42.8216 61.8604C40.5345 62.9236 38.4222 64.3913 36.6165 66.185C32.5337 70.2859 30.2847 75.7172 30.2847 81.4793V90.1319C30.2847 90.9284 30.9297 91.574 31.7267 91.574H46.1478V103.111C46.1478 103.907 46.7928 104.553 47.5898 104.553H99.5058C100.303 104.553 100.948 103.907 100.948 103.111V91.574H115.369C116.166 91.574 116.811 90.9283 116.811 90.1319V81.4793C116.811 72.9525 111.856 65.3673 104.265 61.8678ZM60.569 55.5213C60.569 48.365 66.3909 42.5423 73.548 42.5423C80.705 42.5423 86.5269 48.365 86.5269 55.5213C86.5269 62.6777 80.705 68.5003 73.548 68.5003C66.3909 68.5003 60.569 62.6775 60.569 55.5213ZM98.0639 101.669H49.032V91.574C49.032 85.0352 51.581 78.8774 56.206 74.2384C58.6424 71.815 61.5961 69.9353 64.763 68.7192C67.2802 70.4002 70.3005 71.3844 73.548 71.3844C76.8008 71.3844 79.8264 70.3973 82.3459 68.7112C91.7723 72.333 98.0639 81.4206 98.0639 91.574V101.669Z" fill="#1E88E5"/>
+</g>
+<g clip-path="url(#clip3_58_2)">
+<path d="M72.106 435.517C71.1508 435.517 70.3755 436.292 70.3755 437.248C70.3755 438.203 71.1508 438.978 72.106 438.978C73.0612 438.978 73.8365 438.203 73.8365 437.248C73.8365 436.292 73.0612 435.517 72.106 435.517Z" fill="#1E88E5"/>
+<path d="M72.1051 440.709C74.0166 440.709 75.5662 439.159 75.5662 437.248C75.5662 435.336 74.0166 433.787 72.1051 433.787C70.1936 433.787 68.644 435.336 68.644 437.248C68.644 439.159 70.1936 440.709 72.1051 440.709Z" fill="#1E88E5"/>
+<path d="M72.1051 374.948C48.2479 374.948 28.8418 394.355 28.8418 418.212C28.8418 442.069 48.2479 461.475 72.1051 461.475C95.9622 461.475 115.368 442.069 115.368 418.212C115.368 394.355 95.9622 374.948 72.1051 374.948ZM72.1051 458.014C50.1584 458.014 32.3029 440.158 32.3029 418.212C32.3029 396.265 50.1584 378.41 72.1051 378.41C94.0517 378.41 111.907 396.265 111.907 418.212C111.907 440.158 94.0517 458.014 72.1051 458.014Z" fill="#1E88E5"/>
+<path d="M84.0222 405.645C83.1673 400.768 79.1629 396.763 74.2863 395.905C70.6902 395.275 67.063 396.237 64.3185 398.546C61.5705 400.858 59.9922 404.239 59.9922 407.828C59.9922 408.784 60.7675 409.559 61.7227 409.559C62.6779 409.559 63.4532 408.784 63.4532 407.828C63.4532 405.264 64.5816 402.848 66.5474 401.2C68.5409 399.529 71.0814 398.857 73.6911 399.318C77.1591 399.927 80.0075 402.779 80.6202 406.247C81.2777 409.998 79.5749 413.598 76.2766 415.412C72.5801 417.45 70.3755 420.97 70.3755 425.134V428.595C70.3755 429.55 71.1509 430.325 72.1061 430.325C73.0613 430.325 73.8366 429.55 73.8297 428.595V424.829C73.8297 422.247 75.3699 419.859 77.9414 418.44C82.4854 415.941 84.9289 410.798 84.0222 405.645Z" fill="#1E88E5"/>
+</g>
+<rect x="500.241" y="128.157" width="25.1288" height="25.1288" transform="rotate(45 500.241 128.157)" fill="#F8F8F8"/>
+<rect x="341.75" y="85.4378" width="319.135" height="60.309" rx="5.02575" fill="#F8F8F8"/>
+<path d="M409.829 128.364C407.899 128.364 406.381 127.5 405.275 125.771C404.19 124.022 403.647 121.539 403.647 118.323C403.647 115.086 404.19 112.623 405.275 110.935C406.381 109.246 407.899 108.402 409.829 108.402C411.738 108.402 413.236 109.246 414.322 110.935C415.427 112.623 415.98 115.086 415.98 118.323C415.98 121.539 415.427 124.022 414.322 125.771C413.236 127.5 411.738 128.364 409.829 128.364ZM409.829 126.374C410.954 126.374 411.859 125.741 412.543 124.474C413.226 123.188 413.568 121.137 413.568 118.323C413.568 115.508 413.226 113.488 412.543 112.262C411.859 111.015 410.954 110.392 409.829 110.392C408.703 110.392 407.788 111.015 407.085 112.262C406.401 113.488 406.059 115.508 406.059 118.323C406.059 121.137 406.401 123.188 407.085 124.474C407.788 125.741 408.703 126.374 409.829 126.374ZM425.819 128.002V113.347H428.291V128.002H425.819ZM427.085 110.332C426.603 110.332 426.201 110.191 425.879 109.909C425.577 109.608 425.427 109.206 425.427 108.703C425.427 108.221 425.577 107.829 425.879 107.527C426.201 107.226 426.603 107.075 427.085 107.075C427.568 107.075 427.96 107.226 428.261 107.527C428.583 107.829 428.744 108.221 428.744 108.703C428.744 109.206 428.583 109.608 428.261 109.909C427.96 110.191 427.568 110.332 427.085 110.332ZM431.702 128.002V126.675L439.421 115.367H432.546V113.347H442.557V114.674L434.838 125.982H442.798V128.002H431.702ZM446.049 134.184V113.347H448.1L448.311 115.036H448.401C449.065 114.473 449.788 113.99 450.572 113.588C451.376 113.186 452.211 112.985 453.075 112.985C454.965 112.985 456.402 113.669 457.387 115.036C458.372 116.383 458.865 118.192 458.865 120.464C458.865 122.112 458.563 123.529 457.96 124.715C457.377 125.901 456.603 126.806 455.638 127.429C454.693 128.052 453.658 128.364 452.532 128.364C451.849 128.364 451.165 128.213 450.482 127.912C449.818 127.61 449.145 127.198 448.462 126.675L448.522 129.239V134.184H446.049ZM452.11 126.283C453.316 126.283 454.312 125.771 455.096 124.746C455.9 123.7 456.302 122.273 456.302 120.464C456.302 118.855 456 117.559 455.397 116.574C454.814 115.568 453.829 115.066 452.442 115.066C451.819 115.066 451.185 115.237 450.542 115.579C449.919 115.92 449.246 116.413 448.522 117.056V124.746C449.185 125.308 449.829 125.71 450.452 125.952C451.075 126.173 451.628 126.283 452.11 126.283ZM468.475 128.364C467.289 128.364 466.173 128.063 465.128 127.459C464.102 126.856 463.268 125.982 462.625 124.836C462.002 123.69 461.69 122.313 461.69 120.705C461.69 119.056 462.002 117.659 462.625 116.513C463.268 115.367 464.102 114.493 465.128 113.89C466.173 113.287 467.289 112.985 468.475 112.985C469.681 112.985 470.797 113.287 471.822 113.89C472.847 114.493 473.671 115.367 474.295 116.513C474.938 117.659 475.259 119.056 475.259 120.705C475.259 122.313 474.938 123.69 474.295 124.836C473.671 125.982 472.847 126.856 471.822 127.459C470.797 128.063 469.681 128.364 468.475 128.364ZM468.475 126.314C469.741 126.314 470.756 125.801 471.52 124.776C472.304 123.73 472.696 122.373 472.696 120.705C472.696 119.016 472.304 117.649 471.52 116.604C470.756 115.558 469.741 115.036 468.475 115.036C467.228 115.036 466.213 115.558 465.429 116.604C464.645 117.649 464.253 119.016 464.253 120.705C464.253 122.373 464.645 123.73 465.429 124.776C466.213 125.801 467.228 126.314 468.475 126.314ZM481.742 128.364C480.818 128.364 480.144 128.083 479.722 127.52C479.32 126.937 479.119 126.113 479.119 125.047V106.532H481.592V125.228C481.592 125.61 481.662 125.891 481.803 126.072C481.943 126.233 482.104 126.314 482.285 126.314C482.366 126.314 482.436 126.314 482.496 126.314C482.577 126.293 482.687 126.273 482.828 126.253L483.16 128.123C482.999 128.203 482.808 128.264 482.587 128.304C482.366 128.344 482.084 128.364 481.742 128.364ZM486.805 128.002V113.347H488.855L489.066 115.458H489.157C489.861 114.754 490.604 114.171 491.388 113.709C492.172 113.226 493.067 112.985 494.072 112.985C495.62 112.985 496.746 113.478 497.449 114.463C498.173 115.428 498.535 116.845 498.535 118.715V128.002H496.062V119.046C496.062 117.679 495.841 116.684 495.399 116.061C494.957 115.438 494.253 115.126 493.288 115.126C492.544 115.126 491.871 115.317 491.268 115.699C490.685 116.081 490.021 116.644 489.278 117.388V128.002H486.805ZM501.788 134.546C501.346 134.546 500.944 134.506 500.582 134.425C500.2 134.345 499.878 134.254 499.617 134.154L500.129 132.284C500.31 132.344 500.521 132.395 500.763 132.435C501.004 132.495 501.255 132.525 501.516 132.525C502.24 132.525 502.723 132.264 502.964 131.741C503.205 131.239 503.326 130.545 503.326 129.661V113.347H505.798V129.661C505.798 131.148 505.497 132.334 504.894 133.219C504.291 134.103 503.255 134.546 501.788 134.546ZM504.532 110.332C504.049 110.332 503.647 110.191 503.326 109.909C503.024 109.608 502.873 109.206 502.873 108.703C502.873 108.221 503.024 107.829 503.326 107.527C503.647 107.226 504.049 107.075 504.532 107.075C505.014 107.075 505.406 107.226 505.708 107.527C506.03 107.829 506.19 108.221 506.19 108.703C506.19 109.206 506.03 109.608 505.708 109.909C505.406 110.191 505.014 110.332 504.532 110.332ZM516.686 128.364C515.38 128.364 514.194 128.063 513.128 127.459C512.063 126.836 511.218 125.952 510.595 124.806C509.972 123.66 509.66 122.293 509.66 120.705C509.66 119.097 509.972 117.72 510.595 116.574C511.238 115.428 512.063 114.543 513.068 113.92C514.073 113.297 515.128 112.985 516.234 112.985C518.104 112.985 519.541 113.608 520.546 114.855C521.571 116.101 522.084 117.77 522.084 119.86C522.084 120.122 522.074 120.383 522.054 120.644C522.054 120.886 522.034 121.097 521.994 121.278H512.103C512.203 122.826 512.686 124.062 513.55 124.987C514.435 125.911 515.581 126.374 516.988 126.374C517.691 126.374 518.335 126.273 518.918 126.072C519.521 125.851 520.094 125.57 520.637 125.228L521.511 126.856C520.888 127.258 520.174 127.61 519.37 127.912C518.586 128.213 517.691 128.364 516.686 128.364ZM512.073 119.499H519.913C519.913 118.011 519.591 116.885 518.948 116.121C518.325 115.337 517.44 114.945 516.294 114.945C515.269 114.945 514.344 115.347 513.52 116.151C512.716 116.935 512.234 118.051 512.073 119.499ZM525.705 128.002V113.347H527.756L527.967 115.458H528.057C528.761 114.754 529.505 114.171 530.289 113.709C531.073 113.226 531.967 112.985 532.973 112.985C534.521 112.985 535.646 113.478 536.35 114.463C537.074 115.428 537.435 116.845 537.435 118.715V128.002H534.963V119.046C534.963 117.679 534.742 116.684 534.299 116.061C533.857 115.438 533.154 115.126 532.189 115.126C531.445 115.126 530.771 115.317 530.168 115.699C529.585 116.081 528.922 116.644 528.178 117.388V128.002H525.705ZM542.196 128.002V113.347H544.669V128.002H542.196ZM543.463 110.332C542.98 110.332 542.578 110.191 542.256 109.909C541.955 109.608 541.804 109.206 541.804 108.703C541.804 108.221 541.955 107.829 542.256 107.527C542.578 107.226 542.98 107.075 543.463 107.075C543.945 107.075 544.337 107.226 544.639 107.527C544.96 107.829 545.121 108.221 545.121 108.703C545.121 109.206 544.96 109.608 544.639 109.909C544.337 110.191 543.945 110.332 543.463 110.332ZM549.617 128.002V106.532H552.09V112.382L551.999 115.398C552.703 114.734 553.436 114.171 554.2 113.709C554.984 113.226 555.879 112.985 556.884 112.985C558.432 112.985 559.558 113.478 560.261 114.463C560.985 115.428 561.347 116.845 561.347 118.715V128.002H558.874V119.046C558.874 117.679 558.653 116.684 558.211 116.061C557.769 115.438 557.065 115.126 556.1 115.126C555.356 115.126 554.683 115.317 554.08 115.699C553.497 116.081 552.833 116.644 552.09 117.388V128.002H549.617ZM575.433 128.364C574.207 128.364 573.182 128.002 572.358 127.278C571.554 126.535 571.151 125.509 571.151 124.203C571.151 122.594 571.865 121.368 573.292 120.524C574.74 119.659 577.022 119.056 580.138 118.715C580.138 118.091 580.047 117.498 579.866 116.935C579.705 116.373 579.404 115.92 578.962 115.579C578.539 115.217 577.926 115.036 577.122 115.036C576.278 115.036 575.484 115.197 574.74 115.518C573.996 115.84 573.333 116.202 572.75 116.604L571.785 114.885C572.468 114.443 573.303 114.021 574.288 113.618C575.293 113.196 576.378 112.985 577.544 112.985C579.333 112.985 580.63 113.538 581.434 114.644C582.238 115.729 582.64 117.187 582.64 119.016V128.002H580.59L580.379 126.253H580.288C579.605 126.816 578.851 127.309 578.027 127.731C577.223 128.153 576.358 128.364 575.433 128.364ZM576.157 126.374C576.861 126.374 577.524 126.203 578.147 125.861C578.771 125.519 579.434 125.037 580.138 124.414V120.343C577.705 120.644 575.996 121.097 575.011 121.7C574.046 122.303 573.564 123.077 573.564 124.022C573.564 124.846 573.815 125.449 574.318 125.831C574.82 126.193 575.433 126.374 576.157 126.374ZM587.251 128.002V113.347H589.302L589.513 115.458H589.603C590.307 114.754 591.051 114.171 591.835 113.709C592.619 113.226 593.513 112.985 594.518 112.985C596.066 112.985 597.192 113.478 597.896 114.463C598.619 115.428 598.981 116.845 598.981 118.715V128.002H596.509V119.046C596.509 117.679 596.287 116.684 595.845 116.061C595.403 115.438 594.699 115.126 593.734 115.126C592.991 115.126 592.317 115.317 591.714 115.699C591.131 116.081 590.468 116.644 589.724 117.388V128.002H587.251ZM603.742 128.002V106.532H606.184V121.067H606.275L612.517 113.347H615.261L610.346 119.227L615.924 128.002H613.21L608.929 120.946L606.184 124.142V128.002H603.742ZM624.082 128.364C622.776 128.364 621.59 128.063 620.524 127.459C619.459 126.836 618.614 125.952 617.991 124.806C617.368 123.66 617.056 122.293 617.056 120.705C617.056 119.097 617.368 117.72 617.991 116.574C618.634 115.428 619.459 114.543 620.464 113.92C621.469 113.297 622.524 112.985 623.63 112.985C625.5 112.985 626.937 113.608 627.942 114.855C628.967 116.101 629.48 117.77 629.48 119.86C629.48 120.122 629.47 120.383 629.45 120.644C629.45 120.886 629.43 121.097 629.389 121.278H619.499C619.599 122.826 620.082 124.062 620.946 124.987C621.831 125.911 622.977 126.374 624.384 126.374C625.087 126.374 625.731 126.273 626.314 126.072C626.917 125.851 627.49 125.57 628.033 125.228L628.907 126.856C628.284 127.258 627.57 127.61 626.766 127.912C625.982 128.213 625.087 128.364 624.082 128.364ZM619.469 119.499H627.309C627.309 118.011 626.987 116.885 626.344 116.121C625.721 115.337 624.836 114.945 623.69 114.945C622.665 114.945 621.74 115.347 620.916 116.151C620.112 116.935 619.629 118.051 619.469 119.499ZM637.42 128.364C635.852 128.364 634.757 127.912 634.134 127.007C633.531 126.102 633.229 124.926 633.229 123.479V115.367H631.058V113.498L633.35 113.347L633.651 109.246H635.732V113.347H639.682V115.367H635.732V123.509C635.732 124.414 635.893 125.117 636.214 125.62C636.556 126.102 637.149 126.344 637.993 126.344C638.255 126.344 638.536 126.303 638.838 126.223C639.139 126.123 639.411 126.032 639.652 125.952L640.134 127.821C639.732 127.962 639.29 128.083 638.808 128.183C638.345 128.304 637.883 128.364 637.42 128.364Z" fill="#333333"/>
+<g clip-path="url(#clip4_58_2)">
+<path d="M388.356 125.179C389.215 126.668 388.137 128.529 386.421 128.529H364.09C362.371 128.529 361.298 126.665 362.155 125.179L373.321 105.819C374.18 104.33 376.332 104.332 377.19 105.819L388.356 125.179V125.179ZM375.256 121.176C374.073 121.176 373.115 122.135 373.115 123.317C373.115 124.499 374.073 125.458 375.256 125.458C376.438 125.458 377.396 124.499 377.396 123.317C377.396 122.135 376.438 121.176 375.256 121.176ZM373.223 113.482L373.568 119.811C373.585 120.107 373.829 120.339 374.126 120.339H376.385C376.682 120.339 376.926 120.107 376.943 119.811L377.288 113.482C377.305 113.162 377.051 112.893 376.73 112.893H373.781C373.46 112.893 373.206 113.162 373.223 113.482V113.482Z" fill="#FFC700"/>
+</g>
+<defs>
+<clipPath id="clip0_58_2">
+<rect width="86.5266" height="86.5266" fill="white" transform="translate(889.781 201.895)"/>
+</clipPath>
+<clipPath id="clip1_58_2">
+<rect width="86.5266" height="86.5266" fill="white" transform="translate(457.149 201.895)"/>
+</clipPath>
+<clipPath id="clip2_58_2">
+<rect width="86.5266" height="86.5266" fill="white" transform="translate(30.2842 28.8423)"/>
+</clipPath>
+<clipPath id="clip3_58_2">
+<rect width="86.5266" height="86.5266" fill="white" transform="translate(28.8423 374.948)"/>
+</clipPath>
+<clipPath id="clip4_58_2">
+<rect width="30.1545" height="26.804" fill="white" transform="translate(361.854 103.028)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/resources/sass/admin_new/pages/survey_data/no_data.scss b/resources/sass/admin_new/pages/survey_data/no_data.scss
new file mode 100644
index 000000000..c38a9009a
--- /dev/null
+++ b/resources/sass/admin_new/pages/survey_data/no_data.scss
@@ -0,0 +1,41 @@
+div.no_data_alert {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+
+    img {
+        max-width: 466px;
+        margin-bottom: 32px;
+    }
+
+    h2 {
+        font-weight: $light;
+        font-size: 24px;
+        margin-block-start: 0;
+        margin-block-end: 0;
+
+        margin-bottom: 16px;
+    }
+
+    div#note {
+        max-width: 800px;
+        margin-bottom: 32px;
+        text-align: center;
+    }
+
+    div#buttons {
+        display: flex;
+        flex-direction: row;
+        gap: 32px;
+        
+        button::first-letter {
+            text-transform: uppercase;
+        }
+    }
+}
+
+.printHide{
+	display: none !important;
+}
\ No newline at end of file
diff --git a/resources/sass/admin_new/pages/survey_data/survey_data.scss b/resources/sass/admin_new/pages/survey_data/survey_data.scss
index 643002d25..9cdb38a02 100644
--- a/resources/sass/admin_new/pages/survey_data/survey_data.scss
+++ b/resources/sass/admin_new/pages/survey_data/survey_data.scss
@@ -10,3 +10,5 @@
 @import "quick_list_data";
 
 @import "popups/popups";
+
+@import "no_data";

From 76c9a624290392de61bd65958921ed6598751676 Mon Sep 17 00:00:00 2001
From: tejagerjovic <teja.gerjovic@fdv.uni-lj.si>
Date: Tue, 7 Jun 2022 02:50:57 +0200
Subject: [PATCH 07/10] =?UTF-8?q?[Redizajn=201KA]=20Popupi:=20Podatki=20>?=
 =?UTF-8?q?=20Izra=C4=8Duni=20>=20Rekodiranje=20-=20Dodaj=20-=20v3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 admin/survey/classes/class.RecodeValues.php   | 14 +++++++-----
 public/css/admin_new.css                      | 16 ++++++++++++++
 .../components/popup/page_specific.scss       | 22 +++++++++++++++++++
 3 files changed, 46 insertions(+), 6 deletions(-)

diff --git a/admin/survey/classes/class.RecodeValues.php b/admin/survey/classes/class.RecodeValues.php
index 09298a6fb..40d84bff7 100644
--- a/admin/survey/classes/class.RecodeValues.php
+++ b/admin/survey/classes/class.RecodeValues.php
@@ -730,29 +730,31 @@ class RecodeValues {
 				//echo '<table style="width:65% !important;">';
 				echo '<table class="question_recode_table">';
 				echo '<tr>';
-				echo '<th class="halfWidth center" colspan="2">';
+				echo '<th class="main_head center" colspan="2">';
 				echo $lang['srv_recode_original'];
 				echo '</th>';
-				echo '<th class="halfWidth center" rowspan="2" style="vertical-align:top;">';
+				echo '<th class="main_head center" style="vertical-align:top;">';
 				echo $lang['srv_recode_to'];
 				echo '</th>';
 				echo '</tr>';
 
 				echo '<tr>';
-				echo '<th class="halfWidth anl_ac">';
+				echo '<th class="dark">';
 				echo $lang['srv_label'];
 				echo '</th>';
-				echo '<th class="halfWidth anl_ac">';
+				echo '<th class="dark center">';
 				echo $lang['srv_vrednost'];
 				echo '</th>';
+				echo '<th>';
+				echo '</th>';
 				echo '</tr>';
 					
 				foreach (self::$variables AS $vKey => $variable) {
 					echo '<tr>';
-					echo '<td class="anl_ac">';
+					echo '<td class="labela">';
 					echo $variable['naslov'];
 					echo '</td>';
-					echo '<td class="anl_ac">';
+					echo '<td class="center">';
 					echo '&nbsp;&nbsp;['.$variable['variable'].']';
 					echo '</td>';
 					echo '<td>';
diff --git a/public/css/admin_new.css b/public/css/admin_new.css
index 22b39ba59..7dd8d77a9 100644
--- a/public/css/admin_new.css
+++ b/public/css/admin_new.css
@@ -8539,6 +8539,22 @@ div#div_condition_editing div#div_condition_editing_container div#div_condition_
   min-width: auto;
 }
 
+table.question_recode_table {
+  border: 1px solid #E5E5E5;
+}
+table.question_recode_table td, table.question_recode_table th {
+  border-left: 1px solid #E5E5E5;
+}
+table.question_recode_table td.main_head, table.question_recode_table th.main_head {
+  width: 50%;
+}
+table.question_recode_table td.dark, table.question_recode_table th.dark {
+  background-color: #F2F2F2;
+}
+table.question_recode_table td.labela, table.question_recode_table th.labela {
+  width: 190px;
+}
+
 div.column.variable select {
   margin-left: 8px !important;
 }
diff --git a/resources/sass/admin_new/components/popup/page_specific.scss b/resources/sass/admin_new/components/popup/page_specific.scss
index 53f290354..a64df4937 100644
--- a/resources/sass/admin_new/components/popup/page_specific.scss
+++ b/resources/sass/admin_new/components/popup/page_specific.scss
@@ -505,6 +505,28 @@ div#div_condition_editing {
     }
 }
 
+table.question_recode_table {
+
+    border: 1px solid $gray;
+
+    td,th {
+        border-left: 1px solid $gray;
+
+        &.main_head {
+            width: 50%;
+        }
+
+        &.dark {
+            background-color: $light-gray2;
+        }
+
+        &.labela {
+            width: 190px;
+        }
+    }
+
+}
+
 //Izbira spremenljivke pri kalkulaciji
 
 div.column.variable {

From c5330f784df62f7330215fc3b543bfbbf94f323b Mon Sep 17 00:00:00 2001
From: tejagerjovic <teja.gerjovic@fdv.uni-lj.si>
Date: Tue, 7 Jun 2022 03:52:25 +0200
Subject: [PATCH 08/10] =?UTF-8?q?[Redizajn=201KA]=20Popupi:=20Analiza=20>?=
 =?UTF-8?q?=20Arhiv=20-=20Po=C5=A1lji=20arhiv?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../class.SurveyAnalysisArchive.php           | 90 ++++++++++---------
 admin/survey/script/script_analiza.js         |  2 +-
 lang/1.php                                    |  8 +-
 lang/2.php                                    |  6 +-
 public/css/admin_new.css                      | 38 ++++++--
 .../components/popup/page_specific.scss       | 55 ++++++++++--
 6 files changed, 138 insertions(+), 61 deletions(-)

diff --git a/admin/survey/classes/surveyAnalysis/class.SurveyAnalysisArchive.php b/admin/survey/classes/surveyAnalysis/class.SurveyAnalysisArchive.php
index 078c45ed4..340e5823c 100644
--- a/admin/survey/classes/surveyAnalysis/class.SurveyAnalysisArchive.php
+++ b/admin/survey/classes/surveyAnalysis/class.SurveyAnalysisArchive.php
@@ -479,79 +479,84 @@ class SurveyAnalysisArchive {
         
         echo '<div class="popup_close"><a href="#" onClick="cancleArchiveAnaliza(); return false;">✕</a></div>';
 		
-		echo '<h2>'.$lang['srv_analiza_arhiv'].'</h2>';
+		echo '<h2>'.$lang['srv_export_hover_archive_mail'].'</h2>';
 		
 		# preverimo obstoj datoteke, in dostop
 		$CAE = self::CheckArchiveExistance($aid);
 		 
 		if ( $CAE > 0) {
 			# vsebina emaila in naslovi
+
+			echo '<div class="setting_holder">';
+			echo '<label for="email_archive_list">'.$lang['srv_analiza_archive_message_emails'].'</label>';
+			echo '<textarea class="textarea email" name="email_archive_list" id="email_archive_list" ></textarea>';
+			echo '</div>';
+
+			echo '<div class="setting_holder">';
+			echo '<label for="subject">' . $lang['srv_inv_archive_subject_text'] . ': </label>';
+			echo '<input type="text" class="text large wauto" name="email_archive_subject" id="email_archive_subject" value="'.$lang['srv_analiza_arhiviraj_mail_subject'].'"/>';
+			echo '</div>';
+            
+			echo '<labelfor="email_archive_text">' . $lang['message'] . ':</label>';
+
 			echo '<div id="div_archives_email_wrap">';
 			echo '<div id="div_archives_email_left">';
-	
-            echo '<p>'.$lang['srv_analiza_archive_message_note'].'</p>';
-            
-			echo '<div ><label for="email_archive_list">'.$lang['srv_analiza_archive_message_emails'].':</label>'."\n";
-			echo '<textarea name="email_archive_list" rows="4" id="email_archive_list" ></textarea>'."\n";
-            echo '</div>';
-            
-            echo '<br>';
-            
-			echo '<div class="anl_dash_bt">';
-			echo '<br/><label for="subject">' . $lang['subject'] . ': </label>';
-			echo '<input type="text" name="email_archive_subject" id="email_archive_subject" value="'.$lang['srv_analiza_arhiviraj_mail_subject'].'" size="90"/></p>';
-            echo '<p><label for="email_archive_text">' . $lang['text'] . ':</label>'."\n";
             
             $signature = Common::getEmailSignature();
 			echo '<textarea name="email_archive_text" id="email_archive_text" rows="2" >' . nl2br($lang['srv_analiza_arhiviraj_mail_text'].$signature). '</textarea>'."\n";
-            echo '</div>';
+            
             
 			echo '<script type="text/javascript">'."\n";
 			echo 'if ($("#email_archive_text")) {'."\n";
 			echo ' 	create_editor(\'email_archive_text\', false);'."\n";
 			echo '}'."\n";
             echo '</script>'."\n";
-            
-			echo '</div>'."\n";
-			#gumbi
+
+			echo '</div>'; #left
+
 			echo '<div id="div_archives_email_right" >'."\n";
+            
+			//Navodila
+			echo '<div class="message_instructions">';
+            
+			echo '<p class="bold caps bottom32">'.$lang['srv_alert_instruction1'].'</p>';
+            echo '<p class="bottom32">'.$lang['srv_alert_instruction1c'].'</p>';
 			
-			echo '<div id="div_archives_email_buttons">';
-	        echo '<span class="floatRight spaceLeft" ><span class="buttonwrapper" title="'.$lang['srv_analiza_arhiviraj_do_send_mail'].'"><a class="ovalbutton ovalbutton_orange" href="#" onclick="sendEmailArchiveAnaliza(\''.$aid.'\'); return false;"><span>'.$lang['srv_analiza_arhiviraj_do_send_mail'].'</span></a></span></span>'."\n";
-			echo '<span class="floatRight spaceLeft" ><span class="buttonwrapper" title="'.$lang['srv_analiza_arhiviraj_close'].'"><a class="ovalbutton ovalbutton_gray" href="#" onclick="cancleArchiveAnaliza(); return false;"><span>'.$lang['srv_analiza_arhiviraj_close'].'</span></a></span></span>'."\n";
-			echo '<br class="clr" />';
+			echo '<div class="sistemske">';
+			echo '<p>'.$lang['srv_alert_instruction_link_archive'].'</p>';
+			echo '<p>'.$lang['srv_alert_instruction_url_archive'].'</p>';
+			echo '<p>'.$lang['srv_alert_instruction_name_archive'].'</p>';
+			echo '<p>'.$lang['srv_alert_instruction_survey'].'</p>';
+			echo '<p>'.$lang['srv_alert_instruction_date'].'</p>';
+			echo '<p>'.$lang['srv_alert_instruction_site'].'</p>';
 			echo '</div>';
-
-
-			echo '<div id="div_error">';
-			# navodila
-			echo $lang['srv_analiza_arhiviraj_mail_note_0'];
-			echo '</div>';
-			echo '<br/>';
-			echo '<br/>';
 			
-			echo '<div id="div_error">';
-			# navodila
-			echo $lang['srv_analiza_arhiviraj_mail_note_1'];
 			echo '</div>';
 			
 			echo '</div>'; //right
 
 			echo '</div>'; //wrap
+			
+			#gumbi
+			echo '<div class="button_holder">';
+			echo '<button class="medium white-blue" onClick="cancleArchiveAnaliza(); return false;">'.$lang['srv_analiza_arhiviraj_close'].'</button>';              
+			echo '<button class="medium blue" onclick="sendEmailArchiveAnaliza(\''.$aid.'\'); return false;">'.$lang['srv_analiza_arhiviraj_do_send_mail'].'</button>';
+			echo '</div>';
+
 		} else {
 			self::DisplayError($CAE);
 		}
-        echo '</div>'."\n"; // end div_analiza_archive_name
+        echo '</div>'; // end div_analiza_archive_name
 	}
 	
 	static function SendEmailArchive($aid = null, $subject, $text, $emails) {
 		global $lang, $site_url, $site_path, $global_user_id;
 		
-        echo '<div id="div_analiza_archive_name" class="divPopUp PopUpNarrow">'."\n";
+        echo '<div id="div_analiza_archive_name">'."\n";
         
         echo '<div class="popup_close"><a href="#" onClick="cancleArchiveAnaliza(); return false;">✕</a></div>';
 		
-		echo '<h2>'.$lang['srv_analiza_arhiv'].'</h2>';
+		echo '<h2>'.$lang['srv_export_hover_archive_mail'].'</h2>';
 		
 		$CAE = self::CheckArchiveExistance($aid); 
 		if ( $CAE > 0) {
@@ -652,13 +657,15 @@ class SurveyAnalysisArchive {
 				echo 'Pri pošiljanju e-mailov je prišlo do napake!';
 			}
 			
-			echo '<span class="floatRight spaceLeft" ><span class="buttonwrapper" title="'.$lang['srv_analiza_arhiviraj_close'].'"><a class="ovalbutton ovalbutton_orange" href="#" onclick="cancleArchiveAnaliza(); return false;"><span>'.$lang['srv_analiza_arhiviraj_close'].'</span></a></span></span>'."\n";
-			echo '<br class="clr" />';
+			echo '<div class="button_holder">';
+			echo '<button class="medium blue" onclick="closeArchiveAnaliza(); return false;">'.$lang['srv_analiza_arhiviraj_close'].'</button>';
+			echo '</div>';
+
 		} else {
 			self::DisplayError($CAE);
 		}
 		
-		echo '</div>'."\n"; // end div_analiza_archive_name
+		echo '</div>'; // end div_analiza_archive_name
 	}
 	
 	static function EditArchive($aid) {
@@ -984,8 +991,9 @@ class SurveyAnalysisArchive {
 		echo '</div>';
 		
 		if ($showButton) {
-        	echo '<span class="floatRight spaceLeft" ><span class="buttonwrapper" title="'.$lang['srv_analiza_arhiviraj_close'].'"><a class="ovalbutton ovalbutton_orange" href="#" onclick="closeArchiveAnaliza(); return false;"><span>'.$lang['srv_analiza_arhiviraj_close'].'</span></a></span></span>'."\n";
-			echo '<br class="clr" />';
+			echo '<div class="button_holder">';
+			echo '<button class="medium blue" onclick="closeArchiveAnaliza(); return false;">'.$lang['srv_analiza_arhiviraj_close'].'</button>';
+			echo '</div>';
 		}
 	}
         
diff --git a/admin/survey/script/script_analiza.js b/admin/survey/script/script_analiza.js
index 29e775814..d5a15b7df 100644
--- a/admin/survey/script/script_analiza.js
+++ b/admin/survey/script/script_analiza.js
@@ -965,7 +965,7 @@ function createArchiveBeforeEmail() {
 		if (parseInt(response) > 0) {
 			var aid = parseInt(response);
 			$("#fullscreen").load('ajax.php?a=emailArchiveAnaliza', {anketa: srv_meta_anketa_id, podstran: srv_meta_podstran, aid:aid}, function() {
-				$('#fullscreen').addClass("PopUpNarrow divPopUp").show();
+				$('#fullscreen').addClass("divPopUp").show();
 			});
 		} else {
 			if (parseInt(response) == -1) {
diff --git a/lang/1.php b/lang/1.php
index 10e9da554..10c07a829 100644
--- a/lang/1.php
+++ b/lang/1.php
@@ -3733,8 +3733,12 @@ $lang = array (
 	"srv_alert_instruction1"					=>	"Navodila za oblikovanje sporočil",
 	"srv_alert_instruction1a"					=>	"Legenda spremenljivk iz baze",
 	"srv_alert_instruction1b"					=>	"V sporočilu lahko uporabite tudi sistemske spremenljivke, ki jih trenutno ni v anketi",
+	"srv_alert_instruction1c"					=>	"Uporabite lahko naslednje spremenljivke:",
 	"srv_alert_instruction2"					=>	" [NAME] - ime uporabnika (iz baze (CMS)) oziroma sistemska spremenljivka ime<br/> ",
 	"srv_alert_instruction_name"				=>	" [NAME] - ime uporabnika (iz baze (CMS)) oziroma sistemska spremenljivka ime",
+	"srv_alert_instruction_link_archive"		=>	"[LINK] - HTML povezava do arhiva",
+	"srv_alert_instruction_name_archive"		=>	"[NAME] - ime uporabnika (iz baze CMS)",
+	"srv_alert_instruction_URL_archive"			=>	"[URL] - URL povezava do arhiva",
 	"srv_alert_instruction_survey"				=>	"[SURVEY] - ime ankete",
 	"srv_alert_instruction_date"				=>	"[DATE] - datum",
 	"srv_alert_instruction_site"				=>	"[SITE] - povezava do ankete",
@@ -4099,8 +4103,8 @@ $lang = array (
 	"srv_analiza_arhiviraj_ime"				=>	"Ime arhiva",
 	"srv_analiza_archive_note"				=>	"Opomba",
 	"srv_analiza_archive_access"			=>	"Dostop",
-	"srv_analiza_archive_message_note"		=>	"Sporo&#269;ilo ob kreaciji arhiva ankete",
-	"srv_analiza_archive_message_emails"	=>	"Elektronski naslovi",
+	"srv_analiza_archive_message_note"		=>	"Sporočilo ob kreaciji arhiva ankete",
+	"srv_analiza_archive_message_emails"	=>	"Vnesite e-poštne naslove prejemnikov (vsak prejemnik naj bo v svoji vrstici):",
 	"srv_analiza_archive_access_all"		=>	"Vsi",
 	"srv_analiza_archive_access_admins"		=>	"Administratorji ankete",
 	"srv_analiza_archive_access_password"	=>	"Z geslom",
diff --git a/lang/2.php b/lang/2.php
index d0f901e70..1ee4c8d64 100644
--- a/lang/2.php
+++ b/lang/2.php
@@ -3701,8 +3701,12 @@ $lang = array (
 	"srv_alert_instruction1"		=>	"Instructions for message formatting",
 	"srv_alert_instruction1a"		=>	"Legend of database variables",
 	"srv_alert_instruction1b"		=>	"You can also use system variables in the message which are currently not in the survey",
+	"srv_alert_instruction1c"		=>	"You can use the following variables:",
 	"srv_alert_instruction2"		=>	" [NAME] => user name (from the database (CMS)) or system variable \"name\" <br/> ",
 	"srv_alert_instruction_name"	=>	" [NAME] => user name (from the database (CMS)) or system variable \"name\"",
+	"srv_alert_instruction_link_archive"		=>	"[LINK] - HTML link to the archive",
+	"srv_alert_instruction_URL_archive"		=>	"[URL] - URL link the archive",
+	"srv_alert_instruction_name_archive"		=>	"[NAME] - username (from the CMS database)",
 	"srv_alert_instruction_survey"	=>	"[SURVEY] => survey name",
 	"srv_alert_instruction_date"	=>	"[DATE] => date",
 	"srv_alert_instruction_site"	=>	"[SITE] => link to survey",
@@ -4081,7 +4085,7 @@ $lang = array (
 	"srv_analiza_archive_note"				=>	"Note",
 	"srv_analiza_archive_access"			=>	"Access",
 	"srv_analiza_archive_message_note"		=>	"Message on the creation of an survey analysis archive",
-	"srv_analiza_archive_message_emails"	=>	"Emails",
+	"srv_analiza_archive_message_emails"	=>	"Enter the recipients' email addresses (each email should be in its own line):",
 	"srv_analiza_archive_access_all"		=>	"All",
 	"srv_analiza_archive_access_admins"		=>	"Only admins of survey",
 	"srv_analiza_archive_access_password"	=>	"With password",
diff --git a/public/css/admin_new.css b/public/css/admin_new.css
index 7dd8d77a9..8be8938b4 100644
--- a/public/css/admin_new.css
+++ b/public/css/admin_new.css
@@ -8313,14 +8313,6 @@ div#div_analiza_archive_name .alaysis_archive_wrap .alaysis_archive_left {
   width: 50%;
 }
 
-#div_archives_email_left {
-  width: 75%;
-}
-
-#div_archives_email_right {
-  width: 25%;
-}
-
 #creport_profiles {
   cursor: pointer;
   width: 99%;
@@ -8594,6 +8586,36 @@ div#mc_table_settings form {
   padding: 0;
 }
 
+div#div_analiza_archive_name {
+  width: 900px !important;
+}
+div#div_analiza_archive_name div.setting_holder textarea.email {
+  height: 60px !important;
+}
+div#div_analiza_archive_name div#div_archives_email_wrap {
+  display: flex;
+  flex-direction: row;
+  gap: 16px;
+  margin-top: 4px;
+}
+div#div_analiza_archive_name div#div_archives_email_wrap div#div_archives_email_left {
+  width: 60%;
+}
+div#div_analiza_archive_name div#div_archives_email_wrap div#div_archives_email_right {
+  min-height: 100% !important;
+}
+div#div_analiza_archive_name div#div_archives_email_wrap div#div_archives_email_right div.message_instructions {
+  background-color: #F8F8F8;
+  border: 1px solid #E5E5E5;
+  box-sizing: border-box;
+  padding: 16px;
+  width: 100%;
+  min-height: 100% !important;
+}
+div#div_analiza_archive_name div#div_archives_email_wrap div#div_archives_email_right div.message_instructions div.sistemske p {
+  margin-bottom: 4px;
+}
+
 /* 
     Header scss - top line, menu...
 */
diff --git a/resources/sass/admin_new/components/popup/page_specific.scss b/resources/sass/admin_new/components/popup/page_specific.scss
index a64df4937..4bdefabce 100644
--- a/resources/sass/admin_new/components/popup/page_specific.scss
+++ b/resources/sass/admin_new/components/popup/page_specific.scss
@@ -223,14 +223,6 @@ div#div_analiza_archive_name {
     }
 }
 
-//Pošji arhiv
-#div_archives_email_left {
-	width: 75%;
-}
-#div_archives_email_right {
-	width: 25%;
-}
-
 //Poročila
 #creport_profiles {
     cursor: pointer;
@@ -590,3 +582,50 @@ div#mc_table_settings {
         padding: 0;
     }
 }
+
+//Pošilji arhiv
+div#div_analiza_archive_name {
+    width: 900px !important;
+
+    div.setting_holder {
+                
+        textarea.email {
+            height: 60px !important;
+        }
+    }
+
+    div#div_archives_email_wrap {
+        display: flex;
+        flex-direction: row;
+        gap: 16px;
+
+        margin-top: 4px;
+
+        div#div_archives_email_left {
+
+            width: 60%;
+            
+        }
+
+        div#div_archives_email_right {
+            min-height: 100% !important;
+
+            div.message_instructions {
+                background-color: $light-gray;
+                border: 1px solid $gray;
+                box-sizing: border-box;
+                padding: 16px;
+                width: 100%;
+
+                min-height: 100% !important;
+
+                div.sistemske {
+                    p {
+                        margin-bottom: 4px;
+                    }
+                }
+
+            }
+        }
+    }
+}

From cd70890f260a6d0bffc22f4a138d5e254d725a1d Mon Sep 17 00:00:00 2001
From: tejagerjovic <teja.gerjovic@fdv.uni-lj.si>
Date: Tue, 7 Jun 2022 04:28:35 +0200
Subject: [PATCH 09/10] [Redizajn 1KA] Popupi: Analize > Multitabele - Edit -
 v2

---
 .../class.SurveyMultiCrosstabs.php            |  4 +-
 public/css/admin_new.css                      | 45 +++++++++++--------
 .../sass/admin/analysis/multi_crosstabs.scss  | 16 ++++---
 .../components/popup/page_specific.scss       |  5 +++
 .../survey_analysis/popups/multicrosstab.scss | 17 ++++---
 .../admin_new/pages/survey_data/no_data.scss  |  4 --
 6 files changed, 53 insertions(+), 38 deletions(-)

diff --git a/admin/survey/classes/surveyAnalysis/class.SurveyMultiCrosstabs.php b/admin/survey/classes/surveyAnalysis/class.SurveyMultiCrosstabs.php
index 6e09e315d..9699372ab 100644
--- a/admin/survey/classes/surveyAnalysis/class.SurveyMultiCrosstabs.php
+++ b/admin/survey/classes/surveyAnalysis/class.SurveyMultiCrosstabs.php
@@ -2182,9 +2182,9 @@ class SurveyMultiCrosstabs {
 		echo '</span>';
 
 		// Cas kreiranja tabele
-		echo '<div style="float:right; text-align:right;">';
+		echo '<div id="table_create_time">';
 		$time_created = strtotime($current_table['time_created']);
-		echo $lang['srv_multicrosstabs_tables_time'].': <span class="bold">'.date("d.m.Y H:i", $time_created).'</span><br />';
+		echo $lang['srv_multicrosstabs_tables_time'].': <span class="bold">'.date("d.m.Y H:i", $time_created).'</span>';
 		echo '</div>';
 				
 
diff --git a/public/css/admin_new.css b/public/css/admin_new.css
index 8be8938b4..a09b4bb89 100644
--- a/public/css/admin_new.css
+++ b/public/css/admin_new.css
@@ -8586,6 +8586,11 @@ div#mc_table_settings form {
   padding: 0;
 }
 
+#table_create_time {
+  margin: 16px 0 32px 0;
+  text-align: right;
+}
+
 div#div_analiza_archive_name {
   width: 900px !important;
 }
@@ -26849,10 +26854,6 @@ div.no_data_alert div#buttons button::first-letter {
   text-transform: uppercase;
 }
 
-.printHide {
-  display: none !important;
-}
-
 #div_analiza_data:not(.anal_arch) .div_analiza_holder,
 #div_means_data .div_analiza_holder,
 #div_break_data .div_analiza_holder,
@@ -30685,13 +30686,15 @@ input#endDate {
   line-height: 20px;
   background-color: white;
   display: none;
-  position: fixed;
-  left: calc(50% - 275px);
-  top: 40vh;
+  position: absolute;
   z-index: 999;
-  height: auto;
-  margin: 10px;
+  left: calc(50% - 300px);
+  top: 40%;
+  padding: 20px;
   width: 550px;
+  background-color: #FFFFFF;
+  border-left: 6px #1E88E5 solid !important;
+  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.34);
 }
 #newMCTable .popup_close {
   position: absolute !important;
@@ -30872,13 +30875,15 @@ input#endDate {
   line-height: 20px;
   background-color: white;
   display: none;
-  position: fixed;
-  left: calc(50% - 275px);
-  top: 40vh;
+  position: absolute;
   z-index: 999;
-  height: auto;
-  margin: 10px;
+  left: calc(50% - 300px);
+  top: 40%;
+  padding: 20px;
   width: 550px;
+  background-color: #FFFFFF;
+  border-left: 6px #1E88E5 solid !important;
+  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.34);
 }
 #renameMCTable .popup_close {
   position: absolute !important;
@@ -31059,13 +31064,15 @@ input#endDate {
   line-height: 20px;
   background-color: white;
   display: none;
-  position: fixed;
-  left: calc(50% - 275px);
-  top: 40vh;
+  position: absolute;
   z-index: 999;
-  height: auto;
-  margin: 10px;
+  left: calc(50% - 300px);
+  top: 40%;
+  padding: 20px;
   width: 550px;
+  background-color: #FFFFFF;
+  border-left: 6px #1E88E5 solid !important;
+  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.34);
 }
 #deleteMCTable .popup_close {
   position: absolute !important;
diff --git a/resources/sass/admin/analysis/multi_crosstabs.scss b/resources/sass/admin/analysis/multi_crosstabs.scss
index 3e37e9d69..3ed188b5b 100644
--- a/resources/sass/admin/analysis/multi_crosstabs.scss
+++ b/resources/sass/admin/analysis/multi_crosstabs.scss
@@ -294,13 +294,17 @@ and open the template in the editor.
     @include popup_general();
 
     display: none;
-    position: fixed;
-	left: calc(50% - 275px);
-	top: 40vh;
-	z-index: 999;
+	position: absolute;
+    z-index: 20;
+    
+    left: calc(50% - 300px);
+    top: 40%;
+	padding: 20px;
+    width: 550px;
 
-	margin: 10px;
-	width: 550px;
+    background-color: white;
+    border-left: 6px $blue solid !important;
+    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.34);
 	
 }
 /*new table popup*/
diff --git a/resources/sass/admin_new/components/popup/page_specific.scss b/resources/sass/admin_new/components/popup/page_specific.scss
index 4bdefabce..cd2b28df2 100644
--- a/resources/sass/admin_new/components/popup/page_specific.scss
+++ b/resources/sass/admin_new/components/popup/page_specific.scss
@@ -583,6 +583,11 @@ div#mc_table_settings {
     }
 }
 
+#table_create_time {
+    margin: 16px 0 32px 0;
+    text-align: right;
+}
+
 //Pošilji arhiv
 div#div_analiza_archive_name {
     width: 900px !important;
diff --git a/resources/sass/admin_new/pages/survey_analysis/popups/multicrosstab.scss b/resources/sass/admin_new/pages/survey_analysis/popups/multicrosstab.scss
index e6b275428..7d9cedeb7 100644
--- a/resources/sass/admin_new/pages/survey_analysis/popups/multicrosstab.scss
+++ b/resources/sass/admin_new/pages/survey_analysis/popups/multicrosstab.scss
@@ -40,14 +40,17 @@
     @include popup_general();
 
     display: none;
-    position: fixed;
-	left: calc(50% - 275px);
-	top: 40vh;
-	z-index: 999;
-	height: auto;
+	position: absolute;
+    z-index: 999;
+    
+    left: calc(50% - 300px);
+    top: 40%;
+	padding: 20px;
+    width: 550px;
 
-	margin: 10px;
-	width: 550px;
+    background-color: $white;
+    border-left: 6px $blue solid !important;
+    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.34);
 	
 }
 
diff --git a/resources/sass/admin_new/pages/survey_data/no_data.scss b/resources/sass/admin_new/pages/survey_data/no_data.scss
index c38a9009a..7ce4b35fe 100644
--- a/resources/sass/admin_new/pages/survey_data/no_data.scss
+++ b/resources/sass/admin_new/pages/survey_data/no_data.scss
@@ -34,8 +34,4 @@ div.no_data_alert {
             text-transform: uppercase;
         }
     }
-}
-
-.printHide{
-	display: none !important;
 }
\ No newline at end of file

From 5efdaddb921f540e447bb710463f5b3e268b485b Mon Sep 17 00:00:00 2001
From: tejagerjovic <teja.gerjovic@fdv.uni-lj.si>
Date: Tue, 7 Jun 2022 06:09:43 +0200
Subject: [PATCH 10/10] =?UTF-8?q?[Redizajn=201KA]=20Popupi:=20Analize=20?=
 =?UTF-8?q?=E2=86=92=20Poro=C4=8Dila=20=E2=86=92=20Poro=C4=8Dila=20po=20me?=
 =?UTF-8?q?ri=20-=20Edit=20-=20v2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../classes/class.SurveyCustomReport.php      | 14 +++---
 public/css/admin_new.css                      | 40 +++++++----------
 .../components/popup/page_specific.scss       | 44 ++++++++++++-------
 .../survey_analysis/page_custom_report.scss   | 15 -------
 4 files changed, 50 insertions(+), 63 deletions(-)

diff --git a/admin/survey/classes/class.SurveyCustomReport.php b/admin/survey/classes/class.SurveyCustomReport.php
index 694f9ab1b..20fcbb1d5 100644
--- a/admin/survey/classes/class.SurveyCustomReport.php
+++ b/admin/survey/classes/class.SurveyCustomReport.php
@@ -1807,19 +1807,17 @@ class SurveyCustomReport {
 		// Preimenuje, brise in share lahko samo za lastna porocila
 		if($this->creportAuthor == $global_user_id){
 
-			echo '<div class="button_holder">';
-			echo '<button class="medium white-blue" onClick="creport_profile_action(\'show_rename\'); return false;">'.$lang['srv_rename_profile'].'</button>';              
+			echo '<p class="blue pointer top16 bottom8" onClick="creport_profile_action(\'show_rename\'); return false;">'.$lang['srv_rename_profile'].'</p>';              
 			
 			if($this->creportProfile > 0)
-				echo '<button class="medium white-blue" onclick="creport_profile_action(\'show_delete\'); return false;">'.$lang['srv_delete_profile'].'</button>';
+				echo '<p class="blue pointer bottom8" onclick="creport_profile_action(\'show_delete\'); return false;">'.$lang['srv_delete_profile'].'</p>';
 			
-			echo '<button class="medium blue" onclick="creport_profile_action(\'show_share\'); return false;">'.$lang['srv_custom_report_share'].'</button>';
+			echo '<p class="blue pointer bottom16" onclick="creport_profile_action(\'show_share\'); return false;">'.$lang['srv_custom_report_share'].'</p>';
 			
-			echo '</div>';
 		}
 
 				
-		// Preberemo najkasneje editiran element (cas spreminjanja)
+		/*/ Preberemo najkasneje editiran element (cas spreminjanja)
 		$sqlt = sisplet_query("SELECT MAX(time_edit) FROM srv_custom_report WHERE ank_id='$this->ank_id' AND usr_id='$this->creportAuthor' AND profile='$this->creportProfile'");		
 		if(mysqli_num_rows($sqlt) > 0){
 			$rowt = mysqli_fetch_array($sqlt);
@@ -1838,7 +1836,7 @@ class SurveyCustomReport {
 		if($time_edit != '' && $time_edit != '0000-00-00 00:00:00'){
 			$time_edit = strtotime($time_edit);
 			echo '<p>'.$lang['srv_custom_report_time_edited'].': <span class="bold">'.date("d.m.Y H:i", $time_edit).'</span></p>';
-		}
+		}*/
 		
 		echo '</div>';
 			
@@ -1858,7 +1856,7 @@ class SurveyCustomReport {
 			$comment = $row['value'];
 		}		 
 		
-		echo '<p class="bold">'.$lang['srv_inv_archive_comment'].':</p>';		
+		echo '<p>'.$lang['srv_inv_archive_comment'].':</p>';		
 		// Komentar lahko popravlja samo avtor porocila
 		if($this->creportAuthor == $global_user_id)
 			echo '<textarea class="textarea" onBlur="creport_profile_comment(this.value)">'.$comment.'</textarea>';
diff --git a/public/css/admin_new.css b/public/css/admin_new.css
index a09b4bb89..f6d72f493 100644
--- a/public/css/admin_new.css
+++ b/public/css/admin_new.css
@@ -8313,24 +8313,31 @@ div#div_analiza_archive_name .alaysis_archive_wrap .alaysis_archive_left {
   width: 50%;
 }
 
-#creport_profiles {
+#div_creport_settings_profiles #creport_profiles {
   cursor: pointer;
   width: 99%;
   height: 140px;
   display: inline-block;
   border: 1px solid #E5E5E5;
 }
-#creport_profiles .option {
-  padding: 1px;
+#div_creport_settings_profiles #creport_profiles .option {
+  padding: 8px;
+  border: 1px solid #E5E5E5;
 }
-#creport_profiles .active {
-  background-color: #1E88E5;
-  color: white;
-  border-bottom: 1px solid #E5E5E5;
+#div_creport_settings_profiles #creport_profiles .active {
+  background-color: #EAF9FE;
+  color: #1E88E5;
 }
-
-#creport_settings_profiles_comment textarea {
+#div_creport_settings_profiles #creport_settings_profiles_comment textarea {
   width: 100%;
+  height: 80px;
+}
+#div_creport_settings_profiles .button_holder {
+  display: flex;
+  border-top: 1px solid #E5E5E5;
+  padding-top: 16px !important;
+  margin-top: 16px !important;
+  justify-content: space-between !important;
 }
 
 #newCReportProfile .text,
@@ -29888,21 +29895,6 @@ ul.vrednost_sort input[type=text] {
   width: 98%;
   height: 30px;
 }
-.subpage_analysis_creport #anketa_custom_report #creport_profiles {
-  cursor: pointer;
-  width: 99%;
-  height: 140px;
-  display: inline-block;
-  border: 1px solid #E5E5E5;
-}
-.subpage_analysis_creport #anketa_custom_report #creport_profiles .option {
-  padding: 1px;
-}
-.subpage_analysis_creport #anketa_custom_report #creport_profiles .active {
-  background-color: #1E88E5;
-  color: white;
-  border-bottom: 1px solid #E5E5E5;
-}
 
 div.reports_holder {
   display: flex;
diff --git a/resources/sass/admin_new/components/popup/page_specific.scss b/resources/sass/admin_new/components/popup/page_specific.scss
index cd2b28df2..2b7124639 100644
--- a/resources/sass/admin_new/components/popup/page_specific.scss
+++ b/resources/sass/admin_new/components/popup/page_specific.scss
@@ -224,26 +224,38 @@ div#div_analiza_archive_name {
 }
 
 //Poročila
-#creport_profiles {
-    cursor: pointer;
-    width: 99%;
-    height: 140px;
-    display: inline-block;
-    border: 1px solid $gray;
-    .option {
-        padding: 1px;
+#div_creport_settings_profiles {
+    #creport_profiles {
+        cursor: pointer;
+        width: 99%;
+        height: 140px;
+        display: inline-block;
+        border: 1px solid $gray;
+        .option {
+            padding: 8px;
+            border: 1px solid $gray;
+        }
+        .active {
+            background-color: $light-blue;
+            color: $blue;
+        }
     }
-    .active {
-        background-color: $blue;
-        color: white;
-        border-bottom: 1px solid $gray;
+    
+    #creport_settings_profiles_comment {
+        textarea {
+            width: 100%;
+            height: 80px;
+        }
     }
-}
 
-#creport_settings_profiles_comment {
-    textarea {
-        width: 100%;
+    .button_holder {
+        display: flex;
+        border-top: 1px solid $gray;
+        padding-top: 16px !important;
+        margin-top: 16px !important;
+        justify-content: space-between !important;
     }
+
 }
 
 #newCReportProfile,
diff --git a/resources/sass/admin_new/pages/survey_analysis/page_custom_report.scss b/resources/sass/admin_new/pages/survey_analysis/page_custom_report.scss
index 218a0dcd2..7123e64b7 100644
--- a/resources/sass/admin_new/pages/survey_analysis/page_custom_report.scss
+++ b/resources/sass/admin_new/pages/survey_analysis/page_custom_report.scss
@@ -504,20 +504,5 @@
             }
         }
     }
-    #creport_profiles {
-        cursor: pointer;
-        width: 99%;
-        height: 140px;
-        display: inline-block;
-        border: 1px solid $gray;
-        .option {
-            padding: 1px;
-        }
-        .active {
-            background-color: $blue;
-            color: white;
-            border-bottom: 1px solid $gray;
-        }
-    }
 
 }