@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
* {
  box-sizing: border-box;
  margin-top: 0;
}
*:last-child {
  margin-bottom: 0px;
}
:only-child {
  margin-bottom: 0px;
}
*:focus {
  outline: none;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: inherit;
}
img {
  max-width: 100%;
  height: auto;
  display: block;
}
.reset-case {
  text-transform: none !important;
}
.hidden-block {
  opacity: 0.5;
  pointer-events: none;
}
.gutenberg .hidden-block {
  display: none !important;
}
/* Admin fixes */
.wp-block[data-align=left], .wp-block[data-align=right] {
  float: none;
  height: auto;
}
.wp-block[data-align=left] > *, .wp-block[data-align=right] > * {
  float: none;
}
/*
*	TEXT ELEMENTS
*/
.gutenberg * {
  max-width: 100%;
  margin: 0;
}
/*
*	BLOCK COLUMNS
*/
.wp-block-columns {
  gap: var(--block-columns-gap, var(--grid-gap));
}
.wp-block-columns .wp-block-column {
  display: flex;
  flex-direction: column;
  margin: 0;
  flex-grow: 1;
}
.wp-block-columns:not([class*="are-vertically-aligned"]) {
  align-items: stretch;
}
/*
*	BLOCK COVER
*/
/* .wp-block-cover{
	padding: 0;
	min-height: var(--block-cover-min-height);
	.wp-block-cover__inner-container > *{
		margin-left: auto;
		margin-right: auto;

		// set inner width for inner elements without width setting
		&:not(.alignwide):not(.alignfull){
			width: var(--gutenberg-main-width);
		}
	}
	
	// if block is wide or full set max width to inner
	&.alignwide,
	&.alignfull
	{
		.wp-block-cover__inner-container > *{
			// max-width: var(--content-max-width);
		}
	}

	
	.wp-block-cover__inner-container > *:not([class*="align"]){
		padding: 0 var(--block-cover-padding, var(--grid-gap));
	}
} */
/*
*	BLOCK GALLERY
*/
.wp-block-gallery:not(.is-style-carousel) ul.blocks-gallery-grid {
  gap: var(--block-gallery-gap, var(--grid-gap));
}
.wp-block-gallery:not(.is-style-carousel) ul.blocks-gallery-grid li {
  overflow: hidden;
  margin: 0 !important;
  padding: 0;
}
.wp-block-gallery:not(.is-style-carousel) ul.blocks-gallery-grid li:before {
  display: none !important;
}
.wp-block-gallery:not(.is-style-carousel).columns-2 li {
  width: calc(50% - var(--block-gallery-gap, var(--gap-medium)));
}
.wp-block-gallery:not(.is-style-carousel).columns-3 li {
  width: calc(33.33% - var(--block-gallery-gap, var(--gap-medium)));
}
.wp-block-gallery:not(.is-style-carousel).columns-4 li {
  width: calc(25% - var(--block-gallery-gap, var(--gap-medium)));
}
.wp-block-gallery:not(.is-style-carousel).columns-5 li {
  width: calc(20% - var(--block-gallery-gap, var(--gap-medium)));
}
.wp-block-gallery:not(.is-style-carousel).columns-6 li {
  width: calc(16.67% - var(--block-gallery-gap, var(--gap-medium)));
}
.wp-block-gallery:not(.is-style-carousel).columns-7 li {
  width: calc(14.29% - var(--block-gallery-gap, var(--gap-medium)));
}
.wp-block-gallery:not(.is-style-carousel).columns-8 li {
  width: calc(12.5% - var(--block-gallery-gap, var(--gap-medium)));
}
.wp-block-gallery.is-style-carousel ul.swiper-wrapper {
  flex-wrap: nowrap;
  gap: 0;
}
/*
*	BLOCK GROUP AND BLOCK COVER
*/
.wp-block-cover, .gutenberg > .wp-block-group {
  padding: 0;
}
.wp-block-cover [class*="__inner-container"], .gutenberg > .wp-block-group [class*="__inner-container"] {
  padding-top: var(--block-group-padding, var(--grid-gap));
  padding-bottom: var(--block-group-padding, var(--grid-gap));
}
.wp-block-cover [class*="__inner-container"] > *, .gutenberg > .wp-block-group [class*="__inner-container"] > * {
  margin-left: auto;
  margin-right: auto;
}
.wp-block-cover [class*="__inner-container"] > *:not(.alignwide):not(.alignfull), .gutenberg > .wp-block-group [class*="__inner-container"] > *:not(.alignwide):not(.alignfull) {
  width: var(--gutenberg-main-width);
  max-width: var(--content-max-width);
}
.wp-block-cover.has-background:not(.alignwide):not(.alignfull) .wp-block-group__inner-container > *:not([class*="align"]), .gutenberg > .wp-block-group.has-background:not(.alignwide):not(.alignfull) .wp-block-group__inner-container > *:not([class*="align"]) {
  padding-left: var(--block-group-padding, var(--grid-gap));
  padding-right: var(--block-group-padding, var(--grid-gap));
}
/*
* BLOCK COVER
*/
.wp-block-cover {
  min-height: var(--block-cover-min-height);
}
/*
* BLOCK COVER IMAGE
*/
.wp-block-cover-image {
  min-height: var(--block-cover-image-min-height);
}
/*
*	BLOCK IMAGE
*/
.wp-block-image figure {
  float: none;
  margin: 0;
}
.wp-block-image figure.aligncenter {
  margin-left: auto;
  margin-right: auto;
}
.wp-block-image img {
  width: 100%;
}
/*
*	BLOCK MEDIA TEXT
*/
.wp-block-media-text .wp-block-media-text__content {
  padding: 0;
}
.wp-block-media-text.has-background .wp-block-media-text__content {
  padding: var(--block-media-text-gap, var(--grid-gap));
}
.wp-block-media-text:not(.has-background):not(.has-media-on-the-right) .wp-block-media-text__content {
  padding-left: var(--block-media-text-gap, var(--grid-gap));
}
.wp-block-media-text.has-media-on-the-right:not(.has-background) .wp-block-media-text__content {
  padding-right: var(--block-media-text-gap, var(--grid-gap));
}
:root {
  --gap-width: 40px;
  --content-max-width: calc(100% - var(--grid-gap) - var(--grid-gap));
  --sidebar-width: 120px;
  --container-narrow: 640px;
  --container-default: 820px;
  --container-extended: 940px;
  --container-wide: 1060px;
  --accent-1: #816844;
  --accent-2: #162142;
  --accent-2: #88cce0;
  --spacing-small: 12px;
  --spacing-medium: 24px;
  --spacing-large: 48px;
  --group-color-registriran: #FFB74D;
  --group-border-registriran: #FFB74D40;
  --group-color-kontrolna: #9575CD;
  --group-border-kontrolna: #9575CD40;
  --group-color-sprejet: #42A5F5;
  --group-border-sprejet: #42A5F540;
  --group-color-zakljucil: #81C784;
  --group-border-zakljucil: #81C78450;
  --group-color-prekinil: #D50000;
  --group-border-prekinil: #D5000050;
  --group-color-arhiviran: #905454;
  --group-border-arhiviran: #90545450;
  --group-color-odstrani: #4c4c4c;
  --group-border-odstrani: #4c4c4c50;
  --group-color-vrni: #4c4c4c;
  --group-border-vrni: #4c4c4c50;
  --group-color-prazni: #90A4AE;
  --group-color-active: #00c853;
  --group-color-active-lite: #f0f8f1;
  --group-color-notactive: #ad1457;
  --group-color-notactive-lite: #e7fbff;
}
:root {
  --blocks-gap: 40px;
  --grid-gap: 20px;
  --block-media-text-gap: 40px;
  --block-cover-min-height: unset;
  --gutenberg-main-width: var(--container-default);
  --gutenberg-extended-width: calc(var(--container-extended));
  --gutenberg-wide-width: var(--container-wide);
}
main.dashboard {
  --gutenberg-main-width: 100%;
}
:root {
  --body-line-height: 1.8em;
  --family-body: "Poppins", sans-serif;
  --family-second: "Montserrat", sans-serif;
  --body-color: #333;
}
body {
  font-size: 14px ;
  font-size: min(max(14px, 1.2vw), 15px) ;
  font-size: clamp(14px, 1.2vw, 15px) ;
}
body {
  font-family: var(--family-body);
  line-height: var(--body-line-height);
  font-weight: 400;
  letter-spacing: 0.01em;
  color: var(--body-color);
}
body strong {
  font-weight: 700;
}
a {
  color: var(--accent-1);
  text-decoration: underline;
}
h1:not([class*="heading-"]), .heading-h1 {
  content: "heading-h1";
  font-family: var(--family-body);
  font-size: 50px ;
  font-size: min(max(50px, 5vw), 60px) ;
  font-size: clamp(50px, 5vw, 60px) ;
  font-weight: 800;
  letter-spacing: 0em;
  line-height: 1.1em;
  text-transform: none;
}
h2:not([class*="heading-"]), .heading-h2 {
  content: "heading-h2";
  font-family: var(--family-second);
  font-size: 38px ;
  font-size: min(max(38px, 3vw), 46px) ;
  font-size: clamp(38px, 3vw, 46px) ;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 1.1em;
  text-transform: none;
}
h3:not([class*="heading-"]), .heading-h3 {
  content: "heading-h3";
  font-family: var(--family-body);
  font-size: 26px ;
  font-size: min(max(26px, 2.2vw), 32px) ;
  font-size: clamp(26px, 2.2vw, 32px) ;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 1.1em;
  text-transform: uppercase;
}
h4:not([class*="heading-"]), .heading-h4, .site-footer .widget h3 {
  content: "heading-h4";
  font-family: var(--family-body);
  font-size: 14px ;
  font-size: min(max(14px, 1.2vw), 16px) ;
  font-size: clamp(14px, 1.2vw, 16px) ;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 1.1em;
  text-transform: uppercase;
}
h5:not([class*="heading-"]), .heading-h5 {
  content: "heading-h5";
  font-family: var(--family-body);
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 1.1em;
  text-transform: none;
}
h6:not([class*="heading-"]), .heading-h6 {
  content: "heading-h5";
  font-family: var(--family-body);
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 1.1em;
  text-transform: none;
}
h1:not(:first-child), h2:not(:first-child), h3:not(:first-child), h4:not(:first-child), h5:not(:first-child), h6:not(:first-child) {
  margin-top: 2em;
}
h1:not(:last-child), h2:not(:last-child), h3:not(:last-child), h4:not(:last-child), h5:not(:last-child), h6:not(:last-child) {
  margin-bottom: 0.5em;
}
.site-main h2 + h3 {
  margin-top: 0;
}
@media (max-width: 768px) {
  .show-tablet:not(.show-mobile) {
    display: none;
  }
  .show-desktop:not(.show-mobile) {
    display: none;
  }
  .hide-mobile {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1025px) {
  .show-mobile:not(.show-tablet) {
    display: none;
  }
  .show-desktop:not(.show-tablet) {
    display: none;
  }
  .hide-tablet {
    display: none;
  }
}
@media (min-width: 1025px) {
  .show-mobile:not(.show-desktop) {
    display: none;
  }
  .show-tablet:not(.show-desktop) {
    display: none;
  }
  .hide-desktop {
    display: none;
  }
}
.container {
  width: var(--container-default);
  max-width: var(--content-max-width);
  margin-left: auto;
  margin-right: auto;
}
.container-narrow {
  width: var(--container-narrow);
  max-width: var(--content-max-width);
  margin-left: auto;
  margin-right: auto;
}
.container-wide {
  width: var(--container-wide);
  max-width: var(--content-max-width);
  margin-left: auto;
  margin-right: auto;
}
.container-full {
  max-width: var(--content-max-width);
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 768px) {
  .container-full-mobile {
    width: 100%;
    max-width: 100%;
  }
}
.gutenberg button, .gutenberg .button, .wp-block-button > * {
  content: "button";
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2em;
  letter-spacing: 0.1em;
  text-decoration: none;
  text-transform: uppercase;
  margin-top: 1rem;
  display: block;
  padding: 1em 1.3em;
  transition: all 0.3s;
}
:root {
  --wp-button-bg: #000;
  --wp-button-color: #fff;
  --wp-button-border-color: #000;
  --wp-button-border-width: 1px;
  --wp-button-border-style: solid;
  --wp-button-border-radius: 0;
}
.is-style-ozadje > *, body.search .search-form .search-submit > * {
  --wp-button-bg: #000;
  --wp-button-color: #fff;
  --wp-button-border-color: #000;
  --wp-button-border-width: 1px;
  --wp-button-border-style: solid;
  --wp-button-border-radius: 0;
}
.is-style-obroba > * {
  --wp-button-bg: #fff;
  --wp-button-color: #000;
  --wp-button-border-color: #000;
  --wp-button-border-width: 1px;
  --wp-button-border-style: solid;
  --wp-button-border-radius: 0;
}
.input-wrapper, main.dashboard {
  --wp-button-border-radius: 3px;
}
.gutenberg button, .gutenberg .button, .wp-block-button > * {
  background-color: var(--wp-button-bg);
  color: var(--wp-button-color);
  border-color: var(--wp-button-border-color);
  border-width: var(--wp-button-border-width);
  border-style: var(--wp-button-border-style);
  border-radius: var(--wp-button-border-radius);
}
.gutenberg button:hover, .gutenberg .button:hover, .wp-block-button > *:hover {
  background-color: var(--wp-button-color);
  color: var(--wp-button-bg);
  border-color: var(--wp-button-border-color);
}
body.archive {
  content: "_archive";
}
body.archive article.post * {
  text-decoration: none;
}
body.archive article.post .wp-post-image {
  width: 100%;
}
.default-archive-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  grid-gap: 40px;
}
body.archive.category {
  content: "_category";
}
.loop-post-archive a {
  color: inherit;
}
.loop-post-archive .thumb {
  width: 100%;
  height: 0px;
  padding-bottom: 56%;
  position: relative;
  margin-bottom: 12px;
}
.loop-post-archive .thumb img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.loop-post-archive .description {
  position: relative;
  background: #fff;
}
.loop-post-archive .description .post-title {
  margin-bottom: 20px;
}
.loop-related-posts a {
  text-decoration: none;
}
.loop-related-posts .post-title {
  margin-top: 12px;
}
/*
* Nastavitve za sirine gutenberg elementov (gutenberg vsebina je vedno znotraj .gutenberg)
*/
.gutenberg > * {
  margin: 0;
  max-width: 100%;
}
.gutenberg > * {
  width: var(--gutenberg-main-width);
  max-width: var(--content-max-width);
  margin-left: auto;
  margin-right: auto;
}
.gutenberg > .alignfull:first-child + .has-background {
  margin-top: 0;
}
.gutenberg .alignleft {
  content: "alignleft";
  width: var(--gutenberg-extended-width);
}
@media (min-width: 1040px) {
  .gutenberg .alignleft {
    transform: translateX(-60px);
  }
}
.gutenberg .alignright {
  content: "alignright";
  width: 940px;
}
@media (min-width: 1040px) {
  .gutenberg .alignright {
    transform: translateX(60px);
  }
}
.gutenberg .alignwide {
  width: var(--gutenberg-wide-width);
  max-width: var(--content-max-width);
}
.gutenberg .alignfull {
  width: 100%;
  max-width: 100%;
}
.wp-block-pullquote {
  border-top: 2px solid;
  border-bottom: 2px solid;
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
  width: 0px;
  height: 60px;
  margin-top: 30px;
  margin-bottom: 50px;
  border: none;
  border-right: 1px solid #000;
}
main.site-main {
  /* temp solution (site-header with height: 0 breaks the header animations) */
}
.header-top {
  background-color: #495052;
}
.header-top .header-top-navigation {
  width: 1450px;
  max-width: 100%;
}
.header-top .header-top-navigation ul.menu {
  padding: 3px 0;
  display: flex;
  justify-content: flex-end;
  list-style: none;
}
.header-top .header-top-navigation ul.menu a {
  color: white;
  padding: 0 15px;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 12px;
  line-height: 27px;
}
.header-top .header-top-navigation ul.menu a:hover {
  color: #ccc;
}
.site-header {
  --logo-height: 60px;
  --header-padding: 10px;
  --inner-height: 34px;
  --hamburger-color: var(--blue);
  --icons-height: 24px;
  --icons-color:  var(--blue);
  --mobile-navigation-bg: var(--accent-2);
  --mobile-navigation-color: #fff;
  max-width: 100%;
  position: sticky;
  left: 0px;
  top: 0px;
  z-index: 999;
  background-color: transparent;
  transition: all 0.5s;
  /*
    * logo
    */
}
body.scrolled-down .site-header {
  transform: translateY(-100%);
  overflow: hidden;
}
.site-header.logo-center .spacer {
  height: var(--logo-height);
  margin-left: auto;
}
.site-header.logo-center .site-branding {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  height: 100%;
}
@media (max-width: 800px) {
  .site-header.logo-center .site-branding {
    left: 0;
    transform: none;
  }
}
.site-header.logo-center .site-branding a {
  height: 100%;
}
.site-header.logo-center .site-branding img {
  height: 100%;
  object-fit: contain;
}
@media (max-width: 800px) {
  .site-header.logo-center .site-branding img {
    object-position: left;
  }
}
.site-header .main-wrapper {
  background-color: #fff;
  position: relative;
  z-index: 10;
  display: flex;
  align-items: stretch;
  box-shadow: 0px 4px 0px 0px #f1f1f1;
  border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  padding-left: 10px;
  padding-right: 10px;
}
.site-header .site-branding {
  display: inline-block;
  vertical-align: middle;
  padding-top: var(--header-padding);
  padding-bottom: var(--header-padding);
}
.site-header .custom-logo-link {
  line-height: 0px;
  display: block;
}
.site-header .custom-logo {
  height: var(--logo-height);
  width: auto;
  transition: width 0.5s;
}
.site-header .spacer {
  margin-left: auto;
}
.site-header .icon-wrapper {
  display: flex;
  align-items: center;
}
/*
* desktop navigation alignment
*/
.header-navigation.desktop {
  display: flex;
  margin-right: 0;
  margin-left: auto;
}
.header-navigation.desktop .navigation-wrapper, .header-navigation.desktop ul.menu, .header-navigation.desktop ul.menu li {
  display: flex;
}
.header-navigation.desktop .navigation-wrapper a, .header-navigation.desktop ul.menu a, .header-navigation.desktop ul.menu li a {
  display: flex;
  align-items: center;
}
/*
* desktop navigation styles
*/
.header-navigation.desktop ul.menu {
  list-style: none;
  padding-left: 0px;
}
.header-navigation.desktop ul.menu li {
  position: relative;
  color: #000;
  font-size: inherit;
  font-weight: 500;
}
.header-navigation.desktop ul.menu li:not(:last-child) {
  padding: 0 25px;
}
.header-navigation.desktop ul.menu li.menu-item-has-children::after {
  content: "▼";
  font-size: 10px;
  pointer-events: none;
  /* ▼ click triggers dropdown */
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.header-navigation.desktop ul.menu li.menu-item-has-children:hover::after {
  content: "";
}
.header-navigation.desktop ul.menu li a {
  font-size: 14px ;
  font-size: min(max(14px, 1.1vw), 15px) ;
  font-size: clamp(14px, 1.1vw, 15px) ;
  color: inherit;
  text-decoration: none;
  text-transform: uppercase;
}
.header-navigation.desktop ul.menu li a:not([href]) {
  cursor: copy;
}
.header-navigation.desktop ul.menu li:hover {
  color: var(--accent-2);
}
.header-navigation.desktop ul.menu li:hover > .sub-menu {
  visibility: visible;
  opacity: 1;
}
.header-navigation.desktop ul.menu li:hover > .sub-menu li {
  padding: 0;
}
.header-navigation.desktop ul.menu > li:nth-last-of-type(-n + 2) > ul.sub-menu {
  left: auto;
  right: 0px;
}
.header-navigation.desktop ul.menu ul.sub-menu {
  background: var(--accent-2);
  transition: opacity 0.5s;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0px;
  padding: 12px;
  text-transform: uppercase;
}
.header-navigation.desktop ul.menu ul.sub-menu li {
  display: block;
  border-bottom: solid 1px #ccc;
  margin: 0 0 0.8em;
  white-space: nowrap;
}
.header-navigation.desktop ul.menu ul.sub-menu li a {
  font-size: 12px ;
  font-size: min(max(12px, 1.3vw), 14px) ;
  font-size: clamp(12px, 1.3vw, 14px) ;
}
.header-navigation.desktop ul.menu ul.sub-menu li:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}
.header-navigation.desktop ul.menu ul.sub-menu .sub-menu {
  left: 100%;
  top: 0px;
  z-index: 10;
}
/*
* Mobile navigation toggler
*/
.header-nav-toggler {
  display: none;
  z-index: 11;
  width: calc(var(--icons-height) * 1.2);
  height: var(--icons-height);
  border-top: solid 4px var(--hamburger-color);
  border-bottom: solid 4px var(--hamburger-color);
  position: relative;
  transition: all 0.5s;
  cursor: pointer;
  margin-left: 20px;
  align-self: center;
}
.header-nav-toggler:before, .header-nav-toggler:after {
  content: "";
  width: 100%;
  height: 4px;
  position: absolute;
  top: calc(50% - 2px);
  background: var(--hamburger-color);
  transition: all 0.5s;
}
.header-nav-toggler.lr-toggled-visible {
  border-color: transparent;
}
.header-nav-toggler.lr-toggled-visible:before {
  transform: rotate(45deg);
}
.header-nav-toggler.lr-toggled-visible:after {
  transform: rotate(-45deg);
}
/*
* Mobile navigation
*/
.header-navigation.mobile {
  position: fixed;
  top: 0px;
  right: 0px;
  z-index: 10;
  width: 400px;
  max-width: calc(100% - 20px);
  max-height: calc(100% - 20px);
  padding: 23px 30px;
  overflow: auto;
  background-color: var(--mobile-navigation-bg);
  color: var(--mobile-navigation-color);
  transition: all 0.5s;
  opacity: 0;
  pointer-events: none;
}
.header-navigation.mobile.lr-toggled-visible {
  opacity: 1;
  pointer-events: all;
}
.header-navigation.mobile a {
  text-decoration: none;
  color: #000;
}
.header-navigation.mobile .search-form {
  position: relative;
  width: 100%;
  margin-top: 24px;
}
.header-navigation.mobile .search-form .screen-reader-text {
  display: none;
}
.header-navigation.mobile .search-form .search-field {
  width: 100%;
  border: 0;
  border-radius: 0;
  height: 36px;
  line-height: 36px;
  text-indent: 12px;
}
.header-navigation.mobile .search-form .search-submit {
  position: absolute;
  top: 2px;
  right: 2px;
  width: auto;
  height: calc(100% - 4px);
  padding: 0 12px;
  border: 0;
  background: var(--mobile-navigation-bg);
  color: var(--mobile-navigation-color);
}
.header-navigation.mobile ul.menu {
  list-style: none;
  padding: 0px;
  text-transform: uppercase;
}
.header-navigation.mobile ul.menu li:not(:last-child) {
  padding-bottom: 1em;
  margin-bottom: 1em;
}
.header-navigation.mobile ul.sub-menu {
  list-style: none;
  text-transform: none;
  margin-top: 1em;
  margin-left: 30px;
}
.header-navigation.mobile ul.sub-menu li {
  border-bottom: none;
}
@media (max-width: 800px) {
  .header-navigation.desktop {
    display: none;
  }
  .header-nav-toggler {
    display: block;
  }
}
/*
* items that are vertically centered
*/
.center-item1 {
  height: var(--inner-height);
  align-self: center;
}
/*
* TOGGLE ELEMENTS
*/
.toggle-wrapper {
  display: flex;
  align-items: center;
  margin-left: 20px;
}
.toggle-wrapper .icon-wrapper {
  width: var(--icons-height);
  height: var(--icons-height);
  color: var(--icons-color);
  position: relative;
  cursor: pointer;
}
.toggle-wrapper .icon-wrapper svg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.5s;
}
.toggle-wrapper .icon-wrapper svg:first-child {
  opacity: 1;
}
.toggle-wrapper .icon-wrapper svg:last-child {
  opacity: 0;
}
.lr-toggled-visible.toggle-wrapper .icon-wrapper svg:first-child {
  opacity: 0;
}
.lr-toggled-visible.toggle-wrapper .icon-wrapper svg:last-child {
  opacity: 1;
}
.toggle-wrapper .toggle-content {
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
  height: var(--inner-height);
  opacity: 0;
  display: flex;
  gap: 20px;
  pointer-events: none;
  transition: all 0.5s;
  border: 1px solid #000;
  border-radius: 3px;
  background: #fff;
  color: #000;
  top: 50%;
  transform: translateY(-50%);
}
.lr-toggled-visible.toggle-wrapper .toggle-content {
  pointer-events: all;
  opacity: 1;
  right: var(--icons-height);
}
.toggle-wrapper .toggle-content svg {
  color: var(--icons-color);
}
/*
* search
*/
.header-search-wrapper {
  position: relative;
}
.header-search-wrapper form.search-form .screen-reader-text {
  display: none;
}
.header-search-wrapper form.search-form input[type="search"] {
  width: 210px;
  height: 100%;
  line-height: 40px;
  padding: 0px 40px 0 6px;
  border: none;
  display: block;
}
.header-search-wrapper form.search-form input[type="submit"] {
  position: absolute;
  top: 0px;
  right: 4px;
  bottom: 0px;
  width: 23px;
  height: 100%;
  background-color: transparent;
  border: none;
  text-indent: -100px;
  background: url(../img/icons/search.svg) no-repeat center;
  background-size: contain;
}
/*
* SHARE WRAPPER
*/
.header-share-wrapper {
  position: relative;
}
.header-share-wrapper ul.social-share {
  display: flex;
  gap: 20px;
}
.header-share-wrapper ul.social-share li {
  display: flex;
  align-items: center;
  cursor: pointer;
  opacity: 0.7;
  transition: opacity 0.3s;
}
.header-share-wrapper ul.social-share li:hover {
  opacity: 1;
}
.site-footer ul {
  list-style: none;
}
.site-footer .top {
  background: #ccc;
  padding: 40px 0;
}
.site-footer .logo {
  width: 160px;
}
.site-footer .container {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 40px;
}
@media (min-width: 600px) {
  .site-footer .container {
    grid-template-columns: 0.7fr 1fr 1fr 1fr;
  }
}
.site-footer .widget h3 {
  margin-bottom: 0px;
}
.site-footer .bottom {
  background: #000;
}
body.search .search-form {
  --form-height: 32px;
  position: relative;
  width: 600px;
  max-width: 100%;
  margin-right: auto;
  margin-bottom: 60px;
}
body.search .search-form .screen-reader-text {
  display: none;
}
body.search .search-form .search-field {
  width: 100%;
  height: auto;
  line-height: var(--form-height);
  border-radius: 0px;
  border: 1px solid #000;
}
body.search .search-form .search-submit {
  position: absolute;
  top: 0px;
  right: 0px;
  width: auto;
  height: calc(100% - 0px);
  padding-top: 0;
  padding-bottom: 0;
  line-height: var(--form-height);
  cursor: pointer;
}
div.featherlight {
  --icon-border-radius: 4px;
  --icons-background: rgba(0,0,0,0.4);
}
div.featherlight .featherlight-content {
  padding: 0;
  border: none;
}
div.featherlight .featherlight-close {
  width: 60px;
  height: 60px;
  top: 10px;
  right: 10px;
  overflow: hidden;
  text-indent: -100px;
  background: var(--icons-background);
  border-radius: var(--icon-border-radius);
  opacity: 0.2;
  transition: all 0.3s;
}
div.featherlight .featherlight-close:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("../img/icons/x.svg");
  background-repeat: no-repeat;
  background-size: contain;
  filter: invert(1);
}
div.featherlight .featherlight-close:hover {
  opacity: 1;
}
div.featherlight .featherlight-previous, div.featherlight .featherlight-next {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
  max-width: 50%;
  display: block;
}
div.featherlight .featherlight-previous:hover, div.featherlight .featherlight-next:hover {
  background: transparent;
}
div.featherlight .featherlight-previous:hover span, div.featherlight .featherlight-next:hover span {
  opacity: 1;
}
div.featherlight .featherlight-previous span, div.featherlight .featherlight-next span {
  position: absolute;
  display: block;
  opacity: 0;
  top: 50%;
  right: auto;
  bottom: auto;
  margin: 0;
  border-radius: var(--icon-border-radius);
  transform: translateY(-50%);
  background: var(--icons-background);
  transition: all 0.3s;
  width: 60px;
  height: 60px;
  /* &:after{
				content: "";
				position: absolute;
				top: 24%;
				// left: 14%;
				width: 50%;
				height: 50%;
				border-top: solid 2px #000;
				border-right: solid 2px #000;
			} */
}
div.featherlight .featherlight-previous span img, div.featherlight .featherlight-next span img {
  content: url("../img/icons/arrow-right.svg");
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
  display: block !important;
  margin: 0 !important;
  filter: invert(1);
}
div.featherlight .featherlight-previous {
  left: 0;
  right: auto;
}
div.featherlight .featherlight-previous span {
  left: 10px;
}
div.featherlight .featherlight-previous span img {
  left: 33%;
  right: auto;
  transform: rotate(-180deg);
}
div.featherlight .featherlight-next {
  left: auto;
  right: 0;
}
div.featherlight .featherlight-next span {
  right: 10px;
  /* &:after{
				left: 14%;
				transform: rotate(45deg);
			} */
}
.site-main {
  padding-top: 80px ;
  padding-top: min(max(80px, 7vw), 110px) ;
  padding-top: clamp(80px, 7vw, 110px) ;
  padding-bottom: 40px ;
  padding-bottom: min(max(40px, 4vw), 60px) ;
  padding-bottom: clamp(40px, 4vw, 60px) ;
}
.entry-header {
  margin-bottom: 60px ;
  margin-bottom: min(max(60px, 6vw), 90px) ;
  margin-bottom: clamp(60px, 6vw, 90px) ;
}
.entry-header {
  width: var(--container-default);
  max-width: var(--content-max-width);
  margin-left: auto;
  margin-right: auto;
}
.singular .entry-header {
  /* width: var(--container-narrow-width);
	max-width: var(--content-max-width);
	margin-left: auto;
	margin-right: auto; */
}
ul, ol {
  margin-left: 20px;
}
.faq-wrapper details {
  padding: 20px 0;
  border-bottom: 1px solid #ccc;
}
.faq-wrapper details[open] .question:after {
  content: "-";
}
.faq-wrapper .question {
  position: relative;
  cursor: pointer;
  padding-right: 20px;
  text-transform: uppercase;
}
.faq-wrapper .question::marker {
  content: "";
}
.faq-wrapper .question:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  content: "+";
  font-size: 22px;
  color: var(--accent1);
  font-weight: bold;
}
.faq-wrapper .answer {
  padding-top: 12px;
}
main.singular {
  padding-top: 80px ;
  padding-top: min(max(80px, 7vw), 110px) ;
  padding-top: clamp(80px, 7vw, 110px) ;
}
section.post-social-share {
  margin-top: 20px;
  border-top: 1px solid;
  padding-top: 10px;
}
section.post-social-share ul {
  list-style: none;
  display: flex;
  gap: 20px;
}
section.post-social-share li {
  padding: 0;
  display: inline-block;
  cursor: pointer;
}
section.post-social-share li:before {
  display: none;
}
section.post-navigation {
  margin-bottom: 20px;
}
section.post-navigation .post-navigation-wrapper {
  display: flex;
  justify-content: space-between;
}
section.post-navigation a {
  text-decoration: none;
}
section.post-navigation [rel="prev"]:before {
  content: "< ";
}
section.post-navigation [rel="next"]:after {
  content: " >";
}
section.post-pagination {
  margin-bottom: 20px;
  background: #ccc;
  display: flex;
  justify-content: space-between;
}
section.post-pagination a {
  text-decoration: none;
}
section.post-pagination [rel="prev"]:before {
  content: "< ";
}
section.post-pagination [rel="next"]:after {
  content: " >";
}
section.post-comments {
  margin-bottom: 20px;
}
.gutenberg {
  /* some general css */
  /* **************************** */
  /* for vertical labels */
  /* **************************** */
  /* For mobile phones */
}
.gutenberg h1.entry-title {
  font-size: 2.5em;
  line-height: 1.2em;
  font-weight: 300;
}
.gutenberg h4.desc {
  padding: 0.5em 1em;
  border: 2px dotted #999;
  border-radius: 10px;
  margin-bottom: -1em !important;
}
.gutenberg label small, .gutenberg p.small {
  font-size: 0.8em;
  line-height: 1.4em;
  font-variant: unset;
}
.gutenberg .button {
  cursor: pointer;
}
.gutenberg button.submit {
  background-color: #0077b6;
}
.gutenberg button.submit:hover {
  background-color: #fff;
  color: #0077b6;
}
.gutenberg form {
  padding: 0;
  width: 820px !important;
  /* TEMPLATE OVERRIDE */
}
.gutenberg .underline {
  text-decoration: underline;
  cursor: pointer;
}
.gutenberg .hidden {
  display: none;
}
.gutenberg .left {
  text-align: left;
}
.gutenberg .right {
  text-align: right;
}
.gutenberg .strong {
  background: #F9E79F;
  padding: 0 0.5em;
  white-space: nowrap;
  font-weight: bold;
}
.gutenberg .no-border {
  border-color: rgba(255, 255, 255, 0) !important;
}
.gutenberg .secondary {
  width: calc(100% - 2em);
  padding-left: 2em;
  border-left: 1px dotted #999999;
}
.gutenberg .paper {
  padding: 0.5em 1em;
  background: #ffffff;
  border-radius: 0.5em;
  width: var(--gutenberg-main-width);
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
  border: 1px solid #ddd;
  margin-bottom: 1em;
}
.gutenberg .highlite {
  padding: 0.5em 1em;
  background: #FFEEEE;
  background: -webkit-linear-gradient(to right, #FAFAFA, #FFEEEE);
  background: linear-gradient(to right, #FAFAFA, #FFEEEE);
  border-radius: 0.5em;
  width: var(--gutenberg-main-width);
  margin-bottom: 1em;
}
.gutenberg .info {
  color: #0077b6;
}
.gutenberg .info mark {
  border: 2px solid #0077b6;
  background: #0077b6;
  color: #ffffff;
}
.gutenberg .two-col {
  display: grid;
}
@media (min-width: 800px) {
  .gutenberg .two-col {
    grid-template-columns: 1fr 1fr;
    grid-gap: 40px;
  }
}
.gutenberg .cas-izpolnjevanja {
  margin-right: 0.5em;
}
.gutenberg .cas-izpolnjevanja-cas {
  font-weight: bold;
}
.gutenberg #status {
  background: #74cee4;
  color: #000;
}
.gutenberg #status:not(:empty) {
  padding: 0.2em 0.4em;
  margin-top: 1em;
}
.gutenberg #other-parent {
  display: inline-block;
  padding: 0.5em 1em;
  background: #000;
  color: #fff;
  cursor: pointer;
  margin-top: 1em;
}
.gutenberg .input-wrapper {
  position: relative;
  margin-top: 3em;
  margin-bottom: 1em;
  /* **************************** */
  /* main elements */
  /* number */
  /* **************************** */
  /* labels without input inside */
  /* <label> Label Name </label> */
  /* **************************** */
  /* labels + input inside */
  /* <label> <input> Label Name </label> */
  /* sub options */
  /* **************************** */
  /* size of the radio / checkbox */
}
.gutenberg .input-wrapper * {
  max-width: unset;
}
.gutenberg .input-wrapper.highlighted {
  width: calc(100% + 4em);
  max-width: calc(100% + 4em);
  left: -2em;
  padding: 1em 2em;
  background: #FFEEEE;
  background: -webkit-linear-gradient(to right, #FAFAFA, #FFEEEE);
  background: linear-gradient(to right, #FAFAFA, #FFEEEE);
  border-radius: 0.5em;
}
.gutenberg .input-wrapper.nomargin {
  margin-top: 0;
}
.gutenberg .input-wrapper strong {
  font-weight: bold;
}
.gutenberg .input-wrapper em {
  font-style: italic;
}
.gutenberg .input-wrapper p {
  color: #333333;
  font-size: 1.1em;
  padding: 0;
  margin: 0.5em 0 0.25em 0;
  position: relative;
}
.gutenberg .input-wrapper p.input-question {
  font-weight: 600;
}
.gutenberg .input-wrapper p.tiny {
  font-size: 0.9em;
}
.gutenberg .input-wrapper hr {
  border-collapse: collapse;
  border: 0;
  border-bottom: 1px solid #ccc;
  width: 100%;
  height: 0;
}
.gutenberg .input-wrapper hr.grad {
  height: 2px;
  border: 0;
  background: #74cee4;
  background: -moz-linear-gradient(left, #74cee4 0%, #66ce9c 16%, #edbf47 32%, #ec774b 49%, #74cee4 65%, #66ce9c 83%, #edbf47 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #74cee4), color-stop(16%, #66ce9c), color-stop(32%, #edbf47), color-stop(49%, #ec774b), color-stop(65%, #74cee4), color-stop(83%, #66ce9c), color-stop(100%, #edbf47));
  background: -webkit-linear-gradient(left, #74cee4 0%, #66ce9c 16%, #edbf47 32%, #ec774b 49%, #74cee4 65%, #66ce9c 83%, #edbf47 100%);
  background: -o-linear-gradient(left, #74cee4 0%, #66ce9c 16%, #edbf47 32%, #ec774b 49%, #74cee4 65%, #66ce9c 83%, #edbf47 100%);
  background: -ms-linear-gradient(left, #74cee4 0%, #66ce9c 16%, #edbf47 32%, #ec774b 49%, #74cee4 65%, #66ce9c 83%, #edbf47 100%);
  background: linear-gradient(to right, #74cee4 0%, #66ce9c 16%, #edbf47 32%, #ec774b 49%, #74cee4 65%, #66ce9c 83%, #edbf47 100%);
}
.gutenberg .input-wrapper button {
  cursor: pointer;
  border-radius: 2px;
  margin: 1em 0em;
}
.gutenberg .input-wrapper mark {
  font-family: monospace;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 1.8em;
  vertical-align: middle;
  font-size: 0.75em;
  font-weight: bold;
  margin: -0.3em 1em 0 0;
  text-align: center;
  border: 2px solid #0077b6;
  background-color: #0077b6;
  color: #ffffff;
  border-radius: 45%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
}
.gutenberg .input-wrapper mark.hole {
  border: 2px solid #0077b6;
  background: #ffffff;
  color: #0077b6;
  margin: 1em;
}
.gutenberg .input-wrapper mark.blue {
  border: 2px solid #0077b6;
  background: #0077b6;
  color: #0077b6;
}
.gutenberg .input-wrapper label.default {
  line-height: 2em;
  display: inline-block;
  margin: 0 0 0 0;
  vertical-align: text-bottom;
  font-style: italic;
}
.gutenberg .input-wrapper label:not(.default) {
  width: 100%;
  line-height: 1.8em;
  display: inline-block;
  margin: 0.2em 0 0 0;
  cursor: pointer;
  position: relative;
  /* radio & checkbox */
  /* hovers on label */
  /* input text */
  /* text area */
  /* text area */
}
.gutenberg .input-wrapper label:not(.default).radio, .gutenberg .input-wrapper label:not(.default).radio-textarea, .gutenberg .input-wrapper label:not(.default).radio-top, .gutenberg .input-wrapper label:not(.default).checkbox {
  text-indent: 2.25em;
  /* spacer */
}
.gutenberg .input-wrapper label:not(.default) input[type=checkbox], .gutenberg .input-wrapper label:not(.default) input[type=radio] {
  position: absolute;
  left: 0em;
  top: 0.2em;
}
.gutenberg .input-wrapper label:not(.default) input, .gutenberg .input-wrapper label:not(.default) select, .gutenberg .input-wrapper label:not(.default) textarea {
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.gutenberg .input-wrapper label:not(.default):hover {
  color: #0077b6;
}
.gutenberg .input-wrapper label:not(.default):hover input, .gutenberg .input-wrapper label:not(.default):hover select, .gutenberg .input-wrapper label:not(.default):hover textarea {
  filter: drop-shadow(0 0 5px #48cae4);
}
.gutenberg .input-wrapper label:not(.default) input[type=text], .gutenberg .input-wrapper label:not(.default) input[type=phone], .gutenberg .input-wrapper label:not(.default) input[type=email] {
  width: calc(100% - 3em);
  max-width: 400px;
  line-height: 1.5em;
  font-size: 1em;
}
.gutenberg .input-wrapper label:not(.default) textarea {
  width: calc(100% - 3em);
  max-width: 400px;
  min-height: 6em;
  line-height: 1.5em;
  font-size: 1em;
}
.gutenberg .input-wrapper label:not(.default) select {
  width: calc(100% - 3em);
  max-width: 10em;
  line-height: 1em;
  font-size: 1em;
  height: 2em;
  margin-right: 0.8em;
}
.gutenberg .input-wrapper .input-sub {
  width: 100%;
  display: inline-block;
}
.gutenberg .input-wrapper .input-sub label:not(.radio-top) {
  display: none;
  text-indent: 2.25em;
  /* spacer */
}
.gutenberg .input-wrapper .input-sub label:not(.radio-top) span {
  font-size: 0.8em;
}
.gutenberg .input-wrapper .input-sub.active {
  margin-bottom: 0.5em;
}
.gutenberg .input-wrapper .input-sub.active label:not(.radio-top) {
  display: inline-block;
}
.gutenberg .input-wrapper .input-sub.active label.checkbox {
  margin-left: 2.2em;
}
.gutenberg .input-wrapper .input-sub.active label.radio {
  margin-left: 2em;
}
.gutenberg .input-wrapper input[type=checkbox], .gutenberg .input-wrapper input[type=radio] {
  width: 1.5em;
  height: 1.5em;
  cursor: pointer;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.gutenberg .input-wrapper input[type=checkbox]:hover, .gutenberg .input-wrapper input[type=radio]:hover {
  filter: drop-shadow(0 0 5px #48cae4);
}
.gutenberg .input-wrapper input[type=number] {
  width: 10em;
  line-height: 1.5em;
  font-size: 1em;
  margin-right: 1em;
}
.gutenberg .input-wrapper input[type=date] {
  width: 10em;
  line-height: 1.5em;
  font-size: 1em;
  margin-right: 1em;
}
.gutenberg .input-wrapper input[type=text] {
  line-height: 1.5em;
  font-size: 1em;
  margin-right: 1em;
}
.gutenberg .input-wrapper input[type=phone] {
  line-height: 1.5em;
  font-size: 1em;
  margin-right: 1em;
}
.gutenberg .input-wrapper input[type=email] {
  line-height: 1.5em;
  font-size: 1em;
  margin-right: 1em;
}
.gutenberg .input-wrapper.top-labels {
  display: none;
}
.gutenberg .input-wrapper label.for_required {
  pointer-events: none;
  position: absolute;
  bottom: 0.8em;
  left: 0;
  opacity: 0;
  margin: 0;
  padding: 0;
  line-height: 1px;
  height: 1px;
  width: 1px;
  display: inline;
}
.gutenberg .input-wrapper label.for_required input {
  opacity: 0;
  pointer-events: none;
}
.gutenberg .input-wrapper p.minmax-labels {
  display: grid;
  grid-template-columns: 3fr 4fr 3fr;
  /* 30% 40% 30% */
  /* auto 15em auto */
  grid-template-rows: auto;
  padding-top: 0.5em;
  grid-template-areas: "start score end";
  column-gap: 0.5em;
}
.gutenberg .input-wrapper p.minmax-labels label.left {
  line-height: 1.4em;
  grid-area: start;
  text-align: left;
  word-break: break-world;
}
.gutenberg .input-wrapper p.minmax-labels label.right {
  line-height: 1.4em;
  grid-area: end;
  text-align: right;
  word-break: break-world;
}
.gutenberg .input-wrapper p.minmax-labels span {
  justify-self: center;
  grid-area: score;
}
@media only screen and (min-width: 600px) {
  .gutenberg .input-wrapper {
    /* **************************** */
    /* verticla labels              */
  }
  .gutenberg .input-wrapper.vertical-labels {
    border-top: 1px dotted #999999;
    margin-top: 0em;
    position: relative;
  }
  .gutenberg .input-wrapper.vertical-labels .input-question {
    width: calc(100% - 12.5em);
  }
  .gutenberg .input-wrapper.vertical-labels:not(.top-question) .input-question {
    font-weight: normal;
  }
  .gutenberg .input-wrapper.vertical-labels:not(.top-question):not(.top-labels):hover::after {
    opacity: 0.05;
  }
  .gutenberg .input-wrapper.vertical-labels:not(.top-question):not(.top-labels)::after {
    content: "";
    position: absolute;
    width: 100%;
    height: calc(100% + 1em);
    z-index: 1;
    background-color: #0077b6;
    top: 0em;
    left: 0;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.1s;
  }
  .gutenberg .input-wrapper.vertical-labels .input-options {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 2;
  }
  .gutenberg .input-wrapper.vertical-labels .input-options label {
    width: 2em;
    height: 2em;
    display: inline-block;
    position: relative;
  }
  .gutenberg .input-wrapper.vertical-labels .input-options label input {
    z-index: -1;
  }
  .gutenberg .input-wrapper.vertical-labels .input-options label span {
    /* this is a hint */
    position: absolute;
    right: -40%;
    left: unset;
    top: -2.2em;
    z-index: 999;
    font-size: 0.8em;
    text-indent: 0;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    background: #fff;
    border: 1px solid #eee;
    padding: 0 1em;
    -webkit-transition: opacity 0.1s;
    transition: opacity 0.1s;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  }
  .gutenberg .input-wrapper.vertical-labels .input-options label:hover span {
    display: inline-block;
    opacity: 1;
  }
  .gutenberg .input-wrapper.vertical-labels.top-question {
    border-top: none;
    margin-top: 3em;
  }
  .gutenberg .input-wrapper.vertical-labels.top-labels {
    border: none;
    text-align: right;
    display: block;
    height: 1px;
    margin-top: 0;
    margin-bottom: 0;
  }
  .gutenberg .input-wrapper.vertical-labels.top-labels .input-options {
    position: relative;
    left: unset;
    top: unset;
  }
  .gutenberg .input-wrapper.vertical-labels.top-labels .input-options label span {
    /* vertical hint */
    font-size: 1em;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    right: unset;
    left: 0.25em;
    top: -2em;
    z-index: 2;
    opacity: 1;
  }
  .gutenberg .input-wrapper.vertical-labels.top-labels + div {
    margin-top: 0;
  }
}
@media only screen and (max-width: 600px) {
  .gutenberg .input-wrapper label {
    line-height: 2em;
  }
  .gutenberg .input-wrapper p.minmax-labels {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    padding-top: 0.5em;
    grid-template-areas: "score score" "start end";
    column-gap: 0.5em;
  }
  .gutenberg .input-wrapper p.minmax-labels label.left {
    line-height: 1.4em;
    grid-area: start;
    text-align: left;
  }
  .gutenberg .input-wrapper p.minmax-labels label.right {
    line-height: 1.4em;
    grid-area: end;
    text-align: right;
  }
  .gutenberg .input-wrapper p.minmax-labels span {
    justify-self: center;
    grid-area: score;
  }
  .gutenberg .input-wrapper.vertical-labels label {
    text-indent: 2.25em;
    /* spacer */
  }
}
i.icon {
  width: 1em;
  height: 1em;
  display: inline-block;
  background-size: 100%;
  background-repeat: no-repeat;
  vertical-align: middle;
  opacity: 0.5;
  margin-right: 0.2em;
}
i.icon.email {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik0xMiAyQzYuNDggMiAyIDYuNDggMiAxMnM0LjQ4IDEwIDEwIDEwaDV2LTJoLTVjLTQuMzQgMC04LTMuNjYtOC04czMuNjYtOCA4LTggOCAzLjY2IDggOHYxLjQzYzAgLjc5LS43MSAxLjU3LTEuNSAxLjU3cy0xLjUtLjc4LTEuNS0xLjU3VjEyYzAtMi43Ni0yLjI0LTUtNS01cy01IDIuMjQtNSA1IDIuMjQgNSA1IDVjMS4zOCAwIDIuNjQtLjU2IDMuNTQtMS40Ny42NS44OSAxLjc3IDEuNDcgMi45NiAxLjQ3IDEuOTcgMCAzLjUtMS42IDMuNS0zLjU3VjEyYzAtNS41Mi00LjQ4LTEwLTEwLTEwem0wIDEzYy0xLjY2IDAtMy0xLjM0LTMtM3MxLjM0LTMgMy0zIDMgMS4zNCAzIDMtMS4zNCAzLTMgM3oiLz48L3N2Zz4=");
}
i.icon.mail {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik0yMCA0SDRjLTEuMSAwLTEuOTkuOS0xLjk5IDJMMiAxOGMwIDEuMS45IDIgMiAyaDE2YzEuMSAwIDItLjkgMi0yVjZjMC0xLjEtLjktMi0yLTJ6bTAgMTRINFY4bDggNSA4LTV2MTB6bS04LTdMNCA2aDE2bC04IDV6Ii8+PC9zdmc+");
}
i.icon.phone {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik02LjYyIDEwLjc5YzEuNDQgMi44MyAzLjc2IDUuMTQgNi41OSA2LjU5bDIuMi0yLjJjLjI3LS4yNy42Ny0uMzYgMS4wMi0uMjQgMS4xMi4zNyAyLjMzLjU3IDMuNTcuNTcuNTUgMCAxIC40NSAxIDFWMjBjMCAuNTUtLjQ1IDEtMSAxLTkuMzkgMC0xNy03LjYxLTE3LTE3IDAtLjU1LjQ1LTEgMS0xaDMuNWMuNTUgMCAxIC40NSAxIDEgMCAxLjI1LjIgMi40NS41NyAzLjU3LjExLjM1LjAzLjc0LS4yNSAxLjAybC0yLjIgMi4yeiIvPjwvc3ZnPg==");
}
i.icon.mobile {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik0xNyAxLjAxTDcgMWMtMS4xIDAtMiAuOS0yIDJ2MThjMCAxLjEuOSAyIDIgMmgxMGMxLjEgMCAyLS45IDItMlYzYzAtMS4xLS45LTEuOTktMi0xLjk5ek0xNyAxOUg3VjVoMTB2MTR6Ii8+PC9zdmc+");
}
i.icon.alert {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTExIDE1aDJ2MmgtMnptMC04aDJ2NmgtMnptLjk5LTVDNi40NyAyIDIgNi40OCAyIDEyczQuNDcgMTAgOS45OSAxMEMxNy41MiAyMiAyMiAxNy41MiAyMiAxMlMxNy41MiAyIDExLjk5IDJ6TTEyIDIwYy00LjQyIDAtOC0zLjU4LTgtOHMzLjU4LTggOC04IDggMy41OCA4IDgtMy41OCA4LTggOHoiLz48L3N2Zz4=");
}
i.icon.center {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik0xMiAyQzYuNDkgMiAyIDYuNDkgMiAxMnM0LjQ5IDEwIDEwIDEwIDEwLTQuNDkgMTAtMTBTMTcuNTEgMiAxMiAyem0wIDE4Yy00LjQxIDAtOC0zLjU5LTgtOHMzLjU5LTggOC04IDggMy41OSA4IDgtMy41OSA4LTggOHptMy04YzAgMS42Ni0xLjM0IDMtMyAzcy0zLTEuMzQtMy0zIDEuMzQtMyAzLTMgMyAxLjM0IDMgM3oiLz48L3N2Zz4=");
}
i.icon.gear {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0cHgiIGZpbGw9IiMwMDAwMDAiPjxnPjxwYXRoIGQ9Ik0wLDBoMjR2MjRIMFYweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik0xOS4xNCwxMi45NGMwLjA0LTAuMywwLjA2LTAuNjEsMC4wNi0wLjk0YzAtMC4zMi0wLjAyLTAuNjQtMC4wNy0wLjk0bDIuMDMtMS41OGMwLjE4LTAuMTQsMC4yMy0wLjQxLDAuMTItMC42MSBsLTEuOTItMy4zMmMtMC4xMi0wLjIyLTAuMzctMC4yOS0wLjU5LTAuMjJsLTIuMzksMC45NmMtMC41LTAuMzgtMS4wMy0wLjctMS42Mi0wLjk0TDE0LjQsMi44MWMtMC4wNC0wLjI0LTAuMjQtMC40MS0wLjQ4LTAuNDEgaC0zLjg0Yy0wLjI0LDAtMC40MywwLjE3LTAuNDcsMC40MUw5LjI1LDUuMzVDOC42Niw1LjU5LDguMTIsNS45Miw3LjYzLDYuMjlMNS4yNCw1LjMzYy0wLjIyLTAuMDgtMC40NywwLTAuNTksMC4yMkwyLjc0LDguODcgQzIuNjIsOS4wOCwyLjY2LDkuMzQsMi44Niw5LjQ4bDIuMDMsMS41OEM0Ljg0LDExLjM2LDQuOCwxMS42OSw0LjgsMTJzMC4wMiwwLjY0LDAuMDcsMC45NGwtMi4wMywxLjU4IGMtMC4xOCwwLjE0LTAuMjMsMC40MS0wLjEyLDAuNjFsMS45MiwzLjMyYzAuMTIsMC4yMiwwLjM3LDAuMjksMC41OSwwLjIybDIuMzktMC45NmMwLjUsMC4zOCwxLjAzLDAuNywxLjYyLDAuOTRsMC4zNiwyLjU0IGMwLjA1LDAuMjQsMC4yNCwwLjQxLDAuNDgsMC40MWgzLjg0YzAuMjQsMCwwLjQ0LTAuMTcsMC40Ny0wLjQxbDAuMzYtMi41NGMwLjU5LTAuMjQsMS4xMy0wLjU2LDEuNjItMC45NGwyLjM5LDAuOTYgYzAuMjIsMC4wOCwwLjQ3LDAsMC41OS0wLjIybDEuOTItMy4zMmMwLjEyLTAuMjIsMC4wNy0wLjQ3LTAuMTItMC42MUwxOS4xNCwxMi45NHogTTEyLDE1LjZjLTEuOTgsMC0zLjYtMS42Mi0zLjYtMy42IHMxLjYyLTMuNiwzLjYtMy42czMuNiwxLjYyLDMuNiwzLjZTMTMuOTgsMTUuNiwxMiwxNS42eiIvPjwvZz48L3N2Zz4=");
}
/* RADIO SELECT */
.radio_select label {
  width: 100%;
  display: block;
  vertical-align: middle;
  padding: 0.5em 1em 0.4em 0.5em;
  align-items: center;
  font-weight: bold;
  font-size: 1em;
  color: #333333;
  background: -webkit-linear-gradient(to top, #ffffff, #fafafa);
  background: linear-gradient(to top, #ffffff, #fafafa);
  border-bottom: 1px solid #ccc;
  line-height: 1em;
  min-height: 3em;
  cursor: pointer;
}
.radio_select small {
  font-weight: normal;
  font-size: 0.8em;
}
.radio_select input {
  width: 1.4em;
  height: 1.4em;
  float: left;
  margin: 0.3em 1em 0.3em 0.2em;
}
/* disable everything */
.disable-everything ::-webkit-input-placeholder {
  opacity: 0;
}
.disable-everything :-ms-input-placeholder {
  opacity: 0;
}
.disable-everything ::placeholder {
  opacity: 0;
}
.disable-everything input, .disable-everything textarea, .disable-everything select {
  opacity: 0.3;
}
.disable-everything input:disabled, .disable-everything select:disabled, .disable-everything textarea:disabled {
  opacity: 1;
}
.enable-this {
  opacity: 1 !important;
}
.enable-this ::-webkit-input-placeholder {
  opacity: 1 !important;
}
.enable-this :-ms-input-placeholder {
  opacity: 1 !important;
}
.enable-this ::placeholder {
  opacity: 1 !important;
}
body.home .prijavnica-hidden {
  visibility: hidden;
  height: 0;
  margin: 0;
}
.can-edit {
  background-color: #cff6ff;
  padding: 8px 17px;
}
body.page-template-user-pages h1.entry-title {
  margin-left: 0;
  margin-right: 0;
}
.user-forms-list a.disabled {
  opacity: 0.6;
  cursor: no-drop;
}
table.users-list thead {
  background: var(--accent-1);
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
}
table.users-list thead th {
  padding: 8px;
}
table.users-list tbody tr:nth-child(2) {
  background-attachment: #eee;
}
table.users-list tbody td {
  padding: 8px;
}
form.opombe {
  margin-left: 1em;
  margin-right: 1em;
}
form.opombe h3 {
  margin-left: 0 !important;
}
form.opombe textarea {
  width: 100%;
}
form.opombe a.save-opombe {
  background: #ccc;
  cursor: pointer;
}
form.opombe .hint {
  line-height: 1.4em;
  margin-left: 0;
}
.uredi-opombe {
  display: block;
}
form.obiskovanje {
  margin-left: 1em;
  margin-right: 1em;
  margin-top: 3rem;
}
form.obiskovanje h3 {
  margin-left: 0 !important;
}
main.dashboard {
  margin-top: -40px;
}
main.dashboard header {
  margin-bottom: 3em;
}
main.dashboard header, main.dashboard article, main.dashboard section {
  position: relative;
  width: 100%;
  max-width: var(--container-wide);
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}
main.dashboard em {
  font-style: italic;
}
main.dashboard strong {
  font-weight: bold;
}
main.dashboard h1, main.dashboard h2, main.dashboard h3, main.dashboard h4, main.dashboard p, main.dashboard hr, main.dashboard aside, main.dashboard section {
  margin-top: 0;
  margin-bottom: 0.5em;
  margin-left: 1em;
  margin-right: 1em;
}
main.dashboard h1 small {
  font-size: 0.5em;
}
main.dashboard h2, main.dashboard h3 {
  font-weight: 600;
  font-size: 1.2em;
}
main.dashboard h4 {
  text-transform: unset;
}
main.dashboard .user-filters h3, main.dashboard .user-filters div {
  margin: 0;
}
main.dashboard .user-filters small {
  display: block;
  font-size: 0.8em;
  margin-bottom: 12px;
  margin-left: 0;
}
main.dashboard .filters {
  list-style: none;
  flex-wrap: wrap;
  gap: 12px;
}
main.dashboard .filters form {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
main.dashboard .filters .delimiter {
  margin: 0;
  border-top: solid 1px #ccc;
  width: 100%;
}
main.dashboard .filters input[type="checkbox"] {
  display: none;
}
main.dashboard .filters label, main.dashboard .filters .label {
  padding: 0px 8px;
  font-size: 12px;
  height: 26px;
  line-height: 24px !important;
  border-radius: 20px;
  background: #ebebeb;
  text-decoration: none;
  color: #333;
  text-transform: uppercase;
  cursor: pointer;
  margin: 0;
}
main.dashboard .filters label a, main.dashboard .filters .label a {
  text-decoration: none;
  color: var(--group-color-zakljucil);
}
main.dashboard .filters label:hover, main.dashboard .filters .label:hover {
  border-color: #8f8b8b;
}
main.dashboard .filters label.active, main.dashboard .filters .label.active {
  background: var(--group-color-zakljucil);
}
main.dashboard .filters label.active a, main.dashboard .filters .label.active a {
  color: #fff;
}
main.dashboard .filters input:checked + label {
  background: var(--group-color-zakljucil);
}
main.dashboard .filters input:checked + label a {
  color: #fff;
}
main.dashboard .filters input[type="submit"] {
  height: 24px;
  line-height: 24px;
  padding: 0 0.4em;
  background: var(--group-color-prekinil);
  color: #fff;
  border: none;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 12px;
  padding: 0 12px;
  border-radius: 20px;
}
main.dashboard div.search-users {
  display: flex;
  gap: 12px;
  margin-top: 12px;
  border-top: solid 1px #ccc;
  padding-top: 12px;
  flex-wrap: wrap;
  /*  a{
            border: solid 1px #ccc;
            text-decoration: none;

            &.active{
                background-color: #ccc;
            }
        } */
}
main.dashboard div.search-users h3 {
  margin-top: 12px;
  width: 100%;
}
main.dashboard .marginal {
  margin-top: 1em;
  margin-bottom: 1em;
}
main.dashboard .separator {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}
main.dashboard .accept {
  width: 100%;
  text-align: center;
}
main.dashboard .circle {
  margin: 0 auto;
  display: inline-block;
  width: 5em;
  height: 5em;
  vertical-align: middle;
  line-height: 4.8em;
  background: var(--group-color-prazni);
  color: #fff;
  border-radius: 50%;
  text-align: center;
  text-decoration: none;
}
main.dashboard .status-registriran {
  border-left: 10px solid var(--group-border-registriran);
  border-radius: 2px;
}
main.dashboard .status-registriran mark {
  background-color: var(--group-color-registriran);
  color: #fff;
}
main.dashboard .status-registriran .mainbtn {
  background-color: var(--group-color-registriran);
}
main.dashboard .status-kontrolna {
  border-left: 10px solid var(--group-border-kontrolna);
  border-radius: 2px;
}
main.dashboard .status-kontrolna mark {
  background-color: var(--group-color-kontrolna);
  color: #fff;
}
main.dashboard .status-kontrolna .mainbtn {
  background-color: var(--group-color-kontrolna);
}
main.dashboard .status-sprejet {
  border-left: 10px solid var(--group-border-sprejet);
  border-radius: 2px;
}
main.dashboard .status-sprejet mark {
  background-color: var(--group-color-sprejet);
  color: #fff;
}
main.dashboard .status-sprejet .mainbtn {
  background-color: var(--group-color-sprejet);
}
main.dashboard .status-zakljucil {
  border-left: 10px solid var(--group-border-zakljucil);
  border-radius: 2px;
}
main.dashboard .status-zakljucil mark {
  background-color: var(--group-color-zakljucil);
  color: #fff;
}
main.dashboard .status-zakljucil .mainbtn {
  background-color: var(--group-color-zakljucil);
}
main.dashboard .status-prekinil {
  border-left: 10px solid var(--group-border-prekinil);
  border-radius: 2px;
}
main.dashboard .status-prekinil mark {
  background-color: var(--group-color-prekinil);
  color: #fff;
}
main.dashboard .status-prekinil .mainbtn {
  background-color: var(--group-color-prekinil);
}
main.dashboard .status-prekinil a.questionaire:hover {
  background-color: var(--group-border-prekinil);
}
main.dashboard .status-arhiviran {
  border-left: 10px solid var(--group-border-arhiviran);
  border-radius: 2px;
}
main.dashboard .status-arhiviran mark {
  background-color: var(--group-color-arhiviran);
  color: #fff;
}
main.dashboard .status-arhiviran .mainbtn {
  background-color: var(--group-color-arhiviran);
}
main.dashboard .status-arhiviran a.questionaire:hover {
  background-color: var(--group-border-arhiviran);
}
main.dashboard .status-nedolocen {
  border-left: 10px solid #607D8B;
  border-radius: 2px;
}
main.dashboard .status-nedolocen mark {
  background-color: #607D8B;
  color: #fff;
}
main.dashboard .status-nedolocen .mainbtn {
  background-color: #607D8B;
}
main.dashboard .status-nedolocen a.questionaire:hover {
  background-color: #607D8B;
}
main.dashboard .akcija-sprejmi {
  border-left: 10px solid var(--group-border-sprejet);
  border-radius: 2px;
}
main.dashboard .akcija-sprejmi mark {
  background-color: var(--group-color-sprejet);
  color: #fff;
}
main.dashboard .akcija-sprejmi .mainbtn {
  background-color: var(--group-color-sprejet);
}
main.dashboard .akcija-zakljucil {
  border-left: 10px solid var(--group-border-zakljucil);
  border-radius: 2px;
}
main.dashboard .akcija-zakljucil mark {
  background-color: var(--group-color-zakljucil);
  color: #fff;
}
main.dashboard .akcija-zakljucil .mainbtn {
  background-color: var(--group-color-zakljucil);
}
main.dashboard .akcija-prekinil {
  border-left: 10px solid var(--group-border-prekinil);
  border-radius: 2px;
}
main.dashboard .akcija-prekinil mark {
  background-color: var(--group-color-prekinil);
  color: #fff;
}
main.dashboard .akcija-prekinil .mainbtn {
  background-color: var(--group-color-prekinil);
}
main.dashboard .akcija-vrni {
  border-left: 10px solid var(--group-border-vrni);
  border-radius: 2px;
}
main.dashboard .akcija-vrni mark {
  background-color: var(--group-color-vrni);
  color: #fff;
}
main.dashboard .akcija-vrni .mainbtn {
  background-color: var(--group-color-vrni);
}
main.dashboard .akcija-odstrani {
  border-left: 10px solid var(--group-border-odstrani);
  border-radius: 2px;
}
main.dashboard .akcija-odstrani mark {
  background-color: var(--group-color-odstrani);
  color: #fff;
}
main.dashboard .akcija-odstrani .mainbtn {
  background-color: var(--group-color-odstrani);
}
main.dashboard .akcija-odstrani a.questionaire:hover {
  background-color: var(--group-border-odstrani);
}
main.dashboard .akcija-arhiviraj {
  border-left: 10px solid var(--group-border-arhiviran);
  border-radius: 2px;
}
main.dashboard .akcija-arhiviraj mark {
  background-color: var(--group-color-arhiviran);
  color: #fff;
}
main.dashboard .akcija-arhiviraj .mainbtn {
  background-color: var(--group-color-arhiviran);
}
main.dashboard .akcija-arhiviraj a.questionaire:hover {
  background-color: var(--group-border-arhiviran);
}
main.dashboard .prazni {
  box-shadow: none !important;
  background: -webkit-linear-gradient(to right, #FAF8F8, #ffffff) !important;
  background: linear-gradient(to right, #FAF8F8, #ffffff) !important;
  color: var(--group-color-prazni) !important;
}
main.dashboard .prazni mark {
  background-color: var(--group-color-prazni) !important;
  color: #ECEFF1 !important;
}
main.dashboard .actives:hover {
  color: #000;
  background: var(--group-color-active-lite) !important;
}
main.dashboard .actives:hover mark {
  background-color: var(--group-color-active) !important;
  color: #ECEFF1 !important;
}
main.dashboard a.actives {
  color: var(--group-color-active-lite);
  background: var(--group-color-active) !important;
}
main.dashboard a.actives mark {
  background-color: var(--group-color-active-lite) !important;
  color: var(--group-color-active) !important;
}
main.dashboard .notactives {
  box-shadow: none !important;
  color: #000;
  background: var(--group-color-notactive-lite) !important;
}
main.dashboard .notactives mark {
  background-color: var(--group-color-notactive) !important;
  color: #ECEFF1 !important;
}
main.dashboard .user-card {
  position: relative;
  padding: 0.8em 1em;
  display: grid;
  grid-template-columns: 50px 1fr;
  grid-gap: 1em;
  height: auto;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  margin: 0 0 1em 1em;
  background: #FFF;
  border: 1px solid #ddd;
  transition: box-shadow 0.2s;
  text-decoration: none;
  color: inherit;
}
main.dashboard .user-card * {
  cursor: inherit;
}
main.dashboard .user-card:hover {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.55);
}
main.dashboard .user-card p {
  font-weight: 600;
  font-size: 1.1em;
  line-height: 1.2em;
  margin: 0;
  padding: 0;
}
main.dashboard .user-card label {
  margin: 0 1em 0 0;
  font-weight: 400;
  font-size: 0.75em;
  white-space: pre;
}
main.dashboard .user-card .edit-user {
  position: absolute;
  right: 1em;
  top: 1em;
  transition: text-shadow 0.2s;
}
main.dashboard .user-card .edit-user:hover {
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}
main.dashboard .user-card mark {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  vertical-align: middle;
  font-weight: 300;
  text-align: center;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
main.dashboard .user-card .oneid {
  position: absolute;
  right: 10px;
  bottom: 0px;
  font-size: 12.5px;
  font-weight: 400;
  color: #999999;
}
main.dashboard .user-card .oneid small {
  font-size: 10px;
}
main.dashboard .user-card .centri {
  font-weight: normal;
  font-size: 12px;
}
main.dashboard .user-card .centri li {
  line-height: 1.4em;
}
main.dashboard .user-card .opombe {
  font-size: 13px;
  line-height: 1.4em;
}
main.dashboard .user-izpolnjeni-vprasalniki {
  boder: solid 1px;
  width: 100%;
}
main.dashboard .user-izpolnjeni-vprasalniki td, main.dashboard .user-izpolnjeni-vprasalniki th {
  border: solid 1px;
  padding: 0.4em 1em;
  text-align: left;
}
main.dashboard .user-izpolnjeni-vprasalniki th {
  font-weight: bold;
}
main.dashboard .questionaire {
  position: relative;
  padding: 0.8em 1em;
  display: grid;
  grid-template-columns: 30px 1fr;
  grid-gap: 1em;
  height: auto;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  border-radius: 2em;
  overflow: hidden;
  position: relative;
  background: #FFF;
  border: 1px solid #ddd;
  text-decoration: none;
  -webkit-transition: background-color 0.25s;
  transition: background-color 0.25s;
  width: 100%;
  margin: 0.5em 0;
}
main.dashboard .questionaire mark {
  display: inline-block;
  width: 28px;
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  vertical-align: middle;
  font-weight: 600;
  text-align: center;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
main.dashboard .status strong {
  background: var(--group-color-active-lite);
  padding: 0.2em 0.5em;
  border-radius: 5px;
}
main.dashboard .grids {
  display: grid;
  grid-template-columns: 220px 1fr;
  grid-gap: 1em;
  height: auto;
  font-weight: 500;
  font-size: 1.1em;
}
main.dashboard .grids label {
  font-weight: 300;
  font-size: 1em;
  text-align: left;
}
main.dashboard .grids1fr {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1em;
  height: auto;
  max-width: 500px;
}
main.dashboard .grids2fr {
  display: grid;
  grid-template-columns: 100px 1fr;
  grid-gap: 1em;
  height: auto;
  max-width: 500px;
  margin: 0 1em;
}
main.dashboard .user-sprejmi-skupina {
  width: 100%;
  grid-column: 1 / span 2;
}
main.dashboard .user-sprejmi-skupina h4 {
  margin-left: 0;
  margin-bottom: 0;
}
main.dashboard .user-sprejmi-skupina h4:not(:first-child) {
  margin-top: 1em;
}
main.dashboard .grids2same {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1em;
  height: auto;
  max-width: 500px;
}
main.dashboard .admin .button {
  zoom: 0.8;
  margin: 0 1em 0.5em 0;
}
main.dashboard .ids {
  position: absolute;
  top: 0em;
  right: 2em;
  font-size: 0.6em;
  display: inline;
  width: unset;
  text-align: center;
  padding: 0.2em 1em;
  background: #eee;
  border-radius: 8px;
}
main.dashboard nav {
  position: fixed;
  top: 138px;
  right: 2em;
  z-index: 99;
  background: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  border-radius: 30px;
  padding: 10px 10px;
  -webkit-transition: top 0.5s;
  transition: top 0.5s;
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}
main.dashboard nav ul, main.dashboard nav li {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  border: none !important;
  cursor: pointer;
  /* display: inline-block; */
}
main.dashboard nav li {
  margin: 0.2em 0;
  width: 30px;
  height: 30px;
}
main.dashboard nav li:hover mark {
  opacity: 1;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}
main.dashboard nav li:hover label {
  opacity: 1;
}
main.dashboard nav label {
  pointer-events: none;
  position: absolute;
  right: 0px;
  top: 0px;
  white-space: pre;
  font-size: 0.8em;
  background: white;
  height: 30px;
  line-height: 30px;
  padding: 0 40px 0 15px;
  vertical-align: middle;
  border-radius: 15px;
  opacity: 0;
  color: #fff;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
main.dashboard nav mark {
  position: absolute;
  z-index: 1;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 0.5;
}
/*
.scrolled-up main.dashboard.stickys nav:not(:hover) { top: 130px; }
.scrolled-down main.dashboard.stickys nav:not(:hover) { top: 30px; }
*/
@media only screen and (min-width: 1080px) {
  main.dashboard.stickys nav {
    right: 50%;
    -webkit-transform: translate(530px, 0px);
    transform: translate(530px, 0px);
  }
}
@media only screen and (max-width: 940px) {
  main.dashboard.stickys article {
    padding-right: 50px;
  }
  main.dashboard.stickys nav {
    right: 1em;
  }
}
@media only screen and (max-width: 500px) {
  main.dashboard.stickys article {
    padding-right: 0px;
  }
  main.dashboard.stickys nav {
    display: none;
  }
  main.dashboard.stickys .btn {
    top: 30px !important;
  }
  main.dashboard.stickys aside label {
    display: none;
  }
}
.user-status-list {
  display: flex;
  justify-content: space-between;
  margin: 0;
  margin-top: 1rem !important;
  gap: 24px;
}
.user-status-list a {
  display: flex;
  flex: 1;
  border-radius: 100px;
  padding: 0.3em 0.8em 0.2em;
  align-items: flex-end;
  justify-content: center;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  transition: all 0.3s;
}
.user-status-list a:hover {
  opacity: 0.7;
  color: #000;
}
.user-status-list .registriran {
  background-color: var(--group-color-registriran);
}
.user-status-list .kontrolna {
  background-color: var(--group-color-kontrolna);
}
.user-status-list .sprejet {
  background-color: var(--group-color-sprejet);
}
.user-status-list .zakljucil {
  background-color: var(--group-color-zakljucil);
}
.user-status-list .prekinil {
  background-color: var(--group-color-prekinil);
}
.user-status-list .arhiviran {
  background-color: var(--group-color-arhiviran);
}
.seznam-tecajne-skupine {
  list-style: none;
  margin-top: 22px;
}
.seznam-tecajne-skupine li:before {
  content: "> ";
}
.seznam-tecajne-skupine li small {
  display: inline-block !important;
  margin: 0 !important;
}
.seznam-tecajne-skupine a {
  text-decoration: none;
}
.seznam-tecajne-skupine a:hover {
  text-decoration: underline;
}
.charts:empty::before {
  content: "Nalagam podatke, prosimo počakajte...";
  color: #999;
}
/* fix for legend */
.charts svg {
  overflow: visible;
}
.charts svg text {
  font-family: Arial, Helvetica, sans-serif !important;
}
.charts button {
  position: absolute;
  background-color: #fff;
  top: 10px;
  right: 10px;
  z-index: 1;
  cursor: pointer;
  width: 28px;
  height: 22px;
  opacity: 0.25;
  padding: 0;
  text-align: center;
  border: 1px solid #999999;
  border-radius: 3px;
  transition: opacity 0.25s, transform 0.1s;
}
.charts button::after {
  position: absolute;
  opacity: 0;
  content: "Shranjujem...";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12.5px;
  padding: 0.25em 1em;
  background-color: #fff;
  transform: translateX(-50%);
  top: 24px;
  left: 14px;
  border: 1px solid #999;
  pointer-events: none;
  border-radius: 3px;
  transition: opacity 0.25s;
}
.charts button.active {
  opacity: 0.5;
  transform: translateY(2px);
}
.charts button.active::after {
  opacity: 1;
}
.charts button:hover {
  opacity: 0.5;
}
.charts {
  position: relative;
  border: 1px solid #eee;
  padding: 2em 3em 2em 2em;
  display: inline-block;
  border-radius: 4px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  margin-right: 1em;
  margin-top: 0.9em;
  background-color: #fff;
}
.inlineblocks .parent_chart {
  display: inline-block;
}
.legacycharts .charts {
  padding: 1em 0.25em 0.25em 0.25em;
}
section.inlineblocks {
  width: 100%;
  min-width: 100% !important;
  margin: 2em 0 !important;
  padding: 2em 0 1em 0 !important;
  display: block;
  text-align: center;
  min-height: 400px;
  background-color: #f0f0f1;
}
.filters_columns {
  position: relative;
  margin-top: 0.5em;
  margin-bottom: 0em;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: center;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 1em;
}
.filter-centers {
  display: none;
}
.filter-centers.must-show {
  display: flex !important;
}
.filter-centers .inner-flex {
  display: flex;
  gap: 0 24px;
}
.filter-centers span {
  display: block;
}
.note {
  background: #fff;
  border: 1px solid #c3c4c7;
  border-left-width: 4px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
  margin: 2em 0 0.25em 0;
  padding: 1px 12px;
  border-left-color: #72aee6;
  border-radius: 4px;
}
form mark {
  background-color: transparent;
  background: none;
  color: #bbb;
  font-size: 12px;
  display: inline-block;
  width: 100%;
  min-height: 30px;
  display: flex;
  align-items: center;
}
hr.separator {
  height: 1;
  color: transparent;
  background: transparent;
  border-top: 1px solid #ccc;
  margin: 2em 0;
}
h2 strong {
  font-weight: 800;
  text-transform: uppercase;
}
.legend {
  width: 80px;
  display: inline-block;
}
.legendhalf {
  width: 30px;
  display: inline-block;
}
#the-list {
  border-radius: 1px;
}
.widefat td {
  padding: 8px 4px;
}
.cols {
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: flex-end;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 2em 2em;
  margin-top: 2em;
}
.cols form:not(:last-of-type) {
  padding-right: 2em;
  border-right: 1px solid #ccc;
}
.margin-top {
  margin-top: 2em;
  border-radius: 1px;
}
.header {
  background-color: #ffffff !important;
}
.header td {
  font-weight: 400;
  color: #000;
  /* border-bottom: 1px solid #c3c4c7; */
}
.headers td {
  border-bottom: 1px solid #c3c4c7;
}
.header .form {
  font-weight: 800;
  color: #000;
}
.table_test th, .table_test td {
  padding: 8px 16px;
  background-color: #fff;
}
.column-user {
  display: flex;
  justify-content: space-between;
  max-width: 7em;
}
.column-index {
  width: 80px;
}
.column-trend {
  width: 80px;
  background-color: #2271b118;
  text-align: center;
}
#updateBase {
  display: none;
}
#saveMsg .wrap, #updateBase .wrap {
  margin-top: 2em;
  display: flex;
  justify-content: center;
  text-align: center;
}
.card {
  width: 100% !important;
}
.cursor {
  cursor: pointer !important;
}
.toggle {
  display: block;
}
.toggle.hide {
  display: none;
}
p.info {
  margin-top: 4em;
}
p strong {
  font-weight: 700;
}
.copied {
  position: relative;
  color: #aaa !important;
}
tr:not(.trend) .copied::after {
  content: " *";
  color: #aaa;
}
/* NEW TABLE */
.head-name {
  font-weight: bold !important;
  padding-top: 1em !important;
  padding-bottom: 1em !important;
}
.table-num {
  font-size: 0.9em !important;
  white-space: nowrap;
  border-left: 1px dotted #00000020 !important;
}
.table-text {
  font-size: 0.9em !important;
  border-left: 1px dotted #00000020 !important;
}
.table-index {
  max-width: 30px;
  font-size: 0.75em !important;
  line-height: 1em !important;
  vertical-align: middle !important;
}
.table-leg {
  font-size: 0.75em !important;
  font-weight: bold;
  border-left: 1px dotted #00000020 !important;
}
.table-delimiter {
  text-align: center !important;
  max-width: 10px !important;
  padding: 5px !important;
  background-color: #0000000C;
}
table .dashicons-external::before {
  font-size: 14px;
}
.subheader td {
  border-top: 1px solid #00000020 !important;
  border-bottom: 1px solid #00000020 !important;
}
.trend {
  background-color: #2271b120 !important;
}
.trend td {
  color: #2271b1;
  font-weight: 600;
}
.dotted td {
  border-left: 1px dotted #00000020 !important;
}