﻿

.block-list--content h2 [href*="http"]:before { content: "";}
body .block-list--content li h2 [href*="http"]:before { padding: 0;}
 .block-list--news .date { text-transform: uppercase }

.searchresult .tag-list {
    margin-bottom: 23px;
}
 .searchresult .tag-list dt { float: left;}
 .searchresult .tag-list dt:after { padding-right: 5px;}
 .tag-list dd { float: left; }
/* Kolla responsive, inte gjort */
.block-list--sort ul { list-style-type: none; margin-left: 15px; }
.block-list--sort ul li a:before { content: ">"; }
.archivelisting li.active, .block-list--sort li.active, .block-list li.active {
    background-color: #682467;
    color: #FFFFFF!important;
}
.block-list--sort li.active a, .block-list--sort li.active a:before, .block-list--sort li.active a:hover, .block-list--sort li.active a:hover:before,
 .block-list li.active a, .block-list li.active a:before, .block-list li.active a:hover, .block-list li.active a:hover:before { color: #fff;}

body .socialBeam { margin-bottom: 11px;}
body .contentFooter { padding-bottom: 5px;}
body .contentFooter .m-searchword { margin-top: 11px;margin-bottom: 5px;}
body .contentFooter p { margin-bottom: 0;}
body .contentFooter .m-articleSender { margin-bottom: 0;line-height: 30px;}

.archivelisting li.active a, .archivelisting li.active a:before, .archivelisting li.active a:hover, .archivelisting li.active a:hover:before { color: #ffffff;}
/* Statistik */

.form--statistics .selectbox-wrapper li:nth-child(2n) { float: none;}
.form--statistics .selectbox-wrapper, .multiSelectOptions {border: solid 1px;border-top: none;padding-top: 10px;top: -13px;position: relative;}

.form--statistics .selectbox-wrapper li { float: none;line-height: 25px;width: 100%;cursor: pointer;}
.multiSelectOptions { background-color: #fff;width: 46%;z-index: 10;}

.multiSelect, .multiSelect:link { display: block;min-height: 40px;text-decoration: none;color: #000;line-height: 1.29412rem;}
.multiSelect, .selectbox  {
  width: 100%;
  clear: both;
  border-radius: 6px;
  padding: 9px 11px;
  border: 1px solid #000;
  line-height: 1;
  cursor: pointer;
  position: relative;
  margin-bottom: 11px;
  overflow: hidden;
  background: transparent url("img/spriteIcon/spriteIconSmart/dropbox-arrowdown.png") 96% 50% no-repeat;
}

.form--statistics .multiSelectOptions label { line-height: 25px;background-color: #fff;margin-bottom: 0;padding-left: 25px;font-weight: normal;}
.form--statistics .multiSelectOptions label:hover, .form--statistics .selectbox-wrapper li:hover  { background-color: #e2cfdf;}
.multiSelectOptions label input { margin-right: 5px;}
.finnsej { display: none;}

#statResultWrapper div { position: relative;width: 100%;}
#statResultWrapper { position: relative;z-index: 1;}
.resultWrapperTable {overflow-x: auto; position: relative;  }
#diagramWrapper { overflow: visible;}
#lanHolder { clear: both;}
.statslogo, .reportIngress { display: none;}

.island--drift .systemstatus-widget-list a:hover { text-decoration: none; }
.island--drift .systemstatus-widget-list { border-top: none;}

.block-list--news li p { font-weight: normal;}
aside .island .block-list {margin-bottom: 10px;}
.island .block-list + p {clear: left;}

.clickable:hover { cursor: pointer;}

.startpuffcontainer { position: relative;}

body .startpuffcontainer .island--puffbox--a, body .startpuffcontainer .island--puffbox--c {
    width: 45%;
    margin-right: 5%;
}

.startpuffcontainer .rightcolumn .island--puffbox {
    width: 100%;
    margin-right: 0;
}

body .startpuffcontainer .island--puffbox--b {
    width: 95%;
}
.leftcolumn { float: left;width: 68.9656%;clear: none;}
.rightcolumn { float: right;width: 31.0344%; clear:  none;}

.epieditmode .leftcolumn { background-color: yellow; }
.epieditmode .leftcolumn:after { content: "Mitten puffbehållare"}

.epieditmode .rightcolumn { background-color: greenyellow; }
.epieditmode .rightcolumn:after { content: "Höger puffbehållare"}





.beamBox__content ul { list-style: none outside;margin-left: 0;}
body .beamBox__content a {   color: #000000;
    font-weight: 500;
    text-decoration: none;}

body .beamBox__content a:hover { color: #682467;}
.beamBox__content a:before{
  color: #682467;
    content: ">";
    margin-right: 5.5px;
    }

li.leftli {
    clear: both;
}


@media (min-width: 481px) and (max-width: 1159px) {
.leftcolumn { float: left;width: 47.4%;clear: none;}
.rightcolumn { float: right;width: 47.4%; clear:  none;}

.startpuffcontainer .rightcolumn .island--puffbox {
    width: 100%;
}
.startpuffcontainer .leftcolumn .island--puffbox--c {
    width: 100%;
    margin-right: 0;
}

body .startpuffcontainer .island--puffbox--b {
    width: 100%;
}
}

@media (max-width: 480px) {
    .leftcolumn { float: none;width: 100%;clear: none;}
.rightcolumn { float: none;width: 100%; clear:  none;}

.startpuffcontainer .leftcolumn .island--puffbox--c, .startpuffcontainer .leftcolumn .island--puffbox--b {
    width: 100%;
    margin-right: 0;
}
}

@media screen and (max-width: 767px) {
    .pagefooter__col ul a:before
    {
            content: "";
    }
}

.xforms label.accessibility.xformsvisible {
    border: 0px none !important;
    clip: auto !important;
    height: auto !important;
    position: relative !important;
    width: auto !important;
    padding: 3px 1px 3px 1px !important;
}

.xforms input[type=text],
.xforms textarea {
    width: 100% !important;
}

