@charset "UTF-8";
#side-menu-heading {
  float: left;
  margin-top: 5px;
  display: block;
  float: left;
  background: #fff;
  width: 100%;
  margin-top: 35px;
}
#side-menu-heading a {
  color: #54616e;
  padding: 10px 5%;
  width: 90%;
  margin: 0;
  display: block;
  float: left;
  text-decoration: none;
}
#side-menu-heading ul {
  list-style: none;
  padding: 0;
  margin: 10px 0 0 5%;
  float: left;
  margin-bottom: 10px;
}
#side-menu-heading ul li {
  list-style: none;
  background: #51a938;
  display: block;
  float: left;
  border-radius: 2px;
  margin: 2px 2px 0 0;
}
#side-menu-heading ul li a {
  color: #fff;
  display: block;
  float: left;
  font-size: 12px;
  line-height: 12px;
  padding: 2px 7px;
}
#side-menu-heading ul li a:after {
  content: " ›";
  font-family: Arial;
  font-size: 16px;
  color: #87ed6a;
  font-weight: 300;
}
#side-menu-heading h3 {
  display: none;
  margin: 0;
  padding: 0;
  font-size: 21px;
  line-height: 27px;
  color: #54616e;
  padding: 10px 5%;
  width: 90%;
  margin: 0;
  display: block;
  float: left;
  text-decoration: none;
}

body.darkMode #side-menu {
  background-color: #3c3c3c;
}
body.darkMode #side-menu ul {
  border-top: 1px solid #6de1f3;
}
body.darkMode #side-menu li a {
  background-color: #504f4f;
  color: white;
}
body.darkMode #side-menu-heading {
  background-color: #3c3c3c;
  color: white;
  border-bottom: 1px solid #6de1f3;
}
body.darkMode #side-menu-heading li {
  border-bottom: 1px solid #6de1f3;
}
body.darkMode #side-menu-heading h3 {
  color: white;
}
body.darkMode #side-menu-heading h3 a {
  color: white;
}
body.kontrasti #side-menu {
  background: #48535e;
}
body.kontrasti #side-menu li {
  border-bottom: 1px solid #323d48;
}
body.kontrasti #side-menu li.selected {
  background: #2a3138;
}
body.kontrasti #side-menu-heading {
  background: #fff;
}
body.kontrasti #side-menu-heading ul li {
  background: #ffffff;
}
body.kontrasti #side-menu-heading ul li a {
  color: #48535e;
}
body.kontrasti #side-menu-heading ul li a:after {
  color: #000;
}

.no-touch #side-menu li:hover {
  background-color: #4d5964;
}
.no-touch #side-menu li a:focus {
  outline: 2px dashed #fff;
  background: rgba(0, 0, 0, 0.2);
}
.no-touch #side-menu li a:hover {
  color: #fff;
}

#side-menu {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  float: left;
  height: 100%;
  background: #54616e;
  width: 100%;
  overflow: hidden;
  -webkit-transition: all 0.25s linear;
  transition: all 0.25s linear;
  margin: 0 0 10px 0;
}
#side-menu a.external-link::after {
  background: url(icons/link-external.svg);
  top: 12px;
  right: 8px;
}
#side-menu li {
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  display: block;
  float: left;
  width: 100%;
  position: relative;
  border-bottom: 1px solid #48535e;
  background: none;
}
#side-menu li.closed > ul {
  display: none;
}
#side-menu li.closed span.action {
  background-position: right -120px;
}
#side-menu li span.action {
  display: block;
  float: left;
  height: 42px;
  width: 33px;
  position: absolute;
  right: 0px;
  top: 0px;
  background: url(images/mobile-menu.png) no-repeat right -180px;
}
#side-menu li.open {
  background-position: right -120px;
}
#side-menu li.selected {
  background: #48535e;
  position: relative;
}
#side-menu li.selected:after {
  content: " ";
  position: absolute;
  right: 4px;
  top: 0;
  width: 25px;
  height: 30px;
  background-image: url(images/checked.png);
  background-position: right 8px;
  background-repeat: no-repeat;
  background-size: 25px 21px;
}
#side-menu li.selected a {
  color: #fff;
  font-weight: normal;
}
#side-menu li.selected ul {
  display: block;
}
#side-menu li a {
  color: #fff;
  text-decoration: none;
  font-family: Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 300;
  width: 90%;
  padding: 14px 5% 10px 5%;
  line-height: 16px;
  margin: 0px 0px 0px 0px;
  display: block;
  cursor: pointer;
  overflow: hidden;
  position: relative;
}
#side-menu li ul {
  display: none;
  border-bottom: none;
}
#side-menu li ul li {
  background: #48535e;
  border-top: none;
  border-top: 1px solid #54616e;
}
#side-menu li ul li:last-child {
  border-bottom: none;
}
#side-menu li ul li.selected a {
  color: #fff !important;
  font-weight: bold;
}
#side-menu li ul li a {
  padding: 14px 4% 10px 16%;
  color: #fff !important;
  font-weight: normal;
  font-size: 15px;
  width: 80%;
}
#side-menu ul {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border-top: 1px solid #48535e;
  display: block;
  float: left;
  width: 100%;
}/*# sourceMappingURL=side-menu.css.map */