div.sv-form-field-message span { color:red;}

/* Department/ section colors */
.department.dep-a a{ background: #FFD600; }
.department.dep-b a{ background: #AAD4E7; }
.department.dep-c a{ background: #FDB0FD; }
.department.dep-d a{ background: #A3A2A2; }
.department.dep-e a{ background: #f0f0f0; }

/*styling av "to top"*/
.scrollToTop{
	width:50px; 
	height:70px;
	padding:10px; 
	text-align:center; 
	background: whiteSmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position:fixed;
	bottom:25px;
	right:25px;
	display:none;
	background: url('/images/18.281ab1e5160b6160d7219b8/1516027292050/arrow-147174_640.png') no-repeat 0px 20px;
}
.scrollToTop:hover{
	text-decoration:none;
}
/*styling av ankarlänkar med smoothscroll to top*/
.uk-button
{
   background:none!important;
   font-size: 20px;
}
/*Styling av slider pluppar*/
.uk-dotnav>*>*
{
   width:10px!important;
   height:10px!important;
}
/*Styling av toppmeny*/

ul.nav a:hover {
    border-bottom: 1px solid #ccc;
    margin-bottom: -1px;
}

.nav > li > a {
    font-size: 1.3em;
    padding: 10px;
}
.sv-jcrmenu-portlet ul.nav-pills {
    float: right;
}

.sv-jcrmenu-portlet li.list-group-item {
    border: none;
    display: block;
}
.sv-jcrmenu-portlet li.list-group-item:hover {
    background-color: #eee;
}

/*Icons for mobilnav and search in menu bar */
.mobilnav {
    color:black; 
    font-size: 3.0em!important;
    }

/* Bootstrap vertikal menu / meny */
li.sv-inline a.list-group-item {
    border-radius: 0;
    margin-bottom: -1px;
}

/* Fading block */
.fadeInBlock {
    opacity:0;
}

#map_layer1 {    
    bottom: 5em;
    color: #fff;
    font-size: 4.5em;
    font-weight: 600 !important;
    position: relative;
    text-align: center;
    z-index: 2;
    text-shadow: 1px 1px 3px #000;
}


/* Bakgrundsbild i topp startsidan */
    
    #svid10_7c01d4ce15040c5b64b4012 {
        
        background-position: 50% -200px;
    }
/* Test med fixed menu.*/

#svid10_7c01d4ce15040c5b64b1a6 {
        background: #fff;
        /*position: fixed;*/
        width:100%;
    top:0px;

    }
body {
    /*padding-top: 115px;*/
}

/* Bootstrap slideshow*/

.carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: 100%;
      margin: auto;
  }
#myCarousel {
    display:flex!important;
    overflow: hidden;
}
.carousel-caption {
    left: 0px;
    right: 0px;
    bottom: 65%;
}
.carousel-caption h2 { font-family: "Source Sans Pro";
    font-size: 3em;
}
.carousel .item {
    height: 20em;
}
/* Fade transition for carousel items */
.carousel .item {
    left: 0 !important;
      -webkit-transition: opacity .4s; /*adjust timing here */
         -moz-transition: opacity .4s;
           -o-transition: opacity .4s;
              transition: opacity .4s;
}
.carousel-control {
    background-image: none !important; /* remove background gradients on controls */
}
/* Fade controls with items */
.next.left,
.prev.right {
    opacity: 1;
    z-index: 1;
}
.active.left,
.active.right {
    opacity: 0;
    z-index: 2;
}

/* Accordion slider with panels*/

.panel-heading {
    background: #eee;
    font-weight: 300;
}
.transp {
    background-color: rgba(255,255,255,0.8);
    font-weight: 300;
}

/* Timeline */

.timeline_open_content h4 {
    margin-bottom:-5px;
}

.timeline_items_wrapper {
    font-family: Source sans Pro;
}

#time_sustain h2{
    color: #000;
    font-size:2em;
    font-weight: 300;
    
}

#time_sustain div.read_more{
    background: #555;
    font-size: 1.2em;
    
}

#time_sustain .item span {
    height: 175px!important;
    font-size: 1.3em;
    line-height: 1.3em;
	 font-weight:300;}


/* News */
.news-slider {
  /* Style the actual content */
}
.news-slider .text-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 1em;
  width: 30%;
  height: 100%;
}
.news-slider .text-content h2 {
  margin: 0;
}
.news-slider .text-content p {
  margin: 1em 0;
}
.news-slider .text-content a.button-link {
  padding: 0.25em 0.5em;
  position: absolute;
  bottom: 1em;
  right: 1em;
}
.news-slider .image-content {
  line-height: 0;
}
.news-slider .image-content img {
  max-width: 100%;
}
.news-slider .news-pager {
  text-align: right;
  display: block;
  margin: 0.2em 0 0;
  padding: 0;
  list-style: none;
}
.news-slider .news-pager li {
  display: inline-block;
  padding: 0.6em;
  margin: 0 0 0 1em;
}
.news-slider .news-pager li.sy-active a {
  color: #31ace2;
}
.news-slider .news-pager li a {
  font-weight: 500;
  text-decoration: none;
  display: block;
  color: #222;
}


/* Justering av länkars utseende */

a:focus, a:hover {
    text-decoration: none;
    color: #000;
}


div.sv-image-portlet a:hover {
    
    border-bottom: none;}

a.NIBE, body a, .NIBE a {
}
    
/* Inställningar för Video-bakgrund */

body {
  background: transparent;
}
 
#svid10_58644b5614fb697e27f31 {
    background: transparent!important;
    overflow: hidden;
}
#video-bg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 20px;
    width: 100%;
    z-index: -2;
}
#bg-video {
    background: url('/images/18.58644b5614fb697e27fb/1441886776128/NIBEkarta.png') no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left:0;
    width: 100%; 
    height: auto;
    z-index: -1;

}
#svid10_58644b5614fb697e27f44 {
background-size:100% auto;}

/*Fixerad bakgrund toppbild startsida inlagd direkt i startsidesmallen*/



/* Inställningar för fullbredds-bild*/

#bgimage1 {
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
  z-index: -1;

}
#bgimage1 img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
}
#svid94_1e38dce15038f0851338 div.sv-image-portlet {
position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
  z-index: -1;
}

#svid94_1e38dce15038f0851338 img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
  object-fit: cover;
}

#svid10_1e38dce15038f08513a8 {
background-color: transparent;}



/* Design av knappar */

div.sv-decoration-Knapporange a {
    -moz-user-select: none;
    background: #ff9933;
    border-radius: 7px;
    cursor: pointer;
    display: inline-block;
    font-size: 1.4em;
    font-family: "source sans pro";
    font-weight: 300;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
div.sv-decoration-Knapporange a:hover {
    background: #ccc;
    font-size: 1.4em;
    font-weight: 300;
    padding: 6px 12px;
    
}
div.sv-decoration-Knappgra a {
     -moz-user-select: none;
    background: #7F7F7F;
    color: #ffffff;
    border-radius: 7px;
    cursor: pointer;
    display: inline-block;
    font-size: 1.4em;
    font-family: "source sans pro";
    font-weight: 300;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
div.sv-decoration-Knappgra a:hover {
    background: #ccc;
    font-size: 1.4em;
    font-weight: 300;
    padding: 6px 12px;
    border-bottom: none; 
    
}

/* Styling av nyhetsmodul */

.nyxformatmall span.sv-channel-paragraph {
margin-bottom: 0em;
}

.linksize {
    color: #7F7F7F;
}

.sv-archive-portlet li {
border-bottom: #ccc dotted 1px;
width: 95%;
padding-bottom: 20px;
}

.eventlist_li li {
    height: auto;
    
}


/* Styling av expanderande meny*/

.sv-expandmenu-portlet table {
background: #ccc;
border-radius: 10px;
margin-top: 10px;}

.sv-expandmenu-portlet td {
padding: 3px;}

.nav li:hover ul.visible1 {
    background: #eee none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-shadow: 5px 5px 5px #ccc;
    left: -25px;
    top: 40px;
    visibility: visible;
    }

.nav li li a {
    background: none;
}


/* Styling av timeline */

#timetextr { color: #000;
position: absolute;
margin-left: 20px;
background: #fff;
font-family: "Source Sans Pro";
font-weight: 300;
font-size: 1.5em;}

#timetextl { color: #000;
position: absolute;
right: 60px;
background: #fff;
font-family: "Source Sans Pro";
font-weight: 300;
font-size: 1.5em;
text-align: right;}

.timeline-inverted {
    text-align: right;
}
.timetextdesc {
    font-size:0.5em;}

.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

    .timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: #eeeeee;
        left: 50%;
        margin-left: -1.5px;
    }

    .timeline > li {
        margin-bottom: 20px;
        position: relative;
    }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li > .timeline-panel {
            width: 46%;
            float: left;
            border: 1px solid #d4d4d4;
            border-radius: 2px;
            padding: 5px;
            position: relative;
            -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
        }

            .timeline > li > .timeline-panel:before {
                position: absolute;
                top: 26px;
                right: -15px;
                display: inline-block;
                border-top: 15px solid transparent;
                border-left: 15px solid #ccc;
                border-right: 0 solid #ccc;
                border-bottom: 15px solid transparent;
                content: " ";
            }

            .timeline > li > .timeline-panel:after {
                position: absolute;
                top: 27px;
                right: -14px;
                display: inline-block;
                border-top: 14px solid transparent;
                border-left: 14px solid #fff;
                border-right: 0 solid #fff;
                border-bottom: 14px solid transparent;
                content: " ";
            }

        .timeline > li > .timeline-badge {
            color: #fff;
            width: 50px;
            height: 50px;
            line-height: 50px;
            font-size: 1.4em;
            text-align: center;
            position: absolute;
            top: 16px;
            left: 50%;
            margin-left: -25px;
            background-color: #ddd;
            z-index: 100;
            border-top-right-radius: 50%;
            border-top-left-radius: 50%;
            border-bottom-right-radius: 50%;
            border-bottom-left-radius: 50%;
        }

        .timeline > li.timeline-inverted > .timeline-panel {
            float: right;
        }

            .timeline > li.timeline-inverted > .timeline-panel:before {
                border-left-width: 0;
                border-right-width: 15px;
                left: -15px;
                right: auto;
            }

            .timeline > li.timeline-inverted > .timeline-panel:after {
                border-left-width: 0;
                border-right-width: 14px;
                left: -14px;
                right: auto;
            }

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

    .timeline-body > p + p {
        margin-top: 5px;
    }

@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline > li > .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

        ul.timeline > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        ul.timeline > li > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }
}

/* Justering av layout för nyhetsmodul */

div.sv-archive-portlet img {
margin-right: 20px;}


/* Justering av storlek för sökruta*/

/*div.sv-searchform-portlet form {
width: 340px; 
float: right;
    
}*/

/* Justering av marginal efter font-awesome-iconer */

i.fa {
margin-right: 5px;
}

/* Top scroller topp */

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 10%;
  white-space: nowrap;
  background: rgba(153, 153, 153, 0.8) url(/images/18.7c01d4ce15040c5b64b4d1/1444978749910/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #ccc;
  opacity: 1;
}
.cd-top i {
    color: #fff;
    font-size: 2.5em!important;
}

@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
    .cd-top i {
    font-size: 2.5em!important;
}
    
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 90px;
    bottom: 30px;
  }
    .cd-top i {
    color: #fff;
    font-size: 4em!important;
}
}

/*Designinställningar för mobilupplösning*/
@media only screen and (max-width : 900px) {

    .sv-row, .sv-row-1, .sv-row-2, .sv-row-3, .sv-row-4, .sv-row-5, .sv-row-6, .sv-row-7, .sv-row-8, .sv-row-9, .sv-row-10, .sv-row-11, .sv-row-12 {
    margin-left: 20px;
    margin-right: 20px;
}
    
    .ah1xpaxstartsida {
        font-size: 300%;
    }

    
/* Text över karta */
#map_layer1 {bottom:3em;
width:100%%;
    z-index:2;
position: relative;
text-align: center;
font-size:2.5em;
text-shadow: 0px 0px 5 px #fff;
}


/* Bakgrundsbild i topp startsidan */
    
    #svid10_7c01d4ce15040c5b64b4012 {
        
        background-position: 50% 50%;
    }

    
/* Mobile menu */
    
    .nav > li > a {
    display: block;
}
    div.menu-container ul.nav {
    background: linear-gradient(#eee, #ccc);
    border: #bbb solid 1px;
    border-radius: 10px;        
    box-shadow: 0px 5px 10px #ccc;
    margin-top:70px;
}
    
.nav li ul.visible1 {
    background: none;
    left: 0;
    position: relative;
    width: 90%;
    z-index: 2;
    border: none;
}
.nav li:hover ul.visible1 {
     background: none;
     left: 0;
    top:0;
    position: relative;
    width: 90%;
    z-index: 2;
    border: none;
    }

.nav li ul.visible1 li a {
    background: none;
}
    .nav li ul.visible1 li a:hover {
    background: #eee;
}
    .arrow { display: none; 
    }

    .menu-container a.toggle-menu {
        position: absolute;
        right: 10px;
        top:-25px;
    }

    
div.mobilnav {
    color:black; 
    font-size: 3em!important;
    }
   
#mobilnav2 {
    position: absolute;
    right: 10px;
    top: 30px;
}
    
/* Stop styling of mobile menu*/
.carousel-caption {
     bottom: 5px;
}
    }

.overlaymap {
   background:transparent; 
   position:relative; 
   width:100%;
   height:550px; /* your iframe height */
   top:550px;  /* your iframe height */
   margin-top:-550px;  /* your iframe height */
}
em {color: #000;}

/* Styling of GRI appendix menu */
.gri-menu { 
   border-top: 1px solid rgba(0, 128, 0, 0.4);
   border-right: 1px solid rgba(0, 128, 0, 0.4); 
   border-left: 1px solid rgba(0, 128, 0, 0.4); 
}
.gri-menu li {
   background-color: #bcdbae;
   border-bottom: 1px solid rgba(0, 128, 0, 0.3);
}
.gri-menu li a {
   display:block;
   padding: 8px 15px;
}
.gri-menu li a:hover {
   background:rgba(255, 255, 255, 0.5); 
}
.gri-menu .boldlinksize {
   background-color: #008000; color:white; 
}
.gri-menu .boldlinksize:hover {
   background-color: #008000; color:white;
}
.gri-menu ul li ul li a {
   padding-left:35px;
}
.gri-menu .normal {
   background:rgba(255, 255, 255, 0.5); font-size: 100%;
}

/* Styling search function */ 
.search-function { margin-top: 1em;}
.search-function input[type="text"] {
   padding: 5px;
   border: 1px solid #7f7f7f;
   border-radius: 8px;
   margin-right:1em;
}
.search-function input[type="submit"] {
	    padding: 8px 20px;
    border-radius: 20px;
    font-size: 15px;
    font-weight: bold;
   border: 1px solid #7f7f7f;
}
.uk-overlay-primary {
    background: rgba(34,34,34,.5);
}
/* Generated by less 2.5.1 */
/* Mixins */
body {
  background-color: #ffffff!important;
}
.scrollertext {
  margin-right: 50px;
}
.vertmenuborder {
  width: 100%;
}
.comparc .sv-channel-paragraph {
  margin-bottom: 0px;
}
.comparc .ingress {
  font-size: 1.2em;
  font-weight: 600!important;
}
@media screen and (min-width: 800px) {
  .comparc li {
    float: left;
    width: 30%;
    border: 1px solid #cccccc;
    height: 210px;
    margin: 1em;
    padding: 1em;
  }
  .comparc li img {
    margin-right: 0px;
  }
}
.vacancyarc .sv-channel-paragraph {
  margin-bottom: 0px;
}
.vacancyarc .ingress {
  font-size: 1.2em;
  font-weight: 600!important;
}
@media screen and (min-width: 800px) {
  .vacancyarc li {
    float: left;
    width: 30%;
    border: 1px solid #cccccc;
    height: 180px;
    margin: 1em;
    padding: 1em;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  }
  .vacancyarc li img {
    margin-right: 0px;
  }
}
.sv-addresses td {
  width: 50%;
}
.sv-share-info th p {
  text-align: right;
}
div .compnav {
  text-align: center;
}
div .compnav ul.nav-pills {
  display: inline-block;
  float: none;
}
div .compnav ul.nav-pills li.active a {
  background-color: #cccccc;
}
.transp2 {
  background-color: rgba(255, 255, 255, 0.3);
  font-weight: 300!important;
}
em {
  color: #000000;
}
i.fa-chevron-down {
  color: #999;
}
i.fa-chevron-up {
  color: #999;
}
a h3 {
  font-family: Source Sans Pro;
  font-size: 1.8em;
  font-weight: 300;
  padding-top: 0.5em;
}
.panel-heading.panel-white {
  background-color: #ffffff;
}
.panel-heading h4 {
  font-family: 'Source Sans Pro', Arial, Helvetica;
  font-weight: 300;
  margin-bottom: 5px;
}
.uk-sticky-placeholder div {
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.25);
  width: 100px!important;
}
.uk-sticky-placeholder div .uk-active a {
  background: #eee!important;
  color: #999;
}
.cshide {
  display: none;
}
.csshow {
  display: block;
}
.uk-slidenav-position .uk-slidenav-next {
  right: -10px !important;
}
.uk-slidenav-position .uk-slidenav-previous {
  left: -10px !important;
}
.sv-nav-tabs li a {
  font-family: 'Source Sans Pro', Arial, Helvetica;
  font-weight: 300;
  font-size: 120%;
}
.linkbutton-white a {
  color: #000;
  background-color: #fff;
  padding: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fa-chevron-down {
  -webkit-transition: transform 0.5s linear;
  -moz-transition: transform 0.5s linear;
  -ms-transition: transform 0.5s linear;
  -o-transition: transform 0.5s linear;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
}
.fa-chevron-down.open {
  -webkit-transition: transform 0.5s linear;
  -moz-transition: transform 0.5s linear;
  -ms-transition: transform 0.5s linear;
  -o-transition: transform 0.5s linear;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.uk-nav-side.gri-nav a {
  background: #bcdbae;
}
.uk-nav-side li.uk-active a {
  background: #008000;
}
.uk-accordion-title {
  font-family: "Source Sans Pro";
  font-weight: 300;
}
@media screen and (max-width: 800px) {
  h1.heading {
    font-size: 300%;
  }
  h2.subheading {
    font-size: 200%;
  }
  .mobilnav {
    color: #999;
  }
}