diff --git a/admin/survey/classes/class.SurveyList.php b/admin/survey/classes/class.SurveyList.php
index 29a22aea6..d004a78d5 100644
--- a/admin/survey/classes/class.SurveyList.php
+++ b/admin/survey/classes/class.SurveyList.php
@@ -981,8 +981,10 @@ class SurveyList {
         
         // Paginacija - se na dnu - ni prikazana pri searchu
         if($this->isSearch != 1){
-            echo '<div class="pagination bottom">';
+            echo '<div class="pagination_bottom_holder">';
+            echo '  <div class="pagination bottom">';
             $this->displayPagiantion();
+            echo '  </div>';
             echo '</div>';
         }
 	}
@@ -1195,47 +1197,34 @@ class SurveyList {
 				
 				// HEADER VRSTICA
 				echo '<tr class="sl_header_new">';
-				
-				// Info ikona
-				echo '<td class="col1">';
-				echo '</td>';
-				
-				// Tip ankete (forma, navadna, glasovanje)
-				//echo '<td class="col2"></td>';
-				// Aktivnost ankete
-				echo '<td class="col2"></td>';
-				
+								
 				// Naslov
-				echo '<td class="col3">';
+				echo '<td class="col1">';
 				echo $this->createOrderUrlNew(1, $lang['title']);		
 				echo '</td>';
 				
 				// Trajanje - status
-				echo '<td class="col4">';
+				echo '<td class="col2">';
 				echo $this->createOrderUrlNew(18, 'Status');
 				echo '</td>';
 				
-				// Tip + st. vprasanj
-				echo '<td class="col5">';
-				echo '';
+				// Ustvarjeno
+				echo '<td class="col3">';
 				echo $this->createOrderUrlNew(19, $lang['srv_tip']);
 				echo '</td>';
 				
 				// Zadnji vnos
-				echo '<td class="col6">';
+				echo '<td class="col4">';
 				echo $this->createOrderUrlNew(16, $lang['srv_last_insrt']);
 				echo '</td>';
 				
 				// Sprememba
-				echo '<td class="col7">';
+				echo '<td class="col5">';
 				echo $this->createOrderUrlNew(14, $lang['change']);
 				echo '</td>';
 				
-				// Ikona1
-				echo '<td class="col8"></td>';
-				
-				// Ikona2
-				echo '<td class="col9"></td>';
+				// Ostalo
+				echo '<td class="col6"></td>';
 						
 				echo '</tr>';
 			
@@ -1245,14 +1234,9 @@ class SurveyList {
 					
 					echo '<tr id="anketa_list_'.$anketa['id'].'" class="anketa_list '.($this->show_folders == 1 ? ' mySurvey_draggable' : '').'" anketa_id="'.$anketa['id'].'">';
 					
-					// Info ikona
-					echo '<td class="col1">';
-					//var_dump($anketa);
-					echo '<span id="info_icon_'.$anketa['id'].'" anketa="'.$anketa['id'].'" class="faicon info icon-as_link pointer icon-center" title="'.$lang['srv_survey_info'].'" onClick="surveyList_info(\''.$anketa['id'].'\');"></span>';
-					echo '</td>';
-					
+                    
 					// Aktivnost - neaktivna, aktivna, zakljucena
-					echo '<td class="col2">';
+					/*echo '<td class="col2">';
 					if ($anketa['active'] == 1) {
 						echo '<div class="dot blue" title="'.$lang['srv_anketa_active2'].'"></div>';
 					} else {
@@ -1265,10 +1249,11 @@ class SurveyList {
 							echo '<div class="dot grey" title="'.$lang['srv_survey_non_active_notActivated'].'"></div>';
 						}
 					}
-					echo '</td>';
+					echo '</td>';*/
 					
+
 					// Naslov
-					echo '<td class="col3">';
+					echo '<td class="col1">';
 					if(strlen($anketa['naslov']) > 60)
 						$text = substr($anketa['naslov'],0,60);
 					else
@@ -1324,8 +1309,9 @@ class SurveyList {
 					echo $lang['srv_h_sl_avtor'].': '.$name_searched.' '.$surname_searched.', '.$i_time[0].'.'.$i_time[1].'.20'.$i_time[2].'</span>';
 					echo '</td>';
 					
+
 					// Trajanje - status
-					echo '<td class="col4">';
+					echo '<td class="col2">';
 					if ($anketa['active'] == 1) {
 						$now = time();
 						$do = explode('.', $anketa['trajanjedo']);
@@ -1355,8 +1341,9 @@ class SurveyList {
 					}
 					echo '</td>';
 					
-					// Tip + st. vprasanj
-					echo '<td class="col5">';
+
+					// Ustvarjeno
+					echo '<td class="col3">';
 					if($anketa['survey_type'] == 0)
 						echo $lang['srv_vrsta_survey_type_0'];
 					elseif($anketa['survey_type'] == 1)
@@ -1369,8 +1356,9 @@ class SurveyList {
 					echo '<br /><span class="small">'.$lang['srv_h_sl_stvprasanj'].': '. $anketa['variables'].'</span>';											
 					echo '</td>';
 					
+
 					// Zadnji vnos
-					echo '<td class="col6">';
+					echo '<td class="col4">';
 					if($anketa['answers'] > 0){
 						$v_time = substr($anketa['v_time_last'], 0, 8);
 						$v_time = explode('.', $v_time);
@@ -1382,8 +1370,9 @@ class SurveyList {
 					echo '<span class="small">'.$lang['srv_info_answers'].': '.$anketa['answers'].'</span>';
 					echo '</td>';
 					
+
 					// Sprememba
-					echo '<td class="col7">';
+					echo '<td class="col5">';
 					$e_time = substr($anketa['e_time'], 0, 8);
 					$e_time = explode('.', $e_time);
 					echo $e_time[0].'.'.$e_time[1].'.20'.$e_time[2].'<br />';
@@ -1393,13 +1382,23 @@ class SurveyList {
 					echo '</a>';
 					echo '</td>';
 					
+
+					// Ostalo
+                    echo '<td class="col6">';
+					echo '  <a>';
+					echo '      <span class="faicon">...</span>';
+					echo '  </a>';
+					echo '</td>';
+
+
 					// Knjiznica - uporabnik
-					echo '<td class="col8">';
+					/*echo '<td class="col8">';
 					echo '<a href="#" title="'.($anketa['lib_usr'] == 1 ? $lang['srv_ank_mylib_off'] : $lang['srv_ank_mylib_on']).'" onclick="surveyList_myknjiznica_new(\''.$anketa['id'].'\'); return false;">';
 					echo '<span class="sprites '.($anketa['lib_usr'] == 1 ? ' sl_active_on': ' sl_active_off').'"></span>';
 					echo '</a>';
 					echo '</td>';
 					
+
 					// Knjiznica - global (samo admin)
 					echo '<td class="col9">';
 					if ($this->g_adminType == 0){			
@@ -1407,7 +1406,7 @@ class SurveyList {
 						echo '<span class="sprites '.($anketa['lib_glb'] == 1 ? ' sl_library_on': ' sl_library_off').'"></span>';
 						echo '</a>';
 					}
-					echo '</td>';
+					echo '</td>';*/
 	
 		       		echo '</tr>';
 				}
@@ -1495,6 +1494,7 @@ class SurveyList {
 		
 		# ali sploh izrisujemo paginacijo
 		if ($this->max_pages > 1) {
+
 			if ($this->onlyPhone == false) {
 				$baseUrl = $site_url."admin/survey/index.php?pageno=";
 			} else {
@@ -1504,12 +1504,11 @@ class SurveyList {
 			# povezava na prejšnjo stran
 			$prev_page = $this->pageno - 1;
 			if($prev_page >= 1) { 
-	  			//echo('<div><a href="'.$baseUrl.$prev_page.'">'.$lang['previous_page_short'].'</a></div>');
-	  			echo('<div><a href="'.$baseUrl.$prev_page.'"><span class="faicon pagination_left icon-blue"></span></a></div>');
-			} else {
+	  			echo '<a href="'.$baseUrl.$prev_page.'"><div class="arrow left"><span class="faicon pagination_left"></span></div></a>';
+			} 
+            else {
 				# brez href povezave 
-	  			//echo('<div class="disabledPage">'.$lang['previous_page_short'].'</div>'); 
-	  			echo('<div class="disabledPage"><span class="faicon pagination_left icon-blue_soft"></span></div>'); 
+	  			echo '<div class="arrow left disabledPage"><span class="faicon pagination_left"></span></div>'; 
 			}	
 			
 			# povezave  za vmesne strani
@@ -1517,31 +1516,35 @@ class SurveyList {
 			$skipped  = false;
 			for($a = 1; $a <= $this->max_pages; $a++) {
 				if ($this->max_pages < ((SRV_LIST_GROUP_PAGINATE+1) * 2) || $a <= SRV_LIST_GROUP_PAGINATE || $a > ($this->max_pages-SRV_LIST_GROUP_PAGINATE) 
-					
 					|| ( abs($a-$this->pageno) < SRV_LIST_GROUP_PAGINATE))  {
 					if ($skipped == true) {
+
 						echo '<div class="spacePage">.&nbsp;.&nbsp;.</div>';
+
 						$skipped  = false;
 					}
+
 					if($a == $this->pageno) {
 		   				# brez href povezave
-		      			echo('<div class="currentPage">'.$a.'</div>'); 
-			 		} else {
-		  				echo('<div><a href="'.$baseUrl.$a.'">'.$a.'</a></div>');
+		      			echo '<div class="page_number currentPage">'.$a.'</div>'; 
+			 		} 
+                    else {
+		  				echo '<a href="'.$baseUrl.$a.'"><div class="page_number">'.$a.'</div></a>';
 		     		}
-				} else {
+				} 
+                else {
 					$skipped = true;
 				}
 			} 
+
 			# povezava na naslednjo stran
 			$next_page = $this->pageno + 1;
 			if($next_page <= $this->max_pages) {
-	   			//echo('<div><a href="'.$baseUrl.$next_page.'">'.$lang['next_page_short'].'</a></div>');
-				echo('<div><a href="'.$baseUrl.$next_page.'"><span class="faicon pagination_right icon-blue"></span></a></div>');			
-			} else {
+				echo '<a href="'.$baseUrl.$next_page.'"><div class="arrow right"><span class="faicon pagination_right"></span></div></a>';			
+			} 
+            else {
 				# brez href povezave
-	   			//echo('<div class="disabledPage">'.$lang['next_page_short'].'</div>'); 
-				echo('<div class="disabledPage"><span class="faicon pagination_right icon-blue_soft"></span></div>'); 
+				echo '<div class="arrow right disabledPage"><span class="faicon pagination_right"></span></div>'; 
 			}
  
 		}
@@ -1649,8 +1652,15 @@ class SurveyList {
 		    echo '</div>';
         }
         else{
-            echo '<div title="'.$lang['srv_mySurvey_show_folders_desc'].'" id="folderSwitch" '.($this->show_folders == 1 ? ' class="active"' : '').' onClick="switchFolder(\''.$this->show_folders.'\');">';
-            echo $lang['srv_mySurvey_show_folders'];
+            echo '<div title="'.$lang['srv_mySurvey_show_folders_desc'].'" id="folderSwitch" onClick="switchFolder(\''.$this->show_folders.'\');">';
+            echo '  <span>'.$lang['srv_mySurvey_show_folders'].'</span>';
+
+            // Stikalo za folderje
+            if($this->show_folders == 1)
+                echo '  <div class="switch_folders on"><span class="switch_folders_content">ON</span></div>';
+            else
+                echo '  <div class="switch_folders off"><span class="switch_folders_content">OFF</span></div>';
+
 		    echo '</div>';
         }	
 	}
@@ -1788,13 +1798,11 @@ class SurveyList {
 		
 		echo '<form method="GET" id="1kasmysurvey" action="'.$site_url.'admin/survey/index.php">';      
 	    
-		//echo '<span class="sprites search"></span> ';
-        echo '<input id="searchMySurvey" type="text" value="" placeholder="' . $lang['s_search_mySurvey'] . '" name="search" />';
+        echo '<input id="searchMySurvey" type="text" value="" placeholder="'.$lang['s_search_mySurvey'].'" name="search" />';
 		
-		//echo '<input type="submit" value="' . $lang['s_search'] . '" />'; 
-		echo '	<div class="buttonwrapper floatRight">';
-		echo '		<a class="ovalbutton ovalbutton_orange" href="#" onclick="$(\'#1kasmysurvey\').submit(); return false;"><span>'.$lang['s_search2'].'</span></a>';
-		echo '	</div>';
+		echo '	<button class="medium white-black" onclick="$(\'#1kasmysurvey\').submit(); return false;">';
+		echo $lang['s_search2'];
+		echo '	</button>';
           		
 		echo '</form>';
 	}
diff --git a/public/css/admin_new.css b/public/css/admin_new.css
index f5c55106e..47f58f338 100644
--- a/public/css/admin_new.css
+++ b/public/css/admin_new.css
@@ -6578,1177 +6578,6 @@ a.help {
 /* 
     Components scss
 */
-/* 
-    Header scss - top line, menu...
-*/
-header .mobile_header {
-  display: none;
-}
-
-header #top_line {
-  display: flex;
-  align-items: center;
-  height: 58px;
-  padding: 0 32px;
-  /*tooltips on survey*/
-}
-header #top_line #logo_holder {
-  width: 87px;
-  height: 40px;
-}
-header #top_line #logo_holder a {
-  display: block;
-  width: 87px;
-  height: 40px;
-  background-image: url(../img/logo/1ka_logo_slo.svg);
-  background-repeat: no-repeat;
-  background-size: contain;
-}
-header #top_line #logo_holder.english a {
-  background-image: url(../img/logo/1ka_logo_eng.svg);
-}
-header #top_line #logo_holder.namestitev a {
-  background-image: url(../img/logo/1ka_logo_namestitev.svg);
-}
-header #top_line #anketa_header_settings {
-  display: flex;
-  margin-left: 30px;
-}
-header #top_line #anketa_header_settings .anketa_header_naslov a {
-  font-size: 20px;
-  color: #333333;
-  text-decoration: none;
-  font-weight: 600;
-}
-header #top_line #anketa_header_settings .anketa_header_help {
-  display: flex;
-  align-items: center;
-  margin-left: 37px;
-}
-header #top_line #anketa_header_settings .anketa_header_activation {
-  display: flex;
-  align-items: center;
-}
-header #top_line #anketa_header_settings .anketa_header_activation .anketa_header_preview {
-  margin-left: 32px;
-}
-header #top_line #anketa_header_settings .anketa_header_activation .anketa_header_url {
-  margin-left: 32px;
-  color: #777777;
-}
-header #top_line #anketa_header_settings .anketa_header_activation .anketa_header_url a {
-  font-size: 16px;
-  text-decoration: none;
-}
-header #top_line #anketa_header_settings .anketa_header_activation .anketa_header_activate {
-  margin-left: 32px;
-}
-header #top_line #anketa_header_settings .anketa_header_activation .anketa_header_activate .switch_anketa {
-  position: relative;
-  display: block;
-  width: 50px;
-  height: 20px;
-}
-header #top_line #anketa_header_settings .anketa_header_activation .anketa_header_activate .switch_anketa .switch_anketa_content {
-  position: absolute;
-  cursor: pointer;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  padding-top: 1px;
-  color: white;
-  font-size: 12px;
-  font-weight: 400;
-  line-height: 16px;
-  background-color: #1E88E5;
-  border-radius: 20px;
-}
-header #top_line #anketa_header_settings .anketa_header_activation .anketa_header_activate .switch_anketa .switch_anketa_content:before {
-  position: absolute;
-  content: "";
-  height: 18px;
-  width: 18px;
-  bottom: 1px;
-  background-color: white;
-  border-radius: 50%;
-}
-header #top_line #anketa_header_settings .anketa_header_activation .anketa_header_activate .switch_anketa.anketa_on .switch_anketa_content {
-  padding-left: 24px;
-  background-color: #1E88E5;
-}
-header #top_line #anketa_header_settings .anketa_header_activation .anketa_header_activate .switch_anketa.anketa_on .switch_anketa_content:before {
-  left: 1px;
-}
-header #top_line #anketa_header_settings .anketa_header_activation .anketa_header_activate .switch_anketa.anketa_on:hover .switch_anketa_content {
-  background-color: #0059ab;
-}
-header #top_line #anketa_header_settings .anketa_header_activation .anketa_header_activate .switch_anketa.anketa_off .switch_anketa_content {
-  padding-left: 6px;
-  background-color: #808080;
-}
-header #top_line #anketa_header_settings .anketa_header_activation .anketa_header_activate .switch_anketa.anketa_off .switch_anketa_content:before {
-  right: 1px;
-}
-header #top_line #anketa_header_settings .anketa_header_activation .anketa_header_activate .switch_anketa.anketa_off:hover .switch_anketa_content {
-  background-color: #777777;
-}
-header #top_line #anketa_header_settings .anketa_header_activation .anketa_header_lock {
-  margin-left: 32px;
-}
-header #top_line #anketa_header_settings .anketa_header_quick_settings {
-  display: flex;
-  align-items: center;
-  margin-left: 32px;
-}
-header #top_line #enka_nav {
-  display: flex;
-  align-items: center;
-  position: absolute;
-  right: 32px;
-}
-header #top_line #enka_nav div {
-  margin-left: 24px;
-}
-header #top_line #enka_nav #search_holder form {
-  display: flex;
-  align-items: center;
-}
-header #top_line #enka_nav #search_holder input#searchSurvey {
-  display: none;
-  width: 150px;
-  padding: 3px 0 3px 5px;
-  margin: -3px 0 0 5px;
-  border: 1px solid #1E88E5;
-}
-header #top_line span.sprites.mail_unread {
-  color: #FFFFFF;
-  font-size: 11px;
-  font-weight: bold;
-  line-height: 23px;
-  text-align: center;
-  text-indent: 10px;
-}
-header #top_line #xtradiv {
-  display: inline-block;
-  width: auto;
-  margin-left: 15px;
-  vertical-align: middle;
-}
-header #top_line #xtradiv .xtraname {
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-  width: auto;
-  font-weight: 500;
-  color: #1E88E5;
-}
-header #top_line #xtradiv .xtraname:hover {
-  color: #0059ab;
-}
-header #top_line #xtradiv .xtraname span {
-  margin-left: 8px;
-  line-height: 20px;
-}
-header #top_line #xtradiv #xtradivSettings {
-  display: none;
-  position: absolute;
-  z-index: 99999;
-  right: 8px;
-  top: 35px;
-  padding: 5px 10px;
-  width: 120px;
-  text-align: left;
-  background-color: #FFFFFF;
-  border: 1px #1E88E5 solid;
-  -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.4);
-  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.4);
-  -moz-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.4);
-}
-header #top_line #xtradiv #xtradivSettings span.xtraSetting {
-  clear: both;
-  float: left;
-  padding: 6px 0;
-}
-header #top_line #xtradiv #xtradivSettings span.xtraSetting a.xtra {
-  display: inline;
-  vertical-align: middle;
-  font-size: 13px;
-  color: #333333;
-}
-header #top_line #xtradiv #xtradivSettings span.xtraSetting a.xtra:hover {
-  color: #FFC700;
-}
-header #top_line #xtradiv #xtradivSettings span.xtraSetting a.xtra:hover .faicon {
-  color: #FFC700;
-}
-header #top_line #xtradiv #xtradivSettings span.xtraSetting a.xtra span.faicon {
-  display: inline;
-  vertical-align: middle;
-  margin-right: 10px;
-}
-header #top_line .tooltip {
-  position: relative;
-}
-header #top_line .tooltip .expanded-tooltip {
-  display: none;
-  white-space: normal;
-}
-header #top_line .tooltip:hover .expanded-tooltip {
-  display: block;
-}
-header #top_line .tooltip.monitor {
-  cursor: pointer;
-}
-
-header {
-  /* sub settings (under second navigation) */
-}
-header #surveyNavigation {
-  height: 58px;
-  background-color: #1E88E5;
-}
-header #surveyNavigation #firstNavigation {
-  display: flex;
-  justify-content: space-between;
-  height: 58px;
-  margin: 0 32px;
-  font-size: 16px;
-  font-weight: 400;
-  text-align: center;
-}
-header #surveyNavigation #firstNavigation .right_icons {
-  display: flex;
-}
-header #surveyNavigation #firstNavigation ol {
-  display: flex;
-  align-items: center;
-  padding: 0;
-  margin: 0;
-}
-header #surveyNavigation #firstNavigation ol li {
-  list-style-image: none;
-  list-style-position: outside;
-  list-style-type: none;
-}
-header #surveyNavigation #firstNavigation ol.navigation_buttons_list {
-  padding-top: 10px;
-}
-header #surveyNavigation #firstNavigation ol.navigation_buttons_list li {
-  padding: 14px 32px;
-}
-header #surveyNavigation #firstNavigation ol.navigation_buttons_list li a {
-  color: #FFFFFF;
-  text-decoration: none;
-}
-header #surveyNavigation #firstNavigation ol.navigation_buttons_list li.active_on {
-  background-color: #FFFFFF;
-}
-header #surveyNavigation #firstNavigation ol.navigation_buttons_list li.active_on a {
-  color: #1E88E5;
-}
-header #surveyNavigation #firstNavigation ol.quick_settings li {
-  margin-left: 16px;
-}
-header #surveyNavigation #firstNavigation ol.quick_settings li a span::before {
-  color: white;
-}
-header #surveyNavigation #firstNavigation ol.quick_settings #quick_comments_link.newCss {
-  font-size: 12px;
-}
-header #surveyNavigation #firstNavigation ol.quick_settings #quick_comments_link.newCss a {
-  margin-right: 0px !important;
-  color: #FFFFFF !important;
-  font-weight: 600;
-}
-header #surveyNavigation #firstNavigation ol.quick_settings #quick_comments_link.newCss a:hover {
-  color: #FFFFFF !important;
-}
-header #surveyNavigation #firstNavigation ol.quick_settings #quick_comments_link.newCss a span.comments_blue_off {
-  margin-top: 4px !important;
-}
-header #surveyNavigation #firstNavigation ol.quick_settings #quick_comments_link.newCss a span.comments_orange_off {
-  margin-top: 4px !important;
-}
-header #surveyNavigation #firstNavigation ol.quick_settings #quick_comments_link.newCss a span.comments_blue_on {
-  margin-top: -1px !important;
-}
-header #surveyNavigation #firstNavigation ol.quick_settings #quick_comments_link.newCss a span.comments_orange_on {
-  margin-top: -1px !important;
-}
-header #surveyNavigation #firstNavigation ol.quick_settings span.sprites.comments_blue_on {
-  color: #FFFFFF;
-  font-size: 11px;
-  font-weight: bold;
-  line-height: 12px;
-  text-align: center;
-}
-header #surveyNavigation #firstNavigation ol.quick_settings span.sprites.comments_orange_on {
-  color: #FFFFFF;
-  font-size: 11px;
-  font-weight: bold;
-  line-height: 12px;
-  text-align: center;
-}
-header #surveyNavigation #firstNavigation ol.navigation_modules li {
-  margin-left: 16px;
-}
-header #surveyNavigation #firstNavigation ol.navigation_modules a:hover {
-  text-decoration: none;
-}
-header #secondNavigation {
-  display: flex;
-  align-items: center;
-  height: 41px;
-  border-bottom: 1px solid #E5E5E5;
-}
-header #secondNavigation .separator {
-  width: 1px;
-  height: 25px;
-  margin: 0 16px;
-  border-left: 1px #808080 solid;
-}
-header #secondNavigation ul.secondNavigation,
-header #secondNavigation ul.secondNavigationArchive {
-  display: flex;
-  align-items: center;
-  margin: 0 0 0 32px;
-  padding: 0;
-}
-header #secondNavigation ul.secondNavigation.secondNavigationArchive,
-header #secondNavigation ul.secondNavigationArchive.secondNavigationArchive {
-  margin-left: 0;
-}
-header #secondNavigation ul.secondNavigation li,
-header #secondNavigation ul.secondNavigationArchive li {
-  list-style-image: none;
-  list-style-position: outside;
-  list-style-type: none;
-  height: 41px;
-  border-bottom: 1px #E5E5E5 solid;
-}
-header #secondNavigation ul.secondNavigation li a,
-header #secondNavigation ul.secondNavigationArchive li a {
-  padding: 12px 32px;
-  line-height: 41px;
-  font-size: 15px;
-  color: #808080;
-  text-decoration: none;
-}
-header #secondNavigation ul.secondNavigation li.active, header #secondNavigation ul.secondNavigation li:hover,
-header #secondNavigation ul.secondNavigationArchive li.active,
-header #secondNavigation ul.secondNavigationArchive li:hover {
-  border-bottom: 1px #1E88E5 solid;
-}
-header #secondNavigation ul.secondNavigation li.active a, header #secondNavigation ul.secondNavigation li:hover a,
-header #secondNavigation ul.secondNavigationArchive li.active a,
-header #secondNavigation ul.secondNavigationArchive li:hover a {
-  color: #1E88E5;
-}
-header #secondNavigation #secondNavigation_links {
-  display: flex;
-  align-items: center;
-  position: absolute;
-  right: 32px;
-}
-header #secondNavigation #secondNavigation_links a {
-  margin-left: 16px;
-}
-header #secondNavigation #secondNavigation_links a span::before {
-  font-size: 20px !important;
-}
-header #topSettingsHolder {
-  display: flex;
-  align-items: center;
-  box-sizing: border-box;
-  width: 100%;
-  height: 41px;
-  color: #1E88E5;
-  border-bottom: 1px #E5E5E5 solid;
-}
-header #topSettingsHolder .borderLeft {
-  padding-left: 20px;
-  border-left: 1px dotted #E5E5E5;
-}
-header #topSettingsHolder #additional_navigation {
-  position: relative;
-  width: auto;
-  margin: 9px 0px 0 0;
-  background: 0;
-}
-header #topSettingsHolder #additional_navigation a span {
-  padding: 2px 50px 2px 0;
-  font-size: 12px;
-  font-weight: 500;
-  color: #1E88E5;
-}
-header #topSettingsHolder #additional_navigation a span.active {
-  color: #FFC700;
-  background: 0;
-}
-header #topSettingsHolder #additional_navigation a span.faicon.arrow_back {
-  padding: 0;
-  line-height: 0px;
-  margin-right: 40px;
-}
-header #topSettingsHolder #dataOnlyValid {
-  position: relative;
-  display: inline-block;
-  width: auto;
-  margin: 4px 0 0;
-  padding: 3px 0 4px 0;
-}
-header #topSettingsHolder #dataOnlyValid .middle {
-  margin-left: 20px;
-}
-header #topSettingsHolder #dataOnlyValid .middle input {
-  margin: 0px 4px 1px 2px;
-}
-header #topSettingsHolder #analiza_right_options_holder {
-  position: relative;
-  float: right;
-  margin: 4px 15px 0 0;
-}
-header #topSettingsHolder #analiza_right_options_holder #analiza_right_options {
-  display: inline;
-}
-header #topSettingsHolder #analiza_right_options_holder #analiza_right_options2 {
-  display: inline;
-}
-header #topSettingsHolder #analiza_right_options_holder #analiza_right_options3 {
-  float: left;
-  display: inline;
-}
-header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right,
-header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right2 {
-  display: none;
-  white-space: nowrap;
-  position: absolute;
-  z-index: 78;
-  top: 32px;
-  right: 0;
-  width: auto;
-  min-height: 20px;
-  height: auto;
-  padding: 10px;
-  text-align: left;
-  font-size: 13px;
-  background-color: #FFFFFF;
-  border: 1px solid #1E88E5;
-}
-header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right ul,
-header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right2 ul {
-  margin: 0px !important;
-  padding: 0px;
-}
-header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right ul li,
-header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right2 ul li {
-  display: block;
-  margin: 0px !important;
-  padding: 3px;
-  list-style: none;
-}
-header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right ul li span.as_link,
-header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right2 ul li span.as_link {
-  font-weight: 500;
-  color: #1E88E5 !important;
-}
-header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right ul li span.as_link:hover,
-header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right2 ul li span.as_link:hover {
-  color: #FFC700 !important;
-  text-decoration: none;
-}
-header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right ul li span.as_link.gray,
-header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right2 ul li span.as_link.gray {
-  font-weight: normal;
-  color: #1E88E5 !important;
-}
-header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right ul li span.as_link.gray:hover,
-header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right2 ul li span.as_link.gray:hover {
-  color: #FFC700 !important;
-  text-decoration: none;
-}
-header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right ul li span.advanced,
-header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right2 ul li span.advanced {
-  display: block;
-  font-weight: normal;
-}
-header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right ul li.space,
-header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right2 ul li.space {
-  display: none;
-}
-header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right a,
-header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right2 a {
-  color: #1E88E5 !important;
-  text-decoration: none;
-}
-header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right a:visited,
-header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right2 a:visited {
-  color: #1E88E5 !important;
-  text-decoration: none;
-}
-header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right a:hover,
-header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right2 a:hover {
-  color: #FFC700 !important;
-  text-decoration: none;
-}
-header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right2 {
-  right: 35px;
-}
-header #topSettingsHolder #analiza_right_options_holder #analiza_right_options span#filters_span {
-  color: #1E88E5;
-  margin-left: 4px;
-}
-header #topSettingsHolder #analiza_right_options_holder #analiza_right_options:hover span#filters_span {
-  color: #FFC700 !important;
-}
-header #topSettingsHolder #analiza_right_options_holder #analiza_right_options2:hover span#filters_span {
-  color: #FFC700 !important;
-}
-header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right.analiza ul li.space {
-  display: none;
-}
-header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right2.analiza ul li.space {
-  display: none;
-}
-header div.breadcrumbs {
-  display: none;
-}
-
-#language_select {
-  position: absolute;
-  z-index: 78;
-  right: 32px;
-  font-weight: 500;
-}
-#language_select a {
-  display: flex;
-  align-items: center;
-  text-decoration: none;
-}
-#language_select a:hover {
-  text-decoration: none;
-}
-#language_select a .flag {
-  height: 14px;
-  width: 24px;
-  margin-right: 9px;
-  background-size: 100% 30px;
-  background-position: center;
-}
-#language_select a .flag.slo {
-  background-image: url("../img/flags/flag_slo.svg");
-}
-#language_select a .flag.eng {
-  background-image: url("../img/flags/flag_eng.svg");
-}
-
-#hover_export {
-  display: none;
-  position: absolute;
-  z-index: 99999;
-  right: 0px;
-  top: 31px;
-  width: 150px;
-  padding: 10px 16px;
-  text-align: left;
-  line-height: normal;
-  background-color: #FFFFFF;
-  border: 1px #E5E5E5 solid;
-}
-#hover_export a {
-  display: flex;
-  padding: 6px 0;
-  margin: 0 !important;
-  text-decoration: none;
-  font-size: 16px;
-  transition: 0.2s;
-}
-#hover_export a:hover {
-  text-decoration: none;
-}
-#hover_export span.hover_export_icon {
-  display: inline-block;
-  width: 32px;
-}
-
-footer#srv_footer {
-  display: flex;
-  justify-content: space-between;
-  box-sizing: border-box;
-  width: 100%;
-  height: 80px;
-  padding: 16px 40px;
-  margin-top: 40px;
-  font-size: 14px;
-  line-height: 16px;
-  color: #333333;
-  background-color: #FFFFFF;
-  border-top: 1px solid #E5E5E5;
-}
-footer#srv_footer a {
-  text-decoration: none;
-}
-footer#srv_footer .footer_left {
-  display: flex;
-  flex-direction: column;
-}
-footer#srv_footer .footer_left .footer_line {
-  display: flex;
-}
-footer#srv_footer .footer_left .footer_line:first-child {
-  margin-bottom: 15px;
-}
-footer#srv_footer .footer_left .footer_line .footer_item {
-  padding: 0 8px;
-  border-left: 1px #E5E5E5 solid;
-}
-footer#srv_footer .footer_left .footer_line .footer_item:first-child {
-  padding-left: 0;
-  border-left: none;
-}
-footer#srv_footer .footer_right {
-  text-align: left;
-}
-footer#srv_footer .footer_right span.faicon.inline_comment:before {
-  font-size: 14px !important;
-  margin-right: 3px;
-}
-footer#srv_footer .footer_right span.faicon.external_link:before {
-  font-size: 14px !important;
-  margin-right: 3px;
-}
-
-div.layout_left_item {
-  padding: 16px 32px;
-  margin-right: 64px;
-  border: 1px solid #E5E5E5;
-  box-shadow: -10px 10px 0px #F8F8F8;
-  height: fit-content;
-}
-div.layout_left_item span.faicon {
-  margin-left: 16px;
-}
-div.layout_left_item span.menu_left-title {
-  font-weight: bold;
-  font-size: 17px;
-  line-height: 21px;
-  text-transform: uppercase;
-}
-div.layout_left_item span.menu_left-title.paid_locked {
-  color: #FFC700;
-}
-div.layout_left_item ul.menu_left-list {
-  list-style-type: none;
-  padding: 0;
-  margin: 0;
-  margin-bottom: 32px;
-  font-size: 16px;
-}
-div.layout_left_item ul.menu_left-list:last-of-type {
-  margin-bottom: 0;
-}
-div.layout_left_item ul.menu_left-list.paid_locked {
-  color: #777777;
-}
-div.layout_left_item ul.menu_left-list.paid_locked a:hover {
-  color: #777777;
-}
-div.layout_left_item ul.menu_left-list li {
-  line-height: 20px;
-  margin-top: 12px;
-}
-div.layout_left_item ul.menu_left-list li.active {
-  color: #1E88E5;
-  font-weight: 600;
-}
-div.layout_left_item ul.menu_left-list li a.paid_locked {
-  color: #777777;
-}
-div.layout_left_item ul.menu_left-list li a.paid_locked a:hover {
-  color: #777777;
-}
-div.layout_left_item ul.menu_left-list.second {
-  padding-left: 30px;
-}
-div.layout_left_item ul.menu_left-list a {
-  color: inherit;
-  text-decoration: none;
-}
-div.layout_left_item ul.menu_left-list a:hover {
-  color: #1E88E5;
-}
-
-/* 
-    Form scss - input fields, buttons...
-*/
-button,
-submit {
-  box-sizing: border-box;
-  cursor: pointer;
-  font-weight: 600;
-  font-family: Source Sans Pro, sans-serif;
-  box-shadow: none;
-  border: 0;
-  transition: 0.3s;
-}
-button.table-inline,
-submit.table-inline {
-  padding: 4px 20px;
-  width: fit-content;
-  font-size: 14px;
-  border-radius: 2px;
-  margin-left: 16px;
-}
-button.small,
-submit.small {
-  padding: 5px 32px;
-  min-width: 160px;
-  font-size: 14px;
-}
-button.medium,
-submit.medium {
-  padding: 10px 32px;
-  min-width: 160px;
-  font-size: 16px;
-}
-button.large,
-submit.large {
-  padding: 12px 32px;
-  min-width: 160px;
-  font-size: 20px;
-}
-button.blue,
-submit.blue {
-  color: #FFFFFF;
-  background-color: #1E88E5;
-  border: 1px #1E88E5 solid;
-}
-button.blue:hover,
-submit.blue:hover {
-  background-color: #1980da;
-}
-button.white-blue,
-submit.white-blue {
-  color: #1E88E5;
-  background-color: #FFFFFF;
-  border: 1px #1E88E5 solid;
-}
-button.white-blue:hover,
-submit.white-blue:hover {
-  background-color: #f2f2f2;
-}
-button.white-black,
-submit.white-black {
-  color: #333333;
-  background-color: #FFFFFF;
-  border: 1px #333333 solid;
-}
-button.white-black:hover,
-submit.white-black:hover {
-  background-color: #f2f2f2;
-}
-button.gray,
-submit.gray {
-  color: #333333;
-  background-color: #E5E5E5;
-  border: 1px #333333 solid;
-}
-button.gray:hover,
-submit.gray:hover {
-  background-color: #d8d8d8;
-}
-button.yellow,
-submit.yellow {
-  color: #333333;
-  background-color: #FFC700;
-  border: 1px #FFC700 solid;
-}
-button.yellow:hover,
-submit.yellow:hover {
-  background-color: #f5bf00;
-}
-button.red,
-submit.red {
-  color: #FFFFFF;
-  background-color: #FF0000;
-  border: 1px #FF0000 solid;
-}
-button.red:hover,
-submit.red:hover {
-  background-color: #e60000;
-}
-
-div.button_holder {
-  display: flex;
-  flex-direction: row;
-  box-sizing: border-box;
-  margin-bottom: 32px;
-}
-div.button_holder button {
-  margin-right: 16px;
-}
-div.button_holder.bottom16 {
-  margin-bottom: 16px;
-}
-div.button_holder.bottom0 {
-  margin-bottom: 0px;
-}
-div.button_holder.inline {
-  align-items: flex-end;
-}
-div.button_holder.inline button {
-  margin-left: 16px;
-}
-div.button_holder.below {
-  margin-bottom: 0;
-  margin-top: 24px;
-}
-
-label {
-  cursor: pointer;
-  margin-right: 16px;
-  font-size: 16px;
-}
-label[disabled] {
-  color: #777777;
-  pointer-events: none;
-}
-label.empty {
-  margin: 0;
-  font-size: 0;
-}
-
-input[type=text], input[type=password] {
-  border: 1px solid #C4C4C4;
-  box-sizing: border-box;
-  border-radius: 2px;
-  width: 245px;
-  margin-top: 4px;
-  font-family: Source Sans Pro, sans-serif;
-}
-input[type=text].w200, input[type=password].w200 {
-  width: 200px;
-}
-input[type=text].w400, input[type=password].w400 {
-  width: 400px;
-}
-input[type=text].wauto, input[type=password].wauto {
-  width: auto;
-}
-input[type=text].large, input[type=password].large {
-  height: 40px;
-  font-size: 16px;
-  padding: 9px 7px;
-}
-input[type=text].medium, input[type=password].medium {
-  height: 32px;
-  font-size: 14px;
-  padding: 6px 7px;
-}
-input[type=text].small, input[type=password].small {
-  height: 26px;
-  font-size: 14px;
-  padding: 3px 7px;
-}
-input[type=text]:focus, input[type=password]:focus {
-  outline-style: none;
-  box-shadow: none;
-  border-color: transparent;
-  border-color: #1E88E5;
-}
-input[type=text][readonly=true], input[type=password][readonly=true] {
-  cursor: pointer;
-}
-input[type=radio], input[type=checkbox] {
-  border: 0;
-  clip: rect(0 0 0 0);
-  height: 1px;
-  margin: -1px;
-  overflow: hidden;
-  padding: 0;
-  position: absolute;
-  width: 1px;
-}
-input[type=radio] + label:before, input[type=checkbox] + label:before {
-  cursor: pointer;
-  font-family: "Font Awesome 5 Free";
-  display: inline-block;
-  color: #777777;
-  letter-spacing: 8px;
-  font-size: 18px;
-  vertical-align: -1px;
-}
-input[type=radio] + label.empty:before, input[type=checkbox] + label.empty:before {
-  letter-spacing: 0;
-}
-input[type=radio]:checked + label:before, input[type=checkbox]:checked + label:before {
-  color: #1E88E5;
-}
-input[type=checkbox] + label:before {
-  content: "";
-}
-input[type=checkbox]:checked + label:before {
-  content: "";
-  font-weight: bold;
-}
-input[type=radio] + label:before {
-  content: "";
-}
-input[type=radio]:checked + label:before {
-  content: "";
-}
-input[type=checkbox][disabled] + label:before {
-  color: #C4C4C4;
-  pointer-events: none;
-}
-input[type=radio][disabled] + label:before {
-  color: #C4C4C4;
-  pointer-events: none;
-}
-input.disabled {
-  border-color: #C4C4C4;
-  background-color: #E5E5E5;
-  color: #777777;
-  pointer-events: none;
-}
-
-fieldset {
-  margin-bottom: 32px;
-  padding: 32px;
-  box-sizing: border-box;
-  margin-inline-start: 0;
-  margin-inline-end: 0;
-  border: 1px solid #E5E5E5;
-}
-fieldset legend {
-  padding: 0 15px;
-  font-size: 16px;
-  font-weight: 700;
-  color: #1E88E5;
-  text-transform: uppercase;
-}
-fieldset p.bottom16 {
-  margin-bottom: 16px;
-}
-fieldset p.top16 {
-  margin-top: 16px;
-}
-fieldset p.top32 {
-  margin-top: 32px;
-}
-fieldset p.bottom8 {
-  margin-bottom: 8px;
-}
-fieldset p.top8 {
-  margin-top: 8px;
-}
-fieldset .setting_horizontal_wrapper {
-  display: flex;
-  flex-direction: row;
-}
-fieldset .setting_horizontal_wrapper .setting_holder {
-  margin-right: 17px;
-}
-fieldset .setting_holder {
-  margin-bottom: 16px;
-  display: flex;
-  flex-direction: column;
-}
-fieldset .setting_holder.bottom8 {
-  margin-bottom: 8px !important;
-}
-fieldset .setting_holder:first-of-type, fieldset .setting_holder.top0 {
-  margin-top: 0;
-}
-fieldset .setting_holder.bottom0 {
-  margin-bottom: 0;
-}
-fieldset .setting_holder:last-of-type {
-  margin-bottom: 0;
-}
-fieldset .setting_holder:last-of-type.bottom16 {
-  margin-bottom: 16px !important;
-}
-fieldset .setting_holder .setting_item {
-  margin-top: 8px;
-}
-fieldset .setting_holder span.charalimit {
-  font-size: 12px;
-  line-height: 15px;
-  color: #777777;
-  text-align: right;
-}
-fieldset .setting_holder.indent {
-  margin-left: 27px;
-}
-fieldset ul {
-  margin-block-start: 0;
-  margin-block-end: 0;
-  padding-inline-start: 25px;
-}
-
-select.dropdown {
-  border: 1px solid #C4C4C4;
-  box-sizing: border-box;
-  border-radius: 2px;
-  cursor: pointer;
-  font-family: Source Sans Pro, sans-serif;
-  margin-top: 4px;
-  background-color: #FFFFFF;
-}
-select.dropdown.large {
-  width: 229px;
-  height: 40px;
-  font-size: 16px;
-  padding: 9px 7px;
-}
-select.dropdown.large option {
-  font-size: 16px;
-  line-height: 20px;
-  color: #333333;
-  padding: 0;
-}
-select.dropdown.medium {
-  width: 229px;
-  height: 32px;
-  font-size: 14px;
-  padding: 6px 7px;
-}
-select.dropdown.medium option {
-  font-size: 14px;
-  line-height: 18px;
-  color: #333333;
-}
-select.dropdown.small {
-  width: 229px;
-  height: 26px;
-  font-size: 14px;
-  padding: 3px 7px;
-}
-select.dropdown.small option {
-  font-size: 14px;
-  line-height: 18px;
-  color: #333333;
-}
-select.dropdown.w200 {
-  width: 200px;
-}
-select.dropdown.w130 {
-  width: 130px;
-}
-select.dropdown.inline {
-  margin-left: 24px;
-  margin-top: 0;
-}
-select.dropdown:focus {
-  outline-style: none;
-  box-shadow: none;
-  border-color: transparent;
-  border-color: #1E88E5;
-}
-select.dropdown.disabled {
-  border-color: #C4C4C4;
-  background-color: #E5E5E5;
-  color: #777777;
-  pointer-events: none;
-}
-
-textarea {
-  width: 307px;
-  height: 140px;
-  border: 1px solid #C4C4C4;
-  box-sizing: border-box;
-  border-radius: 2px;
-  resize: none;
-  margin-top: 4px;
-  padding: 9px 7px;
-  font-family: Source Sans Pro, sans-serif;
-  font-size: 16px;
-}
-textarea.disabled {
-  border-color: #C4C4C4;
-  background-color: #E5E5E5;
-  color: #777777;
-  pointer-events: none;
-}
-textarea:focus {
-  outline-style: none;
-  box-shadow: none;
-  border-color: transparent;
-  border-color: #1E88E5;
-}
-
-table {
-  margin: 8px 0;
-  padding: 8px 0;
-  border-collapse: collapse;
-  text-align: left;
-}
-table td, table th {
-  padding: 8px 16px;
-  border-top: 1px solid #E5E5E5;
-  vertical-align: middle;
-}
-table td.center, table th.center {
-  text-align: center;
-}
-table td.right, table th.right {
-  text-align: right;
-}
-table td.wrap, table th.wrap {
-  white-space: normal;
-}
-table th {
-  font-weight: 600;
-  background-color: #F8F8F8;
-}
-table tr {
-  height: 40px;
-}
-table tr:last-of-type td, table tr:last-of-type th, table tr.show_as_last_row td, table tr.show_as_last_row th {
-  border-bottom: 1px solid #E5E5E5;
-}
-table#passwords_table, table#groups_table {
-  min-width: 421px;
-}
-
-div .table-horizontal-scroll-wrapper1 {
-  display: table;
-  table-layout: fixed;
-  width: 100%;
-  margin: 8px 0;
-}
-div .table-horizontal-scroll-wrapper2 {
-  display: table-cell;
-  overflow-x: auto;
-  width: 100%;
-}
-div .table-horizontal-scroll-wrapper2 table {
-  width: 100%;
-  border-collapse: collapse;
-  white-space: nowrap;
-  margin: 0px;
-}
-
-table.gdpr_surveys tr.red_row td {
-  background-color: #FFEFEF !important;
-}
-table.gdpr_surveys tr.green_row td {
-  background-color: #a8eea8 !important;
-}
-table.gdpr_surveys.requests td div.gdpr_requests_wrap {
-  max-width: 204px;
-  min-width: 204px;
-  overflow-wrap: break-word;
-  white-space: normal;
-  padding: 8px 0px;
-}
-
-div#gdrp_requests_unresolved {
-  margin-bottom: 32px;
-}
-
 /* 
     Created on : 21-12-2021
     Author     : Peter Hrvatin
@@ -10757,6 +9586,1201 @@ and open the template in the editor.
   color: white;
 }
 
+/* 
+    Header scss - top line, menu...
+*/
+header .mobile_header {
+  display: none;
+}
+
+header #top_line {
+  display: flex;
+  align-items: center;
+  height: 58px;
+  padding: 0 32px;
+  /*tooltips on survey*/
+}
+header #top_line #logo_holder {
+  width: 87px;
+  height: 40px;
+}
+header #top_line #logo_holder a {
+  display: block;
+  width: 87px;
+  height: 40px;
+  background-image: url(../img/logo/1ka_logo_slo.svg);
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+header #top_line #logo_holder.english a {
+  background-image: url(../img/logo/1ka_logo_eng.svg);
+}
+header #top_line #logo_holder.namestitev a {
+  background-image: url(../img/logo/1ka_logo_namestitev.svg);
+}
+header #top_line #anketa_header_settings {
+  display: flex;
+  margin-left: 30px;
+}
+header #top_line #anketa_header_settings .anketa_header_naslov a {
+  font-size: 20px;
+  color: #333333;
+  text-decoration: none;
+  font-weight: 600;
+}
+header #top_line #anketa_header_settings .anketa_header_help {
+  display: flex;
+  align-items: center;
+  margin-left: 37px;
+}
+header #top_line #anketa_header_settings .anketa_header_activation {
+  display: flex;
+  align-items: center;
+}
+header #top_line #anketa_header_settings .anketa_header_activation .anketa_header_preview {
+  margin-left: 32px;
+}
+header #top_line #anketa_header_settings .anketa_header_activation .anketa_header_url {
+  margin-left: 32px;
+  color: #777777;
+}
+header #top_line #anketa_header_settings .anketa_header_activation .anketa_header_url a {
+  font-size: 16px;
+  text-decoration: none;
+}
+header #top_line #anketa_header_settings .anketa_header_activation .anketa_header_activate {
+  margin-left: 32px;
+}
+header #top_line #anketa_header_settings .anketa_header_activation .anketa_header_activate .switch_anketa {
+  position: relative;
+  display: block;
+  width: 50px;
+  height: 20px;
+}
+header #top_line #anketa_header_settings .anketa_header_activation .anketa_header_activate .switch_anketa .switch_anketa_content {
+  position: absolute;
+  cursor: pointer;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  padding-top: 1px;
+  color: white;
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 16px;
+  background-color: #1E88E5;
+  border-radius: 20px;
+}
+header #top_line #anketa_header_settings .anketa_header_activation .anketa_header_activate .switch_anketa .switch_anketa_content:before {
+  position: absolute;
+  content: "";
+  height: 18px;
+  width: 18px;
+  bottom: 1px;
+  background-color: white;
+  border-radius: 50%;
+}
+header #top_line #anketa_header_settings .anketa_header_activation .anketa_header_activate .switch_anketa.anketa_on .switch_anketa_content {
+  padding-left: 24px;
+  background-color: #1E88E5;
+}
+header #top_line #anketa_header_settings .anketa_header_activation .anketa_header_activate .switch_anketa.anketa_on .switch_anketa_content:before {
+  left: 1px;
+}
+header #top_line #anketa_header_settings .anketa_header_activation .anketa_header_activate .switch_anketa.anketa_on:hover .switch_anketa_content {
+  background-color: #0059ab;
+}
+header #top_line #anketa_header_settings .anketa_header_activation .anketa_header_activate .switch_anketa.anketa_off .switch_anketa_content {
+  padding-left: 6px;
+  background-color: #808080;
+}
+header #top_line #anketa_header_settings .anketa_header_activation .anketa_header_activate .switch_anketa.anketa_off .switch_anketa_content:before {
+  right: 1px;
+}
+header #top_line #anketa_header_settings .anketa_header_activation .anketa_header_activate .switch_anketa.anketa_off:hover .switch_anketa_content {
+  background-color: #777777;
+}
+header #top_line #anketa_header_settings .anketa_header_activation .anketa_header_lock {
+  margin-left: 32px;
+}
+header #top_line #anketa_header_settings .anketa_header_quick_settings {
+  display: flex;
+  align-items: center;
+  margin-left: 32px;
+}
+header #top_line #enka_nav {
+  display: flex;
+  align-items: center;
+  position: absolute;
+  right: 32px;
+}
+header #top_line #enka_nav div {
+  margin-left: 24px;
+}
+header #top_line #enka_nav #search_holder form {
+  display: flex;
+  align-items: center;
+}
+header #top_line #enka_nav #search_holder input#searchSurvey {
+  display: none;
+  width: 150px;
+  padding: 3px 0 3px 5px;
+  margin: -3px 0 0 5px;
+  border: 1px solid #1E88E5;
+}
+header #top_line span.sprites.mail_unread {
+  color: #FFFFFF;
+  font-size: 11px;
+  font-weight: bold;
+  line-height: 23px;
+  text-align: center;
+  text-indent: 10px;
+}
+header #top_line #xtradiv {
+  display: inline-block;
+  width: auto;
+  margin-left: 15px;
+  vertical-align: middle;
+}
+header #top_line #xtradiv .xtraname {
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  width: auto;
+  font-weight: 500;
+  color: #1E88E5;
+}
+header #top_line #xtradiv .xtraname:hover {
+  color: #0059ab;
+}
+header #top_line #xtradiv .xtraname span {
+  margin-left: 8px;
+  line-height: 20px;
+}
+header #top_line #xtradiv #xtradivSettings {
+  display: none;
+  position: absolute;
+  z-index: 99999;
+  right: 8px;
+  top: 35px;
+  padding: 5px 10px;
+  width: 120px;
+  text-align: left;
+  background-color: #FFFFFF;
+  border: 1px #1E88E5 solid;
+  -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.4);
+  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.4);
+  -moz-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.4);
+}
+header #top_line #xtradiv #xtradivSettings span.xtraSetting {
+  clear: both;
+  float: left;
+  padding: 6px 0;
+}
+header #top_line #xtradiv #xtradivSettings span.xtraSetting a.xtra {
+  display: inline;
+  vertical-align: middle;
+  font-size: 13px;
+  color: #333333;
+}
+header #top_line #xtradiv #xtradivSettings span.xtraSetting a.xtra:hover {
+  color: #FFC700;
+}
+header #top_line #xtradiv #xtradivSettings span.xtraSetting a.xtra:hover .faicon {
+  color: #FFC700;
+}
+header #top_line #xtradiv #xtradivSettings span.xtraSetting a.xtra span.faicon {
+  display: inline;
+  vertical-align: middle;
+  margin-right: 10px;
+}
+header #top_line .tooltip {
+  position: relative;
+}
+header #top_line .tooltip .expanded-tooltip {
+  display: none;
+  white-space: normal;
+}
+header #top_line .tooltip:hover .expanded-tooltip {
+  display: block;
+}
+header #top_line .tooltip.monitor {
+  cursor: pointer;
+}
+
+header {
+  /* sub settings (under second navigation) */
+}
+header #surveyNavigation {
+  height: 58px;
+  background-color: #1E88E5;
+}
+header #surveyNavigation #firstNavigation {
+  display: flex;
+  justify-content: space-between;
+  height: 58px;
+  margin: 0 32px;
+  font-size: 16px;
+  font-weight: 400;
+  text-align: center;
+}
+header #surveyNavigation #firstNavigation .right_icons {
+  display: flex;
+}
+header #surveyNavigation #firstNavigation ol {
+  display: flex;
+  align-items: center;
+  padding: 0;
+  margin: 0;
+}
+header #surveyNavigation #firstNavigation ol li {
+  list-style-image: none;
+  list-style-position: outside;
+  list-style-type: none;
+}
+header #surveyNavigation #firstNavigation ol.navigation_buttons_list {
+  padding-top: 10px;
+}
+header #surveyNavigation #firstNavigation ol.navigation_buttons_list li {
+  padding: 14px 32px;
+}
+header #surveyNavigation #firstNavigation ol.navigation_buttons_list li a {
+  color: #FFFFFF;
+  text-decoration: none;
+}
+header #surveyNavigation #firstNavigation ol.navigation_buttons_list li.active_on {
+  background-color: #FFFFFF;
+}
+header #surveyNavigation #firstNavigation ol.navigation_buttons_list li.active_on a {
+  color: #1E88E5;
+}
+header #surveyNavigation #firstNavigation ol.quick_settings li {
+  margin-left: 16px;
+}
+header #surveyNavigation #firstNavigation ol.quick_settings li a span::before {
+  color: white;
+}
+header #surveyNavigation #firstNavigation ol.quick_settings #quick_comments_link.newCss {
+  font-size: 12px;
+}
+header #surveyNavigation #firstNavigation ol.quick_settings #quick_comments_link.newCss a {
+  margin-right: 0px !important;
+  color: #FFFFFF !important;
+  font-weight: 600;
+}
+header #surveyNavigation #firstNavigation ol.quick_settings #quick_comments_link.newCss a:hover {
+  color: #FFFFFF !important;
+}
+header #surveyNavigation #firstNavigation ol.quick_settings #quick_comments_link.newCss a span.comments_blue_off {
+  margin-top: 4px !important;
+}
+header #surveyNavigation #firstNavigation ol.quick_settings #quick_comments_link.newCss a span.comments_orange_off {
+  margin-top: 4px !important;
+}
+header #surveyNavigation #firstNavigation ol.quick_settings #quick_comments_link.newCss a span.comments_blue_on {
+  margin-top: -1px !important;
+}
+header #surveyNavigation #firstNavigation ol.quick_settings #quick_comments_link.newCss a span.comments_orange_on {
+  margin-top: -1px !important;
+}
+header #surveyNavigation #firstNavigation ol.quick_settings span.sprites.comments_blue_on {
+  color: #FFFFFF;
+  font-size: 11px;
+  font-weight: bold;
+  line-height: 12px;
+  text-align: center;
+}
+header #surveyNavigation #firstNavigation ol.quick_settings span.sprites.comments_orange_on {
+  color: #FFFFFF;
+  font-size: 11px;
+  font-weight: bold;
+  line-height: 12px;
+  text-align: center;
+}
+header #surveyNavigation #firstNavigation ol.navigation_modules li {
+  margin-left: 16px;
+}
+header #surveyNavigation #firstNavigation ol.navigation_modules a:hover {
+  text-decoration: none;
+}
+header #secondNavigation {
+  display: flex;
+  align-items: center;
+  height: 41px;
+  border-bottom: 1px solid #E5E5E5;
+}
+header #secondNavigation .separator {
+  width: 1px;
+  height: 25px;
+  margin: 0 16px;
+  border-left: 1px #808080 solid;
+}
+header #secondNavigation ul.secondNavigation,
+header #secondNavigation ul.secondNavigationArchive {
+  display: flex;
+  align-items: center;
+  margin: 0 0 0 32px;
+  padding: 0;
+}
+header #secondNavigation ul.secondNavigation.secondNavigationArchive,
+header #secondNavigation ul.secondNavigationArchive.secondNavigationArchive {
+  margin-left: 0;
+}
+header #secondNavigation ul.secondNavigation li,
+header #secondNavigation ul.secondNavigationArchive li {
+  list-style-image: none;
+  list-style-position: outside;
+  list-style-type: none;
+  height: 41px;
+  border-bottom: 1px #E5E5E5 solid;
+}
+header #secondNavigation ul.secondNavigation li a,
+header #secondNavigation ul.secondNavigationArchive li a {
+  padding: 12px 32px;
+  line-height: 41px;
+  font-size: 15px;
+  color: #808080;
+  text-decoration: none;
+}
+header #secondNavigation ul.secondNavigation li.active, header #secondNavigation ul.secondNavigation li:hover,
+header #secondNavigation ul.secondNavigationArchive li.active,
+header #secondNavigation ul.secondNavigationArchive li:hover {
+  border-bottom: 1px #1E88E5 solid;
+}
+header #secondNavigation ul.secondNavigation li.active a, header #secondNavigation ul.secondNavigation li:hover a,
+header #secondNavigation ul.secondNavigationArchive li.active a,
+header #secondNavigation ul.secondNavigationArchive li:hover a {
+  color: #1E88E5;
+}
+header #secondNavigation #secondNavigation_links {
+  display: flex;
+  align-items: center;
+  position: absolute;
+  right: 32px;
+}
+header #secondNavigation #secondNavigation_links a {
+  margin-left: 16px;
+}
+header #secondNavigation #secondNavigation_links a span::before {
+  font-size: 20px !important;
+}
+header #topSettingsHolder {
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  width: 100%;
+  height: 41px;
+  color: #1E88E5;
+  border-bottom: 1px #E5E5E5 solid;
+}
+header #topSettingsHolder .borderLeft {
+  padding-left: 20px;
+  border-left: 1px dotted #E5E5E5;
+}
+header #topSettingsHolder #additional_navigation {
+  position: relative;
+  width: auto;
+  margin: 9px 0px 0 0;
+  background: 0;
+}
+header #topSettingsHolder #additional_navigation a span {
+  padding: 2px 50px 2px 0;
+  font-size: 12px;
+  font-weight: 500;
+  color: #1E88E5;
+}
+header #topSettingsHolder #additional_navigation a span.active {
+  color: #FFC700;
+  background: 0;
+}
+header #topSettingsHolder #additional_navigation a span.faicon.arrow_back {
+  padding: 0;
+  line-height: 0px;
+  margin-right: 40px;
+}
+header #topSettingsHolder #dataOnlyValid {
+  position: relative;
+  display: inline-block;
+  width: auto;
+  margin: 4px 0 0;
+  padding: 3px 0 4px 0;
+}
+header #topSettingsHolder #dataOnlyValid .middle {
+  margin-left: 20px;
+}
+header #topSettingsHolder #dataOnlyValid .middle input {
+  margin: 0px 4px 1px 2px;
+}
+header #topSettingsHolder #analiza_right_options_holder {
+  position: relative;
+  float: right;
+  margin: 4px 15px 0 0;
+}
+header #topSettingsHolder #analiza_right_options_holder #analiza_right_options {
+  display: inline;
+}
+header #topSettingsHolder #analiza_right_options_holder #analiza_right_options2 {
+  display: inline;
+}
+header #topSettingsHolder #analiza_right_options_holder #analiza_right_options3 {
+  float: left;
+  display: inline;
+}
+header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right,
+header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right2 {
+  display: none;
+  white-space: nowrap;
+  position: absolute;
+  z-index: 78;
+  top: 32px;
+  right: 0;
+  width: auto;
+  min-height: 20px;
+  height: auto;
+  padding: 10px;
+  text-align: left;
+  font-size: 13px;
+  background-color: #FFFFFF;
+  border: 1px solid #1E88E5;
+}
+header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right ul,
+header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right2 ul {
+  margin: 0px !important;
+  padding: 0px;
+}
+header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right ul li,
+header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right2 ul li {
+  display: block;
+  margin: 0px !important;
+  padding: 3px;
+  list-style: none;
+}
+header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right ul li span.as_link,
+header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right2 ul li span.as_link {
+  font-weight: 500;
+  color: #1E88E5 !important;
+}
+header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right ul li span.as_link:hover,
+header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right2 ul li span.as_link:hover {
+  color: #FFC700 !important;
+  text-decoration: none;
+}
+header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right ul li span.as_link.gray,
+header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right2 ul li span.as_link.gray {
+  font-weight: normal;
+  color: #1E88E5 !important;
+}
+header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right ul li span.as_link.gray:hover,
+header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right2 ul li span.as_link.gray:hover {
+  color: #FFC700 !important;
+  text-decoration: none;
+}
+header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right ul li span.advanced,
+header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right2 ul li span.advanced {
+  display: block;
+  font-weight: normal;
+}
+header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right ul li.space,
+header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right2 ul li.space {
+  display: none;
+}
+header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right a,
+header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right2 a {
+  color: #1E88E5 !important;
+  text-decoration: none;
+}
+header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right a:visited,
+header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right2 a:visited {
+  color: #1E88E5 !important;
+  text-decoration: none;
+}
+header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right a:hover,
+header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right2 a:hover {
+  color: #FFC700 !important;
+  text-decoration: none;
+}
+header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right2 {
+  right: 35px;
+}
+header #topSettingsHolder #analiza_right_options_holder #analiza_right_options span#filters_span {
+  color: #1E88E5;
+  margin-left: 4px;
+}
+header #topSettingsHolder #analiza_right_options_holder #analiza_right_options:hover span#filters_span {
+  color: #FFC700 !important;
+}
+header #topSettingsHolder #analiza_right_options_holder #analiza_right_options2:hover span#filters_span {
+  color: #FFC700 !important;
+}
+header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right.analiza ul li.space {
+  display: none;
+}
+header #topSettingsHolder #analiza_right_options_holder #div_analiza_filtri_right2.analiza ul li.space {
+  display: none;
+}
+header div.breadcrumbs {
+  display: none;
+}
+
+#language_select {
+  position: absolute;
+  z-index: 78;
+  right: 32px;
+  font-weight: 500;
+}
+#language_select a {
+  display: flex;
+  align-items: center;
+  text-decoration: none;
+}
+#language_select a:hover {
+  text-decoration: none;
+}
+#language_select a .flag {
+  height: 14px;
+  width: 24px;
+  margin-right: 9px;
+  background-size: 100% 30px;
+  background-position: center;
+}
+#language_select a .flag.slo {
+  background-image: url("../img/flags/flag_slo.svg");
+}
+#language_select a .flag.eng {
+  background-image: url("../img/flags/flag_eng.svg");
+}
+
+#hover_export {
+  padding: 16px;
+  color: #333333;
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 20px;
+  text-align: left;
+  background: #FFFFFF;
+  border: 1px solid #C4C4C4;
+  box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.07);
+  display: none;
+  position: absolute;
+  z-index: 99999;
+  right: 0px;
+  top: 31px;
+  width: 150px;
+}
+#hover_export a {
+  text-decoration: none;
+}
+#hover_export ul {
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+}
+#hover_export ul li {
+  margin-bottom: 16px;
+}
+#hover_export ul li:last-of-type {
+  margin-bottom: 0;
+}
+#hover_export a {
+  display: flex;
+  padding: 6px 0;
+  margin: 0 !important;
+  text-decoration: none;
+  font-size: 16px;
+  transition: 0.2s;
+}
+#hover_export a:hover {
+  text-decoration: none;
+}
+#hover_export a:first-of-type {
+  padding-top: 0;
+}
+#hover_export a:last-of-type {
+  padding-bottom: 0;
+}
+#hover_export span.hover_export_icon {
+  display: inline-block;
+  width: 32px;
+}
+
+footer#srv_footer {
+  display: flex;
+  justify-content: space-between;
+  box-sizing: border-box;
+  width: 100%;
+  height: 80px;
+  padding: 16px 40px;
+  margin-top: 40px;
+  font-size: 14px;
+  line-height: 16px;
+  color: #333333;
+  background-color: #FFFFFF;
+  border-top: 1px solid #E5E5E5;
+}
+footer#srv_footer a {
+  text-decoration: none;
+}
+footer#srv_footer .footer_left {
+  display: flex;
+  flex-direction: column;
+}
+footer#srv_footer .footer_left .footer_line {
+  display: flex;
+}
+footer#srv_footer .footer_left .footer_line:first-child {
+  margin-bottom: 15px;
+}
+footer#srv_footer .footer_left .footer_line .footer_item {
+  padding: 0 8px;
+  border-left: 1px #E5E5E5 solid;
+}
+footer#srv_footer .footer_left .footer_line .footer_item:first-child {
+  padding-left: 0;
+  border-left: none;
+}
+footer#srv_footer .footer_right {
+  text-align: left;
+}
+footer#srv_footer .footer_right span.faicon.inline_comment:before {
+  font-size: 14px !important;
+  margin-right: 3px;
+}
+footer#srv_footer .footer_right span.faicon.external_link:before {
+  font-size: 14px !important;
+  margin-right: 3px;
+}
+
+div.layout_left_item {
+  padding: 16px 32px;
+  margin-right: 64px;
+  border: 1px solid #E5E5E5;
+  box-shadow: -10px 10px 0px #F8F8F8;
+  height: fit-content;
+}
+div.layout_left_item span.faicon {
+  margin-left: 16px;
+}
+div.layout_left_item span.menu_left-title {
+  font-weight: bold;
+  font-size: 17px;
+  line-height: 21px;
+  text-transform: uppercase;
+}
+div.layout_left_item span.menu_left-title.paid_locked {
+  color: #FFC700;
+}
+div.layout_left_item ul.menu_left-list {
+  list-style-type: none;
+  padding: 0;
+  margin: 0;
+  margin-bottom: 32px;
+  font-size: 16px;
+}
+div.layout_left_item ul.menu_left-list:last-of-type {
+  margin-bottom: 0;
+}
+div.layout_left_item ul.menu_left-list.paid_locked {
+  color: #777777;
+}
+div.layout_left_item ul.menu_left-list.paid_locked a:hover {
+  color: #777777;
+}
+div.layout_left_item ul.menu_left-list li {
+  line-height: 20px;
+  margin-top: 12px;
+}
+div.layout_left_item ul.menu_left-list li.active {
+  color: #1E88E5;
+  font-weight: 600;
+}
+div.layout_left_item ul.menu_left-list li a.paid_locked {
+  color: #777777;
+}
+div.layout_left_item ul.menu_left-list li a.paid_locked a:hover {
+  color: #777777;
+}
+div.layout_left_item ul.menu_left-list.second {
+  padding-left: 30px;
+}
+div.layout_left_item ul.menu_left-list a {
+  color: inherit;
+  text-decoration: none;
+}
+div.layout_left_item ul.menu_left-list a:hover {
+  color: #1E88E5;
+}
+
+/* 
+    Form scss - input fields, buttons...
+*/
+button,
+submit {
+  box-sizing: border-box;
+  cursor: pointer;
+  font-weight: 600;
+  font-family: Source Sans Pro, sans-serif;
+  box-shadow: none;
+  border: 0;
+  transition: 0.3s;
+}
+button.table-inline,
+submit.table-inline {
+  padding: 4px 20px;
+  width: fit-content;
+  font-size: 14px;
+  border-radius: 2px;
+  margin-left: 16px;
+}
+button.small,
+submit.small {
+  padding: 5px 32px;
+  min-width: 160px;
+  font-size: 14px;
+}
+button.medium,
+submit.medium {
+  padding: 10px 32px;
+  min-width: 160px;
+  font-size: 16px;
+}
+button.large,
+submit.large {
+  padding: 12px 32px;
+  min-width: 160px;
+  font-size: 20px;
+}
+button.blue,
+submit.blue {
+  color: #FFFFFF;
+  background-color: #1E88E5;
+  border: 1px #1E88E5 solid;
+}
+button.blue:hover,
+submit.blue:hover {
+  background-color: #1980da;
+}
+button.white-blue,
+submit.white-blue {
+  color: #1E88E5;
+  background-color: #FFFFFF;
+  border: 1px #1E88E5 solid;
+}
+button.white-blue:hover,
+submit.white-blue:hover {
+  background-color: #f2f2f2;
+}
+button.white-black,
+submit.white-black {
+  color: #333333;
+  background-color: #FFFFFF;
+  border: 1px #333333 solid;
+}
+button.white-black:hover,
+submit.white-black:hover {
+  background-color: #f2f2f2;
+}
+button.gray,
+submit.gray {
+  color: #333333;
+  background-color: #E5E5E5;
+  border: 1px #333333 solid;
+}
+button.gray:hover,
+submit.gray:hover {
+  background-color: #d8d8d8;
+}
+button.yellow,
+submit.yellow {
+  color: #333333;
+  background-color: #FFC700;
+  border: 1px #FFC700 solid;
+}
+button.yellow:hover,
+submit.yellow:hover {
+  background-color: #f5bf00;
+}
+button.red,
+submit.red {
+  color: #FFFFFF;
+  background-color: #FF0000;
+  border: 1px #FF0000 solid;
+}
+button.red:hover,
+submit.red:hover {
+  background-color: #e60000;
+}
+
+div.button_holder {
+  display: flex;
+  flex-direction: row;
+  box-sizing: border-box;
+  margin-bottom: 32px;
+}
+div.button_holder button {
+  margin-right: 16px;
+}
+div.button_holder.bottom16 {
+  margin-bottom: 16px;
+}
+div.button_holder.bottom0 {
+  margin-bottom: 0px;
+}
+div.button_holder.inline {
+  align-items: flex-end;
+}
+div.button_holder.inline button {
+  margin-left: 16px;
+}
+div.button_holder.below {
+  margin-bottom: 0;
+  margin-top: 24px;
+}
+
+label {
+  cursor: pointer;
+  margin-right: 16px;
+  font-size: 16px;
+}
+label[disabled] {
+  color: #777777;
+  pointer-events: none;
+}
+label.empty {
+  margin: 0;
+  font-size: 0;
+}
+
+input[type=text], input[type=password] {
+  border: 1px solid #C4C4C4;
+  box-sizing: border-box;
+  border-radius: 2px;
+  width: 245px;
+  margin-top: 4px;
+  font-family: Source Sans Pro, sans-serif;
+}
+input[type=text].w200, input[type=password].w200 {
+  width: 200px;
+}
+input[type=text].w400, input[type=password].w400 {
+  width: 400px;
+}
+input[type=text].wauto, input[type=password].wauto {
+  width: auto;
+}
+input[type=text].large, input[type=password].large {
+  height: 40px;
+  font-size: 16px;
+  padding: 9px 7px;
+}
+input[type=text].medium, input[type=password].medium {
+  height: 32px;
+  font-size: 14px;
+  padding: 6px 7px;
+}
+input[type=text].small, input[type=password].small {
+  height: 26px;
+  font-size: 14px;
+  padding: 3px 7px;
+}
+input[type=text]:focus, input[type=password]:focus {
+  outline-style: none;
+  box-shadow: none;
+  border-color: transparent;
+  border-color: #1E88E5;
+}
+input[type=text][readonly=true], input[type=password][readonly=true] {
+  cursor: pointer;
+}
+input[type=radio], input[type=checkbox] {
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+}
+input[type=radio] + label:before, input[type=checkbox] + label:before {
+  cursor: pointer;
+  font-family: "Font Awesome 5 Free";
+  display: inline-block;
+  color: #777777;
+  letter-spacing: 8px;
+  font-size: 18px;
+  vertical-align: -1px;
+}
+input[type=radio] + label.empty:before, input[type=checkbox] + label.empty:before {
+  letter-spacing: 0;
+}
+input[type=radio]:checked + label:before, input[type=checkbox]:checked + label:before {
+  color: #1E88E5;
+}
+input[type=checkbox] + label:before {
+  content: "";
+}
+input[type=checkbox]:checked + label:before {
+  content: "";
+  font-weight: bold;
+}
+input[type=radio] + label:before {
+  content: "";
+}
+input[type=radio]:checked + label:before {
+  content: "";
+}
+input[type=checkbox][disabled] + label:before {
+  color: #C4C4C4;
+  pointer-events: none;
+}
+input[type=radio][disabled] + label:before {
+  color: #C4C4C4;
+  pointer-events: none;
+}
+input.disabled {
+  border-color: #C4C4C4;
+  background-color: #E5E5E5;
+  color: #777777;
+  pointer-events: none;
+}
+
+fieldset {
+  margin-bottom: 32px;
+  padding: 32px;
+  box-sizing: border-box;
+  margin-inline-start: 0;
+  margin-inline-end: 0;
+  border: 1px solid #E5E5E5;
+}
+fieldset legend {
+  padding: 0 15px;
+  font-size: 16px;
+  font-weight: 700;
+  color: #1E88E5;
+  text-transform: uppercase;
+}
+fieldset p.bottom16 {
+  margin-bottom: 16px;
+}
+fieldset p.top16 {
+  margin-top: 16px;
+}
+fieldset p.top32 {
+  margin-top: 32px;
+}
+fieldset p.bottom8 {
+  margin-bottom: 8px;
+}
+fieldset p.top8 {
+  margin-top: 8px;
+}
+fieldset .setting_horizontal_wrapper {
+  display: flex;
+  flex-direction: row;
+}
+fieldset .setting_horizontal_wrapper .setting_holder {
+  margin-right: 17px;
+}
+fieldset .setting_holder {
+  margin-bottom: 16px;
+  display: flex;
+  flex-direction: column;
+}
+fieldset .setting_holder.bottom8 {
+  margin-bottom: 8px !important;
+}
+fieldset .setting_holder:first-of-type, fieldset .setting_holder.top0 {
+  margin-top: 0;
+}
+fieldset .setting_holder.bottom0 {
+  margin-bottom: 0;
+}
+fieldset .setting_holder:last-of-type {
+  margin-bottom: 0;
+}
+fieldset .setting_holder:last-of-type.bottom16 {
+  margin-bottom: 16px !important;
+}
+fieldset .setting_holder .setting_item {
+  margin-top: 8px;
+}
+fieldset .setting_holder span.charalimit {
+  font-size: 12px;
+  line-height: 15px;
+  color: #777777;
+  text-align: right;
+}
+fieldset .setting_holder.indent {
+  margin-left: 27px;
+}
+fieldset ul {
+  margin-block-start: 0;
+  margin-block-end: 0;
+  padding-inline-start: 25px;
+}
+
+select.dropdown {
+  border: 1px solid #C4C4C4;
+  box-sizing: border-box;
+  border-radius: 2px;
+  cursor: pointer;
+  font-family: Source Sans Pro, sans-serif;
+  margin-top: 4px;
+  background-color: #FFFFFF;
+}
+select.dropdown.large {
+  width: 229px;
+  height: 40px;
+  font-size: 16px;
+  padding: 9px 7px;
+}
+select.dropdown.large option {
+  font-size: 16px;
+  line-height: 20px;
+  color: #333333;
+  padding: 0;
+}
+select.dropdown.medium {
+  width: 229px;
+  height: 32px;
+  font-size: 14px;
+  padding: 6px 7px;
+}
+select.dropdown.medium option {
+  font-size: 14px;
+  line-height: 18px;
+  color: #333333;
+}
+select.dropdown.small {
+  width: 229px;
+  height: 26px;
+  font-size: 14px;
+  padding: 3px 7px;
+}
+select.dropdown.small option {
+  font-size: 14px;
+  line-height: 18px;
+  color: #333333;
+}
+select.dropdown.w200 {
+  width: 200px;
+}
+select.dropdown.w130 {
+  width: 130px;
+}
+select.dropdown.inline {
+  margin-left: 24px;
+  margin-top: 0;
+}
+select.dropdown:focus {
+  outline-style: none;
+  box-shadow: none;
+  border-color: transparent;
+  border-color: #1E88E5;
+}
+select.dropdown.disabled {
+  border-color: #C4C4C4;
+  background-color: #E5E5E5;
+  color: #777777;
+  pointer-events: none;
+}
+
+textarea {
+  width: 307px;
+  height: 140px;
+  border: 1px solid #C4C4C4;
+  box-sizing: border-box;
+  border-radius: 2px;
+  resize: none;
+  margin-top: 4px;
+  padding: 9px 7px;
+  font-family: Source Sans Pro, sans-serif;
+  font-size: 16px;
+}
+textarea.disabled {
+  border-color: #C4C4C4;
+  background-color: #E5E5E5;
+  color: #777777;
+  pointer-events: none;
+}
+textarea:focus {
+  outline-style: none;
+  box-shadow: none;
+  border-color: transparent;
+  border-color: #1E88E5;
+}
+
+table {
+  margin: 8px 0;
+  padding: 8px 0;
+  border-collapse: collapse;
+  text-align: left;
+}
+table td, table th {
+  padding: 8px 16px;
+  border-top: 1px solid #E5E5E5;
+  vertical-align: middle;
+}
+table td.center, table th.center {
+  text-align: center;
+}
+table td.right, table th.right {
+  text-align: right;
+}
+table td.wrap, table th.wrap {
+  white-space: normal;
+}
+table th {
+  font-weight: 600;
+  background-color: #F8F8F8;
+}
+table tr {
+  height: 40px;
+}
+table tr:last-of-type td, table tr:last-of-type th, table tr.show_as_last_row td, table tr.show_as_last_row th {
+  border-bottom: 1px solid #E5E5E5;
+}
+table#passwords_table, table#groups_table {
+  min-width: 421px;
+}
+
+div .table-horizontal-scroll-wrapper1 {
+  display: table;
+  table-layout: fixed;
+  width: 100%;
+  margin: 8px 0;
+}
+div .table-horizontal-scroll-wrapper2 {
+  display: table-cell;
+  overflow-x: auto;
+  width: 100%;
+}
+div .table-horizontal-scroll-wrapper2 table {
+  width: 100%;
+  border-collapse: collapse;
+  white-space: nowrap;
+  margin: 0px;
+}
+
+table.gdpr_surveys tr.red_row td {
+  background-color: #FFEFEF !important;
+}
+table.gdpr_surveys tr.green_row td {
+  background-color: #a8eea8 !important;
+}
+table.gdpr_surveys.requests td div.gdpr_requests_wrap {
+  max-width: 204px;
+  min-width: 204px;
+  overflow-wrap: break-word;
+  white-space: normal;
+  padding: 8px 0px;
+}
+
+div#gdrp_requests_unresolved {
+  margin-bottom: 32px;
+}
+
 /* 
     Specific pages scss
 */
@@ -10795,6 +10819,16 @@ and open the template in the editor.
 #survey_list .second_line #searchMySurveys form {
   display: flex;
 }
+#survey_list .second_line #searchMySurveys form input[type=text] {
+  box-sizing: border-box;
+  padding: 12px 14px;
+  margin: 0;
+  font-size: 16px;
+  background: #FFFFFF;
+  border: 1px solid #C4C4C4;
+  border-right: none;
+  border-radius: 2px 0 0 2px;
+}
 #survey_list .second_line .filters {
   display: flex;
   justify-content: end;
@@ -10805,28 +10839,156 @@ and open the template in the editor.
 #survey_list .second_line .filters #sortButton,
 #survey_list .second_line .filters #folderSwitch {
   cursor: pointer;
+  position: relative;
+  height: 40px;
+  width: 102px;
   box-sizing: border-box;
   margin-left: 16px;
-  padding: 12px 8px;
+  padding: 10px 8px;
   border: 1px #C4C4C4 solid;
   border-radius: 2px;
+  transition: 0.2s;
+}
+#survey_list .second_line .filters #filterButton#folderSwitch,
+#survey_list .second_line .filters #sortButton#folderSwitch,
+#survey_list .second_line .filters #folderSwitch#folderSwitch {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+#survey_list .second_line .filters #filterButton#folderSwitch .switch_folders,
+#survey_list .second_line .filters #sortButton#folderSwitch .switch_folders,
+#survey_list .second_line .filters #folderSwitch#folderSwitch .switch_folders {
+  position: relative;
+  display: block;
+  width: 41px;
+  height: 16px;
+}
+#survey_list .second_line .filters #filterButton#folderSwitch .switch_folders .switch_folders_content,
+#survey_list .second_line .filters #sortButton#folderSwitch .switch_folders .switch_folders_content,
+#survey_list .second_line .filters #folderSwitch#folderSwitch .switch_folders .switch_folders_content {
+  position: absolute;
+  cursor: pointer;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  padding-top: 1px;
+  color: white;
+  font-size: 10px;
+  font-weight: 400;
+  line-height: 13px;
+  background-color: #1E88E5;
+  border-radius: 16px;
+}
+#survey_list .second_line .filters #filterButton#folderSwitch .switch_folders .switch_folders_content:before,
+#survey_list .second_line .filters #sortButton#folderSwitch .switch_folders .switch_folders_content:before,
+#survey_list .second_line .filters #folderSwitch#folderSwitch .switch_folders .switch_folders_content:before {
+  position: absolute;
+  content: "";
+  height: 14px;
+  width: 14px;
+  bottom: 1px;
+  background-color: white;
+  border-radius: 50%;
+}
+#survey_list .second_line .filters #filterButton#folderSwitch .switch_folders.on .switch_folders_content,
+#survey_list .second_line .filters #sortButton#folderSwitch .switch_folders.on .switch_folders_content,
+#survey_list .second_line .filters #folderSwitch#folderSwitch .switch_folders.on .switch_folders_content {
+  padding-left: 20px;
+  background-color: #1E88E5;
+}
+#survey_list .second_line .filters #filterButton#folderSwitch .switch_folders.on .switch_folders_content:before,
+#survey_list .second_line .filters #sortButton#folderSwitch .switch_folders.on .switch_folders_content:before,
+#survey_list .second_line .filters #folderSwitch#folderSwitch .switch_folders.on .switch_folders_content:before {
+  left: 1px;
+}
+#survey_list .second_line .filters #filterButton#folderSwitch .switch_folders.on:hover .switch_folders_content,
+#survey_list .second_line .filters #sortButton#folderSwitch .switch_folders.on:hover .switch_folders_content,
+#survey_list .second_line .filters #folderSwitch#folderSwitch .switch_folders.on:hover .switch_folders_content {
+  background-color: #0059ab;
+}
+#survey_list .second_line .filters #filterButton#folderSwitch .switch_folders.off .switch_folders_content,
+#survey_list .second_line .filters #sortButton#folderSwitch .switch_folders.off .switch_folders_content,
+#survey_list .second_line .filters #folderSwitch#folderSwitch .switch_folders.off .switch_folders_content {
+  padding-left: 6px;
+  background-color: #808080;
+}
+#survey_list .second_line .filters #filterButton#folderSwitch .switch_folders.off .switch_folders_content:before,
+#survey_list .second_line .filters #sortButton#folderSwitch .switch_folders.off .switch_folders_content:before,
+#survey_list .second_line .filters #folderSwitch#folderSwitch .switch_folders.off .switch_folders_content:before {
+  right: 1px;
+}
+#survey_list .second_line .filters #filterButton#folderSwitch .switch_folders.off:hover .switch_folders_content,
+#survey_list .second_line .filters #sortButton#folderSwitch .switch_folders.off:hover .switch_folders_content,
+#survey_list .second_line .filters #folderSwitch#folderSwitch .switch_folders.off:hover .switch_folders_content {
+  background-color: #777777;
+}
+#survey_list .second_line .filters #filterButton#filterButton:after, #survey_list .second_line .filters #filterButton#sortButton:after,
+#survey_list .second_line .filters #sortButton#filterButton:after,
+#survey_list .second_line .filters #sortButton#sortButton:after,
+#survey_list .second_line .filters #folderSwitch#filterButton:after,
+#survey_list .second_line .filters #folderSwitch#sortButton:after {
+  position: absolute;
+  font-family: "Font Awesome 5 Free";
+  content: "";
+  right: 8px;
+  top: 13px;
+  font-weight: 600;
+  font-size: 12px;
+}
+#survey_list .second_line .filters #filterButton:hover,
+#survey_list .second_line .filters #sortButton:hover,
+#survey_list .second_line .filters #folderSwitch:hover {
+  background-color: #F2F2F2;
 }
 #survey_list .second_line .filters #filterButton #filterSettings,
 #survey_list .second_line .filters #filterButton #sortSettings,
 #survey_list .second_line .filters #sortButton #filterSettings,
 #survey_list .second_line .filters #sortButton #sortSettings {
+  padding: 16px;
+  color: #333333;
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 20px;
+  text-align: left;
+  background: #FFFFFF;
+  border: 1px solid #C4C4C4;
+  box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.07);
   visibility: hidden;
   opacity: 0;
   position: absolute;
   right: 0;
   z-index: 9999;
-  width: 160px;
-  margin-top: 12px;
-  padding: 0 10px;
-  text-align: left;
-  font-size: 12px;
-  font-weight: 400;
-  background-color: white;
+  width: 200px;
+  top: 40px;
+  border-radius: 2px;
+}
+#survey_list .second_line .filters #filterButton #filterSettings a,
+#survey_list .second_line .filters #filterButton #sortSettings a,
+#survey_list .second_line .filters #sortButton #filterSettings a,
+#survey_list .second_line .filters #sortButton #sortSettings a {
+  text-decoration: none;
+}
+#survey_list .second_line .filters #filterButton #filterSettings ul,
+#survey_list .second_line .filters #filterButton #sortSettings ul,
+#survey_list .second_line .filters #sortButton #filterSettings ul,
+#survey_list .second_line .filters #sortButton #sortSettings ul {
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+}
+#survey_list .second_line .filters #filterButton #filterSettings ul li,
+#survey_list .second_line .filters #filterButton #sortSettings ul li,
+#survey_list .second_line .filters #sortButton #filterSettings ul li,
+#survey_list .second_line .filters #sortButton #sortSettings ul li {
+  margin-bottom: 16px;
+}
+#survey_list .second_line .filters #filterButton #filterSettings ul li:last-of-type,
+#survey_list .second_line .filters #filterButton #sortSettings ul li:last-of-type,
+#survey_list .second_line .filters #sortButton #filterSettings ul li:last-of-type,
+#survey_list .second_line .filters #sortButton #sortSettings ul li:last-of-type {
+  margin-bottom: 0;
 }
 #survey_list .second_line .filters #filterButton:hover #filterSettings,
 #survey_list .second_line .filters #filterButton:hover #sortSettings,
@@ -10835,16 +10997,50 @@ and open the template in the editor.
   visibility: visible;
   opacity: 1;
 }
+#survey_list .pagination_bottom_holder {
+  display: flex;
+  justify-content: center;
+  margin-top: 32px;
+}
 #survey_list .pagination {
   display: flex;
   justify-content: center;
   align-items: center;
+  width: auto;
+  padding: 4px;
+  background: #F8F8F8;
+  border-radius: 2px;
 }
 #survey_list .pagination.top {
-  width: 33%;
+  max-width: 33%;
 }
-#survey_list .pagination.bottom {
-  margin-top: 32px;
+#survey_list .pagination a {
+  color: #333333;
+  text-decoration: none;
+}
+#survey_list .pagination .page_number {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 24px;
+  height: 24px;
+  margin: 0 4px;
+  border-radius: 2px;
+  transition: 0.2s;
+}
+#survey_list .pagination .page_number:hover {
+  background-color: #E5E5E5;
+}
+#survey_list .pagination .page_number.currentPage {
+  color: #FFFFFF;
+  background-color: #1E88E5;
+}
+#survey_list .pagination .arrow {
+  margin: 0 4px;
+  transition: 0.2s;
+}
+#survey_list .pagination .arrow.disabledPage {
+  color: #777777;
 }
 
 /*
@@ -10854,10 +11050,13 @@ and open the template in the editor.
   width: 100%;
 }
 #survey_list .div_sl_new table#surveyList_new tr td {
+  padding-left: 16px;
+  padding-right: 16px;
   vertical-align: middle;
   border-bottom: 1px #D3D3D3 solid;
 }
 #survey_list .div_sl_new table#surveyList_new tr.sl_header_new td {
+  cursor: pointer;
   height: 62px;
   padding: 0 8px;
   vertical-align: middle;
diff --git a/resources/sass/admin_new/components/components.scss b/resources/sass/admin_new/components/components.scss
index c90ce646a..9a10f2304 100644
--- a/resources/sass/admin_new/components/components.scss
+++ b/resources/sass/admin_new/components/components.scss
@@ -2,6 +2,8 @@
     Components scss
 */
 
+@import "hover/hover";
+@import "popup/popup";
 
 // Layout components
 @import "header/header";
@@ -10,6 +12,4 @@
 
 // Functional components
 @import "form/form";
-@import "table/table";
-@import "popup/popup";
-@import "hover/hover";
\ No newline at end of file
+@import "table/table";
\ No newline at end of file
diff --git a/resources/sass/admin_new/components/header/icons.scss b/resources/sass/admin_new/components/header/icons.scss
index 8e87538b0..b2677da00 100644
--- a/resources/sass/admin_new/components/header/icons.scss
+++ b/resources/sass/admin_new/components/header/icons.scss
@@ -37,6 +37,8 @@
 
 // Hover za izvoze
 #hover_export {
+    @include hover_basic();
+
     display: none;
     position: absolute;
     z-index: 99999;
@@ -44,14 +46,6 @@
     top: 31px;
 
     width: 150px;
-    padding: 10px 16px;
-
-    text-align: left;
-    line-height: normal;
-
-    background-color: $white;
-
-    border: 1px $gray solid;
 
     a {
         display: flex;
@@ -66,6 +60,14 @@
         &:hover{
             text-decoration: none;
         }
+
+        &:first-of-type{
+            padding-top: 0;
+        }
+
+        &:last-of-type{
+            padding-bottom: 0;
+        }
     }
 
     span.hover_export_icon {
diff --git a/resources/sass/admin_new/components/hover/hover.scss b/resources/sass/admin_new/components/hover/hover.scss
index e69de29bb..03ebf06ae 100644
--- a/resources/sass/admin_new/components/hover/hover.scss
+++ b/resources/sass/admin_new/components/hover/hover.scss
@@ -0,0 +1,32 @@
+@mixin hover_basic(){
+    padding: 16px;
+
+    color: $black;
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 20px;
+    text-align: left;
+
+    background: $white;
+    border: 1px solid $dark-gray;
+    box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.07);
+
+    a{
+        text-decoration: none;
+    }
+
+    ul{
+        margin: 0;
+        padding: 0;
+
+        list-style-type: none;
+
+        li{
+            margin-bottom: 16px;
+
+            &:last-of-type{
+                margin-bottom: 0;
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/resources/sass/admin_new/pages/my_surveys/top_filters.scss b/resources/sass/admin_new/pages/my_surveys/top_filters.scss
index 5957de829..e5bec620d 100644
--- a/resources/sass/admin_new/pages/my_surveys/top_filters.scss
+++ b/resources/sass/admin_new/pages/my_surveys/top_filters.scss
@@ -17,6 +17,20 @@
 
             form{
                 display: flex;
+
+                input[type="text"]{
+                    box-sizing: border-box;
+                    padding: 12px 14px;
+                    margin: 0;
+
+                    font-size: 16px;
+
+                    background: $white;
+                    border: 1px solid $dark-gray;
+                    border-right: none;
+                    border-radius: 2px 0 0 2px;
+                }
+
             }
         }
 			
@@ -32,13 +46,110 @@
             #sortButton,
             #folderSwitch{
                 cursor: pointer;
+                position: relative;
+
+                height: 40px;
+                width: 102px;
 
                 box-sizing: border-box;
                 margin-left: 16px;
-                padding: 12px 8px;
+                padding: 10px 8px;
 
                 border: 1px $dark-gray solid;
                 border-radius: 2px;
+
+                transition: 0.2s;
+
+                &#folderSwitch{
+                    display: flex;
+                    align-items: center;
+                    justify-content: space-between;
+
+                    .switch_folders {
+                        position: relative;
+                        display: block;
+                        
+                        width: 41px;
+                        height: 16px;
+                        
+                        .switch_folders_content {
+                            position: absolute;
+                            cursor: pointer;
+                            top: 0;
+                            left: 0;
+                            right: 0;
+                            bottom: 0;
+                            padding-top: 1px;
+    
+                            color: white;
+                            font-size: 10px;
+                            font-weight: 400;
+                            line-height: 13px;
+                            
+                            background-color: $blue;
+                            border-radius: 16px;
+                        }
+                        
+                        .switch_folders_content:before {
+                            position: absolute;
+                            content: "";
+                            
+                            height: 14px;
+                            width: 14px;
+                            bottom: 1px;
+                            
+                            background-color: white;
+                            border-radius: 50%;
+                        }
+                    }
+    
+                    .switch_folders.on{
+                        .switch_folders_content{
+                            padding-left: 20px;
+                            background-color: $blue;
+                        }
+                        .switch_folders_content:before{
+                            left: 1px;
+                        }
+                        &:hover{
+                            .switch_folders_content{
+                                background-color: $dark-blue;
+                            }
+                        }
+                    }
+    
+                    .switch_folders.off{
+                        .switch_folders_content{
+                            padding-left: 6px;
+                            background-color: $very-dark-gray2;
+                        }
+                        .switch_folders_content:before{
+                            right: 1px;
+                        }
+                        &:hover{
+                            .switch_folders_content{
+                                background-color: $very-dark-gray;
+                            }
+                        }
+                    }
+                }
+
+                &#filterButton:after,
+                &#sortButton:after{
+                    position: absolute;
+                    font-family: $fontawesome;
+                    content: "\f078";
+
+                    right: 8px;
+                    top: 13px;
+
+                    font-weight: 600;
+                    font-size: 12px;
+                }
+
+                &:hover{
+                    background-color: $light-gray2;
+                }
             }
 
 
@@ -48,22 +159,19 @@
 
                 #filterSettings,
                 #sortSettings{
+                    @include hover_basic();
+
                     visibility: hidden;
                     opacity: 0;
                     
                     position: absolute;
                     right: 0;
                     z-index: 9999;
+
+                    width: 200px;
+                    top: 40px;
                     
-                    width: 160px;
-                    margin-top: 12px;
-                    padding: 0 10px;
-                    
-                    text-align: left;
-                    font-size: 12px;
-                    font-weight: 400;
-                    
-                    background-color: white;
+                    border-radius: 2px;
                 }
 
                 &:hover{
@@ -85,17 +193,65 @@
     }
 
     // Paginacija
+    .pagination_bottom_holder{
+        display: flex;
+        justify-content: center;
+
+        margin-top: 32px;
+    }
+
     .pagination{
         display: flex;
         justify-content: center;
         align-items: center;
 
+        width: auto;
+        padding: 4px;
+
+        background: $light-gray;
+        border-radius: 2px;
+
         &.top{
-            width: 33%;
+            max-width: 33%;
         }
 
-        &.bottom{
-            margin-top: 32px;
+        a{
+            color: $black;
+            text-decoration: none;
+        }
+
+        .page_number{
+            display: flex;
+            justify-content: center;
+            align-items: center;
+
+            width: 24px;
+            height: 24px;
+
+            margin: 0 4px;
+
+            border-radius: 2px;
+
+            transition: 0.2s;
+
+            &:hover{
+                background-color: $gray; 
+            }
+
+            &.currentPage{
+                color: $white;
+                background-color: $blue; 
+            }
+        }
+
+        .arrow{
+            margin: 0 4px;
+
+            transition: 0.2s;
+
+            &.disabledPage{
+                color: $very-dark-gray;
+            }
         }
     }
 }
\ No newline at end of file