
/******** Accordion ********/

.hav-decoration-accordion,
.hav-decoration-open-accordion {
   margin-bottom: 0.5rem;
}
.hav-decoration-accordion .hav-decoration-accordion__heading,
.hav-decoration-open-accordion .hav-decoration-open-accordion__heading {
   display: block;
   position: relative;
   padding: .75rem 3rem .75rem 1rem;
   background-color: #F1F5F6;
   text-decoration: none;
   color: #005F88;
   -webkit-transition: .5s;   
   -o-transition: .5s;   
   transition: .5s;
}
.hav-decoration-accordion.hav-decoration-accordion--open .hav-decoration-accordion__heading,
.hav-decoration-accordion.hav-decoration-accordion--open .hav-decoration-open-accordion__heading{
   font-family: 'TT Norms Pro Medium', sans-serif;
   background-color: #005F88;
   color: #FFFFFF;
}
.hav-decoration-accordion.hav-decoration-accordion--open .hav-decoration-accordion.hav-decoration-accordion-pv__container .hav-decoration-accordion__heading,
.hav-decoration-accordion.hav-decoration-accordion--open .hav-decoration-accordion-pv__content .hav-decoration-accordion .hav-decoration-accordion__heading {
   font-family: 'TT Norms Pro Regular', sans-serif;
   background-color: #F1F5F6;
   color: #005F88;
}

.hav-decoration-accordion.hav-decoration-accordion--open .hav-decoration-accordion.hav-decoration-accordion-pv__container.hav-decoration-accordion--open .hav-decoration-accordion__heading,
.hav-decoration-accordion.hav-decoration-accordion--open .hav-decoration-accordion-pv__content .hav-decoration-accordion.hav-decoration-accordion--open .hav-decoration-accordion__heading {
   font-family: 'TT Norms Pro Medium', sans-serif;
   background-color: #005F88;
   color: #FFFFFF;
}

.hav-decoration-accordion__icon {
   display: block;
   position: absolute;
   top: 0;
   bottom: 0;
   right: .3rem;   
   background-repeat: no-repeat;
   background-position: center;
   background-size: 1.875rem 1.875rem;
   height: 2.75rem;
   width: 2.75rem;
}
.hav-decoration-accordion-pv__icon--plus {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' aria-labelledby='title' aria-describedby='desc' role='img' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EAngle Down%3C/title%3E%3Cdesc%3EA line styled icon from Orion Icon Library.%3C/desc%3E%3Cpath data-name='layer1' fill='none' stroke='%23005f88' stroke-miterlimit='10' stroke-width='2.7' d='M20 26l11.994 14L44 26' stroke-linejoin='round' stroke-linecap='round'%3E%3C/path%3E%3C/svg%3E");
   top: 24px;
}

.hav-decoration-accordion-pv__icon--minus {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' aria-labelledby='title' aria-describedby='desc' role='img' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EAngle Up%3C/title%3E%3Cdesc%3EA line styled icon from Orion Icon Library.%3C/desc%3E%3Cpath data-name='layer1' fill='none' stroke='%23ffffff' stroke-miterlimit='10' stroke-width='2.7' d='M20 40l11.994-14L44 40' stroke-linejoin='round' stroke-linecap='round'%3E%3C/path%3E%3C/svg%3E");
   top: 24px;
}


.hav-decoration-accordion .sv-decoration-content,
.hav-decoration-open-accordion .sv-decoration-content{
   padding: 1rem;
}

/******** Accordion för processvägledning ********/

.hav-decoration-accordion-pv__subheading {  
    font-family: 'TT Norms Pro Medium', sans-serif;  
    font-size: .85rem;
    line-height: 1.2;
    font-weight: 500;    
    margin: 0.25rem 0 0 0!important;
    color: #6F6F6F;
}
.hav-decoration-accordion-pv__subheading--uppercase {
    text-transform: uppercase;
}
h2.hav-decoration-accordion-pv__heading {    
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 600;    
    margin: 0.25rem 0 0 0!important;
    color: #005F88;
    letter-spacing: -0.5px;
}

p.hav-decoration-accordion-pv__body {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: normal;    
    margin: 0.25rem 0 0 0!important;
    color: #232323;
    letter-spacing: -0.5px;
}

.hav-decoration-accordion__section-icon,
.hav-decoration-accordion__check-icon,
.hav-decoration-accordion__search-icon {
    display: block;
    position: relative;
    top: 2px;
    bottom: 0;
    right: .3rem;    
    background-repeat: no-repeat;
    background-position: center;
    background-size: 52px 52px;
    height: 52px;
    width: 52px;
}

.hav-decoration-accordion__section-icon--plus {
    /* prod */
    background-image: url('/images/18.8f02f53198005695544c5fb/1752755054589/Framtagande-bla.svg'); 
    /* utv */
    /* background-image: url('/images/18.40b0d32219764be51fc30da/1752499848397/Framtagande-bla.svg'); */
}

.hav-decoration-accordion__section-icon--minus {
    /* prod */
    background-image: url('/images/18.8f02f53198005695544c5fc/1752755054598/Framtagande-vit.svg'); 
    /* utv */
    /* background-image: url('/images/18.40b0d32219764be51fc30db/1752499848404/Framtagande-vit.svg'); */
}

.hav-decoration-accordion__check-icon--plus {
    /* prod */
    background-image: url('/images/18.8f02f53198005695544c5fe/1752755054613/Inledning-bla.svg'); 
    /* utv */
    /* background-image: url('/images/18.40b0d32219764be51fc30dd/1752499848420/Inledning-bla.svg'); */
}

.hav-decoration-accordion__check-icon--minus {
    /* prod */
    background-image: url('/images/18.8f02f53198005695544c5ff/1752755054622/Inledning-vit.svg');
    /* utv */
    /* background-image: url('/images/18.40b0d32219764be51fc30de/1752499848426/Inledning-vit.svg'); */
}
.hav-decoration-accordion__search-icon--plus {
    /* prod */
    background-image: url('/images/18.8f02f53198005695544c601/1752755054637/Process-Bla.svg'); 
    /* utv */
    /* background-image: url('/images/18.40b0d32219764be51fc30e0/1752499848456/Process-Bla.svg'); */
}

.hav-decoration-accordion__search-icon--minus {
    /* prod */
    background-image: url('/images/18.8f02f53198005695544c602/1752755054645/Process-vit.svg'); 
    /* utv */
    /* background-image: url('/images/18.40b0d32219764be51fc30e1/1752499848470/Process-vit.svg'); */
}

.hav-decoration-accordion-pv__number--number-icon {
  position: relative;
  border-radius: 50%;
  width: 32px;
  height: 32px;  
  text-align: center;
  font-family: 'TT Norms Pro Bold', sans-serif;  
  font-size: 1rem;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width:32px;
}
.hav-decoration-accordion-pv__number--number-icon-plus {
  border: 1px solid #005F88;
  color: #005F88;
}

.hav-decoration-accordion-pv__number--number-icon-minus {
  background-color: #FFF;
  color: #005F88;
  border: 1px solid #FFF;
}

.hav-decoration-accordion-pv__number {
    align-items: anchor-center;
    column-gap: 1rem;
}
.hav-decoration-accordion-pv__number--collapse-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  position: unset;
  flex:1;
}
.hav-decoration-accordion-pv__number--header-and-icon,
.hav-decoration-accordion-pv__icon-container,
.hav-decoration-accordion-pv__number.env-flex {
  justify-content: left;
  align-items: center;
  column-gap: 1rem;
  flex:9;
}

.hav-decoration-accordion-pv__icon-container {
    align-items: end;
}
.hav-decoration-accordion-pv__number.env-flex {
      justify-content: space-between;      
}

.hav-decoration-accordion-pv__container .hav-decoration-accordion__heading {
    padding-right: 1rem;
}

.hav-decoration-accordion-pv__number--content {
    background-color: #F2F5F6;
}

/** open acc **/
.hav-decoration-accordion.hav-decoration-accordion--open .hav-decoration-accordion-pv__subheading,
.hav-decoration-accordion.hav-decoration-accordion--open .hav-decoration-accordion-pv__heading,
.hav-decoration-accordion.hav-decoration-accordion--open p.hav-decoration-accordion-pv__body {
   color: #FFFFFF;
}

.hav-pv-icon-header {
    display:flex;
    align-items: center;    
    margin:0.5rem 0;
    column-gap: 1rem;
}

.hav-pv-icon-header__icon {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 32px 32px;
    height: 32px;
    width: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
   min-width: 32px;
}

.hav-pv-icon-header__icon--check {
    /* prod */
    background-image: url('/images/18.8f02f53198005695544c5fa/1752755054580/Foljande-ska-inga.svg'); 
    /* utv */
    /* background-image: url('/images/18.40b0d32219764be51fc30d9/1752499848386/Foljande-ska-inga.svg'); */   
}
.hav-pv-icon-header__icon--info {
    /* prod */
    background-image: url('/images/18.8f02f53198005695544c603/1752755054654/Stod.svg'); 
    /* utv */
    /* background-image: url('/images/18.40b0d32219764be51fc30e2/1752499848481/Stod.svg'); */
}
.hav-pv-icon-header__icon--group {
    /* prod */
    background-image: url('/images/18.8f02f53198005695544c604/1752755054661/Vagledning-for-samverkan.svg'); 
    /* utv */
    /* background-image: url('/images/18.40b0d32219764be51fc30e3/1752499848490/Vagledning-for-samverkan.svg'); */
}
.hav-pv-icon-header__header .sv-text-portlet-content p.normal {
    font-family: 'TT Norms Pro Bold', sans-serif;  
    font-size: 1.125rem;    
    line-height: 1.2;
    font-weight: 700;    
    color: #232323;
    margin: 0;      
    margin-bottom: 0;      
}
.hav-pv-icon-header__content {
    margin-left:3rem;    
}

.hav-pv-icon-header__content .sv-text-portlet-content p.normal { 
    margin-bottom: 0.25rem;      
}
.hav-pv-icon-header__content .sv-text-portlet-content p.normal .sv-linkicon { 
    display: none;      
}

 /* PDF links
---------------------------------------------------------------------------- */

.hav-pv-icon-header__content .sv-text-portlet-content p.normal a[href$=".pdf"] {
    position: relative;
    margin-left: 1.4rem;
}

.hav-pv-icon-header__content .sv-text-portlet-content p.normal a[href$=".pdf"]:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: .1rem;
    left: -1.3rem;
    /* prod */
    background: url('/images/18.8f02f53198005695544c600/1752755054629/Ladda-ner-pdf.svg') right no-repeat;    
    /* utv */
    /* background: url('/images/18.40b0d32219764be51fc30df/1752499848434/Ladda-ner-pdf.svg') right no-repeat; */
    width: 1rem;
    height: 1rem;
    background-size: 1rem 1rem;
}


.hav-pv-info-box {
    display: flex;
    align-items: normal;
    margin: 2rem 0 1rem 0;  
    column-gap: 1rem;
    background-color: #005F88;
    padding: .75rem 3rem .75rem 1rem;
}

.hav-pv-info-box__icon {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 32px 32px;
    height: 32px;
    width: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
     /* prod */
    background-image: url('/images/18.8f02f53198005695544c5fd/1752755054606/Inforuta.svg'); 
    /* utv */
    /*  background-image: url('/images/18.40b0d32219764be51fc30dc/1752499848412/Inforuta.svg'); */
    min-width: 32px;
}

.hav-pv-info-box__content,
.hav-pv-info-box__content .sv-text-portlet-content p.normal {
    color: #FFF;
    line-height: 1.5;
    margin-bottom: 0.25rem;   
    margin-top: 0;   
}

.hav-pv-icon-header__content .sv-text-portlet-content ol.normal {
    padding-inline-start: 1rem;
}
.hav-decoration-accordion .sv-decoration-content .hav-blue-box .sv-decoration-content {
    padding: 0;
}
.hav-decoration-accordion-pv__content>.sv-decoration-content {
   padding: 1rem 0;
}
.hav-decoration-accordion-pv__number--content.hav-decoration-accordion-pv__content>.sv-decoration-content {
   padding: 1rem;
}