/*
=========================================================
CUSTOMER BASE CSS
=========================================================
 * Innehåller kundanpassad styling av SiteVision-moduler
 *
 * Copyright (C) Limepark AB.
 * https://limepark.se/licensvillkor
=========================================================*/


/*
---------------------------------------------------------
INLOGGNING
--------------------------------------------------------- */

.sv-login-portlet .sv-login-input-group {
  margin-bottom: 15px;
}

.sv-login-portlet label {
  background: #ddd;
  border: 1px solid #ddd;
  border-radius: 5px 5px 0 0;
  box-sizing: border-box;
  color: #333;
  display: block;
  font-size: 1rem;
  line-height: 1.4;
  padding: 0.4rem 0 0.1rem;
  text-indent: 1rem;
  text-transform: uppercase;
  width: 100% !important;
}

.sv-login-portlet input[type=text],
.sv-login-portlet input[type=password] {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 0 0 5px 5px;
  border-top: #ababab !important;
  box-sizing: border-box;
  color: #333;
  display: block;
  margin: 0 0 1rem;
  padding: 0.8rem 0;
  text-indent: 1rem;
  width: 100% !important;
}

.sv-login-portlet input[type=text]:focus,
.sv-login-portlet input[type=password]:focus {
  background: #f9f5e6;
  border-color: #f4fcdf;
}

.sv-login-portlet input[type=submit] {
  background-color: #84ad21;
  border-color: #84ad21;
  border-style: solid;
  border-width: 1px;
  color: #fff;
  font-size: 1.4rem;
  line-height: 2.1;
  text-transform: uppercase;
  width: 100%;
}

.sv-login-portlet input[type=submit]:hover,
.sv-login-portlet input[type=submit]:active,
.sv-login-portlet input[type=submit]:focus {
  background: #688a16;
  border-color: #688a16;
}

.sv-login-portlet fieldset {
  padding: 0;
}

.sv-login-portlet br {
  display: none;
}


/*
---------------------------------------------------------
PUNKT- OCH NUMRERADE LISTOR
--------------------------------------------------------- */

.sv-text-portlet-content > ul,
.sv-text-portlet-content > ol {
  margin: 0 0 4rem !important;
}

.sv-text-portlet-content li {
  margin: 0.6rem 0 0.6rem;
}

.sv-text-portlet-content ul > * {
  list-style: circle outside url('data:image/svg+xml,%3Csvg%20viewBox%3D\'0%200%2018%2018\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20fill%3D\'%23034a95\'%3E%3Cpath%20%20d%3D%22M7.5%2014A6.505%206.505%200%200%201%201%207.5C1%203.914%203.914%201%207.5%201S14%203.914%2014%207.5%2011.086%2014%207.5%2014z%22%2F%3E%3C%2Fsvg%3E');
}

.sv-text-portlet-content ul > * ul > * {
  list-style: circle outside url('data:image/svg+xml,%3Csvg%20viewBox%3D\'0%200%2028%2028\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20fill%3D\'%23034a95\'%3E%3Cpath%20%20d%3D%22M12%203a9%209%200%201%200%200%2018%209%209%200%201%200%200-18z%22%20opacity%3D%22.3%22%2F%3E%3Cpath%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20d%3D%22M12%202C6.477%202%202%206.477%202%2012s4.477%2010%2010%2010%2010-4.477%2010-10S17.523%202%2012%202zm0%2018a8%208%200%201%201%200-16%208%208%200%200%201%200%2016z%22%2F%3E%3C%2Fsvg%3E');
}

/*
---------------------------------------------------------
FLERNIVÅLÄNK
--------------------------------------------------------- */

.lp-breadcrumbs-wrapper {
  /*border-top: 1px solid #e3e3e3;*/
  padding: 1rem 0;
}


.lp-breadcrumbs-wrapper > div {
  display: flex;
  -ms-flex-align: center;
  margin: 0 auto;
  max-width: 1400px;
  width: 94%;

  justify-content: space-between;
}

.sv-multilevellink-portlet {
  width: 100%;
}

.sv-multilevellink-portlet ul {
  display: flex;
  margin: 0;
  padding: 1.3rem 3rem 1.3rem 0;

  flex-wrap: wrap;
}


.sv-multilevellink-portlet ul:before {
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns=\'http://www.w3.org/2000/svg\'%20fill=\'%23034a95\'%20viewBox=\'0%200%2020%2019\'%3E%3Cpath%20d=\'M10%200l-.524.514L0%2010.236l1.048%201.075.934-.958V19h6.56v-7.478h2.916V19h6.56v-8.647l.934.958L20%2010.236%2010.524.514%2010%200zm0%202.127l6.56%206.73v8.647h-3.644v-7.478H7.084v7.478H3.44V8.857L10%202.127z\'%3E%3C/path%3E%3C/svg%3E');
  background-repeat: no-repeat;
  content: '';
  height: 20px;
  margin-right: 1rem;
  width: 20px;
}


.sv-multilevellink-portlet li {
  align-items: center;
  display: flex;
}

.sv-multilevellink-portlet li .small {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8;
  margin-right: 1.2rem;
}

.sv-multilevellink-portlet a.small {
  color: #034a95;
  text-decoration: none;
}
.sv-multilevellink-portlet li span.small {
  color: #474747;
  font-weight: 400;
}

.sv-multilevellink-portlet a.small:hover {
  text-decoration: underline;
}

/*
---------------------------------------------------------
LÄNKSTIG
--------------------------------------------------------- */

.sv-marketplace-sitevision-breadcrumbs .env-breadcrumb {
  display: flex;
  margin: 0;
  padding: 1.3rem 3rem 1.3rem 0;

  flex-wrap: wrap;
}

.sv-marketplace-sitevision-breadcrumbs .env-breadcrumb:before {
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns=\'http://www.w3.org/2000/svg\'%20fill=\'%23034a95\'%20viewBox=\'0%200%2020%2019\'%3E%3Cpath%20d=\'M10%200l-.524.514L0%2010.236l1.048%201.075.934-.958V19h6.56v-7.478h2.916V19h6.56v-8.647l.934.958L20%2010.236%2010.524.514%2010%200zm0%202.127l6.56%206.73v8.647h-3.644v-7.478H7.084v7.478H3.44V8.857L10%202.127z\'%3E%3C/path%3E%3C/svg%3E');
  background-repeat: no-repeat;
  content: '';
  height: 20px;
  margin-right: 1rem;
  margin-top: 2px;
  width: 20px;
}

.sv-marketplace-sitevision-breadcrumbs .env-breadcrumb .env-breadcrumb__item {
  align-items: center;
  color: #474747;
  display: flex;
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
  font-weight: 400;
  line-height: 1.8;
}

.sv-marketplace-sitevision-breadcrumbs .env-breadcrumb .env-breadcrumb__item a {
  color: #034a95;
  font-family: roboto,arial,helvetica,sans-serif;
  font-weight: 500;
  text-decoration: none;
}

.sv-marketplace-sitevision-breadcrumbs .env-breadcrumb .env-breadcrumb__item a:hover {
  text-decoration: underline;
}

.sv-marketplace-sitevision-breadcrumbs .env-breadcrumb__item span[aria-hidden='true'] {
  color: #474747;
  padding: 0 1.2rem;
}

/*
---------------------------------------------------------
READSPEAKER webReader
--------------------------------------------------------- */

.sv-rs-webapp a.small {
  align-items: center;
  color: #034a95;
  display: flex;
  font-weight: 500;
  padding: 1.3rem 0;
  text-decoration: none;
}

.sv-rs-webapp a.small:hover {
  text-decoration: underline;
}

.sv-rs-webapp a.small:before,
.lp-breadcrumbs-wrapper .sv-text-portlet-content p:before {
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns=\'http://www.w3.org/2000/svg\'%20fill=\'%23034a95\'%20viewBox=\'0%200%2024%2025\'%3E%3Cg%3E%3Cpath%20d=\'M4.758%200C3.098%200%201.575.289.336.856a.543.543%200%200%200-.319.494v7.458c0%20.302.244.544.544.544v.03c.019-.013.042-.022.063-.032a.582.582%200%200%200%20.221-.077%202.69%202.69%200%200%201%20.552-.244c.501-.15%201.085-.242%201.737-.29l.118-.01a16.84%2016.84%200%200%201%201.113-.033c.214%200%20.418-.013.618-.028l.097-.008c.123-.011.236-.03.353-.047a6.02%206.02%200%200%200%20.424-.077c.11-.023.219-.046.323-.074.091-.025.176-.053.263-.08A5.78%205.78%200%200%200%207.1%208.13c.04-.02.083-.036.121-.055a5.78%205.78%200%200%200%20.474-.255c.097-.062.195-.121.286-.185.036-.025.066-.05.102-.076a5.906%205.906%200%200%200%20.542-.454c.065-.064.125-.126.182-.187l.043-.047c.042-.045.089-.093.127-.138.042.068.079.127.125.204.02.032.04.072.062.108.359.624.785%201.501%201.017%202.48.02.091.036.184.053.276.021.106.038.212.053.318.008.064.017.128.023.191.02.185.034.372.034.559v.016c.002.015.002.03.002.045.024.91.382%202.35%201.573%202.499.107.08.25.204.372.386.15.232.261.518.212.926-.208%201.75-1.429%202.097-1.429%202.097a.539.539%200%200%200-.365.457c-.063.6-.524%201.82-1.28%202.955-.756%201.136-1.798%202.214-2.942%202.745a.54.54%200%200%200-.221.193%201.627%201.627%200%200%201-1.357.724%201.62%201.62%200%200%201-1.354-.724.541.541%200%200%200-.223-.191c-.866-.401-1.68-1.11-2.352-1.923a.537.537%200%200%200-.516-.213.544.544%200%200%200-.323.902c.735.89%201.637%201.688%202.684%202.185C3.32%2024.571%204.054%2025%204.908%2025c.86%200%201.601-.433%202.098-1.061%201.384-.665%202.51-1.856%203.329-3.085.762-1.149%201.225-2.272%201.377-3.178.412-.198%201.64-.869%201.869-2.809a2.454%202.454%200%200%200-.382-1.645c-.158-.24-.31-.331-.472-.467.213-.684.385-1.35.518-2%20.026-.123.055-.236.079-.361.032-.17.063-.338.089-.503l.021-.132c.024-.167.047-.335.066-.503.008-.074.02-.15.028-.23.017-.169.03-.337.042-.502l.013-.2c.013-.242.021-.48.021-.715a7.509%207.509%200%200%200-.045-.794%207.46%207.46%200%200%200-.133-.813v-.007c-.002-.006-.002-.012-.005-.019a7.182%207.182%200%200%200-.097-.382l-.032-.108a8.191%208.191%200%200%200-.106-.323l-.064-.161a4.974%204.974%200%200%200-.278-.61l-.074-.146c-.043-.072-.092-.14-.136-.212l-.009-.013c-.002-.004-.006-.006-.006-.01a3.904%203.904%200%200%200-.212-.292%203.48%203.48%200%200%200-.23-.272%203.77%203.77%200%200%200-2.61-1.262C9.117%201.522%207.998.318%205.691.055L5.56.042A6.541%206.541%200%200%200%204.758%200zm16.538%207.836a.514.514%200%200%200-.196.044%208.704%208.704%200%200%200-5.322%208.017%208.696%208.696%200%200%200%205.218%207.967.542.542%200%201%200%20.435-.996%207.604%207.604%200%200%201-4.566-6.971%207.606%207.606%200%200%201%204.656-7.015.542.542%200%201%200-.225-1.047zm1.072%202.499a.514.514%200%200%200-.196.044%205.98%205.98%200%200%200-3.677%205.518%205.978%205.978%200%200%200%203.569%205.468.546.546%200%200%200%20.548-.053.547.547%200%200%200%20.22-.5.547.547%200%200%200-.329-.44%204.891%204.891%200%200%201%20.087-8.99.543.543%200%200%200-.222-1.047zm1.076%202.498a.61.61%200%200%200-.195.045%203.262%203.262%200%200%200-2.036%203.019%203.26%203.26%200%200%200%201.919%202.966.542.542%200%200%200%20.781-.546.544.544%200%200%200-.331-.444%202.166%202.166%200%200%201%20.076-3.989.544.544%200%200%200-.214-1.05zm-21.525.754a.815.815%200%201%200%200%201.63.815.815%200%200%200%200-1.63zm5.979%200a.815.815%200%201%200%200%201.63.815.815%200%200%200%200-1.63z\'%20id=\'Undersida-Feb\'%3E%3C/path%3E%3C/g%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  display: inline-block;
  height: 2.1rem;
  margin: 0 1rem 0 0;
  width: 2.1rem;
}

.lp-breadcrumbs-wrapper .sv-text-portlet-content p:before {
  margin-bottom: -3px;
}

/* Readspeaker player */

#ReadspeakerwebReader + div {
  position: relative;
}

#ReadspeakerwebReader + div .rsfloating.rsexpanded {
  position: absolute;
  right: 0;
  width: -webkit-max-content !important;
  width: -moz-max-content !important;
  width: max-content !important;
}

#ReadspeakerwebReader + div ul.rsbtn_toollist {
  display: flex;
}

.sync_word_highlighted,
.sync_sent_highlighted {
  -webkit-text-fill-color: initial;
}

/* Bort med Readspeakertext */

.rsbtn .rsbtn_toolpanel .rsbtn_tools .rsbtn_tools_inner .rsbtn_powered .rsbtn_btnlabel {
  display: none!important;
}
.rsbtn .rsbtn_toolpanel .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer {
  margin-top: 0!important;
}

/* Knapp för nekade kakor - Readspeaker */

.lp-breadcrumbs-wrapper .lp-denied-cookie-button,
.lp-breadcrumbs-wrapper .limepark-denied-cookie-button__button {
  background: none;
  color: #034a95;
  display: flex;
  padding: 0;
}

/*
---------------------------------------------------------
RELATERAD INFORMATION
--------------------------------------------------------- */

.sv-related-portlet {
  clear: both;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.sv-related-portlet ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.sv-related-portlet h2.subheading {
  margin: 0;
}


/*
---------------------------------------------------------
NYHETER
--------------------------------------------------------- */

/* Skapa artikel-länkar */
a.sv-create-article-entry {
  background: none repeat scroll 0 0 #f5f5f5;
  border: 1px solid #cbcbcb;
  border-radius: 2px;
  color: #333 !important;
  display: block;
  margin: 0 0 0.5rem;
  padding: 0.5rem 2rem;
  text-align: center;
  text-decoration: none !important;
}

a.sv-create-article-entry:hover {
  background-color: #ebebeb;
}


/*
---------------------------------------------------------
NYHETSMENY
--------------------------------------------------------- */

.lp-archivemenu-filter button {
  display: none;
}

.lp-js .lp-archivemenu-filter button {
  border: 0;
  border-radius: 2px;
  display: block;
  font-size: 1.6rem;
  padding: 1.5rem 4.3rem;
}

.sv-archivemenu-portlet {
  border: 1px solid #e3e3e3;
  margin: 0rem 0 3rem !important;
  padding: 1rem 2rem;
}

.sv-archivemenu-portlet h2.subheading {
  line-height: 1;
  margin: 0 0 0.5rem;
}

.sv-archivemenu-portlet ul {
  list-style-type: none;
  padding: 0;
}

.sv-archivemenu-portlet .lp-archivemenu-filter-content > ul {
  margin: 0;
}

.sv-archivemenu-portlet .lp-archivemenu-filter-content > ul > li {
  display: block;
  margin-top: 1rem;
}

.sv-archivemenu-portlet li {
  display: inline-block;
  margin: 0 0.4rem 1rem 0;
}

.sv-archivemenu-portlet .lp-archivemenu-filter-content a {
  background: #eaf6fb;
  border-radius: 2px;
  display: inline-block;
  padding: 0.3rem 1rem;
  text-decoration: none;
}


.sv-archivemenu-portlet .lp-archivemenu-filter-content a:hover {
  text-decoration: underline;
}

.sv-archivemenu-portlet li li.lp-selected a {
  background-color: #034a95;
  background-image: linear-gradient(152deg, rgba(20,130,178,1) 0%, rgba(3,74,149,1) 100%);
  color: #fff;
}

.sv-archivemenu-portlet li li.lp-selected a:hover {
  text-decoration: none;
}

.sv-archivemenu-portlet > ul > li {
  margin: 0 0 1rem;
}

.sv-archivemenu-portlet > ul > li span {
  margin: 0 1rem 0 0;
  vertical-align: middle;
}

/*
---------------------------------------------------------
COOKIEBANNER
--------------------------------------------------------- */

.sv-cookie-consent-modal .env-button--primary.env-button--ghost {
  color: #fff;
}

.sv-marketplace-sitevision-cookie-consent .env-button--primary {
  display: inline-flex;
}

div.sv-cookie-consent-banner {
  border: 1px solid #e3e3e3;
  bottom: 2rem;
  left: 2rem;
  max-height: calc(100vh - 3rem - 3rem);
  max-width: 80rem;
  overflow: auto;
  padding: 1rem;
  position: fixed;
  top: auto;
  width: calc(100% - 3rem - 3rem);
}

.sv-cookie-consent-banner .env-button {
  color: #fff;
}

.sv-cookie-consent-banner .env-button.env-button--link {
  text-decoration: none;
  border: 1px solid #e3e3e3;
  color: #034a95;
  padding-top: 1.8rem;
  padding-right: 3rem;
  padding-bottom: 1.8rem;
  display: flex;
  background-color: #fff;
}

.sv-cookie-consent-banner .env-button.env-button--link:hover {
  text-decoration: underline;
}

/*
---------------------------------------------------------
BILDSPEL
--------------------------------------------------------- */

.sv-marketplace-sitevision-image-viewer {
  --lp-spacing: clamp(2rem, 3vw, 3rem);
  --lp-spacing-x-small: calc(var(--lp-spacing) * 0.5);
  background-color: #EDF6FB;
  padding: var(--lp-spacing-x-small);
}

.sv-marketplace-sitevision-image-viewer .env-button.env-button--brand {
  background-color: #034a95;
  background-image: linear-gradient(152deg, rgba(20, 130, 178, 1) 0%, rgba(3, 74, 149, 1) 100%);
}

.sv-marketplace-sitevision-image-viewer .env-image-viewer-2__viewer__controls {
  margin-bottom: var(--lp-spacing-x-small);
}

/*
---------------------------------------------------------
FILDELNINGSMODULEN (2026)
--------------------------------------------------------- */

/* Marginal efter mapp */
.sv-marketplace-sitevision-file-share [data-testid="folder-icon"] {
  margin-right: 1rem;
}

/* Snyggar till tillbakalänk */
.sv-marketplace-sitevision-file-share .env-button.env-button--icon .env-icon { 
  display: inline-block;
}

.sv-marketplace-sitevision-file-share .env-button--slim.env-button--icon-before {
  padding-inline-start: 1.6875em;
  display: inline-flex;
}

/* Luftigare rader */
.sv-marketplace-sitevision-file-share li.env-list__item {
  padding: .75em 0 !important;
}

/*
---------------------------------------------------------
CTA-KNAPP
--------------------------------------------------------- */

.env-cta {
  min-height: 2.75em;
  line-height: 1.5;
  transition: all 0.3s ease;
}