1 files changed, 916 insertions, 157 deletions

diff --git a/frontend/simple/css/style.css b/frontend/simple/css/style.css
index 2c794b7..9b4fc08 100644
--- a/frontend/simple/css/style.css
+++ b/frontend/simple/css/style.css
@@ -1,10 +1,11 @@
+@charset "UTF-8";

 /* 

     Created on : 28.3.2020

     Author     : Peter Hrvatin

 */

-/* BARVE */

-/* FONTI */

+/* BARVE */ /* FONTI */

 @import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,400i,600,700&subset=latin-ext");

+@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600;700&display=swap");

 .thin {

   font-weight: 300;

 }

@@ -57,6 +58,13 @@ a:hover {
   color: #4ca0ea;

 }

 

+.aai a {

+  color: #e35205;

+}

+.aai a:hover {

+  color: #fa6c21;

+}

+

 .red {

   color: red;

 }

@@ -95,8 +103,9 @@ input[type=email] {
   box-sizing: border-box;

   height: 55px;

   padding: 8px 18px;

-  font-size: 17px;

+  font-size: 16px;

   color: #333;

+  font-family: "Source Sans Pro", "sans-serif";

   background-color: white;

   border: 1px solid #cccccc;

 }

@@ -135,11 +144,10 @@ header nav {
   display: flex;

   align-self: flex-end;

   font-size: 17px;

-  text-transform: uppercase;

   font-weight: 600;

 }

 header nav span.menu_item {

-  margin-left: 40px;

+  margin-left: 32px;

   border-bottom: 3px transparent solid;

 }

 header nav span.menu_item a {

@@ -151,22 +159,18 @@ header nav span.menu_item a {
 header nav span.menu_item a:hover {

   color: #1e88e5;

 }

-header nav span.menu_item.active {

-  border-bottom: 3px #1e88e5 solid;

+body.landing_page #main {

+  background-color: #F8F8F8;

 }

-

-#main {

-  background-color: #f7f7f7;

-}

-#main .main_content {

+body.landing_page #main .main_content {

   max-width: 1400px;

+  min-height: 769px;

   margin: 0 auto;

-  padding: 30px 20px 60px 20px;

+  padding: 70px 20px 0px 20px;

 }

 

 footer .footer_content {

   display: flex;

-  justify-content: space-between;

   max-width: 1400px;

   margin: 0 auto;

   padding: 70px 20px;

@@ -176,6 +180,8 @@ footer .footer_content .col {
   flex-direction: column;

   box-sizing: border-box;

   width: 33%;

+  max-width: 290px;

+  margin-right: 25px;

 }

 footer .footer_content .col span, footer .footer_content .col div.follow {

   padding: 8px 0;

@@ -223,12 +229,54 @@ footer .footer_content .col .logo_holder img {
   margin-bottom: 40px;

 }

 

+.aai footer a:hover {

+  color: #e35205 !important;

+}

+

+.cookie_notice {

+  position: fixed;

+  bottom: 0;

+  display: flex;

+  justify-content: center;

+  align-items: center;

+  width: 100%;

+  height: auto;

+  box-sizing: border-box;

+  padding: 15px 20px;

+  color: white;

+  background-color: rgba(96, 96, 96, 0.8);

+}

+.cookie_notice .left {

+  margin-right: 50px;

+  text-align: left;

+}

+.cookie_notice .left p {

+  margin: 5px 0;

+  line-height: 22px;

+}

+.cookie_notice .left a {

+  color: white;

+  font-weight: bold;

+}

+.cookie_notice .left a:hover {

+  color: white;

+}

+.cookie_notice .right button {

+  padding: 13px;

+  font-weight: 600;

+  text-transform: none;

+  background-color: #1e88e5;

+  border-radius: 5px;

+}

+.cookie_notice .right button:hover {

+  background-color: #4ca0ea;

+}

+

 body.landing_page #main,

 body.register #main,

 body.login #main,

 body.login_noEmail #main {

   height: auto;

-  min-height: 940px;

   background-image: url("../img/landing_page_image.jpg");

   background-position: top;

 }

@@ -262,7 +310,7 @@ body.login #main .landing_page_window,
 body.login_noEmail #main .landing_page_window {

   z-index: 999;

   width: 600px;

-  margin: 20px auto;

+  margin: 25px auto;

   background-color: white;

 }

 body.landing_page #main .landing_page_window .tabs,

@@ -394,7 +442,7 @@ body.register #main .landing_page_window label,
 body.login #main .landing_page_window label,

 body.login_noEmail #main .landing_page_window label {

   margin: 15px 0 5px 0;

-  font-size: 17px;

+  font-size: 16px;

   font-weight: 600;

 }

 body.landing_page #main .landing_page_window .subtitle,

@@ -410,7 +458,7 @@ body.login_noEmail #main .landing_page_window .agreement {
   cursor: pointer;

   display: flex;

   align-items: baseline;

-  margin: 15px 0 5px 0;

+  margin: 16px 0 0 0;

 }

 body.landing_page #main .landing_page_window .agreement input,

 body.register #main .landing_page_window .agreement input,

@@ -446,8 +494,7 @@ body.landing_page #main .landing_page_window .g-recaptcha,
 body.register #main .landing_page_window .g-recaptcha,

 body.login #main .landing_page_window .g-recaptcha,

 body.login_noEmail #main .landing_page_window .g-recaptcha {

-  width: 304px;

-  margin-top: 20px;

+  margin-top: 16px;

 }

 

 /*body.register{

@@ -460,6 +507,10 @@ body.login_noEmail #main .landing_page_window .g-recaptcha {
         display: none !important;

     }

 }*/

+body {

+  font-family: "Source Sans Pro", "sans-serif";

+}

+

 /************GDPR OBRAZEC***************/

 body.gdpr {

   line-height: 26px;

@@ -494,6 +545,9 @@ body.gdpr div.label {
 

 /******************************/

 /************REGISTRACIJSKI OBRAZEC***************/

+body.register .register_holder {

+  background-color: red;

+}

 body.register .register_holder .subtitle {

   padding: 0;

   margin: 0;

@@ -666,102 +720,116 @@ body.reset_password_activate div.label {
 }

 

 /******************************/

-body.landing_page #content.aai #main,

-body.register #content.aai #main,

-body.login #content.aai #main,

-body.login_noEmail #content.aai #main {

-  min-height: auto;

-  background-image: url("../img/landing_page_image_aai.png");

-}

-body.landing_page #content.aai #main .landing_page_window,

-body.register #content.aai #main .landing_page_window,

-body.login #content.aai #main .landing_page_window,

-body.login_noEmail #content.aai #main .landing_page_window {

-  width: 500px;

-  padding: 50px;

-  margin-top: 70px;

-  text-align: center;

-  box-shadow: 1px 1px 4px 1px #999;

-}

-body.landing_page #content.aai #main .landing_page_window .app_title,

-body.register #content.aai #main .landing_page_window .app_title,

-body.login #content.aai #main .landing_page_window .app_title,

-body.login_noEmail #content.aai #main .landing_page_window .app_title {

-  width: 500px;

-  margin: 0;

-  color: #333;

-}

-body.landing_page #content.aai #main .landing_page_window .arnes_logo,

-body.register #content.aai #main .landing_page_window .arnes_logo,

-body.login #content.aai #main .landing_page_window .arnes_logo,

-body.login_noEmail #content.aai #main .landing_page_window .arnes_logo {

-  margin: 30px 0;

-}

-body.landing_page #content.aai #main .landing_page_window .arnes_logo img,

-body.register #content.aai #main .landing_page_window .arnes_logo img,

-body.login #content.aai #main .landing_page_window .arnes_logo img,

-body.login_noEmail #content.aai #main .landing_page_window .arnes_logo img {

-  width: 200px;

-  height: auto;

-}

-body.landing_page #content.aai #main .landing_page_window .tab,

-body.register #content.aai #main .landing_page_window .tab,

-body.login #content.aai #main .landing_page_window .tab,

-body.login_noEmail #content.aai #main .landing_page_window .tab {

-  font-size: 16px;

-  text-transform: none;

-  line-height: 24px;

-}

-body.landing_page #content.aai #main .landing_page_window input[type=button],

-body.register #content.aai #main .landing_page_window input[type=button],

-body.login #content.aai #main .landing_page_window input[type=button],

-body.login_noEmail #content.aai #main .landing_page_window input[type=button] {

-  width: auto;

-  padding: 18px 30px;

-  margin: 30px 0 10px 0;

-  font-weight: 600;

-  text-transform: none;

-  background-color: #e35205;

-  border-radius: 5px;

-}

-body.landing_page #content.aai #main .landing_page_window input[type=button]:hover,

-body.register #content.aai #main .landing_page_window input[type=button]:hover,

-body.login #content.aai #main .landing_page_window input[type=button]:hover,

-body.login_noEmail #content.aai #main .landing_page_window input[type=button]:hover {

-  background-color: #fa6c21;

-}

-body.landing_page #content.aai #main .app_subtitle,

-body.register #content.aai #main .app_subtitle,

-body.login #content.aai #main .app_subtitle,

-body.login_noEmail #content.aai #main .app_subtitle {

-  width: 500px;

-  margin: 10px auto;

-  color: #333;

-  font-size: 20px;

-  font-weight: 600;

-  text-shadow: none;

+/* Mobile prilagoditve */

+.mobile {

+  display: none;

 }

 

-/* Mobile prilagoditve */

 @media screen and (max-width: 700px) {

-  header nav {

-    flex-direction: column-reverse;

-    align-self: auto;

-    justify-content: space-evenly;

-    height: 100%;

-    text-align: right;

-    font-size: 14px;

+  #main .main_content {

+    min-height: unset;

   }

-  header nav span.menu_item {

-    line-height: 18px;

+  /* --------------HAMBURGER---------------------------------- */

+  .nav-desktop {

+    display: none;

   }

-  header nav span.menu_item.active {

-    border-bottom: 2px #1e88e5 solid;

+  .mobile {

+    display: block;

   }

-  header nav span.menu_item a {

-    line-height: 18px;

+  #nav-icon3 {

+    width: 38px;

+    height: 20px;

+    position: relative;

+    bottom: 8px;

+    -webkit-transform: rotate(0deg);

+    -moz-transform: rotate(0deg);

+    -o-transform: rotate(0deg);

+    transform: rotate(0deg);

+    -webkit-transition: 0.5s ease-in-out;

+    -moz-transition: 0.5s ease-in-out;

+    -o-transition: 0.5s ease-in-out;

+    transition: 0.5s ease-in-out;

+    cursor: pointer;

+  }

+  #nav-icon3 span {

+    display: block;

+    position: absolute;

+    height: 5px;

+    width: 100%;

+    background: #1E88E5;

+    border-radius: 9px;

+    opacity: 1;

+    left: 0;

+    -webkit-transform: rotate(0deg);

+    -moz-transform: rotate(0deg);

+    -o-transform: rotate(0deg);

+    transform: rotate(0deg);

+    -webkit-transition: 0.25s ease-in-out;

+    -moz-transition: 0.25s ease-in-out;

+    -o-transition: 0.25s ease-in-out;

+    transition: 0.25s ease-in-out;

+  }

+  #nav-icon3 span:nth-child(1) {

+    top: 0px;

+  }

+  #nav-icon3 span:nth-child(2),

+  #nav-icon3 span:nth-child(3) {

+    top: 9px;

+  }

+  #nav-icon3 span:nth-child(4) {

+    top: 18px;

+  }

+  #nav-icon3.open span:nth-child(1) {

+    top: 9px;

+    width: 0%;

+    left: 50%;

+  }

+  #nav-icon3.open span:nth-child(2) {

+    -webkit-transform: rotate(45deg);

+    -moz-transform: rotate(45deg);

+    -o-transform: rotate(45deg);

+    transform: rotate(45deg);

+  }

+  #nav-icon3.open span:nth-child(3) {

+    -webkit-transform: rotate(-45deg);

+    -moz-transform: rotate(-45deg);

+    -o-transform: rotate(-45deg);

+    transform: rotate(-45deg);

+  }

+  #nav-icon3.open span:nth-child(4) {

+    top: 9px;

+    width: 0%;

+    left: 50%;

+  }

+  #links {

+    display: none;

+  }

+  /*  */

+  .aai a {

+    color: #333333;

+  }

+  #links.open {

+    position: absolute;

+    top: 72px;

+    left: 0px;

+    display: flex;

+    flex-direction: column;

+    align-items: center;

+    width: 100%;

+    height: 100vh;

+    background-color: rgb(255, 255, 255);

+  }

+  #links .menu_item {

+    font-size: 30px;

+    margin-top: 30px;

+  }

+  #links .menu_item a {

+    font-size: 16px;

+    color: #333333;

+  }

+  #links .menu_item a:hover {

+    color: #1E88E5;

   }

-

   body #main .main_content {

     padding: 10px 20px 40px 20px;

   }

@@ -779,15 +847,15 @@ body.login_noEmail #content.aai #main .app_subtitle {
     line-height: 30px;

   }

   body #main .main_content input[type=text],

-body #main .main_content input[type=email],

-body #main .main_content input[type=password] {

+  body #main .main_content input[type=email],

+  body #main .main_content input[type=password] {

     width: 100%;

   }

   body #main .main_content input[type=submit],

-body #main .main_content input[type=button] {

+  body #main .main_content input[type=button] {

     display: block;

     width: 100%;

-    margin: 20px auto !important;

+    margin: 20px 0px !important;

   }

   body #main .main_content .have_account {

     display: block;

@@ -803,110 +871,801 @@ body #main .main_content input[type=button] {
     margin: 0;

     width: 100%;

   }

-

   body.landing_page,

-body.login,

-body.register,

-body.login_noEmail {

+  body.login,

+  body.register,

+  body.login_noEmail {

     /* AAI */

   }

   body.landing_page #main,

-body.login #main,

-body.register #main,

-body.login_noEmail #main {

+  body.login #main,

+  body.register #main,

+  body.login_noEmail #main {

     min-height: auto;

     /*background-image: none;*/

   }

   body.landing_page #main .main_content,

-body.login #main .main_content,

-body.register #main .main_content,

-body.login_noEmail #main .main_content {

+  body.login #main .main_content,

+  body.register #main .main_content,

+  body.login_noEmail #main .main_content {

     padding: 30px 20px 30px 20px;

   }

   body.landing_page #main .main_content .app_title,

-body.login #main .main_content .app_title,

-body.register #main .main_content .app_title,

-body.login_noEmail #main .main_content .app_title {

+  body.login #main .main_content .app_title,

+  body.register #main .main_content .app_title,

+  body.login_noEmail #main .main_content .app_title {

     width: 95%;

     margin: 10px auto 40px auto;

     font-size: 32px;

     /*color: $color_text;*/

   }

   body.landing_page #main .main_content .landing_page_window,

-body.login #main .main_content .landing_page_window,

-body.register #main .main_content .landing_page_window,

-body.login_noEmail #main .main_content .landing_page_window {

+  body.login #main .main_content .landing_page_window,

+  body.register #main .main_content .landing_page_window,

+  body.login_noEmail #main .main_content .landing_page_window {

     width: 100%;

   }

   body.landing_page #main .main_content .landing_page_window .tab,

-body.login #main .main_content .landing_page_window .tab,

-body.register #main .main_content .landing_page_window .tab,

-body.login_noEmail #main .main_content .landing_page_window .tab {

+  body.login #main .main_content .landing_page_window .tab,

+  body.register #main .main_content .landing_page_window .tab,

+  body.login_noEmail #main .main_content .landing_page_window .tab {

     font-size: 16px;

   }

   body.landing_page #main .main_content .landing_page_window .lostpass,

-body.login #main .main_content .landing_page_window .lostpass,

-body.register #main .main_content .landing_page_window .lostpass,

-body.login_noEmail #main .main_content .landing_page_window .lostpass {

+  body.login #main .main_content .landing_page_window .lostpass,

+  body.register #main .main_content .landing_page_window .lostpass,

+  body.login_noEmail #main .main_content .landing_page_window .lostpass {

     font-size: 14px;

   }

   body.landing_page #main .main_content .landing_page_window input[type=submit],

-body.landing_page #main .main_content .landing_page_window input[type=button],

-body.login #main .main_content .landing_page_window input[type=submit],

-body.login #main .main_content .landing_page_window input[type=button],

-body.register #main .main_content .landing_page_window input[type=submit],

-body.register #main .main_content .landing_page_window input[type=button],

-body.login_noEmail #main .main_content .landing_page_window input[type=submit],

-body.login_noEmail #main .main_content .landing_page_window input[type=button] {

-    margin: 30px auto !important;

+  body.landing_page #main .main_content .landing_page_window input[type=button],

+  body.login #main .main_content .landing_page_window input[type=submit],

+  body.login #main .main_content .landing_page_window input[type=button],

+  body.register #main .main_content .landing_page_window input[type=submit],

+  body.register #main .main_content .landing_page_window input[type=button],

+  body.login_noEmail #main .main_content .landing_page_window input[type=submit],

+  body.login_noEmail #main .main_content .landing_page_window input[type=button] {

+    margin: 16px auto !important;

+    width: 100%;

   }

   body.landing_page #main .main_content .app_subtitle,

-body.login #main .main_content .app_subtitle,

-body.register #main .main_content .app_subtitle,

-body.login_noEmail #main .main_content .app_subtitle {

+  body.login #main .main_content .app_subtitle,

+  body.register #main .main_content .app_subtitle,

+  body.login_noEmail #main .main_content .app_subtitle {

     width: 100%;

     box-sizing: border-box;

   }

   body.landing_page #content.aai #main .main_content .landing_page_window,

-body.login #content.aai #main .main_content .landing_page_window,

-body.register #content.aai #main .main_content .landing_page_window,

-body.login_noEmail #content.aai #main .main_content .landing_page_window {

+  body.login #content.aai #main .main_content .landing_page_window,

+  body.register #content.aai #main .main_content .landing_page_window,

+  body.login_noEmail #content.aai #main .main_content .landing_page_window {

     width: 100%;

     box-sizing: border-box;

     margin-top: 20px;

   }

   body.landing_page #content.aai #main .main_content .app_title,

-body.login #content.aai #main .main_content .app_title,

-body.register #content.aai #main .main_content .app_title,

-body.login_noEmail #content.aai #main .main_content .app_title {

+  body.login #content.aai #main .main_content .app_title,

+  body.register #content.aai #main .main_content .app_title,

+  body.login_noEmail #content.aai #main .main_content .app_title {

     width: 100%;

     box-sizing: border-box;

   }

   body.landing_page #content.aai #main .main_content .app_subtitle,

-body.login #content.aai #main .main_content .app_subtitle,

-body.register #content.aai #main .main_content .app_subtitle,

-body.login_noEmail #content.aai #main .main_content .app_subtitle {

+  body.login #content.aai #main .main_content .app_subtitle,

+  body.register #content.aai #main .main_content .app_subtitle,

+  body.login_noEmail #content.aai #main .main_content .app_subtitle {

     width: 100%;

     box-sizing: border-box;

   }

-

   footer {

     padding: 0 20px;

   }

   footer .footer_content {

     flex-direction: column;

-    padding: 20px 0;

+    padding: 50px 0;

     text-align: center;

   }

   footer .footer_content .col {

+    max-width: unset;

     width: 100%;

   }

+  footer .footer_content .col span {

+    padding: 0px 0px 12px 0px;

+  }

+  footer .footer_content .col span:last-of-type {

+    padding: 0px 0px 12px 0px !important;

+  }

+  footer .footer_content .col h2 {

+    padding-top: 12px;

+  }

+  footer .footer_content .col a {

+    padding-bottom: 12px;

+  }

   footer .footer_content .col .follow {

     justify-content: center;

   }

   footer .footer_content .logo_holder img {

     margin: 20px auto 30px auto;

   }

+  .cookie_notice {

+    flex-direction: column;

+  }

+  .cookie_notice .left {

+    margin: 0 0 20px 0;

+    text-align: center;

+  }

+  body #main .main_content .register_holder h1 {

+    font-size: 50px;

+    font-weight: 300;

+    line-height: 62px;

+    margin: 20px 0px;

+    text-align: left;

+  }

+}

+/* 

+    Author     : Nejc Kovač

+    Urejanje landing page

+*/

+/* @import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600;700&display=swap"); */

+body.landing_page #main {

+  background-image: none;

+}

+

+header {

+  height: unset;

+  padding-top: 12px;

+  padding-left: 0px;

+  padding-right: 0px;

+  max-width: 1160px;

+  width: 95%;

+  margin: auto;

+  font-family: "Source Sans Pro", "sans-serif";

+}

+

+header nav {

+  font-weight: 400;

+}

+

+header .logo a img {

+  height: 45px;

+}

+

+.nav-desktop {

+  align-items: center;

+  padding-bottom: 19px;

+}

+

+header nav span.lang_switch .flag img {

+  padding-right: 8px;

+}

+

+.flag img {

+  padding-right: 8px;

+}

+

+.flag {

+  display: flex;

+  align-items: unset;

+}

+

+header nav span.menu_item {

+  border-bottom: unset;

+}

+

+.app_title {

+  display: none;

+}

+

+.landing_page_content {

+  font-family: "Source Sans Pro", "sans-serif";

+  text-align: center;

+  color: #333333;

+  padding-bottom: 70px;

+}

+

+.landing_page_content .landing_page_title {

+  font-weight: 300;

+  font-size: 50px;

+  line-height: 63px;

+}

+

+body.landing_page #main .app_subtitle {

+  text-shadow: unset;

+  color: #333333;

+  font-weight: 400;

+  line-height: 26px;

+  font-size: 18px;

+  margin-top: 25px;

+  margin-bottom: 24px;

+}

+

+body.landing_page #main .landing_page_window {

+  border: 1px solid #C4C4C4;

+  max-width: 400px;

+  width: unset;

+  min-height: 327px;

+}

+

+body.landing_page #main .landing_page_window #login_holder .login_form {

+  padding: 25px 25px;

+  position: unset;

+}

+

+body.landing_page #main .landing_page_window .tabs .tab {

+  font-size: 16px;

+  font-weight: 600;

+  color: #777777;

+  background-color: #F8F8F8;

+  height: 39px;

+  display: flex;

+  justify-content: center;

+  align-items: center;

+}

+

+body.landing_page #main .landing_page_window .tabs .tab.active {

+  color: #1E88E5;

+  background-color: #FFFFFF;

+}

+

+body.landing_page #main .landing_page_window label {

+  text-align: left;

+  font-size: 16px;

+  margin: 15px 0px 4px 0px;

+}

+

+body.landing_page #main .landing_page_window label:first-of-type {

+  margin-top: 0px;

+}

+

+.landing_page_window input[type=text] {

+  padding: 0px;

+  padding-left: 8px;

+  height: 38px;

+  max-width: 354px;

+  width: 100%;

+  border: 1px solid #C4C4C4;

+}

+

+.landing_page_window input[type=password] {

+  padding: 0px;

+  padding-left: 8px;

+  height: 38px;

+  max-width: 354px;

+  width: 100%;

+  border: 1px solid #C4C4C4;

+}

+

+body.landing_page #main .landing_page_window input[type=submit] {

+  align-self: unset;

+  width: unset;

+  max-width: 354px;

+  margin: 16px 0px;

+  font-weight: 700;

+  padding: 12.5px 0px;

+  line-height: 20px;

+  font-family: "Source Sans Pro", "sans-serif";

+}

+

+body.landing_page #main .landing_page_window #login_holder .login_form .lostpass {

+  position: unset;

+  text-align: left;

+  text-decoration-line: underline;

+  text-decoration-color: #1e88e5;

+  font-weight: 400;

+  font-size: 16px;

+  line-height: 20px;

+}

+

+body.landing_page #main .landing_page_window #login_holder .login_form .lostpass a {

+  font-weight: 400;

+}

+

+/* REGISTRACIJA */

+body.landing_page #main .landing_page_window .register_window {

+  padding: 25px 23px !important;

+}

+

+body.landing_page #main .landing_page_window .register_window a {

+  position: unset;

+  text-align: left;

+  text-decoration-line: underline;

+  text-decoration-color: #1e88e5;

+  font-weight: 400;

+  font-size: 16px;

+  line-height: 20px;

+}

+

+body.landing_page #main .landing_page_window .agreement input {

+  height: 18px;

+  width: 18px;

+  margin: 0px 9px 4px 0px;

+  align-self: normal;

+}

+

+body.landing_page #main .landing_page_window .register_window .checkbox_text_holder {

+  font-weight: 400;

+  margin-bottom: 0px;

+}

+

+body.landing_page #main .landing_page_window .register_window .lostpass {

+  position: unset;

+  text-align: left;

+  text-decoration-line: underline;

+  text-decoration-color: #1e88e5;

+  font-weight: 400;

+  font-size: 16px;

+  line-height: 20px;

+}

+

+footer .footer_content {

+  max-width: 1160px;

+  width: 95%;

+  margin: auto;

+  padding: 70px 0px 70px 0px;

+}

+

+footer .footer_content h2 {

+  font-family: "Source Sans Pro", "sans-serif";

+  color: #1e88e5;

+  text-transform: uppercase;

+  font-size: 18px;

+  line-height: 26px;

+  font-weight: 700;

+  margin: 0px;

+  padding-bottom: 12px;

+}

+

+footer .footer_content .col a:hover {

+  color: #4ca0ea;

+}

+

+#main footer .footer_content col {

+  max-width: 290px;

+}

+

+footer .footer_content .col1-flex {

+  display: flex;

+  flex-direction: column;

+}

+

+footer .footer_content .col span {

+  padding: 0px 0px 12px 0px;

+}

+

+footer .footer_content .col span:last-of-type {

+  padding: 0px;

+}

+

+footer .footer_content .col a {

+  color: #333333;

+  font-weight: 400;

+  font-size: 18px;

+  line-height: 26px;

+  font-family: "Source Sans Pro", "sans-serif";

 }

 

+footer .footer_content .col3 .social_logo_flex a:first-of-type {

+  margin-right: 20px;

+}

+

+body.login_noEmail #main {

+  background-image: none;

+  background-color: #F8F8F8;

+}

+

+body.login_noEmail #main .main_content {

+  padding-top: 70px;

+  min-height: 769px;

+}

+

+body.login_noEmail #main .app_subtitle {

+  text-shadow: unset;

+  color: #333333;

+  font-weight: 400;

+  line-height: 26px;

+  font-size: 18px;

+  margin-top: 25px;

+  margin-bottom: 24px;

+}

+

+body.login_noEmail #main .landing_page_window {

+  max-width: 400px;

+  border: 1px solid #C4C4C4;

+}

+

+body.landing_page #main .landing_page_window .tabs .tab,

+body.register #main .landing_page_window .tabs .tab,

+body.login #main .landing_page_window .tabs .tab,

+body.login_noEmail #main .landing_page_window .tabs .tab {

+  background-color: #F8F8F8;

+  color: #888888;

+  font-size: 16px;

+  font-weight: 600;

+  color: #777777;

+  height: 39px;

+  display: flex;

+  justify-content: center;

+  align-items: center;

+}

+

+body.login_noEmail #main .landing_page_window .tabs .tab.active {

+  background-color: #ffffff;

+  color: #1e88e5;

+}

+

+body.login_noEmail #main .landing_page_window #login_holder .login_form {

+  text-align: left;

+}

+

+body.login_noEmail #main .landing_page_window #login_holder .login_form label:first-of-type {

+  margin-top: 0px;

+}

+

+body.login_noEmail #main .landing_page_window #login_holder .login_form .lostpass {

+  position: unset;

+  text-align: left;

+  text-decoration-line: underline;

+  text-decoration-color: #1e88e5;

+  font-weight: 400;

+  font-size: 16px;

+  line-height: 20px;

+}

+body.login_noEmail #main .landing_page_window #login_holder .login_form .lostpass a {

+  font-weight: 400;

+}

+

+body.landing_page #main .landing_page_window .error_holder, body.register #main .landing_page_window .error_holder, body.login #main .landing_page_window .error_holder, body.login_noEmail #main .landing_page_window .error_holder {

+  margin-top: 16px;

+}

+

+body.login_noEmail #main .landing_page_window input[type=submit] {

+  width: 100%;

+  max-width: 100%;

+  margin: 16px 0px;

+  font-family: "Source Sans Pro", "sans-serif";

+}

+

+body.landing_page #main .landing_page_window #registration_holder,

+body.register #main .landing_page_window #registration_holder,

+body.login #main .landing_page_window #registration_holder,

+body.login_noEmail #main .landing_page_window #registration_holder {

+  text-align: left;

+}

+

+body.login_noEmail #main .landing_page_window label:first-of-type {

+  margin-top: 0px;

+}

+

+body.login #main {

+  background-image: none;

+  background-color: #F8F8F8;

+}

+

+body.login #main .main_content {

+  padding-top: 70px;

+  min-height: 769px;

+}

+

+body.login #main .app_subtitle {

+  text-shadow: unset;

+  color: #333333;

+  font-weight: 400;

+  line-height: 26px;

+  font-size: 18px;

+  margin-top: 25px;

+  margin-bottom: 24px;

+}

+

+body.login #main .landing_page_window {

+  max-width: 400px;

+  border: 1px solid #C4C4C4;

+}

+

+body.login #main .landing_page_window .tabs .tab {

+  background-color: #F8F8F8;

+  font-size: 16px;

+  font-weight: 600;

+  color: #777777;

+  height: 39px;

+  display: flex;

+  justify-content: center;

+  align-items: center;

+}

+

+body.login #main .landing_page_window .tabs .tab.active {

+  background-color: #ffffff;

+  color: #1e88e5;

+}

+

+body.login #main .landing_page_window #login_holder .login_form {

+  text-align: left;

+}

+

+body.login #main .landing_page_window #login_holder .login_form label:first-of-type {

+  margin-top: 0px;

+}

+

+body.login #main .landing_page_window #login_holder .login_form .lostpass {

+  position: unset;

+  text-align: left;

+  text-decoration-line: underline;

+  text-decoration-color: #1e88e5;

+  font-weight: 400;

+  font-size: 16px;

+  line-height: 20px;

+}

+body.login #main .landing_page_window #login_holder .login_form .lostpass a {

+  font-weight: 400;

+}

+

+body.login #main .landing_page_window .error_holder {

+  margin-top: 16px;

+}

+

+body.login #main .landing_page_window input[type=submit] {

+  width: 100%;

+  max-width: 100%;

+  margin: 16px 0px;

+  font-family: "Source Sans Pro", "sans-serif";

+}

+

+body.login #main .landing_page_window #registration_holder {

+  text-align: left;

+}

+

+body.login #main .landing_page_window label:first-of-type {

+  margin-top: 0px;

+}

+

+body.register #main {

+  background-image: none;

+  background-color: #F8F8F8;

+}

+

+body.register #main .main_content {

+  padding-top: 70px;

+  min-height: 769px;

+}

+

+body.register #main .app_subtitle {

+  text-shadow: unset;

+  color: #333333;

+  font-weight: 400;

+  line-height: 26px;

+  font-size: 18px;

+  margin-top: 25px;

+  margin-bottom: 24px;

+}

+

+body.register #main .landing_page_window {

+  max-width: 400px;

+  border: 1px solid #C4C4C4;

+}

+

+body.register #main .landing_page_window .tabs .tab {

+  background-color: #F8F8F8;

+  color: #888888;

+  font-size: 16px;

+  font-weight: 600;

+  color: #777777;

+  height: 39px;

+  display: flex;

+  justify-content: center;

+  align-items: center;

+}

+

+body.register #main .landing_page_window .tabs .tab.active {

+  background-color: #ffffff;

+  color: #1e88e5;

+}

+

+body.register #main .landing_page_window #login_holder .login_form {

+  text-align: left;

+}

+

+body.register #main .landing_page_window #login_holder .login_form label:first-of-type {

+  margin-top: 0px;

+}

+

+body.register #main .landing_page_window #login_holder .login_form .lostpass {

+  position: unset;

+  text-align: left;

+  text-decoration-line: underline;

+  text-decoration-color: #1e88e5;

+  font-weight: 400;

+  font-size: 16px;

+  line-height: 20px;

+}

+body.register #main .landing_page_window #login_holder .login_form .lostpass a {

+  font-weight: 400;

+}

+

+body.register #main .landing_page_window .error_holder {

+  margin-top: 0px;

+}

+

+body.register #main .landing_page_window input[type=submit] {

+  width: 100%;

+  max-width: 100%;

+  margin: 16px 0px;

+  font-family: "Source Sans Pro", "sans-serif";

+}

+

+body.register #main .landing_page_window #registration_holder {

+  text-align: left;

+}

+

+body.register #main .landing_page_window label:first-of-type {

+  margin-top: 0px;

+}

+

+.register_email input[type=button] {

+  font-family: "Source Sans Pro", "sans-serif";

+}

+

+body.reset_password {

+  color: #333;

+}

+body.reset_password input[type=button] {

+  font-family: "Source Sans Pro", "sans-serif";

+}

+

+/* GDPR ZAHTEVEK -------------------------------------- */

+#main {

+  background-color: #FFFFFF;

+}

+

+body.gdpr {

+  line-height: 20px;

+  color: #343434;

+}

+

+.gdpr #main .main_content {

+  padding: 0px;

+  font-family: "Source Sans Pro", "sans-serif" !important;

+}

+

+.register_holder {

+  max-width: 810px;

+  width: 95%;

+  margin: 70px auto 70px auto;

+}

+.register_holder h1 {

+  font-size: 50px;

+  font-weight: 300;

+  line-height: 62px;

+  margin: 20px 0px;

+}

+.register_holder p {

+  font-weight: 400;

+  line-height: 26px;

+  margin: 20px 0px;

+}

+.register_holder p a {

+  color: #1e88e5;

+}

+

+body.gdpr div.label {

+  display: block;

+  line-height: unset;

+  font-weight: 600;

+  width: 200px;

+  line-height: unset;

+}

+

+body #main .main_content .register_holder .label {

+  line-height: 20px;

+  padding-bottom: 4px;

+}

+

+body.gdpr .input_field div.label label {

+  line-height: unset;

+  padding-bottom: 4px;

+}

+

+.regfield {

+  height: 38px;

+  max-width: 245px;

+  width: 95%;

+  border: 1px solid #C4C4C4;

+  border-radius: 0px;

+  padding: 0px;

+  padding-left: 8px;

+  margin: 0px;

+  font-family: "Source Sans Pro", "sans-serif";

+  font-size: 16px;

+}

+

+body .gdpr form p:first-of-type {

+  font-weight: 600;

+}

+

+body.gdpr div.input_field {

+  padding: 10px 0px;

+}

+

+/* Elektronski naslov:  */

+body.gdpr div.input_field:first-of-type {

+  padding-top: 0px;

+}

+

+/* URL ankete:  */

+body.gdpr div.input_field:nth-of-type(3) {

+  padding-bottom: 0px;

+}

+

+/* Želim podati zahtevo za:  */

+form p:first-of-type {

+  margin: 20px 0px 6px 0px;

+}

+

+body.gdpr div.zahtevek {

+  padding: 6px 0px;

+}

+

+body.gdpr div.zahtevek:last-of-type {

+  padding-bottom: 0px;

+}

+

+body.gdpr div.zahtevek label input {

+  margin-right: 2px;

+  margin-left: 0px;

+  height: 18px;

+  width: 18px;

+  vertical-align: -3px;

+  border-radius: 0px;

+}

+

+/* tekst nad poljem za opis */

+form p:nth-of-type(2) {

+  margin: 20px 0px;

+}

+

+form .opis {

+  font-weight: 600;

+  margin: 0px 0px 4px 0px;

+  line-height: normal;

+}

+

+#gdpr-note {

+  padding-left: 8px;

+  margin: 0px;

+  width: 100%;

+  border-radius: 0px;

+  font-size: 16px;

+  font-family: "Source Sans Pro", "sans-serif";

+}

+

+.register_holder p:last-of-type {

+  margin: 18px 0px 20px 0px;

+  line-height: 26px;

+}

+

+input[type=submit],

+button,

+input[type=button],

+.button {

+  font-weight: 600;

+  font-size: 16px;

+  line-height: 26px;

+  height: 50px;

+  max-width: 320px;

+  width: 95%;

+  padding: 0px;

+  color: #FFFFFF;

+  background-color: #1e88e5;

+  border: 1px solid #1e88e5;

+  transition: 0.3s ease-out;

+}

+input[type=submit]:hover,

+button:hover,

+input[type=button]:hover,

+.button:hover {

+  color: #1e88e5;

+  background-color: white;

+  border: 1px solid #1e88e5;

+}

+

+/* -------------------------------------- */

+

 /*# sourceMappingURL=style.css.map */