@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");
:root {
  /* Colors */
  --color-lightgrey: #f6f7fb;
  --color-blue: #0693e3;
  --color-darkblue: #0570af;
  --color-grey: #939393;
  --color-text: #2b2b2b;
  --color-yellow: #ffbd08;
  --color-red: #fd5353;
  --color-green: #00a651;
  --color-lightgrey-darker: #eaebee;
  --color-darkred: #c94545;
  /* Shadows */
  --box-shadow-default: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
  --box-shadow-default-active: 0px 0px 4px 2px rgba(0, 0, 0, 0.15);
  --box-shadow-blue: 0px 4px 4px 0px rgba(6, 147, 227, 0.25);
  --box-shadow-top: 0px -4px 4px 0px rgba(0, 0, 0, 0.25);
  --box-shadow-blue-right: 4px 0 12px var(--color-blue);
  /* Radius */
  --border-radius-5: 5px;
  --border-radius-10: 10px;
  /* Opacity */
  --opacity: 0.7;
  /* Overrides */
}
:root body#slovenske-poti {
  --dark-color: var(--color-text);
  --primary-color: var(--color-blue);
  --secondary-color: var(--color-grey);
  --success-color: var(--color-green);
  --warning-color: var(--color-yellow);
  --danger-color: var(--color-red);
}

body#slovenske-poti {
  font-family: "Inter", sans-serif !important;
  font-size: 14px;
  background: var(--color-lightgrey);
  color: var(--color-text);
  /* Classes */
  /* Login */
  /* Page container */
  /* Header */
  /* Navigation */
  /* Footer */
  /* Buttons */
  /* Forms */
  /* Inputs */
  /* Cards */
  /* Tables */
  /* Pagination */
  /* Tabs */
  /* Pills */
  /* File picker */
  /* Alerts */
  /* Select2 */
}
body#slovenske-poti .color-red {
  color: var(--color-red) !important;
}
body#slovenske-poti .fw-600 {
  font-weight: 600;
}
body#slovenske-poti section#login {
  background-image: url("../images/login-background.png");
  background-size: cover;
}
body#slovenske-poti section#login img.login-logo {
  display: block;
  max-width: 170px;
  width: 100%;
  margin: 64px auto;
}
body#slovenske-poti section#login div.login-div {
  background-color: var(--color-lightgrey);
  border-radius: var(--border-radius-10);
  box-shadow: var(--box-shadow-default);
  padding: 30px;
  margin: 24px auto;
}
body#slovenske-poti section#login div.login-div button.btn {
  margin-top: 16px;
}
body#slovenske-poti section#login div.login-copyright {
  text-align: center;
  font-size: 12px;
  color: var(--color-text);
}
body#slovenske-poti section#login div.login-copyright a {
  color: var(--color-text);
}
body#slovenske-poti section#login div.login-copyright a:hover {
  opacity: var(--opacity);
}
body#slovenske-poti section.page-container {
  padding-bottom: 38px;
}
body#slovenske-poti div.header {
  background: white;
  border: none;
  box-shadow: var(--box-shadow-default);
}
body#slovenske-poti nav#navigation.navigation-sidebar {
  background-color: white;
}
body#slovenske-poti nav#navigation.navigation-sidebar .navigation-header > a > img {
  max-width: 120px;
  width: 100%;
}
body#slovenske-poti nav#navigation.navigation-sidebar .navigation-menu ul.menu-items li a {
  font-family: "Inter", sans-serif;
}
body#slovenske-poti nav#navigation.navigation-sidebar .navigation-menu ul.menu-items li a::before,
body#slovenske-poti nav#navigation.navigation-sidebar .navigation-menu ul.menu-items li a span.icon-thumbnail,
body#slovenske-poti nav#navigation.navigation-sidebar .navigation-menu ul.menu-items li a span.title {
  transition: none;
}
body#slovenske-poti nav#navigation.navigation-sidebar .navigation-menu ul.menu-items li a.active span.icon-thumbnail,
body#slovenske-poti nav#navigation.navigation-sidebar .navigation-menu ul.menu-items li a.active span.title, body#slovenske-poti nav#navigation.navigation-sidebar .navigation-menu ul.menu-items li a:hover span.icon-thumbnail,
body#slovenske-poti nav#navigation.navigation-sidebar .navigation-menu ul.menu-items li a:hover span.title {
  color: var(--color-blue);
}
body#slovenske-poti nav#navigation.navigation-sidebar .navigation-menu ul.menu-items li a::before {
  background: var(--color-blue);
  box-shadow: var(--box-shadow-blue-right);
}
body#slovenske-poti nav#navigation.navigation-sidebar .navigation-menu ul.menu-items li a span.icon-thumbnail,
body#slovenske-poti nav#navigation.navigation-sidebar .navigation-menu ul.menu-items li a span.title {
  color: var(--color-text);
}
body#slovenske-poti nav#navigation.navigation-sidebar .navigation-menu ul.menu-items li a span.title {
  font-size: 16px;
  text-transform: none;
  font-weight: bold;
  margin-bottom: 4px;
}
body#slovenske-poti nav#navigation.navigation-sidebar .navigation-menu ul.menu-items .have-submenu::after {
  content: "";
  transition: none;
  position: absolute;
  right: 20px;
  top: 22px;
  width: 11px;
  height: 11px;
  border: none;
  background-color: var(--color-text);
  -webkit-mask-image: url("../images/arrow-dropdown.svg");
  mask-image: url("../images/arrow-dropdown.svg");
  -webkit-mask-size: 11px;
          mask-size: 11px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
body#slovenske-poti nav#navigation.navigation-sidebar .navigation-menu ul.menu-items .have-submenu.show::after {
  transform: translateY(2px);
}
body#slovenske-poti nav#navigation.navigation-sidebar .navigation-menu ul.menu-items .have-submenu.active::after,
body#slovenske-poti nav#navigation.navigation-sidebar .navigation-menu ul.menu-items .have-submenu:hover::after {
  background-color: var(--color-blue);
}
body#slovenske-poti nav#navigation.navigation-sidebar .navigation-menu ul.menu-items ul.sub-menu li a span.title {
  font-size: 14px;
}
body#slovenske-poti div.footer {
  z-index: 9;
  background-color: var(--color-text);
  color: var(--color-lightgrey-darker);
  position: fixed;
  bottom: 0;
  right: 0;
  width: calc(100% - 215px);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 25px;
  font-size: 12px;
}
@media screen and (max-width: 991px) {
  body#slovenske-poti div.footer {
    width: 100%;
  }
}
body#slovenske-poti div.footer a {
  color: var(--color-lightgrey-darker);
}
body#slovenske-poti div.footer a:hover {
  color: var(--color-grey);
}
body#slovenske-poti button.btn,
body#slovenske-poti a.btn,
body#slovenske-poti input.btn,
body#slovenske-poti .swal2-actions > button {
  transition: none;
  text-transform: none;
  border: none;
  border-radius: var(--border-radius-5);
  padding: 12px 20px;
  font-size: 12px;
  font-weight: 500;
}
body#slovenske-poti button.btn:hover,
body#slovenske-poti a.btn:hover,
body#slovenske-poti input.btn:hover,
body#slovenske-poti .swal2-actions > button:hover {
  box-shadow: none;
}
body#slovenske-poti button.btn:focus,
body#slovenske-poti a.btn:focus,
body#slovenske-poti input.btn:focus,
body#slovenske-poti .swal2-actions > button:focus {
  background: inherit;
  box-shadow: none;
}
body#slovenske-poti button.btn.btn-primary, body#slovenske-poti button.btn.swal2-confirm,
body#slovenske-poti a.btn.btn-primary,
body#slovenske-poti a.btn.swal2-confirm,
body#slovenske-poti input.btn.btn-primary,
body#slovenske-poti input.btn.swal2-confirm,
body#slovenske-poti .swal2-actions > button.btn-primary,
body#slovenske-poti .swal2-actions > button.swal2-confirm {
  background-color: var(--color-blue) !important;
  color: white;
  box-shadow: var(--box-shadow-blue);
}
body#slovenske-poti button.btn.btn-primary:hover, body#slovenske-poti button.btn.swal2-confirm:hover,
body#slovenske-poti a.btn.btn-primary:hover,
body#slovenske-poti a.btn.swal2-confirm:hover,
body#slovenske-poti input.btn.btn-primary:hover,
body#slovenske-poti input.btn.swal2-confirm:hover,
body#slovenske-poti .swal2-actions > button.btn-primary:hover,
body#slovenske-poti .swal2-actions > button.swal2-confirm:hover {
  background-color: var(--color-darkblue) !important;
  box-shadow: none;
}
body#slovenske-poti button.btn.btn-secondary, body#slovenske-poti button.btn.swal2-cancel,
body#slovenske-poti a.btn.btn-secondary,
body#slovenske-poti a.btn.swal2-cancel,
body#slovenske-poti input.btn.btn-secondary,
body#slovenske-poti input.btn.swal2-cancel,
body#slovenske-poti .swal2-actions > button.btn-secondary,
body#slovenske-poti .swal2-actions > button.swal2-cancel {
  background-color: transparent;
  color: black;
}
body#slovenske-poti button.btn.btn-secondary:hover, body#slovenske-poti button.btn.swal2-cancel:hover,
body#slovenske-poti a.btn.btn-secondary:hover,
body#slovenske-poti a.btn.swal2-cancel:hover,
body#slovenske-poti input.btn.btn-secondary:hover,
body#slovenske-poti input.btn.swal2-cancel:hover,
body#slovenske-poti .swal2-actions > button.btn-secondary:hover,
body#slovenske-poti .swal2-actions > button.swal2-cancel:hover {
  background-color: var(--color-lightgrey);
  box-shadow: none;
}
body#slovenske-poti button.btn.btn-tertiary, body#slovenske-poti button.btn.btn-danger,
body#slovenske-poti a.btn.btn-tertiary,
body#slovenske-poti a.btn.btn-danger,
body#slovenske-poti input.btn.btn-tertiary,
body#slovenske-poti input.btn.btn-danger,
body#slovenske-poti .swal2-actions > button.btn-tertiary,
body#slovenske-poti .swal2-actions > button.btn-danger {
  background-color: transparent;
  color: var(--color-blue);
  font-weight: bold;
}
body#slovenske-poti button.btn.btn-tertiary:hover, body#slovenske-poti button.btn.btn-danger:hover,
body#slovenske-poti a.btn.btn-tertiary:hover,
body#slovenske-poti a.btn.btn-danger:hover,
body#slovenske-poti input.btn.btn-tertiary:hover,
body#slovenske-poti input.btn.btn-danger:hover,
body#slovenske-poti .swal2-actions > button.btn-tertiary:hover,
body#slovenske-poti .swal2-actions > button.btn-danger:hover {
  background-color: var(--color-lightgrey);
  box-shadow: none;
}
body#slovenske-poti button.btn.btn-danger,
body#slovenske-poti a.btn.btn-danger,
body#slovenske-poti input.btn.btn-danger,
body#slovenske-poti .swal2-actions > button.btn-danger {
  color: var(--color-red);
}
body#slovenske-poti button.btn.btn-outline-dark,
body#slovenske-poti a.btn.btn-outline-dark,
body#slovenske-poti input.btn.btn-outline-dark,
body#slovenske-poti .swal2-actions > button.btn-outline-dark {
  background-color: var(--color-text);
  color: white;
  box-shadow: var(--box-shadow-default);
}
body#slovenske-poti button.btn.btn-outline-dark:hover,
body#slovenske-poti a.btn.btn-outline-dark:hover,
body#slovenske-poti input.btn.btn-outline-dark:hover,
body#slovenske-poti .swal2-actions > button.btn-outline-dark:hover {
  background-color: black;
  box-shadow: none;
}
body#slovenske-poti div.form-group {
  margin-bottom: 24px;
}
body#slovenske-poti div.form-group label {
  color: var(--color-text);
  font-size: 12px;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 4px;
}
body#slovenske-poti input.form-control,
body#slovenske-poti select.form-control,
body#slovenske-poti span.select2 > span.selection > span.select2-selection,
body#slovenske-poti textarea.form-control {
  background-color: white;
  color: var(--color-text);
  font-size: 13px;
  font-weight: 400;
  border-radius: var(--border-radius-5);
  box-shadow: var(--box-shadow-default);
  border: none;
  transition: none;
  min-height: 39px;
}
body#slovenske-poti input.form-control::-moz-placeholder, body#slovenske-poti select.form-control::-moz-placeholder, body#slovenske-poti span.select2 > span.selection > span.select2-selection::-moz-placeholder, body#slovenske-poti textarea.form-control::-moz-placeholder {
  color: var(--color-grey);
}
body#slovenske-poti input.form-control::placeholder,
body#slovenske-poti select.form-control::placeholder,
body#slovenske-poti span.select2 > span.selection > span.select2-selection::placeholder,
body#slovenske-poti textarea.form-control::placeholder {
  color: var(--color-grey);
}
body#slovenske-poti input.form-control:focus,
body#slovenske-poti select.form-control:focus,
body#slovenske-poti span.select2 > span.selection > span.select2-selection:focus,
body#slovenske-poti textarea.form-control:focus {
  box-shadow: var(--box-shadow-default-active);
}
body#slovenske-poti select.form-control {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("../images/arrow-dropdown.svg");
  background-repeat: no-repeat;
  background-size: 9px;
  background-position-x: calc(100% - 15px);
  background-position-y: 17px;
}
body#slovenske-poti textarea.form-control {
  padding-top: 12px;
}
body#slovenske-poti div.dataTables_filter > label {
  background: linear-gradient(90deg, var(--color-text) 90%, transparent 10%);
  color: white;
  box-shadow: var(--box-shadow-default);
  border-radius: var(--border-radius-5);
  font-size: 12px;
  font-weight: 500;
  padding-left: 20px;
}
body#slovenske-poti div.dataTables_filter > label > input.form-control {
  margin-right: 0;
  margin-left: 20px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  box-shadow: none;
}
body#slovenske-poti div.input-group {
  box-shadow: var(--box-shadow-default);
  border-radius: var(--border-radius-5);
}
body#slovenske-poti div.input-group > div.input-group-btn:not(:last-child) > .btn {
  margin-right: 0;
}
body#slovenske-poti div.input-group > div.input-group-btn:hover > button.btn {
  background-color: var(--color-lightgrey-darker);
}
body#slovenske-poti div.input-group > div.input-group-btn > button.btn {
  background-color: var(--color-lightgrey);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--color-text);
  font-size: 12px;
  font-weight: 500;
  padding-right: 30px;
}
body#slovenske-poti div.input-group > div.input-group-btn > button.btn.dropdown-toggle::after {
  content: "";
  position: absolute;
  background-image: url("../images/arrow-dropdown.svg");
  display: inline-block;
  width: 9px;
  height: 15px;
  border: none;
  background-repeat: no-repeat;
  background-size: 9px;
  background-position-y: 5px;
}
body#slovenske-poti div.input-group > div.input-group-btn > ul.dropdown-menu {
  background-color: var(--color-lightgrey);
  margin-top: 0.5px;
  border-radius: 0;
}
body#slovenske-poti div.input-group > div.input-group-btn > ul.dropdown-menu li a {
  color: var(--color-text);
}
body#slovenske-poti div.input-group > input.form-control, body#slovenske-poti div.input-group > textarea.form-control {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  box-shadow: none;
}
body#slovenske-poti a > .block:hover {
  box-shadow: var(--box-shadow-default-active);
}
body#slovenske-poti a > .block:hover.counter-block i.fa-angle-right {
  color: var(--color-blue);
}
body#slovenske-poti .block {
  border-radius: var(--border-radius-10);
  box-shadow: var(--box-shadow-default);
}
body#slovenske-poti .block.counter-block i.fa-angle-right {
  position: absolute;
  right: 34px;
  color: var(--color-grey);
  font-size: 55px;
}
body#slovenske-poti .table-responsive {
  padding: 10px;
}
body#slovenske-poti .table-striped tbody tr:nth-of-type(2n + 1) {
  background-color: var(--color-lightgrey);
}
body#slovenske-poti table.table > tbody > tr:hover {
  background-color: var(--color-lightgrey-darker);
}
body#slovenske-poti table.table > tbody > tr > td {
  padding: 10px 8px !important;
}
body#slovenske-poti table.table > tbody > tr > td > img {
  height: 14px !important;
  width: auto !important;
  padding: 0 !important;
  transform: scale(2);
  transform-origin: left;
}
body#slovenske-poti table.table > tbody > tr > td > img[src="data:image/png;base64,"] {
  visibility: hidden;
}
body#slovenske-poti table.table > tbody > tr > td a {
  margin-right: 16px;
}
body#slovenske-poti table.table > tbody > tr > td a > i {
  color: var(--color-text);
  transform: scale(1.5);
}
body#slovenske-poti table.table > tbody > tr > td a > i:hover {
  color: black;
}
body#slovenske-poti table.table > tbody > tr > td a > i.fa-cog {
  color: var(--color-blue);
}
body#slovenske-poti table.table > tbody > tr > td a > i.fa-cog:hover {
  color: var(--color-darkblue);
}
body#slovenske-poti table.table > tbody > tr > td a > i.fa-trash-o {
  color: var(--color-red);
}
body#slovenske-poti table.table > tbody > tr > td a > i.fa-trash-o:hover {
  color: var(--color-darkred);
}
body#slovenske-poti .pagination {
  margin: 0;
}
body#slovenske-poti .pagination > li.previous, body#slovenske-poti .pagination > li.next {
  min-width: 75px;
  text-align: center;
}
body#slovenske-poti .pagination > li.previous > a {
  border-top-left-radius: var(--border-radius-5);
  border-bottom-left-radius: var(--border-radius-5);
}
body#slovenske-poti .pagination > li.next > a {
  border-top-right-radius: var(--border-radius-5);
  border-bottom-right-radius: var(--border-radius-5);
}
body#slovenske-poti .pagination > li > a {
  font-size: 12px;
}
body#slovenske-poti .pagination > li:not(.active) a:hover {
  background-color: var(--color-lightgrey);
}
body#slovenske-poti ul.nav.nav-tabs {
  border-bottom: 1px solid var(--light-color);
}
body#slovenske-poti ul.nav.nav-tabs li.nav-item button.nav-link {
  background-color: var(--color-lightgrey);
  color: var(--color-text);
  border-radius: 0;
  border: none;
}
body#slovenske-poti ul.nav.nav-tabs li.nav-item button.nav-link:not(.active):hover {
  background-color: var(--color-lightgrey-darker);
}
body#slovenske-poti ul.nav.nav-tabs li.nav-item button.nav-link.active {
  background-color: var(--color-text);
  color: white;
  border: none;
}
body#slovenske-poti ul.nav.nav-tabs li:first-child button.nav-link {
  border-top-left-radius: var(--border-radius-5);
}
body#slovenske-poti ul.nav.nav-tabs li:last-child button.nav-link {
  border-top-right-radius: var(--border-radius-5);
}
body#slovenske-poti .nav-pills .nav-item {
  background-color: white;
  border-radius: var(--border-radius-10);
  box-shadow: var(--box-shadow-default);
  min-width: 120px;
  text-align: center;
}
body#slovenske-poti .nav-pills .nav-item:hover {
  box-shadow: var(--box-shadow-default-active);
}
body#slovenske-poti .nav-pills .nav-item .nav-link {
  border: none;
  color: var(--color-text) !important;
  font-size: 10px;
  line-height: 14px;
  padding: 5px 3px;
  margin: 0;
}
body#slovenske-poti .input-file-container:hover .input-file-trigger {
  background-color: var(--color-lightgrey-darker);
}
body#slovenske-poti .input-file-trigger {
  background-color: var(--color-lightgrey);
  box-shadow: var(--box-shadow-default);
  transition: none;
}
body#slovenske-poti .swal2-container .swal2-modal {
  max-width: 100%;
  padding: 30px;
  border-radius: var(--border-radius-10);
  grid-gap: 24px;
}
body#slovenske-poti .swal2-container .swal2-modal .swal2-close {
  display: none !important;
}
body#slovenske-poti .swal2-container .swal2-modal .swal2-icon {
  margin: 0 auto;
}
body#slovenske-poti .swal2-container .swal2-modal .swal2-icon.swal2-success {
  border-color: var(--color-green);
  color: var(--color-green);
}
body#slovenske-poti .swal2-container .swal2-modal .swal2-icon.swal2-warning {
  border-color: var(--color-yellow);
  color: var(--color-yellow);
}
body#slovenske-poti .swal2-container .swal2-modal .swal2-icon.swal2-error {
  border-color: var(--color-red);
  color: var(--color-red);
}
body#slovenske-poti .swal2-container .swal2-modal .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  background-color: var(--color-red);
}
body#slovenske-poti .swal2-container .swal2-modal .swal2-title {
  color: var(--color-text);
  font-size: 1.5rem;
  font-weight: 500;
  padding: 0;
}
body#slovenske-poti .swal2-container .swal2-modal .swal2-html-container {
  color: var(--color-grey);
  font-size: 1rem;
  font-weight: 400;
  margin: 0;
}
body#slovenske-poti .swal2-container .swal2-modal .swal2-html-container .form-group > label {
  float: left;
}
body#slovenske-poti .swal2-container .swal2-modal .swal2-validation-message {
  background: var(--color-lightgrey-darker);
  color: var(--color-text);
  font-weight: 400;
  border-radius: var(--border-radius-5);
}
body#slovenske-poti .swal2-container .swal2-modal .swal2-validation-message::before {
  background-color: var(--color-red);
}
body#slovenske-poti .swal2-container .swal2-modal .swal2-actions {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 24px;
}
body#slovenske-poti .swal2-container .swal2-modal .swal2-actions .swal2-styled {
  margin: 0;
}
body#slovenske-poti .alert {
  border-radius: var(--border-radius-5);
  box-shadow: var(--box-shadow-default);
}
body#slovenske-poti .alert button.close {
  transform: scale(1.8) translateY(-1px);
  color: white;
  padding: 0;
  margin-left: 16px;
  float: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  text-shadow: inherit;
  opacity: inherit;
  top: inherit;
  right: inherit;
}
body#slovenske-poti .alert button.close:hover {
  opacity: var(--opacity);
}
body#slovenske-poti .select2-container--open {
  z-index: 9999 !important;
}
body#slovenske-poti span.select2 {
  z-index: 6;
  width: 100% !important;
}
body#slovenske-poti span.select2 > span.selection > span.select2-selection {
  outline: none;
}
body#slovenske-poti span.select2 > span.selection > span.select2-selection[aria-expanded=true] {
  box-shadow: var(--box-shadow-default-active);
}
body#slovenske-poti span.select2 > span.selection > span.select2-selection > span.select2-selection__rendered {
  color: var(--color-text);
  line-height: 40px;
  padding-left: 15px;
  text-align: left;
}
body#slovenske-poti span.select2 > span.selection > span.select2-selection > span.select2-selection__arrow {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
}
body#slovenske-poti span.select2 > span.selection > span.select2-selection > span.select2-selection__arrow > * {
  display: none;
}
body#slovenske-poti span.select2 > span.selection > span.select2-selection > span.select2-selection__arrow::after {
  content: "";
  background-image: url(../images/arrow-dropdown.svg);
  background-repeat: no-repeat;
  background-size: 9px;
  background-position-x: calc(100% - 15px);
  background-position-y: 17px;
  display: block;
  width: 40px;
  height: 40px;
}
body#slovenske-poti span.select2-dropdown {
  z-index: 5;
  border-radius: 0;
  border-color: var(--color-text);
  box-shadow: var(--box-shadow-default-active);
}
body#slovenske-poti span.select2-dropdown span.select2-search--dropdown {
  border-top: 1px solid var(--color-text);
}
body#slovenske-poti span.select2-dropdown input.select2-search__field {
  color: var(--color-text);
  border-color: var(--color-text);
  outline: none;
  text-indent: 6px;
}
body#slovenske-poti span.select2-dropdown ul li {
  font-size: 13px;
  color: var(--color-text);
  padding: 0;
  padding-left: 15px;
}
body#slovenske-poti span.select2-dropdown ul li.select2-results__option--highlighted {
  background-color: var(--color-lightgrey-darker);
}
body#slovenske-poti span.select2-dropdown ul li.select2-results__option--selected:not(.select2-results__option--highlighted) {
  background-color: var(--color-lightgrey);
}
body#slovenske-poti span.select2-dropdown ul li:hover {
  background-color: var(--color-lightgrey-darker);
}