From 707c3ebe11a4cdf1a9081116caa4f131f9882e7c Mon Sep 17 00:00:00 2001
From: tejagerjovic <teja.gerjovic@fdv.uni-lj.si>
Date: Thu, 14 Apr 2022 00:41:42 +0200
Subject: [PATCH 1/6] [Redizajn 1KA] - Status --> Neodgovor spremenljivke -->
 Spremenljivke - zadnji popravki

---
 admin/survey/classes/tracking/CrossRoad.php | 2 +-
 lang/2.php                                  | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/admin/survey/classes/tracking/CrossRoad.php b/admin/survey/classes/tracking/CrossRoad.php
index 9a6ea6a5e..129a7cfe1 100644
--- a/admin/survey/classes/tracking/CrossRoad.php
+++ b/admin/survey/classes/tracking/CrossRoad.php
@@ -72,7 +72,7 @@ class CrossRoad {
                     $first_action = NAVI_STATUS;
                     $second_action = NAVI_STATUS_OSNOVNI;
 
-                    $layout_width = 'narrow';
+                    $layout_width = 'wide';
                     if ($_GET['m'] == 'advanced')
                         $layout_width = 'fullwidth';
 
diff --git a/lang/2.php b/lang/2.php
index 4d953ca2c..633c82e99 100644
--- a/lang/2.php
+++ b/lang/2.php
@@ -6635,11 +6635,11 @@ $lang = array (
 	'srv_para_breaks_value_bruto_short'			=>	'GBR<br/>[%]',
 	'srv_para_breaks_value_neto_short'			=>	'NBR<br/>[%]',
 	'srv_para_breaks_graph_title'				=>	'Graphical representation of the Break rate (%)',	
-	'srv_para_show_question_advanced'			=>	'Question',
+	'srv_para_show_question_advanced'			=>	'Label',
 	'srv_para_show_show_graph_advanced'			=>	'Graph',
-	'srv_para_show_question_basic'				=>	'Question',
+	'srv_para_show_question_basic'				=>	'Label',
 	'srv_para_show_show_graph_basic'			=>	'Graph',
-	'srv_para_show_question_breaks'				=>	'Question',
+	'srv_para_show_question_breaks'				=>	'Label',
 	'srv_para_show_show_graph_breaks'			=>	'Graph',
 	'srv_para_close_settings'					=>	'Close settings',
 	'srv_para_graph_type'						=>	'V grafu prikaži',

From dabcf61d9753d7ea406a5ae409b100c31fad24ca Mon Sep 17 00:00:00 2001
From: tejagerjovic <teja.gerjovic@fdv.uni-lj.si>
Date: Thu, 14 Apr 2022 01:16:30 +0200
Subject: [PATCH 2/6] [Redizajn 1KA] - Status --> Neodgovor spremenljivke -->
 Podrobno - scroll na tabelo

---
 .../survey/classes/class.SurveyParaAnalysis.php | 12 ++++++++++--
 admin/survey/script/script.js                   | 17 ++++++++++++++++-
 2 files changed, 26 insertions(+), 3 deletions(-)

diff --git a/admin/survey/classes/class.SurveyParaAnalysis.php b/admin/survey/classes/class.SurveyParaAnalysis.php
index 792564237..59cd9456c 100644
--- a/admin/survey/classes/class.SurveyParaAnalysis.php
+++ b/admin/survey/classes/class.SurveyParaAnalysis.php
@@ -896,8 +896,14 @@ class SurveyParaAnalysis{
  
 		
 		$this->displayFormula();
-		
-		
+
+		echo '<div id="scroll1">';
+		echo '<div id="scroll2">';
+
+		echo '<script>
+			check_para_wrap();
+        </script>';
+
 		echo '<table id="tbl_para_analitics" class="podrobno">';
 		
 		echo '<tr>';
@@ -1171,6 +1177,8 @@ class SurveyParaAnalysis{
 			}
 		}
 		echo '</table>';
+		echo '</div>';
+		echo '</div>';
 		SurveyAnalysisHelper::getInstance()->displayMissingLegend();
 	}
 	
diff --git a/admin/survey/script/script.js b/admin/survey/script/script.js
index f73ed4a8c..c0d052e6a 100644
--- a/admin/survey/script/script.js
+++ b/admin/survey/script/script.js
@@ -4530,13 +4530,28 @@ function changeParaAnalysisCbx(what, reverse) {
 		value = !value;
 	}  
     var what_id = $(what).attr('id');
-    
+
     $.post('ajax.php?t=ParaAnalysis&a=setCbx', {anketa: srv_meta_anketa_id,value:value,what:what_id}, function () {
 		window.location.reload();
     });
     
 	return false;
 }
+
+function check_para_wrap() {
+	
+	var value = $("#show_with_zero").is(":checked"); 
+	if (value) {
+		$("#scroll1").removeClass("table-horizontal-scroll-wrapper1");
+		$("#scroll2").removeClass("table-horizontal-scroll-wrapper2");
+	}
+	else {
+		$("#scroll1").addClass("table-horizontal-scroll-wrapper1");
+		$("#scroll2").addClass("table-horizontal-scroll-wrapper2");
+	}
+
+}
+
 function changeParaAnalysisSelect(what) {
     
     var value = $(what).val();

From 03d0ea3a9ef854bc74b374d9dbe29b0e55e72e26 Mon Sep 17 00:00:00 2001
From: tejagerjovic <teja.gerjovic@fdv.uni-lj.si>
Date: Thu, 14 Apr 2022 03:03:37 +0200
Subject: [PATCH 3/6] [Redizajn 1KA] - Urejanje --> Nastavitve --> Telefonska
 anketa - v2 // Dodaj

---
 .../survey/classes/class.SurveyTelephone.php  |   18 +-
 public/css/admin_new.css                      | 2906 +++++++++--------
 .../pages/survey_edit/telefonska_anketa.scss  |   98 +-
 3 files changed, 1539 insertions(+), 1483 deletions(-)

diff --git a/admin/survey/classes/class.SurveyTelephone.php b/admin/survey/classes/class.SurveyTelephone.php
index b8416f8b8..07477947d 100644
--- a/admin/survey/classes/class.SurveyTelephone.php
+++ b/admin/survey/classes/class.SurveyTelephone.php
@@ -516,7 +516,6 @@ class SurveyTelephone {
 	function addRecipientsView( $fields = array(), $recipients_list=null) {
 		#prikažemo vmesnik za dodajanje respondentov
 		global $lang;
-		echo '<h2>'.$lang['srv_inv_add_recipients_heading'].'</h2>';
 
 		echo '<div id="inv_import">';
 		$this->displayAddRecipientsView($fields, $recipients_list);
@@ -560,12 +559,12 @@ class SurveyTelephone {
 		# profili respondentov
 		echo '<div id="inv_recipients_profiles_holder">';
 
-		echo '<p class="bottom8 bold">'.$lang['srv_inv_recipient_select_list'].'</p>';
+		echo '<p>'.$lang['srv_inv_recipient_select_list'].'</p>';
 
 		$this->listRecipientsProfiles();
 		echo '</div>'; # id=inv_recipients_profiles_holder
 
-		echo '<div id="inv_import_list_container">';
+		echo '<fieldset id="inv_import_list_container"><legend>'.$lang['srv_inv_recipiens_from'].'</legend>';
 
 		$sqlSysMapping = sisplet_query("SELECT * FROM srv_invitations_mapping WHERE sid = '$this->sid'");
 		if (mysqli_num_rows($sqlSysMapping) > 0) {
@@ -580,8 +579,6 @@ class SurveyTelephone {
 		.($sysUserToAdd > 0 ? ' ('.$sysUserToAdd.')' : '').'</label></span>';
 		echo Help::display('inv_recipiens_from_system');*/
 				
-		echo '<br class="clr"/>';
-		echo '<br class="clr"/>';
 		if ($import_type == 3) {
 			#$this->displayFromSystemVariables();
 			$this->createSystemVariablesMapping();
@@ -605,6 +602,7 @@ class SurveyTelephone {
 					echo '<input id="'.$field.'_chk" type="checkbox" class="inv_checkbox' . $hidden_checkbox . '"'.($is_selected == true ? ' checked="checked"' : '').'>';
 					echo '<label'.$label_for.'>'.$lang['srv_'.$field].'</label>';
 					echo '</li>';
+
 					if ($is_selected == 1) {
 						$field_lang[] = $lang['srv_'.$field];
 					}
@@ -618,12 +616,12 @@ class SurveyTelephone {
 			echo '<div id="inv_import_list"'.($import_type != 1 ? '' : ' class="hidden"').'>' ;
 			echo '<p class="top32 bottom16">'.$lang['srv_inv_recipiens_email_note'].'</p>';
 			echo '<p class="top16">'.$lang['srv_inv_recipiens_sample2'].'</p>';
-			echo '<p class="top16">'.$lang['srv_telephone_add_sample'].'</p>';
+			echo '<p class="top16 gray italic">'.$lang['srv_telephone_add_sample'].'</p>';
 			
 			echo '<p class="top16">'.$lang['srv_inv_recipiens_fields'].' <span id="inv_field_list" class="bold">';
 			echo implode(',',$field_lang);
 			echo '</span>';
-			
+
 			echo '<textarea id="inv_recipients_list" name="inv_recipients_list">';
 			if (is_array($recipients_list) && count($recipients_list) > 0 ) {
 				echo implode("\n",$recipients_list);
@@ -663,9 +661,6 @@ class SurveyTelephone {
 			echo '</div>';	# id=inv_import_list
 
 		}
-		echo '</div>'; # id=inv_import_list_container
-		echo '</div>'; # id=inv_import
-
 		echo '<div class="button_holder">';
 		# če je začasen avtor, ne ponudimo shrani
 		if ((int)$ppid != 0) {
@@ -675,6 +670,9 @@ class SurveyTelephone {
 		# če že imamo prejemnike v bazi ponudimo gumb naprej
 		echo '<button class="medium blue" onclick="phn_add_recipients(); return false;">'.$lang['srv_telephone_add'].'</button>';
 		echo '</div>';
+		
+		echo '</fieldset>'; # id=inv_import_list_container
+		echo '</div>'; # id=inv_import
 	}
 
 	function listRecipientsProfiles() {
diff --git a/public/css/admin_new.css b/public/css/admin_new.css
index ad5c9ac94..c4a2e0eef 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 {
@@ -5329,22 +5329,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 */
@@ -5355,25 +5355,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";
 }
 
 /*
@@ -5387,77 +5387,77 @@ 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.import::before{
@@ -5470,7 +5470,7 @@ span.faicon.export::before {
 span.faicon.import::before {
   font-size: 24px;
   font-weight: 400;
-  content: "";
+  content: "\f1c2";
 }
 
 /*span.faicon.import::after{
@@ -5480,129 +5480,129 @@ 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";
 }
 
 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 {
@@ -5612,50 +5612,50 @@ 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 {
   font-size: 24px;
-  content: "";
+  content: "\f27a";
 }
 
 span.faicon.comments_empty::before {
   font-size: 24px;
   font-weight: 400;
-  content: "";
+  content: "\f27a";
 }
 
 span.faicon.comments_num::before {
-  content: "";
+  content: "\f27a";
 }
 
 span.faicon.comments_num strong {
@@ -5665,21 +5665,21 @@ span.faicon.comments_num strong {
 }
 
 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 {
@@ -5689,11 +5689,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%;
@@ -5701,87 +5701,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 {
@@ -5817,7 +5817,7 @@ span.faicon.if_add:hover:before {
 }
 
 span.faicon.text_file::before {
-  content: "";
+  content: "\f15c";
 }
 
 span.faicon.text_file_small {
@@ -5827,40 +5827,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;
 }
 
@@ -5875,46 +5875,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;
 }
 
@@ -5924,63 +5924,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 */
@@ -5992,127 +5992,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;
 }
 
@@ -6121,7 +6121,7 @@ span.faicon.fa-1::before {
 }
 
 span.faicon.phone::before {
-  content: "";
+  content: "\f095";
 }
 
 /*
@@ -6258,23 +6258,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;
@@ -6298,7 +6298,7 @@ span.faicon.nagovor::before {
 }
 
 span.faicon.plus_32::before {
-  content: "";
+  content: "\f055";
   font-size: 18px;
 }
 
@@ -6342,12 +6342,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 {
@@ -6360,22 +6360,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%;
@@ -6383,25 +6383,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 */
@@ -6415,12 +6415,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 {
@@ -6448,17 +6448,17 @@ a.faicon.unhide_icon::before {
 .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;
 }
 
@@ -6475,22 +6475,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 {
@@ -6519,7 +6519,7 @@ and open the template in the editor.
 /* Izvozi */
 span.faicon.pdf::before {
   font-size: 16px;
-  content: "";
+  content: "\f1c1";
   color: #ed1c24;
 }
 
@@ -6541,7 +6541,7 @@ span.faicon.pdf.black::before {
 span.faicon.xls::before {
   font-size: 16px;
   font-weight: 400;
-  content: "";
+  content: "\f1c3";
   color: #008000;
 }
 
@@ -6563,7 +6563,7 @@ span.faicon.xls.black::before {
 span.faicon.rtf::before {
   font-size: 16px;
   font-weight: 400;
-  content: "";
+  content: "\f1c2";
   color: #0f3ea8;
 }
 
@@ -6585,7 +6585,7 @@ span.faicon.rtf.black::before {
 span.faicon.ppt::before {
   font-size: 16px;
   font-weight: 400;
-  content: "";
+  content: "\f1c4";
   color: #fa4913;
 }
 
@@ -6607,7 +6607,7 @@ span.faicon.ppt.black::before {
 span.faicon.xml::before {
   font-size: 16px;
   font-weight: 400;
-  content: "";
+  content: "\f1c9";
   color: #00a000;
 }
 
@@ -6627,17 +6627,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";
 }
 
 /*
@@ -6687,7 +6687,7 @@ span.faicon.an_chart_bar::before {
   font-size: 14px;
   font-weight: 700;
   /*content: "\f080";*/
-  content: "";
+  content: "\f200";
 }
 
 /*
@@ -6701,35 +6701,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;
 }
 
@@ -6822,7 +6822,7 @@ a.help {
 .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;
@@ -6859,7 +6859,7 @@ a.help {
   padding-left: 8px;
   vertical-align: middle;
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f054";
   font-size: 8px;
   color: #1E88E5;
   transition: 0.2s;
@@ -7115,7 +7115,7 @@ a.help {
 .divPopUp.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f071";
   font-size: 14px;
   color: #FFC700;
 }
@@ -7150,7 +7150,7 @@ a.help {
 .divPopUp_info.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f071";
   font-size: 14px;
   color: #FFC700;
 }
@@ -7634,7 +7634,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;
 }
@@ -7811,7 +7811,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;
 }
@@ -7997,7 +7997,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;
 }
@@ -8638,7 +8638,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;
 }
@@ -9263,17 +9263,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;
@@ -9838,7 +9838,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;
@@ -10184,13 +10184,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;
@@ -10200,7 +10200,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;
@@ -10466,7 +10466,7 @@ div.subpage_uporabniki .data_table_top_holder #end {
 div.subpage_uporabniki table.usersTable {
   margin-left: 14px;
   margin-right: 14px;
-  width: calc(100% - 2*14px);
+  width: calc(100% - 28px);
   white-space: nowrap;
 }
 div.subpage_uporabniki table.usersTable thead th,
@@ -11267,13 +11267,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;
@@ -11299,7 +11299,7 @@ div.page_obvestila #unread_notifications .gdpr_popup_radio input {
   display: inline-block;
 }
 #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;
@@ -11551,7 +11551,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 {
@@ -11559,7 +11559,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;
@@ -11572,11 +11572,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 {
@@ -11869,7 +11869,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;
@@ -12327,20 +12327,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 {
@@ -17388,7 +17388,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 {
   font-weight: 400;
@@ -17403,7 +17403,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;
@@ -17894,7 +17894,7 @@ img.mapster_el {
   border-radius: 4px;
 }
 .jquery-selectbox .jquery-selectbox-moreButton::before {
-  content: "";
+  content: "\f078";
   padding-left: 2px;
   color: #333333;
   font-size: 10px;
@@ -18494,7 +18494,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;
 }
@@ -18849,7 +18849,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;
 }
@@ -19041,7 +19041,7 @@ span.faicon.st-besede-popup {
 #calculation.warning_popup h2::before {
   padding-right: 8px;
   font-family: "Font Awesome 5 Free";
-  content: "";
+  content: "\f071";
   font-size: 14px;
   color: #FFC700;
 }
@@ -19280,7 +19280,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;
 }
@@ -19956,7 +19956,7 @@ and open the template in the editor.
 }
 #popup_import_from_text .anketa_from_text #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;
@@ -19964,7 +19964,7 @@ and open the template in the editor.
   font-weight: 400;
 }
 #popup_import_from_text .anketa_from_text #preview_field_holder #preview_field span.variable input[type=radio]:checked + span.enka-checkbox-radio:before {
-  content: "";
+  content: "\f192";
   color: #E5E5E5;
 }
 
@@ -20240,7 +20240,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;
 }
@@ -20319,7 +20319,7 @@ dl.arch_email dd {
 div.page_telephone div.phone_settings_top div#inv_top_navi {
   display: flex;
   flex-direction: row;
-  margin-bottom: 32px;
+  margin-bottom: 42px;
 }
 div.page_telephone div.phone_settings_top div#inv_top_navi div.phn_step_nav {
   display: flex;
@@ -20380,7 +20380,6 @@ div.page_telephone div.phone_settings_top div#inv_top_navi div.phn_step_nav div.
 }
 div.page_telephone div.phone_settings_top div#inv_top_navi div.phn_step_nav div.phn_step.settings {
   margin-right: 32px;
-  display: none;
 }
 div.page_telephone h2 {
   font-weight: 300;
@@ -20389,58 +20388,83 @@ div.page_telephone div#inv_import {
   display: flex;
   flex-direction: row;
   width: 100%;
-  gap: 8px;
+  gap: 32px;
   box-sizing: border-box;
 }
 div.page_telephone div#inv_import div#inv_recipients_profiles_holder {
-  padding: 16px 8px;
   min-height: 355px;
-  width: 25%;
+  height: fit-content;
+  padding: 16px;
+  background: #FFFFFF;
   border: 1px solid #E5E5E5;
+  width: 25%;
   overflow: hidden;
   box-sizing: border-box;
-  background-color: #F8F8F8;
 }
 div.page_telephone div#inv_import div#inv_recipients_profiles_holder div#phn_import_list_profiles {
   border: 1px solid #E5E5E5;
   background-color: #FFFFFF;
-  min-height: 100px;
+  min-height: 200px;
   max-height: 600px;
+  display: flex;
+  flex-direction: column;
+  overflow-y: auto;
+  width: 100%;
+  max-height: 400px;
+  border: 1px solid #E5E5E5;
+  background-color: white;
+  margin-top: 4px;
 }
 div.page_telephone div#inv_import div#inv_recipients_profiles_holder div#phn_import_list_profiles ol {
-  margin: 0;
-  padding: 0;
-  border-bottom: 1px solid #E5E5E5;
+  display: flex;
+  flex-direction: column;
+  margin: 0px;
+  padding: 0px;
 }
 div.page_telephone div#inv_import div#inv_recipients_profiles_holder div#phn_import_list_profiles ol li {
-  list-style-image: none;
-  list-style-position: outside;
-  list-style-type: none;
-  line-height: 20px;
-  border-top: 1px solid #E5E5E5;
-  padding: 0 5px;
   cursor: pointer;
+  list-style-type: none;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 35px;
+  padding: 0px 8px;
+  border-bottom: 1px solid #E5E5E5;
+}
+div.page_telephone div#inv_import div#inv_recipients_profiles_holder div#phn_import_list_profiles ol li:last-child {
+  border-bottom: 0;
 }
 div.page_telephone div#inv_import div#inv_recipients_profiles_holder div#phn_import_list_profiles ol li.active {
-  color: #FFFFFF;
-  background-color: #1E88E5;
+  color: #1E88E5;
+  background-color: #F4F9FE;
 }
-div.page_telephone div#inv_import div#inv_import_list_container {
+div.page_telephone div#inv_import div#inv_recipients_profiles_holder div#phn_import_list_profiles ol li:hover {
+  background-color: #F4F9FE;
+}
+div.page_telephone div#inv_import div#inv_recipients_profiles_holder div#phn_import_list_profiles ol li .faicon {
+  margin-left: 8px;
+}
+div.page_telephone div#inv_import div#inv_recipients_profiles_holder div#phn_import_list_profiles ol li .faicon:before {
+  font-size: 16px;
+}
+div.page_telephone div#inv_import fieldset#inv_import_list_container {
   padding: 16px;
   min-height: 355px;
   width: 75%;
   border: 1px solid #E5E5E5;
   box-sizing: border-box;
+  margin-top: -10px;
 }
-div.page_telephone div#inv_import div#inv_import_list_container textarea {
+div.page_telephone div#inv_import fieldset#inv_import_list_container textarea {
   width: 100%;
   height: 120px;
 }
-div.page_telephone div.button_holder {
+div.page_telephone div#inv_import fieldset#inv_import_list_container div.button_holder {
   justify-content: right;
   margin-top: 32px;
+  margin-bottom: 0;
 }
-div.page_telephone div.button_holder button:last-of-type {
+div.page_telephone div#inv_import fieldset#inv_import_list_container div.button_holder button:last-of-type {
   margin-right: 0;
 }
 div.page_telephone div#inv_rec_filter {
@@ -23692,7 +23716,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;
 }
@@ -23869,7 +23893,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;
 }
@@ -24076,7 +24100,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;
 }
@@ -24372,7 +24396,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;
 }
@@ -26860,7 +26884,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;
 }
@@ -27383,7 +27407,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;
 }
@@ -27589,7 +27613,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;
 }
@@ -27771,7 +27795,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;
 }
@@ -27953,7 +27977,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;
 }
diff --git a/resources/sass/admin_new/pages/survey_edit/telefonska_anketa.scss b/resources/sass/admin_new/pages/survey_edit/telefonska_anketa.scss
index 8e9b02660..1c359c85a 100644
--- a/resources/sass/admin_new/pages/survey_edit/telefonska_anketa.scss
+++ b/resources/sass/admin_new/pages/survey_edit/telefonska_anketa.scss
@@ -8,7 +8,7 @@ div.page_telephone {
             display: flex;
             flex-direction: row;
 
-            margin-bottom: 32px;
+            margin-bottom: 42px;
 
             div.phn_step_nav {
                 display: flex;
@@ -92,7 +92,6 @@ div.page_telephone {
                     
                     &.settings {
                         margin-right: 32px;
-                        display: none;
                     }
                 }
             }
@@ -108,74 +107,109 @@ div.page_telephone {
         display: flex;
         flex-direction: row;
         width: 100%;
-        gap: 8px;
+        gap: 32px;
         
         box-sizing: border-box;
 
         div#inv_recipients_profiles_holder {
-            padding: 16px 8px;
             min-height: 355px;
-            width: 25%;
+            height: fit-content;
+            padding: 16px;
+            background: $white;
             border: 1px solid $gray;
+            width: 25%;
             overflow: hidden;
             box-sizing: border-box;
-            background-color: $light-gray;
 
             div#phn_import_list_profiles {
                 border: 1px solid $gray;
                 background-color: $white;
-                min-height: 100px;
+                min-height: 200px;
                 max-height: 600px;
 
-                ol {
-                    margin: 0;
-                    padding: 0;
-                    border-bottom: 1px solid $gray;
+                display: flex;
+                flex-direction: column;
 
+                overflow-y: auto;
+                width: 100%;
+                max-height: 400px;
+
+                border: 1px solid $gray;
+                background-color: white;
+
+                margin-top: 4px;
+
+                ol {
+                    display: flex;
+                    flex-direction: column;
+
+                    margin: 0px;
+                    padding: 0px;
+                    
                     li {
-                        list-style-image: none;
-                        list-style-position: outside;
-                        list-style-type: none;
-                        line-height: 20px;
-                        border-top: 1px solid $gray;
-                        padding: 0 5px;
                         cursor: pointer;
+                        list-style-type: none;
+
+                        display: flex;
+                        align-items: center;
+                        justify-content: space-between;
+
+                        height: 35px;
+                        padding: 0px 8px;
+
+                        border-bottom: 1px solid $gray;
+
+                        &:last-child{
+                            border-bottom: 0;
+                        }
 
                         &.active {
-                            color: $white;
-                            background-color: $blue;
+                            color: $blue;
+                            background-color: $medium-blue2;
+                        }
+
+                        &:hover {
+                            background-color: $medium-blue2;
+                        }
+
+                        .faicon{
+                            margin-left: 8px;
+
+                            &:before{
+                                font-size: 16px;
+                            }
                         }
                     }
                 }
             }
         }
 
-        div#inv_import_list_container {
+        fieldset#inv_import_list_container {
             padding: 16px;
             min-height: 355px;
             width: 75%;
             border: 1px solid $gray;
             box-sizing: border-box;
+            margin-top: -10px;
 
-            // Stlying za boxe?
-            
             textarea {
                 width: 100%;
                 height: 120px;
             }
-        }
+
+            div.button_holder {
+                justify-content: right;
+                margin-top: 32px;
+                margin-bottom: 0;
         
-    }
-
-    div.button_holder {
-        justify-content: right;
-        margin-top: 32px;
-
-        button {
-            &:last-of-type {
-                margin-right: 0;
+                button {
+                    &:last-of-type {
+                        margin-right: 0;
+                    }
+                }
             }
         }
+        
     }
 
     //Preglej

From 9652448a94276f8299fe5ed09e0e1e3fa00132ea Mon Sep 17 00:00:00 2001
From: tejagerjovic <teja.gerjovic@fdv.uni-lj.si>
Date: Thu, 14 Apr 2022 05:08:56 +0200
Subject: [PATCH 4/6] =?UTF-8?q?[Redizajn=201KA]=20-=20Urejanje=20-->=20Nas?=
 =?UTF-8?q?tavitve=20-->=20Telefonska=20anketa=20-=20v2=20//=20preglej=20+?=
 =?UTF-8?q?=20za=C4=8Dni=20+=20=C4=8Dakalna=20vrsta?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../survey/classes/class.SurveyTelephone.php  | 62 ++++++++-----
 lang/1.php                                    | 12 ++-
 lang/2.php                                    | 14 ++-
 public/css/admin_new.css                      | 59 +++++++++++--
 .../pages/survey_edit/telefonska_anketa.scss  | 86 ++++++++++++++++---
 5 files changed, 189 insertions(+), 44 deletions(-)

diff --git a/admin/survey/classes/class.SurveyTelephone.php b/admin/survey/classes/class.SurveyTelephone.php
index 07477947d..2c4161bde 100644
--- a/admin/survey/classes/class.SurveyTelephone.php
+++ b/admin/survey/classes/class.SurveyTelephone.php
@@ -670,7 +670,7 @@ class SurveyTelephone {
 		# če že imamo prejemnike v bazi ponudimo gumb naprej
 		echo '<button class="medium blue" onclick="phn_add_recipients(); return false;">'.$lang['srv_telephone_add'].'</button>';
 		echo '</div>';
-		
+
 		echo '</fieldset>'; # id=inv_import_list_container
 		echo '</div>'; # id=inv_import
 	}
@@ -802,6 +802,8 @@ class SurveyTelephone {
 					echo '</div>';
 					
 					#space
+
+					echo '<div id="tel_settings_holder">';
 					
 					// Cakalni seznam
 					echo '<div class="phn_step_nav'.$active_step[6].'">';
@@ -812,6 +814,9 @@ class SurveyTelephone {
 					echo '</div>';
 					echo '</div>';
 				}
+				else {
+					echo '<div id="tel_settings_holder">';
+				}
 
 				// Nastavitve
 				echo '<div class="phn_step_nav'.$active_step[5].'">';
@@ -829,6 +834,8 @@ class SurveyTelephone {
 				echo '</a>';
 				echo '</div>';
 				echo '</div>';
+
+				echo '</div>';
 			}
 		}
 	}
@@ -841,9 +848,8 @@ class SurveyTelephone {
 		// Najprej cakalna vrsta (stevilke ki se bodo prikazale kasneje)
 		$this->waitingList();
 		
-		echo '<br /><br />';
-		
 		// Se vrsta stevilk ki se trenutno klicejo
+		echo '<div id="tel_line_wrap">';
 		echo '<h2>'.$lang['srv_telephone_navi_calling_list'].'</h2>';
 		
 		// Dobimo seznam vseh ki se niso bili klicani
@@ -931,16 +937,16 @@ class SurveyTelephone {
 
 			// Stevilo stevilk v vrsti
 			echo '<div id="srv_invitation_note">'.$lang['srv_telephone_calling_list_count'].': '.count($toCall).'</div>';
-			
-			echo '<br class="clr"/>';
+			echo '</div>';
 			
 			// Izrisemo tabelo
-			echo '<div style="display:inline-block;">';
+			echo '<div class="table-horizontal-scroll-wrapper1">';
+			echo '<div class="table-horizontal-scroll-wrapper2">';
 			echo '<table id="tbl_recipients_list" class="phone">';
 			
 			// Header tabele
 			echo '<tr>';
-			echo '<th class="tbl_icon">&nbsp;</th>';
+			echo '<th class="tbl_icon"></th>';
 			foreach ($fields AS $fkey =>$field) {
 				if ($field == 1) {
 					if ($fkey == 'sent' || $fkey == 'responded' || $fkey == 'unsubscribed'){
@@ -1019,7 +1025,7 @@ class SurveyTelephone {
 							
 							case 'ps_icon':
 								echo '<td class="anl_ac'.$icon.'" onclick="phnGoToUser(\''.$sql_row['id'].'\')">';
-								echo '&nbsp;';
+								echo '<span class="faicon blue phone pointer"></span>';
 								echo '</td>';
 								break;
 							case 'last_status':
@@ -1091,12 +1097,11 @@ class SurveyTelephone {
 			
 			echo '</table>';
 			echo '</div>';
+			echo '</div>';
 		}
 		else {
 			echo $lang['srv_telephone_calling_list_empty'].'<br class="clr">';
 		}
-		
-		echo '<br /><br /><br />';
 	}
 	
 	// Seznam stevilk ki so v vrsti za klicanje
@@ -1104,6 +1109,7 @@ class SurveyTelephone {
 		global $lang;
 		global $site_url;
 		
+		echo '<div id="tel_line_wrap0">';
 		echo '<h2>'.$lang['srv_telephone_navi_waiting_list'].'</h2>';
 
 		
@@ -1192,11 +1198,12 @@ class SurveyTelephone {
 
 			// Stevilo stevilk v vrsti
 			echo '<div id="srv_invitation_note">'.$lang['srv_telephone_waiting_list_count'].': '.count($toCall).'</div>';
+			echo '</div>';
 			
-			echo '<br class="clr"/>';
 			
 			// Izrisemo tabelo
-			echo '<div style="display:inline-block;">';
+			echo '<div class="table-horizontal-scroll-wrapper1">';
+			echo '<div class="table-horizontal-scroll-wrapper2">';
 			echo '<table id="tbl_recipients_list" class="phone">';
 			
 			// Header tabele
@@ -1280,7 +1287,7 @@ class SurveyTelephone {
 							
 							case 'ps_icon':
 								echo '<td class="anl_ac'.$icon.'" onclick="phnGoToUser(\''.$sql_row['id'].'\')">';
-								echo '&nbsp;';
+								echo '<span class="blue faicon phone pointer"></span>';
 								echo '</td>';
 								break;
 							case 'last_status':
@@ -1352,6 +1359,7 @@ class SurveyTelephone {
 			
 			echo '</table>';
 			echo '</div>';
+			echo '</div>';
 		}
 		else {
 			echo $lang['srv_telephone_waiting_list_empty'].'<br class="clr">';
@@ -1536,6 +1544,8 @@ class SurveyTelephone {
 		}
 		if ($count_all > 0 ) {
 
+			echo '<div id="filter_wrap">';
+
 			// dodamo filtriranje		
 			echo '<div id="inv_rec_filter">';
 			echo '<input id="tel_rec_filter_value" type="text" class="text large" placeholder="'.$lang['srv_invitation_recipients_filter'].'" value="'.$_SESSION['inv_filter']['value'].'">';	
@@ -1560,6 +1570,7 @@ class SurveyTelephone {
 					echo $lang['srv_invitation_num_respondents'].(int)$this->count_all;
 			}
 			echo '</div>';
+			echo '</div>';
 			
 			if (mysqli_num_rows($sql_query_filterd) > 0 && $count_all > 0) {
 			
@@ -1627,7 +1638,7 @@ class SurveyTelephone {
 					echo '<tr>';
 					# checkbox
 
-					echo '<td><div class="icons"><input type="checkbox" name="inv_rids[]" value="'.$sql_row['id'].'"><label class="empty"></label>';
+					echo '<td><div class="icons"><input type="checkbox" id="'.$sql_row['id'].'" name="inv_rids[]" value="'.$sql_row['id'].'"><label for="'.$sql_row['id'].'" class="empty"></label>';
 					#izbriši
 					echo '<span class="faicon trash empty blue" onclick="deleteRecipient_confirm(\''.$sql_row['id'].'\'); return false;" title="'.$lang['srv_inv_list_profiles_delete'].'"></span>';
 					#uredi
@@ -1715,11 +1726,11 @@ class SurveyTelephone {
 				echo '</div>';
 				echo '</div>';
 				echo '<div id="inv_bottom_edit">';
-				echo '<span class="faicon arrow_up blue"></span> ';
-				echo '<span id="inv_switch_on"><a href="javascript:inv_selectAll(true);">'.$lang['srv_select_all'].'</a></span>';
-				echo '<span id="inv_switch_off" style="display:none;"><a href="javascript:inv_selectAll(false);">'.$lang['srv_deselect_all'].'</a></span>';
-				echo '&nbsp;&nbsp;<a href="#" onClick="inv_recipients_form_action(\'delete\');"><span class="faicon trash empty blue" title="'.$lang['srv_invitation_recipients_delete_selected'].'"/></span>&nbsp;'.$lang['srv_invitation_recipients_delete_selected'].'</a>';
-				echo '&nbsp;&nbsp;<a href="#" onClick="inv_recipients_form_action(\'export\');"><span class="faicon xls" title="'.$lang['srv_invitation_recipients_export_selected'].'"/></span>&nbsp;'.$lang['srv_invitation_recipients_export_selected'].'</a>';
+				/*echo '<a href="javascript:inv_selectAll(true);"><span class="faicon arrow_up blue"></span> ';
+				echo '<span id="inv_switch_on">'.$lang['srv_select_all'].'</a></span>';
+				echo '<span id="inv_switch_off" style="display:none;"><a href="javascript:inv_selectAll(false);">'.$lang['srv_deselect_all'].'</a></span>';*/
+				echo '<a href="#" onClick="inv_recipients_form_action(\'delete\');"><span class="faicon trash empty blue" title="'.$lang['srv_invitation_recipients_delete_selected'].'"/></span>&nbsp;'.$lang['srv_invitation_recipients_delete_selected'].'</a>';
+				echo '<a href="#" onClick="inv_recipients_form_action(\'export\');"><span class="faicon xls" title="'.$lang['srv_invitation_recipients_export_selected'].'"/></span>&nbsp;'.$lang['srv_invitation_recipients_export_selected'].'</a>';
 				echo '</div>';
 				echo '</div>';
 
@@ -3099,7 +3110,17 @@ class SurveyTelephone {
 		$sql2 = sisplet_query("SELECT DATE_FORMAT(insert_time, '%d.%m.%Y %H:%i:%s'), status  FROM srv_telephone_history WHERE rec_id='$usr_id' ORDER BY insert_time ASC");
 		if (mysqli_num_rows($sql2) > 0 ) {
 			while (list($insert_time, $status) = mysqli_fetch_array($sql2)) {
-				echo '<p>'.$insert_time.' - <strong>'.$lang['srv_telephone_status_'.$status].'</strong></p>';
+				echo '<div class="pregled_klicev">';
+				echo '<div id="top">';
+				echo '<div id="datum">';
+				echo $insert_time;
+				echo '</div>';
+				echo '<div id="status">';
+				echo $lang['srv_telephone_status_'.$status.'2'];
+				echo '</div>';
+				echo '</div>';
+				echo '<div id="comment">';
+				echo '</div>';
 				if ($status == 'U' || $status == 'R') {
 					# preverimo ali lahko uporabnika še kontaktiramo
 					$canCall = false;
@@ -3110,6 +3131,7 @@ class SurveyTelephone {
 		} else {
 			echo $lang['srv_telephone_status_'];
 		}
+
 		echo '</td>';
 		 
 		echo '<td>';
diff --git a/lang/1.php b/lang/1.php
index 16852d086..0b3b0ac57 100644
--- a/lang/1.php
+++ b/lang/1.php
@@ -6383,7 +6383,7 @@ $lang = array (
 	'srv_telephone_respondents_unsubscribed'	=>	'Odjavljeno',
 	'srv_telephone_respondents_pass'			=>	'Geslo',
 	'srv_telephone_respondents_password'		=>	'PASSWORD',
-	'srv_telephone_respondents_status'			=>	'Status',
+	'srv_telephone_respondents_status'			=>	'Status klica',
 	'srv_telephone_respondents_ime'				=>	'Ime',
 	'srv_telephone_respondents_firstname'		=>	'FIRSTNAME',
 	'srv_telephone_respondents_lastname'		=>	'LASTNAME',
@@ -6395,7 +6395,7 @@ $lang = array (
 	'srv_telephone_respondents_email'			=>	'EMAIL',
 	'srv_telephone_respondents_schedule_call_time'	=>	'Naslednji klic',
 	'srv_telephone_respondents_comment'			=>	'Komentar',
-	'srv_telephone_respondents_schstatus'		=>	'Status',
+	'srv_telephone_respondents_schstatus'		=>	'Status klica',
 	'srv_telephone_respondents_date_inserted'	=>	'Dodan dne',
 	'srv_telephone_respondents_list_id'			=>	'Seznam',
 	'srv_telephone_respondents_usr_email'		=>	'Dodal',
@@ -6406,13 +6406,21 @@ $lang = array (
 	'srv_telephone_table_call_status'			=>	'Status klica',
 	'srv_telephone_status_'						=>	'Uporabnik še ni bil kontaktiran',
 	'srv_telephone_status_A'					=>	'»A« - Respondent je začel z anketiranjem',
+	'srv_telephone_status_A2'					=>	'Začel',
 	'srv_telephone_status_U'					=>	'»U« - Uspešno zaključena anketa',
+	'srv_telephone_status_U2'					=>	'Zaključen',
 	'srv_telephone_status_T'					=>	'»T« - Dogovorjen za drug termin',
+	'srv_telephone_status_T2'					=>	'Prestavljen',
 	'srv_telephone_status_P'					=>	'»P« - Anketa je bila prekinjena',
+	'srv_telephone_status_P2'					=>	'Prekinjen',
 	'srv_telephone_status_R'					=>	'»R« - Zavrnil',
+	'srv_telephone_status_R2'					=>	'Zavrnil',
 	'srv_telephone_status_Z'					=>	'»Z« - Zaseden',
+	'srv_telephone_status_Z2'					=>	'Zaseden',
 	'srv_telephone_status_N'					=>	'»N« - Nedosegljiv',
+	'srv_telephone_status_N2'					=>	'Nedosegljiv',
 	'srv_telephone_status_D'					=>	'»D« - Preložen',
+	'srv_telephone_status_D2'					=>	'Preložen',
 	'srv_telephone_add_sample' 					=> "000 111 222,Janez,Novak,<br/>000 333 444,,Novak",
 	'srv_telephone_call_start'				=>	'Začni s klicanjem',
 	'srv_telephone_call_available'				=>	'Prostih telefonskih številk na voljo:',
diff --git a/lang/2.php b/lang/2.php
index 633c82e99..8fb59bb7d 100644
--- a/lang/2.php
+++ b/lang/2.php
@@ -6282,14 +6282,14 @@ $lang = array (
 	'srv_telephone_respondents_custom'			=>	'CUSTOM',
 	'srv_telephone_respondents_phone'			=>	'PHONE',
 	'srv_telephone_respondents_email'			=>	'EMAIL',
-	'srv_telephone_respondents_status'			=>	'Status',
+	'srv_telephone_respondents_status'			=>	'Call status',
 	'srv_telephone_respondents_ime'				=>	'First name',
 	'srv_telephone_respondents_priimek'			=>	'Last name',
 	'srv_telephone_respondents_telefon'			=>	'Telephone number',
 	'srv_telephone_respondents_email'			=>	'Email',
 	'srv_telephone_respondents_schedule_call_time'	=>	'Next call',
 	'srv_telephone_respondents_comment'			=>	'Comment',
-	'srv_telephone_respondents_schstatus'		=>	'Status',
+	'srv_telephone_respondents_schstatus'		=>	'Call status',
 	'srv_telephone_respondents_date_inserted'	=>	'Added on',
 	'srv_telephone_respondents_list_id'			=>	'List',
 	'srv_telephone_respondents_usr_email'		=>	'Added by',
@@ -6300,13 +6300,21 @@ $lang = array (
 	'srv_telephone_table_call_status'			=>	'Call status',
 	'srv_telephone_status_'						=>	'This user has not been contacted.',
 	'srv_telephone_status_A'					=>	'»A« - Respondent began survey',
+	'srv_telephone_status_A2'					=>	'Started',
 	'srv_telephone_status_U'					=>	'»U« - Successfully finished survey',
+	'srv_telephone_status_U2'					=>	'Finished',
 	'srv_telephone_status_T'					=>	'»T« - Another appointment',
+	'srv_telephone_status_T2'					=>	'Rescheduled',
 	'srv_telephone_status_P'					=>	'»P« - The survey was interrupted',
-	'srv_telephone_status_R'					=>	'»R« - Reject',
+	'srv_telephone_status_P2'					=>	'Interrupted',
+	'srv_telephone_status_R'					=>	'»R« - Rejected',
+	'srv_telephone_status_R2'					=>	'Rejected',
 	'srv_telephone_status_Z'					=>	'»Z« - Busy',
+	'srv_telephone_status_Z2'					=>	'Busy',
 	'srv_telephone_status_N'					=>	'»N« - No answer - Offline',
+	'srv_telephone_status_N2'					=>	'»No answer',
 	'srv_telephone_status_D'					=>	'»D« - Delayed',
+	'srv_telephone_status_D2'					=>	'Delayed',
 	'srv_telephone_add_sample' 					=> 	"000 111 222,John,Smith<br/>000 333 444,,Smith,",
 	'srv_telephone_call_start'				=>	'Start calling',
 	'srv_telephone_call_available'				=>	'Number of available telephone numbers:',
diff --git a/public/css/admin_new.css b/public/css/admin_new.css
index c4a2e0eef..ad5e9e2f1 100644
--- a/public/css/admin_new.css
+++ b/public/css/admin_new.css
@@ -20319,6 +20319,7 @@ dl.arch_email dd {
 div.page_telephone div.phone_settings_top div#inv_top_navi {
   display: flex;
   flex-direction: row;
+  justify-content: space-between;
   margin-bottom: 42px;
 }
 div.page_telephone div.phone_settings_top div#inv_top_navi div.phn_step_nav {
@@ -20332,7 +20333,7 @@ div.page_telephone div.phone_settings_top div#inv_top_navi div.phn_step_nav div.
   cursor: pointer;
 }
 div.page_telephone div.phone_settings_top div#inv_top_navi div.phn_step_nav div.phn_step.menu {
-  color: #C4C4C4;
+  color: #777777;
 }
 div.page_telephone div.phone_settings_top div#inv_top_navi div.phn_step_nav div.phn_step.menu div.label:after {
   content: "";
@@ -20378,11 +20379,23 @@ div.page_telephone div.phone_settings_top div#inv_top_navi div.phn_step_nav div.
   color: inherit;
   text-decoration: none;
 }
-div.page_telephone div.phone_settings_top div#inv_top_navi div.phn_step_nav div.phn_step.settings {
-  margin-right: 32px;
+div.page_telephone div.phone_settings_top div#tel_settings_holder {
+  display: flex;
+  flex-direction: row;
+  gap: 32px;
+  color: #777777;
+}
+div.page_telephone div.phone_settings_top div#tel_settings_holder span.faicon {
+  margin-right: 8px;
+}
+div.page_telephone div.phone_settings_top div#tel_settings_holder div.phn_step_nav.active {
+  color: #1E88E5;
 }
 div.page_telephone h2 {
-  font-weight: 300;
+  font-weight: 700;
+  color: #1E88E5;
+  text-transform: uppercase;
+  font-size: 16px;
 }
 div.page_telephone div#inv_import {
   display: flex;
@@ -20467,11 +20480,17 @@ div.page_telephone div#inv_import fieldset#inv_import_list_container div.button_
 div.page_telephone div#inv_import fieldset#inv_import_list_container div.button_holder button:last-of-type {
   margin-right: 0;
 }
-div.page_telephone div#inv_rec_filter {
+div.page_telephone div#filter_wrap {
+  display: flex;
+  flex-direction: row;
+  gap: 16px;
+  align-items: center;
+}
+div.page_telephone div#filter_wrap div#inv_rec_filter {
   border: none;
   padding: 0;
 }
-div.page_telephone div#inv_rec_filter input {
+div.page_telephone div#filter_wrap div#inv_rec_filter input {
   margin: 0;
   height: 42px;
 }
@@ -20488,6 +20507,7 @@ div.page_telephone div#inv_bottom_edit {
 }
 div.page_telephone div#inv_bottom_edit a {
   text-decoration: none;
+  margin-right: 16px;
 }
 div.page_telephone table#phn_call_table td, div.page_telephone table#phn_call_table th {
   border: none;
@@ -20504,6 +20524,20 @@ div.page_telephone table#phn_call_table td:first-of-type, div.page_telephone tab
 div.page_telephone table#phn_call_table td:last-of-type, div.page_telephone table#phn_call_table th:last-of-type {
   padding-right: 0;
 }
+div.page_telephone table#phn_call_table td div.pregled_klicev, div.page_telephone table#phn_call_table th div.pregled_klicev {
+  display: flex;
+  flex-direction: column;
+  font-size: 14px;
+  width: 100%;
+}
+div.page_telephone table#phn_call_table td div.pregled_klicev div#top, div.page_telephone table#phn_call_table th div.pregled_klicev div#top {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+}
+div.page_telephone table#phn_call_table td div.pregled_klicev div#top div#status, div.page_telephone table#phn_call_table th div.pregled_klicev div#top div#status {
+  font-weight: 600;
+}
 div.page_telephone table#phn_call_table th {
   text-transform: uppercase;
   padding-bottom: 16px;
@@ -20520,6 +20554,19 @@ div.page_telephone div#phn_user_comment {
   border-radius: 2px;
   margin-top: 4px;
 }
+div.page_telephone div#tel_line_wrap {
+  display: flex;
+  flex-direction: row;
+  gap: 16px;
+  align-items: center;
+  margin-top: 32px;
+}
+div.page_telephone div#tel_line_wrap0 {
+  display: flex;
+  flex-direction: row;
+  gap: 16px;
+  align-items: center;
+}
 
 div.prevajanje_holder .section {
   margin: 0 16px 16px 16px;
diff --git a/resources/sass/admin_new/pages/survey_edit/telefonska_anketa.scss b/resources/sass/admin_new/pages/survey_edit/telefonska_anketa.scss
index 1c359c85a..40a0eb517 100644
--- a/resources/sass/admin_new/pages/survey_edit/telefonska_anketa.scss
+++ b/resources/sass/admin_new/pages/survey_edit/telefonska_anketa.scss
@@ -7,6 +7,7 @@ div.page_telephone {
 
             display: flex;
             flex-direction: row;
+            justify-content: space-between;
 
             margin-bottom: 42px;
 
@@ -25,7 +26,7 @@ div.page_telephone {
 
                     &.menu {
 
-                        color: $dark-gray;
+                        color: $very-dark-gray;
 
                         div.label {
 
@@ -89,17 +90,34 @@ div.page_telephone {
                         color: inherit;
                         text-decoration: none;
                     }
-                    
-                    &.settings {
-                        margin-right: 32px;
-                    }
+                }
+            }
+        }
+
+        div#tel_settings_holder {
+            display: flex;
+            flex-direction: row;
+            gap: 32px;
+
+            color: $very-dark-gray;
+
+            span.faicon {
+                margin-right: 8px;
+            }
+
+            div.phn_step_nav {
+                &.active {
+                    color: $blue;
                 }
             }
         }
     }
 
     h2 {
-        font-weight: $light;
+        font-weight: 700;
+        color: $blue;
+        text-transform: uppercase;
+        font-size: 16px;
     }
 
     //Dodaj
@@ -214,16 +232,23 @@ div.page_telephone {
 
     //Preglej
 
-    div#inv_rec_filter {
-        border: none;
-        padding: 0;
+    div#filter_wrap{
 
-        input {
-            margin: 0;
-            height: 42px;
+        display: flex;
+        flex-direction: row;
+        gap: 16px;
+        align-items: center;
+
+        div#inv_rec_filter {
+            border: none;
+            padding: 0;
+    
+            input {
+                margin: 0;
+                height: 42px;
+            }
         }
     }
-
     table {
         td {
             div.icons {
@@ -243,6 +268,7 @@ div.page_telephone {
 
         a {
             text-decoration: none;
+            margin-right: 16px;
         }
     }
 
@@ -265,6 +291,23 @@ div.page_telephone {
             &:last-of-type {
                 padding-right: 0;
             }
+
+            div.pregled_klicev {
+                display: flex;
+                flex-direction: column;
+                font-size: 14px;
+                width: 100%;
+                
+                div#top {
+                    display:flex;
+                    flex-direction: row;
+                    justify-content: space-between;
+
+                    div#status {
+                        font-weight: $semi-bold;
+                    }
+                }
+            }
         }
 
         th {
@@ -289,4 +332,21 @@ div.page_telephone {
         border-radius: 2px;
         margin-top: 4px;
     }
+
+    // Čakalna vrsta 
+    div#tel_line_wrap {
+        display: flex;
+        flex-direction: row;
+        gap: 16px;
+        align-items: center;
+
+        margin-top: 32px;
+    }
+
+    div#tel_line_wrap0 {
+        display: flex;
+        flex-direction: row;
+        gap: 16px;
+        align-items: center;
+    }
 }
\ No newline at end of file

From 258d4d105da154f09b0aaef0f05f24cae57a26b7 Mon Sep 17 00:00:00 2001
From: tejagerjovic <teja.gerjovic@fdv.uni-lj.si>
Date: Thu, 14 Apr 2022 06:40:17 +0200
Subject: [PATCH 5/6] [Redizajn 1KA] - Urejanje --> Nastavitve --> Telefonska
 anketa - v2 // nastavitve

---
 .../survey/classes/class.SurveyTelephone.php  | 75 ++++++++++++-------
 lang/1.php                                    | 74 +++++++++---------
 lang/2.php                                    |  4 +-
 public/css/admin_new.css                      | 13 ++++
 .../admin_new/components/table/table.scss     |  2 +-
 .../pages/survey_edit/telefonska_anketa.scss  | 21 ++++++
 6 files changed, 124 insertions(+), 65 deletions(-)

diff --git a/admin/survey/classes/class.SurveyTelephone.php b/admin/survey/classes/class.SurveyTelephone.php
index 2c4161bde..2acc9956f 100644
--- a/admin/survey/classes/class.SurveyTelephone.php
+++ b/admin/survey/classes/class.SurveyTelephone.php
@@ -809,6 +809,7 @@ class SurveyTelephone {
 					echo '<div class="phn_step_nav'.$active_step[6].'">';
 					echo '<div class="phn_step settings">';
 					echo '<a href="'.$this->addUrl('calling_list').'">';
+					echo '<span class="faicon fa-address-book"></span>';
 					echo '<span class="label">'.$lang['srv_telephone_navi_waiting_list'].'</span>';
 					echo '</a>';
 					echo '</div>';
@@ -822,6 +823,7 @@ class SurveyTelephone {
 				echo '<div class="phn_step_nav'.$active_step[5].'">';
 				echo '<div class="phn_step settings">';
 				echo '<a href="'.$this->addUrl('settings').'">';
+				echo '<span class="faicon fa-cog"></span>';
 				echo '<span class="label">'.$lang['srv_telephone_navi_settings'].'</span>';
 				echo '</a>';
 				echo '</div>';
@@ -830,6 +832,7 @@ class SurveyTelephone {
 				echo '<div class="phn_step_nav'.$active_step[1].'">';
 				echo '<div class="phn_step settings">';
 				echo '<a href="'.$this->addUrl('dashboard').'">';
+				echo '<span class="faicon fa-chart-line"></span>';
 				echo '<span class="label">'.$lang['srv_telephone_navi_dashboard'].'</span>';
 				echo '</a>';
 				echo '</div>';
@@ -1823,30 +1826,52 @@ class SurveyTelephone {
 	function settings() {
 		global $lang, $site_url;
         
-		echo '<fieldset><legend>'.$lang['settings'].'</legend>';
+		echo '<fieldset id="tel_setting"><legend>'.$lang['settings'].'</legend>';
 		
         echo '<form id="phn_settings" method="post">';
-        echo '<p>'.$lang['srv_call_settings_z'].' <input type="text" name="status_z" value="'.$this->status_z.'" style="width:20px" /> '.$lang['srv_call_settings_min'].'</p>';
-        echo '<p>'.$lang['srv_call_settings_n'].' <input type="text" name="status_n" value="'.$this->status_n.'" style="width:20px" /> '.$lang['srv_call_settings_min'].'</p>';
-        echo '<p>'.$lang['srv_call_settings_d'].' <input type="text" name="status_d" value="'.$this->status_d.'" style="width:20px" /> '.$lang['srv_call_settings_min'].'</p>';
-        echo '<p>'.$lang['srv_call_settings_max'].' <input type="text" name="max_calls" value="'.$this->max_calls.'" style="width:20px" /> '.$lang['srv_call_settings_calls'].'</p>';
+
+		echo '<div class="set_horizontal">';
+		echo $lang['srv_call_settings_z'];
+		echo '<input type="text" class="text medium" name="status_z" value="'.$this->status_z.'"/>';
+		echo $lang['srv_call_settings_min'];
+		echo '</div>';
+		echo '<div class="set_horizontal">';
+		echo $lang['srv_call_settings_n'];
+		echo '<input type="text" class="text medium" name="status_n" value="'.$this->status_n.'"/>';
+		echo $lang['srv_call_settings_min'];
+		echo '</div>';
+		echo '<div class="set_horizontal">';
+		echo $lang['srv_call_settings_d'];
+		echo '<input type="text" class="text medium" name="status_d" value="'.$this->status_d.'"/>';
+		echo $lang['srv_call_settings_min'];
+		echo '</div>';
+		echo '<div class="set_horizontal">';
+		echo $lang['srv_call_settings_max'];
+		echo '<input type="text" class="text medium" name="max_calls" value="'.$this->max_calls.'"/>';
+		echo $lang['srv_call_settings_min'];
+		echo '</div>';
 		
 		// Vrstni red klicanja
-        echo '<p>';
-		echo $lang['srv_call_settings_call_order'].': <select name="call_order">';
+		echo '<div class="setting_holder">';
+		echo $lang['srv_call_settings_call_order'].':';
+		echo '<select name="call_order" class="dropdown medium">';
 		echo '<option value="0" '.($this->call_order==0 ? ' selected="selected"' : '').'>'.$lang['srv_call_settings_call_order_0'].'</option>';
 		echo '<option value="1" '.($this->call_order==1 ? ' selected="selected"' : '').'>'.$lang['srv_call_settings_call_order_1'].'</option>';
 		echo '<option value="2" '.($this->call_order==2 ? ' selected="selected"' : '').'>'.$lang['srv_call_settings_call_order_2'].'</option>';
 		echo '<option value="3" '.($this->call_order==3 ? ' selected="selected"' : '').'>'.$lang['srv_call_settings_call_order_3'].'</option>';
 		echo '</select>';
-		echo '</p>';
-		
+		echo '</div>';
+
         #$str = "SELECT sd.uid, u.name, u.surname, u.email FROM srv_dostop AS sd LEFT JOIN users AS u ON sd.uid = u.id  WHERE sd.ank_id ='$this->sid' AND FIND_IN_SET('phone',sd.dostop )>0";
         #polovimo vse userje ki imajo dostop
-        echo '<p>';
-        echo $lang['srv_telephone_settings_access_list'];
+
+
+		echo '<div class="setting_holder">';
+		echo '<p class="setting_title">';
+		echo $lang['srv_telephone_settings_access_list'];
         printf ($lang['srv_telephone_settings_access_list_link'],$site_url . 'admin/survey/index.php?anketa='.$this->sid.'&amp;a='.A_DOSTOP);
-        echo '<table style="margin-left:20px;"><tr><th>Anketar</th><th class="anl_al">Ime, priimek, email</th></tr>';
+		echo '</p>';
+        
         $str = "SELECT sd.uid,FIND_IN_SET('phone',sd.dostop ) AS anketar, u.name, u.surname, u.email FROM srv_dostop AS sd LEFT JOIN users AS u ON sd.uid = u.id WHERE sd.ank_id ='$this->sid'";
         $qry = sisplet_query($str);
         while ($sql_row = mysqli_fetch_assoc($qry)) {
@@ -1860,24 +1885,24 @@ class SurveyTelephone {
         	if (trim($sql_row['email'])) {
         		$avtor[] = iconv("iso-8859-2", "utf-8",'<span class="gray">('.trim ($sql_row['email']).')</span>');
         	}
-        
-        	echo '<tr><td>';
-        	echo '<input name="dostop['.$sql_row['uid'].']" type="checkbox"'.($sql_row['anketar']>0?' checked="checked"':'').'>';
-        	echo '</td><td>';
-        	if ( count($avtor) > 0 ) {
-        		echo implode(', ',$avtor);
+
+			if ( count($avtor) > 0 ) {
+        		$label = implode(', ',$avtor);
         	}
-        	echo '</td></tr>';
+
+			echo '<div class="setting_item">';
+        	echo '<input name="dostop['.$sql_row['uid'].']" id="dostop['.$sql_row['uid'].']" type="checkbox"'.($sql_row['anketar']>0?' checked="checked"':'').'>';
+			echo '<label for="dostop['.$sql_row['uid'].']">'.$label.'</label>';
+			echo '</div>';
+
+			echo '</div>';
         }
-        echo '</table>';
-        echo '</p>';
-        echo '<span class="buttonwrapper floatLeft"><a class="ovalbutton ovalbutton_orange"  href="#" onclick="phn_settings_save(); return false;">'.$lang['srv_telephone_settings_save'].'</a></span>';
         echo '</form>';
-		echo '<br /><br />';
 		
 		echo '</fieldset>';
-		
-		echo '<div id="success_save" style="display:none;">'.$lang['srv_success_save'].'</div>';
+		echo '<div class="button_holder">';
+		echo '<button class="medium blue" onclick="phn_settings_save(); return false;">'.$lang['srv_telephone_settings_save'].'</button>';
+		echo '</div>';
 	}
 	
 	function settingsSave() {
diff --git a/lang/1.php b/lang/1.php
index 0b3b0ac57..4d72ee818 100644
--- a/lang/1.php
+++ b/lang/1.php
@@ -2327,7 +2327,7 @@ $lang = array (
     "srv_email_server_settings_warning"			=>	 "Opozorilo! Iste nastavitve poštnega strežnika se upoštevajo pri obveščanju in pri pošiljanju email vabil!",
     "srv_massinsert"        =>	 "Masovni vnos",
     "srv_massdelete"        =>	 "Pobri&#154;i vse vnose",
-    "srv_masstxt"           =>	 "Respondente dodajajte po enega v vrstico. Stolpce lo&#269;ite z vejico, v enakem vrstnem redu kot so prikazani spodaj v odebeljenem tisku.<br /><br />Primeri:<br />janez.novak@example.com,Janez Novak<br />janez.novak@example.com<br />Janez Novak,M,Ljubljana",
+    "srv_masstxt"           =>	 "Respondente dodajajte po enega v vrstico. Stolpce ločite z vejico, v enakem vrstnem redu kot so prikazani spodaj v odebeljenem tisku.<br /><br />Primeri:<br />janez.novak@example.com,Janez Novak<br />janez.novak@example.com<br />Janez Novak,M,Ljubljana",
     "srv_basecode"          =>	 "Vnesite svojo kodo",
     "srv_usermails"         =>	 "Po&#154;iljanje e-po&#154;te",
     "srv_usermailing_setting"    =>	 "Nastavitve e-po&#154;te",
@@ -2340,7 +2340,7 @@ $lang = array (
     "srv_crosstabs"         =>	 "Tabele",
 	"srv_multicrosstabs"    =>	 "Multitabele",
     "srv_means"				=>	 "Povprečja",
-    "srv_average" 	        =>	 "Povpre&#269;ja",
+    "srv_average" 	        =>	 "Povprečja",
     "srv_statistics" 		=>	 "Osnovni pregled",
 	"srv_statistics_edit" 	=>	 "Uvodni tekst h rezultatom",
     "srv_zapri"             =>	 "Zapri",
@@ -2349,11 +2349,11 @@ $lang = array (
     "srv_create_new"        =>	 "Kreiraj",
 	"srv_create_survey"     =>	 "Ustvari Anketo",
     "srv_zapri_novo"        =>	 "Zapri in dodaj novo vpra&#154;anje",
-    "srv_timer_on"          =>	 "Timer je vklju&#269;en",
+    "srv_timer_on"          =>	 "Timer je vključen",
     "srv_timer_on_time"		=>	 "Timer: ",
-    "srv_timer_off"         =>	 "Timer je izklju&#269;en",
-	"srv_timer_on2"			=>	 "Vklju&#269;en",
-    "srv_timer_off2"		=>	 "Izklju&#269;en",
+    "srv_timer_off"         =>	 "Timer je izključen",
+	"srv_timer_on2"			=>	 "Vključen",
+    "srv_timer_off2"		=>	 "Izključen",
     "srv_seconds"           =>	 "sec",
     "srv_minutes"           =>	 "min",
 	"srv_sistemska"         =>	 "Sistemska spremenljivka",
@@ -2413,7 +2413,7 @@ $lang = array (
     "srv_library_add_to_lib_success_err"    =>	 "Prišlo je do napake pri dodajanju v knjižnico!",
     "srv_nadzor"            =>	 "Nadzor",
     "srv_knjiznica_add"     =>	 "&#268;e &#382;elite dodati spremenljivko v knji&#382;nico, jo povlecite v to polje",
-    "srv_knjiznica_copy"    =>	 "&#268;e &#382;elite kopirati vpra&#154;anje, ga ozna&#269;ite z ikono COPY",
+    "srv_knjiznica_copy"    =>	 "&#268;e &#382;elite kopirati vpra&#154;anje, ga označite z ikono COPY",
     "srv_deleteall"         =>	 "Izbri&#154;i vse vnose",
     "srv_expand"            =>	 "Odpri vse",
     "srv_collapse"          =>	 "Zapri vse",
@@ -2436,7 +2436,7 @@ $lang = array (
     "srv_moja_vprasanja"    =>	 "Moja vprasanja",
     "srv_ankete"            =>	 "Ankete",
     "srv_moje_ankete"       =>	 "Moje ankete",
-    "srv_prestevilci"       =>	 "Pre&#154;tevil&#269;i",
+    "srv_prestevilci"       =>	 "Pre&#154;tevilči",
     "srv_ank_lib_on"        =>	 "Dodaj anketo v javno knjižnico",
     "srv_ank_lib_off"        =>	 "Odstrani anketo iz javne knji&#382;nice",
     "srv_ank_mylib_on"        =>	 "Dodaj anketo v mojo knjižnico",
@@ -2456,11 +2456,11 @@ $lang = array (
     "srv_1cs"          			=>	"1KA",
     "srv_no_library"        =>	 "brez predloge",
     "srv_cookie_return"        =>	 "Ko se uporabnik vrne",
-    "srv_cookie_return_start"       =>	 "Za&#269;ne od za&#269;etka",
+    "srv_cookie_return_start"       =>	 "Začne od začetka",
     "srv_cookie_return_middle"      =>	 "Nadaljuje na strani, kjer je ostal",
-    "srv_return_finished"        	=>	 "Uporabnik, ki je zaklju&#269;il anketo",
+    "srv_return_finished"        	=>	 "Uporabnik, ki je zaključil anketo",
     "srv_return_finished_yes"       =>	 "Lahko kasneje ureja svoje odgovore",
-    "srv_return_finished_no"        =>	 "Ne more ve&#269; urejati svojih odgovorov",
+    "srv_return_finished_no"        =>	 "Ne more več urejati svojih odgovorov",
     "srv_subsequent_answers"        =>	 "Uporabnik med izpolnjevanjem",
     "srv_subsequent_answers_no"     =>	 "Ne more naknadno urejati svojih odgovorov",
     "srv_subsequent_answers_yes"    =>	 "Lahko naknadno ureja svoje odgovore",
@@ -2481,25 +2481,25 @@ $lang = array (
     "srv_move"              =>	 "Premakni",
     "srv_call_start"        =>	 "Začni s klicanjem",
     "srv_call_next"        =>	 "Naslednja telefonska &#154;tevilka",
-    "srv_call_nonumber"        =>	 "Trenutno ni ve&#269; prostih telefonskih &#154;tevilk.",
-    "srv_call_call"        	=>	 "Kli&#269;i",
+    "srv_call_nonumber"        =>	 "Trenutno ni več prostih telefonskih &#154;tevilk.",
+    "srv_call_call"        	=>	 "Kliči",
     "srv_call_open"        	=>	 "Odpri anketo in začni",
     "srv_call_open_startCall"	=>	 "»A« Začnimo z anketiranjem - ",
     "srv_call_history"      =>	 "Zgodovina klicev",
-    "srv_call_calling"      =>	 "Kli&#269;em",
+    "srv_call_calling"      =>	 "Kličem",
     "srv_call_unsuccessful"	=>	 "Neuspeli izidi",
-    "srv_call_successful"	=>	 "»U« - Uspe&#154;no kon&#269;ano",
-    "srv_call_successful2"	=>	 "»U« - Uspe&#154;no zaklju&#269;ena anketa, pojdi na naslednji klic",
+    "srv_call_successful"	=>	 "»U« - Uspe&#154;no končano",
+    "srv_call_successful2"	=>	 "»U« - Uspe&#154;no zaključena anketa, pojdi na naslednji klic",
     "srv_call_zaseden"		=>	 "»Z« - Zaseden",
     "srv_call_ga_ni"		=>	 "»N« - Nedosegljiv",
     "srv_call_zavrnil"		=>	 "»R« - Zavrnil",
     "srv_call_zmenjen"		=>	 "»T« - Zmenjen",
     "srv_call_prekinjen"	=>	 "»P« - Prekinjen",
     "srv_call_prelozen"		=>	 "»D« - Preložen",
-    "srv_call_cancel"		=>	 "Prekli&#269;i klic",
-    "srv_call_settings_z" 	=>	 "&#268;e je status \"Z\" (Zaseden) kli&#269;i &#269;ez",
-    "srv_call_settings_n"	=>	 "&#268;e je status \"N\" (Nedosegljiv) kli&#269;i &#269;ez",
-    "srv_call_settings_d"	=>	 "&#268;e je status \"D\" (Preložen) kli&#269;i &#269;ez",
+    "srv_call_cancel"		=>	 "Prekliči klic",
+    "srv_call_settings_z" 	=>	 "Če je status \"Z\" (Zaseden) kliči čez",
+    "srv_call_settings_n"	=>	 "Če je status \"N\" (Nedosegljiv) kliči čez",
+    "srv_call_settings_d"	=>	 "Če je status \"D\" (Preložen) kliči čez",
     "srv_call_settings_min"	=>	 "minut",
     "srv_call_settings_max"	=>	 " Maksimalno",
     "srv_call_settings_calls"	=>	 "klicev",
@@ -2509,34 +2509,34 @@ $lang = array (
 	"srv_call_settings_call_order_2"	=>	 "A-Z",
 	"srv_call_settings_call_order_3"	=>	 "Z-A",
     "srv_call_nextcall"						=>	 "Naslednji klic",
-    "srv_call_nonumbers"					=>	 "Ni ve&#269; &#154;tevilk v bazi!",
+    "srv_call_nonumbers"					=>	 "Ni več &#154;tevilk v bazi!",
     "srv_call_nonumbers_time"				=>	 "Naslednji klic mogoč ob:",
     "srv_call"								=>	 "Klic",
     "srv_survey_repsonse_limit"   			=>	 "Anketa ima preseženo število odgvorov.",
-    "srv_survey_non_active"        			=>	 "Anketa je zaklju&#269;ena.",
+    "srv_survey_non_active"        			=>	 "Anketa je zaključena.",
     "srv_survey_non_active1"        			=>	 "Anketa je zaključena.",
     "srv_survey_deleted"        			=>	 "Anketa je izbrisana.",
     "srv_survey_non_active_notActivated"	=>	 "Anketa &#353;e ni bila aktivirana.",
 	"srv_survey_non_active_notActivated1"	=>	 "Anketa še ni bila aktivirana.",
-    "srv_survey_non_active_notStarted"		=>	 "Anketa &#353;e ni aktivna. Za&#269;ne se dne: ",
+    "srv_survey_non_active_notStarted"		=>	 "Anketa &#353;e ni aktivna. Začne se dne: ",
     "srv_survey_non_active_notStarted1"		=>	 "Anketa še ni aktivna. Začne se dne: ",
-    "srv_survey_non_active_expired"			=>	 "Anketa ve&#269; ni aktivna. Kon&#269;ala se je dne: ",
+    "srv_survey_non_active_expired"			=>	 "Anketa več ni aktivna. Končala se je dne: ",
     "srv_survey_non_active_expired1"			=>	 "Anketa več ni aktivna. Končala se je dne: ",
-	"srv_starts"        					=>	 "Datum za&#269;etka ankete",
+	"srv_starts"        					=>	 "Datum začetka ankete",
 	"srv_expire"        					=>	 "Datum zaključka ankete",
 	"srv_vote_limit"						=>	 "Omejitev &#154;tevila odgovorov",
 	"srv_vote_quotas"						=>	 "Kvote (omejitev &#154;tevila odgovorov)",
 	"srv_vote_quotas_2"						=>	 "Kvote",
-	"srv_vote_count"						=>	 "Najve&#269;je &#154;tevilo odgovorov",
-	"srv_survey_non_active_voteLimit"  		=>	 "Anketa ni ve&#269; aktivna, ker jo je izpolnilo dolo&#269;eno &#353;tevilo respondentov.",
+	"srv_vote_count"						=>	 "Največje &#154;tevilo odgovorov",
+	"srv_survey_non_active_voteLimit"  		=>	 "Anketa ni več aktivna, ker jo je izpolnilo določeno &#353;tevilo respondentov.",
 	"srv_survey_voteLimit_warning"  		=>	 "V primeru dosežene omejitve števila odgovorov se respondentu izpiše obvestilo",
     "srv_mailing"        		=>	 "E-po&#154;to po&#154;lji",
     "srv_mailing_all"        	=>	 "Vsem",
     "srv_mailing_nonrsp"        =>	 "Tistim, ki &#154;e niso odgovorili na anketo",
     "srv_mailing_rsp"        	=>	 "Tistim, ki so &#382;e odgovorili na anketo",
     "srv_mailing_all_with_status"	=>	"Vsem ki imajo status",
-    "srv_mailing_add_help"      =>	 "<p><ul><li>V razdelku \"Spremenljivke\" izberite &#382;eljene spremenljivke. Izbrane spremenljivke bodo dodane na konec ankete kot sistemske spremenljivke.</li><li>V razdelku \"Respondenti\" dodajajte respondente po enega v vrstico.<br/>Stolpce lo&#269;ite z vejico, v enakem vrstnem redu kot so navedeni zgoraj (Spremenljivke).<br /><br />Primer:<div style=\"padding-left:30px;\">Spremenljivke: <i>email,ime</i></div><div style=\"padding-left:30px;\">Respondenti: <i>janez.novak@example.com,Janez Novak</i></div></li><br/><li>Lahko pa respondente prenesete iz tekstovne datoteke. S pomo&#269;jo spodnjega okna za prenos.</li></ul></p>",
-    #"srv_mailing_set_help"      =>	 "<p>Za po&#154;iljanje e-po&#154;te mora biti dodana sistemska spremenljivka <strong>email</strong>!</p><br /><ul><li>Za vstavljanje povezave na url ankete vpi&#154;ite <strong>#URL#</strong> v besedilo.</li><li>Za izpis kode anketiranca vpi&#154;ite <strong>#CODE#</strong> v besedilo.</li><li>Za povezavo na odjavo iz mailing liste, dodajte <strong>#UNSUBSCRIBE#</strong></li><li>Za izpis anketiran&#269;eve vrednosti na drugi spremenljivki ali sistemski spremenljivki iz ankete, vnesite ime spremenljivke med znaka <strong>#</strong>. <br/><div style=\"margin-left:20px;\"><i>Primer: za izpis anketiran&#269;evega e-po&#353;tnega naslova vpi&#154;ite v besedilo <strong>#EMAIL#</strong>. </i></div></li></ul><strong>Sistemske spremenljivke, ki so na voljo:<br/></strong></p>",
+    "srv_mailing_add_help"      =>	 "<p><ul><li>V razdelku \"Spremenljivke\" izberite &#382;eljene spremenljivke. Izbrane spremenljivke bodo dodane na konec ankete kot sistemske spremenljivke.</li><li>V razdelku \"Respondenti\" dodajajte respondente po enega v vrstico.<br/>Stolpce ločite z vejico, v enakem vrstnem redu kot so navedeni zgoraj (Spremenljivke).<br /><br />Primer:<div style=\"padding-left:30px;\">Spremenljivke: <i>email,ime</i></div><div style=\"padding-left:30px;\">Respondenti: <i>janez.novak@example.com,Janez Novak</i></div></li><br/><li>Lahko pa respondente prenesete iz tekstovne datoteke. S pomočjo spodnjega okna za prenos.</li></ul></p>",
+    #"srv_mailing_set_help"      =>	 "<p>Za po&#154;iljanje e-po&#154;te mora biti dodana sistemska spremenljivka <strong>email</strong>!</p><br /><ul><li>Za vstavljanje povezave na url ankete vpi&#154;ite <strong>#URL#</strong> v besedilo.</li><li>Za izpis kode anketiranca vpi&#154;ite <strong>#CODE#</strong> v besedilo.</li><li>Za povezavo na odjavo iz mailing liste, dodajte <strong>#UNSUBSCRIBE#</strong></li><li>Za izpis anketirančeve vrednosti na drugi spremenljivki ali sistemski spremenljivki iz ankete, vnesite ime spremenljivke med znaka <strong>#</strong>. <br/><div style=\"margin-left:20px;\"><i>Primer: za izpis anketirančevega e-po&#353;tnega naslova vpi&#154;ite v besedilo <strong>#EMAIL#</strong>. </i></div></li></ul><strong>Sistemske spremenljivke, ki so na voljo:<br/></strong></p>",
     "srv_mailing_upload_list"   =>	 "Naloži seznam respondentov iz datoteke",
     "srv_ub_added"        		=>	 "Dodan v bazo",
     "srv_ub_addedby"        	=>	 "Dodal v bazo",
@@ -2563,7 +2563,7 @@ $lang = array (
     "srv_userstatus_total"		=> "Vsi statusi",
     "srv_userstatus_appropriate"=> "Ustrezni",
     "srv_userstatus_inappropriate"=> "Neustrezni",
-    "srv_edithelp"           	=>	 "Urejanje oken s pomo&#269;jo",
+    "srv_edithelp"           	=>	 "Urejanje oken s pomočjo",
     "srv_tracking"           	=>	 "Prika&#382;i spremembe ankete",
     "srv_diagnostics"           =>	 "Aktivnost",
     "srv_sar"           		=>	 "Strežnik",
@@ -2572,12 +2572,12 @@ $lang = array (
     "srv_editcalculation_missing"	=>	 "Neodgovor upoštevaj kot vrednost 0",
     "srv_edit_quota"       		=>	 "Uredi kvoto",
     "cats_for_r_db_ttl"			=>	"Prikazani filtri v r-bazi",
-	"FinancialSite"				=>	"Finan&#269;no spletno mesto",
+	"FinancialSite"				=>	"Finančno spletno mesto",
 	"whatsthis"					=>	"Kaj je to?",
-	"aboutOneClick"			=>	"OneClick Upload vam omogo&#269;a, da z enostavno operacijo povleci-spusti ali kopiraj-prilepi va&#154;emu sporo&#269;ilu dodate poljubno &#154;tevilo prilog iz va&#154;ega trdega diska ali USB klju&#269;ka.<br />Deluje v vseh operacijskih sistemih, v Microsoftovih oknih pa je potrebno za njegovo delovanje nalo&#382;iti mali dodatek, ki ga lahko <a href=\"http://www.sisplet.org/uploadi/editor/1162159255OneClick.zip\">dobite tukaj</a>.<br /><br /> Ve&#154; o OneClick uploadu si lahko <a href=\"http://www.sisplet.org/index.php?fl=1&nt=3&sid=7\">preberete tukaj.</a>",
-	"create_thread"			=>	"Iz tega sporo&#269;ila kreiraj novo temo",
-	"create_thread_q"		=>	"Ali ste prepri&#269;ani, da &#382;elite iz tega sporo&#269;ila ustvariti novo temo?",
-	"delete_project"		=>	"Ali ste prepri&#269;ani, da &#382;elite trajno izbrisati ta projekt?",
+	"aboutOneClick"			=>	"OneClick Upload vam omogoča, da z enostavno operacijo povleci-spusti ali kopiraj-prilepi va&#154;emu sporočilu dodate poljubno &#154;tevilo prilog iz va&#154;ega trdega diska ali USB ključka.<br />Deluje v vseh operacijskih sistemih, v Microsoftovih oknih pa je potrebno za njegovo delovanje nalo&#382;iti mali dodatek, ki ga lahko <a href=\"http://www.sisplet.org/uploadi/editor/1162159255OneClick.zip\">dobite tukaj</a>.<br /><br /> Ve&#154; o OneClick uploadu si lahko <a href=\"http://www.sisplet.org/index.php?fl=1&nt=3&sid=7\">preberete tukaj.</a>",
+	"create_thread"			=>	"Iz tega sporočila kreiraj novo temo",
+	"create_thread_q"		=>	"Ali ste prepričani, da &#382;elite iz tega sporočila ustvariti novo temo?",
+	"delete_project"		=>	"Ali ste prepričani, da &#382;elite trajno izbrisati ta projekt?",
     "SurveyDostop"            =>    "Ankete lahko urejajo",
 	"SurveyForum"			=>	"Forum za komentiranje anket",
     "SurveyCookie"            =>	   "Privzeto shranjevanje pi&#154;kotka",
@@ -6440,8 +6440,8 @@ $lang = array (
 	'srv_telephone_call_action_undo_status'		=>	'Pobriši zadnji status respondenta',
 	'srv_telephone_call_introduction'			=>	'Uvod',
 	'srv_telephone_call_comment'				=>	'Komentar anketarja na klic:',
-	'srv_telephone_settings_access_list'		=>	'Seznam anketarjev in urednikov z dostopom:',
-	'srv_telephone_settings_access_list_link'	=>	' (podrobno lahko urednike urejate <a href="%s">tukaj</a>)',
+	'srv_telephone_settings_access_list'		=>	'Seznam anketarjev in urednikov z dostopom',
+	'srv_telephone_settings_access_list_link'	=>	' (podrobno lahko urednike urejate <a href="%s">tukaj</a>):',
 	'srv_telephone_no_respondents'				=>	'V bazi nimate respondentov s telefonskimi številkami.',
 	'srv_telephone_dashboard_legend'			=>	'Sumarni pregled telefonske ankete:',
 	'srv_telephone_dashboard_legend_finished'	=>	'Sumarni pregled zaključenih anket:',
diff --git a/lang/2.php b/lang/2.php
index 8fb59bb7d..e4c7debd4 100644
--- a/lang/2.php
+++ b/lang/2.php
@@ -6334,8 +6334,8 @@ $lang = array (
 	'srv_telephone_call_action_undo_status'		=>	'Undo last respondent status',
 	'srv_telephone_call_introduction'			=>	'Introduction',
 	'srv_telephone_call_comment'				=>	'Any comment for this call:',
-	'srv_telephone_settings_access_list'		=>	'List of interviewers and editors with access to the survey:',
-	'srv_telephone_settings_access_list_link'	=>	' (for detailed editing of editors click <a href="%s">here</a>)',
+	'srv_telephone_settings_access_list'		=>	'List of interviewers and editors with access to the survey',
+	'srv_telephone_settings_access_list_link'	=>	' (for detailed editing of editors click <a href="%s">here</a>):',
 	'srv_telephone_no_respondents'				=>	'There are no respondents with telephone numbers in your database.',
 	'srv_telephone_dashboard_legend'			=>	'Phone survey status:',
 	'srv_telephone_dashboard_legend_finished'	=>	'Summary of finished phone surveys:',
diff --git a/public/css/admin_new.css b/public/css/admin_new.css
index ad5e9e2f1..b7d968052 100644
--- a/public/css/admin_new.css
+++ b/public/css/admin_new.css
@@ -20567,6 +20567,19 @@ div.page_telephone div#tel_line_wrap0 {
   gap: 16px;
   align-items: center;
 }
+div.page_telephone fieldset#tel_setting div.set_horizontal {
+  display: flex;
+  flex-direction: row;
+  gap: 8px;
+  align-items: center;
+  margin-bottom: 16px;
+}
+div.page_telephone fieldset#tel_setting div.set_horizontal input {
+  width: 40px;
+}
+div.page_telephone fieldset#tel_setting select {
+  width: 100px;
+}
 
 div.prevajanje_holder .section {
   margin: 0 16px 16px 16px;
diff --git a/resources/sass/admin_new/components/table/table.scss b/resources/sass/admin_new/components/table/table.scss
index b8970e6ba..1762df436 100644
--- a/resources/sass/admin_new/components/table/table.scss
+++ b/resources/sass/admin_new/components/table/table.scss
@@ -82,6 +82,6 @@ div {
         border-collapse: collapse;
         white-space: nowrap;
         margin: 0px;
-      }
+    }
   }
 }
\ No newline at end of file
diff --git a/resources/sass/admin_new/pages/survey_edit/telefonska_anketa.scss b/resources/sass/admin_new/pages/survey_edit/telefonska_anketa.scss
index 40a0eb517..0b46f9ead 100644
--- a/resources/sass/admin_new/pages/survey_edit/telefonska_anketa.scss
+++ b/resources/sass/admin_new/pages/survey_edit/telefonska_anketa.scss
@@ -349,4 +349,25 @@ div.page_telephone {
         gap: 16px;
         align-items: center;
     }
+    
+    //Nastavitve
+
+    fieldset#tel_setting {
+        div.set_horizontal {
+            display: flex;
+            flex-direction: row;
+            gap: 8px;
+            align-items: center;
+
+            margin-bottom: 16px;
+
+            input {
+                width: 40px;
+            }
+        }
+
+        select {
+        width: 100px;
+        }
+    }
 }
\ No newline at end of file

From 21d84ad34e6aa06fdf0378e46ebc573163a52c53 Mon Sep 17 00:00:00 2001
From: tejagerjovic <teja.gerjovic@fdv.uni-lj.si>
Date: Thu, 14 Apr 2022 06:53:12 +0200
Subject: [PATCH 6/6] [Redizajn 1KA] - Urejanje --> Nastavitve --> Telefonska
 anketa - v2 // analiza

---
 .../survey/classes/class.SurveyTelephone.php  | 16 ++++++++++-----
 lang/1.php                                    |  3 ++-
 lang/2.php                                    |  3 ++-
 public/css/admin_new.css                      | 14 +++++++++++++
 .../pages/survey_edit/telefonska_anketa.scss  | 20 +++++++++++++++++++
 5 files changed, 49 insertions(+), 7 deletions(-)

diff --git a/admin/survey/classes/class.SurveyTelephone.php b/admin/survey/classes/class.SurveyTelephone.php
index 2acc9956f..8fc44ecd7 100644
--- a/admin/survey/classes/class.SurveyTelephone.php
+++ b/admin/survey/classes/class.SurveyTelephone.php
@@ -205,9 +205,18 @@ class SurveyTelephone {
 			$date_to = '';
 			if(isset($_GET['date_to']))
 				$date_to = strtotime($_GET['date_to']);
+
+			echo '<div class="set_horizontal">';
+			
+			echo $lang['s_from'].':';
+			echo '<input type="text" class="text small" name="tel_dash_dateFrom" id="tel_dash_dateFrom" value="'.($date_from == '' ? $date_from : date('d.m.Y', $date_from)).'">';
+			echo $lang['s_to'].':';
+			echo '<input type="text" class="text small" name="tel_dash_dateTo" id="tel_dash_dateTo" value="'.($date_to == '' ? $date_to : date('d.m.Y', $date_to)).'">';
+			
+			echo '<a href="'.$site_url.'/admin/survey/index.php?anketa='.$this->sid.'&amp;a='.A_TELEPHONE.'&m=dashboard">'.$lang['srv_telephone_dashboard_legend_datum'].'</a>';	
+			
+			echo '</div>';
 			
-			echo '<span class="spaceRight">'.$lang['s_from'].': <input type="text" name="tel_dash_dateFrom" id="tel_dash_dateFrom" value="'.($date_from == '' ? $date_from : date('d.m.Y', $date_from)).'" style="width:70px" ></span>';
-			echo '<span class="spaceLeft spaceRight">'.$lang['s_to'].': <input type="text" name="tel_dash_dateTo" id="tel_dash_dateTo" value="'.($date_to == '' ? $date_to : date('d.m.Y', $date_to)).'" style="width:70px" ></span>';
 			echo '<script type="text/javascript">';
 			echo '$(document).ready(function() {' .
 					'  $("#tel_dash_dateFrom, #tel_dash_dateTo").datepicker({
@@ -225,7 +234,6 @@ class SurveyTelephone {
 						});' .
 					'});';
 			echo '</script>';		
-			echo '<span class="spaceLeft"><a href="'.$site_url.'/admin/survey/index.php?anketa='.$this->sid.'&amp;a='.A_TELEPHONE.'&m=dashboard">'.$lang['srv_clear'].'</a></span>';	
 			
 			echo '</div>';
 			
@@ -410,7 +418,6 @@ class SurveyTelephone {
 				echo '<td class="">'.Common::formatNumberSimple(((int)$recipients_by_status['contacted'] > 0 ? (int)$recipients_by_status['finished']*100/(int)$recipients_by_status['contacted'] : 0),0,'%').'</td>';
 				echo '</tr>';
 				echo '</table>';
-				echo '<br>';
 				echo '</div>';
 				echo '</fieldset>';
 			}
@@ -440,7 +447,6 @@ class SurveyTelephone {
 			}
 
 			echo '</table>';
-			echo '<br>';
 			echo '</div>';
 			echo '</fieldset>';	
 		
diff --git a/lang/1.php b/lang/1.php
index 4d72ee818..8034a4761 100644
--- a/lang/1.php
+++ b/lang/1.php
@@ -6368,7 +6368,7 @@ $lang = array (
 	'srv_telephone_save_new'					=>	'Shrani kot nov profil',
 	'srv_telephone_save'						=>	'Shrani profil',
 	'srv_telephone_add'							=>	'Dodaj',
-	'srv_telephone_navi_dashboard'				=>	'Pregled',
+	'srv_telephone_navi_dashboard'				=>	'Analiza',
 	'srv_telephone_navi_add'					=>	'Dodaj',
 	'srv_telephone_navi_view'					=>	'Preglej',
 	'srv_telephone_navi_start_call'				=>	'Začni',
@@ -6445,6 +6445,7 @@ $lang = array (
 	'srv_telephone_no_respondents'				=>	'V bazi nimate respondentov s telefonskimi številkami.',
 	'srv_telephone_dashboard_legend'			=>	'Sumarni pregled telefonske ankete:',
 	'srv_telephone_dashboard_legend_finished'	=>	'Sumarni pregled zaključenih anket:',
+	'srv_telephone_dashboard_legend_datum'	=>	'Počisti datum',
 	'srv_telephone_dashboard_legend_anketar'	=>	'Pregled stanja klicev po anketarjih:',
 	'srv_telephone_dashboard_all_respondents'	=>	'Vseh enot s telefonsko številko:',
 	'srv_telephone_dashboard_all_contacted'		=>	'Vseh klicanih enot:',
diff --git a/lang/2.php b/lang/2.php
index e4c7debd4..6b4e6e1c5 100644
--- a/lang/2.php
+++ b/lang/2.php
@@ -6261,7 +6261,7 @@ $lang = array (
 	'srv_telephone_save_new'					=>	'Save as New profile',
 	'srv_telephone_save'						=>	'Save profile',
 	'srv_telephone_add'							=>	'Add',
-	'srv_telephone_navi_dashboard'				=>	'Dashboard',
+	'srv_telephone_navi_dashboard'				=>	'Analysis',
 	'srv_telephone_navi_add'					=>	'Add',
 	'srv_telephone_navi_view'					=>	'Recipients',
 	'srv_telephone_navi_start_call'				=>	'Start',
@@ -6339,6 +6339,7 @@ $lang = array (
 	'srv_telephone_no_respondents'				=>	'There are no respondents with telephone numbers in your database.',
 	'srv_telephone_dashboard_legend'			=>	'Phone survey status:',
 	'srv_telephone_dashboard_legend_finished'	=>	'Summary of finished phone surveys:',
+	'srv_telephone_dashboard_legend_datum'	=>	'Clear date',
 	'srv_telephone_dashboard_legend_anketar'	=>	'Phone survey status by interviewer:',
 	'srv_telephone_dashboard_all_respondents'	=>	'All units with the phone number:',
 	'srv_telephone_dashboard_all_contacted'		=>	'All called units:',
diff --git a/public/css/admin_new.css b/public/css/admin_new.css
index b7d968052..282fccb19 100644
--- a/public/css/admin_new.css
+++ b/public/css/admin_new.css
@@ -20580,6 +20580,20 @@ div.page_telephone fieldset#tel_setting div.set_horizontal input {
 div.page_telephone fieldset#tel_setting select {
   width: 100px;
 }
+div.page_telephone div.set_horizontal {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  margin-bottom: 16px;
+}
+div.page_telephone div.set_horizontal input {
+  width: 110px;
+  margin-right: 0px;
+  margin-left: 8px;
+}
+div.page_telephone div.set_horizontal button {
+  margin-right: 8px;
+}
 
 div.prevajanje_holder .section {
   margin: 0 16px 16px 16px;
diff --git a/resources/sass/admin_new/pages/survey_edit/telefonska_anketa.scss b/resources/sass/admin_new/pages/survey_edit/telefonska_anketa.scss
index 0b46f9ead..77d158623 100644
--- a/resources/sass/admin_new/pages/survey_edit/telefonska_anketa.scss
+++ b/resources/sass/admin_new/pages/survey_edit/telefonska_anketa.scss
@@ -370,4 +370,24 @@ div.page_telephone {
         width: 100px;
         }
     }
+
+    //Analiza
+    div.set_horizontal {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+
+        margin-bottom: 16px;
+
+        input {
+            width: 110px;
+            margin-right: 0px;
+            margin-left: 8px;
+        }
+
+        button {
+            margin-right: 8px;
+        }
+    }
+
 }
\ No newline at end of file