/*Body bakgrund*/
body{
    background:#e8e5de !important;
    color:#000 !important;
}

/*header och topp-del av sajt.*/
header[role="banner"] {
    background-color: #336da7 !important;
}

.page-top-background {
    background-color: #336da7 !important;
}
/*Stora puffbilden startsida*/
.start-main-blocks .slider--images figcaption, .start-main-blocks .slider .startpagebannerblock figcaption {
    background-color: #336da7 !important;
}

/*Primärtblockområde startsida*/
.start-main-blocks {
    background: transparent !important;
}

/*Vänstermeny, toppen*/
nav.sub-navigation > ul > li.active > a {
    background-color: #336da7 !important;
    color: #fff !important;
}

nav.sub-navigation a {
    color: #3b372b !important;
}

/*Vänstermeny, aktiva valet i menyn när sidan har undersidor*/
/*nav.sub-navigation > ul > li > ul > li.active.has-children > a {
    background-color: #e0ebf4 !important;
}*/

#mobile-menu > nav > ul.login li a, 
.favourites-menu > nav > ul.login li a {
    background: #336da7;
}

#mobile-menu > nav > ul.login li a:hover {
    color: #fff !important;
}

#mobile-menu > nav > ul li a {
    /*font-family:"Gill Sans W01 Medium", Helvetica, sans-serif;*/
    font-family: "Lato Regular", Helvetica, sans-serif;
}
#mobile-menu > nav ul:nth-child(2) li > a {
    /*padding: .8em 2.2em .8em 1.2em !important;*/
    padding: .8em 2.2em .8em .875em !important
}

@media (min-width: 48em) {
    nav.sub-navigation > ul > li > ul > li > ul > li.active.has-children > a {
        border-left: 2px solid #336da7;
    }
    nav.sub-navigation > ul > li > ul > li.active.has-children > a {
        border-left: 2px solid #336da7;
    }
}

@media (max-width: 63.49em) {
header[role="banner"] .top-nav ul li {
    float: left;
}
}
/*Toppmeny, aktiva valet i menyn*/
header[role="banner"] .top-nav ul li.active a {
    background-color: #e0ebf4 !important;
}

/*Huvudmeny, aktiva valet i menyn*/
header[role="banner"] .main-nav nav[role="navigation"] ul li.active a {
    border-bottom-color: #f1f1f1 !important;
}

/*Sidfot för hela webbplatsen*/
footer[role="contentinfo"] {
    /*z-index:1038;*/
    /*z-index: 1037;*/
    z-index:auto;
}
footer[role="contentinfo"] .copyright {
    background-color: #336da7 !important;
}

footer[role="contentinfo"] {
   background-color: #336da7 !important;

}

@media (min-width: 48em) {
    footer[role="contentinfo"] {
     background-color: #336da7 !important;

    }
}

/*Mobilmeny toppen*/
#mobile-menu #close-mobile-menu {
    background-color: #336da7;
}

/*Mobilmeny, aktivt val i menyn*/
  #mobile-menu > nav > ul li a.active {
        border-left: 3px solid #336da7 !important;
    }
@media (min-width: 48em) {
    #mobile-menu > nav > ul li a.active {
        border-left: 2px solid #336da7 !important;
    }
}

#mobile-menu > nav > ul li a.active span {
    color: #626468 !important; 
}

#mobile-menu > nav > ul li.open > a {
    border-left: 3px solid #336da7 !important;
    color: #336da7 !important;
}

@media (min-width: 48em) {
    #mobile-menu > nav > ul li.open > a {
        border-left: 2px solid #336da7 !important;
    }
}

/*Mobil meny hover*/
#mobile-menu > nav ul li a:hover {
    color: #336da7 !important;
}

#mobile-menu > nav ul li a:hover {
    border-left: 3px solid #336da7 !important;
}

@media (min-width: 48em) {
    #mobile-menu > nav ul li a:hover {
        border-left: 2px solid #336da7 !important;
    }
}

#mobile-menu > nav ul li a.expand:hover {
    border-left: 0 !important;
}

#mobile-menu > nav ul li a.expand {
    border-left: 0 !important;
}

#mobile-menu > nav ul li a.expand {
    border-bottom: 0 !important;
}

/*Vänstermeny*/

nav.sub-navigation > ul > li > ul > li > ul > li.active > a {
    color: #626468 !important;
}
    nav.sub-navigation a.active {
        border-left: 3px solid #336da7 !important;
    }

@media (min-width: 48em) {
    nav.sub-navigation a.active {
        border-left: 2px solid #336da7 !important;
    }
}

/*Vänstermeny hover*/
nav.sub-navigation a:hover {
    border-left: 3px solid #336da7;
}

@media (min-width: 48em) {
    nav.sub-navigation a:hover {
        border-left: 2px solid #336da7;
    }
}
/*Rubrik för block*/
/*.panel-heading {
    background-color: #f1f1f1 !important;
    color: #626468 !important;
}*/

.panel-heading {
    background-color: #336da7 !important;
}
.panel-personalized > .panel-heading {
    background-color: #696c71 !important;
}

.start-main-blocks .slider .list-wrap .panel {
    box-shadow:none;
}
.education .start-page-wrapper-listing {
    box-shadow:none;    
}
/*Knappar*/
.btn {
    background: #336da7 !important;
}

  .btn.gray{
          background: #4c433c !important;
        
    }
  .btn.login{
      padding:1em;
  }
  .btn.danger{
      background:#d9534f !important;
  }

.favourites-menu header
{
    background-color: #336da7 !important;
}



/* news */

.panel ul.news li > a {
    background: url("http://arkivering.miun.se:80/wayback/20171026110833/https://medarbetarportalen.miun.se/Static/images/icon-arrow-right-circle.svg") no-repeat left center;
    background-size: 1.75em;
    padding: .275em;
    padding-left: 2.4em;
    border-bottom: 0;
}

.panel ul.news li .labels a {
    background-image: none;
    padding-left: 0;
}

ul.news.list-with-image li > a {
    background-image: none;
    padding-left: 0;
}

ul.list-with-image .item-img {
    display: table-cell;
    vertical-align: top;
    padding-right: 10px;
    width: 40%;
}

ul.list-with-image .item-body {
    display: table-cell;
    vertical-align: top;
}


.panel .date {
    display: inline-block;
    /*font-family: "Gill Sans W01 Book", Helvetica, sans-serif;*/
    font-family: "Lato Regular", Helvetica, sans-serif;
    color: #363636;
}


.panel ul.news li .labels {
    padding: 0;
    padding-left: 2.4em;
}

.panel ul.news li .label {
    display: inline-block;
    white-space: normal;
    text-align: left;
}

.content:not(.start):not(.search) article .labels {
    padding: 1.275em;
    padding-top: 0;
}

@media (min-width: 48em) {
    .content:not(.start):not(.search) article .labels {
        padding: 2.1em;
        padding-top: 0;
    }
}

.content:not(.start):not(.search) article .label > a {
    /*font-family: "Gill Sans W01 Book", Helvetica, sans-serif;*/
    font-family: "Lato Regular", Helvetica, sans-serif;
}

.label-default {
    background-color: #e8e8e8;
}

.label-default > a {
    color: #666;
    /*font-family: "Gill Sans W01 Book", Helvetica, sans-serif;*/
    font-family: "Lato Regular", Helvetica, sans-serif;
}

.panel ul.news li {
    border-bottom: 1px solid #e1e1e1;
    padding: 1.375em 0 1.375em;
}

.panel ul li .label-default > a {
    border-bottom: 0;
    padding: 0;
    color: #666;
}



/* rss */

.panel.rss .panel-title {
    background: url("http://arkivering.miun.se:80/wayback/20171026110833/https://medarbetarportalen.miun.se/Static/images/icon-rss.svg") no-repeat left center;
    background-size: .8em;
}

.panel.rss ul li a {
    background: url("http://arkivering.miun.se:80/wayback/20171026110833/https://medarbetarportalen.miun.se/Static/images/icon-arrow-right-circle.svg") no-repeat left center;
    background-size: 1.7em;
    padding-left: 2.4em;
}
/*IE-fix for chopped off arrow icons. TODO: A media query for large desktop should be added reducing the size to 1.65em */
body.ie .panel.rss ul li a {
    background-size: 1.7em;
}

.panel.rss.panel-with-image ul li a {
    background-image: none;
    padding-left: 0;
}



header[role="banner"] {
    /*z-index: 1039;*/
    /*z-index: 1038;*/
    z-index:auto;
}


/* tools dropdown MOVED TO MIUN.se*/
/*header[role="banner"] .top-nav ul li.dropdown.tools-dropdown ul {
    display: none;
    position: absolute;
    top: 3.2em;
    right: 1.5em;
    width: 300px;
    z-index: 801;
    background: #fff;
    border: 1px solid #e1e1e1;
    box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.2);
}
@media (min-width:38em) {
    header[role="banner"] .top-nav ul li.dropdown.tools-dropdown ul {
        width: 400px;
    }
}
@media (min-width:48em) {
    header[role="banner"] .top-nav ul li.dropdown.tools-dropdown ul {
        top: 3.2em;
        right: .6em;
    }
}
header[role="banner"] .top-nav ul li.dropdown.tools-dropdown ul > li {
    float: left;
}
header[role="banner"] .top-nav ul li.dropdown.tools-dropdown ul > li > a {
    color: #397abd;
    text-align: center;
    border-bottom: 0;
    height: 125px;
}

header[role="banner"] .top-nav ul li.dropdown.tools-dropdown ul > li > a:hover {
    text-decoration: none;
}

header[role="banner"] .top-nav ul li.dropdown.tools-dropdown ul > li > a > .glyphicon,
header[role="banner"] .top-nav ul li.dropdown.tools-dropdown ul > li > a > .fa {
    display: block;
    font-size: 3em;
    padding: .2em 0;
    color:#cecace;
    height: 60.25px;
}
header[role="banner"] .top-nav ul li.dropdown.tools-dropdown ul > li > a > .glyphicon:hover,
header[role="banner"] .top-nav ul li.dropdown.tools-dropdown ul > li > a > .glyphicon:focus,
header[role="banner"] .top-nav ul li.dropdown.tools-dropdown ul > li > a > .fa:hover,
header[role="banner"] .top-nav ul li.dropdown.tools-dropdown ul > li > a > .fa:focus {
    color: #b5b2b5;
}





header[role="banner"] .top-nav ul li a.tools.active:after {
    position: absolute;
    width: 0;
    content: '';
    right: 0;
    bottom: -.8em;
    left: -1.7em;
    margin: auto;
    margin-bottom: -1px;
    border-right: 11px solid transparent;
    border-left: 11px solid transparent;
    border-bottom: 11px solid #fff;
    z-index: 802;
}
@media (min-width:38em) {
    header[role="banner"] .top-nav ul li a.tools.active:after {
        left: -0.7em;
    }
}
@media (min-width:48em) {
    header[role="banner"] .top-nav ul li a.tools.active:after {
        bottom: -1em;
        left: 0;
    }
}*/
#epi-quickNavigator {
    display:none;
}
@media (min-width: 48em) {
    #epi-quickNavigator {
        display:inline-block;
    }
}
.block:after {
    clear: both;
}

/* MOVED TO MIUN.se
.form-group.tools-selector {
    padding: .625em 2em 1em;
}
@media (min-width: 38em) {
    .form-group.tools-selector {
        width: 49%;
    }
}
.form-group.tools-selector > .holder {
    white-space: nowrap;
}
.form-group.tools-selector .fa {
    color: #cecace;
    font-size: 36px;
    margin-right: 10px;
    min-width: 36px;
    position: relative;
    top: 5px;
}
.form-group.tools-selector:last-child {
    width: 100%;
    text-align: right;
}*/

/* Not logged in */

@media (max-width: 48.99em) {
    header[role="banner"].notloggedin {
        height: auto;
    }

    header[role="banner"].notloggedin .header-holder {
        height: 90px;
    }

    header[role="banner"] {
        height: 9em;
    }
}

header[role="banner"].notloggedin .logotype {
    top: auto;
    margin-top: -49px;
}

@media (min-width: 48em) {
    header[role="banner"].notloggedin .logotype {
        margin-top: -50px;
    }
}

@media (min-width: 49em) {
    header[role="banner"].notloggedin .logotype {
        margin: 0 auto 1em;
        top: 0;
        margin-left: 0;
    }
}


header[role="banner"] .top-nav ul li.active a {
    background-color: transparent !important;
}

.content article .block.col-sm-6:first-child,
.content article .block.col-sm-6:last-child {
    padding: 0 2em !important;
}

/* article toolbar icons */
.content:not(.start):not(.search) article .article-toolbar .helpers.favourite {
    background-image: url("http://arkivering.miun.se:80/wayback/20171026110833/https://medarbetarportalen.miun.se/Static/images/icon-favourite-blue.svg");
}
.content:not(.start):not(.search) article .article-toolbar .helpers.favourite.active {
    background-image: url("http://arkivering.miun.se:80/wayback/20171026110833/https://medarbetarportalen.miun.se/Static/images/icon-favourited-blue.svg");
}
.content:not(.start):not(.search) article .article-toolbar .helpers.listen {
    background-image: url("http://arkivering.miun.se:80/wayback/20171026110833/https://medarbetarportalen.miun.se/Static/images/icon-listen-blue.svg");
}
.content:not(.start):not(.search) article .article-toolbar .helpers.print {
    background-image: url("http://arkivering.miun.se:80/wayback/20171026110833/https://medarbetarportalen.miun.se/Static/images/icon-print-blue.svg");
}

.content:not(.start):not(.search) article .article-toolbar .helpers.share {
    background-image: url("http://arkivering.miun.se:80/wayback/20171026110833/https://medarbetarportalen.miun.se/Static/images/icon-share-blue.svg");
}
.content:not(.start):not(.search) article .article-toolbar .helpers.create {
    background-image: url("http://arkivering.miun.se:80/wayback/20171026110833/https://medarbetarportalen.miun.se/Static/images/icon-create-blue.svg");
}
/* IE fix */
body.ie .content:not(.start):not(.search) article .article-toolbar .helpers.favourite {
    background:url("http://arkivering.miun.se:80/wayback/20171026110833/https://medarbetarportalen.miun.se/static/images/icon-favourite-blue.svg") -18px 10px / 52px no-repeat;
}
body.ie .content:not(.start):not(.search) article .article-toolbar .helpers.listen {
    background:url("http://arkivering.miun.se:80/wayback/20171026110833/https://medarbetarportalen.miun.se/static/images/icon-listen-blue.svg") -10px 9px / 36px no-repeat;
}
body.ie .content:not(.start):not(.search) article .article-toolbar .helpers.print {
    background: url("http://arkivering.miun.se:80/wayback/20171026110833/https://medarbetarportalen.miun.se/Static/images/icon-print-blue.svg") -10px 10px / 36px no-repeat;
}
body.ie .content:not(.start):not(.search).content article .article-toolbar .share.helpers {
    background: url("http://arkivering.miun.se:80/wayback/20171026110833/https://medarbetarportalen.miun.se/Static/images/icon-share-blue.svg") -18px 10px / 56px no-repeat;
}
body.ie .content:not(.start):not(.search).content article .article-toolbar .create.helpers {
    background: url("http://arkivering.miun.se:80/wayback/20171026110833/https://medarbetarportalen.miun.se/Static/images/icon-create-blue.svg") -15px 8px / 40px no-repeat;
}


header[role="banner"] .top-nav .nav-holder > div:first-child {
    display: block;
}

header[role="banner"] .top-nav ul li {
    display: none;
}
header[role="banner"] .top-nav ul li a span/*:not(.fa).tool-title*/ {
    display: none;
}
header[role="banner"] .top-nav ul li a span.tools-label,
li.tools > ul > li:last-child {
    display: block !important;
}
@media (max-width:38em) {
    header[role="banner"] .top-nav ul li.dropdown.tools-dropdown ul {
        padding-bottom:2em;
    }
}
header[role="banner"] .top-nav ul li.home {
    display: inline-block;
}
header[role="banner"] .top-nav ul li.home a:hover,
header[role="banner"] .top-nav ul li.home a:focus {
    text-decoration:none;
}
header[role="banner"] .top-nav ul li.home a > span:last-child:hover,
header[role="banner"] .top-nav ul li.home a > span:last-child:focus {
    text-decoration:underline;
}
header[role="banner"] .top-nav ul li.home a span.fa {
    display: inline-block;
}
header[role="banner"] .top-nav ul li.fav, header[role="banner"] .top-nav ul li.tools-dropdown {
    display: inline-block;
    height: 100%;
}
header[role="banner"] .top-nav ul li a.favourite:before, 
header[role="banner"] .top-nav ul li a.favourite:after {
    display: block;
    height: 40px;
}
 
header[role="banner"] .top-nav ul li a.favourite {
    background-image: url('http://arkivering.miun.se:80/wayback/20171026110833/https://medarbetarportalen.miun.se/Static/images/icon-favourite.svg');
    background-repeat: no-repeat;
    background-size: 1em;
    height: 40px;
}
header[role="banner"] .top-nav ul li a.favourite > span:hover,
header[role="banner"] .top-nav ul li a.favourite > span:focus {
    text-decoration:underline;
}
/*show tool also*/
header[role="banner"] .top-nav ul li a.tools {
    height: 40px;
}
header[role="banner"] .top-nav ul li a span.fa-wrench {
    display: inline-block;
}
header[role="banner"] .top-nav ul li a.tools {
    display:block;
    padding: .715em 1em .715em .2em;
}
@media (min-width: 38em) {
    header[role="banner"] .top-nav ul li a.tools {
        padding-right: 2em;
        padding-left: 2.4em;
    }
}
@media (min-width: 48em) {
    header[role="banner"] .top-nav ul li a.tools {
        padding-left:2em;
    }
}
@media (min-width: 63.5em) {
    header[role="banner"] .top-nav ul li a.tools {
        margin-left: 1em;
    }
}


header[role="banner"] .top-nav ul li a.tools:hover,
header[role="banner"] .top-nav ul li a.tools:focus {
    text-decoration:none;
}
header[role="banner"] .top-nav ul li a.tools > span:last-child:hover,
header[role="banner"] .top-nav ul li a.tools > span:last-child:focus {
    text-decoration:underline;
}
header[role="banner"] .top-nav ul li a.favourite {
    padding-right:0;
}

@media (min-width: 63.5em) {
    header[role="banner"] .top-nav ul li {
        display: inline-block;
    }
    header[role="banner"] .top-nav ul li a span {
        display: inline-block;
    }
}


header[role="banner"] .top-nav .nav-holder {
    justify-content: space-between;
}


@media (max-width: 47.99em) {
    .js-toggle-favourites {
        width: 40px;
        height: 40px;
    }
    
    header[role="banner"] .top-nav ul li a.favourite {
        background-position: center center;
    }
    
    header[role="banner"] .top-nav .wrap {
        padding: 0;
    }

    header[role="banner"] .top-nav ul li.home a {
        display: inline-block;
    }

    header[role="banner"] .top-nav ul li.home a > span {
        display: none;
    }
    header[role="banner"] .top-nav ul li.home a > span.fa.fa-home {
        display: inline-block;
    }

    header[role="banner"] .top-nav .nav-holder > div:first-child ul li:first-child a {
        padding: .715em 1.2em;
    }

}

div[role="main"] {
    z-index:auto;
}

.styled-select:after {
    background-color: #336da7;
}

.calendar-list h2 {
    background: #336da7;
 }


.calendarpage .meta span.time,
.calendareventpage .meta span.time {
    background-image: url("http://arkivering.miun.se:80/wayback/20171026110833/https://medarbetarportalen.miun.se/Static/images/icon-time-blue.svg");
}

.calendarpage .meta span.place,
.calendareventpage .meta span.place {
    background-image: url("http://arkivering.miun.se:80/wayback/20171026110833/https://medarbetarportalen.miun.se/Static/images/icon-pin-blue.svg");
}



/* Kontaktblock */
.faq .entry-wrapper.active {
    background: #336da7;
}

.panel-personalized .faq .entry-wrapper.active {
    background: #696c71;
}

/* Fillista */
table.filebrowser caption {
    background: #336da7;
}
table.file-browser thead tr {
    background: #f7f3ef none repeat scroll 0 0 !important;
    color: #626468 !important;
}
table.file-browser th {
    /*color: #fff;*/
}
/* Lyssna-ikon */
span.doclisten {
    background-image: url("http://arkivering.miun.se:80/wayback/20171026110833/https://medarbetarportalen.miun.se/Static/images/icon-listen-blue.svg");
}

/* Sök */
.search-module .wrapper > header a {
    color: #336da7;
}
.search-module .wrapper > header a.active {
    color: #fff;
    background:#336da7;
}
@media (min-width: 48em) {
    .search-module .wrapper > header a {
        background: #336da7;
        color: #fff;
    }
}
@media (min-width: 48em) {
    .search-module .wrapper > header a.active {
        color: #336da7;
        background: #fff;
    }
}
@media (max-width: 63.5em) {
    .search-module .show-filters {
        background-color: #336da7;
    }
}

  table thead tr {
        background: #336da7 !important;
    }


/* Visa fler-knapp */
.show-all a {
    background: #336da7;
}
.show-all a:hover,
.show-all a:focus {
    background: #2a6496;
}

/* tabeller och jobblista */
table thead tr {
    background: #336da7;
}
/*Fillistning*/
table.file-browser caption {
    background: #336da7;
}
/* sub-navigering*/
nav.sub-navigation > ul > li > ul > li.active.has-children > a,
nav.sub-navigation > ul > li > ul > li > ul > li.active.has-children > a {
    border-left-color: #336da7;
}

/*Login modal-fönster*/
.loginmodalform{
    padding-top:1.5em;
    width:200px;
}

.loginmodalform > .btn{
    width:100%;
}


/*adapt top menu to miun.se*/
@media (min-width: 63.5em) {
    header[role="banner"] .top-nav ul li a.favourite {padding-right:0;}
    header[role="banner"] .top-nav ul li a.tools {
        padding-right: .625em;        
    }
    header[role="banner"] .top-nav ul li a.tools {
        padding-left: .625em;
        margin-left:0;
    }
}





/*
     FILE ARCHIVED ON 11:08:33 okt. 26, 2017 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 19:28:54 apr. 30, 2026.
     JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
