Restavrirane pobrisane datoteke iz master brancha (resources, root readme...)

long_term_TODO.txt

@@ -0,0 +1,41 @@
+
+
+
+Development:
+ - Docker:
+	- update na Docker 8 ali 9?
+ 	- postaviti delujočo verzijo z vsemi paketi (PHP, Apache, Mysql, R, Latex, sendmail v log itd., Node.js - NPM install)
+ 	- razbiti container na posamezne containerje (PHP, Apache, MYsql, R, Latex)
+ 	- generiranje image za osnovni razvoj (PHP, Apache, Mysql)
+ 	- generiranje image za polni razvoj (PHP, Apache, Mysql in vsei pripadajoči paketi)
+ 	- generiranje image za uporabnike (že includana 1ka in baza)
+
+
+
+1ka - backend (razvrščeno po pomembnosti):
+ - vse include poiskat in dodati v composer autoload file (s tem posledično samo 1x klicemo vendor/autoload.php in ni potrebno v vsaki datoteki ponovno klicati settings.php itd.)
+ 
+ - upgradati jquery na najnovejšo verzijo ter vseh pripadajočih knjižni
+ 	- za update se lahko uporabi lokalno npm repozitorij, ki ima seznam vseh knjižnic in verzij
+ - prestaviti js in css iz admin in main v resources (za razvoj) in public (css in js minificiran za produkcijo)
+ - prenos vseh js alertov na html popupe
+ 
+ - razbiti SurveyAdmin, Branching, SurveyAdminAjax... v več razredov za boljšo preglednost
+ - razbiti js kodo v main (JsController) na manjše funkcije v ločeni js datoteki
+ - popraviti strukturo datotek - img_0, img_new, icons, fonts, css (vse v public oz. resources), folder excel, razbiti classes v poddirektorije, folder functions
+ 
+ - urediti poenoten XML izvoz ankete s podatki - s tem se naj bi ukvarjal Žan
+ 
+ - razbiti tabelo srv_anketa (zaradi prevečih stolpcev je prevelika)
+ 
+ - dodatno testiranje počasnih querijev v bazi (po prehodu na cloud in optimizaciji) in možna dodatna optimizacija poizvedb
+ - testiranje php8 - log warningi, errorji
+ 
+ - prenova naprednih modulov (kocke)
+ - prenova urejanja vprašanja
+ - omejitve - št. vprašanj (1000), št. poslanih vabil, št. zank - 10x10
+
+
+
+1ka - frontend:
+ - prenos logina za google in fb v api controller (api controller se ne dela ok in tudi vazno je iz katerega url-ja pride)

manifest.json

@@ -0,0 +1,24 @@
+{
+	"name": "1KA Mobile APP",
+	"short_name": "1KA APP",
+	"description": "Free Survey Maker",
+	"icons": [
+		{
+			"src": "/public/img/android/android-chrome-192x192.png",
+			"sizes": "192x192",
+			"type": "image/png"
+		},
+		{
+			"src": "/public/img/android/android-chrome-512x512.png",
+			"sizes": "512x512",
+			"type": "image/png"
+		}
+	],
+	"prefer_related_applications": true,
+	"related_applications": [
+		{
+			"platform": "play",
+			"id": "com.FDV.hitra1ka"
+		}
+	]
+}

package-lock.json

@@ -0,0 +1,12 @@
+{
+  "name": "1ka",
+  "requires": true,
+  "lockfileVersion": 1,
+  "dependencies": {
+    "@fortawesome/fontawesome-free": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-5.3.1.tgz",
+      "integrity": "sha512-jt6yi7iZVtkY9Jc6zFo+G2vqL4M81pb3IA3WmnnDt9ci7Asz+mPg4gbZL8pjx0nGFBsG0Bmd7BjU9IQkebqxFA=="
+    }
+  }
+}

package.json

@@ -0,0 +1,23 @@
+{
+  "name": "1ka",
+  "scripts": {
+    "dev": "npm run development",
+    "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
+    "watch": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
+    "watch-poll": "npm run watch -- --watch-poll",
+    "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
+    "prod": "npm run production",
+    "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
+  },
+  "devDependencies": {
+    "cross-env": "^5.0.1",
+    "jquery": "^1.11",
+    "laravel-mix": "^1.0",
+    "lodash": "^4.17.4",
+    "vue": "^2.3.4"
+  },
+  "dependencies": {
+    "gulp": "^4.0.2",
+    "vue-resource": "^1.3.4"
+  }
+}

readme.md

@@ -0,0 +1,27 @@
+# 1KA - ENKLIK ANKETA
+
+
+## Composer
+
+### Dodajanje novega razreda
+V kolikor se doda nov razred v main/survey/app, aplikacija 1ka sama naloži omenej razred zaradi PSR-4 standarda. Pri definiranju novega razreda uporabiti namespace "App\Controller" in deklarirati razred (use ime razreda), katere se uporablja v omenjenem novem razredu.
+
+Pri dodajanju razredov v admin/survey ali kamorkoli drugam pa je potrebno v datoteki composer.json ime datoteko oz. točno določen
+razred. Ko je razred dodan se mora izvesti:
+
+```
+composer dump-autoload
+```
+
+### Posodobitev dodatnih knjižnic razvojno okolje ali commit na pridukcijo
+Pri posodobitvi knjižnic in osveževanju autoloaderja za produkcijo se uporabi ukaz:
+
+```
+composer produkcija
+```
+
+### Development (lokalno/strežnik)
+Pri razvoju se lahko uporablja orodja, ki so primerna za razvoj in se dodatne knjižnice namesti z
+```
+composer dev
+```

resources/.htaccess

@@ -0,0 +1 @@
+Deny from all

resources/fonts/FontAwesome5/scss/_animated.scss

@@ -0,0 +1,20 @@
+// Animated Icons
+// --------------------------
+
+.#{$fa-css-prefix}-spin {
+  animation: fa-spin 2s infinite linear;
+}
+
+.#{$fa-css-prefix}-pulse {
+  animation: fa-spin 1s infinite steps(8);
+}
+
+@keyframes fa-spin {
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+}

resources/fonts/FontAwesome5/scss/_bordered-pulled.scss

@@ -0,0 +1,20 @@
+// Bordered & Pulled
+// -------------------------
+
+.#{$fa-css-prefix}-border {
+  border: solid .08em $fa-border-color;
+  border-radius: .1em;
+  padding: .2em .25em .15em;
+}
+
+.#{$fa-css-prefix}-pull-left { float: left; }
+.#{$fa-css-prefix}-pull-right { float: right; }
+
+.#{$fa-css-prefix},
+.fas,
+.far,
+.fal,
+.fab {
+  &.#{$fa-css-prefix}-pull-left { margin-right: .3em; }
+  &.#{$fa-css-prefix}-pull-right { margin-left: .3em; }
+}

resources/fonts/FontAwesome5/scss/_core.scss

@@ -0,0 +1,20 @@
+// Base Class Definition
+// -------------------------
+
+.#{$fa-css-prefix},
+.fas,
+.far,
+.fal,
+.fab {
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  display: inline-block;
+  font-style: normal;
+  font-variant: normal;
+  text-rendering: auto;
+  line-height: 1;
+}
+
+%fa-icon {
+  @include fa-icon;
+}

resources/fonts/FontAwesome5/scss/_fixed-width.scss

@@ -0,0 +1,6 @@
+// Fixed Width Icons
+// -------------------------
+.#{$fa-css-prefix}-fw {
+  text-align: center;
+  width: (20em / 16);
+}

resources/fonts/FontAwesome5/scss/_larger.scss

@@ -0,0 +1,23 @@
+// Icon Sizes
+// -------------------------
+
+// makes the font 33% larger relative to the icon container
+.#{$fa-css-prefix}-lg {
+  font-size: (4em / 3);
+  line-height: (3em / 4);
+  vertical-align: -.0667em;
+}
+
+.#{$fa-css-prefix}-xs {
+  font-size: .75em;
+}
+
+.#{$fa-css-prefix}-sm {
+  font-size: .875em;
+}
+
+@for $i from 1 through 10 {
+  .#{$fa-css-prefix}-#{$i}x {
+    font-size: $i * 1em;
+  }
+}

resources/fonts/FontAwesome5/scss/_list.scss

@@ -0,0 +1,18 @@
+// List Icons
+// -------------------------
+
+.#{$fa-css-prefix}-ul {
+  list-style-type: none;
+  margin-left: $fa-li-width * 5/4;
+  padding-left: 0;
+
+  > li { position: relative; }
+}
+
+.#{$fa-css-prefix}-li {
+  left: -$fa-li-width;
+  position: absolute;
+  text-align: center;
+  width: $fa-li-width;
+  line-height: inherit;
+}

resources/fonts/FontAwesome5/scss/_mixins.scss

@@ -0,0 +1,57 @@
+// Mixins
+// --------------------------
+
+@mixin fa-icon {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  display: inline-block;
+  font-style: normal;
+  font-variant: normal;
+  font-weight: normal;
+  line-height: 1;
+  vertical-align: -.125em;
+}
+
+@mixin fa-icon-rotate($degrees, $rotation) {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation})";
+  transform: rotate($degrees);
+}
+
+@mixin fa-icon-flip($horiz, $vert, $rotation) {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}, mirror=1)";
+  transform: scale($horiz, $vert);
+}
+
+
+// Only display content to screen readers. A la Bootstrap 4.
+//
+// See: http://a11yproject.com/posts/how-to-hide-content/
+
+@mixin sr-only {
+  border: 0;
+  clip: rect(0, 0, 0, 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+}
+
+// Use in conjunction with .sr-only to only display content when it's focused.
+//
+// Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
+//
+// Credit: HTML5 Boilerplate
+
+@mixin sr-only-focusable {
+  &:active,
+  &:focus {
+    clip: auto;
+    height: auto;
+    margin: 0;
+    overflow: visible;
+    position: static;
+    width: auto;
+  }
+}

resources/fonts/FontAwesome5/scss/_rotated-flipped.scss

@@ -0,0 +1,23 @@
+// Rotated & Flipped Icons
+// -------------------------
+
+.#{$fa-css-prefix}-rotate-90  { @include fa-icon-rotate(90deg, 1);  }
+.#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); }
+.#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); }
+
+.#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
+.#{$fa-css-prefix}-flip-vertical   { @include fa-icon-flip(1, -1, 2); }
+.#{$fa-css-prefix}-flip-horizontal.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(-1, -1, 2); }
+
+// Hook for IE8-9
+// -------------------------
+
+:root {
+  .#{$fa-css-prefix}-rotate-90,
+  .#{$fa-css-prefix}-rotate-180,
+  .#{$fa-css-prefix}-rotate-270,
+  .#{$fa-css-prefix}-flip-horizontal,
+  .#{$fa-css-prefix}-flip-vertical {
+    filter: none;
+  }
+}

resources/fonts/FontAwesome5/scss/_screen-reader.scss

@@ -0,0 +1,5 @@
+// Screen Readers
+// -------------------------
+
+.sr-only { @include sr-only; }
+.sr-only-focusable { @include sr-only-focusable; }

resources/fonts/FontAwesome5/scss/_stacked.scss

@@ -0,0 +1,31 @@
+// Stacked Icons
+// -------------------------
+
+.#{$fa-css-prefix}-stack {
+  display: inline-block;
+  height: 2em;
+  line-height: 2em;
+  position: relative;
+  vertical-align: middle;
+  width: 2em;
+}
+
+.#{$fa-css-prefix}-stack-1x,
+.#{$fa-css-prefix}-stack-2x {
+  left: 0;
+  position: absolute;
+  text-align: center;
+  width: 100%;
+}
+
+.#{$fa-css-prefix}-stack-1x {
+  line-height: inherit;
+}
+
+.#{$fa-css-prefix}-stack-2x {
+  font-size: 2em;
+}
+
+.#{$fa-css-prefix}-inverse {
+  color: $fa-inverse;
+}

resources/fonts/FontAwesome5/scss/brands.scss

@@ -0,0 +1,21 @@
+/*!
+ * Font Awesome Free 5.3.1 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ */
+@import 'variables';
+
+@font-face {
+  font-family: 'Font Awesome 5 Brands';
+  font-style: normal;
+  font-weight: normal;
+  src: url('#{$fa-font-path}/fa-brands-400.eot');
+  src: url('#{$fa-font-path}/fa-brands-400.eot?#iefix') format('embedded-opentype'),
+  url('#{$fa-font-path}/fa-brands-400.woff2') format('woff2'),
+  url('#{$fa-font-path}/fa-brands-400.woff') format('woff'),
+  url('#{$fa-font-path}/fa-brands-400.ttf') format('truetype'),
+  url('#{$fa-font-path}/fa-brands-400.svg#fontawesome') format('svg');
+}
+
+.fab {
+  font-family: 'Font Awesome 5 Brands';
+}

resources/fonts/FontAwesome5/scss/fontawesome.scss

@@ -0,0 +1,16 @@
+/*!
+ * Font Awesome Free 5.3.1 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ */
+@import 'variables';
+@import 'mixins';
+@import 'core';
+@import 'larger';
+@import 'fixed-width';
+@import 'list';
+@import 'bordered-pulled';
+@import 'animated';
+@import 'rotated-flipped';
+@import 'stacked';
+@import 'icons';
+@import 'screen-reader';

resources/fonts/FontAwesome5/scss/regular.scss

@@ -0,0 +1,22 @@
+/*!
+ * Font Awesome Free 5.3.1 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ */
+@import 'variables';
+
+@font-face {
+  font-family: 'Font Awesome 5 Free';
+  font-style: normal;
+  font-weight: 400;
+  src: url('#{$fa-font-path}/fa-regular-400.eot');
+  src: url('#{$fa-font-path}/fa-regular-400.eot?#iefix') format('embedded-opentype'),
+  url('#{$fa-font-path}/fa-regular-400.woff2') format('woff2'),
+  url('#{$fa-font-path}/fa-regular-400.woff') format('woff'),
+  url('#{$fa-font-path}/fa-regular-400.ttf') format('truetype'),
+  url('#{$fa-font-path}/fa-regular-400.svg#fontawesome') format('svg');
+}
+
+.far {
+  font-family: 'Font Awesome 5 Free';
+  font-weight: 400;
+}

resources/fonts/FontAwesome5/scss/solid.scss

@@ -0,0 +1,23 @@
+/*!
+ * Font Awesome Free 5.3.1 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ */
+@import 'variables';
+
+@font-face {
+  font-family: 'Font Awesome 5 Free';
+  font-style: normal;
+  font-weight: 900;
+  src: url('#{$fa-font-path}/fa-solid-900.eot');
+  src: url('#{$fa-font-path}/fa-solid-900.eot?#iefix') format('embedded-opentype'),
+  url('#{$fa-font-path}/fa-solid-900.woff2') format('woff2'),
+  url('#{$fa-font-path}/fa-solid-900.woff') format('woff'),
+  url('#{$fa-font-path}/fa-solid-900.ttf') format('truetype'),
+  url('#{$fa-font-path}/fa-solid-900.svg#fontawesome') format('svg');
+}
+
+.fa,
+.fas {
+  font-family: 'Font Awesome 5 Free';
+  font-weight: 900;
+}

resources/fonts/FontAwesome5/scss/v4-shims.scss

@@ -0,0 +1,6 @@
+/*!
+ * Font Awesome Free 5.3.1 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ */
+@import 'variables';
+@import 'shims';

resources/sass/admin/Settings/gdpr.scss

@@ -0,0 +1,146 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 30-Jul-2018, 12:42:41
+    Author     : podkrizniku
+*/
+
+table.gdpr_surveys {
+	max-width: 1200px;
+	padding: 0px;
+	margin: 30px 0 10px 0;
+	font-size: 13px;
+	color: #404040;
+	border-collapse: collapse;
+	tr {
+		th {
+			padding: 3px 10px;
+			min-width: 80px;
+			border: 1px solid $grey_very_light;
+			text-align: center;
+			font-weight: 600;
+			background-color: $soft_blue;
+		}
+		td {
+			padding: 3px 10px;
+			min-width: 80px;
+			border: 1px solid $grey_very_light;
+			background-color: $soft_blue_very_lighten;
+			text-align: center;
+		}
+	}
+	tr.red_row {
+		td {
+			background-color: #ffe8e8 !important;
+		}
+	}
+	tr.green_row {
+		td {
+			background-color: #a8eea8 !important;
+		}
+	}
+}
+#form_gdpr_user_settings {
+	div.setting {
+        height: 25px;
+        
+        &.red{
+            label{
+                color: red;
+            }
+            input {
+                border: 1px red solid !important;
+            }
+        }
+	}
+	span.nastavitveSpan2 {
+		width: 160px;
+	}
+	input[type="text"] {
+		padding: 3px 8px;
+	}
+	input.red {
+		border: 1px red solid !important;
+	}
+}
+#gdpr_authority_info {
+	padding: 10px 0 15px 0;
+}
+.gdpr_authority_info_data {
+	padding: 0 0 0 20px;
+}
+.requests_table_title {
+	line-height: 30px;
+	margin-top: 20px;
+	font-size: 14px;
+	font-weight: 600;
+}
+a {
+	.requests_table_title {
+		color: $strong_blue;
+	}
+}
+
+#gdpr_additional_info,
+#gdpr_data_settings{
+
+    input[type="text"]{
+        padding: 2px; 
+        width: 250px;
+    }
+    input.line_text{
+        margin: 2px 0 2px 10px;
+    }
+    input.line_text.long{
+        width: 400px;
+    }
+
+    textarea{
+        padding: 5px;
+    }
+}
+
+fieldset#gdpr_export_individual,
+fieldset#gdpr_export_activity{
+    
+    a{
+        line-height: 22px;
+    
+        .faicon{
+            margin-right: 5px;
+
+            &.preview{
+                margin-right: 2px;
+            }
+
+            &:before{
+                font-size: 16px !important;  
+            }
+        }
+    }
+}
+
+#preview_gdpr_export {        
+	height: auto;
+	max-height: 530px;
+ 
+    h2{
+        color: #333 !important;
+    }
+
+    .content{
+        max-height: 450px;
+        padding: 10px 20px 20px 20px;
+        margin-top: 40px;
+
+        line-height: 18px;
+
+        overflow-x: hidden;
+        overflow-y: auto;
+
+        background-color: $grey_super_light;
+    }
+}

resources/sass/admin/Settings/navigation.scss

@@ -0,0 +1,196 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 21-Aug-2018, 10:36:23
+    Author     : podkrizniku
+*/
+
+#globalSetingsLinks {
+	float: left;
+	z-index: 78;
+	display: inline-block;
+	width: 220px;
+	font-size: 13px;
+	padding: 0px;
+	margin: 0 20px 0 0;
+	h2 {
+		padding: 0px;
+		margin: 0 20px 0 0;
+		padding: 2px;
+		font-size: 14px;
+		font-weight: 600;
+	}
+	ul {
+		padding: 5px;
+		margin: 0px;
+
+        list-style: none;
+
+		li {
+			padding: 4px 0px 4px 20px;
+			border-bottom: 1px $grey_super_light solid;
+			color: $orange;
+			font-weight: normal;
+			a {
+				color: $strong_blue;
+			}
+		}
+		li.highlightLineTab {
+			color: $orange;
+			font-weight: normal;
+			/*background-image: url("../../../admin/survey/img_new/arrow1_orange.png");
+			background-position: 200px 9px;
+			background-repeat: no-repeat;*/
+			a {
+				color: $orange;
+				font-weight: normal;
+				span {
+					color: $orange;
+					font-weight: 500;
+				}
+			}
+		}
+		li.nonhighlight {
+			a {
+				&:hover {
+					color: $orange;
+					font-weight: normal;
+					span {
+						color: $orange;
+						font-weight: normal;
+					}
+				}
+                span.extended{
+					color: $orange;
+					font-weight: 500;
+                }
+			}
+		}
+		li.highlightLineTab.navi_tracking {
+			background-image: none !important;
+		}
+    }
+    
+	ul#sub_navi_alert {
+		li {
+			padding-left: 30px;
+		}
+    }
+    
+	ul#sub_navi_tracking {
+		li {
+			padding-left: 30px;
+		}
+	}
+}
+
+/* sub settings (under second navigation) */
+#topSettingsHolder {
+    position: relative;
+    box-sizing: border-box;
+    
+    width: 100%;
+	height: 42px;
+	margin: 0;
+    padding: 6px 15px 5px 40px;
+    
+    color: $strong_blue;
+    
+	border-bottom: 1px $soft_blue solid;
+    
+    .borderLeft {
+		padding-left: 20px;
+		border-left: 1px dotted $soft_blue;
+	}
+}
+
+#additional_navigation {
+	position: relative;
+	display: inline-block;
+    float: left;
+    
+	width: auto;
+    margin: 9px 0px 0 0;
+    
+    background: 0;
+    
+	a {
+		span {
+			padding: 2px 50px 2px 0;
+			font-size: 12px;
+			font-weight: 500;
+			color: $strong_blue;
+		}
+		&:hover {
+			span {
+				color: $orange;
+			}
+		}
+		span.active {
+			color: $orange;
+			background: 0;
+		}
+		span.faicon.arrow_back {
+			padding: 0;
+			line-height: 0px;
+			margin-right: 40px;
+		}
+	}
+}
+/*checkboxes dropdown*/
+#toggleDataCheckboxes {
+	cursor: pointer;
+	position: relative;
+	display: inline-block;
+	width: auto;
+	padding: 2px 40px !important;
+	margin: 0 0 0 0;
+	font-weight: 500;
+	&:hover {
+		color: $orange !important;
+	}
+	span {
+		margin-right: 3px;
+	}
+}
+#toggleDataCheckboxes2 {
+	cursor: pointer;
+	margin: 0 0 10px 10px;
+
+	color: $strong_blue;
+
+	&:hover {
+		color: $orange !important;
+	}
+
+	.faicon{
+		vertical-align: -2px;
+		padding-right: 5px;
+	}
+}
+#dataSettingsCheckboxes {
+    width: calc(100% + 50px);
+
+	padding: 10px 10px 18px 20px;
+    margin: -30px 0 20px -40px;
+    
+	background-color: $soft_blue_very_lighten;
+    border-bottom: 1px solid $soft_blue;
+    
+	#toggleDataCheckboxes {
+		clear: both;
+		float: none;
+		margin: 0 0 10px 0;
+		span {
+			margin-bottom: 2px;
+		}
+    }
+    
+	
+	&:not(.paraAnalysisGraph) {
+		height: 80px;
+	}
+}

resources/sass/admin/Settings/other.scss

@@ -0,0 +1,179 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 10-Aug-2018, 13:04:34
+    Author     : podkrizniku
+*/
+
+#survey_list_settings {
+	border: 1px solid $red_error;
+	background: white;
+	height: 570px;
+	overflow: auto;
+	width: 810px;
+}
+#survey_ListQickInfo {
+	position: fixed;
+	width: auto;
+	z-index: 90;
+	background-color: $grey_almost_white;
+	padding: 10px;
+	border: 1px solid $popup_border;
+	top: 50px;
+	right: 100px;
+	font-size: 12px;
+	border-radius: 7px;
+	-moz-border-radius: 7px;
+	-webkit-border-radius: 7px;
+	box-shadow: 0 0 15px $grey_normal;
+	-moz-box-shadow: 0 0 15px $grey_normal;
+	-webkit-box-shadow: 0 0 15px $grey_normal;
+}
+#sortable {
+	list-style-type: none;
+	margin: 0;
+	padding: 0;
+	width: 350px;
+	li.sortable_noGroup {
+		margin: 0 3px 3px 3px;
+		padding: 3px 5px;
+		font-size: 13px;
+		height: 16px;
+		border: 1px solid $grey_normal;
+		background-color: $grey_super_light;
+		color: $grey_normal;
+		font-weight: bold;
+		width: 300px;
+		&:hover {
+			border: 1px solid $strong_blue_lighten;
+		}
+	}
+	li.sortable_group {
+		margin: 0 3px 3px 3px;
+		padding: 3px 5px;
+		font-size: 13px;
+		height: auto;
+		border: 1px dashed $grey_normal;
+		background-color: white;
+		color: $grey_normal;
+		font-weight: bold;
+		width: 300px;
+		&:hover {
+			border: 1px solid $soft_blue;
+		}
+		div#group_holder {
+			#sortableGroup {
+				li.sortable_noGroup {
+					float: left;
+					width: 260px;
+				}
+			}
+		}
+	}
+}
+#sortableGroup {
+	list-style-type: none;
+	margin: 0;
+	padding: 0;
+	width: 200px;
+	li.sortable_noGroup {
+		padding: 3px 5px;
+		font-size: 13px;
+		height: 17px;
+		border: 1px solid $grey_normal;
+		background-color: $grey_super_light;
+		color: $grey_normal;
+		font-weight: bold;
+	}
+}
+li.sortable_noGroup {
+	margin: 0 3px 3px 3px;
+	padding: 4px 5px;
+	font-size: 13px;
+	height: 17px;
+	border: 1px solid $grey_normal;
+	background-color: $grey_super_light;
+	color: $grey_normal;
+	font-weight: bold;
+}
+#success_save {
+	color: $orange;
+	width: auto;
+	padding: 5px;
+	margin: 5px 0px;
+	display: none;
+}
+.no-cookie {
+	visibility: hidden;
+	display: inline;
+}
+
+
+/* Edit user popup */
+#vrednost_edit.edit_user {
+    @include popup_general();
+    
+    width: 700px;
+
+    .edit_user_content{
+        display: flex;
+
+        .user_settings{
+            width: 450px;
+
+            .segment{
+                margin-bottom: 20px;
+                padding: 10px;
+
+                background-color: $soft_blue_very_lighten;
+                border: 1px solid $soft_blue;
+
+                p{
+                    margin: 5px 0;        
+                    line-height: 16px;
+                }
+
+                label{
+                    width: 140px;
+                    font-weight: 500;
+                }
+
+                input[type="text"],
+                input[type="password"]{
+                    width: 200px;
+                    padding: 2px 5px;
+
+                    color: #333;
+                    border: 1px solid #c6c6c6;
+                }
+
+                input[type="radio"]{
+                    margin-left: 0;
+                }
+            }
+        }
+
+        .survey_list{
+            width: 230px; 
+            max-height: 400px; 
+            overflow-y: auto;
+
+            margin-top: 45px;
+            margin-left: 20px;
+            padding: 0 10px 10px 10px;
+
+            background-color: $soft_blue_very_lighten;
+            border: 1px solid $soft_blue;
+
+            ul{
+                padding-left: 15px;
+                list-style-type: none;
+                line-height: 18px;
+            }
+        }
+    }
+}
+

resources/sass/admin/Settings/profile.scss

@@ -0,0 +1,86 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 30-Jul-2018, 14:35:25
+    Author     : podkrizniku
+*/
+
+
+#form_profile_user_settings {
+	div.setting {
+		min-height: 25px;
+	}
+	div.data {
+		margin-top: 6px;
+		font-size: 13px;
+	}
+	span.setting_title {
+		float: left;
+		width: 150px;
+	}
+	input[type="text"] {
+		padding: 3px 8px;
+	}
+        input[type="radio"] {
+		vertical-align: 0;
+	}
+	input[type="password"] {
+		padding: 3px 8px;
+	}
+	.settings-2fa-code{
+		display: block;
+		width: 390px;
+		padding-left: 150px;
+		padding-top: 20px;
+	}
+    .google-2fa-validate,
+	.google-2fa-deactivate{
+      display: block;
+      width: 225px;
+      padding-left: 150px;
+    }
+
+	#google-2fa-bvestilo {
+		display: none;
+		clear: both;
+		padding: 10px;
+		color: $orange;
+	}
+}
+table.login_tracking {
+	max-width: 1200px;
+	padding: 0px;
+	margin: 20px 0 5px 10px;
+	font-size: 13px;
+	color: #404040;
+	border-collapse: collapse;
+	tr {
+		th {
+			padding: 5px 10px;
+			min-width: 80px;
+			border: 1px solid $grey_very_light;
+			text-align: center;
+			font-weight: 600;
+			background-color: $soft_blue;
+		}
+		td {
+			padding: 5px 10px;
+			min-width: 80px;
+			border: 1px solid $grey_very_light;
+			background-color: $soft_blue_very_lighten;
+			text-align: center;
+		}
+	}
+	tr.hide {
+		display: none;
+	}
+}
+.login_tracking_more {
+	cursor: pointer;
+	padding-left: 10px;
+	color: $strong_blue;
+}
+

resources/sass/admin/Settings/settings.scss

@@ -0,0 +1,15 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 30-Jul-2018, 12:31:49
+    Author     : podkrizniku
+*/
+
+
+@import "gdpr";
+@import "profile";
+@import "other";
+@import "navigation";

resources/sass/admin/TODO.scss

@@ -0,0 +1,139 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 17-Aug-2018, 09:43:26
+    Author     : podkrizniku
+*/
+
+/*aktivnost - naredi, da se barve filajo genericno s php, ne pa takole*/
+$background_color_125: #9bbb59;
+$background_color_126: #c0504d;
+$background_color_127: #92a9cf;
+$background_color_128: #f79646;
+$background_color_129: #4bacc6;
+$background_color_130: #8064a2;
+$background_color_131: #4f81bd;
+
+.time_span.year_2021 {
+	background-color: $background_color_129;
+}
+.time_span.year_2020 {
+	background-color: $background_color_130;
+}
+.time_span.year_2019 {
+	background-color: $background_color_131;
+}
+.time_span.year_2018 {
+	background-color: $background_color_125;
+}
+.time_span.year_2017 {
+	background-color: $background_color_126;
+}
+.time_span.year_2016 {
+	background-color: $background_color_127;
+}
+.time_span.year_2015 {
+	background-color: $background_color_128;
+}
+.time_span.year_2014 {
+	background-color: $background_color_129;
+}
+.time_span.year_2013 {
+	background-color: $background_color_130;
+}
+.time_span.year_2012 {
+	background-color: $background_color_125;
+}
+.time_span.year_2011 {
+	background-color: $background_color_126;
+}
+.time_span.year_2010 {
+	background-color: $background_color_131;
+}
+.time_span.day_1 {
+	background-color: $background_color_131;
+}
+.time_span.day_2 {
+	background-color: $background_color_126;
+}
+.time_span.day_3 {
+	background-color: $background_color_125;
+}
+.time_span.day_4 {
+	background-color: $background_color_130;
+}
+.time_span.day_5 {
+	background-color: $background_color_129;
+}
+.time_span.day_6 {
+	background-color: $background_color_128;
+}
+.time_span.day_7 {
+	background-color: $background_color_127;
+}
+.time_span.month_1 {
+	background-color: $background_color_131;
+}
+.time_span.month_2 {
+	background-color: $background_color_126;
+}
+.time_span.month_3 {
+	background-color: $background_color_125;
+}
+.time_span.month_4 {
+	background-color: $background_color_130;
+}
+.time_span.month_5 {
+	background-color: $background_color_129;
+}
+.time_span.month_6 {
+	background-color: $background_color_128;
+}
+.time_span.month_7 {
+	background-color: $background_color_127;
+}
+.time_span.month_8 {
+	background-color: $background_color_131;
+}
+.time_span.month_9 {
+	background-color: $background_color_126;
+}
+.time_span.month_10 {
+	background-color: $background_color_125;
+}
+.time_span.month_11 {
+	background-color: $background_color_130;
+}
+.time_span.month_12 {
+	background-color: $background_color_129;
+}
+/*konec aktivnosts grafi*/
+
+
+/*ikona printer pri analizah multittext tabeli v vsaki celici - ikona kot link je zakomentirana in nima funkcije*/
+.anl_single_ans_ico {
+	float: left;
+	margin-right: -16px;
+	width: 16px;
+	height: 16px;
+	display: inline-block;
+	background-image: url(../../../admin/survey/img_new/sprites_test.png);
+	background-position: -17px -200px;
+	margin-right: 2px;
+}
+
+/*menjaj nekako. prisoten v publish-invitations-4send ter v surveycondition (kjerkoli ze to je)*/
+a.addIfIcon {
+	cursor: pointer;
+	color: $grey_normal;
+	display: inline-block;
+	width: 16px;
+	height: 16px;
+	background-image: url('../../../admin/survey/img_0/if_green.png');
+	vertical-align: bottom;
+	margin-left: 5px;
+	margin-bottom: 2px;
+}

resources/sass/admin/activities.scss

@@ -0,0 +1,26 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 17-Aug-2018, 09:13:29
+    Author     : podkrizniku
+*/
+
+.time_span_container {
+	position: relative;
+	height: 200px;
+	width: 95%;
+	margin-bottom: 50px;
+	border: 1px solid $grey_very_light;
+}
+.time_span_header {
+	clear: both;
+}
+.time_span {
+	background-color: $grey_normal;
+	width: 1px;
+	display: inline-block;
+	vertical-align: bottom;
+}

resources/sass/admin/admin.scss

@@ -0,0 +1,59 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+
+SASS poženemo
+sass --style=compressed admin.scss ../../../public/css/admin.css
+
+*/
+/*
+    Created on : 18-Jul-2018, 10:11:58
+    Author     : podkrizniku
+*/
+
+
+
+// colors
+@import "variables";
+// Samo za Gorenje instalacijo
+//@import "modules/gorenje";
+
+
+@import "basic/basic";
+@import "header";
+@import "footer";
+@import "navigation";
+@import "icons/icons";
+
+@import "popup/popup";
+@import "new_survey_page/new_survey_page";
+@import "main_page/main_page";
+@import "pagination";
+@import "Settings/settings";
+@import "notifications";
+@import "branching/branching";
+@import "users";
+@import "other";
+@import "library";
+@import "publish/publish";
+@import "comments";
+@import "data/data";
+@import "testing";
+@import "survey_settings/survey_settings";
+@import "analysis/analysis";
+@import "missing_values";
+@import "dashboard/dashboard";
+@import "jquery";
+@import "telephone";
+@import "survey_respondents";
+@import "slideshow";
+@import "activities";
+
+@import "payments";
+@import "modules/modules";
+
+@import "media";
+@import "TODO";
+
+@import "mobile/mobile";

resources/sass/admin/analysis/analysis.scss

@@ -0,0 +1,26 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 08-Aug-2018, 11:30:11
+    Author     : podkrizniku
+*/
+
+#div_analiza_data {
+	display: block;
+}
+
+@import "other";
+@import "charts";
+@import "tables";
+@import "crosstabs";
+@import "means";
+@import "zoom";
+@import "ttest";
+@import "break";
+@import "reports";
+@import "preview";
+@import "right_options";
+@import "multi_crosstabs";

resources/sass/admin/analysis/break.scss

@@ -0,0 +1,55 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 16-Aug-2018, 13:17:48
+    Author     : podkrizniku
+*/
+
+.break_chart_holder {
+	margin: 30px 0 30px 0;
+}
+.avg {
+	text-decoration: overline;
+}
+#breakSpremenljivkaSpan {
+	select {
+		width: 220px;
+	}
+}
+div.breakTableDiv {
+	margin-top: 10px;
+	table {
+		border-top: 1px solid $grey_normal;
+		border-left: 1px solid $grey_normal;
+		border-collapse: collapse;
+		border-spacing: 0;
+		text-align: center;
+		th {
+			border-right: 1px solid $grey_normal;
+			border-bottom: 1px solid $grey_normal;
+			padding: 5px;
+			min-width: 70px;
+			font-weight: normal;
+			background-color: $soft_blue_lighten;
+		}
+		td {
+			border-right: 1px solid $grey_normal;
+			border-bottom: 1px solid $grey_normal;
+			padding: 5px;
+			min-width: 70px;
+			font-weight: normal;
+		}
+		th.sub {
+			background-color: $soft_blue_very_lighten;
+		}
+		th.strong {
+			font-weight: bold;
+		}
+		td.strong {
+			font-weight: bold;
+		}
+	}
+}

resources/sass/admin/analysis/charts.scss

@@ -0,0 +1,483 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 08-Aug-2018, 11:30:21
+    Author     : podkrizniku
+*/
+
+/*editing chart labels in popup*/
+table#grids {
+	td {
+		padding: 0 5px;
+		text-align: center;
+	}
+	input {
+		width: 100%;
+	}
+}
+ul.vrednost_sort {
+	padding: 0;
+	li {
+		list-style: none;
+		border: 1px solid $grey_normal;
+		margin: 5px 0px 5px 0px;
+		padding: 2px 3px 2px 3px;
+		width: 100%;
+	}
+	input[type=text] {
+		width: 50%;
+	}
+}
+#chart_hq_setting {
+	width: auto;
+	display: inline-block;
+	margin-left: 20px;
+	padding: 2px 5px 0px 5px;
+	background-color: $grey_almost_white;
+	border: 1px solid silver;
+	border-radius: 3px;
+	-moz-border-radius: 4px 4px 4px 4px;
+	-webkit-border-radius: 4px;
+	ul {
+		margin: 0px !important;
+		padding: 0px;
+		li {
+			display: block;
+			margin: 0px !important;
+			padding: 3px;
+			list-style: none;
+			span.as_link {
+				font-weight: 500;
+				color: $strong_blue !important;
+			}
+			span.as_link.gray {
+				font-weight: normal;
+				color: $strong_blue !important;
+			}
+			span.advanced {
+				display: block;
+				font-weight: normal;
+			}
+		}
+		li.space {
+			display: none;
+			display: none;
+		}
+	}
+}
+/*chart of analisys*/
+.tableChart {
+	margin: 30px auto 30px auto;
+	width: 1000px;
+	overflow: auto;
+    text-align: center;
+    
+	.chart_title {
+		width: 800px;
+        margin: 5px 0px;
+        padding-left: 5px;
+        min-height: 15px;
+        
+		font-weight: 600;
+		font-size: 14px;
+	}
+	.chart_img {
+		float: left;
+		img {
+			width: 800px;
+		}
+	}
+	.chart_settings {
+		float: right;
+		position: relative;
+		margin-top: 5px;
+		opacity: 0;
+		filter: alpha(opacity=0);
+		float: right;
+		position: relative;
+		opacity: 0;
+		filter: alpha(opacity=0);
+		margin-top: -25px;
+		background-color: $soft_blue_very_lighten;
+		.switch_left {
+			z-index: 99999;
+			position: relative;
+			width: 90px;
+			height: 17px;
+			padding: 5px 0 8px 0 !important;
+			color: $strong_blue;
+			font-size: 13px;
+			font-weight: 500;
+			background-color: $soft_blue_very_lighten;
+			float: left;
+		}
+		.switch_right {
+			z-index: 99999;
+			position: relative;
+			width: 90px;
+			height: 17px;
+			padding: 5px 0 8px 0 !important;
+			color: $strong_blue;
+			font-size: 13px;
+			font-weight: 500;
+			background-color: $soft_blue_very_lighten;
+			float: right;
+		}
+		.non-active {
+			cursor: pointer;
+			background-color: $soft_blue_very_lighten;
+		}
+		.chart_settings_inner {
+			position: relative;
+			clear: both;
+			margin-top: -3px;
+			padding: 10px;
+			width: 160px;
+			height: auto;
+			font-size: 10px;
+			line-height: 15px;
+			font-weight: normal;
+			text-align: left;
+			background-color: $soft_blue_very_lighten;
+		}
+		span.title {
+			color: $strong_blue;
+			font-size: 14px;
+			font-weight: bold;
+		}
+		span.edit {
+			cursor: pointer;
+			display: block;
+			margin: 10px;
+			font-weight: bold;
+			text-align: left;
+			color: $strong_blue;
+			&:hover {
+				color: $orange;
+			}
+		}
+		.chart_setting_exportLinks {
+			text-align: right;
+			padding: 7px;
+			span {
+				margin: 0 4px;
+			}
+		}
+	}
+	.chart_setting {
+		margin: 10px;
+	}
+}
+.chart_holder {
+	margin: 20px auto 50px auto;
+	width: 1000px;
+	overflow: hidden;
+    text-align: center;
+    
+	.chart_title {
+		width: 800px;
+        margin: 5px 0px 15px 0;
+        padding-left: 5px;
+        padding-right: 5px;
+
+		font-weight: 600;
+        font-size: 14px;
+        text-align: left;
+
+		.subtitle {
+			font-weight: normal;
+			font-size: 12px;
+			color: $grey_super_dark;
+		}
+		span.numerus {
+			font-weight: normal;
+			color: $grey_super_dark;
+			padding-left: 10px;
+		}
+	}
+	.chart_img {
+		float: left;
+		min-height: 260px;
+		img {
+			width: 800px;
+		}
+	}
+	.chart_bottom_info {
+		clear: both;
+		width: auto;
+		height: 20px;
+		padding: 5px;
+		text-align: left;
+		ul {
+			list-style: none;
+			li {
+				display: inline;
+				margin-right: 2px;
+			}
+		}
+	}
+	.chart_other_text {
+		margin-top: 10px;
+		float: left;
+		width: 770px;
+		min-height: 150px;
+		padding-left: 30px;
+	}
+	.chart_settings {
+		float: right;
+		position: relative;
+		opacity: 0;
+		filter: alpha(opacity=0);
+		margin-top: -25px;
+		background-color: $soft_blue_very_lighten;
+                border: 1px solid $soft_blue;
+		.switch_left {
+			z-index: 99999;
+			position: relative;
+			width: 90px;
+			height: 17px;
+			padding: 5px 0 8px 0 !important;
+			color: $strong_blue;
+			font-size: 13px;
+			font-weight: 500;
+			background-color: white;
+			float: left;
+		}
+		.switch_right {
+			z-index: 99999;
+			position: relative;
+			width: 90px;
+			height: 17px;
+			padding: 5px 0 8px 0 !important;
+			color: $strong_blue;
+			font-size: 13px;
+			font-weight: 500;
+			background-color: white;
+			float: right;
+		}
+		.non-active {
+			cursor: pointer;
+			background-color: $soft_blue_very_lighten !important;
+		}
+		.chart_settings_inner {
+			position: relative;
+			clear: both;
+			margin-top: -3px;
+			padding: 10px;
+			width: 160px;
+			height: auto;
+			font-size: 10px;
+			line-height: 15px;
+			font-weight: normal;
+			text-align: left;
+			background-color: white;
+		}
+		span.title {
+			color: $strong_blue;
+			font-size: 14px;
+			font-weight: bold;
+		}
+		span.edit {
+			cursor: pointer;
+			display: block;
+			margin: 10px;
+			font-weight: bold;
+			text-align: left;
+			color: $strong_blue;
+			&:hover {
+				color: $orange;
+			}
+		}
+		input[type=text] {
+			width: 50px;
+			float: right;
+		}
+		.chart_setting_exportLinks {
+			text-align: right;
+			padding: 7px;
+			span {
+				margin: 0 4px;
+			}
+		}
+	}
+	.chart_settings_inner {
+		fieldset.chart_num_limits {
+			padding: 0;
+			margin: 0 !important;
+		}
+		.chart_num_limits {
+			legend {
+				color: black;
+			}
+		}
+	}
+	.other_settings {
+		margin-top: 50px;
+		margin-bottom: 20px;
+        /*height: 60px;*/
+        
+		.chart_settings_inner {
+			margin-top: 0px;
+		}
+	}
+	.chart_setting {
+		margin: 10px;
+	}
+	.anl_bl {
+		border-left: 1px solid $grey_very_light !important;
+	}
+	.anl_br {
+		border-right: 1px solid $grey_very_light !important;
+	}
+	.anl_bt {
+		border-top: 1px solid $grey_very_light !important;
+	}
+	.anl_bb {
+		border-bottom: 1px solid $grey_very_light !important;
+	}
+}
+.chart_other_text {
+	.chart_title {
+        margin-top: 20px;
+        padding-left: 0;
+        padding-right: 0;
+	}
+}
+.freq_chart_table {
+	width: 800px;
+	float: left;
+    color: black;
+    
+    .chart_title {
+        padding-left: 0;
+        padding-right: 0;
+	}
+}
+.anl_user_text_more_charts {
+	float: left;
+	padding: 0px 5px;
+	text-indent: 0px;
+}
+
+
+.chart_profiles_holder {
+	width: 190px;
+	border: 1px solid $grey_normal;
+	height: 130px;
+	display: inline-block;
+}
+#chart_profiles {
+	overflow: auto;
+	cursor: pointer;
+	width: 190px;
+	display: inline-block;
+	height: 144px;
+	.option {
+		padding: 1px;
+	}
+	.active {
+		background-color: $strong_blue_super_darken;
+		color: white;
+		border-bottom: 1px solid $grey_normal;
+	}
+}
+#chart_profiles_custom {
+	overflow: auto;
+	cursor: pointer;
+	width: 190px;
+	display: inline-block;
+	height: 130px;
+	.option {
+		padding: 1px;
+	}
+	.active {
+		background-color: $strong_blue_super_darken;
+		color: white;
+		border-bottom: 1px solid $grey_normal;
+	}
+}
+#chart_settings_profiles_right {
+	#div_chart_skin_previews {
+		position: fixed;
+		top: 50px;
+		left: 90px;
+		width: 200px;
+		height: 140px;
+		padding: 10px;
+		background-color: white;
+		border: 4px solid $popup_border;
+		box-shadow: 0 0 20px black;
+		-moz-box-shadow: 0 0 20px black;
+		-webkit-box-shadow: 0 0 20px black;
+	}
+	.div_chart_skin_preview {
+		display: none;
+		width: 200px;
+		height: 120px;
+		table {
+			tr {
+				td {
+					width: 50px;
+					height: 18px;
+				}
+			}
+		}
+	}
+	.form-item {
+		padding: 3px;
+		width: 200px;
+	}
+	.colorwell {
+		width: 70px;
+		height: 20px;
+		font-size: 11px;
+	}
+}
+#newChartSkin {
+	display: none;
+	position: absolute;
+	left: 50px;
+	top: 100px;
+	z-index: 20;
+	padding: 10px;
+	margin: 10px;
+	width: 550px;
+	background-color: white;
+	border: 4px solid $popup_border;
+	box-shadow: 0 0 20px black;
+	-moz-box-shadow: 0 0 20px black;
+	-webkit-box-shadow: 0 0 20px black;
+}
+#renameChartSkin {
+	display: none;
+	position: absolute;
+	left: 50px;
+	top: 100px;
+	z-index: 20;
+	padding: 10px;
+	margin: 10px;
+	width: 550px;
+	background-color: white;
+	border: 4px solid $popup_border;
+	box-shadow: 0 0 20px black;
+	-moz-box-shadow: 0 0 20px black;
+	-webkit-box-shadow: 0 0 20px black;
+}
+#deleteChartSkin {
+	display: none;
+	position: absolute;
+	left: 50px;
+	top: 100px;
+	z-index: 20;
+	padding: 10px;
+	margin: 10px;
+	width: 550px;
+	background-color: white;
+	border: 4px solid $popup_border;
+	box-shadow: 0 0 20px black;
+	-moz-box-shadow: 0 0 20px black;
+	-webkit-box-shadow: 0 0 20px black;
+}

resources/sass/admin/analysis/crosstabs.scss

@@ -0,0 +1,236 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 09-Aug-2018, 09:47:33
+    Author     : podkrizniku
+*/
+
+.ct_in_cell {
+	padding: 0px;
+	margin: 0px;
+	height: 100%;
+	table-layout: auto;
+	text-align: center;
+	border-top: 1px solid $soft_blue;
+	border-left: 1px solid $soft_blue;
+}
+.ct_in_tbl {
+	border-spacing: 0px;
+	padding: 0px;
+	margin: 0px;
+	border-collapse: collapse;
+	table-layout: auto;
+	padding: 0px;
+	margin: 0px;
+	height: 100%;
+	width: 100%;
+}
+.anl_tbl_crosstab {
+	border-spacing: 0px;
+	padding: 0px;
+	margin: 0px;
+	border-collapse: collapse;
+	table-layout: auto;
+	margin-bottom: 10px;
+	th {
+		padding: 0px;
+		margin: 0px;
+		table-layout: auto;
+	}
+	td {
+		padding: 0px;
+		margin: 0px;
+		table-layout: auto;
+	}
+}
+.anl_dash_ba {
+	border: 1px dashed silver;
+}
+#crosstab_drobdowns {
+	float: left;
+}
+#crossLeftHolder {
+	float: left;
+	padding-right: 10px;
+	select {
+		width: 220px;
+	}
+}
+#crossRightHolder {
+	float: left;
+	padding-right: 10px;
+	select {
+		width: 220px;
+	}
+}
+#crossImgHolder {
+	float: left;
+	padding: 0px 5px;
+	display: inline-block;
+	margin-right: 8px;
+}
+.crossCheckHolder {
+	float: left;
+	padding-right: 5px;
+	vertical-align: middle;
+}
+#crossCheck1span {
+	vertical-align: middle;
+	display: inlineblock;
+}
+#crossLegenda {
+	display: inline-block;
+	margin-left: 20px;
+	margin-top: 5px;
+}
+.rsdl_bck_title {
+	background-color: $soft_blue_very_lighten;
+	color: black;
+}
+.rsdl_bck_variable1 {
+	background-color: $soft_blue_very_lighten;
+}
+.ctbChck_sp0 {
+	background-color: #fcfcfc;
+}
+.ctbChck_sp1 {
+	background-color: #FEFFE3;
+}
+.ctbChck_sp2 {
+	background-color: #FCFFC2;
+}
+.ctbChck_sp3 {
+	background-color: #FBFFA8;
+}
+.crossCheck_EC {
+	background-color: #FFFAE8;
+}
+.crossCheck_RE {
+	background-color: #FFF6D1;
+}
+.crossCheck_SR {
+	background-color: #FFECA2;
+}
+.crossCheck_AR {
+	background-color: #FFDA46;
+}
+.rsdl_bck0 {
+	background-color: white;
+}
+.rsdl_bck1 {
+	background-color: rgb(250, 226, 226);
+}
+.rsdl_bck2 {
+	background-color: rgb(255, 157, 157);
+}
+.rsdl_bck3 {
+	background-color: rgb(248, 66, 66);
+}
+.rsdl_bck4 {
+	background-color: #E8F1FF;
+}
+.rsdl_bck5 {
+	background-color: #B9D5FF;
+}
+.rsdl_bck6 {
+	background-color: #74ACFF;
+}
+.ctbCll {
+	padding: 5px !important;
+}
+.crostabSuma {
+	font-style: italic;
+	color: $orange !important;
+	font-weight: bold;
+}
+.ctb_w50p {
+	width: 50% !important;
+}
+.ctb_w33p {
+	width: 33.333% !important;
+}
+.ctb_w25p {
+	width: 25% !important;
+}
+.residual {
+	th {
+		width: 20px;
+	}
+	border-collapse: separate;
+}
+.residual_link {
+	font-style: italic;
+	font-size: 10px;
+}
+#div_crossCheck {
+	padding-right: 3px;
+	vertical-align: top;
+}
+#tbl_color_residual_legend {
+	border-collapse: collapse;
+	margin: 0px;
+	padding: 0px;
+	th {
+		font-weight: normal;
+		padding: 0px 30px 0px 0px;
+	}
+	td {
+		width: 25px;
+		height: 17px;
+	}
+}
+#span_color_residual_legend {
+	padding: 10px;
+	margin-bottom: 8px;
+	border: 1px solid $soft_blue;
+	background-color: $soft_blue_very_lighten;
+}
+#span_color_residual_legend3 {
+	#tbl_color_residual_legend {
+		td {
+			width: 39px;
+		}
+	}
+}
+.space_crosstab_new {
+	text-align: center;
+	vertical-align: middle;
+	display: inline-block;
+	width: 20px;
+}
+#crosstab_add_new {
+	text-align: center;
+	vertical-align: middle;
+	display: inline-block;
+	width: 20px;
+}
+#crosstab_remove {
+	text-align: center;
+	vertical-align: middle;
+	display: inline-block;
+	width: 20px;
+}
+.ct_inspect {
+	&:hover {
+		border: 1px solid blue;
+		cursor: pointer;
+		background-color: $strong_blue !important;
+		table {
+			td {
+				opacity: 0.95 !important;
+				filter: alpha(opacity=95) !important;
+				color: $strong_blue !important;
+			}
+		}
+	}
+}
+div#div_analiza_data.crosstabs {
+	margin-top: 0px;
+}
+#div_color_residual_legend {
+	float: right;
+	margin-top: 5px;
+}

resources/sass/admin/analysis/means.scss

@@ -0,0 +1,79 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 14-Aug-2018, 14:36:26
+    Author     : podkrizniku
+*/
+
+.space_means_new {
+	text-align: center;
+	vertical-align: middle;
+	display: inline-block;
+	width: 20px;
+}
+#means_add_new {
+	text-align: center;
+	vertical-align: middle;
+	display: inline-block;
+	width: 20px;
+}
+#means_remove {
+	text-align: center;
+	vertical-align: middle;
+	display: inline-block;
+	width: 20px;
+}
+
+#div_means_data {
+	margin-top: 10px;
+}
+#meansLeftDropdowns {
+	float: left;
+	padding-right: 10px;
+	select {
+		width: 240px;
+		font-size: 12px;
+		option {
+			overflow: hidden;
+			font-size: 12px;
+		}
+	}
+}
+#meansRightDropdowns {
+	float: left;
+	padding-right: 10px;
+	select {
+		width: 240px;
+		font-size: 12px;
+		option {
+			overflow: hidden;
+			font-size: 12px;
+		}
+	}
+}
+.space_means_new {
+	text-align: center;
+	vertical-align: middle;
+	display: inline-block;
+	width: 20px;
+}
+#means_add_new {
+	text-align: center;
+	vertical-align: middle;
+	display: inline-block;
+	width: 20px;
+}
+#means_remove {
+	text-align: center;
+	vertical-align: middle;
+	display: inline-block;
+	width: 20px;
+}
+#meansImgHolder {
+	float: left;
+	padding: 0px 3px;
+	display: inline-block;
+}

resources/sass/admin/analysis/multi_crosstabs.scss

@@ -0,0 +1,348 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 23-Aug-2018, 11:12:49
+    Author     : podkrizniku
+*/
+
+#mc_holder {
+	overflow: hidden;
+	margin-top: 20px;
+	min-height: 500px;
+	.mc_table_bottom_settings {
+		clear: none;
+		float: right;
+		border-collapse: collapse;
+		margin: 0 2% 15px 0;
+		width: 72%;
+	}
+	.custom_report_include {
+		clear: none;
+		float: left;
+		border-collapse: collapse;
+		margin: 0 2% 15px 0;
+	}
+}
+/*drag list of questions*/
+#spr_list {
+	float: left;
+	overflow: auto;
+	position: fixed;
+	width: 20%;
+	max-height: 450px;
+	margin: 15px 0 15px 1%;
+	background-color: white;
+	border: 1px solid silver;
+	border-radius: 7px;
+	-moz-border-radius: 7px 7px 7px 7px;
+	-webkit-border-radius: 7px;
+	ul {
+		padding: 0;
+		padding: 5px 0;
+		z-index: 1;
+	}
+}
+.mc_draggable {
+	width: 180px;
+	margin: 10px 15px;
+	padding: 8px;
+	list-style: none;
+	border: 1px $grey_normal dashed;
+	&:hover {
+		background-color: $grey_super_light;
+		cursor: pointer;
+	}
+}
+/*title of table*/
+.mc_table_title {
+	float: right;
+	table-layout: fixed;
+	width: 70%;
+	min-height: 15px;
+	margin: 15px 2% 15px 0;
+	padding: 5px 1%;
+	font-size: 16px;
+	font-weight: bold;
+	border-collapse: collapse;
+	&:hover {
+		cursor: text;
+		background-color: $grey_super_light;
+	}
+        .multicrosstab_title_inline:focus {
+                outline: none;
+        }
+}
+.mc_table_title.writing {
+	background-color: $orange_super_lighten;
+	outline: 1px dashed $grey_normal;
+}
+/*multicrosstab table*/
+.mc_table {
+	float: right;
+	table-layout: fixed;
+	width: 72%;
+	margin: 15px 2% 15px 0;
+	border-collapse: collapse;
+	tr {
+		height: 40px;
+		td {
+			border: 1px $grey_normal solid;
+			text-align: center;
+			table.mc_inner_cell {
+				width: 100%;
+				height: 100%;
+				border-collapse: collapse;
+				tr {
+					width: 100%;
+					height: auto;
+					td {
+						border: 0;
+						border-top: 1px dashed $grey_light;
+						width: 100%;
+					}
+					&:first-child {
+						td {
+							border: 0;
+						}
+					}
+				}
+			}
+			.delete_var {
+				display: none;
+				position: absolute;
+				width: 16px;
+				height: 16px;
+				margin: -25px 0 0 0;
+				background-image: url("../../../admin/survey/img_0/cross.png");
+			}
+		}
+		td.borderless {
+			border: 0;
+		}
+		td.spr {
+			cursor: pointer;
+			font-weight: bold;
+			background-color: $soft_blue_lighten;
+		}
+		td.var {
+			background-color: $soft_blue_very_lighten;
+		}
+		td.sums {
+			color: $orange_very_darken;
+		}
+		td.data {
+			background-color: #F9F9F7;
+		}
+		td.crossCheck_EC {
+			background-color: #FFFAE8;
+		}
+		td.crossCheck_RE {
+			background-color: #FFFAE8;
+		}
+		td.crossCheck_SR {
+			background-color: #FFECA2;
+		}
+		td.crossCheck_AR {
+			background-color: #FFDA46;
+		}
+		td.rsdl_bck0 {
+			background-color: white;
+		}
+		td.rsdl_bck1 {
+			background-color: #FFE8E8;
+		}
+		td.rsdl_bck2 {
+			background-color: #FFD1D1;
+		}
+		td.rsdl_bck3 {
+			background-color: #FF8B8B;
+		}
+		td.rsdl_bck4 {
+			background-color: #E8F1FF;
+		}
+		td.rsdl_bck5 {
+			background-color: #B9D5FF;
+		}
+		td.rsdl_bck6 {
+			background-color: #74ACFF;
+		}
+		td.white {
+			background-color: white;
+		}
+		td.red {
+			background-color: #FFD1D1;
+		}
+		td.blue {
+			background-color: #E8F1FF;
+		}
+		td.drophover {
+			background-color: $orange_very_lighten !important;
+		}
+		td.empty {
+			border: 1px dashed $grey_normal;
+			font-weight: normal;
+		}
+		td.empty.droppable {
+			color: $orange_very_darken;
+			border: 1px dashed $orange_very_darken;
+			background-color: $orange_super_lighten;
+		}
+	}
+}
+/*settings links in top left corner*/
+.mc_settings_links {
+	float: none;
+	display: inline-block;
+	position: relative;
+	width: auto;
+	left: 200px;
+	padding: 3px 5px;
+	margin: 0 40px 0 0;
+	background-color: $grey_almost_white;
+	border: 1px solid silver;
+	border-radius: 3px;
+	-moz-border-radius: 4px 4px 4px 4px;
+	-webkit-border-radius: 4px;
+	ul {
+		margin: 0 !important;
+		padding: 0;
+		li {
+			display: inline-block;
+			list-style: none outside none;
+			margin: 0 !important;
+			padding: 2px 1px;
+                        vertical-align: middle;
+			>span {
+                                vertical-align: middle;
+				cursor: pointer;
+			}
+		}
+		li.space {
+			background: url("../../../admin/survey/img_0/navigation/nav-control-bg.png") no-repeat scroll center top transparent;
+			line-height: 17px;
+			padding: 0 5px;
+			width: 7px;
+		}
+	}
+}
+/*table settings popup*/
+.mc_table_settings {
+    @include popup_general();
+
+	display: none;
+	position: fixed;
+	top: 200px;
+	left: calc(50% - 200px);
+	z-index: 999;
+	width: 400px;
+
+	#mcSettingsButtons {
+		position: absolute;
+		bottom: 15px;
+		right: 10px;
+	}
+	#delez {
+		width: 300px;
+		margin: 5px 10px 0px 60px;
+	}
+	form {
+		padding: 10px;
+	}
+	fieldset {
+		margin: 0px 0px 10px 0px;
+		border: 0;
+		border-top: 1px solid $strong_blue_darken;
+	}
+	legend {
+		color: $strong_blue;
+		font-size: 13px;
+		font-weight: 500;
+		margin: 0;
+		padding: 0 10px;
+	}
+}
+/*tables list popup*/
+#div_mc_tables {
+	display: none;
+
+	width: 350px;
+	height: 280px;
+
+	#mc_tables_left {
+		margin-bottom: 10px;
+	}
+}
+#mc_tables {
+	cursor: pointer;
+	width: 99%;
+	height: 160px;
+	display: inline-block;
+	border: 1px solid gray;
+	.option {
+		padding: 1px;
+	}
+	.active {
+		background-color: $strong_blue;
+		color: white;
+		border-bottom: 1px solid $grey_normal;
+	}
+}
+@mixin small_popup_multicross(){
+    @include popup_general();
+
+    display: none;
+    position: fixed;
+	left: calc(50% - 275px);
+	top: 40vh;
+	z-index: 999;
+
+	margin: 10px;
+	width: 550px;
+	
+}
+/*new table popup*/
+#newMCTable {
+	@include small_popup_multicross();
+}
+/*rename table popup*/
+#renameMCTable {
+	@include small_popup_multicross();
+}
+/*delete table popup*/
+#deleteMCTable {
+	@include small_popup_multicross();
+}
+.report_element_data {
+	table.mc_table {
+		float: left;
+		width: 100%;
+	}
+	.mc_table {
+		tr {
+			td.spr {
+				cursor: auto;
+			}
+			td.drophover {
+				background-color: $orange_very_lighten !important;
+			}
+			td.empty {
+				display: none;
+			}
+		}
+		tr.last {
+			display: none;
+		}
+	}
+}
+.mc_table_legend {
+	clear: none;
+	float: right;
+	border-collapse: collapse;
+	padding: 5px 10px;
+	line-height: 18px;
+	border: 1px solid $grey_normal;
+	background-color: #F9F9F7;
+}

resources/sass/admin/analysis/other.scss

@@ -0,0 +1,187 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 08-Aug-2018, 12:41:39
+    Author     : podkrizniku
+*/
+
+#single_export {
+	position: relative;
+	width: 80px;
+	height: 70px;
+	float: right;
+	margin: 20px 0;
+}
+@mixin img_analysis() {
+        a {
+		color: $grey_normal;
+		cursor: pointer;
+		font-weight: normal;
+		&:HOVER {
+			color: $grey_normal;
+		}
+	}
+}
+.img_analysis_f_p {
+	@include img_analysis();
+}
+.img_analysis_f {
+	@include img_analysis();
+}
+.img_analysis_p {
+	@include img_analysis();
+}
+.span_navedbe {
+	@include img_analysis();
+	float: right;
+}
+.div_other_text {
+	margin-top: 5px;
+	margin-left: 0.5cm;
+}
+.div_navedbe {
+	margin-top: 5px;
+	margin-left: 0.5cm;
+	margin-left: 0px;
+}
+#div_analiza_single_var_close {
+	width: 100%;
+	height: 20px;
+	color: white;
+	background-color: $strong_blue;
+	border-bottom: 1px solid $red_error;
+	font-weight: bold;
+}
+#div_analiza_single_var_close_button {
+	float: right;
+	width: 20px;
+	text-align: center;
+	border-left: 1px solid $red_error;
+	height: 17px;
+	padding-top: 3px;
+	background-color: $strong_blue;
+	&:hover {
+		background-color: $strong_blue_darken;
+		cursor: pointer;
+	}
+	a {
+		text-decoration: none;
+		width: 100%;
+		height: 100%;
+	}
+}
+#div_analiza_single_var {
+	width: 100%;
+	height: auto;
+}
+#globalSetingsHolder {
+	width: 100%;
+	display: inline-block;
+	margin-bottom: 10px;
+}
+/*dropdown select analysis*/
+#analizaSubNav {
+	position: relative;
+	display: inline-block;
+	float: left;
+	width: 270px;
+    margin: 3px 20px 0 0;
+}
+.srv_statistic_menu {
+	float: left;
+	margin: 4px 0 0 0;
+}
+#globalSetingsLinks.analiza {
+	float: right;
+	position: absolute;
+	z-index: 78;
+	width: 190px;
+	background-color: $soft_blue_very_lighten;
+	border: 1px solid $soft_blue;
+	&:hover {
+		border: 1px solid $soft_blue_very_darken;
+		ul {
+			li.highlightLineTab {
+				background: none;
+			}
+		}
+		>ul {
+			li {
+				display: block;
+				transition: 0.2s;
+			}
+		}
+	}
+	ul {
+		z-index: 78;
+		padding: 0 5px;
+		li {
+			padding: 2px 1px;
+			background-color: $soft_blue_very_lighten;
+			border: 0;
+			a {
+				display: block;
+				margin-right: 12px;
+				color: $strong_blue !important;
+				background-color: $soft_blue_very_lighten;
+			}
+			&:hover {
+				>a {
+					color: $strong_blue !important;
+				}
+			}
+		}
+		li.highlightLineTab {
+			background-image: url(../../../admin/survey/icons/icons/bullet_arrow_down.png);
+			background-repeat: no-repeat;
+			background-position: right 1px;
+			a {
+				span {
+					font-weight: 500;
+					color: $strong_blue !important;
+					background-color: $soft_blue_very_lighten;
+				}
+			}
+		}
+		li.previewCheck {
+			margin-top: 4px;
+			padding: 5px 0 7px 0;
+			color: $strong_blue;
+			border-top: 1px $soft_blue solid;
+			label {
+				&:hover {
+					color: $orange;
+				}
+			}
+		}
+	}
+}
+@mixin analysis_bottom_settings(){
+    	width: auto;
+	height: 50px;
+	margin: 10px auto;
+	text-align: center;
+	position: relative;
+	a {
+		display: inline-block;
+		margin-right: 20px;
+		font-size: 13px;
+		color: $grey_dark;
+		&:hover {
+			color: $orange;
+		}
+	}
+}
+.analysis_bottom_settings {
+        @include analysis_bottom_settings();
+	margin-top: 40px;
+}
+.chart_bottom_settings {
+	@include analysis_bottom_settings();
+}
+.anl_pr10 {
+	padding-right: 10px;
+}

resources/sass/admin/analysis/preview.scss

@@ -0,0 +1,89 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 21-Aug-2018, 15:54:11
+    Author     : podkrizniku
+*/
+
+#srv_preview_analiza {
+	margin: 1px;
+	background-color: white;
+	padding: 10px;
+	overflow: hidden;
+	width: auto;
+	span.large {
+		font-size: 13px;
+	}
+	table {
+		font-size: smaller;
+		width: 100%;
+		border-spacing: 0px;
+		padding: 0px;
+		margin: 0px;
+		margin-bottom: 5px;
+		border-collapse: collapse;
+		filter: alpha(opacity=60);
+		opacity: 0.6;
+		th {
+			padding: 3px 5px;
+		}
+		td {
+			padding: 3px 5px;
+		}
+	}
+}
+.sampleView {
+	color: #f7dacf;
+	border: 2px dashed #f2c1ae;
+	border-radius: 12px;
+	-moz-border-radius: 12px;
+	-webkit-border-radius: 12px;
+	text-align: center;
+	position: relative;
+	display: inline-block;
+	padding: 7px 9px;
+	width: 80%;
+	height: 60%;
+	margin-top: -180px;
+	top: 230px;
+	z-index: 9999;
+	vertical-align: middle;
+	font-size: 8em;
+	font-variant: small-caps;
+	font-weight: 600;
+	font-family: Courier New, Courier, monospace;
+	letter-spacing: 0.1em;
+	line-height: 125%;
+	-moz-transform: translate(0) rotate(10deg);
+	-moz-transform-origin: 60% 100%;
+	-webkit-transform: translate(50%) rotate(20deg);
+	-webkit-transform-origin: 60% 100%;
+	-o-transform: translate(50%) rotate(20deg);
+	-o-transform-origin: 60% 100%;
+	-ms-transform: translate(50%) rotate(20deg);
+	-ms-transform-origin: 60% 100%;
+	transform: translate(50%) rotate(20deg);
+	transform-origin: 60% 100%;
+}
+#srv_analiza_preview_div {
+	display: none;
+	position: fixed;
+	z-index: 9999;
+	left: 270px;
+	top: 148px;
+	color: black;
+	width: auto;
+	height: auto;
+	pointer-events: none;
+}
+.srv_analiza_preview_sub {
+	display: inline-block;
+	margin: 5px 0 10px 0;
+	>span {
+		padding: 3px 5px 3px 8px;
+		display: inline-block;
+	}
+}

resources/sass/admin/analysis/reports.scss

@@ -0,0 +1,346 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 16-Aug-2018, 13:38:14
+    Author     : podkrizniku
+*/
+
+#anketa_custom_report {
+	padding: 0px 20px 20px 0px;
+	#custom_report_elements {
+		margin: 20px 0 20px 0;
+		padding-bottom: 20px;
+		border: 1px $soft_blue solid;
+	}
+	ul {
+		margin: 20px 0 0 0;
+	}
+	.custom_report_title {
+		.creport_title_inline {
+			&:hover {
+				cursor: text;
+				background-color: $soft_blue_very_lighten;
+			}
+		}
+	}
+	.custom_report_title.writing {
+		.creport_title_inline {
+                        background-color: $orange_super_lighten;
+			outline: 1px dashed $grey_normal;
+		}
+	}
+	.report_element {
+		width: 95%;
+		border: 1px $soft_blue solid;
+		&:hover {
+			background-color: white;
+			border: 1px $strong_blue solid;
+		}
+	}
+	.report_element.active {
+		background-color: white;
+		border: 1px $strong_blue solid;
+	}
+	.report_element_text {
+		.creport_text_inline {
+			&:hover {
+				cursor: text;
+				background-color: $soft_blue_very_lighten;
+			}
+		}
+		.edit2 {
+			opacity: 0;
+			filter: alpha(opacity=0);
+		}
+	}
+	.report_element_text.writing {
+		.creport_text_inline {
+			background-color: $soft_blue_very_lighten;
+			border: 1px dashed $strong_blue;
+			-webkit-border-radius: 3px;
+			-moz-border-radius: 3px;
+			border-radius: 3px;
+		}
+		.edit2 {
+			opacity: 100;
+			filter: alpha(opacity=100);
+		}
+	}
+}
+#custom_report_elements {
+	.custom_report_title {
+		font-size: 16px;
+		font-weight: bold;
+		display: block;
+		margin: 15px 0 0 20px;
+		.creport_title_inline {
+			width: 95%;
+			min-height: 15px;
+			padding: 5px 15px;
+		}
+	}
+	#custom_report_view {
+		margin: 10px 0 0 15px;
+	}
+	.report_element {
+		.report_element_head {
+			overflow: auto;
+			min-height: 22px;
+			padding: 5px 5px 3px;
+			background-color: $soft_blue_very_lighten;
+			font-size: 12px;
+			font-weight: 600;
+			.report_element_icons {
+				float: right;
+				margin: 0 10px;
+				display: none;
+			}
+			.report_element_title {
+				cursor: pointer;
+				float: left;
+				position: relative;
+				margin: 0 10px;
+				color: $strong_blue;
+				width: 85%;
+			}
+			span.sprites.printer {
+				margin-bottom: 2px;
+			}
+		}
+		.report_element_head.hover {
+			background-color: $soft_blue_very_lighten;
+			.report_element_icons {
+				display: block;
+				background-color: $soft_blue_very_lighten;
+			}
+		}
+		.report_element_head.active {
+			overflow: auto;
+			min-height: 22px;
+			padding: 5px 5px 3px;
+			font-size: 12px;
+			font-weight: 600;
+			background-color: $soft_blue_very_lighten;
+			.report_element_icons {
+				display: block;
+				background-color: $soft_blue_very_lighten;
+			}
+		}
+		.report_element_settings {
+			clear: both;
+			margin: 15px 10px 20px 30px;
+		}
+		.report_element_data {
+			padding: 10px 20px;
+		}
+		.chart_img {
+			background-color: white;
+		}
+		.report_element_text {
+			clear: both;
+			overflow: auto;
+			margin: 0 10px 20px 30px;
+			width: 80%;
+		}
+		text-align: left;
+	}
+	.report_element_text {
+		.creport_text_inline {
+			width: 95%;
+			min-height: 15px;
+			padding: 5px 15px;
+		}
+	}
+	.report_element_pb {
+		cursor: pointer;
+		background: url("../../../admin/survey/img_0/sprites_pb_expanded.png") no-repeat scroll 0 10px transparent;
+		color: $soft_blue;
+		font-size: 15px;
+		font-weight: bold;
+		height: 18px;
+		line-height: 18px;
+		display: inline-block;
+		width: 95%;
+		&:hover {
+			background: url('../../../admin/survey/img_0/sprites_pb_expanded.png') no-repeat 0 -52px transparent;
+		}
+	}
+	.report_element_separator {
+		height: 25px;
+		width: 95%;
+		font-size: 10px;
+		.add_element {
+			opacity: 0;
+			padding: 5px 0 0 0;
+			margin-left: -40px;
+			filter: alpha(opacity = 0);
+		}
+	}
+	.report_element_separator.expanded {
+		height: 38px;
+		width: 95%;
+		font-size: 11px;
+		.add_element {
+			opacity: 0;
+			padding: 10px 0 0 0;
+			margin-left: -40px;
+			filter: alpha(opacity = 0);
+		}
+	}
+	.add_element {
+		span {
+			&:hover {
+				color: $orange;
+			}
+		}
+	}
+	ul#custom_report_sortable {
+		list-style-type: none !important;
+	}
+}
+.custom_report_include {
+	clear: both;
+	margin: 5px 10px;
+	text-align: left;
+	a {
+		color: black;
+		background-color: white;
+	}
+}
+.creport_bottom_settings {
+	width: auto;
+	margin: 40px auto 20px auto;
+	text-align: center;
+	position: relative;
+	a {
+		display: inline-block;
+		margin-right: 20px;
+	}
+}
+#custom_report_alert {
+	display: none;
+
+	margin-left: -200px;
+	width: 280px;
+	height: 100px;
+
+	.buttons {
+		position: absolute;
+		right: 10px;
+		bottom: 15px;
+	}
+}
+table.analysis_reports {
+	width: 100%;
+	tr {
+		td {
+			vertical-align: top;
+			width: 30%;
+			fieldset {
+				padding: 0px 10px 10px 10px;
+			}
+			span.subtitle {
+				font-weight: 600;
+				display: block;
+				padding: 10px 0 5px 0;
+			}
+			a {
+				line-height: 24px;
+			}
+		}
+	}
+}
+/*popups for custom reports*/
+#newCReportProfile {
+    @include popup_general();
+
+	display: none;
+	position: fixed;
+	left: calc(50% - 210px);
+	top: 45vh;
+	z-index: 999;
+	margin: 10px;
+	width: 420px;
+}
+#renameCReportProfile {
+	display: none;
+	position: fixed;
+	left: 250px;
+	top: 200px;
+	z-index: 999;
+	padding: 10px;
+	margin: 10px;
+	width: 550px;
+	background-color: white;
+	border: 4px solid $popup_border;
+	box-shadow: 0 0 20px black;
+	-moz-box-shadow: 0 0 20px black;
+	-webkit-box-shadow: 0 0 20px black;
+}
+#shareCReportProfile {
+	display: none;
+	position: fixed;
+	left: 250px;
+	top: 200px;
+	z-index: 999;
+	padding: 10px;
+	margin: 10px;
+	width: 550px;
+	background-color: white;
+	border: 4px solid $popup_border;
+	box-shadow: 0 0 20px black;
+	-moz-box-shadow: 0 0 20px black;
+	-webkit-box-shadow: 0 0 20px black;
+	width: 550px;
+	height: auto;
+}
+#deleteCReportProfile {
+	display: none;
+	position: fixed;
+	left: 250px;
+	top: 200px;
+	z-index: 999;
+	padding: 10px;
+	margin: 10px;
+	width: 550px;
+	background-color: white;
+	border: 4px solid $popup_border;
+	box-shadow: 0 0 20px black;
+	-moz-box-shadow: 0 0 20px black;
+	-webkit-box-shadow: 0 0 20px black;
+}
+#div_creport_settings_profiles {    
+	display: none;
+	width: 350px;
+	height: 350px;
+	
+	#creport_settings_profiles_left {
+		margin-bottom: 10px;
+	}
+	#creport_settings_profiles_comment {
+		clear: both;
+		margin-top: 40px;
+		textarea {
+			width: 98%;
+			height: 30px;
+		}
+	}
+}
+#creport_profiles {
+	cursor: pointer;
+	width: 99%;
+	height: 140px;
+	display: inline-block;
+	border: 1px solid $grey_normal;
+	.option {
+		padding: 1px;
+	}
+	.active {
+		background-color: $strong_blue_super_darken;
+		color: white;
+		border-bottom: 1px solid $grey_normal;
+	}
+}

resources/sass/admin/analysis/right_options.scss

@@ -0,0 +1,125 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 21-Aug-2018, 15:58:51
+    Author     : podkrizniku
+*/
+
+#analiza_right_options_holder {
+	position: relative;
+	float: right;
+	margin: 4px 15px 0 0;
+	#analiza_right_options {
+		display: inline;
+	}
+	#analiza_right_options2 {
+		display: inline;
+	}
+	#analiza_right_options3 {
+                float:left;
+		display: inline;
+	}
+}
+@mixin analiza_filtri_right(){
+    	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: $soft_blue_very_lighten;
+	border: 1px solid $strong_blue;
+	ul {
+		margin: 0px !important;
+		padding: 0px;
+		li {
+			display: block;
+			margin: 0px !important;
+			padding: 3px;
+			list-style: none;
+			span.as_link {
+				font-weight: 500;
+				color: $strong_blue !important;
+				&:hover {
+					color: $orange !important;
+					text-decoration: none;
+				}
+			}
+			span.as_link.gray {
+				font-weight: normal;
+				color: $strong_blue !important;
+                                &:hover {
+					color: $orange !important;
+					text-decoration: none;
+				}
+			}
+			span.advanced {
+				display: block;
+				font-weight: normal;
+			}
+		}
+		li.space {
+			display: none;
+		}
+	}
+	a {
+		color: $strong_blue !important;
+		text-decoration: none;
+		&:visited {
+			color: $strong_blue !important;
+			text-decoration: none;
+		}
+		&:hover {
+			color: $orange !important;
+			text-decoration: none;
+		}
+	}
+}
+#div_analiza_filtri_right {
+        @include analiza_filtri_right();
+}
+#div_analiza_filtri_right2 {
+	@include analiza_filtri_right();
+	right: 35px;
+}
+#analiza_right_options {
+	span#filters_span {
+		color: $strong_blue;
+		margin-left: 4px;
+	}
+	&:hover {
+		span#filters_span {
+			color: $orange !important;
+		}
+	}
+}
+#analiza_right_options2 {
+	&:hover {
+		span#filters_span {
+			color: $orange !important;
+		}
+	}
+}
+#div_analiza_filtri_right.analiza {
+	ul {
+		li.space {
+			display: none;
+		}
+	}
+}
+#div_analiza_filtri_right2.analiza {
+	ul {
+		li.space {
+			display: none;
+		}
+	}
+}

resources/sass/admin/analysis/tables.scss

@@ -0,0 +1,290 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 09-Aug-2018, 09:32:12
+    Author     : podkrizniku
+*/
+
+/*sum vertical checkbox*/
+.anl_bck_2 {
+	background-color: white;
+}
+.anl_bck {
+	background-color: $soft_blue_very_lighten;
+}
+/*plain text*/
+.anl_tbl_inner {
+	border-spacing: 0px;
+	padding: 0px;
+	margin: 0px;
+	border-collapse: collapse;
+	width: 100%;
+}
+.tbl_clps {
+	padding: 0px !important;
+	margin: 0px !important;
+	border-collapse: collapse !important;
+}
+.anl_tbl {
+	width: 100%;
+	border-spacing: 0px;
+	padding: 0px;
+	margin: 0px;
+	margin-bottom: 20px;
+	border-collapse: collapse;
+	th {
+		padding: 6px;
+	}
+	td {
+		padding: 6px;
+	}
+}
+.cll_clps {
+	padding: 0px !important;
+	margin: 0px !important;
+	border-collapse: collapse !important;
+}
+.anl_bck_0_0 {
+	background-color: $grey_almost_white;
+}
+.anl_bck_0_1 {
+	background-color: white;
+}
+.anl_bck_1_0 {
+	background-color: white;
+}
+.anl_bck_1_1 {
+	background-color: white;
+}
+.anl_bck_2_1 {
+	background-color: white;
+}
+.anl_bck_2_0 {
+	background-color: #f9f9f7;
+}
+
+.anl_bck_text_0 {
+	background-color: #FFFFE3;
+}
+.anl_bck_text_1 {
+	background-color: #FFFFF0;
+}
+.anl_bck_desc_1 {
+	background-color: $soft_blue_very_lighten;
+}
+.anl_bck_desc_2 {
+	background-color: white;
+}
+.anl_bck_desc_3 {
+	background-color: #FFFFE3;
+}
+.anl_bck_freq_1 {
+	background-color: $soft_blue_very_lighten;
+}
+.anl_bck_freq_2 {
+	background-color: white;
+}
+.anl_tin {
+	text-indent: 8px;
+}
+.anl_tin1 {
+	text-indent: 16px;
+}
+.anl_tin2 {
+	text-indent: 24px;
+}
+.anl_variabla {
+	font-weight: bold;
+	color: $strong_blue;
+	a {
+		font-weight: bold;
+		color: $strong_blue;
+		cursor: pointer;
+	}
+}
+.anl_variabla_sub {
+	color: $strong_blue;
+}
+.anl_variabla_label {
+	color: $strong_blue;
+	color: black;
+}
+.anl_variabla_info {
+	color: $grey_normal;
+	font-size: 10px;
+}
+.anl_variabla_line {
+	color: $grey_normal;
+}
+.anl_ita {
+	font-style: italic;
+}
+.anl_detail_percent {
+	color: $orange_very_darken;
+	width: 70px;
+	text-align: right;
+	font-weight: normal;
+	a {
+		color: $orange_very_darken;
+		width: 70px;
+		text-align: right;
+		font-weight: normal;
+	}
+}
+.anl_detail_cnt {
+	color: silver;
+}
+.anl_ac {
+	text-align: center;
+}
+.anl_al {
+	text-align: left;
+}
+.anl_ar {
+        border: 1px solid $soft_blue;
+	text-align: right;
+}
+.anl_ba {
+	border: 1px solid $soft_blue;
+}
+.anl_bl {
+	border-left: 1px solid $soft_blue;
+}
+.anl_br {
+	border-right: 1px solid $soft_blue;
+}
+.anl_bt {
+	border-top: 1px solid $soft_blue;
+}
+.anl_bb {
+	border-bottom: 1px solid $soft_blue;
+}
+.anl_red_ba {
+	border: 1px solid $red_error;
+}
+.anl_dash_bl {
+	border-left: 1px dashed silver;
+}
+.anl_dash_br {
+	border-right: 1px dashed silver;
+}
+.anl_dash_bt {
+	border-top: 1px dashed silver;
+}
+.anl_dash_bb {
+	border-bottom: 1px dashed silver;
+}
+.anl_dash_red_bb {
+	border-bottom: 1px dashed #D59090;
+}
+.anl_double_bt {
+	border-top: 3px double $grey_normal;
+}
+.anl_legenda_freq {
+	font-weight: normal;
+}
+.anl_variable_type {
+	span {
+		color: $grey_normal;
+	}
+	float: right;
+}
+.anl_str {
+	font-weight: bold;
+}
+.anl_w15 {
+	width: 15px !important;
+}
+.anl_w30 {
+	width: 30px !important;
+}
+.anl_w50 {
+	width: 50px !important;
+}
+.anl_w70 {
+	width: 70px !important;
+}
+.anl_w90 {
+	width: 90px !important;
+}
+.anl_w110 {
+	width: 110px !important;
+}
+.anl_w140 {
+	width: 140px !important;
+}
+.anl_p5 {
+	padding: 5px !important;
+}
+.anl_p10 {
+	padding: 10px !important;
+}
+.anl_indent {
+	text-indent: 20px;
+}
+.anl_ba_dot {
+	border: 1px dotted $grey_normal;
+}
+.anl_bl_dot {
+	border-left: 1px dotted $grey_normal;
+}
+.anl_br_dot {
+	border-right: 1px dotted $grey_normal;
+}
+.anl_bt_dot {
+	border-top: 1px dotted $grey_normal;
+}
+.anl_bb_dot {
+	border-bottom: 1px dotted $grey_normal;
+}
+.anl_user_text {
+	color: #B30080;
+}
+.anl_user_text_more {
+	float: left;
+	padding: 0px 5px;
+	text-indent: 0px;
+	color: #B30080;
+}
+.anl_ti_20 {
+	text-indent: 20px;
+}
+.anl_click_missing {
+	color: black;
+	font-weight: normal;
+	cursor: pointer;
+	&:hover {
+		color: $strong_blue;
+	}
+}
+.anl_click_missing_hide {
+	color: black;
+	font-weight: normal;
+	cursor: pointer;
+	&:hover {
+		color: $strong_blue;
+	}
+}
+.div_analiza_holder {
+	margin-top: 20px;
+}
+.div_analiza_icons {
+	float: left;
+	z-index: 75;
+	position: relative;
+	margin-top: -20px;
+	padding-bottom: 3px;
+	opacity: 0;
+	filter: alpha(opacity=0);
+}
+.div_analiza_scale {
+	float: right;
+	position: relative;
+	margin-top: -20px;
+	padding-bottom: 3px;
+	opacity: 0;
+	filter: alpha(opacity=0);
+}

resources/sass/admin/analysis/ttest.scss

@@ -0,0 +1,70 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 16-Aug-2018, 13:17:25
+    Author     : podkrizniku
+*/
+
+.ttest_chart_holder {
+	margin-left: 0px;
+}
+table.ttestTable {
+	border-top: 1px solid $grey_normal;
+	border-left: 1px solid $grey_normal;
+	border-spacing: 0px;
+	padding: 0px;
+	margin: 0px;
+	border-collapse: collapse;
+	table-layout: auto;
+	font-size: 120%;
+	td {
+		min-width: 80px;
+		padding: 3px;
+		margin: 0px;
+		text-align: center;
+		border-bottom: 1px solid $grey_normal;
+		border-right: 1px solid $grey_normal;
+	}
+	th {
+		min-width: 80px;
+		padding: 3px;
+		margin: 0px;
+		text-align: center;
+		border-bottom: 1px solid $grey_normal;
+		border-right: 1px solid $grey_normal;
+		background-color: $soft_blue_very_lighten;
+	}
+	th.lightGreen {
+		background-color: $soft_blue_lighten;
+	}
+	td.lightGreen {
+		background-color: $soft_blue_lighten;
+	}
+}
+#ttestNumerusSpan {
+	select {
+		width: 220px;
+	}
+}
+#ttestSpremenljivkaSpan {
+	select {
+		width: 220px;
+	}
+}
+#ttestVariablesSpan {
+	background-color: $grey_almost_white;
+	border: 1px solid $grey_very_light;
+        margin-bottom: 10px;
+	padding: 5px;
+	max-width: 400px;
+	border-radius: 4px;
+	-moz-border-radius: 4px 4px 4px 4px;
+	-webkit-border-radius: 4px;
+}
+#ttestVariablesSpan.active {
+	background-color: $orange_super_lighten;
+	border: 1px solid $orange_very_darken;
+}

resources/sass/admin/analysis/zoom.scss

@@ -0,0 +1,256 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 16-Aug-2018, 10:56:16
+    Author     : podkrizniku
+*/
+
+.fr_inspect {
+	&:hover {
+		background-color: #ABd2d0;
+		outline: 1px solid $strong_blue;
+		cursor: pointer;
+		color: $strong_blue !important;
+	}
+}
+.mc_inspect {
+	&:hover {
+		background-color: #ABd2d0;
+		outline: 1px solid $strong_blue;
+		cursor: pointer;
+		color: $strong_blue !important;
+	}
+}
+.mg_inspect {
+	&:hover {
+		background-color: #ABd2d0;
+		outline: 1px solid $strong_blue;
+		cursor: pointer;
+		color: $strong_blue !important;
+	}
+}
+.dmg_inspect {
+	&:hover {
+		background-color: #ABd2d0;
+		outline: 1px solid $strong_blue;
+		cursor: pointer;
+		color: $strong_blue !important;
+	}
+}
+.mt_inspect {
+	&:hover {
+		background-color: #ABd2d0;
+		outline: 1px solid $strong_blue;
+		cursor: pointer;
+		color: $strong_blue !important;
+	}
+}
+#dsp_inspect_cover {
+	position: absolute;
+	z-index: 100 !important;
+	height: auto;
+	height: auto;
+	max-height: 500px;
+	width: 350px;
+	padding-bottom: 45px;
+	font-size: 13px;
+	background-color: white;
+	border: 4px solid $popup_border;
+	border-radius: 7px;
+	-moz-border-radius: 7px 7px 7px 7px;
+	-webkit-border-radius: 7px;
+	box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
+	-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
+	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
+}
+#dsp_inspect_spr_select {
+	padding: 10px;
+	display: block;
+	max-height: 450px;
+	overflow: auto;
+}
+.dsp_inspect_var {
+	list-style-type: none;
+	display: block;
+	outline: 1px dashed $grey_very_light;
+	background: #ffc;
+	width: 300px;
+	padding: 5px 0px;
+	margin: 5px 10px 0 10px;
+	height: 20px;
+	label {
+		display: inline-block;
+		width: 275px !important;
+		white-space: nowrap;
+		overflow: hidden;
+	}
+}
+#spanSessionInspect {
+	display: inline-block;
+	margin-right: 10px;
+}
+#inspect_cover_div {
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	right: 0px;
+	bottom: 0px;
+	width: 100%;
+	height: 100%;
+	background: $strong_blue_very_lighten;
+	opacity: .40;
+	z-index: 10;
+	display: none;
+}
+div.zoom_short_text {
+	max-width: 200px;
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+}
+/*popup*/
+#inspect_div {
+	display: none;
+	position: relative;
+	z-index: 90;
+
+	padding: 0 10px 10px 10px;
+    width: 580px;
+    
+    color: $grey_super_dark;
+        
+	fieldset {
+		margin: 0px 0px 5px 0px;
+		border: 0;
+		border-top: 1px solid $soft_blue;
+	}
+}
+
+/*segmentation*/
+#zoom_div {
+	display: none;
+	position: relative;
+	z-index: 90;
+
+	width: 730px;
+}
+#zoom_profiles_left {
+	width: 192px;
+	float: left;
+}
+#zoom_profiles_right {
+	float: right;
+	width: 490px;
+	padding: 10px 10px 30px 10px;
+	margin-bottom: 40px;
+	color: $grey_super_dark;
+        border: 1px solid $soft_blue;
+	background-color: $soft_blue_very_lighten;
+}
+#zoom_profiles_holder {
+	width: 190px;
+	height: 150px;
+	display: inline-block;
+}
+#zoom_profiles {
+	height: 150px;
+	overflow: auto;
+	cursor: pointer;
+	width: 190px;
+    display: inline-block;
+    
+	.option {
+        padding: 2px 5px;
+        margin-bottom: 5px;
+	}
+	.active {
+		padding: 2px 5px;
+        
+        background-color: $soft_blue_very_lighten;
+        border: 1px solid $soft_blue;
+		border-radius: 4px;
+		-moz-border-radius: 4px;
+		-webkit-border-radius: 4px;
+	}
+}
+#zoom_note {
+	width: 450px;
+	padding: 3px;
+	color: black;
+	font-size: 11px;
+	border: 1px solid $soft_blue;
+	background-color: $soft_blue_very_lighten;
+}
+#zoom_content {
+	width: auto;
+	min-height: 80px;
+    max-height: 70vh;
+    overflow-y: scroll;
+
+	padding: 0px 0px 5px 0px;
+	margin-bottom: 5px;
+}
+#zoom_button_holder {
+	position: absolute;
+	bottom: 20px;
+	right: 20px;
+}
+.zoom_var {
+	list-style-type: none;
+	display: inline-block;
+	width: 400px;
+	padding: 5px 0px;
+	margin: 5px 10px 0 10px;
+	min-height: 20px;
+	height: auto;
+    background-color: $soft_blue_lighten;
+    
+	label {
+		display: inline-block;
+		width: 360px !important;
+		white-space: nowrap;
+		overflow: hidden;
+	}
+}
+/*segment dropdown conditions in top left*/
+#div_zoom_condition {
+	vertical-align: top;
+	display: inline-block;
+	width: auto;
+	min-width: 200px;
+	padding: 7px 10px;
+	background-color: $soft_blue_very_lighten;
+	border: 1px solid $soft_blue;
+	label {
+		white-space: nowrap;
+	}
+	ul {
+		display: block !important;
+		clear: both;
+		float: left;
+		margin: 5px 0 !important;
+		padding: 0px !important;
+		margin: 0px;
+		width: auto;
+		list-style-type: none;
+		font-size: 11px;
+		border: $grey_normal;
+		li {
+			display: inline-block;
+			min-height: 18px;
+			min-width: 100px;
+			width: auto;
+			height: auto;
+			margin: 0px 5px;
+			background-color: $soft_blue_lighten;
+			text-align: left;
+			vertical-align: top;
+			div {
+				padding: 3px;
+			}
+		}
+	}
+}

resources/sass/admin/basic/basic.scss

@@ -0,0 +1,341 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 24-Jul-2018, 12:04:21
+    Author     : podkrizniku
+*/
+
+$main_text: $grey_super_dark;
+$link_grey: $grey_dark;
+$main_background: white;
+$select_background: white;
+$fieldset_border: #E6E6E6;
+
+html {
+    height: 100%;
+	background-color: $main_background;
+}
+body {
+    position: relative;
+    height: 100%;
+
+	margin: 0px;
+	padding: 0px;
+	background-color: $main_background;
+	color: $main_text;
+    font-size: 12px;
+    
+    p.ui-draggable-dragging {
+		background-color: white;
+		padding: 5px;
+		width: 200px;
+		border: 1px solid gray;
+		z-index: 100;
+    }
+    
+	div.folder_container.ui-draggable-dragging {
+		background-color: white;
+		padding: 5px;
+		border: 1px solid gray;
+		width: 200px;
+		height: 16px;
+		line-height: 16px;
+		overflow: hidden;
+		z-index: 100;
+		div.folder_right {
+			display: none;
+		}
+	}
+	span.new_spr.ui-draggable-dragging {
+		background-color: white;
+		padding: 5px;
+		border: 1px solid gray;
+		width: 200px;
+		height: 16px;
+		line-height: 16px;
+		overflow: hidden;
+		z-index: 100;
+	}
+}
+h1 {
+	font-size: 20px;
+	color: $strong_blue;
+}
+h2 {
+	font-size: 16px;
+	font-weight: 600;
+	color: $strong_blue;
+}
+h3 {
+	font-size: 12px;
+	font-weight: normal;
+}
+h4 {
+	font-weight: 600;
+	font-size: 14px;
+}
+a {
+	cursor: pointer;
+    display: inline;
+
+    color: $strong_blue;
+	text-decoration: none;
+    
+	&:hover {
+		color: $orange;
+		text-decoration: none;
+    }
+    
+    img {
+		border: none;
+	}
+}
+img {
+	border: none;
+	vertical-align: text-bottom;
+}
+
+/*for bottom spacing between elements mainly in settings*/
+fieldset {
+	margin: 10px 10px 25px 10px;
+	padding: 5px 15px 10px 15px;
+	
+	color: $main_text;
+	
+	border: 1px solid $fieldset_border;
+	
+	a {
+		span {
+			color: $strong_blue;
+                        text-decoration: none;
+                        cursor: pointer;
+                        display: inline;
+		}
+		&:hover {
+			span {
+				color: $orange;
+                                text-decoration: none;
+			}
+		}
+	}
+	
+    span {
+            /*margin-bottom: 1px;*/
+			
+			color: $main_text;
+			font-weight: normal;
+    }
+    select {
+            margin-bottom: 1px;
+    }
+    input[type=text] {
+            margin-bottom: 1px;
+    }
+	input[type=radio] {
+            margin-bottom: 1px;
+    }
+	
+    p{
+            input[type=text] {
+                    margin-bottom: 0;
+            }
+            label {
+                    display: inline-block;
+                    margin-bottom: 0;
+            }
+            input[type=radio] {
+                    margin-bottom: 0;
+            }
+    }
+    
+    label {
+            display: inline-block;
+            margin-bottom: 1px;
+    }
+}
+
+/* ker IE nardi razmake */
+form {
+	padding: 0px;
+	margin: 0px;
+}
+label {
+	cursor: pointer;
+	vertical-align: middle;
+	input {
+		vertical-align: top;
+		vertical-align: middle;
+		vertical-align: text-bottom;
+	}
+}
+legend {
+	margin: 0;
+	padding: 0 10px;
+	color: $strong_blue;
+	font-weight: 500;
+	font-size: 13px;
+	background-color: $main_background;
+}
+legend.red {
+	font-size: 14px;
+}
+table {
+	th {
+		font-weight: 500;
+	}
+}
+input {
+	vertical-align: middle;
+	font-size: 12px;
+}
+select {
+	cursor: pointer;
+	vertical-align: middle;	
+	height: 22px;
+	
+	font-size: 12px !important;
+	color: $main_text !important;
+	
+	background: $select_background;
+	background-color: $select_background;
+	
+	border: 1px $soft_blue solid !important;
+	border-radius: 4px 0px 0px 4px;
+	-moz-border-radius: 4px 0px 0px 4px;
+	-webkit-border-radius: 4px 0px 0px 4px;
+}
+textarea {
+	vertical-align: middle;
+	font-size: 12px;
+	color: $main_text !important;
+        width: 40%;
+	border: 1px solid #c6c6c6 !important;
+	&:not(disabled) {
+		background: #ffffff;
+	}
+	&:disabled {
+		background: #eeeeee;
+	}
+}
+button {
+	vertical-align: middle;
+	font-size: 9px;
+}
+input[type="text"] {
+	color: $main_text !important;
+	border: 1px solid #c6c6c6 !important;
+	&:not(disabled) {
+		background: #ffffff;
+	}
+	&:disabled {
+		background: #eeeeee;
+	}
+}
+input[type="number"] {
+	color: $main_text !important;
+	border: 1px solid #c6c6c6 !important;
+	background: #ffffff;
+	padding: 3px 0 3px 3px;
+}
+iframe {
+	border: 0;
+}
+
+
+/*main div element (parent of #anketa and #anketa_active)*/
+#main_holder{
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+
+    height: 100%;
+}
+
+#main {
+    padding: 0;
+    margin: 0;
+    border: 0;
+
+    flex-grow: 1;
+
+    #anketa {
+        border: 0;
+        padding: 0px 0px 0px 0px;
+        margin: 0px 0px 0px 0px;
+        
+        #anketa_edit{
+            box-sizing: border-box;
+            display: flex;
+            flex-direction: row;
+
+            width: 100%;
+
+            padding: 30px 40px 40px 30px;
+
+            .anketa_edit_left{
+                display: flex;
+                flex-direction: column;
+
+                margin-right: 20px;
+            }
+
+            .anketa_edit_main{
+                flex-grow: 1;
+                width: 100%;
+            }
+        }
+ 
+        div {
+            .folder_container {
+                height: 17px;
+                padding: 3px;
+                margin: 3px;
+                overflow: hidden;
+            }
+            .folder_right {
+                float: left;
+                width: 100px;
+                text-align: left;
+            }
+        }
+        span.opombe {
+            color: $grey_normal;
+            height: 17px;
+            width: auto;
+            font-size: 12px;
+            span {
+                font-size: 16px;
+            }
+        }
+        ul {
+            list-style: none;
+            margin: 0;
+        }
+        ul.first {
+            margin-top: 10px;
+        }
+        li {
+            .anketa {
+                margin: 0;
+                padding-left: 14px;
+            }
+        }
+        ul.number_list {
+            list-style-type: decimal;
+        }
+    }
+
+}
+
+
+
+
+
+
+@import "basic_font";
+@import "basic_classes";
+@import "basic_buttons";
+@import "basic_color_classes";

resources/sass/admin/basic/basic_buttons.scss

@@ -0,0 +1,102 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 24-Jul-2018, 12:51:06
+    Author     : podkrizniku
+*/
+
+$background_white: #ffffff;
+$strong_blue_lighten_button: lighten( $strong_blue, 7% );
+
+span.buttonwrapper {
+	a {
+		cursor: pointer;
+		display: block;
+		padding: 5px 12px 6px;
+		background-color: $strong_blue;
+		border-radius: 20px;
+        border: 1px $strong_blue solid;
+        
+        transition: 0.1s;
+
+		&:hover {
+			background-color: $orange;
+			border: 1px $orange solid;
+		}
+	}
+	a.ovalbutton_gray {
+		cursor: pointer;
+		padding: 5px 12px 6px;
+		color: $strong_blue !important;
+		background-color: $background_white;
+        border: 1px $strong_blue solid;
+        
+        transition: 0.1s;
+
+		&:hover {
+			background-color: $strong_blue !important;
+			color: white !important;
+		}
+	}
+}
+div.buttonwrapper {
+	a {
+		cursor: pointer;
+		display: block;
+		padding: 5px 12px 6px;
+		background-color: $strong_blue;
+		border-radius: 20px;
+        border: 1px $strong_blue solid;
+        
+        transition: 0.1s;
+
+		&:hover {
+			background-color: $orange;
+			border: 1px $orange solid;
+		}
+	}
+	a.ovalbutton_gray {
+		cursor: pointer;
+		padding: 5px 20px 6px;
+		color: $strong_blue !important;
+		background-color: $background_white;
+        border: 1px $strong_blue solid;
+        
+        transition: 0.1s;
+
+		&:hover {
+			background-color: $strong_blue !important;
+			color: white !important;
+		}
+	}
+}
+div.buttonwrapper.ovalbutton_gray {
+	a {
+        transition: 0.1s;
+
+		&:hover {
+			background-color: $strong_blue !important;
+			color: white !important;
+		}
+	}
+}
+a.ovalbutton {
+	cursor: pointer;
+	color: #ffffff !important;
+	font-size: 11px;
+	//font-weight: 600 !important;
+	.button {
+		.blue {
+			background-color: $strong_blue;
+		}
+		.lightblue {
+			background-color: $strong_blue_lighten_button;
+		}
+		.orange {
+			background-color: $orange;
+		}
+	}
+}

resources/sass/admin/basic/basic_classes.scss

@@ -0,0 +1,271 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 24-Jul-2018, 12:47:41
+    Author     : podkrizniku
+*/
+
+.as_link {
+	color: $strong_blue;
+	text-decoration: none;
+	cursor: pointer;
+	display: inline;
+	&:hover {
+		color: $orange;
+		text-decoration: none;
+	}
+}
+@mixin link_class() {
+        color: $strong_blue;
+        cursor: pointer;
+        &:hover {
+                color: $orange;
+        }
+}
+.link {
+        @include link_class();
+}
+.pointer {
+	cursor: pointer;
+}
+.bold {
+	font-weight: 600;
+}
+.strong {
+	font-weight: 600;
+}
+strong {
+	font-weight: 600;
+}
+b {
+	font-weight: 600;
+}
+.semibold {
+	font-weight: 500;
+}
+.autoWidth {
+	width: auto;
+	p {
+		width: auto;
+	}
+}
+.textItalic {
+	font-style: italic;
+	font-weight: normal !important;
+}
+.italic {
+	font-style: italic;
+	font-weight: normal !important;
+}
+.spaceLeft {
+	margin-left: 8px !important;
+}
+.spaceLeftBig {
+	margin-left: 20px !important;
+}
+.spaceRight {
+	margin-right: 8px !important;
+}
+.spaceRightBig {
+	margin-right: 20px !important;
+}
+.inline {
+	display: inline;
+}
+.fullHeight {
+	height: 100%;
+}
+.fullWidth {
+	width: 100%;
+}
+.halfWidth {
+	width: 50%;
+}
+.taLeft {
+	text-align: left;
+}
+.taRight {
+	text-align: right;
+}
+.taCenter {
+	text-align: center;
+}
+.hidden {
+	display: none !important;
+}
+.clr {
+	clear: both;
+	padding: 0px;
+	margin: 0px;
+	height: 0px;
+	&:after {
+		content: ".";
+		display: block;
+		height: 0;
+		clear: both;
+		visibility: hidden;
+	}
+}
+.floatLeft {
+	float: left;
+	display: block;
+	width: auto;
+}
+.floatRight {
+	float: right;
+	display: block;
+	width: auto;
+}
+.displayTop {
+	position: absolute;
+	top: 10px;
+	right: 10px;
+}
+.displayNone {
+	display: none;
+}
+.displayBlock {
+	display: block !important;
+}
+
+.link_no_decoration {
+	a {
+		color: $strong_blue;
+		text-decoration: none;
+		&:hover {
+                        color: $strong_blue;
+			text-decoration: none;
+		}
+		&:visited {
+                        color: $strong_blue;
+			text-decoration: none;
+		}
+	}
+}
+.visibility_hidden {
+	visibility: hidden;
+}
+.small {
+	font-size: smaller;
+}
+.movable {
+	cursor: move;
+}
+.move {
+	cursor: move;
+}
+.moveY {
+	cursor: n-resize;
+}
+.enkaIcon {
+	padding: 3px 2px 2px 2px !important;
+}
+label.middle {
+	input {
+		vertical-align: bottom;
+	}
+}
+label.top {
+	input {
+		vertical-align: top;
+	}
+}
+.highlight {
+	font-weight: bold;
+}
+.down {
+	line-height: 16px;
+	vertical-align: bottom;
+	padding-top: 2px;
+}
+.noMargin {
+	margin: 0;
+	padding: 0;
+}
+div.left-float {
+	display: inline-block;
+	float: left;
+	padding-bottom: 3px;
+	padding-right: 10px;
+}
+.relative {
+	position: relative;
+}
+/*links*/
+li.highlightLineTab {
+	a {
+		background-color: white;
+		border-bottom: medium none;
+		padding-bottom: 2px;
+		span {
+			font-weight: bold;
+			color: $red_error;
+		}
+	}
+}
+.option {
+	border-bottom: 1px solid white;
+}
+.div_error {
+	padding: 10px;
+	margin: 3px;
+	background-color: $soft_blue_very_lighten;
+	img {
+		margin-right: 5px;
+	}
+}
+a.help {
+	font-size: 11px;
+	font-weight: bold;
+	color: $strong_blue;
+	&:hover {
+		text-decoration: none;
+		color: $orange;
+	}
+}
+a.edithelp {
+	font-size: 11px;
+	font-weight: bold;
+	color: $strong_blue;
+	&:VISITED {
+		color: $strong_blue;
+	}
+	&:hover {
+		text-decoration: none;
+	}
+}
+.z-index200 {
+	z-index: 200 !important;
+}
+.editable[contenteditable=true] {
+	&:hover {
+		background-color: $soft_blue_very_lighten;
+		border: 1px solid $soft_blue;
+	}
+	&:focus {
+		background-color: $soft_blue_very_lighten;
+		border: 1px dashed $soft_blue_very_darken;
+		-webkit-border-radius: 3px;
+		-moz-border-radius: 3px;
+		border-radius: 3px;
+	}
+	border: 1px solid white;
+}
+.tab {
+	background-color: white;
+}
+.link-sv-moder {
+	color: $soft_blue;
+	&:hover {
+		color: $strong_blue;
+	}
+}
+.link-rdec {
+	color: $orange_darken;
+}
+@mixin margin_bottom_text_rows {
+        margin-bottom: 2px;
+}

resources/sass/admin/basic/basic_color_classes.scss

@@ -0,0 +1,95 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 02-Aug-2018, 11:51:18
+    Author     : podkrizniku
+*/
+
+$green_cell: #E6FFCC;
+$blue_cell: #D7F4FA;
+
+.red {
+	color: $red !important;
+}
+.lightRed {
+	color: $red_lighten !important;
+}
+.orange {
+	color: $orange !important;
+}
+.blue {
+	color: $strong_blue !important;
+}
+.gray {
+	color: darkgray !important;
+}
+.silver {
+	color: silver !important;
+}
+.green {
+	color: green !important;
+	a {
+		color: green !important;
+	}
+}
+.clr_if {
+	color: $strong_blue !important;
+}
+.clr_bl {
+	color: purple !important;
+}
+.clr_lp {
+	color: $strong_blue_very_lighten !important;
+}
+.colorif {
+	color: $soft_blue_very_darken;
+}
+.colorblock {
+	color: purple;
+}
+.colorloop {
+	color: $strong_blue_very_lighten;
+}
+.colorvariable {
+	color: $grey_super_dark;
+	font-weight: bold;
+}
+.calculationvariable {
+	color: $orange_very_darken;
+	font-weight: bold;
+}
+.quotavariable {
+	color: red;
+	font-weight: bold;
+}
+.dds_hover {
+	border: 1px dashed $orange_very_darken;
+}
+.holder {
+	border: 1px dashed $grey_super_dark;
+	background: white;
+}
+.left {
+	float: left;
+}
+.right {
+	float: right;
+}
+.white {
+	background-color: white !important;
+}
+.cellGreen {
+	background-color: $green_cell;
+}
+.cellYellow {
+	background-color: #FFFFF0;
+}
+.cellBlue {
+	background-color: $blue_cell;
+}
+.cellRed {
+	background-color: #FAd7d7;
+}

resources/sass/admin/basic/basic_font.scss

@@ -0,0 +1,22 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 24-Jul-2018, 12:51:06
+    Author     : podkrizniku
+*/
+
+/* FontAwesome 5 */
+@import "../../../fonts/FontAwesome5/scss/fontawesome.scss";
+@import "../../../fonts/FontAwesome5/scss/regular.scss";
+@import "../../../fonts/FontAwesome5/scss/solid.scss";
+@import "../../../fonts/FontAwesome5/scss/brands.scss";
+
+$font_family: Montserrat, sans-serif;
+$fontawesome: "Font Awesome 5 Free";
+
+body {
+	font-family: $font_family;
+}

resources/sass/admin/branching/branching.scss

@@ -0,0 +1,68 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 30-Jul-2018, 14:55:58
+    Author     : podkrizniku
+*/
+
+
+/* font awesom za admin */
+#variable_holder input[type="checkbox"].enka-admin-custom,
+#variable_holder input[type="radio"].enka-admin-custom  {
+	display: none !important;
+}
+#variable_holder input[type="checkbox"].enka-admin-custom+ span.enka-checkbox-radio:before,
+#variable_holder input[type="radio"].enka-admin-custom + span.enka-checkbox-radio:before {
+	font-family: $fontawesome;
+	display: inline-block;
+	font-size: 14px;
+	color: $grey_light;
+
+	font-weight: 400;
+}
+#variable_holder input[type="checkbox"].enka-admin-custom.enka-inline + span.enka-checkbox-radio:before,
+#variable_holder input[type="radio"].enka-admin-custom.enka-inline + span.enka-checkbox-radio:before {
+	display: inline-block;
+	float: left;
+	padding-top: 4px;
+	padding-left: 4px;
+	
+	font-weight: 400;
+}
+
+#variable_holder input[type="checkbox"].enka-admin-custom + span.enka-checkbox-radio:before{
+	/*content: "\f096";*/
+	content: "\f0c8";
+	letter-spacing: 10px;
+}
+#variable_holder input[type="radio"].enka-admin-custom + span.enka-checkbox-radio:before{
+	/*content: "\f10c";*/
+	content: "\f111";
+	letter-spacing: 8px;
+}
+/* select, checked */
+#variable_holder input[type="checkbox"].enka-admin-custom:checked + span.enka-checkbox-radio:before{
+	/*content: "\f046";*/
+	content: "\f14a";
+	color: $grey_super_dark;
+	letter-spacing: 8px;
+}
+#variable_holder input[type="radio"].enka-admin-custom:checked + span.enka-checkbox-radio:before{
+	/*content: "\f192";*/
+	content: "\f192";
+	color: $grey_super_dark;
+}
+
+@import "toolbox";
+@import "voting";
+@import "form";
+@import "other";
+@import "branching_expanded";
+@import "branching_collapsed";
+@import "question_settings";
+@import "questions/questions";
+@import "conditions";
+@import "library";

resources/sass/admin/branching/branching_collapsed.scss

@@ -0,0 +1,122 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 06-Aug-2018, 11:37:12
+    Author     : podkrizniku
+*/
+
+#branching.collapsed {
+    min-height: 317px;
+    margin-top: 10px;
+
+	li.spr {
+		line-height: 28px;
+		&:hover {
+			background-color: $soft_blue_lighten;
+			cursor: pointer;
+		}
+		
+		div.spr_edit {
+			padding-top: 0px;
+			margin-top: 0px;
+			margin-right: 10px;
+		}
+	}
+	li.spr.spr_editing {
+		line-height: inherit;
+		&:hover {
+			background: none;
+			cursor: auto;
+		}
+		
+		div.spr_edit{
+			padding-top: 2px;
+			margin-top: 5px;
+			margin-right: 30px;
+		}
+	}
+	li.drop {
+		height: 6px;
+		margin: 2px 0px 2px 50px;
+		margin: 0px 0 0px 40px;
+		padding: 2px 0px 2px 10px;
+		border-left: 2.5px solid transparent;
+		span.pb_on {
+			display: inline-block;
+			width: 100%;
+			height: 10px;
+			background: url('../../../admin/survey/img_0/sprites_pb.png') no-repeat 0px 0px;
+			text-align: right;
+			font-size: 10px;
+			color: $grey_light;
+		}
+		span.pb_off {
+			display: inline-block;
+			width: 100%;
+			height: 10px;
+		}
+		span.pb_new {
+			display: inline-block;
+			width: 100%;
+			height: 10px;
+		}
+		&:hover {
+			span.pb_on {
+				background: url('../../../admin/survey/img_0/sprites_pb.png') no-repeat 0px -62px;
+				cursor: pointer;
+			}
+			span.pb_new {
+				background: url('../../../admin/survey/img_0/sprites_pb.png') no-repeat 0px -31px;
+				cursor: pointer;
+			}
+		}
+	}
+	li.nodrop {
+		height: 6px;
+		margin: 2px 0px 2px 50px;
+		margin: 0px 0 0px 40px;
+		padding: 2px 0px 2px 0px;
+		border-left: 2.5px solid transparent;
+		span.pb_on {
+			display: inline-block;
+			width: 100%;
+			height: 10px;
+			background: url('../../../admin/survey/img_0/sprites_pb.png') no-repeat 0px 0px;
+			text-align: right;
+			font-size: 10px;
+			color: $grey_light;
+		}
+		span.pb_off {
+			display: inline-block;
+			width: 100%;
+			height: 10px;
+		}
+		span.pb_new {
+			display: inline-block;
+			width: 100%;
+			height: 10px;
+		}
+		&:hover {
+			span.pb_on {
+				background: url('../../../admin/survey/img_0/sprites_pb.png') no-repeat 0px -62px;
+				cursor: pointer;
+			}
+			span.pb_new {
+				background: url('../../../admin/survey/img_0/sprites_pb.png') no-repeat 0px -31px;
+				cursor: pointer;
+			}
+			span.permanent {
+				background: url('../../../admin/survey/img_0/sprites_pb.png') no-repeat 0px 0px;
+				cursor: default;
+			}
+		}
+	}
+	
+	div.if_remove {
+		padding-top: 0px;
+		margin-top: 3px;
+	}
+}

resources/sass/admin/branching/branching_expanded.scss

@@ -0,0 +1,509 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 07-Aug-2018, 09:43:11
+    Author     : podkrizniku
+*/
+
+$loop_background: #eef9ff;
+$block_background: #f1f1ff;
+$if_background: $soft_blue_lighten;
+
+#placeholder{
+    display: flex;
+
+    width: 98%;
+    max-width: 1450px;
+
+    margin: 5px 0 0 30px;
+}
+
+#branching {
+	min-height: 400px;
+    width: calc(96% - 315px);
+    margin: 0;
+
+    background-color: white;
+    
+	ul {
+		padding: 0;
+		margin: 0;
+	}
+	li {
+		list-style: none;
+		div.if_remove {
+			display: none;
+		}
+	}
+	li.spr {
+		margin-left: 40px;
+		position: relative;
+		border-left: 2.5px solid transparent;
+		div.spr_edit {
+			display: none;
+		}
+		&:hover {
+			div.spr_edit {
+				display: block;
+			}
+		}
+	}
+	li.if {
+		margin-left: 40px;
+		position: relative;
+		border-left: 2.5px solid transparent;
+		&:hover {
+			span.conditions_display {
+				background-color: $if_background;
+				cursor: pointer;
+			}
+			div.if_remove {
+				display: block;
+			}
+		}
+	}
+	li.block {
+		margin-left: 40px;
+		position: relative;
+		border-left: 2.5px solid transparent;
+		&:hover {
+			span.conditions_display {
+				background-color: $block_background;
+				cursor: pointer;
+			}
+			div.if_remove {
+				display: block;
+			}
+		}
+	}
+	li.loop {
+		margin-left: 40px;
+		position: relative;
+		border-left: 2.5px solid transparent;
+		&:hover {
+			span.conditions_display {
+				background-color: $loop_background;
+				cursor: pointer;
+			}
+			div.if_remove {
+				display: block;
+			}
+		}
+	}
+	li.endif {
+		margin-left: 40px;
+		position: relative;
+		border-left: 2.5px solid transparent;
+		&:hover {
+			background-color: $if_background;
+			cursor: pointer;
+		}
+	}
+	li.endblock {
+		margin-left: 40px;
+		position: relative;
+		border-left: 2.5px solid transparent;
+		&:hover {
+			background-color: $block_background;
+			cursor: pointer;
+		}
+	}
+	li.endloop {
+		margin-left: 40px;
+		position: relative;
+		border-left: 2.5px solid transparent;
+		&:hover {
+			background-color: $loop_background;
+			cursor: pointer;
+		}
+	}
+	li.inout {
+		margin-left: 40px;
+		position: relative;
+		border-left: 2.5px solid transparent;
+		&:hover {
+			background-color: $block_background;
+			cursor: pointer;
+		}
+	}
+	li.if.if_editing {
+		border-color: $strong_blue;
+		background-color: $if_background;
+		div.if_remove {
+			display: block;
+		}
+	}
+	li.block.if_editing {
+		border-color: $strong_blue;
+		background-color: $block_background;
+		div.if_remove {
+			display: block;
+		}
+	}
+	li.loop.if_editing {
+		border-color: $strong_blue;
+		background-color: $loop_background;
+		div.if_remove {
+			display: block;
+		}
+	}
+	ul.if_editing {
+		li.spr {
+			border-color: $strong_blue;
+		}
+		li.if {
+			border-color: $strong_blue;
+		}
+		li.block {
+			border-color: $strong_blue;
+		}
+		li.loop {
+			border-color: $strong_blue;
+		}
+		li.endif {
+			border-color: $strong_blue;
+		}
+		li.endblock {
+			border-color: $strong_blue;
+		}
+		li.endloop {
+			border-color: $strong_blue;
+		}
+		li.inout {
+			border-color: $strong_blue;
+		}
+		li.drop {
+			border-color: $strong_blue;
+		}
+		li.nodrop {
+			border-color: $strong_blue;
+		}
+	}
+	li.if.if_hovering {
+		border-color: $strong_blue;
+		background-color: $if_background;
+	}
+	li.block.if_hovering {
+		border-color: $strong_blue;
+		background-color: $block_background;
+	}
+	li.loop.if_hovering {
+		border-color: $strong_blue;
+		background-color: $loop_background;
+	}
+	ul.if_hovering {
+		li.spr {
+			border-color: $strong_blue;
+		}
+		li.if {
+			border-color: $strong_blue;
+		}
+		li.block {
+			border-color: $strong_blue;
+		}
+		li.loop {
+			border-color: $strong_blue;
+		}
+		li.endif {
+			border-color: $strong_blue;
+		}
+		li.endblock {
+			border-color: $strong_blue;
+		}
+		li.endloop {
+			border-color: $strong_blue;
+		}
+		li.inout {
+			border-color: $strong_blue;
+		}
+		li.drop {
+			border-color: $strong_blue;
+		}
+		li.nodrop {
+			border-color: $strong_blue;
+		}
+		li.endloop {
+			background-color: $loop_background;
+		}
+		li.endblock {
+			background-color: $block_background;
+		}
+		li.endif {
+			background-color: $if_background;
+		}
+	}
+	li.spr.ui-draggable-dragging {
+		z-index: 99999;
+	}
+	div.spr_edit {
+		cursor: pointer;
+		color: $grey_normal;
+		cursor: pointer;
+		display: inline-block;
+		height: 26px;
+		a.arhiv {
+			background-position: -16px -30px;
+		}
+		a {
+			cursor: pointer;
+			display: inline-block;
+			margin-left: 9px;
+			width: 20px;
+			height: 20px;
+		}
+		span.scale_ordnom {
+			vertical-align: 2px;
+			margin-right: 20px;
+			color: $strong_blue;
+			a {
+				cursor: pointer;
+				display: inline-block;
+				height: 20px;
+				width: auto;
+				margin: 0;
+				background-image: none;
+				color: $strong_blue;
+				&:hover {
+					color: $orange;
+				}
+			}
+		}
+		a.hide {
+			cursor: pointer;
+			display: inline-block;
+			margin-right: 5px;
+			width: 20px;
+			height: 20px;
+		}
+	}
+	li.spr.spr_editing {
+		div.spr_edit {
+			display: block;
+			padding-top: 9px;
+		}
+	}
+	li.drop.branchinghover {
+		background-color: $orange_lighten !important;
+		a {
+			display: none;
+		}
+	}
+	li.nodrop.branchinghover {
+		background-color: $orange_lighten !important;
+		a {
+			display: none;
+		}
+	}
+	a.pm {
+		position: absolute;
+		left: auto;
+		float: none;
+		margin: 9px 0 0 -15px;
+		cursor: pointer;
+	}
+	a.pm.minus {
+		margin-top: 12px;
+	}
+	
+	.spr_editing {
+
+		.spremenljivka_content {
+			background-color: white;
+            border: 1px solid transparent;
+
+			.spremenljivka_settings {
+				background-color: $orange !important;
+                border: 1px solid $orange;
+
+                .spr_settings{
+                    span.red {
+                        color: white !important;
+                    }
+                }
+                #spr_settings_intro_concl{
+                        div.red{
+                                color: white !important;
+                        }
+                }
+			}
+            .content_div_normalmode{
+                    border: 1px solid $orange;
+            }
+            .comment_container_inline {
+                    border-top: none;
+                    border-left: 1px solid $soft_blue;
+                    border-right: 1px solid $soft_blue;
+                    border-bottom: 1px solid $soft_blue;
+            }
+            .spremenljivka_tekst_form {
+                    border: 1px solid $orange;
+            }
+		}
+		.variable_name {
+			color: white;
+		}
+	}
+	.variable_name {
+		cursor: move;
+	}
+	div.if_remove {
+		a {
+			cursor: pointer;
+			display: inline-block;
+			margin-left: 9px;
+			width: 20px;
+			height: 20px;
+			/*background-image: url(../../../admin/survey/img_new/sprites.png);
+			background-repeat: no-repeat;*/
+		}
+		padding-top: 0px;
+		margin-top: 4px;
+	}
+	li.spr_editing {
+		div.spr_edit {
+			span.scale_ordnom {
+				color: white;
+				a {
+					color: white;
+				}
+			}
+			a.faicon{
+				color: white !important;
+			}
+		}
+	}
+}
+#branching.expanded {
+	li.spr {
+		padding-top: 1px;
+		padding-bottom: 1px;
+	}
+	li.if {
+		padding-top: 1px;
+		padding-bottom: 1px;
+	}
+	li.block {
+		padding-top: 1px;
+		padding-bottom: 1px;
+	}
+	li.loop {
+		padding-top: 1px;
+		padding-bottom: 1px;
+	}
+	li.drop {
+		min-height: 16px;
+		margin: 2px 0 2px 50px;
+		margin: 0px 0 0px 40px;
+		padding: 2px 0px 2px 10px;
+		//border-left: 2px solid transparent;
+		span.pb_on {
+			display: inline-block;
+			width: 100%;
+			height: 16px;
+			background: url('../../../admin/survey/img_0/sprites_pb_expanded.png') no-repeat 100px 10px;
+			color: $grey_normal;
+			font-size: 14px;
+			font-weight: 600;
+			height: 20px;
+			line-height: 20px;
+			margin-top: 0;
+		}
+		span.pb_off {
+			display: inline-block;
+			width: 100%;
+			height: 16px;
+		}
+		span.pb_new {
+			display: inline-block;
+			width: 100%;
+			height: 16px;
+		}
+		&:hover {
+			span.pb_on {
+				background: url('../../../admin/survey/img_0/sprites_pb_expanded.png') no-repeat 100px -52px;
+				cursor: pointer;
+			}
+			span.pb_new {
+				background: url('../../../admin/survey/img_0/sprites_pb_expanded.png') no-repeat 0px -23px;
+				cursor: pointer;
+			}
+		}
+	}
+	li.nodrop {
+		min-height: 16px;
+		margin: 2px 0 2px 50px;
+		margin: 0px 0 0px 40px;
+		padding: 2px 0px 2px 0px;
+		border-left: 2.5px solid transparent;
+		span.pb_on {
+			display: inline-block;
+			width: 100%;
+			height: 16px;
+			background: url('../../../admin/survey/img_0/sprites_pb_expanded.png') no-repeat 100px 10px;
+			color: $grey_normal;
+			font-size: 14px;
+			font-weight: 600;
+			height: 20px;
+			line-height: 20px;
+			margin-top: 0;
+		}
+		span.pb_off {
+			display: inline-block;
+			width: 100%;
+			height: 16px;
+		}
+		span.pb_new {
+			display: inline-block;
+			width: 100%;
+			height: 16px;
+		}
+		&:hover {
+			span.pb_on {
+				background: url('../../../admin/survey/img_0/sprites_pb_expanded.png') no-repeat 100px -52px;
+				cursor: pointer;
+			}
+			span.pb_new {
+				background: url('../../../admin/survey/img_0/sprites_pb_expanded.png') no-repeat 0px -23px;
+				cursor: pointer;
+			}
+			span.permanent {
+				background: url('../../../admin/survey/img_0/sprites_pb_expanded.png') no-repeat 100px 10px;
+				cursor: default;
+			}
+		}
+	}
+	span.pb_on {
+		span {
+			background-color: white;
+			padding-right: 20px;
+			pointer-events: none;
+		}
+	}
+}
+.branchinghover {
+	background: url('../../../admin/survey/img_0/hover_background.png') repeat-x top left !important;
+}
+.blockSwitch {
+	position: relative;
+	margin: 10px auto 0;
+	text-align: center;
+	p {
+		display: inline;
+		font-size: 14px;
+	}
+}
+#spremenljivka_content_-1 {
+	position: relative;
+	span.display_editor {
+		top: 40px;
+	}
+}
+#spremenljivka_content_-2 {
+	position: relative;
+	span.display_editor {
+		top: 40px;
+	}
+}

resources/sass/admin/branching/conditions.scss

@@ -0,0 +1,191 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 13-Aug-2018, 12:32:48
+    Author     : podkrizniku
+*/
+
+.endif_editing {
+	background-color: $soft_blue_lighten;
+}
+li.if_editing {
+	div.if_content {
+		&:before {
+			background-color: $if_background;
+			content: "";
+			display: block;
+			height: 15px;
+			left: 0;
+			position: absolute;
+			top: 0;
+			width: 100%;
+			z-index: -1;
+		}
+	}
+}
+span.conditions_display {
+	display: block;
+	line-height: 28px;
+}
+/*if condition variable select*/
+select.spremenljivka_select {
+	option {
+		max-width: 500px;
+	}
+}
+.condition {
+	position: relative;
+	left: -21px;
+}
+span.endif {
+	position: relative;
+	left: -29px;
+	font-weight: bold;
+}
+.block {
+	>div {
+		>#div_condition_editing_container {
+			background-color: $block_background;
+			line-height: 28px;
+		}
+	}
+}
+.loop {
+	>div {
+		>#div_condition_editing_container {
+			padding-top: 6px;
+		}
+	}
+}
+#div_condition_editing_inner {
+	>.condition_editing_preview {
+		background-color: $soft_blue_lighten;
+		padding-left: 6px;
+	}
+}
+#div_condition_editing_operators {
+	padding: 5px 0;
+}
+#div_condition_editing {
+    display: none;
+
+	height: auto;
+    width: 800px;
+    
+	div#div_condition_editing_container {
+		margin-bottom: 44px;
+	}
+	.error_display {
+		background-color: transparent;
+	}
+	.condition_editing_vrednost_title {
+		margin: -5px 0 15px 5px;
+		font-size: 14px;
+		font-weight: 600;
+	}
+}
+#div_condition_editing_float {
+	position: absolute;
+	top: 0;
+	right: -335px;
+    
+    width: 290px;
+	padding: 0 10px 15px 10px;
+    
+    background-color: white;
+    
+    border: 1px solid $soft_blue;
+
+	h2 {
+		margin-top: 0;
+		padding: 10px;
+		border-bottom: 0;
+		margin: 0 -10px 0 -10px;
+		background-color: $soft_blue;
+	}
+	p {
+		padding: 3px;
+		margin: 10px 0;
+	}
+	p.heading {
+		border: 0;
+		background: none;
+		padding: 0;
+	}
+	span.content {
+		float: right;
+	}
+	fieldset {
+		margin: 11px 0;
+		padding: 0;
+		border: 0;
+		border-top: 1px solid $soft_blue;
+	}
+	legend {
+		background-color: transparent;
+		color: $strong_blue;
+		font-weight: 500;
+		margin: 0;
+		padding: 0 10px 0 5px;
+	}
+}
+.error_display {
+	display: block;
+	line-height: 24px;
+}
+.tbl_ce_bck_blue {
+	background-color: $strong_blue_super_light;
+}
+.tbl_ce_lol {
+	border-top: 1px solid $grey_very_light;
+	border-bottom: 1px solid $grey_very_light;
+	border-left: 1px solid $grey_very_light;
+}
+.tbl_ce_tb {
+	border-top: 1px solid $grey_very_light;
+	border-bottom: 1px solid $grey_very_light;
+}
+.tbl_ce_lor {
+	border-top: 1px solid $grey_very_light;
+	border-bottom: 1px solid $grey_very_light;
+	border-right: 1px solid $grey_very_light;
+}
+.if_remove {
+	z-index: 5;
+	position: absolute;
+	top: 0;
+	right: 0;
+	margin-right: 20px;
+	padding-top: 9px;
+}
+.endif {
+	a.surveycomment {
+		padding-right: 15px;
+		font-size: 10px;
+	}
+}
+.endblock {
+	a.surveycomment {
+		padding-right: 15px;
+		font-size: 10px;
+	}
+}
+#condition_editing_bottom_placeholder {
+	display: block;
+	height: 1px;
+	margin-bottom: 15px;
+	border-top: 1px solid $soft_blue;
+}
+.tbl_condition_editing {
+	width: 98%;
+	border-spacing: 0px;
+	margin: 0px 1% 0px 1%;
+	border-collapse: collapse;
+	th {
+		color: $grey_normal;
+		font-weight: normal;
+	}
+}

resources/sass/admin/branching/form.scss

@@ -0,0 +1,69 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 03-Aug-2018, 13:34:26
+    Author     : podkrizniku
+*/
+
+#branching.expanded.branching_forma {
+	ul.first {
+		li.empty_vrivanje {
+			margin-top: -45px !important;
+		}
+		margin-top: 59px !important;
+	}
+}
+#branching.collapsed.branching_forma {
+	ul.first {
+		margin-top: 66px !important;
+	}
+}
+
+
+#anketa_edit.forma {
+    
+    #quick_settings_holder{
+        position: absolute;
+        right: 5%;
+        top: 235px;
+        height: auto;
+        width: 310px;
+        border: 0;
+        background-color: transparent;
+        
+        #quick_settings{
+            padding: 5px 15px;
+            width: 315px;
+            box-sizing: border-box;       
+            float: right;
+
+            background-color: $soft_blue_very_lighten;
+            border: 1px solid $soft_blue;
+
+            fieldset {
+                border: 1px $grey_dark solid;
+            }
+
+            .form_bottom_settings {
+                margin: 0 8px 10px 8px;
+                padding: 0 0 5px 10px;
+                background-color: inherit;
+            }
+
+            #form_settings_obvescanje {
+                padding: 1px 0 10px 10px;
+                textarea#alert_finish_other_emails {
+                    &:focus {
+                        padding: 2px;
+                        border: 0;
+                        background-color: $orange_very_lighten;
+                    }
+                }
+            }
+        }
+    }
+
+}

resources/sass/admin/branching/library.scss

@@ -0,0 +1,230 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 20-Aug-2018, 11:24:57
+    Author     : podkrizniku
+*/
+
+#toolbox_library {
+    z-index: 0;
+	position: fixed;
+	top: 225px;
+    left: 35px;
+	
+	width: 315px;
+	height: auto;
+	left: auto;
+	right: 30px;
+	
+	color: $strong_blue;
+
+	background-color: white;
+    border: 0;
+    box-shadow: 0 0 31px 0 rgba(0, 0, 0, 0.07);
+
+    #library_holder {
+        background-color: $soft_blue;
+        border: 1px $soft_blue solid;
+
+        #library_title {
+            padding: 10px;
+            font-size: 18px;
+            font-weight: bold;
+            span.library {
+                margin: 0 5px 2px 0;
+            }
+        }
+        
+        
+        p.display_tabs {
+            font-size: 14px;
+            font-weight: 500;
+            margin: 0;
+            padding: 0;
+
+            &> span{
+                width: 50%;
+                box-sizing: border-box;
+                display: inline-block;
+
+                padding: 7px 10px;
+
+                text-align: center;
+
+                transition: 0.2s;
+            }
+
+            span.highlightTabBlackLeft {
+                background-color: white;
+
+                a {
+                    color: $strong_blue;
+                }
+            }
+
+            span.highlightTabBlackRight {
+                background-color: white;
+
+                a {
+                    color: $strong_blue;
+                }
+            }
+
+            span.nohighlight:hover{
+                background-color: lighten($soft_blue, 3%);
+            }
+
+            a {
+                display: block;
+                color: $strong_blue;
+            }
+        }
+
+        #library {
+            background-color: white;
+            height: 400px;
+            overflow-y: auto;
+            
+            #libraryInner {
+                padding: 5px 10px;
+                bottom: 0;
+                overflow: auto;
+            }
+
+            .lib_tab {
+                width: auto;
+                cursor: pointer;
+            }
+            
+            ul {
+                list-style: none;
+                margin: 0;
+                margin-top: 4px;
+                padding-left: 18px;
+            }
+            li {
+                .anketa.tip0 {
+                    margin: 0;
+                    padding-left: 14px;
+                }
+                .anketa.tip1 {
+                    margin: 0;
+                    margin-left: -3px;
+                }
+            }
+            .new_folder {
+                visibility: hidden;
+            }
+            .delete_folder {
+                visibility: hidden;
+            }
+            span.folderdrop {
+                margin-bottom: 2px;
+
+                &:hover {
+                    .new_folder {
+                        visibility: visible;
+                    }
+                    .delete_folder {
+                        visibility: visible;
+                    }
+                }
+            }
+
+            span.faicon.folder{
+                vertical-align: 3px;
+                margin-right: 3px;
+
+                &::before{
+                    font-size: 20px;
+                }
+            }
+
+            .tip0 {
+                .folder_container {
+                    display: block;
+                    height: auto;
+                    overflow: hidden;
+                    padding: 1px 3px;
+                }
+            }
+
+            /* Ankete */
+            .tip1 {
+                padding-left: 10px;
+
+                .folder_container {
+                    display: block;
+                    overflow: show;
+    
+                    height: auto;
+                    min-height: 20px;
+                    padding: 0px 3px;
+                }
+
+                .mapca{
+                    display: none !important;
+                }
+
+                .new_spr{
+                    padding: 0 3px;
+
+                    &:hover{
+                        background-color: darken($soft_blue, 3%);
+                    }
+
+                    .faicon{
+                        line-height: 22px;
+                    }
+                }
+                
+                .faicon.plus,
+                .faicon.minus{
+                    opacity: 1 !important;
+                    margin-right: 3px;
+                }
+            }
+
+            div {
+                .folder_right {
+                    width: 15px;
+                    float: right;
+                    text-align: left;
+                }
+                .tip1 {
+                    .folder_right {
+                        width: 18px;
+                    }
+                }
+                .folder_container {
+                    &:hover {
+                        background-color: $soft_blue_very_lighten;
+                        cursor: pointer;
+                    }
+                }
+            }
+            div.folder_left {
+                width: 80%;
+                float: none;
+            }
+            div.folder_left.indent {
+                display: block;
+                height: auto;
+                line-height: 22px;
+                overflow: hidden;
+                position: relative;
+            }
+            .folder {
+                strong {
+                    &:hover {
+                        background-color: transparent;
+                        cursor: pointer;
+                    }
+                }
+            }
+        }
+    }
+}

resources/sass/admin/branching/other.scss

@@ -0,0 +1,256 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 03-Aug-2018, 13:12:19
+    Author     : podkrizniku
+*/
+
+/* Okno za drop vprasanja, ko je anketa prazna */
+.empty_vrivanje {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    
+	margin: 20px 0px 20px 45px !important;
+	padding: 60px 0 !important;
+	
+	text-align: center;
+	font-weight: 600;
+	
+    border: 1px solid $soft_blue_lighten;
+    
+	.empty_vrivanje_title {
+        margin: 0 auto;
+		padding: 8px 20px;
+        
+        font-size: 16px;
+        font-weight: 500;
+        color: $strong_blue;
+
+		background-color: $strong_blue_super_light;
+		border: 1px solid $strong_blue;
+	}
+	
+	.empty_vrivanje_subtitle{
+        margin: 15px auto 0 auto;
+
+		font-size: 14px;
+        font-weight: 400;
+        
+		a{
+			font-weight: 500;
+		}
+    }
+}
+.empty_vrivanje.branchinghover {
+    color: white;
+    
+    background: 0 !important;
+    background-color: $orange;
+
+    a{
+        display: inline !important;
+        color: white;
+    }
+
+    .empty_vrivanje_title{
+        color: white;
+        
+        background-color: $orange;     
+        border-color: white;
+    }
+}
+
+
+.editmenu {
+	float: right;
+	margin: 2px 0px 0px 0px;
+	padding: 2px;
+	padding-right: 10px;
+	border: 0;
+	position: static;
+}
+.extra_opt {
+	margin-right: 10px;
+	a {
+		color: black;
+		text-decoration: none;
+		vertical-align: bottom;
+	}
+}
+.intro_concl {
+	float: left;
+	font-size: 12px;
+	color: $grey_normal;
+	padding: 4px;
+}
+.save_button {
+	float: right;
+	margin: 10px 0px;
+	padding-right: 10px;
+	z-index: 50;
+}
+
+
+li.spr {
+	div.edit_mode {
+		display: none;
+	}
+	div.preview_mode {
+		display: block;
+	}
+	thead.edit_mode {
+		display: none;
+	}
+	.editingOnly {
+		visibility: hidden;
+	}
+	span.inline_other {
+		display: none;
+	}
+	#variabla_new {
+		span.inline_other {
+			display: inline;
+			margin: 0 10px;
+		}
+	}
+}
+div[contenteditable][default="1"][vre_id="new"] {
+	color: $grey_light;
+}
+div.stolpci {
+	float: left;
+	span.inline_delete {
+		display: none;
+	}
+	span.inline_edit {
+		display: none;
+	}
+}
+div#variabla_new {
+	span.inline_move {
+		visibility: hidden;
+	}
+	span.inline_edit {
+		visibility: hidden;
+	}
+	span.inline_delete {
+		visibility: hidden;
+	}
+	span.inline_if_follow {
+		visibility: hidden;
+	}
+	span.inline_if_not {
+		visibility: hidden;
+	}
+	span.inline_hidden {
+		visibility: hidden;
+	}
+	span.correct {
+		visibility: hidden;
+	}
+}
+.show-hidden {
+	visibility: visible !important;
+}
+.show-disable {
+	visibility: visible !important;
+}
+.show-correct {
+  visibility: visible !important;
+  color: #1e88e5 !important;
+}
+.show-correct:before{
+  visibility: visible !important;
+  color: #33cc33 !important;
+}
+#vprasanje {
+	display: none;
+	position: fixed;
+	top: 5%;
+	bottom: 5%;
+	right: 3%;
+	width: 80%;
+	z-index: 80;
+	padding: 10px;
+}
+.branch {
+	margin: 0px 0px 0px 0px;
+	padding: 0px 0px 0px 0px;
+}
+#div_status_values {
+	display: none;
+	position: fixed;
+	z-index: 90;
+	top: 20px;
+	right: 30px;
+	width: 720px;
+	padding: 10px;
+	border: 1px solid $red_error;
+	background-color: $grey_almost_white;
+	fieldset {
+		border: 0;
+		border-top: 1px solid $soft_blue;
+	}
+	legend {
+		background-color: $soft_blue_very_lighten;
+	}
+}
+._branch {
+	padding: 0px !important;
+	margin: 0px !important;
+}
+/*question 5_2 - chat*/
+.tawk-chat-activation.button {
+	margin: 8px 10px;
+	padding: 6px 8px;
+	float: left;
+	color: white;
+	font-size: 13px;
+	font-weight: 500;
+	text-align: center;
+	background-color: $strong_blue;
+	border: 1px solid $strong_blue;
+	border-radius: 4px;
+	&:hover {
+		background-color: $orange;
+		border: 1px solid $orange;
+	}
+}
+/*bottom links*/
+.forma_bottom {
+    box-sizing: border-box;
+
+	width: 100%;
+	height: 30px;
+    padding: 40px 10px 20px 45px;
+    
+	font-size: 12px;
+}
+.forma_bottom_inner {
+	display: inline-block;
+}
+.forma_bottom_inner.changes {
+	float: left;
+	width: 220px;
+	table {
+		tr {
+			td {
+				padding: 0 5px 0 0;
+			}
+		}
+	}
+}
+.forma_bottom_inner.links {
+	float: right;
+	font-size: 12px;
+	a {
+		padding-left: 25px;
+	}
+}
+.kviz-editing-correct::before {
+  color: #33cc33 !important;
+}

resources/sass/admin/branching/question_settings.scss

@@ -0,0 +1,226 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 02-Aug-2018, 13:40:52
+    Author     : podkrizniku
+*/
+
+.texteditor {
+	width: 98% !important;
+	height: 50px;
+	margin-top: 0;
+	border: 1px solid #cccccc;
+}
+.texteditor.info {
+	height: 14px;
+	line-height: 14px;
+	width: 100%;
+}
+#vprasanje_edit {
+	margin: 0px 0px;
+	position: relative;
+	top: -54px;
+	
+    background-color: white;
+	
+	h2 {
+		span.content {
+			position: absolute;
+			font-weight: normal;
+			right: 10px;
+			top: 10px;
+		}
+		padding: 10px;
+                border: 1px solid $soft_blue;
+		border-bottom: 0;
+		margin: 15px -11px 42px -11px;
+		background-color: $soft_blue;
+	}
+	
+	fieldset {
+		margin: 20px 0 20px 0;
+		padding: 0;
+		border: 0;
+		border-top: 1px solid $strong_blue;
+	}
+	legend {
+		background-color: transparent;
+		color: $strong_blue;
+		font-weight: 500;
+		margin: 0;
+		padding: 0 10px 0 5px;
+	}
+	
+	.jquery-selectbox {
+		background-color: white;
+	}
+	form[name=vprasanje_edit] {
+		padding: 0 10px;
+	}
+	
+	p {
+		padding: 1px 3px;
+		line-height: 18px;
+		
+		input[type=radio] {
+			vertical-align: middle;
+			margin: 0px 3px 0px 10px;
+		}
+		
+		label.title {
+            cursor: pointer;
+            max-width: 270px;
+		}
+		
+		span.content {
+			float: right;
+			display: inline-block;
+                select {
+                        margin-top: -4px;
+                }
+                select.no-margin {
+                        margin-top: 0;
+                }
+                input[type=checkbox] {
+                        vertical-align: middle;
+                        margin: 0px 3px 0px 3px;
+                }
+		}
+	}
+	div {
+		padding: -10px;
+	}
+	p.heading {
+		border: 0;
+		background: none;
+		padding: 0;
+		margin-bottom: -7px;
+		margin-top: -2px;
+	}
+	
+	textarea[name=naslov] {
+		width: 99%;
+		height: 60px;
+	}
+	textarea[name=introduction] {
+		width: 99%;
+		height: 60px;
+	}
+	textarea[name=conclusion] {
+		width: 99%;
+		height: 60px;
+	}
+	textarea[name=statistics] {
+		width: 99%;
+		height: 60px;
+	}
+	textarea[name=info] {
+		width: 98%;
+		height: 12px;
+	}
+	
+	li {
+		textarea {
+			height: 12px;
+		}
+	}
+	
+	span#vprasanje_edit_mv {
+		select {
+			width: 100%;
+		}
+	}
+}
+#vprasanje_buttons {
+	position: absolute;
+	bottom: 15px;
+}
+#vprasanje_tabs {
+	select {
+		float: right;
+		margin: 5px 10px 0 0;
+		width: 100px;
+	}
+    margin-top: -1px;
+	position: absolute;
+	background-color: $soft_blue;
+	width: 100%;
+	z-index: 100;
+	a.tab_link {
+		float: left;
+		display: block;
+		height: 19px;
+		padding: 7px 4px;
+                margin: 0 1px 0 0;
+		font-size: 12px;
+                border-bottom: 1px solid $soft_blue;
+		color: $grey_dark;
+		background-color: $soft_blue_very_lighten;
+	}
+	a.tab_link.active {
+                border-bottom: 1px solid white;
+                margin: 0 1px 0 0;
+		color: $grey_dark;
+		background-color: white;
+	}
+	.tab_link_tracking {
+		position: absolute;
+		right: 0;
+		top: -59px;
+		width: 30px;
+		a.tab_link {
+			background-color: white;
+			color: $soft_blue;
+			padding: 0;
+		}
+		a.tab_link.active {
+			background-color: white;
+			color: white;
+		}
+	}
+}
+#vrednost_edit {
+    @include popup_general();
+
+    display: none;
+
+	z-index: 89;
+	min-height: 130px;
+	width: 600px;
+    
+	p {
+		padding: 1px 3px;
+	}
+	div {
+		padding: -10px;
+	}
+	textarea[name=naslov] {
+		width: 99%;
+		height: 60px;
+	}
+
+}
+
+#vprasanje_float_editing {
+    display: none;
+	position: relative;
+    z-index: 70;
+    align-self: flex-start;
+        
+    width: 315px;
+    margin-left: 20px;
+    
+	border: 1px solid $soft_blue;
+    background-color: white;
+    box-shadow: 0 0 31px 0 rgba(0, 0, 0, 0.07);
+}
+
+#vprasanje_edit_bottom_placeholder {
+	display: block;
+	height: 1px;
+	margin: 0 10px;
+	border-top: 1px solid $soft_blue;
+}

resources/sass/admin/branching/questions/calculation.scss

@@ -0,0 +1,38 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 07-Aug-2018, 12:58:50
+    Author     : podkrizniku
+*/
+
+.naslov.calculation {
+	padding-left: 15px;
+}
+#arrows_more_calculation {
+	position: absolute;
+	bottom: 40px;
+	padding: 5px 0;
+	margin-left: 43%;
+	width: 10%;
+	cursor: pointer;
+	background-color: $soft_blue_very_lighten;
+	border: 1px solid $grey_almost_white;
+	display: none;
+	text-align: center;
+}
+#bottom_space {
+	padding: 0;
+}
+
+
+#calculation_editing_calculations {
+	/*min-height: 40px;*/
+	padding: 0 0 10px 0;
+    
+    span.calculations_display {
+		font-size: 20px;
+	}
+}

resources/sass/admin/branching/questions/grids.scss

@@ -0,0 +1,170 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 07-Aug-2018, 13:00:32
+    Author     : podkrizniku
+*/
+
+.spremenljivka_content[tip="24"] {
+	.variable_holder {
+		overflow-x: auto;
+	}
+}
+.grid_header_table {
+	width: 100%;
+	text-align: center;
+	border-collapse: collapse;
+	td.grid_header {
+		height: 18px;
+	}
+	tbody {
+		tr {
+			td {
+				padding-top: 3px;
+				padding-bottom: 3px;
+			}
+			&:nth-child(odd) {
+				background-color: $soft_blue_very_lighten;
+				td {
+					background-color: $soft_blue_very_lighten;
+					div[contenteditable=true] {
+						border: 1px solid transparent;
+					}
+				}
+			}
+		}
+	}
+}
+.grid_header {
+	font-weight: 500;
+}
+.grid_question {
+	width: 20%;
+	text-align: left;
+	padding-right: 1%;
+}
+.col_border {
+	border-left: 1px solid $grey_dark;
+}
+.grid-plus-minus {
+	text-align: right;
+	visibility: hidden;
+}
+.sub-table {
+	display: none;
+}
+div.grid_inline {
+	min-width: 20px;
+	padding: 2px 0;
+}
+div.grid_inline_droppable_title {
+	height: 15px !important;
+	width: 230px;
+	padding: 2px 0 5 0;
+	margin: 0px auto 0px auto;
+	border-top: 1px black dashed !important;
+	border-left: 1px black dashed !important;
+	border-right: 1px black dashed !important;
+	text-align: center;
+}
+div.grid_inline_droppable_title_box {
+	height: 15px !important;
+	width: 230px;
+	padding: 2px 0 5 0;
+	margin: 0px auto 0px auto;
+	text-align: center;
+}
+li {
+	table.grid_header_table {
+		span.inline.show {
+			visibility: visible;
+		}
+	}
+}
+@mixin inlineMove {
+        span.inline_move {
+		position: absolute;
+		left: 30px;
+	}
+}
+div.spremenljivka_content[tip="6"] {
+	@include inlineMove;
+}
+div.spremenljivka_content[tip="16"] {
+	@include inlineMove;
+}
+div.spremenljivka_content[tip="19"] {
+	@include inlineMove;
+}
+div.spremenljivka_content[tip="20"] {
+	@include inlineMove;
+}
+div.spremenljivka_content[tip="24"] {
+	@include inlineMove;
+}
+table.grid_header_table {
+	span.inline_delete {
+		position: absolute;
+		visibility: hidden;
+		right: 5px;
+		margin-right: 57px;
+		margin-right: 0px;
+	}
+	span.inline_edit {
+		position: absolute;
+		visibility: hidden;
+		right: 7px;
+		margin-right: 57px;
+	}
+	span.inline_if_not {
+		position: absolute;
+		visibility: hidden;
+		right: 7px;
+		margin-right: 57px;
+		margin-right: 32px;
+	}
+	span.inline_if_follow {
+		position: absolute;
+		visibility: hidden;
+		right: 7px;
+		margin-right: 57px;
+	}
+	span.inline_hidden {
+		position: absolute;
+		visibility: hidden;
+		right: 7px;
+		margin-right: 57px;
+		margin-right: 14px;
+	}
+	span.correct {
+		position: absolute;
+		visibility: hidden;
+		right: 7px;
+		margin-right: 57px;
+	}
+}
+.trak_class {
+	border: 1px solid $grey_very_light;
+	cursor: pointer;
+	background: white !important;
+}
+.trak_class_input {
+	visibility: hidden !important;
+	display: block;
+	z-index: -1;
+}
+.radio-button-label {
+	cursor: pointer !important;
+	z-index: -2;
+}
+.trak_container_bg {
+	background-color: $grey_very_light !important;
+}
+table.trak_inline_nadnaslov {
+	td {
+		text-align: center !important;
+	}
+}

resources/sass/admin/branching/questions/hotspot.scss

@@ -0,0 +1,109 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 07-Aug-2018, 13:07:51
+    Author     : podkrizniku
+*/
+
+span.display_editor_image_hotspot {
+	position: absolute;
+	right: 100px;
+	top: 11px;
+	cursor: pointer;
+	visibility: visible;
+}
+.hotspot {
+	span.inline_delete_hotspot {
+		position: absolute !important;
+		right: 3px;
+		margin-right: 0px;
+		cursor: pointer !important;
+		margin-right: 485px !important;
+	}
+	span.inline_edit_hotspot {
+		position: absolute !important;
+		right: 3px;
+		margin-right: 0px;
+		cursor: pointer !important;
+	}
+	span.inline_if_not_hotspot {
+		position: absolute !important;
+		right: 3px;
+		margin-right: 0px;
+		cursor: pointer !important;
+		margin-right: 535px !important;
+	}
+	span.inline_if_follow_hotspot {
+		position: absolute !important;
+		right: 3px;
+		margin-right: 0px;
+		cursor: pointer !important;
+	}
+	span.inline_hidden_hotspot {
+		position: absolute !important;
+		right: 3px;
+		margin-right: 0px;
+		cursor: pointer !important;
+		margin-right: 510px !important;
+	}
+}
+.inline_edit_hotspot {
+	display: inline-block;
+	width: 32px;
+	height: 32px;
+	background-image: url(../../../admin/survey/img_new/icons_hidpi.png);
+	background-position: 0px -1874px;
+}
+canvas.hotspot_canvas {
+	position: absolute;
+	top: 15px !important;
+	left: 10px;
+	z-index: 2;
+}
+.hotspot_image_editor {
+	position: relative;
+	top: 15px !important;
+	z-index: 1;
+}
+div.hotspot_vrednost_inline {
+	float: left;
+	max-width: 80%;
+	min-width: 160px;
+	padding: 2px 2px;
+	border: 1px solid $grey_normal;
+	margin: 2px;
+	background: white;
+}
+.inline_hotspot_edit_region {
+	margin-top: 4px !important;
+	margin-bottom: 4px !important;
+}
+.inline_hotspot_delete_region {
+	margin-top: 3px !important;
+	margin-bottom: 3px !important;
+}
+div.vrednost_inline_hotspot {
+	float: left;
+	img {
+		float: left;
+	}
+}
+#hotspot_edit {
+	display: none;
+	position: absolute;
+	top: 40%;
+	left: 50%;
+	z-index: 89;
+	min-height: 130px;
+	margin-top: -100px;
+	margin-left: -300px;
+	padding: 0 10px 10px 10px;
+	background-color: white;
+	border: 4px solid $popup_border;
+	box-shadow: 0 0 20px black;
+	-moz-box-shadow: 0 0 20px black;
+	-webkit-box-shadow: 0 0 20px black;
+}

resources/sass/admin/branching/questions/location.scss

@@ -0,0 +1,50 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 20-Aug-2018, 11:13:15
+    Author     : podkrizniku
+*/
+
+/*GOOGLE MAPS*/
+.pac-input {
+	background-color: white;
+	font-family: Roboto;
+	font-size: 1.2em;
+	font-weight: 300;
+	margin-left: 0 px;
+	padding: 0 11px 0 13px;
+	text-overflow: ellipsis;
+	width: 17em;
+	border: 1px solid transparent;
+	border-radius: 2px 0 0 2px;
+	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
+	box-sizing: border-box;
+	height: 30px;
+	margin-top: 10px;
+	outline: medium none;
+}
+.boxsizingBorder {
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+.maps-delete-menu {
+	position: absolute;
+	background: white;
+	padding: 3px;
+	color: $grey_dark;
+	font-weight: bold;
+	border: 1px solid $grey_light;
+	font-family: sans-serif;
+	font-size: 12px;
+	box-shadow: 1px 3px 3px rgba(0, 0, 0, .3);
+	margin-top: -10px;
+	margin-left: 10px;
+	cursor: pointer;
+	&:hover {
+		background: $grey_almost_white;
+	}
+}

resources/sass/admin/branching/questions/preview.scss

@@ -0,0 +1,59 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 10-Aug-2018, 12:30:57
+    Author     : podkrizniku
+*/
+
+.razvrscanje_preview {
+	border: 1px solid $grey_normal;
+	background-color: silver;
+	padding: 4px;
+	margin: 5px 0px;
+	width: 350px;
+	display: block;
+}
+.razvrscanje_preview_frame {
+	border: 1px dashed $grey_normal;
+	background-color: $grey_very_light;
+	padding: 4px;
+	margin: 5px 0px;
+	width: 350px;
+	height: 13px;
+	display: block;
+	text-indent: -20px;
+}
+.dragdrop_preview_frame {
+	border: 1px dashed $grey_normal;
+	background-color: $grey_very_light;
+	padding: 4px;
+	margin: 5px 0px;
+	width: 350px;
+	height: 90px;
+	display: block;
+	text-indent: -20px;
+}
+.dragdrop_preview_frame_grid {
+	font-size: 14px;
+	width: 150px !important;
+	height: 25px;
+	padding: 0 0 2px 0;
+	margin: 0px auto 10px auto;
+	border: 1px black dashed;
+	background-color: $grey_very_light;
+	text-indent: -20px;
+	text-align: left;
+}
+.dragdrop_preview_frame_grid_title {
+	height: 15px !important;
+	width: 150px !important;
+	padding: 2px 0 5 0;
+	margin: 0px auto 0px auto;
+	border-top: 1px black dashed !important;
+	border-left: 1px black dashed !important;
+	border-right: 1px black dashed !important;
+	text-align: center;
+}

resources/sass/admin/branching/questions/question_box.scss

@@ -0,0 +1,454 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 03-Aug-2018, 09:55:43
+    Author     : podkrizniku
+*/
+
+.editor_display {
+	width: 98%;
+	background-color: #eee;
+	border: 1px solid #cccccc;
+	border-bottom: 0;
+}
+.editor_display_small {
+	padding-left: 5px;
+}
+.spremenljivka {
+	width: 100%;
+}
+.add-variable-mobile {
+    display: none;
+}
+.add-variable {
+	display: none;
+	position: absolute;
+	left: 59px;
+	bottom: 4px;
+	span {
+		position: relative;
+		top: 1px;
+		margin-right: 5px !important;
+	}
+	a {
+		//color: $grey_normal;
+		color: $strong_blue;
+		&:hover{
+			color: $orange;
+		} 
+	}
+        .tip_6 {
+                left: 52px;
+        }
+        .tip_16 {
+                left: 52px;
+        }
+        .tip_19 {
+                left: 52px;
+        }
+        .tip_20 {
+                left: 52px;
+        }
+}
+.locked {
+	.add-variable {
+		display: none !important;
+	}
+}
+.spremenljivka_content {
+	margin: 2px 0px 10px 0px;
+	padding: 0px;
+    color: $grey_super_dark;
+    
+	background-color: white;
+	border: 1px solid $soft_blue;
+
+	&:hover {
+		.add-variable {
+			display: block;
+		}
+		background-color: white;
+	}
+	h3 {
+		margin: 0;
+		padding: 0;
+		border: 0;
+		p {
+			margin: 0;
+			padding: 0;
+			border: 0;
+		}
+	}
+	form {
+		margin: 0;
+		padding: 0;
+		border: 0;
+	}
+	p {
+		margin: 0;
+		padding: 0;
+		border: 0;
+		padding: 3px;
+	}
+	input {
+		vertical-align: text-top;
+	}
+	div[contenteditable] {
+		cursor: text;
+		min-height: 16px;
+		p {
+			margin: 0 0;
+			padding: 3px 0;
+		}
+	}
+	
+	div[contenteditable=true] {
+                border: 1px solid transparent;
+		&:hover {
+			background-color: $soft_blue_very_lighten;
+			border: 1px solid $soft_blue_lighten;
+		}
+		&:focus {
+			background-color: $soft_blue_very_lighten;
+			border: 1px dashed silver;
+			-webkit-border-radius: 3px;
+			-moz-border-radius: 3px;
+			border-radius: 3px;
+		}
+	}
+}
+.spr_editing {
+	.spremenljivka_content {
+		.add-variable {
+			display: none;
+		}
+	}
+	.content_div_normalmode {
+		padding-bottom: 10px;
+	}
+	.grid-plus-minus {
+		visibility: visible;
+	}
+	.sub-table {
+		display: table-row;
+	}
+	div[contenteditable][default="1"] {
+		color: $grey_light;
+	}
+}
+.spremenljivka_tekst_form {
+	padding: 10px 5px 5px 10px;
+}
+.spremenljivka_tip_content {
+	padding: 5px 5px 5px 10px;
+}
+.content_div_normalmode {
+	position: relative;
+	padding: 10px 5px 20px;
+	overflow: hidden;
+}
+.naslov {
+	width: auto;
+	min-width: 100px;
+	display: block;
+	padding-top: 3px;
+}
+#variable_holder {
+        .variabla_limit{
+                width:auto !important; 
+                color: $orange_darken; 
+                margin-top: 6px;
+                display:inline-block;
+        }
+}
+.variable_holder {
+	padding: 0px 0px 0px 30px;
+	vertical-align: top;
+	margin: 0px;
+	display: block;
+	clear: both;
+	select {
+		margin-top: 5px;
+	}
+}
+.variable_holder.clr {
+	height: auto;
+}
+div.spremenljivka_content.orientation_ob {
+	.variable_holder {
+		clear: none;
+	}
+	div.variabla {
+		clear: none;
+	}
+}
+div.spremenljivka_content {
+	h3 {
+		p {
+			padding: 3px 3px 3px 3px;
+			margin: 0;
+			padding-top: 3px;
+			padding-bottom: 3px;
+			margin: 0;
+		}
+	}
+	span.inline {
+		visibility: hidden;
+		cursor: pointer;
+		float: left;
+	}
+	div.variabla {
+		input {
+			float: left;
+			margin-top: 5px;
+		}
+		clear: both;
+		padding: 2px 5px;
+		min-height: 22px;
+		.move_updown_orange {
+			margin-top: 5px;
+		}
+	}
+	span.inline_edit {
+		float: right;
+                margin: 0 3px;
+	}
+	span.inline_delete {
+		float: right;
+                margin: 0 3px;
+	}
+	span.inline_if_not {
+		float: right;
+                margin: -2px 3px 0 3px;
+	}
+	span.inline_if_follow {
+		float: right;
+                margin: -3px 3px 0 3px;
+	}
+	span.inline_hidden {
+		float: right;
+                margin: 0 3px;
+	}
+	span.correct {
+		float: right;
+                margin: 0 3px;
+	}
+}
+li.spr.spr_editing {
+	div.spremenljivka_content.orientation_ob {
+		.variable_holder {
+			clear: both;
+		}
+		div.variabla {
+			clear: both;
+		}
+	}
+	div.preview_mode {
+		display: none;
+	}
+	div.edit_mode {
+		display: block;
+	}
+	td.preview_mode {
+		display: none;
+	}
+	thead.edit_mode {
+		display: table-header-group;
+	}
+	.editingOnly {
+		visibility: visible;
+	}
+	div.spremenljivka_content.orientation_pod {
+		div.variabla {
+			clear: both;
+		}
+	}
+	div.stolpci {
+		float: none;
+		width: auto !important;
+		span.inline_delete {
+			display: block;
+		}
+		span.inline_edit {
+			display: block;
+		}
+	}
+}
+.spremenljivka_info {
+	font-size: 9px;
+	color: #666666;
+	padding: 2px;
+	clear: both;
+	padding: 2px 15px;
+}
+div.naslov_inline {
+	min-width: 50px;
+	padding: 2px 15px;
+    margin-bottom: 2px;
+}
+div.variable_inline {
+	display: none;
+	float: left;
+	width: 30px;
+	padding: 2px 15px;
+	font-weight: bold;
+}
+span.display_editor {
+	position: absolute;
+	right: 10px;
+	top: 11px;
+	cursor: pointer;
+	visibility: hidden;
+}
+.spr.spr_editing {
+	span.display_editor {
+		visibility: visible;
+	}
+}
+.spr {
+	span.display_editor.show {
+		visibility: visible;
+	}
+}
+/*div.naslov {
+	textarea.inline {
+		width: 99%;
+	}
+}
+div.variabla {
+	textarea.inline {
+		min-height: 11px;
+		min-width: 50%;
+	}
+}
+td.grid_question {
+	textarea.inline {
+		height: 11px;
+		width: 90%;
+	}
+}
+td.grid_header {
+	textarea.inline {
+		width: 99%;
+		height: 22px;
+		text-align: center;
+	}
+}*/
+div.spremenljivka_content.orientation_pod {
+	div.variabla {
+		clear: none;
+	}
+}
+li.spr_editing {
+	div.spremenljivka_content {
+		div.variabla {
+			span.inline {
+				visibility: visible;
+			}
+		}
+	}
+	table.grid_header_table {
+		span.inline {
+			visibility: visible;
+		}
+	}
+}
+li {
+        div.spremenljivka_content {
+		div.variabla {
+			span.inline.show {
+				visibility: visible;
+			}
+		}
+		span.inline_move {
+			margin: 2px 8px 0 3px;
+		}
+		span.image_upload {
+			margin-top: 4px;
+			margin-left: 8px;
+			margin-right: 4px;
+			float: left;
+		}
+	}
+}
+/*settings marks of question in top left corner (reminders, system,...)*/
+#spr_settings {
+	float: left;
+	width: auto;
+	padding-top: 4px;
+	vertical-align: bottom;
+	.lock_holder {
+		position: absolute;
+		right: 15px;
+		top: 6px;
+	}
+	span {
+		img {
+			padding-left: 5px;
+			vertical-align: bottom;
+		}
+		vertical-align: bottom;
+	}
+}
+#spr_settings_intro_concl {
+	float: left;
+	width: auto;
+	vertical-align: bottom;
+	padding-left: 10px;
+	img {
+		padding-left: 10px;
+		padding-top: 3px;
+	}
+}
+table.text_vrednost {
+	text-align: center;
+	font-size: 10px;
+}
+div.vrednost_inline {
+	float: left;
+	max-width: 80%;
+	min-width: 160px;
+	padding: 2px 15px;
+}
+.spremenljivka_settings {
+	padding: 3px 5px 3px 5px;
+	background-color: $soft_blue_very_lighten;
+	min-height: 24px;
+}
+.spremenljivka_settings.movable {
+	cursor: pointer;
+}
+.spremenljivka_settings_active {
+	background-color: $soft_blue_very_lighten;
+}
+.variable_name {
+	float: left;
+	font-size: 14px;
+	padding: 2px 10px 2px 5px;
+	color: $grey_normal;
+	font-weight: 500;
+}
+.variable {
+	color: $grey_normal;
+	font-weight: 500;
+}
+.spr_edit {
+	z-index: 5;
+	position: absolute;
+	top: 0;
+	right: 0;
+	margin-right: 10px;
+	padding-top: 7px;
+}
+.comment_container_inline {
+	margin: 0px;
+	padding: 4px 15px;
+	background-color: $soft_blue_very_lighten;
+	border-top: 1px solid $soft_blue;
+	a.surveycomment {
+		font-size: 10px;
+	}
+}

resources/sass/admin/branching/questions/questions.scss

@@ -0,0 +1,21 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 07-Aug-2018, 12:54:23
+    Author     : podkrizniku
+*/
+
+@import "question_box";
+@import "slider";
+@import "calculation";
+@import "quota";
+@import "grids";
+@import "sum";
+@import "hotspot";
+@import "preview";
+@import "ranking";
+@import "location";
+@import "take_picture";

resources/sass/admin/branching/questions/quota.scss

@@ -0,0 +1,50 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 07-Aug-2018, 12:59:20
+    Author     : podkrizniku
+*/
+
+.naslov.quota {
+	padding-left: 15px;
+}
+/*popup edit*/
+#quota {
+	display: none;
+	position: relative;
+	z-index: 91;
+
+	height: auto;
+	width: 600px;
+
+	#quota_editing_inner {
+		top: 0;
+		bottom: 0;
+		left: 0;
+		right: 0;
+		margin-bottom: 50px;
+		overflow: auto;
+	}
+	#condition_editing_close {
+		float: right;
+		margin-right: 20px;
+        margin-bottom: 20px;
+	}
+	#bottom_space {
+		bottom: 0;
+		left: 0;
+		position: absolute;
+		right: 0;
+		padding: 0;
+	}
+}
+#quota_editing_quotas {
+	min-height: 40px;
+	padding: 10px;
+	span.quota_display {
+		font-size: 20px;
+	}
+}

resources/sass/admin/branching/questions/ranking.scss

@@ -0,0 +1,155 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 10-Aug-2018, 13:19:50
+    Author     : podkrizniku
+*/
+
+.ranking {
+	font-size: 14px;
+	width: 220px;
+	height: 25px;
+	padding: 5px 0 0 0;
+	margin: 15px auto 0 auto;
+	border: 1px solid #000;
+	background-color: $grey_very_light;
+	text-align: center;
+	overflow: hidden;
+	img {
+		display: block;
+		margin-left: auto;
+		margin-right: auto;
+	}
+}
+.ranking_long {
+	font-size: 14px;
+	width: 220px;
+	height: 25px;
+	padding: 5px 0 0 0;
+	margin: 15px auto 0 auto;
+	border: 1px solid #000;
+	background-color: $grey_very_light;
+	text-align: center;
+	overflow: hidden;
+	font-size: 11px;
+}
+.ranking_frame {
+	font-size: 14px;
+	width: 230px;
+	height: 29px;
+	padding: 5px 0 0 0;
+	margin: 10px auto 0 auto;
+	border: 1px black dashed;
+	background-color: $grey_super_light;
+	text-indent: -20px;
+	text-align: left;
+}
+
+.dragdrop_frame {
+	font-size: 14px;
+	width: 230px;
+	height: 100px;
+	padding: 5px 0 0 0;
+	margin: 10px auto 0 auto;
+	border: 1px black dashed;
+	background-color: $grey_super_light;
+	text-indent: -20px;
+	text-align: left;
+}
+.dragdrop_frame_grid {
+	font-size: 14px;
+	width: 230px;
+	height: 25px;
+	padding: 0 0 2px 0;
+	margin: 0px auto 10px auto;
+	border: 1px black dashed;
+	background-color: $grey_super_light;
+	text-indent: -20px;
+	text-align: left;
+}
+.dragdrop_frame_grid_box {
+	font-size: 14px;
+	width: 230px;
+	height: 30px;
+	padding: 0 0 2px 0;
+	margin: 10px auto 0px auto;
+	border-left: 1px black dashed !important;
+	border-right: 1px black dashed !important;
+	border-bottom: 1px black dashed !important;
+	text-indent: -20px;
+	text-align: left;
+}
+.drag_and_drop_box {
+	cursor: pointer;
+	width: 230px;
+	padding: 5px;
+	margin: 0px auto 10px auto;
+	border: 1px solid #000;
+	height: 15px;
+	text-align: center;
+	overflow: hidden;
+	background-color: white;
+	cursor: pointer;
+	width: 230px;
+	padding: 5px;
+	margin: 0px auto 10px auto;
+	border: 1px solid #000;
+	height: 15px;
+	text-align: center;
+	overflow: hidden;
+	background-color: white;
+	img {
+		display: block;
+		margin-left: auto;
+		margin-right: auto;
+	}
+}
+.drag_and_drop {
+	top: -6px;
+	left: -6px;
+}
+.drag_and_drop_right {
+	top: -6px !important;
+	left: -6px !important;
+}
+.drag_and_drop_box_right {
+	top: 15px !important;
+	left: -6px !important;
+}
+.drag_and_drop_box_right_after_refresh {
+	left: -6px !important;
+}
+.drag_and_drop_box_right_over {
+	left: -6px !important;
+}
+.inline_labele_podrocij {
+	text-align: center !important;
+}
+table.inline_labele_podrocij {
+	td {
+		text-align: center !important;
+	}
+}
+/*radio with image*/
+.custom_radio{
+        .custom_radio_answer {
+                padding: 0 1px;
+        }
+}
+.custom_radio.visual-radio-scale{
+        .custom_radio_answer {
+                padding: 0 3px;
+        }
+	&.checked .enka-vizualna-skala:before{
+		color: $strong_blue_darken;
+	}
+}
+.enka-vizualna-skala {
+	display: inline-block;
+	height: 20px;
+	width: 20px;
+	float: left;
+}

resources/sass/admin/branching/questions/slider.scss

@@ -0,0 +1,121 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 07-Aug-2018, 12:52:29
+    Author     : podkrizniku
+*/
+
+.slider {
+	display: inline-block;
+	width: 84.5%;
+	background-color: $grey_super_light !important;
+	.ui-state-default {
+		border: 1px solid $grey_light !important;
+	}
+	.ui-state-hover {
+		border: 1px solid $grey_normal !important;
+	}
+}
+.sliderText {
+	visibility: hidden;
+	position: relative;
+	text-align: center;
+	color: $grey_super_dark;
+	width: 30px;
+	height: 15px;
+	padding: 3px;
+	margin-top: 7px;
+	background: $grey_super_light;
+	-webkit-border-radius: 4px;
+	-moz-border-radius: 4px;
+	border-radius: 4px;
+	border: $grey_light solid 1px;
+	&:after {
+		content: '';
+		position: absolute;
+		border-style: solid;
+		border-width: 9px 7px 0;
+		border-color: $grey_super_light transparent;
+		display: block;
+		width: 0;
+		z-index: 1;
+		bottom: -9px;
+		left: 11px;
+	}
+	&:before {
+		content: '';
+		position: absolute;
+		border-style: solid;
+		border-width: 9px 7px 0;
+		border-color: $grey_light transparent;
+		display: block;
+		width: 0;
+		z-index: 0;
+		bottom: -10px;
+		left: 11px;
+	}
+}
+.classic_slider {
+	.ui-slider-handle {
+		width: 9px !important;
+		height: 14px !important;
+		padding: 5px 0;
+		margin-left: -5px !important;
+		top: -7px !important;
+		border-bottom-right-radius: 10px 30px !important;
+		border-bottom-left-radius: 10px 30px !important;
+	}
+}
+.special_slider {
+	.ui-slider-handle {
+		width: 15px !important;
+		height: 15px !important;
+		margin-left: -8px !important;
+		top: -3px !important;
+		border-radius: 10px 10px !important;
+		background-color: red !important;
+	}
+}
+.circle_slider {
+	.ui-slider-pip {
+		.ui-slider-line {
+			width: 15px !important;
+			height: 15px !important;
+			border-radius: 10px 10px !important;
+			margin-left: -8px !important;
+			background: $grey_super_light !important;
+			top: -23px !important;
+			border: 1px solid $grey_light !important;
+		}
+	}
+}
+.elipse_slider {
+	.ui-slider-pip {
+		.ui-slider-line {
+			width: 13px !important;
+			height: 30px !important;
+			border-radius: 10px 10px !important;
+			margin-left: -7px !important;
+			background: $grey_super_light !important;
+			top: -31px !important;
+			border: 1px solid $grey_light !important;
+		}
+	}
+	.ui-slider-handle {
+		width: 9px !important;
+		height: 14px !important;
+		padding: 5px 0;
+		margin-left: -5px !important;
+		top: -7px !important;
+		border-bottom-right-radius: 10px 30px !important;
+		border-bottom-left-radius: 10px 30px !important;
+	}
+}
+.label_podrocje_prikaz {
+	border-bottom: 1px solid black !important;
+	border-left: 1px solid black !important;
+	border-right: 1px solid black !important;
+}

resources/sass/admin/branching/questions/sum.scss

@@ -0,0 +1,74 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 07-Aug-2018, 13:02:29
+    Author     : podkrizniku
+*/
+
+.variabla_vsota {
+	padding: 0px 5px;
+	width: 25%;
+    text-align: right;
+    
+    input{
+        margin-left: 10px;
+        margin-top: 2px !important;
+    }
+}
+
+.vrednost_inline_vsota {
+    float: left;
+    box-sizing: border-box;
+
+	width: 200px;
+	max-width: 80%;
+	min-width: 160px;
+    padding: 2px 15px 2px 18px !important;
+    margin-left: 12px;
+    
+    word-break:break-all;
+}
+
+.variabla_vsota_inline{
+	float: left;
+	max-width: 80%;
+	min-width: 160px;
+	padding: 2px 15px;
+	word-break:break-all;
+}
+
+/* Zadnja vrsticas pri urejanju vsote - "skupaj" */
+table.variabla_vsota{
+    clear: both;
+    border-spacing: 0;
+    border-collapse: collapse;
+    display: block;
+
+    width: auto;
+
+    tr{
+        td.text{
+            border-top: 1px black solid;
+
+            .variabla_vsota_sum{
+                margin-left: 18px;
+
+                div{
+                    width: 100%;
+                    max-width: 100%;
+                    box-sizing: border-box;
+                }
+            }
+        }
+        td.input{
+            border-top: 1px black solid;
+
+            input{
+                margin-left: 8px;
+            }
+        }
+    }
+}

resources/sass/admin/branching/questions/take_picture.scss

@@ -0,0 +1,34 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 20-Aug-2018, 11:15:47
+    Author     : podkrizniku
+*/
+
+.fotoresults_div {
+	float: right;
+}
+.my_camera_div {
+	float: left;
+}
+.my_camera {
+	border: 1px solid;
+}
+.record_foto {
+	display: block;
+	float: right;
+	margin-top: -30px;
+	margin-right: -12px;
+	position: relative;
+}
+.upload_foto_result {
+	display: none;
+	height: 240px;
+	border: 1px solid;
+	padding-right: 0px !important;
+	margin-top: 10px !important;
+	margin-left: 20px;
+}

resources/sass/admin/branching/toolbox.scss

@@ -0,0 +1,243 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 01-Aug-2018, 12:52:20
+    Author     : podkrizniku
+*/
+
+#toolbox_basic {
+	div.new_adv {
+		cursor: default;
+		cursor: pointer;
+		margin: 0px 1px;
+		padding: 8px 4px;
+		text-align: center;
+		background-color: $orange_darken;
+		background-repeat: repeat-y;
+	}
+	p {
+		img {
+			cursor: move;
+		}
+		margin: 10px 3px 3px;
+		span.sprites {
+			margin-right: 2px;
+		}
+	}
+	.handle {
+		color: $red_error;
+		font-weight: bold;
+	}
+	p.left {
+		overflow: hidden;
+		margin-left: 0;
+		margin-right: 0;
+		padding-left: 9px;
+		padding-right: 2px;
+	}
+	p.right {
+		overflow: hidden;
+		margin-left: 0;
+		margin-right: 0;
+		padding-left: 9px;
+		padding-right: 2px;
+	}
+	p.whole {
+		overflow: hidden;
+		margin-left: 0;
+		margin-right: 0;
+		padding-left: 2%;
+		padding-right: 2%;
+		margin-top: 6px;
+	}
+	position: fixed;
+	z-index: 50;
+	top: 255px;
+	left: 1px;
+	height: 335px;
+	width: 50px;
+	background-color: $strong_blue;
+	border: 0;
+	p.new_spr {
+		cursor: pointer;
+		margin: 0px 1px;
+		padding: 8px 4px;
+		text-align: center;
+		&:hover {
+			background-color: darken($strong_blue, 7%);
+		}
+	}
+	p.new_if {
+		cursor: pointer;
+		margin: 0px 1px;
+		padding: 8px 4px;
+		text-align: center;
+		&:hover {
+			background-color: darken($strong_blue, 7%);
+		}
+	}
+	p.new_pb {
+		cursor: pointer;
+		margin: 0px 1px;
+		padding: 8px 4px;
+		text-align: center;
+		&:hover {
+			background-color: darken($strong_blue, 7%);
+		}
+	}
+	p.new_block {
+		cursor: pointer;
+		margin: 0px 1px;
+		padding: 8px 4px;
+		text-align: center;
+		&:hover {
+			background-color: darken($strong_blue, 7%);
+		}
+	}
+}
+#toolbox_add_advanced {
+	display: none;
+	cursor: auto;
+	z-index: -1;
+	position: fixed;
+	top: 218px;
+	left: 55px;
+	width: 495px;
+	height: auto;
+	min-height: 100px;
+	padding: 0px 10px 10px 10px;
+	background-color: $soft_blue_very_lighten;
+	text-align: left;
+	border: 1px solid $soft_blue;
+	p.toolbox_add_title {
+		color: $strong_blue;
+		font-weight: 600;
+		font-size: 14px;
+	}
+	p.new_spr {
+		&:hover {
+			background-color: $soft_blue_lighten;
+		}
+		float: left;
+		cursor: pointer;
+		width: 150px;
+		margin: 1px 0px 1px 1px;
+		padding: 4px 7px;
+		text-align: left;
+	}
+	p.new_loop {
+		&:hover {
+			background-color: $soft_blue_lighten;
+		}
+		float: left;
+		cursor: pointer;
+		width: 150px;
+		margin: 1px 0px 1px 1px;
+		padding: 4px 7px;
+		text-align: left;
+	}
+	.holder {
+		width: 33%;
+		float: left;
+		border: 0;
+		background: 0;
+	}
+	p.new_question {
+		text-align: left;
+	}
+	.new_spr_spacer {
+		float: left;
+		cursor: pointer;
+		width: 150px;
+		margin: 1px 0px 1px 1px;
+		padding: 4px 7px;
+		text-align: left;
+		cursor: auto;
+		height: 18px;
+	}
+	p.naslov {
+		float: left;
+		width: 150px;
+		margin: 10px 0 3px 0;
+		padding: 0 5px 0px 2px;
+		font-size: 13px;
+		font-weight: 600;
+		text-align: left;
+	}
+	p {
+		span {
+			display: none;
+		}
+	}
+}
+#toolbox_advanced_settings {
+	position: fixed;
+	cursor: pointer;
+	top: 218px;
+	left: 1px;
+	width: 18px;
+	height: 19px;
+	padding: 5px 15px 6px;
+	background-color: $soft_blue_very_lighten;
+	border: 1px $soft_blue solid;
+	#toolbox_advanced_settings_holder {
+		display: none;
+		cursor: auto;
+		z-index: 99;
+		position: fixed;
+		top: 218px;
+		left: 55px;
+		width: auto;
+		height: auto;
+		min-height: 100px;
+		padding: 10px 20px 0 10px;
+		text-align: left;
+		font-size: 11px;
+		border: 1px solid $soft_blue;
+		background-color: $soft_blue_very_lighten;
+		span.advanced_settings_title {
+			vertical-align: middle;
+			padding: 0 0 0 2px;
+			color: $strong_blue;
+			font-weight: 600;
+			font-size: 12px;
+		}
+		span.advanced_setting {
+			display: inline-block;
+			text-align: center;
+			width: 20px;
+			padding: 3px 5px 0 0;
+		}
+	}
+}
+#locked_toolbar {
+	position: absolute;
+	top: 1px;
+	left: 1px;
+	width: 45px;
+	height: 194px;
+	padding: 140px 0 0 3px;
+	background: rgba($strong_blue_darken, 0.85);
+	span.lock_big {
+		margin-left: 13px;
+	}
+}
+#toolbox_basic.forma {
+	#locked_toolbar {
+		height: 199px;
+		padding-top: 85px;
+	}
+	height: 266px;
+	top: 235px;
+}
+
+
+.mobile_add_question{
+    display: none;
+}
+.mobile_add_question_popup{
+    display: none;
+}

resources/sass/admin/branching/voting.scss

@@ -0,0 +1,175 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 03-Aug-2018, 11:04:39
+    Author     : podkrizniku
+*/
+
+
+
+
+
+.nastavitveSpan4 {
+	display: table-cell;
+	float: left;
+	font-weight: 500;
+	width: 55%;
+	clear: both;
+}
+.nastavitveSpan5 {
+	display: table-cell;
+	float: left;
+	font-weight: 500;
+	width: 25%;
+	clear: both;
+}
+select#skin_anketa {
+        max-width: 120px;
+        margin-bottom: 2px;
+}
+select#skin {
+        max-width: 120px;
+        margin: 4px 0 2px 0;
+}
+#quick_settings {
+	
+}
+
+
+#anketa_edit.glasovanje {
+    
+    .anketa_edit_main{
+        display: flex;
+
+        /* Leve nastavitve */
+        #glas_settings {
+            width: 330px;
+            margin: 20px 0 0 0;
+            padding: 0;
+            line-height: 18px;
+            
+            background-color: white;
+            border: 1px solid $soft_blue;
+            
+            .more {
+                float: right;
+                margin: 5px 20px 10px 0;
+                font-weight: 500;
+            }
+            .less {
+                float: right;
+                margin: 5px 20px 10px 0;
+                font-weight: 500;
+            }
+            
+            .header_holder {
+                height: 35px;
+                font-size: 16px;
+                font-weight: 500;
+                background-color: $soft_blue;
+                        width: 100%;
+                        //border-bottom: #d2d5d5;
+            }
+            .header_content {
+                padding: 8px 0px 7px 0px;
+                
+                .header_left {
+                    color: $strong_blue;
+                    font-size: 16px;
+                    font-weight: 500;
+                    width: auto;
+                    float: left;
+                    padding-left: 10px;
+                }
+            }
+            fieldset {
+                margin: 11px 10px;
+                padding: 3px 5px;
+                border: 0;
+                border-top: 1px solid $strong_blue;
+            }
+            legend {
+                margin: 0;
+                padding: 0 10px 0 5px;
+                background-color: rgba(0, 0, 0, 0);
+                color: $strong_blue;
+                font-weight: 500;
+            }
+        }
+
+        /* Srednji del */
+        #placeholder{
+            margin: 85px 0 0 20px;
+            max-width: 1100px;
+
+            #branching.branching_glasovanje {               
+                padding: 3px;
+                min-height: 400px;  
+                width: calc(96% - 315px);   
+                
+                ul.first {
+                    margin: 1px 0 0 0 !important;
+                }
+                ul {
+                    li {
+                        margin-left: 0px !important;
+                    }
+                }
+            }
+
+            #vprasanje_float_editing{
+                margin-top: 45px !important;
+            }
+        }
+        
+
+        /* Desne nastavitve */
+        #quick_settings_holder{
+            position: absolute;
+            right: calc(3% + 5px);
+            margin-left: -5px;
+            top: 222px;
+            height: auto;
+            width: 310px;
+            border: 0;
+            background-color: transparent;
+            
+            #quick_settings{
+                padding: 5px 15px;
+                width: 315px;
+                box-sizing: border-box;       
+                float: right;
+
+                background-color: $soft_blue_very_lighten;
+                border: 1px solid $soft_blue;
+
+                fieldset {
+                    border: 1px $grey_dark solid;
+                }
+
+                .form_bottom_settings {
+                    margin: 0 8px 10px 8px;
+                    padding: 0 0 5px 10px;
+                    background-color: inherit;
+                }
+
+                #form_settings_obvescanje {
+                    padding: 1px 0 10px 10px;
+                    textarea#alert_finish_other_emails {
+                        &:focus {
+                            padding: 2px;
+                            border: 0;
+                            background-color: $orange_very_lighten;
+                        }
+                    }
+                }
+            }
+        }
+    }
+
+    
+
+}

resources/sass/admin/comments.scss

@@ -0,0 +1,100 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 04-Aug-2018, 11:33:01
+    Author     : podkrizniku
+*/
+
+#placeholder.komentarji{
+    margin: 0px;
+}
+
+.comment {
+	font-style: italic;
+	color: $orange_very_darken;
+	width: auto;
+	padding-right: 10px;
+	padding-top: 3px;
+	display: block;
+	float: left;
+}
+.if_comment {
+	font-style: italic;
+	color: $grey_light;
+	width: auto;
+	margin: 0px 3px;
+}
+.spr_comment {
+	font-style: italic;
+	color: $grey_light;
+	width: auto;
+	margin: 0px 3px;
+}
+#quick_comments_link {
+	margin-bottom: 1px !important;
+	margin-left: 3px !important;
+	padding-bottom: 3px !important;
+	a {
+		span.link {
+			display: inline-block;
+			padding: 3px !important;
+			padding-bottom: 5px !important;
+			font-size: 11px;
+			vertical-align: top;
+		}
+	}
+}
+#quick_comments_link.newCss {
+	height: 20px !important;
+	line-height: 20px !important;
+	text-align: center;
+	margin-top: 8px !important;
+	img {
+		vertical-align: middle;
+	}
+}
+.comments_on_alert {
+	margin-bottom: 10px;
+
+    a{
+        //color: white;
+        font-weight: 500;
+
+        &:hover{
+            color: $strong_blue_darken;
+        }
+    }
+}
+.comment_qtip_title_secondLine {
+	color: $grey_normal;
+	font-weight: normal !important;
+	padding-top: 5px;
+}
+#comment_question_note {
+	display: block;
+	width: auto;
+	margin-bottom: 15px;
+	margin-left: 5px;
+	padding: 5px 10px;
+	font-size: 15px;
+	background-color: $soft_blue_very_lighten;
+	border: 1px solid $soft_blue;
+}
+@mixin sub_settings_comments(){
+
+    
+}
+#topSettingsHolder.komentarji,
+#topSettingsHolder.komentarji_anketa {
+    
+    #additional_navigation {
+		a {
+			span {
+				padding: 2px 0px 2px 0;
+			}
+		}
+	}
+}

resources/sass/admin/dashboard/dashboard.scss

@@ -0,0 +1,22 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 09-Aug-2018, 14:24:13
+    Author     : podkrizniku
+*/
+
+@import "summary";
+@import "paradata";
+@import "nonresponse";
+@import "usable_respondents";
+@import "speed_index";
+@import "text_analysis";
+@import "ip_location";
+@import "edits_analysis";
+@import "language_statistics";
+@import "reminder_tracking";
+@import "other";
+@import "status_advanced";

resources/sass/admin/dashboard/edits_analysis.scss

@@ -0,0 +1,13 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 09-Aug-2018, 14:28:50
+    Author     : podkrizniku
+*/
+
+#surveyEditsAnalysis {
+	background-color: white;
+}

resources/sass/admin/dashboard/ip_location.scss

@@ -0,0 +1,58 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 09-Aug-2018, 14:28:41
+    Author     : podkrizniku
+*/
+
+#surveyGeoIPLocation {
+	background-color: white;
+}
+.geoip_table {
+	position: relative;
+	border-spacing: 0px;
+	table-layout: fixed;
+	padding: 0px;
+	margin: 15px 0 30px 0px;
+	border-collapse: collapse;
+	border: 1px solid $soft_blue;
+	border-top: none;
+	tr {
+		border-top: 1px solid $soft_blue;
+	}
+	th {
+		padding: 5px 10px;
+		text-align: center;
+		color: black;
+		background-color: $grey_almost_white;
+		border: 1px solid $soft_blue;
+		color: black;
+		background-color: $soft_blue_very_lighten;
+		font-weight: normal;
+		span {
+			vertical-align: middle;
+			margin-left: 3px;
+		}
+	}
+	td {
+		padding: 5px 10px;
+		text-align: center;
+		color: black;
+		background-color: $grey_almost_white;
+		border: 1px solid $soft_blue;
+	}
+	tr.white {
+		td {
+			background-color: white;
+		}
+	}
+	tr.country {
+		td {
+			background-color: $soft_blue_very_lighten;
+			font-weight: 600;
+		}
+	}
+}

resources/sass/admin/dashboard/language_statistics.scss

@@ -0,0 +1,10 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 09-Aug-2018, 14:28:59
+    Author     : podkrizniku
+*/
+

resources/sass/admin/dashboard/nonresponse.scss

@@ -0,0 +1,183 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 09-Aug-2018, 14:27:48
+    Author     : podkrizniku
+*/
+
+#surveyNonresponse {
+	background-color: white;
+}
+#tbl_para_analitics {
+	width: 100%;
+	
+	padding: 0px;
+	margin: 30px 0 20px 0;
+
+	border-spacing: 0px;
+	border-collapse: collapse;
+	border: 1px solid $soft_blue;
+	border-top: none;
+
+	tr {
+		border-top: 1px solid $soft_blue;
+		td.empty_cell {
+			width: 60%;
+			background-color: white;
+			border: 1px solid white;
+			text-align: left;
+			padding: 0px;
+			padding-right: 5px;
+		}
+		td.empty_cell30 {
+			width: 30%;
+			background-color: white;
+			border: 1px solid white;
+			text-align: left;
+			padding: 0px;
+			padding-right: 5px;
+		}
+		td.delta {
+			width: 20px;
+			background-color: $grey_almost_white;
+		}
+	}
+	tr.floatingHeader {
+		border-bottom: 1px solid $soft_blue;
+	}
+	th {
+		padding: 8px;
+		border-right: 1px solid $soft_blue;
+		text-align: center;
+		color: black;
+		background-color: $soft_blue_very_lighten;
+		font-weight: normal;
+	}
+	td {
+		padding: 8px;
+		border-right: 1px solid $soft_blue;
+		text-align: center;
+		color: black;
+		background-color: $soft_blue_very_lighten;
+		&:first-child {
+			color: $strong_blue;
+			font-weight: bold;
+			text-align: left;
+		}
+	}
+	td.showQuestion {
+		text-align: left;
+	}
+	tr.multiGroupHeader {
+		td {
+			text-align: left;
+		}
+	}
+	tr.multiVariablesHeader {
+		border-top: 1px dotted $soft_blue;
+		td {
+			text-align: left;
+		}
+	}
+	tr.subVar {
+		border-top: 1px dotted $soft_blue;
+		td {
+			background-color: $grey_almost_white;
+			&:first-child {
+				font-weight: normal;
+				text-indent: 10px;
+			}
+		}
+	}
+	tr.percent {
+		border-top: 1px dotted $soft_blue;
+		td {
+			font-weight: normal;
+			text-indent: 0px;
+			text-align: center;
+			color: $grey_normal;
+		}
+	}
+}
+#tbl_para_analitics.graph {
+	width: 40%;
+	th {
+		padding: 3px;
+		border-right: 1px solid $soft_blue;
+		text-align: center;
+	}
+	td {
+		padding: 3px;
+		border-right: 1px solid $soft_blue;
+		text-align: center;
+	}
+}
+#tbl_para_analitics.graph.showGraph {
+	width: 100%;
+}
+.para_analitics_bar {
+	margin-left: 10px;
+	height: 1.8em;
+	background-color: $soft_blue_very_lighten;
+	border: 1px solid $soft_blue;
+}
+.para_analitics_bar.null_value {
+	margin-left: 10px;
+	height: 1.8em;
+	background-color: white;
+	border: none;
+	border-left: 1px solid $soft_blue;
+}
+#nonresponse_info {
+	position: relative;
+	display: inline-block;
+	float: left;
+	width: auto;
+	padding: 2px 20px 2px 0px !important;
+	margin: 7px 0 0 0;
+	font-weight: 500;
+	color: $grey_super_dark;
+	a {
+		color: $strong_blue;
+		&:hover {
+			color: $orange;
+		}
+	}
+}
+td.para_page_break {
+	border-left: 1px solid white !important;
+	border-right: 1px solid white !important;
+	background-color: white !important;
+	span {
+		display: inline-block;
+		width: 100%;
+		height: 16px;
+		padding-left: 5px;
+		background: url('../../../admin/survey/img_0/sprites_pb_expanded.png') no-repeat 100px 10px;
+		color: $strong_blue;
+		font-size: 14px;
+		font-weight: bold;
+		height: 20px;
+		line-height: 20px;
+		margin-top: 0;
+	}
+}
+table#para_settings {
+	th {
+		&:not(.spacer) {
+			vertical-align: top;
+			text-align: left;
+			padding: 5px 10px;
+		}
+	}
+	td {
+		&:not(.spacer) {
+			vertical-align: top;
+			text-align: left;
+			padding: 5px 10px;
+		}
+	}
+}

resources/sass/admin/dashboard/other.scss

@@ -0,0 +1,35 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 21-Aug-2018, 16:17:20
+    Author     : podkrizniku
+*/
+
+/*right options*/
+#div_status_filtri_right {
+	white-space: nowrap;
+	position: absolute;
+	top: 0;
+	right: 15px;
+	width: auto;
+	min-height: 20px;
+	height: auto;
+	padding: 10px;
+	text-align: left;
+	font-size: 13px;
+	ul {
+		li {
+			display: inline;
+			margin-right: 5px;
+			span.gray {
+				color: $strong_blue !important;
+				&:hover {
+					color: $orange !important;
+				}
+			}
+		}
+	}
+}

resources/sass/admin/dashboard/paradata.scss

@@ -0,0 +1,26 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 09-Aug-2018, 14:27:38
+    Author     : podkrizniku
+*/
+
+#surveyParaGraph {
+	background-color: white;
+	table {
+		tr {
+			th {
+				padding-right: 10px;
+				min-width: 150px;
+				text-align: right;
+			}
+		}
+	}
+}
+.graph_lb {
+	background-color: $soft_blue_very_lighten;
+	border: 1px solid $soft_blue;
+}

resources/sass/admin/dashboard/reminder_tracking.scss

@@ -0,0 +1,94 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 09-Aug-2018, 15:10:12
+    Author     : podkrizniku
+*/
+
+#surveyReminderTracking {
+	background-color: white;
+}
+.reminder_tracking_table {
+	position: relative;
+	border-spacing: 0px;
+	table-layout: fixed;
+	padding: 0px;
+	margin: 0 0 40px 0;
+	border-collapse: collapse;
+	border: 1px solid $soft_blue;
+	border-top: none;
+	tr {
+		border-top: 1px solid $soft_blue;
+	}
+	th {
+		padding: 5px 10px;
+		text-align: center;
+		color: black;
+		border: 1px solid $soft_blue;
+		background-color: $soft_blue_very_lighten;
+		font-weight: normal;
+		span {
+			vertical-align: middle;
+			margin-left: 3px;
+		}
+	}
+	td {
+		padding: 5px 10px;
+		text-align: center;
+		color: black;
+		background-color: $grey_almost_white;
+		border: 1px solid $soft_blue;
+	}
+	tr.white {
+		td {
+			background-color: white;
+		}
+	}
+	tr.sumSprozenih {
+		td {
+			background-color: $soft_blue_very_lighten;
+			font-weight: 600;
+			border-top: 5px solid $soft_blue;
+		}
+	}
+	tr.sum {
+		td {
+			background-color: $soft_blue_very_lighten;
+			font-weight: 600;
+		}
+	}
+	tr.colored {
+		td {
+			background-color: $soft_blue_very_lighten;
+			font-weight: 500;
+			border-top: 5px solid $soft_blue;
+		}
+	}
+	td.sprozenaOpozorila {
+		font-weight: 500;
+		background-color: $soft_blue_very_lighten;
+		border-top: 0px !important;
+	}
+	th.sprozenaOpozorila {
+		font-weight: 500;
+		background-color: $soft_blue_very_lighten;
+		border-top: 0px !important;
+	}
+	td.sprozenaOpozorilaLine {
+		font-weight: 500;
+		border-left: 5px solid $soft_blue;
+		background-color: $soft_blue_very_lighten;
+		border-top: 0px !important;
+	}
+	th.sprozenaOpozorilaLine {
+		font-weight: 500;
+		border-left: 5px solid $soft_blue;
+		background-color: $soft_blue_very_lighten;
+		border-top: 0px !important;
+	}
+}
+.redCell {
+background-color: red !important;}

resources/sass/admin/dashboard/speed_index.scss

@@ -0,0 +1,82 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 09-Aug-2018, 14:28:11
+    Author     : podkrizniku
+*/
+
+#surveySpeederIndex {
+	background-color: white;
+}
+#speeder_table {
+	position: relative;
+	margin-top: 55px;
+	position: relative;
+	margin-top: 0px;
+}
+#tbl_speeder {
+	border-spacing: 0px;
+	table-layout: fixed;
+	padding: 0px;
+	margin: 0px;
+	border-collapse: collapse;
+	border: 1px solid $soft_blue;
+	border-top: none;
+	tr {
+		border-top: 1px solid $soft_blue;
+	}
+	tr.floatingHeader {
+		border-bottom: 1px solid $soft_blue;
+	}
+	th {
+		padding: 3px 8px;
+		text-align: center;
+		border-left: 1px solid $soft_blue;
+		border-right: 1px solid $soft_blue;
+		color: black;
+		background-color: $soft_blue_very_lighten;
+		font-weight: normal;
+		span {
+			vertical-align: middle;
+			margin-left: 3px;
+		}
+	}
+	td {
+		padding: 3px 8px;
+		text-align: center;
+		border-left: 1px solid $soft_blue;
+		border-right: 1px solid $soft_blue;
+		color: black;
+		background-color: $grey_almost_white;
+	}
+	tr.colored {
+		td {
+			background-color: white;
+		}
+	}
+	tr.speeder {
+		td {
+			background-color: #FFE8E8 !important;
+		}
+	}
+	tr.no_speeder {
+		td {
+			background-color: white !important;
+		}
+	}
+}
+.speeder_leg {
+	padding: 5px 10px 5px 0;
+	margin: 10px 0 10px;
+	.speeder_legend {
+		display: inline-block;
+		padding: 3px 7px;
+		border: 1px $grey_light solid;
+		&:first-of-type{
+			margin-left: 0 !important;
+		}
+	}
+}

resources/sass/admin/dashboard/status_advanced.scss

@@ -0,0 +1,24 @@
+div.status_advanced {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    align-content: flex-start;
+    justify-content: flex-start;
+    align-items: auto;
+    
+    
+    
+}
+
+div.status_advanced_box {
+    display: flex;
+    border: 1px solid $soft_blue;
+    background-color: $soft_blue_very_lighten;
+    align-items: center;
+    justify-content: center;
+    margin: 10px;
+    padding: 20px;
+    font-size: 16px;
+    flex: 0 1 21%;
+    white-space: nowrap;
+}

resources/sass/admin/dashboard/summary.scss

@@ -0,0 +1,209 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 06-Aug-2018, 10:51:54
+    Author     : podkrizniku
+*/
+
+/*popup on icon hover*/
+#surveyInfo_msg {
+	float: left;
+	width: auto;
+	padding-right: 20px;
+	.survey_info_title {
+		float: left;
+		width: auto;
+		font-weight: 600;
+	}
+	span.space {
+		display: inline-block;
+		width: 95px;
+		padding: 2px 0px;
+		font-weight: 600;
+	}
+	.infoData {
+		margin-left: 95px;
+		width: auto;
+	}
+}
+#div_statistic_date_select {
+	display: none;
+	position: fixed;
+	top: 40%;
+	left: 50%;
+	margin-top: -200px;
+	margin-left: -450px;
+	min-height: 150px;
+	width: auto;
+	max-width: 650px;
+	z-index: 80;
+	padding: 10px;
+	background-color: white;
+	border: 1px solid $red_error;
+}
+.survey_referals_tbl {
+	width: 100%;
+	border-spacing: 0px;
+	padding: 0px;
+	margin: 0px;
+	border-collapse: collapse;
+	margin-top: 8px;
+	td {
+		padding: 3px 0px;
+	}
+	th {
+		text-align: left;
+		white-space: nowrap;
+		font-weight: normal;
+		padding-right: 5px;
+	}
+}
+#div_statistic_float_div {
+	position: fixed;
+	width: 620px;
+	max-height: 600px;
+	z-index: 90;
+	padding: 10px;
+	border: 1px solid $red_error;
+	background-color: white;
+	margin: auto auto;
+	.list {
+		margin-left: 20px;
+		padding-top: 3px;
+	}
+}
+.graph_db {
+	background-color: $soft_blue;
+	//border: 1px solid $soft_blue;
+}
+#tbl_answ_state {
+	width: 100%;
+	border-spacing: 0px;
+	padding: 0px;
+	margin: 0px;
+	border-collapse: collapse;
+	th {
+		text-align: left;
+		font-weight: normal;
+		width: 40%;
+	}
+	td {
+		border-left: 1px dotted silver;
+		text-align: center;
+		font-weight: normal;
+		width: 20%;
+	}
+}
+#tbl_answ_usability {
+	width: 100%;
+	border-spacing: 0px;
+	padding: 0px;
+	margin: 0px;
+	border-collapse: collapse;
+	th {
+		text-align: left;
+		font-weight: normal;
+		width: 40%;
+	}
+	td {
+		border-left: 1px dotted silver;
+		text-align: center;
+		font-weight: normal;
+		width: 20%;
+	}
+}
+#tbl_answ_breakoff {
+	width: 100%;
+	border-spacing: 0px;
+	padding: 0px;
+	margin: 0px;
+	border-collapse: collapse;
+	th {
+		text-align: left;
+		font-weight: normal;
+		width: 40%;
+	}
+	td {
+		border-left: 1px dotted silver;
+		text-align: center;
+		font-weight: normal;
+		width: 20%;
+	}
+}
+table.dashboard {
+	width: 100%;
+	border-collapse: separate;
+	border-spacing: 10px;
+	margin-top: 10px;
+	td {
+		width: 33.3%;
+		vertical-align: top;
+                border: 1px solid $soft_blue;
+		background-color: $soft_blue_very_lighten;
+		strong {
+			font-weight: 600;
+		}
+	}
+	th {
+		strong {
+			font-weight: 600;
+		}
+	}
+}
+table.dashboard_single {
+	width: 33.3%;
+}
+div.dashboard_cell {
+	width: auto;
+	height: 100%;
+	padding: 8px;
+	table {
+		border: none;
+		width: auto;
+		border-collapse: collapse;
+		border-spacing: 0px;
+		width: 100%;
+		td {
+			border: none;
+			width: auto;
+			border-collapse: collapse;
+			border-spacing: 0px;
+			width: auto;
+		}
+	}
+        .dashboard_title {
+		color: $strong_blue;
+		font-weight: 600;
+		font-size: 13px;
+	}
+}
+@mixin dashboard_full_text_box_margin(){
+        table {
+		td {
+                        padding-bottom: 2px;
+		}
+	}
+}
+#div_statistic_info{
+        @include dashboard_full_text_box_margin();
+}
+#div_statistic_answer_state {
+        @include dashboard_full_text_box_margin();
+}
+.dashboard_status_span {
+	display: inline-block;
+	width: 200px;
+	padding: 2px 0px;
+}
+#div_statistic_status {
+	span {
+		display: inline-block;
+		padding: 2px 0px;
+	}
+}
+.opt_bold {
+	font-weight: 600;
+}

resources/sass/admin/dashboard/text_analysis.scss

@@ -0,0 +1,63 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 09-Aug-2018, 14:28:25
+    Author     : podkrizniku
+*/
+
+#surveyTextAnalysis {
+	background-color: white;
+}
+.text_analysis_table {
+	position: relative;
+	border-spacing: 0px;
+	table-layout: fixed;
+	padding: 0px;
+	margin: 0 20px 40px 0;
+	border-collapse: collapse;
+	border: 1px solid $soft_blue;
+	border-top: none;
+	tr {
+		border-top: 1px solid $soft_blue;
+	}
+	th {
+		padding: 5px 10px;
+		text-align: center;
+		color: black;
+		border: 1px solid $soft_blue;
+		color: black;
+		background-color: $soft_blue_very_lighten;
+		font-weight: normal;
+		span {
+			vertical-align: middle;
+			margin-left: 3px;
+		}
+	}
+	td {
+		padding: 5px 10px;
+		text-align: center;
+		color: black;
+		background-color: $grey_almost_white;
+		border: 1px solid $soft_blue;
+	}
+	tr.white {
+		td {
+			background-color: white;
+		}
+	}
+	tr.sum {
+		td {
+			background-color: $soft_blue_very_lighten;
+			font-weight: 600;
+		}
+	}
+	tr.colored {
+		td {
+			background-color: $soft_blue_very_lighten;
+			font-weight: 600;
+		}
+	}
+}

resources/sass/admin/dashboard/usable_respondents.scss

@@ -0,0 +1,195 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 09-Aug-2018, 14:28:00
+    Author     : podkrizniku
+*/
+
+#surveyUsableResp {
+	background-color: white;
+}
+#usable_table {
+	position: relative;
+	margin-top: 50px;
+}
+#tbl_usable_respondents {
+	border-spacing: 0px;
+	table-layout: fixed;
+	padding: 0px;
+	margin: 0px;
+	border-collapse: collapse;
+	border: 1px solid $soft_blue;
+	border-top: none;
+	tr {
+		border-top: 1px solid $soft_blue;
+		td.all {
+			border-left: 1px solid $soft_blue;
+			border-right: 1px solid $strong_blue_darken;
+		}
+		th.all {
+			border-left: 1px solid $soft_blue;
+			border-right: 1px solid $strong_blue_darken;
+		}
+		td.calculation {
+			border-left: 1px solid $soft_blue;
+		}
+		th.calculation {
+			border-left: 1px solid $soft_blue;
+		}
+		td.unusable {
+			border-right: 1px solid $soft_blue;
+		}
+		th.unusable {
+			border-right: 1px solid $soft_blue;
+		}
+		td.empty_cell {
+			width: 60%;
+			background-color: white;
+			border: 1px solid white;
+			text-align: left;
+			padding: 0px;
+			padding-right: 5px;
+		}
+		td.usable {
+			font-weight: 600;
+			border-left: 1px solid $strong_blue_darken;
+			border-right: 1px solid $strong_blue_darken;
+		}
+		th.usable {
+			font-weight: 600;
+			border: 1px solid $strong_blue_darken !important;
+		}
+		&:last-child {
+			td.usable {
+				border-bottom: 1px solid $strong_blue_darken !important;
+			}
+			td.data {
+				border-bottom: 1px solid $strong_blue_darken;
+			}
+		}
+		&:nth-last-child(2) {
+			td.status {
+				border-bottom: 1px solid $strong_blue_darken !important;
+			}
+		}
+		td.data {
+			border-left: 1px solid $soft_blue;
+		}
+		th.data {
+			border-top: 1px solid $strong_blue_darken;
+			border-bottom: 1px solid $strong_blue_darken;
+			border-left: 1px solid $strong_blue_darken;
+		}
+		td.data.sum {
+			border-left: 1px solid $strong_blue_darken;
+			border-right: 1px solid $strong_blue_darken;
+		}
+		td.status {
+			border-left: 1px solid $strong_blue_darken !important;
+			border-right: 1px solid $strong_blue_darken;
+		}
+	}
+	tr.floatingHeader {
+		border-bottom: 1px solid $soft_blue;
+	}
+	th {
+		padding: 3px;
+		text-align: center;
+		color: black;
+		background-color: $soft_blue_very_lighten;
+		font-weight: normal;
+		span {
+			vertical-align: middle;
+			margin-left: 3px;
+		}
+	}
+	td {
+		padding: 3px;
+		text-align: center;
+		color: black;
+		background-color: $grey_almost_white;
+	}
+	tr.colored {
+		td {
+			background-color: white;
+		}
+	}
+	tr.multiGroupHeader {
+		td {
+			text-align: left;
+		}
+	}
+	tr.multiVariablesHeader {
+		border-top: 1px dotted $soft_blue;
+		td {
+			color: $grey_normal;
+		}
+	}
+	tr.subVar {
+		border-top: 1px dotted $soft_blue;
+		td {
+			background-color: $grey_almost_white;
+			&:first-child {
+				font-weight: normal;
+				text-indent: 10px;
+			}
+		}
+	}
+	tr.percent {
+		border-top: 1px dotted $soft_blue;
+		td {
+			font-weight: normal;
+			text-indent: 0px;
+			text-align: center;
+			color: $grey_normal;
+		}
+	}
+	tr.partusable {
+		td {
+			background-color: #FFFFE3 !important;
+		}
+	}
+	tr.unusable {
+		td {
+			background-color: #FFE8E8 !important;
+		}
+	}
+}
+#usable_respondents_settings {
+	margin: 0px 15px;
+	input {
+		color: $strong_blue !important;
+		font-weight: 600;
+	}
+}
+.usable_sum {
+	position: absolute;
+	top: -50px;
+	padding: 5px 10px 5px 0;
+	.usable_legend {
+		display: inline-block;
+		padding: 3px 7px;
+		border: 1px $grey_light solid;
+		&:first-of-type{
+			margin-left: 0 !important;
+		}
+	}
+}
+#usable_info {
+	position: relative;
+	display: inline-block;
+	width: auto;
+	padding: 2px 40px 2px 0px !important;
+	margin: 7px 0 0 0;
+	font-weight: 600;
+	color: $grey_super_dark;
+	a {
+		color: $strong_blue;
+		&:hover {
+			color: $orange;
+		}
+	}
+}

resources/sass/admin/data/conditions.scss

@@ -0,0 +1,34 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 07-Aug-2018, 11:06:58
+    Author     : podkrizniku
+*/
+
+#conditionProfileNote {
+	span.conditions_display {
+		line-height: inherit;
+	}
+	display: inline-block;
+	width: auto;
+	padding: 3px 10px;
+	margin-bottom: 4px;
+        margin-top: 4px;
+	line-height: 2em;
+	vertical-align: middle;
+	border: 1px solid $soft_blue;
+	background-color: $soft_blue_very_lighten;
+	div.if_content {
+		display: inline-block;
+	}
+}
+#div_condition_editing_conditions {
+	min-height: 28px;
+	line-height: 28px;
+	.error_display {
+		margin-top: 5px;
+	}
+}

resources/sass/admin/data/data.scss

@@ -0,0 +1,235 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 04-Aug-2018, 13:45:34
+    Author     : podkrizniku
+*/
+
+$editing_cell: #eafada;
+
+#analiza_data {
+	margin-bottom: 10px;
+    background-color: white;
+    
+	#tableContainer {
+		margin-bottom: 20px;
+		clear: both;
+	}
+}
+.data_spr_editing {
+	background-color: $editing_cell;
+}
+#vnosi_paginacija {
+	float: right;
+	div {
+		padding: 1px 3px;
+		font-size: 100%;
+		line-height: 10px;
+		
+		a{
+			vertical-align: middle;
+		}
+		label {
+			text-align: right;
+			display: inline-block;
+			cursor: auto;
+			margin: 0 5px 0 20px;
+			padding-bottom: 2px;
+		}
+		select {
+			display: inline-block;
+			width: 50px;
+			margin: 0 5px;
+			text-align: center;
+		}
+	}
+}
+.top_paginacija {
+	float: right;
+	margin: 30px 0 10px 0;
+}
+#div_paginacija_vnosov {
+	display: inline;
+	float: right;
+	padding: 5px;
+	margin-left: 0px;
+}
+#div_paginacija_vprasanj {
+	display: inline;
+	float: left;
+	padding: 5px;
+}
+#bottom_edit {
+	width: auto;
+	margin: -12px 10px 0 28px;
+}
+#bottom_edit.shifted {
+	margin-left: 5px;
+}
+.headerCell {
+	max-width: 250px;
+	max-height: 1.1em;
+	overflow: hidden;
+}
+#dataTable {
+	table-layout: fixed;
+    width: 0px;
+    
+	padding: 0px;
+    margin: 0px;
+    
+    border-collapse: collapse;
+    border-spacing: 0px;
+
+    outline: 1px solid $soft_blue;
+	border-top: 1px solid $soft_blue;
+	border-left: 1px solid $soft_blue;
+	border-bottom: 1px solid $soft_blue;
+    
+	.dataCell {
+        position: relative;
+        white-space: nowrap;
+		overflow: hidden;
+        
+		width: 100%;
+		min-width: 20px;
+		max-height: 1.1em;
+        
+        padding: 3px 0;
+        text-indent: 3px;
+    }
+    
+	.headerCell {
+		white-space: nowrap;
+		padding: 3px;
+	}
+	
+	th {
+		border-right: 1px solid $soft_blue;
+		border-bottom: 1px solid $soft_blue;
+		font-weight: normal;
+		text-align: left;
+		background-color: $soft_blue_very_lighten;
+		cursor: pointer;
+	}
+	col {
+		width: 100px;
+	}
+	col.data_edit {
+		width: 23px;
+	}
+	td {
+		border-right: 1px solid $soft_blue;
+		border-bottom: 1px solid $grey_very_light;
+		padding: 3px;
+		font-weight: normal;
+		text-align: left;
+		max-width: 200px;
+		overflow: hidden;
+		line-height: 18px;
+		.highlighted {
+			font-weight: bold;
+			color: red;
+			background-color: yellow;
+		}
+	}
+	td.data_edit {
+		.pdf {
+			cursor: pointer;
+		}
+		.rtf {
+			cursor: pointer;
+		}
+		.evoli {
+			cursor: pointer;
+		}
+		.evoli2 {
+			cursor: pointer;
+		}
+		.evoli3 {
+			cursor: pointer;
+		}
+		.mfdps {
+			cursor: pointer;
+		}
+	}
+	select {
+		font-size: 11px !important;
+		width: 100%;
+	}
+	th.hover {
+		background-color: $soft_blue_very_lighten;
+	}
+	tbody {
+		.active {
+			background-color: $grey_very_light !important;
+		}
+		tr {
+			&:nth-child(odd) {
+				background-color: $soft_blue_super_lighten;
+			}
+			&:nth-child(even) {
+				background-color: $grey_almost_white;
+			}
+		}
+	}
+	.delete_data_row {
+		margin: 0;
+	}
+	.scrollContent.coding {
+		td {
+			&:hover {
+				background-color: $grey_very_light;
+				cursor: pointer;
+			}
+		}
+		td.enkaIcon {
+			&:hover {
+				background-color: white;
+			}
+		}
+		td.cellGreen {
+			&:hover {
+				background-color: #E6FFCC;
+				cursor: auto;
+			}
+		}
+	}
+}
+.dataCell {
+	&:hover {
+		.tableResize {
+			background-color: $strong_blue;
+		}
+	}
+}
+
+.no_data_alert{
+	font-weight: 500;
+	font-size: 13px;	
+}
+
+#collect_data_popup{
+    display: none; 
+    z-index: 9999; 
+    position: fixed; 
+
+    top: 45%;
+    left: 50%;
+    transform: translateX(-50%);
+    padding: 20px;
+    
+    font-weight: 500;
+    font-size: 13px;
+
+    background-color: white; 
+}
+
+@import "recode";
+@import "conditions";
+@import "other";
+@import "hash_link";
+@import "edit_survey";

resources/sass/admin/data/edit_survey.scss

@@ -0,0 +1,366 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 21-Aug-2018, 16:31:17
+    Author     : podkrizniku
+*/
+
+#edit_survey_data {
+	width: 70%;
+	float: left;
+	div.inner {
+		padding: 20px 20px 0px 20px;
+	}
+	.quick_edit_title {
+		line-height: 12px;
+		font-size: 16px;
+		font-weight: bold;
+		text-align: center;
+		span {
+			margin: 0 20px 5px 20px;
+		}
+	}
+	.comment {
+		clear: both;
+		margin-top: 10px;
+	}
+	table.ranking_table {
+		width: 100%;
+		table-layout: fixed;
+		border-spacing: 0;
+		td {
+			width: 45%;
+			padding: 5px;
+			vertical-align: top;
+		}
+		td.middle {
+			width: 10%;
+			vertical-align: top;
+			text-align: center;
+		}
+		ul {
+			list-style: none;
+			margin: 0;
+			padding: 0;
+		}
+	}
+	td.middle {
+		img {
+			display: block;
+			margin: 50% 0 0 20px;
+		}
+	}
+	.ranking {
+		width: 230px;
+		padding: 5px;
+		margin: 0 auto 10px auto;
+		border: 1px solid black;
+		height: 15px;
+		text-align: center;
+		overflow: hidden;
+		cursor: pointer;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+	.ranking_long {
+		width: 230px;
+		padding: 5px;
+		margin: 0 auto 10px auto;
+		border: 1px solid black;
+		height: 15px;
+		text-align: center;
+		overflow: hidden;
+		cursor: pointer;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+	.handle {
+		width: 230px;
+		padding: 5px;
+		margin: 0 auto 10px auto;
+		border: 1px solid black;
+		height: 15px;
+		text-align: center;
+		overflow: hidden;
+	}
+	.handle_long {
+		width: 230px;
+		padding: 5px;
+		margin: 0 auto 10px auto;
+		border: 1px solid black;
+		height: 15px;
+		text-align: center;
+		overflow: hidden;
+	}
+	.ime {
+		width: 230px;
+		padding: 5px;
+		margin: 0 auto 10px auto;
+		border: 1px solid black;
+		height: 15px;
+		text-align: center;
+		overflow: hidden;
+	}
+	.izbran {
+		width: 230px;
+		padding: 5px;
+		margin: 0 auto 10px auto;
+		border: 1px solid black;
+		height: 15px;
+		text-align: center;
+		overflow: hidden;
+	}
+	.frame_ranking {
+		width: 230px;
+		padding: 5px;
+		margin: 0px auto 10px auto;
+		border: 1px dashed black;
+		height: 15px;
+		text-indent: -25px;
+		font-weight: bold;
+	}
+	.dropholder {
+		position: relative;
+		padding-top: 11px;
+		.dropzone {
+			position: absolute;
+			left: 0;
+			right: 0;
+			top: 0;
+			bottom: 0;
+		}
+	}
+	.dropzone {
+		border-top: 1px solid black;
+		min-height: 100px;
+		padding-top: 10px;
+	}
+	.moving {
+		cursor: pointer;
+		margin-left: auto;
+		margin-right: auto;
+		width: 230px;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+	.frame_moving {
+		width: 230px;
+		padding: 5px;
+		margin: 0px auto 10px auto;
+		border: 1px dashed black;
+		height: 15px;
+		text-indent: -25px;
+		font-weight: bold;
+	}
+	ul.sorting {
+		list-style: none;
+		margin: 0;
+		padding: 0;
+	}
+	.sortholder {
+		margin: 0 auto;
+		width: 250px;
+		padding: 5px;
+	}
+	.sortzone {
+		position: absolute;
+		margin: 0 auto 0 auto;
+		width: 250px;
+	}
+	.spremenljivka.tip_17 {
+		input {
+			width: 50px;
+		}
+	}
+	.simple {
+		.naslov {
+			width: 45%;
+			float: left;
+		}
+		overflow: visible;
+	}
+	.naslov {
+		p {
+			margin-top: 2px;
+		}
+	}
+	.variable_holder {
+		height: auto !important;
+	}
+	.spremenljivka {
+		width: 98%;
+		margin: 20px 0;
+		padding: 10px 20px 20px 20px;
+		color: black;
+		border: 1px solid $soft_blue;
+	}
+	table.text_vrednost {
+		table-layout: fixed;
+		text-align: left;
+		width: 100%;
+		border-spacing: 0;
+	}
+	.width_5 {
+		width: 5%;
+	}
+	.width_10 {
+		width: 10%;
+	}
+	.width_15 {
+		width: 15%;
+	}
+	.width_20 {
+		width: 20%;
+	}
+	.width_25 {
+		width: 25%;
+	}
+	.width_30 {
+		width: 30%;
+	}
+	.width_33 {
+		width: 33.3%;
+	}
+	.width_35 {
+		width: 35%;
+	}
+	.width_40 {
+		width: 40%;
+	}
+	.width_45 {
+		width: 45%;
+	}
+	.width_50 {
+		width: 50%;
+	}
+	.width_55 {
+		width: 55%;
+	}
+	.width_60 {
+		width: 60%;
+	}
+	.width_65 {
+		width: 65%;
+	}
+	.width_70 {
+		width: 70%;
+	}
+	.width_75 {
+		width: 75%;
+	}
+	.width_80 {
+		width: 80%;
+	}
+	.width_85 {
+		width: 85%;
+	}
+	.width_90 {
+		width: 90%;
+	}
+	.width_95 {
+		width: 95%;
+	}
+	.width_100 {
+		width: 100%;
+	}
+	.frame_dropping_titles {
+		width: 230px;
+		padding: 5px;
+		margin: 0px auto 0px auto;
+		height: 15px;
+		text-align: center;
+		background-color: white;
+		border-top: 1px solid $soft_blue;
+		border-left: 1px solid $soft_blue;
+		border-right: 1px solid $soft_blue;
+	}
+	.frame_dropping {
+		width: 230px;
+		padding: 5px;
+		margin: 0px auto 10px auto;
+		height: 15px;
+		text-indent: -25px;
+		background-color: $soft_blue_very_lighten;
+		border: 1px solid $soft_blue;
+	}
+}
+#quick_edit_title {
+	#left_options {
+		position: absolute;
+		float: left;
+		margin: 7px 0 0 20px;
+		span {
+			vertical-align: middle !important;
+		}
+	}
+	span {
+		cursor: pointer;
+		margin: 0 5px;
+	}
+}
+.quick_edit_container {
+    
+    #quick_edit_filter {
+		margin: 20px 0 10px 0;
+		width: 70%;
+		padding-left: 20px;
+    }
+    
+	.loop_warning {
+		width: 99%;
+		border: 1px solid red;
+		padding: 5px;
+		margin-bottom: -10px;
+    }
+    
+    .spremenljivka .variabla{
+        padding: 3px 0;
+    }
+}
+#container {
+	.quick_edit_loop {
+		opacity: 0.5;
+	}
+}
+#quick_edit_meta {
+	max-width: 290px;
+	width: 23%;
+	float: left;
+	overflow-x: auto;
+	margin: 60px 0 0 20px;
+	background-color: $soft_blue_very_lighten;
+        border: 1px solid $soft_blue;
+	.title {
+		padding: 8px 15px;
+		text-align: left;
+		font-weight: 600;
+		font-size: 16px;
+		color: $strong_blue;
+	}
+	table {
+		width: 100%;
+		padding: 15px;
+		background-color: inherit;
+		tr {
+			td.left {
+				width: 40%;
+				padding: 10px 0px 0px 0;
+				text-align: left;
+				font-weight: 600;
+			}
+			td.right {
+				width: 55%;
+				padding: 10px 0px 0px 0px;
+				text-align: left;
+				word-wrap: break-word;
+				overflow: hidden;
+			}
+		}
+	}
+}

resources/sass/admin/data/hash_link.scss

@@ -0,0 +1,45 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 20-Aug-2018, 09:01:46
+    Author     : podkrizniku
+*/
+
+.hash_comment {
+	min-width: 200px;
+	height: 100%;
+	min-height: 1em;
+	outline: 1px dashed $grey_light;
+	display: inline-block;
+}
+#div_survey_links {
+	width: auto;
+}
+.tbl_survey_links {
+	margin-top: 15px;
+	border-spacing: 0;
+	border-collapse: collapse;
+	td {
+		padding: 2px 5px;
+		margin: 3px 0px;
+		border: 1px $soft_blue solid;
+	}
+	th {
+		padding: 2px 5px;
+		margin: 3px 0px;
+		border: 1px $soft_blue solid;
+		background-color: $soft_blue_very_lighten;
+	}
+	td.editable.hash_comment {
+		cursor: pointer;
+		display: table-cell !important;
+		outline: 0 !important;
+		border: 1px $soft_blue solid;
+		&:hover {
+			border: 1px $soft_blue solid;
+		}
+	}
+}

resources/sass/admin/data/other.scss

@@ -0,0 +1,385 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 14-Aug-2018, 11:37:08
+    Author     : podkrizniku
+*/
+
+dl.dl_spss {
+	margin-bottom: 30px;
+	font-size: 12px;
+	dt {
+		font-weight: 600;
+		min-width: 80px;
+		float: left;
+	}
+	dd {
+		margin: 0px 0 2px 85px;
+		padding: 0px;
+	}
+}
+.tableResize {
+	position: absolute;
+	right: 0;
+	top: 0;
+	height: 100%;
+	width: 5px;
+	cursor: e-resize;
+}
+.pbLabel {
+	height: 20px;
+	width: 160px;
+	vertical-align: middle;
+	padding: auto 0;
+}
+#pbAllPercent {
+	width: 500px;
+	height: 20px;
+	margin: 0 0 5px 0;
+	padding: 3px;
+	display: block;
+	background-color: white;
+	background: -webkit-gradient(linear, 0 0, 0 100%, from(#f6fbff), to(#fff) );
+	background: -moz-linear-gradient(top, #f6fbff, #fff);
+	border: 1px solid $soft_blue;
+	div {
+		background-color: #84D700;
+		height: 100%;
+		width: 0;
+		border: none;
+		-moz-box-shadow: 2px 0 5px $grey_light;
+		-webkit-box-shadow: 2px 0 5px $grey_light;
+		box-shadow: 2px 0 5px $grey_light;
+	}
+}
+#pbCurrPercent {
+	width: 500px;
+	height: 20px;
+	margin: 0 0 5px 0;
+	padding: 3px;
+	display: block;
+	background-color: white;
+	background: -webkit-gradient(linear, 0 0, 0 100%, from(#f6fbff), to(#fff) );
+	background: -moz-linear-gradient(top, #f6fbff, #fff);
+	border: 1px solid $soft_blue;
+	div {
+		background-color: $soft_blue;
+		height: 100%;
+		width: 0;
+		border: none;
+		-moz-box-shadow: 2px 0 5px $grey_light;
+		-webkit-box-shadow: 2px 0 5px $grey_light;
+		box-shadow: 2px 0 5px $grey_light;
+	}
+}
+#pbRowPercent {
+	width: 500px;
+	height: 20px;
+	margin: 0 0 5px 0;
+	padding: 3px;
+	display: block;
+	background-color: white;
+	background: -webkit-gradient(linear, 0 0, 0 100%, from(#f6fbff), to(#fff) );
+	background: -moz-linear-gradient(top, #f6fbff, #fff);
+	border: 1px solid $soft_blue;
+	div {
+		background-color: #C7ED8B;
+		height: 100%;
+		width: 0;
+		border: none;
+		-moz-box-shadow: 2px 0 5px $grey_light;
+		-webkit-box-shadow: 2px 0 5px $grey_light;
+		box-shadow: 2px 0 5px $grey_light;
+	}
+}
+#actionLabel {
+	position: absolute;
+	z-index: 1px;
+	padding: 3px;
+}
+#pbCurrPercentLabel {
+	position: absolute;
+	z-index: 1px;
+	padding: 3px;
+}
+#pbRowPercentLabel {
+	position: absolute;
+	z-index: 1px;
+	padding: 3px;
+}
+#hpbRowPercent {
+	visibility: hidden;
+}
+#dataTable.editData {
+	td {
+		cursor: pointer;
+	}
+	td.hover {
+		background-color: $soft_blue_very_lighten;
+	}
+}
+td.enkaIcon {
+	cursor: pointer;
+}
+.data_uid {
+	visibility: hidden;
+	display: none;
+}
+tr {
+	&:nth-child(1) {
+		.data_edit {
+			width: 18px;
+		}
+	}
+}
+
+#data_search_filter {
+	float: left;
+	width: auto;
+	margin: 0 0 10px 0;
+	padding: 8px;
+	border: 1px solid $soft_blue;
+}
+
+.dataSettingsBasic{
+	float: left;
+	width: auto;
+
+	margin: 0 0 10px 20px;
+	padding: 8px;
+
+	#toggleDataCheckboxes{
+		padding: 0px 20px !important;
+
+		color: $strong_blue;
+		
+		.faicon{
+			vertical-align: -1px;
+		}
+
+	}
+}
+
+table.scrollTable {
+	img.pdf {
+		cursor: pointer;
+	}
+	img.rtf {
+		cursor: pointer;
+	}
+	img.edit {
+		cursor: pointer;
+	}
+	img.delete {
+		cursor: pointer;
+	}
+}
+table.no_wrap_td {
+	td {
+		white-space: nowrap;
+	}
+}
+#vnosi_file_status {
+	width: auto;
+	display: inline-block;
+	clear: both;
+}
+#bottom_data_legend {
+	width: auto;
+	margin: 0px 10px 0 10px;
+	padding: 8px 15px 8px 12px;
+	
+	background-color: $grey_super_light;
+	border: 1px solid $grey_very_light;
+	
+	ul{
+		margin-top: 10px !important;
+		padding-left: 30px !important;
+		
+		li{
+			height: 20px;
+		}
+	}
+}
+#bottom_data_legend.bg_blue {
+	background-color: $blue_cell;
+	border-color: $grey_very_light;
+}
+#bottom_data_legend.test {
+	background-color: $green_cell;
+	border-color: $grey_very_light;
+}
+#incremental_progress {
+	margin-top: 60px;
+	position: absolute;
+}
+#incremental_details {
+	width: auto;
+	margin-top: 10px;
+	display: inline-block;
+	background-color: $soft_blue_very_lighten;
+	border: 1px solid $soft_blue;
+	padding: 5px;
+	span {
+		margin-left: 10px;
+		display: inline-block;
+		float: right;
+	}
+}
+#data_sn_buttons {
+	float: left;
+	padding: 1px 10px 5px 5px;
+	span {
+		padding-right: 30px;
+		font-weight: 600;
+	}
+}
+table.variableView {
+	width: auto;
+	border-spacing: 0px;
+	padding: 0px;
+	margin: 30px 0 0 0;
+	border-collapse: collapse;
+	border-radius: 5px;
+	-moz-border-radius: 5px;
+	-webkit-border-radius: 5px;
+	border: 1px solid $soft_blue;
+	thead {
+		tr {
+			background-color: $soft_blue_very_lighten;
+		}
+	}
+	tbody {
+		tr {
+			&:nth-child(even) {
+				background-color: $grey_almost_white;
+			}
+			&:nth-child(odd) {
+				background-color: white;
+			}
+		}
+	}
+	th {
+		padding: 3px 5px;
+		border-bottom: 1px $soft_blue dotted;
+	}
+	td {
+		padding: 3px 5px;
+		border-bottom: 1px $soft_blue dotted;
+	}
+}
+#srv_incremental_lock {
+	margin-top: 60px;
+	position: absolute;
+	font-size: 14px;
+	color: red;
+	display: inline-block;
+	padding: 8px;
+	width: auto;
+	background-color: $soft_blue_very_lighten;
+	border: 1px solid $soft_blue;
+}
+.data_preview_content {
+	background-color: $grey_almost_white;
+	border: 1px solid $soft_blue;
+	box-shadow: 0 0 5px $grey_normal;
+	padding: 5px;
+	position: absolute;
+	white-space: normal;
+	width: 350px;
+}
+/*test data warning*/
+.display_data_test_data_note {
+	padding: 10px 15px 12px 15px;
+    margin: 10px 0 10px 0;
+    
+    font-weight: 500;
+    font-size: 13px;
+
+	background-color: $orange_super_lighten;
+	border: 1px solid $orange;
+}
+/*all or only valid units radio button*/
+#dataOnlyValid {
+	position: relative;
+	display: inline-block;
+	width: auto;
+	margin: 4px 0 0;
+	padding: 3px 0 4px 0;
+	.middle {
+		margin-left: 20px;
+		input {
+			margin: 0px 4px 1px 2px;
+		}
+	}
+}
+/*checkboxes in dropdown*/
+#dataSetingsLinks {
+	float: left;
+	display: inline-block;
+	min-width: 100px;
+	padding: 0px;
+	margin: 0 0 8px 0;
+	ul {
+		margin: 0px;
+		padding: 0px;
+		font-size: 100%;
+		line-height: 90%;
+		vertical-align: middle;
+		li {
+			list-style: none;
+			display: inline;
+			list-style-type: none;
+			padding-left: 15px;
+		}
+	}
+}
+#dataSetingsLinks.data {
+	ul {
+		/*li.space {
+			width: 7px;
+			padding: 0px 5px;
+			line-height: 18px;
+			background: url('../../../admin/survey/img_0/navigation/nav-control-bg.png') no-repeat top center;
+		}*/
+		li {
+			vertical-align: middle;
+			label {
+				vertical-align: middle;
+			}
+			input {
+				vertical-align: middle;
+			}
+			a.help {
+				vertical-align: middle;
+			}
+		}
+	}
+}
+#dataIconSetingsLinks {
+	float: left;
+	display: inline-block;
+	width: auto;
+	padding: 0px 0px;
+	margin: 3px 0 5px 15px;
+	input {
+		margin-left: 15px;
+	}
+}
+#div_data_file {
+	position: absolute;
+	right: 100px;
+	top: 120px;
+}
+
+#dataTableScroller {
+	z-index: 50;
+	opacity: 0;
+	position: fixed;
+	left: 50%;
+	width: auto;
+	margin: 10px 0;
+}

resources/sass/admin/data/recode.scss

@@ -0,0 +1,180 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 04-Aug-2018, 13:45:54
+    Author     : podkrizniku
+*/
+
+#vprasanje_recode_new {
+	position: absolute;
+	top: 40% !important;
+	height: auto;
+	min-height: 100px;
+	width: 350px;
+	padding: 10px;
+	font-size: 13px;
+	background-color: white;
+	border: 4px solid $popup_border;
+	border-radius: 7px;
+	-moz-border-radius: 7px 7px 7px 7px;
+	-webkit-border-radius: 7px;
+	box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
+	-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
+	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
+}
+.coding-refresh {
+    @include popup_general();
+
+	display: none;
+    position: fixed;
+    z-index: 1000;
+	left: calc(50% - 150px);
+	top: 20px;
+    text-align: center;
+    
+    width: 300px;
+}
+#coding {
+    @include popup_general();
+
+	position: absolute;
+
+	min-width: 500px;
+	min-height: 100px;
+	display: none;
+
+	.new-spr {
+		position: absolute;
+		top: 3px;
+		right: 3px;
+		background-color: white;
+		padding: 5px;
+		text-align: right;
+	}
+}
+ul.recode_number_sort {
+	padding: 0px;
+	margin: 0px;
+	li {
+		list-style: none;
+		border: 1px solid $soft_blue;
+		margin: 7px 10px 7px 0px;
+		padding: 3px 0px;
+		width: 100%;
+	}
+}
+.recoding_variable_div {
+	padding: 8px 3px;
+}
+.ui-recode-placeholder {
+	background: $orange_super_lighten;
+	border: 1px dashed $orange;
+}
+.floatRecodeSpremenljivka {
+    @include popup_general();
+
+	position: fixed;
+	min-height: 50px;
+	height: auto;
+	top: 40vh;
+	left: calc(50% + 360px);
+	min-width: 200px;
+	width: auto;
+	z-index: 1000;
+}
+table#recode_table {
+	border-spacing: 0px;
+	padding: 0px;
+	margin: 0px;
+	border-collapse: collapse;
+	table-layout: auto;
+    border: 1px solid $soft_blue;
+    
+	th {
+		padding: 3px;
+		font-weight: 600;
+		border: 1px solid $soft_blue;
+		background-color: $soft_blue_very_lighten;
+		&:nth-child(1) {
+			border-right: 1px solid $grey_super_light;
+		}
+	}
+	td {
+		padding: 5px 3px;
+		&:nth-child(4) {
+			border-right: 1px solid $grey_super_light;
+		}
+	}
+	tr.even {
+		background: $grey_almost_white;
+	}
+	tr.odd {
+		background: white;
+	}
+	tr.border_top {
+		border-top: 1px solid $soft_blue;
+	}
+	tr.border_top_lite {
+		border-top: 1px solid $grey_super_light;
+    }
+}
+#recode_number_sort {
+	select {
+		max-width: 200px;
+	}
+}
+#question_recode {
+    @include popup_general();
+
+    display: none;
+	
+	max-height: 450px;
+	overflow-y: scroll;
+	min-height: 200px;
+	height: auto;
+	width: 650px;
+
+	label {
+		display: inline-block;
+		vertical-align: middle;
+		input {
+			display: inline-block;
+			vertical-align: middle;
+			vertical-align: top;
+		}
+	}
+	input {
+		display: inline-block;
+		vertical-align: middle;
+		vertical-align: top;
+	}
+	.recodeButtonHolder {
+        
+        .buttonwrapper a.ovalbutton_gray{
+            padding: 5px 12px 6px;
+
+            &:hover span{
+                color: white !important;
+            }
+        }
+	}
+	table.question_recode_table {
+		tr {
+			td {
+				select {
+					max-width: 250px;
+				}
+			}
+		}
+	}
+}
+#question_recode_run_note{
+    display: none;
+}
+#recodeToNewSpr {
+    padding: 5px 15px 15px 15px;
+    margin-bottom: 40px;
+}

resources/sass/admin/footer.scss

@@ -0,0 +1,69 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 19-Jul-2018, 11:23:34
+    Author     : podkrizniku
+*/
+
+#srv_footer {
+    display: flex;
+    justify-content: space-between;
+    box-sizing: border-box;
+
+    width: 100%;
+    padding: 15px 20px;
+    margin-top: 30px;
+    
+    font-size: 13px;
+    line-height: 22px;
+
+    background-color: $soft_blue_very_lighten;
+	border-top: 1px solid $soft_blue;
+
+    .footer_left{
+        text-align: left;
+
+    }
+        
+    .footer_right{
+        text-align: left;
+        font-weight: 500;
+
+        span.faicon.inline_comment:before{
+            font-size: 18px !important;
+            vertical-align: -2px !important;
+            margin-right: 3px;
+        }
+
+        span.faicon.external_link:before{
+            font-size: 16px !important;
+            vertical-align: -1px !important;
+            margin-right: 3px;
+        }
+    }	
+}
+
+#srv_news {
+	float: left;
+	width: 250px;
+}
+#srv_faq {
+	float: left;
+	width: 250px;
+}
+#srv_tutorial {
+	float: left;
+	width: 250px;
+}
+#version {
+	width: 100%;
+	text-align: center;
+	clear: both;
+	padding: 20px 0 15px 0;
+	background-color: $soft_blue_very_lighten;
+	font-size: 10px;
+	color: $strong_blue;
+}