/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].oneOf[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/App/App.scss ***!
  \*****************************************************************************************************************************************************************************************************/
/* Gridchanges */
.subpage-menu.subpage-menu {
  max-width: 340px;
  font-size: 0.875rem;
  font-weight: 400;
  font-family: "open sans", sans-serif;
  margin-bottom: 2rem;
}
.subpage-menu.subpage-menu a {
  text-decoration: none;
}
.subpage-menu.subpage-menu a span:hover {
  text-decoration: underline;
}
.subpage-menu.subpage-menu ul li {
  height: -moz-max-content;
  height: max-content;
  margin-top: 0;
}
.subpage-menu.subpage-menu ul li div {
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #828282;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.subpage-menu.subpage-menu ul li div i {
  margin-right: 1rem;
}
.subpage-menu.subpage-menu ul li:has(ul) {
  background-color: #f1f6fb;
}
.subpage-menu.subpage-menu .open-list div {
  border-bottom: none;
}
.subpage-menu.subpage-menu .open-list li div {
  border-bottom: 1px solid #828282;
  margin-left: -5px;
}
.subpage-menu.subpage-menu .open-list li:has(ul) i {
  transform: rotate(90deg);
}
.subpage-menu.subpage-menu .open-list-title {
  border-left: 5px solid #e5eef7;
}
.subpage-menu.subpage-menu .open-list-title i {
  transform: rotate(90deg);
}
.subpage-menu.subpage-menu .list-header {
  padding: 1rem;
  color: white;
  background-color: #003a70;
}
.subpage-menu.subpage-menu .list-header a {
  color: white;
}
.subpage-menu.subpage-menu .level-1.active-level {
  margin-left: 0;
  font-weight: bold;
}
.subpage-menu.subpage-menu .level-1.active-level .level-2 {
  font-weight: normal;
}
.subpage-menu.subpage-menu .level-1.active-level .open-list li {
  border-left: none;
}
.subpage-menu.subpage-menu .level-1.active-level .open-list-title {
  border-left: none;
}
.subpage-menu.subpage-menu .level-2 {
  background-color: #f1f6fb;
  border-left: 5px solid #e5eef7;
}
.subpage-menu.subpage-menu .level-2.active-level {
  margin-left: 0;
  font-weight: bold;
}
.subpage-menu.subpage-menu .level-2.active-level .level-3 {
  font-weight: normal;
}
.subpage-menu.subpage-menu .level-2.active-level.active-level {
  font-weight: bold;
}
.subpage-menu.subpage-menu .active-level {
  background-color: #ccdff1;
  border-left: 5px solid #003a70;
  margin-left: -5px;
}
.subpage-menu.subpage-menu .active-level ul {
  background-color: #f1f6fb;
}
.subpage-menu.subpage-menu .active-level ul li i {
  transform: rotate(0deg);
}
.sv-theme-Folktandvarden .subpage-menu.subpage-menu ul li:has(ul), .sv-theme-schyst .subpage-menu.subpage-menu ul li:has(ul) {
  background-color: #eff7f5;
}
.sv-theme-Folktandvarden .subpage-menu.subpage-menu .open-list-title, .sv-theme-schyst .subpage-menu.subpage-menu .open-list-title {
  border-left: 5px solid #cce6e0;
}
.sv-theme-Folktandvarden .subpage-menu.subpage-menu .list-header, .sv-theme-schyst .subpage-menu.subpage-menu .list-header {
  background-color: #008264;
}
.sv-theme-Folktandvarden .subpage-menu.subpage-menu .level-2, .sv-theme-schyst .subpage-menu.subpage-menu .level-2 {
  background-color: #eff7f5;
  border-left: 5px solid #cce6e0;
}
.sv-theme-Folktandvarden .subpage-menu.subpage-menu .active-level, .sv-theme-schyst .subpage-menu.subpage-menu .active-level {
  background-color: #cce6e0;
  border-left: 5px solid #008264;
}
.sv-theme-Folktandvarden .subpage-menu.subpage-menu .active-level ul, .sv-theme-schyst .subpage-menu.subpage-menu .active-level ul {
  background-color: #eff7f5;
}
.sv-theme-vardgivarwebben .subpage-menu.subpage-menu ul li:has(ul) {
  background-color: #faf2f3;
}
.sv-theme-vardgivarwebben .subpage-menu.subpage-menu .open-list-title {
  border-left: 5px solid #eecfd5;
}
.sv-theme-vardgivarwebben .subpage-menu.subpage-menu .list-header {
  background-color: #aa112c;
}
.sv-theme-vardgivarwebben .subpage-menu.subpage-menu .level-2 {
  background-color: #faf2f3;
  border-left: 5px solid #eecfd5;
}
.sv-theme-vardgivarwebben .subpage-menu.subpage-menu .active-level {
  background-color: #eecfd5;
  border-left: 5px solid #aa112c;
}
.sv-theme-vardgivarwebben .subpage-menu.subpage-menu .active-level ul {
  background-color: #faf2f3;
}
.sv-theme-Folkhogskolor .subpage-menu.subpage-menu ul li:has(ul) {
  background-color: #eff7f5;
}
.sv-theme-Folkhogskolor .subpage-menu.subpage-menu .open-list-title {
  border-left: 5px solid #cce6e0;
}
.sv-theme-Folkhogskolor .subpage-menu.subpage-menu .list-header {
  background-color: #008264;
}
.sv-theme-Folkhogskolor .subpage-menu.subpage-menu .level-2 {
  background-color: #eff7f5;
  border-left: 5px solid #cce6e0;
}
.sv-theme-Folkhogskolor .subpage-menu.subpage-menu .active-level {
  background-color: #cce6e0;
  border-left: 5px solid #008264;
}
.sv-theme-Folkhogskolor .subpage-menu.subpage-menu .active-level ul {
  background-color: #eff7f5;
}
.sv-theme-varmland-trafik .subpage-menu.subpage-menu ul li:has(ul) {
  background-color: #fef9ea;
}
.sv-theme-varmland-trafik .subpage-menu.subpage-menu .open-list-title {
  border-left: 5px solid #feefcc;
}
.sv-theme-varmland-trafik .subpage-menu.subpage-menu .list-header {
  background-color: #333333;
}
.sv-theme-varmland-trafik .subpage-menu.subpage-menu .level-2 {
  background-color: #fef9ea;
  border-left: 5px solid #feefcc;
}
.sv-theme-varmland-trafik .subpage-menu.subpage-menu .active-level {
  background-color: #feefcc;
  border-left: 5px solid #f9b000;
}
.sv-theme-varmland-trafik .subpage-menu.subpage-menu .active-level ul {
  background-color: #fef9ea;
}
.sv-theme-smittskydd .subpage-menu.subpage-menu ul li:has(ul) {
  background-color: #f1f6fb;
}
.sv-theme-smittskydd .subpage-menu.subpage-menu .open-list-title {
  border-left: 5px solid #e9f1f8;
}
.sv-theme-smittskydd .subpage-menu.subpage-menu .list-header {
  background-color: #005eb8;
}
.sv-theme-smittskydd .subpage-menu.subpage-menu .level-2 {
  background-color: #f1f6fb;
  border-left: 5px solid #e9f1f8;
}
.sv-theme-smittskydd .subpage-menu.subpage-menu .active-level {
  background-color: #ccdff1;
  border-left: 5px solid #005eb8;
}
.sv-theme-smittskydd .subpage-menu.subpage-menu .active-level ul {
  background-color: #f1f6fb;
}
.sv-theme-rekommenderade-lakemedel .subpage-menu.subpage-menu ul li:has(ul) {
  background-color: #f9f4f9;
}
.sv-theme-rekommenderade-lakemedel .subpage-menu.subpage-menu .open-list-title {
  border-left: 5px solid #e9d6e8;
}
.sv-theme-rekommenderade-lakemedel .subpage-menu.subpage-menu .list-header {
  background-color: #93328e;
}
.sv-theme-rekommenderade-lakemedel .subpage-menu.subpage-menu .level-2 {
  background-color: #f9f4f9;
  border-left: 5px solid #e9d6e8;
}
.sv-theme-rekommenderade-lakemedel .subpage-menu.subpage-menu .active-level {
  background-color: #e9d6e8;
  border-left: 5px solid #93328e;
}
.sv-theme-rekommenderade-lakemedel .subpage-menu.subpage-menu .active-level ul {
  background-color: #f9f4f9;
}
.sv-theme-business .subpage-menu.subpage-menu ul li:has(ul) {
  background-color: #f2f2f2;
}
.sv-theme-business .subpage-menu.subpage-menu .open-list-title {
  border-left: 5px solid #f2f2f2;
}
.sv-theme-business .subpage-menu.subpage-menu .list-header {
  background-color: #93328e;
}
.sv-theme-business .subpage-menu.subpage-menu .level-2 {
  background-color: #f9f4f9;
  border-left: 5px solid #f2f2f2;
}
.sv-theme-business .subpage-menu.subpage-menu .active-level {
  background-color: #f2f2f2;
  border-left: 5px solid #f2f2f2;
}
.sv-theme-business .subpage-menu.subpage-menu .active-level ul {
  background-color: #f2f2f2;
}
.sv-theme-kulturpoolen .subpage-menu.subpage-menu ul li:has(ul) {
  background-color: #f9f4f9;
}
.sv-theme-kulturpoolen .subpage-menu.subpage-menu .open-list-title {
  border-left: 5px solid #e9d6e8;
}
.sv-theme-kulturpoolen .subpage-menu.subpage-menu .list-header {
  background-color: #93328e;
}
.sv-theme-kulturpoolen .subpage-menu.subpage-menu .level-2 {
  background-color: #f9f4f9;
  border-left: 5px solid #e9d6e8;
}
.sv-theme-kulturpoolen .subpage-menu.subpage-menu .active-level {
  background-color: #e9d6e8;
  border-left: 5px solid #93328e;
}
.sv-theme-kulturpoolen .subpage-menu.subpage-menu .active-level ul {
  background-color: #f9f4f9;
}
.sv-theme-sjukvardsregion-mellansverige .subpage-menu.subpage-menu ul li:has(ul) {
  background-color: #d0e1ec;
}
.sv-theme-sjukvardsregion-mellansverige .subpage-menu.subpage-menu .open-list-title {
  border-left: 5px solid #a1c4d8;
}
.sv-theme-sjukvardsregion-mellansverige .subpage-menu.subpage-menu .list-header {
  background-color: #156b9f;
}
.sv-theme-sjukvardsregion-mellansverige .subpage-menu.subpage-menu .level-2 {
  background-color: #d0e1ec;
  border-left: 5px solid #a1c4d8;
}
.sv-theme-sjukvardsregion-mellansverige .subpage-menu.subpage-menu .active-level {
  background-color: #a1c4d8;
  border-left: 5px solid #156b9f;
}
.sv-theme-sjukvardsregion-mellansverige .subpage-menu.subpage-menu .active-level ul {
  background-color: #d0e1ec;
}
.sv-theme-skolbiosidan .subpage-menu.subpage-menu ul li:has(ul) {
  background-color: #f0f0ef;
}
.sv-theme-skolbiosidan .subpage-menu.subpage-menu .open-list-title {
  border-left: 5px solid #e2e2e1;
}
.sv-theme-skolbiosidan .subpage-menu.subpage-menu .list-header {
  background-color: #000000;
}
.sv-theme-skolbiosidan .subpage-menu.subpage-menu .level-2 {
  background-color: #f0f0ef;
  border-left: 5px solid #312D2D;
}
.sv-theme-skolbiosidan .subpage-menu.subpage-menu .active-level {
  background-color: #c5c5c3;
  border-left: 5px solid #000000;
}
.sv-theme-skolbiosidan .subpage-menu.subpage-menu .active-level ul {
  background-color: #f0f0ef;
}
.sv-theme-molkom-folkhogskola .subpage-menu.subpage-menu ul li:has(ul) {
  background-color: #d8f3f3;
}
.sv-theme-molkom-folkhogskola .subpage-menu.subpage-menu .open-list-title {
  border-left: 5px solid #8BE0E0;
}
.sv-theme-molkom-folkhogskola .subpage-menu.subpage-menu .list-header {
  background-color: #00B2B1;
}
.sv-theme-molkom-folkhogskola .subpage-menu.subpage-menu .list-header a {
  color: black;
}
.sv-theme-molkom-folkhogskola .subpage-menu.subpage-menu .level-2 {
  background-color: #d8f3f3;
  border-left: 5px solid #8BE0E0;
}
.sv-theme-molkom-folkhogskola .subpage-menu.subpage-menu .active-level {
  background-color: #8BE0E0;
  border-left: 5px solid #00B2B1;
}
.sv-theme-molkom-folkhogskola .subpage-menu.subpage-menu .active-level ul {
  background-color: #d8f3f3;
}
.sv-theme-kyrkeruds-folkhogskola .subpage-menu.subpage-menu ul li:has(ul) {
  background-color: #eee0ee;
}
.sv-theme-kyrkeruds-folkhogskola .subpage-menu.subpage-menu .open-list-title {
  border-left: 5px solid #D4ADD2;
}
.sv-theme-kyrkeruds-folkhogskola .subpage-menu.subpage-menu .list-header {
  background-color: #93328E;
}
.sv-theme-kyrkeruds-folkhogskola .subpage-menu.subpage-menu .list-header a {
  color: white;
}
.sv-theme-kyrkeruds-folkhogskola .subpage-menu.subpage-menu .level-2 {
  background-color: #eee0ee;
  border-left: 5px solid #D4ADD2;
}
.sv-theme-kyrkeruds-folkhogskola .subpage-menu.subpage-menu .active-level {
  background-color: #D4ADD2;
  border-left: 5px solid #93328E;
}
.sv-theme-kyrkeruds-folkhogskola .subpage-menu.subpage-menu .active-level ul {
  background-color: #eee0ee;
}
.sv-theme-klaraalvdalen-folkhogskola .subpage-menu.subpage-menu ul li:has(ul) {
  background-color: #ddece7;
}
.sv-theme-klaraalvdalen-folkhogskola .subpage-menu.subpage-menu .open-list-title {
  border-left: 5px solid #73B79D;
}
.sv-theme-klaraalvdalen-folkhogskola .subpage-menu.subpage-menu .list-header {
  background-color: #008264;
}
.sv-theme-klaraalvdalen-folkhogskola .subpage-menu.subpage-menu .list-header a {
  color: white;
}
.sv-theme-klaraalvdalen-folkhogskola .subpage-menu.subpage-menu .level-2 {
  background-color: #ddece7;
  border-left: 5px solid #73B79D;
}
.sv-theme-klaraalvdalen-folkhogskola .subpage-menu.subpage-menu .active-level {
  background-color: #73B79D;
  border-left: 5px solid #008264;
}
.sv-theme-klaraalvdalen-folkhogskola .subpage-menu.subpage-menu .active-level ul {
  background-color: #ddece7;
}
.sv-theme-ingesunds-folkhogskola .subpage-menu.subpage-menu ul li:has(ul) {
  background-color: #ffe6b8;
}
.sv-theme-ingesunds-folkhogskola .subpage-menu.subpage-menu .open-list-title {
  border-left: 5px solid #FED077;
}
.sv-theme-ingesunds-folkhogskola .subpage-menu.subpage-menu .list-header {
  background-color: #F9B000;
}
.sv-theme-ingesunds-folkhogskola .subpage-menu.subpage-menu .list-header a {
  color: black;
}
.sv-theme-ingesunds-folkhogskola .subpage-menu.subpage-menu .level-2 {
  background-color: #ffe6b8;
  border-left: 5px solid #FED077;
}
.sv-theme-ingesunds-folkhogskola .subpage-menu.subpage-menu .active-level {
  background-color: #FED077;
  border-left: 5px solid #F9B000;
}
.sv-theme-ingesunds-folkhogskola .subpage-menu.subpage-menu .active-level ul {
  background-color: #ffe6b8;
}
.sv-theme-Folkhogskolor .subpage-menu.subpage-menu ul li:has(ul) {
  background-color: #fbdaeb;
}
.sv-theme-Folkhogskolor .subpage-menu.subpage-menu .open-list-title {
  border-left: 5px solid #F599C8;
}
.sv-theme-Folkhogskolor .subpage-menu.subpage-menu .list-header {
  background-color: #E50076;
}
.sv-theme-Folkhogskolor .subpage-menu.subpage-menu .list-header a {
  color: white;
}
.sv-theme-Folkhogskolor .subpage-menu.subpage-menu .level-2 {
  background-color: #fbdaeb;
  border-left: 5px solid #F599C8;
}
.sv-theme-Folkhogskolor .subpage-menu.subpage-menu .active-level {
  background-color: #F599C8;
  border-left: 5px solid #E50076;
}
.sv-theme-Folkhogskolor .subpage-menu.subpage-menu .active-level ul {
  background-color: #fbdaeb;
}
.sv-theme-kristinehamn-folkhogskola .subpage-menu.subpage-menu ul li:has(ul) {
  background-color: #ebf6d8;
}
.sv-theme-kristinehamn-folkhogskola .subpage-menu.subpage-menu .open-list-title {
  border-left: 5px solid #b0dc66;
}
.sv-theme-kristinehamn-folkhogskola .subpage-menu.subpage-menu .list-header {
  background-color: #7cc400;
}
.sv-theme-kristinehamn-folkhogskola .subpage-menu.subpage-menu .list-header a {
  color: black;
}
.sv-theme-kristinehamn-folkhogskola .subpage-menu.subpage-menu .level-2 {
  background-color: #ebf6d8;
  border-left: 5px solid #b0dc66;
}
.sv-theme-kristinehamn-folkhogskola .subpage-menu.subpage-menu .active-level {
  background-color: #b0dc66;
  border-left: 5px solid #7cc400;
}
.sv-theme-kristinehamn-folkhogskola .subpage-menu.subpage-menu .active-level ul {
  background-color: #ebf6d8;
}