@charset "UTF-8";

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after {
  content: "";
  content: none;
}

q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

@font-face {
  font-family: "Georgia Pro";
  src: url("/static/fonts/GeorgiaW07-Bold-bcdc4b5be5.woff2") format("woff2"), url("/static/fonts/GeorgiaW07-Bold-b16c23ff35.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Georgia Pro";
  src: url("/static/fonts/GeorgiaW07-Regular-8d2e16eb30.woff2") format("woff2"), url("/static/fonts/GeorgiaW07-Regular-4f2511e663.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Helvetica Neue";
  src: url("/static/fonts/HelveticaNeueLTW01-55Roman-175966adf4.woff2") format("woff2"), url("/static/fonts/HelveticaNeueLTW01-55Roman-b49e235f33.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Helvetica Neue";
  src: url("/static/fonts/HelveticaNeueLTW01-65Medium-bc69d60c1f.woff2") format("woff2"), url("/static/fonts/HelveticaNeueLTW01-65Medium-6aa6e18fe4.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Helvetica Neue Condensed";
  src: url("/static/fonts/HelveticaNeueLTW01-77BoldCn-d9730d817f.woff2") format("woff2"), url("/static/fonts/HelveticaNeueLTW01-77BoldCn-08348335c2.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}

/*

body > footer a {
    @include link-standard;
}

body > main p {
    @include link-paragraph;
}

*/

html {
  height: 100%;
}

body {
  background: #ffffff;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

header {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

main {
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

footer {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

#button-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 70px;
  border-bottom: 5px solid #009CDC;
}

@media (min-width: 1200px) {
  #button-row {
    padding: 0;
    width: 100%;
    max-width: 1160px;
    margin-left: auto;
    margin-right: auto;
    height: 100px;
  }
}

#button-row li {
  margin-left: 20px;
  min-width: 36px;
}

@media (min-width: 1200px) {
  #button-row {
    border-bottom: 0;
  }
}

#logga {
  background: url("/static/images/bf-logga-167a0e90ce.svg") no-repeat 0px 15px/150px 40px;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: block;
  width: 150px;
  height: 70px;
}

@media (min-width: 1200px) {
  #logga {
    background-image: url("/static/images/bf-logga-167a0e90ce.svg");
    background-size: 239px 64px;
    background-position: 3px 10px;
    background-repeat: no-repeat;
    width: 245px;
    height: 84px;
  }
}

#meny_knapp {
  background: url("/static/images/hb_meny-8b5dd30d73.svg") no-repeat 19px 19px/32px 32px;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  cursor: pointer;
  width: 70px;
  height: 70px;
}

@media (min-width: 1200px) {
  #meny_knapp {
    display: none;
  }
}

#knapp_kundservice2 {
  background: url("/static/images/icons_scaled/kundservice_icon-9becade1f7.svg") no-repeat center 0px/36px 36px;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: inline-block;
  height: 36px;
}

#knapp_fragor_och_svar2 {
  background: url("/static/images/icons_scaled/faq_icon-25a54d2c58.svg") no-repeat center 0px/36px 36px;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: inline-block;
  height: 36px;
}

#knapp_lyssna2 {
  background: url("/static/images/icons_scaled/lyssna_icon-ed58f332d9.svg") no-repeat center 0px/36px 36px;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: inline-block;
  height: 36px;
}

#knapp_language2 {
  background: url("/static/images/icons_scaled/language_icon-85ea94dd23.svg") no-repeat center 0px/36px 36px;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: inline-block;
  height: 36px;
}

#knapp_registrera2 {
  background: url("/static/images/icons_scaled/register_icon-2ebecbab75.svg") no-repeat center 0px/36px 36px;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: inline-block;
  height: 36px;
}

#knapp_logga_in2 {
  background: url("/static/images/icons_scaled/logga-in_icon-e3d1f10d72.svg") no-repeat center 0px/36px 36px;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: inline-block;
  height: 36px;
}

#knapp_mina_sidor2 {
  background: url("/static/images/icons_scaled/loggedin_user_icon-3e8b97942d.svg") no-repeat center 0px/36px 36px;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: inline-block;
  height: 36px;
}

#knapp_logga_ut2 {
  background: url("/static/images/icons_scaled/logga-ut-6287a013ee.svg") no-repeat center 0px/36px 36px;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: inline-block;
  height: 36px;
}

#knapp_logga_in3 {
  background: url("/static/images/icons_scaled/logga-in_icon-e3d1f10d72.svg") no-repeat 24px 19px/32px 32px;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: inline-block;
  width: 80px;
  height: 70px;
}

#knapp_mina_sidor3 {
  background: url("/static/images/icons_scaled/loggedin_user_icon-3e8b97942d.svg") no-repeat 19px 19px/32px 32px;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: inline-block;
  width: 70px;
  height: 70px;
}

@media (min-width: 1200px) {
  #knapp_mina_sidor3 {
    display: none;
  }
}

#knapp_logga_in3 {
  background: url("/static/images/icons_scaled/logga-in_icon-e3d1f10d72.svg") no-repeat 19px 19px/32px 32px;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: inline-block;
  width: 70px;
  height: 70px;
}

@media (min-width: 1200px) {
  #knapp_mina_sidor3,
  #knapp_logga_in3 {
    display: none;
  }
}

nav {
  display: none;
}

@media (min-width: 1200px) {
  nav {
    display: block;
  }
}

nav > ul {
  display: inline-block;
}

nav > ul > li {
  display: inline-block;
}

nav > ul > li > a {
  font: bold 14px Helvetica Neue;
  padding-top: 44px;
  width: 100%;
  display: inline-block;
  text-align: center;
}

nav > ul > li > a,
nav > ul > li > a:hover,
nav > ul > li > a:active {
  color: #373C3E;
  text-decoration: none;
}

#closeCross {
  background: #009ddc;
  cursor: pointer;
  display: block;
  height: 21px;
  width: 21px;
  line-height: 21px;
  border-radius: 50%;
  color: white;
  text-align: center;
  font-size: 1em;
}

#closeCross:hover {
  background: #0088bf;
}

#googletranslate {
  padding: 20px;
}

#googletranslate p,
#googletranslate a {
  font: 14px Helvetica Neue;
  padding-top: 10px;
  padding-bottom: 10px;
}

#googletranslate li > a {
  text-decoration: none;
}

#googletranslate li > a:hover {
  color: #07a0dd;
}

@media (min-width: 1200px) {
  header > nav#main-menu {
    z-index: 1102;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative;
    overflow: visible;
    left: inherit;
    width: inherit;
    height: inherit;
    max-width: inherit;
    transition: inherit;
    background: #009CDC;
  }

  header > nav#main-menu > #main-menu-close-button,
  header > nav#main-menu .twocolumn {
    display: none;
  }

  header > nav#main-menu > .page-tree {
    max-width: 1194px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  header > nav#main-menu > .page-tree > a.item {
    padding-left: 17px;
    padding-top: 17px;
    padding-bottom: 17px;
    display: block;
    color: #ffffff;
    text-decoration: none;
    font-family: 'Helvetica Neue', sans-serif;
    font-weight: bold;
    font-size: 19px;
    line-height: 24px;
    padding-right: 17px;
    color: white;
  }

  header > nav#main-menu > .page-tree > a.item:hover,
  header > nav#main-menu > .page-tree > a.item:focus {
    color: #ffffff;
    background-color: #0075a5;
    outline: none;
  }

  header > nav#main-menu > .page-tree > .submenu > .submenu-title {
    cursor: pointer;
    padding-left: 17px;
    padding-top: 17px;
    padding-bottom: 17px;
    display: block;
    color: #ffffff;
    text-decoration: none;
    font-family: 'Helvetica Neue', sans-serif;
    font-weight: bold;
    font-size: 19px;
    line-height: 24px;
    color: #ffffff;
  }

  header > nav#main-menu > .page-tree > .submenu > .submenu-title:after {
    float: inherit;
    width: inherit;
    margin: inherit;
    padding: inherit;
    height: inherit;
    border: inherit;
  }

  header > nav#main-menu > .page-tree > .submenu > .submenu-title:after {
    float: none;
    content: "";
    background-image: url("/static/images/main-menu-expand-w-6f70539907.svg");
    background-repeat: no-repeat;
    background-position: 10px 23px;
    width: 20px;
    height: 20px;
    margin-top: -17px;
    padding: 17px;
  }

  header > nav#main-menu > .page-tree > .submenu > .submenu-title:hover,
  header > nav#main-menu > .page-tree > .submenu > .submenu-title:focus {
    background-color: #0075a5;
    color: #ffffff;
    outline: none;
  }

  header > nav#main-menu > .page-tree > .submenu > .submenu-title:hover:after,
  header > nav#main-menu > .page-tree > .submenu > .submenu-title:focus:after {
    float: none;
    content: "";
    background-image: url("/static/images/main-menu-expand-w-6f70539907.svg");
    background-repeat: no-repeat;
    background-position: 10px 23px;
    width: 20px;
    height: 20px;
    margin-top: -17px;
    padding: 17px;
  }

  header > nav#main-menu > .page-tree > .submenu > .wrapper > .submenu-menu {
    display: none;
  }

  header > nav#main-menu > .page-tree > .submenu.open > .submenu-title {
    color: #ffffff;
    background: #0075a5;
  }

  header > nav#main-menu > .page-tree > .submenu.open > .submenu-title:after {
    float: none;
    content: "";
    background-image: url("/static/images/main-menu-collapse-w-2199958eea.svg");
    background-repeat: no-repeat;
    background-position: 10px 23px;
    width: 20px;
    height: 20px;
    margin-top: -17px;
    padding: 17px;
  }

  header > nav#main-menu > .page-tree > .submenu.open > .wrapper {
    width: 100%;
    background: #0075a5;
    position: absolute;
    left: 0;
  }

  header > nav#main-menu > .page-tree > .submenu.open > .wrapper > .submenu-menu {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    max-width: 1160px;
    margin-left: auto;
    margin-right: auto;
  }

  header > nav#main-menu > .page-tree > .submenu.open > .wrapper > .submenu-menu > .submenu {
    padding-right: 40px;
    -webkit-flex-basis: 16.67%;
    -ms-flex-preferred-size: 16.67%;
    flex-basis: 16.67%;
    overflow-x: hidden;
  }

  header > nav#main-menu > .page-tree > .submenu.open > .wrapper > .submenu-menu > .submenu:last-child {
    padding-right: 0;
  }

  header > nav#main-menu > .page-tree > .submenu.open > .wrapper > .submenu-menu > .submenu > .submenu-title {
    padding-left: 34px;
    padding-top: 17px;
    padding-bottom: 17px;
    display: block;
    color: #ffffff;
    text-decoration: none;
    font-family: 'Helvetica Neue', sans-serif;
    font-weight: bold;
    font-size: 17px;
    line-height: 24px;
    word-break: break-word;
    padding-left: 0;
    padding-bottom: 10px;
    border-bottom: 1px dashed #fff;
  }

  header > nav#main-menu > .page-tree > .submenu.open > .wrapper > .submenu-menu > .submenu > .wrapper > .submenu-menu {
    word-wrap: break-word;
    padding-top: 5px;
    display: block;
    padding-bottom: 17px;
  }

  header > nav#main-menu > .page-tree > .submenu.open > .wrapper > .submenu-menu > .submenu > .wrapper > .submenu-menu > a.item {
    padding-left: 51px;
    padding-top: 17px;
    padding-bottom: 17px;
    display: block;
    color: #ffffff;
    text-decoration: none;
    font-family: 'Helvetica Neue', sans-serif;
    font-weight: normal;
    font-size: 17px;
    padding-left: 0;
    border-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  header > nav#main-menu > .page-tree > .submenu.open > .wrapper > .submenu-menu > .submenu > .wrapper > .submenu-menu > a.item:hover {
    text-decoration: underline;
  }

  header > nav#main-menu > .page-tree > .submenu.open > .wrapper > .submenu-menu > a.item {
    padding-left: 34px;
    padding-top: 17px;
    padding-bottom: 17px;
    display: block;
    color: #ffffff;
    text-decoration: none;
    font-family: 'Helvetica Neue', sans-serif;
    font-weight: bold;
    font-size: 17px;
    line-height: 24px;
    padding-right: 40px;
    padding-left: 0;
    -webkit-flex-basis: 16.67%;
    -ms-flex-preferred-size: 16.67%;
    flex-basis: 16.67%;
  }

  header > nav#main-menu > .page-tree > .submenu.open > .wrapper > .submenu-menu > a.item:hover {
    text-decoration: underline;
  }
}

@media (max-width: 1199px) {
  body.open {
    overflow: hidden;
    position: fixed;
  }

  #main-menu-background {
    z-index: 1101;
    display: none;
    position: fixed;
    overflow: hidden;
    background: #000;
    opacity: 0;
    width: 100%;
    height: 100vh;
  }

  #main-menu-background.open {
    display: block;
    opacity: 0.7;
  }

  nav#main-menu {
    z-index: 1102;
    position: fixed;
    overflow-y: scroll;
    top: 0;
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-left: 10px solid #009CDC;
    max-width: 360px;
    width: 100%;
    left: -360px;
    background-color: white;
    transition: left .2s ease-out;
  }

  nav#main-menu.open {
    left: 0;
  }

  nav#main-menu > #main-menu-close-button {
    display: inline-block;
    cursor: pointer;
    color: #333333;
    text-align: right;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 17px;
    padding-top: 17px;
    padding-bottom: 17px;
    font-family: 'Helvetica Neue', sans-serif;
    font-weight: bold;
    font-size: 17px;
    line-height: 24px;
    border-bottom: 1px solid #e6e6e6;
  }

  nav#main-menu > #main-menu-close-button:after {
    content: '';
    background-image: url("/static/images/main-menu-cross-9f66f18ae4.svg");
    background-repeat: no-repeat;
    background-position: right center;
    width: 17px;
    height: 12px;
    display: inline-block;
  }

  nav#main-menu > .page-tree {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  nav#main-menu > .page-tree > a.item {
    padding-left: 17px;
    padding-top: 17px;
    padding-bottom: 17px;
    display: block;
    color: #333333;
    text-decoration: none;
    font-family: 'Helvetica Neue', sans-serif;
    font-weight: bold;
    font-size: 17px;
    line-height: 24px;
    border-bottom: 1px solid #e6e6e6;
  }

  nav#main-menu > .page-tree > .submenu > .submenu-title {
    cursor: pointer;
    padding-left: 17px;
    padding-top: 17px;
    padding-bottom: 17px;
    display: block;
    color: #333333;
    text-decoration: none;
    font-family: 'Helvetica Neue', sans-serif;
    font-weight: bold;
    font-size: 17px;
    line-height: 24px;
    border-bottom: 1px solid #e6e6e6;
  }

  nav#main-menu > .page-tree > .submenu > .submenu-title:after {
    float: right;
    content: "";
    background-image: url("/static/images/main-menu-expand.svg");
    background-repeat: no-repeat;
    background-position-y: 6px;
    width: 30px;
    height: 20px;
  }

  nav#main-menu > .page-tree > .submenu > .wrapper > .submenu-menu {
    display: none;
    border-top: 1px solid #d9d9d9;
    background: #f2f2f2;
    /*background:
                        url('../images/main-menu-a-fa9f7b9377.svg') center top no-repeat,
                        linear-gradient(to bottom, darken($color-high-contrast-2,1.5%) 0px, $color-high-contrast-2 6px, transparent($color-high-contrast-2) 7px),
                        linear-gradient(to top, darken($color-high-contrast-2,1.5%) 0px, $color-high-contrast-2 6px, transparent($color-high-contrast-2) 7px),
                        $color-high-contrast-2;*/
  }

  nav#main-menu > .page-tree > .submenu > .wrapper > .submenu-menu > .submenu > .submenu-title {
    cursor: pointer;
    padding-left: 34px;
    padding-top: 17px;
    padding-bottom: 17px;
    display: block;
    color: #333333;
    text-decoration: none;
    font-family: 'Helvetica Neue', sans-serif;
    font-weight: bold;
    font-size: 17px;
    line-height: 24px;
    border-bottom: 1px solid #d9d9d9;
  }

  nav#main-menu > .page-tree > .submenu > .wrapper > .submenu-menu > .submenu > .submenu-title:after {
    float: right;
    content: "";
    background-image: url("/static/images/main-menu-expand.svg");
    background-repeat: no-repeat;
    background-position-y: 6px;
    width: 30px;
    height: 20px;
  }

  nav#main-menu > .page-tree > .submenu > .wrapper > .submenu-menu > .submenu > .wrapper > .submenu-menu {
    display: none;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    /*background:
                                url('../images/main-menu-b-d7f750b197.svg') center top no-repeat,
                                linear-gradient(to bottom, darken($color-high-contrast-3,1.0%) 0px, $color-high-contrast-3 6px, transparent($color-high-contrast-3) 7px),
                                linear-gradient(to top, darken($color-high-contrast-3,1.0%) 0px, $color-high-contrast-3 6px, transparent($color-high-contrast-3) 7px),
                                $color-high-contrast-3;*/
    background: #e6e6e6;
    display: none;
  }

  nav#main-menu > .page-tree > .submenu > .wrapper > .submenu-menu > .submenu > .wrapper > .submenu-menu > a.item {
    padding-left: 51px;
    padding-top: 17px;
    padding-bottom: 17px;
    display: block;
    color: #333333;
    text-decoration: none;
    font-family: 'Helvetica Neue', sans-serif;
    font-weight: bold;
    font-size: 17px;
    line-height: 24px;
    border-bottom: 1px solid #cccccc;
  }

  nav#main-menu > .page-tree > .submenu > .wrapper > .submenu-menu > .submenu > .wrapper > .submenu-menu > a.item:last-child {
    border-bottom: 0;
  }

  nav#main-menu > .page-tree > .submenu > .wrapper > .submenu-menu > .submenu.open > .wrapper > .submenu-menu {
    display: block;
  }

  nav#main-menu > .page-tree > .submenu > .wrapper > .submenu-menu > .submenu.open > .submenu-title {
    border-bottom: 0;
  }

  nav#main-menu > .page-tree > .submenu > .wrapper > .submenu-menu > .submenu.open > .submenu-title:after {
    float: right;
    content: "";
    background-image: url("/static/images/main-menu-collapse.svg");
    background-repeat: no-repeat;
    background-position-y: 6px;
    width: 30px;
    height: 20px;
  }

  nav#main-menu > .page-tree > .submenu > .wrapper > .submenu-menu > a.item {
    padding-left: 34px;
    padding-top: 17px;
    padding-bottom: 17px;
    display: block;
    color: #333333;
    text-decoration: none;
    font-family: 'Helvetica Neue', sans-serif;
    font-weight: bold;
    font-size: 17px;
    line-height: 24px;
    border-bottom: 1px solid #d9d9d9;
  }

  nav#main-menu > .page-tree > .submenu > .wrapper > .submenu-menu > a.item:last-child {
    border-bottom: 0;
  }

  nav#main-menu > .page-tree > .submenu.open > .wrapper > .submenu-menu {
    display: block;
  }

  nav#main-menu > .page-tree > .submenu.open > .submenu-title {
    border-bottom: 0;
  }

  nav#main-menu > .page-tree > .submenu.open > .submenu-title:after {
    float: right;
    content: "";
    background-image: url("/static/images/main-menu-collapse.svg");
    background-repeat: no-repeat;
    background-position-y: 6px;
    width: 30px;
    height: 20px;
  }

  nav#main-menu > .twocolumn {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }

  nav#main-menu > .twocolumn > a.item {
    width: 50%;
    display: inline-block;
    font-family: 'Helvetica Neue', sans-serif;
    font-weight: bold;
    font-size: 17px;
    line-height: 24px;
    color: #333333;
    text-decoration: none;
    border-bottom: 1px solid #e6e6e6;
    padding-left: 59.5px;
    padding-top: 25.5px;
    padding-bottom: 25.5px;
  }

  nav#main-menu > .twocolumn > a.item:last-child {
    border-left: 1px solid #e6e6e6;
  }
}

@media (max-width: 1199px) and (max-width: 320px) {
  nav#main-menu > .twocolumn > a.item {
    padding-left: 42.5px;
  }
}

@media (max-width: 1199px) {
  #knapp_kundservice {
    background-image: url("/static/images/icons_scaled/kundservice_icon-9becade1f7.svg");
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: 17px center;
  }
}

@media (max-width: 1199px) and (max-width: 320px) {
  #knapp_kundservice {
    background-position-x: 10px;
  }
}

@media (max-width: 1199px) {
  #knapp_fragor_och_svar {
    background-image: url("/static/images/icons_scaled/faq_icon-25a54d2c58.svg");
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: 17px center;
  }
}

@media (max-width: 1199px) and (max-width: 320px) {
  #knapp_fragor_och_svar {
    background-position-x: 10px;
  }
}

@media (max-width: 1199px) {
  #knapp_lyssna {
    background-image: url("/static/images/icons_scaled/lyssna_icon-ed58f332d9.svg");
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: 17px center;
  }
}

@media (max-width: 1199px) and (max-width: 320px) {
  #knapp_lyssna {
    background-position-x: 10px;
  }
}

@media (max-width: 1199px) {
  #knapp_language {
    background-image: url("/static/images/icons_scaled/language_icon-85ea94dd23.svg");
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: 17px center;
  }
}

@media (max-width: 1199px) and (max-width: 320px) {
  #knapp_language {
    background-position-x: 10px;
  }
}

@media (max-width: 1199px) {
  #knapp_registrera {
    background-image: url("/static/images/icons_scaled/register_icon-2ebecbab75.svg");
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: 17px center;
  }
}

@media (max-width: 1199px) and (max-width: 320px) {
  #knapp_registrera {
    background-position-x: 10px;
  }
}

@media (max-width: 1199px) {
  #knapp_logga_in {
    background-image: url("/static/images/icons_scaled/logga-in_icon-e3d1f10d72.svg");
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: 17px center;
  }
}

@media (max-width: 1199px) and (max-width: 320px) {
  #knapp_logga_in {
    background-position-x: 10px;
  }
}

#knapp_mina_sidor {
  background: url("/static/images/icons_scaled/loggedin_user_icon-3e8b97942d.svg") no-repeat 17px center/24px 24px;
}

@media (max-width: 320px) {
  #knapp_mina_sidor {
    background-position-x: 10px;
  }
}

#knapp_logga_ut {
  background: url("/static/images/icons_scaled/logga-ut-6287a013ee.svg") no-repeat 17px center/24px 24px;
}

@media (max-width: 320px) {
  #knapp_logga_ut {
    background-position-x: 10px;
  }
}

nav.breadcrumb {
  display: block;
  font: 17px/1.4 'Helvetica Neue';
  color: #333;
  padding: 15px 15px 0;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1190px;
}

nav.breadcrumb a {
  color: #0075a5;
  text-decoration: none;
}

nav.breadcrumb a:hover {
  text-decoration: underline;
}

body > footer {
  background: #f0f0eb;
  margin-top: 40px;
  border-top: 1px solid #dadace;
  padding: 50px 30px 30px 30px;
}

body > footer a {
  font: bold 16px/32px 'Helvetica Neue', sans-serif;
  color: #0075a5;
  text-decoration: none;
}

body > footer a:hover {
  text-decoration: underline;
}

body > footer a:after {
  content: url("/static/images/icons/link-arrow_icon-dc6b5eba38.svg");
  display: inline-block;
  padding-left: 10px;
  transition: padding-left 0.2s ease-in-out;
}

body > footer a:hover:after {
  padding-left: 20px;
}

body > footer > div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 30px;
  border-bottom: 1px solid #dadace;
}

body > footer > div section {
  margin-bottom: 20px;
}

body > footer > div section h1 {
  font: bold 17px/24px 'Helvetica Neue', sans-serif;
  margin-bottom: 10px;
}

body > footer > div section p {
  font: normal 17px/1.4 'Helvetica Neue', sans-serif;
}

body > footer > div section > :nth-child(n + 3) {
  margin-top: 20px;
}

@media (min-width: 768px) {
  body > footer > div section {
    width: 22.41379%;
  }
}

@media (min-width: 768px) {
  body > footer > div {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1160px;
  }
}

body > footer > section {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
}

body > footer > section h1 {
  font: bold 22px 'Helvetica Neue Condensed', sans-serif;
  text-transform: uppercase;
  text-align: center;
  padding-top: 30px;
}

body > footer > section h1 > span {
  display: none;
}

@media (min-width: 480px) {
  body > footer > section h1 > span {
    display: inline;
  }
}

@media (min-width: 768px) {
  body > footer > section h1 {
    font-family: 'Helvetica Neue Condensed', sans-serif;
    font-weight: bold;
    font-size: 28px;
    text-transform: uppercase;
  }

  body > footer > section h1 > span {
    display: inline;
  }
}

@media (min-width: 768px) {
  body > footer > section {
    max-width: 1160px;
  }
}

#sidfot_adress {
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

#sidfot_mail {
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}

#sidfot_telefon {
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
}

#sidfot_besok {
  -webkit-order: 4;
  -ms-flex-order: 4;
  order: 4;
}

@media (min-width: 768px) {
  #sidfot_adress {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  #sidfot_mail {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }

  #sidfot_telefon {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }

  #sidfot_besok {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
}

body > .cookie {
  background: #ffffff;
  border-left: 5px solid #FFDD00;
  border-right: 1px solid #C0C0C0;
  border-top: 1px solid #C0C0C0;
  border-bottom: 1px solid #C0C0C0;
  font: 17px/20px 'Helvetica Neue';
  position: fixed;
  z-index: 1001;
  bottom: 0;
  width: 100%;
  padding: 10px 15px;
}

body > .cookie .btn.large {
  -webkit-appearance: none;
  -moz-appearance: none;
  display: inline-block;
  color: #ffffff;
  border: 1px solid #0088bf;
  background: #009ddc;
  margin: 0;
  padding: 0 20px;
  font: bold 19px/48px 'Helvetica Neue';
  box-shadow: inset 0 0 2px 2px rgba(255, 255, 255, 0.2);
  text-shadow: 0 1px 1px #0082be;
  outline: none;
  text-align: center;
  vertical-align: middle;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  padding: 0 20px;
  margin-bottom: 5px;
}

body > .cookie .btn.large:active {
  background: #009ddc;
}

body > .cookie .btn.large:hover,
body > .cookie .btn.large:focus {
  background: #0088bf;
}

body > .cookie a {
  color: #0075a5;
  text-decoration: none;
}

body > .cookie a:hover {
  text-decoration: underline;
}

body > .cookie.hidden {
  display: none;
}

body > .cookie.active div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (min-width: 992px) {
  body > .cookie.active div {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.meddelande.fel {
  width: 100%;
  max-width: 1160px;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-bottom: 20px;
  border-left: 5px solid #e73338;
  border-right: 1px solid #e73338;
  border-top: 1px solid #e73338;
  border-bottom: 1px solid #e73338;
  padding: 10px 15px;
}

.meddelande.fel > h1 {
  font: bold 17px/20px 'Helvetica Neue';
  color: #e73338;
}

.meddelande.fel > section {
  color: #333333;
  margin-top: 10px;
}

.meddelande.fel > section p {
  font: 17px/20px 'Helvetica Neue';
  margin: 10px 0;
}

.meddelande.information {
  width: 100%;
  max-width: 1160px;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-bottom: 20px;
  border-left: 5px solid #87AE3C;
  border-right: 1px solid #C0C0C0;
  border-top: 1px solid #C0C0C0;
  border-bottom: 1px solid #C0C0C0;
  padding: 10px 15px;
}

.meddelande.information > h1 {
  font: bold 17px/20px 'Helvetica Neue';
  color: #333333;
}

.meddelande.information > section {
  color: #333333;
  margin-top: 10px;
}

.meddelande.information > section p {
  font: 17px/20px 'Helvetica Neue';
  margin: 10px 0;
}

.meddelande.varning {
  width: 100%;
  max-width: 1160px;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-bottom: 20px;
  border-left: 5px solid #FFDD00;
  border-right: 1px solid #C0C0C0;
  border-top: 1px solid #C0C0C0;
  border-bottom: 1px solid #C0C0C0;
  padding: 10px 15px;
}

.meddelande.varning > h1 {
  font: bold 17px/20px 'Helvetica Neue';
  color: #333333;
}

.meddelande.varning > section {
  color: #333333;
  margin-top: 10px;
}

.meddelande.varning > section p {
  font: 17px/20px 'Helvetica Neue';
  margin: 10px 0;
}

.m-apartment-card {
  font: 17px/26px 'Helvetica Neue';
  background: #ffffff;
  color: #222222;
}

.m-apartment-card.info.is-selected {
  box-shadow: none;
}

.m-apartment-card.is-selected {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
  position: relative;
}

.m-apartment-card__base {
  padding-top: 13px;
  padding-bottom: 13px;
  /*border-top: 1px solid color('grey');
        border-bottom: 1px solid color('grey');*/
}

.m-apartment-card__expansion {
  display: none;
}

.m-apartment-card.is-selected .m-apartment-card__base {
  padding-bottom: 0;
  border-bottom: none;
}

.m-apartment-card.is-selected .m-apartment-card__expansion {
  display: block;
}

.m-apartment-card__base > *,
.m-apartment-card__expansion > * {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 15px;
}

.m-apartment-card .m-apartment-card__expand-button {
  background: url("/static/images/card-expand-913766ae45.svg");
  cursor: pointer;
  display: block;
  width: 22px;
  height: 26px;
}

.m-apartment-card.info.is-selected .m-apartment-card__expand-button {
  background: url("/static/images/card-close-c9621e8af8.svg");
}

.m-apartment-card.is-selected .m-apartment-card__expand-button {
  background: url("/static/images/card-collapse-9390103507.svg");
}

.m-apartment-card__area {
  font-weight: bold;
}

.m-apartment-card__properties {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold;
}

.m-apartment-card__property__unit {
  font-size: 14px;
}

.m-apartment-card__tags {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.m-apartment-card__tags__list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.m-apartment-card ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.m-apartment-card li:before,
.m-apartment-card li.cross:before,
.m-apartment-card li.check:before,
.m-apartment-card li.arrow:before {
  width: 17px;
  display: inline-block;
}

.m-apartment-card li:before {
  content: "\2013";
}

.m-apartment-card li.cross:before {
  background: url("/static/images/uppfyller_ej_krav-3586cc2c8c.svg");
  height: 17px;
  content: '';
}

.m-apartment-card li.check:before {
  background: url("/static/images/anmalt_intresse-f86f4bfdc4.svg");
  height: 17px;
  content: '';
}

.m-apartment-card li.arrow:before {
  background: url("/static/images/god_chans-619a5355f6.svg");
  height: 17px;
  content: '';
}

.m-apartment-card__statistics {
  background: #7ca137;
  margin-top: 6.5px;
  padding-top: 6.5px;
  padding-bottom: 6.5px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  color: #ffffff;
  border-top: 1px solid #63802c;
  border-bottom: 1px solid #63802c;
}

.m-apartment-card__statistics__number {
  font: bold 19px/26px 'Georgia Pro';
  font-feature-settings: "onum";
}

.m-apartment-card {
  /* m-apartment-card*/
  /*
    $padding-h: 14px;
    $padding-v: 14px;
       
    display: flex;
    flex-direction: column;

    font: 17px/28px 'Helvetica Neue';
    background-color: color('white');

    transition: opacity .2s ease-out;

    padding: $padding-v 0 0 0;

    &:hover {
        cursor:pointer;
    }

    &.is-not-selected {
        background-color: transparent;
    }

    &__buttons {
        display: none;
        margin-top: 7px;
    }

    &.is-selected &__buttons{
        display: block;
    }

    &.is-selected{
        box-shadow: 0 0 20px 0 rgba(0,0,0,0.3);
        z-index: 1;
        position: relative;
    }

    &__row {
        padding: 0 $padding-h;
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
    }

    &__row--green {
        background: color('green');
        color: color('white');
    }


    &__property {
        font-weight: bold;
        min-width: 100px;
    }

    &__short-property {
        font-weight: bold;
        min-width: 60px;
    }

    &__property-value {
        font-size: 14px;
    }


    &__row {

        //border: solid color('green');

        //border-width: 5px 0;

    }
    &__columns {
        display: flex;
        justify-content: space-between  ;
        align-items: stretch;
    }

    &__column--green {
        padding: $padding-v $padding-h;
        background: color('green');
        color: color('white');
        font: bold 19px/1.5 'Helvetica Neue';
        text-align: center;

        strong {
            font: bold 24px/1.5 'Georgia Pro';  
            font-feature-settings: 'onum';
        }
    }

    &__column--grey {
        flex: 1 1 auto;
        background: color('light-grey');
        padding: $padding-v $padding-h;
    }

    ul li {
        list-style: square;
        margin-left: $padding-h;
    }
   */
  /*padding: $padding-v $padding-h;*/
  /*&:hover{
        cursor:pointer;
        text-decoration: none;
    }

    &:visited {
        color: #9d4eae;
    }

    &.is-hidden {
        display:none;
    }

    &__row {
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
    }


    &__area {
        font-weight: bold;
    }

    &__text, &__text {
        color: $color-text;
        text-decoration: none;

        &:hover, &:active, &:focus {
            text-decoration: none;
        }
    }

    &__property, &__information {
        margin-right: $padding-h;
    }

    &__property {
        font-weight: bold;
        min-width: 100px;
    }

    &__short-property {
        font-weight: bold;
        min-width: 60px;
    }

    &__property-value {
        font-size: 14px;
    }

    
    &__information-row {
        justify-content: space-between;
    }

        
    &__tags {
        flex: 1 1 auto;
        justify-content: flex-end;
        display: flex;
        flex-wrap: wrap;
    }


    &__ico1, &__ico2, &__ico3 {
        display: inline-block;
        background-size: 20px 20px;
        width: 20px;
        height: 20px;
        vertical-align: text-bottom;
    }

    &__ico1 {
        background-image: url('/static/images/anmalt_intresse-f86f4bfdc4.svg');
    }

    &__ico2 {
        background-image: url('/static/images/uppfyller_ej_krav-3586cc2c8c.svg');
    }

    &__ico3 {      
        background-image: url('/static/images/god_chans-619a5355f6.svg');
    }

    &.is-not-selected {
        opacity: 0.5;
    }*/
}

.m-apartment-card-np {
  font: 17px/28px 'Helvetica Neue';
  /* m-apartment-card*/
  border-radius: 2px;
  border: 1px solid #dddddd;
  margin-bottom: 14px;
  padding: 14px 14px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  background: url("/static/images/card-arrow.svg") no-repeat right 14px top 14px;
}

.m-apartment-card-np:hover {
  cursor: pointer;
  text-decoration: none;
  border-color: #0075a5;
  background: url("/static/images/card-arrow-active.svg") no-repeat right 14px top 14px;
}

.m-apartment-card-np:visited {
  color: #9d4eae;
}

.m-apartment-card-np.is-hidden {
  display: none;
}

.m-apartment-card-np__row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.m-apartment-card-np__wrap {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

@media (min-width: 768px) {
  .m-apartment-card-np__wrap {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.m-apartment-card-np__wrap__grow {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  margin-top: -2px;
  padding: 10px;
}

@media (min-width: 768px) {
  .m-apartment-card-np__wrap__grow {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.m-apartment-card-np__dash {
  display: none;
}

@media (min-width: 768px) {
  .m-apartment-card-np__dash {
    display: inline;
  }
}

.m-apartment-card-np__area {
  font-weight: bold;
}

.m-apartment-card-np__text,
.m-apartment-card-np__text {
  color: #333333;
  text-decoration: none;
}

.m-apartment-card-np__text:hover,
.m-apartment-card-np__text:active,
.m-apartment-card-np__text:focus,
.m-apartment-card-np__text:hover,
.m-apartment-card-np__text:active,
.m-apartment-card-np__text:focus {
  text-decoration: none;
}

.m-apartment-card-np__property,
.m-apartment-card-np__information {
  margin-right: 14px;
}

.m-apartment-card-np__property {
  font-weight: bold;
  min-width: 100px;
}

.m-apartment-card-np__short-property {
  font-weight: bold;
  min-width: 60px;
}

.m-apartment-card-np__property-value {
  font-size: 14px;
}

.m-apartment-card-np__information-row {
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.m-apartment-card-np__tags {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.m-apartment-card-np__ico1,
.m-apartment-card-np__ico2,
.m-apartment-card-np__ico3 {
  display: inline-block;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  vertical-align: text-bottom;
}

.m-apartment-card-np__ico1 {
  background: url("/static/images/anmalt_intresse-f86f4bfdc4.svg");
}

.m-apartment-card-np__ico2 {
  background: url("/static/images/uppfyller_ej_krav-3586cc2c8c.svg");
}

.m-apartment-card-np__ico3 {
  background: url("/static/images/god_chans-619a5355f6.svg");
}

.m-tag {
  font: bold 14px/22px 'Helvetica Neue';
  display: inline-block;
  position: relative;
  height: 22px;
  margin-left: 5.5px;
  margin-bottom: 3px;
  margin-top: 3px;
  padding: 0 7.33333px 0 11px;
  background: #f0f0eb;
  color: #222;
}

.m-tag:before,
.m-tag:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}

.m-tag:before {
  right: 100%;
  border-top: 11px solid transparent;
  border-right: 5.5px solid #f0f0eb;
  border-bottom: 11px solid transparent;
}

.m-tag:after {
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
  top: 9px;
  left: 2px;
  border: 2px solid white;
  border-radius: 100%;
}

.m-tag--yellow {
  font: bold 14px/22px 'Helvetica Neue';
  display: inline-block;
  position: relative;
  height: 22px;
  margin-left: 5.5px;
  margin-bottom: 3px;
  margin-top: 3px;
  padding: 0 7.33333px 0 11px;
  background: #FFDD00;
  color: #222;
}

.m-tag--yellow:before,
.m-tag--yellow:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}

.m-tag--yellow:before {
  right: 100%;
  border-top: 11px solid transparent;
  border-right: 5.5px solid #FFDD00;
  border-bottom: 11px solid transparent;
}

.m-tag--yellow:after {
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
  top: 9px;
  left: 2px;
  border: 2px solid white;
  border-radius: 100%;
}

.m-tag + .m-tag,
.m-tag--yellow + .m-tag,
.m-tag + .m-tag--yellow,
.m-tag--yellow + .m-tag--yellow {
  margin-left: 10px;
}

.m-button {
  border: 1px solid #009cdc;
  background: #ffffff;
  display: block;
  padding: 0 15px;
  font: bold 17px/2.5 "Helvetica Neue";
  text-align: center;
  white-space: nowrap;
  color: #0075a5;
  border-radius: 2px;
  cursor: pointer;
}

.m-button.m-button--secondary {
  background: #ffffff;
  color: #0075a5;
  border-color: #D0D0D0;
}

.m-button:hover,
.m-button:active {
  background: #0075a5;
  color: #ffffff;
  text-decoration: none;
  border-color: #0075a5;
}

.m-button-row {
  padding: 5px;
  border-top: 5px solid #009CDC;
}

.m-button-row .m-button {
  border: 0;
  border-radius: 0;
}

#apartment-search-filter-button button {
  border-width: 0 0 1px 1px;
  border-radius: 0 0 0 2px;
}

.m-map-marker {
  background: url("/static/images/map-marker-default-edbc3538a2.svg");
}

.m-map-marker.is-selected {
  background: url("/static/images/map-marker-selected-8bc09b90e6.svg");
}

.m-map-marker .m-map-marker__text {
  color: #222222;
  background: #ffdd00;
  font: bold 14px 'Helvetica Neue';
  line-height: 22px;
  text-align: center;
  width: 26px;
  height: 26px;
  position: relative;
  left: 20px;
  border-radius: 13px;
  border: 2px solid #4f4f4f;
}

.m-map-cluster {
  background: #e03136;
  text-align: center;
  border-radius: 22.5px;
  border: 2px solid #ffffff;
  font: bold 16px "Georgia Pro";
  color: #ffffff;
  line-height: 41px;
}

.m-map-cluster.is-selected {
  background: #009cdc;
}

.m-dialog {
  background: #ffffff;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1001;
}

.m-dialog .m-dialog-header {
  background: #f0f0eb;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 10px;
  cursor: pointer;
}

.m-dialog .m-dialog-header h1 {
  color: #222222;
  font: bold 17px/24px 'Helvetica Neue';
}

.m-dialog .m-dialog-header .m-dialog-close-button {
  color: #222222;
  font: bold 17px/24px 'Helvetica Neue';
  /*text-align: right;*/
}

.m-dialog .m-dialog-header .m-dialog-close-button:after {
  background: url("/static/images/main-menu-cross-9f66f18ae4.svg") no-repeat right center;
  content: '';
  width: 17px;
  height: 12px;
  display: inline-block;
}

.m-dialog__body {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

label,
select {
  font: 17px 'Helvetica Neue';
}

legend {
  margin-bottom: 5px;
  font: bold 17px 'Helvetica Neue';
  color: #4f4f4f;
}

label {
  cursor: pointer;
  display: block;
}

form.filter-form a {
  color: #0075a5;
  text-decoration: none;
}

form.filter-form .m-form-row > label {
  display: inline-block;
  margin-left: -20px;
  margin-right: 5px;
  vertical-align: bottom;
}

form.filter-form .m-form-row > label > input[type="checkbox"] {
  width: 20px;
  height: 26px;
  padding: 0;
  margin: 0;
  font-size: 16px;
  opacity: 0;
  vertical-align: bottom;
  cursor: pointer;
}

form.filter-form .m-form-row > label > input[type="checkbox"]:checked + span:before {
  content: '✓';
  display: inline-block;
  width: 16px;
  line-height: 18px;
  color: #0075a5;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  top: -3px;
  position: relative;
}

form.filter-form .m-form-row > label > span {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 2px solid #0075a5;
  vertical-align: bottom;
  margin-right: 5px;
}

form.filter-form .filter-top-area {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

form.filter-form .filter-top-area a {
  font: bold 17px/2.5 'Helvetica Neue';
  margin-right: 10px;
}

fieldset + fieldset {
  margin-top: 20px;
}

select,
input[type="text"] {
  padding: 10px;
  border: 1px solid #D0D0D0;
  border-radius: 2px;
}

select {
  background: #f0f0eb;
  display: block;
  width: 100%;
  margin-right: 10px;
}

.m-form-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.m-form-row * {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.m-form-row.m-form-row--even * {
  -webkit-flex: 1 1 0;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
}

.m-form-row__contracted {
  -webkit-flex: 0 0 0;
  -ms-flex: 0 0 0px;
  flex: 0 0 0;
}

main .tabell {
  font: 17px/25.5px 'Helvetica Neue';
  border-style: none;
  margin-bottom: 10px;
}

main .tabell tr:nth-child(even) {
  background: #f0f0eb;
}

main .tabell thead,
main .tabell tbody {
  display: table;
  width: 100%;
}

main .tabell th {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 480px) {
  main .tabell th {
    display: table-cell;
  }
}

main .tabell td {
  display: block;
  padding: 4px;
  border-style: none;
  margin: 0 15px;
}

@media (min-width: 480px) {
  main .tabell td {
    display: table-cell;
    padding: 10px 4px;
  }
}

main .tabell td .enhet {
  font-size: 14px;
}

main .tabell td > div {
  padding-top: 15px;
}

main .tabell td.enhet {
  width: 50px;
}

main div.tabellkort:nth-child(even) {
  background: #f0f0eb;
  padding: 1px;
}

main div.tabellkort:last-child {
  margin-bottom: 20px;
}

main .divwrapper.hide {
  height: 300px;
  overflow: hidden;
  display: block;
}

main .divwrapper.show {
  height: auto;
}

main .tabellkort {
  font: 17px/25.5px 'Helvetica Neue';
  margin-bottom: 10px;
}

main .tabellkort .kolumner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (min-width: 768px) {
  main .tabellkort .kolumner {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

main .tabellkort .adressrad {
  margin: 12.75px 15px 0;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

main .tabellkort .adressrad > .adressinfo {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (min-width: 768px) {
  main .tabellkort .adressrad > .adressinfo {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  main .tabellkort .adressrad > .adressinfo .streck {
    display: inline;
  }
}

main .tabellkort .adressrad .gatuadress {
  font-weight: bold;
}

main .tabellkort .adressrad .lagenhetsnummer {
  font-weight: normal;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 768px) {
  main .tabellkort .adressrad .lagenhetsnummer {
    display: inline-block;
  }
}

main .tabellkort .adressrad .streck {
  display: none;
}

main .tabellkort .egenskapsrad {
  margin: 12.75px 15px 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

main .tabellkort .egenskapsrad > .egenskap {
  margin-right: 12.75px;
  font-weight: bold;
}

main .tabellkort .egenskapsrad > .egenskap .enhet {
  font-size: 14px;
}

main .tabellkort > .inforad {
  margin: 0 15px 12.75px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 768px) {
  main .tabellkort > .inforad {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

main .tabellkort > .inforad > select {
  font: 17px "Helvetica Neue";
  margin-right: 15px;
}

main .tabellkort > .inforad > a {
  font: 700 16px/32px 'Helvetica Neue',sans-serif;
  color: #0075a5;
  text-decoration: none;
}

main .tabellkort > .inforad > a:after {
  content: url("/static/images/icons/link-arrow_icon-dc6b5eba38.svg");
  display: inline-block;
  padding-left: 10px;
}

main .tabellkort > .inforad > a:hover {
  text-decoration: underline;
}

main .tabellkort > .inforadannons {
  margin: 0 15px 12.75px;
  display: block;
}

@media (min-width: 768px) {
  main .tabellkort > .inforadannons {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

main .tabellkort > .inforadannons > select {
  font: 17px "Helvetica Neue";
  margin-right: 15px;
}

main .tabellkort > .inforadannons > a {
  font: 700 16px/32px 'Helvetica Neue',sans-serif;
  color: #0075a5;
  text-decoration: none;
}

main .tabellkort > .inforadannons > a:after {
  content: url("/static/images/icons/link-arrow_icon-dc6b5eba38.svg");
  display: inline-block;
  padding-left: 10px;
}

main .tabellkort > .inforadannons > a:hover {
  text-decoration: underline;
}

#apartment-search-page {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: none;
}

#apartment-search-main {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  height: 0;
  overflow-x: hidden;
}

#apartment-search-right-panel {
  border-left: 1px solid #D0D0D0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 320px;
  /*transition: all .2s ease-out;*/
}

#apartment-search-right-panel.is-hidden {
  display: none;
}

#apartment-search-right-panel a:visited {
  color: #0075a5;
}

@media (min-width: 768px) {
  #apartment-search-filter-button {
    position: absolute;
    right: 0;
    z-index: 1000;
  }

  #apartment-search-filter-button.is-hidden {
    display: inline;
  }
}

#apartment-search-left-panel {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  border-right: 1px solid #D0D0D0;
}

@media (min-width: 768px) {
  #apartment-search-left-panel {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 25%;
    min-width: 320px;
    max-width: 450px;
  }
}

#apartment-search-left-panel.is-hidden {
  display: none;
}

#apartment-search-list-wrapper {
  background: #f0f0eb;
  overflow-y: auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

#apartment-search-sort {
  background: #ffffff;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 51px;
  padding: 10px;
  border-bottom: 1px solid #D0D0D0;
  margin-bottom: 5px;
}

#apartment-search-sort > div {
  font: 17px 'Helvetica Neue';
  white-space: nowrap;
}

#apartment-search-sort > div:first-child {
  padding-right: 5px;
}

#apartment-search-sort > div:nth-child(2) {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

#apartment-search-sort > div:nth-child(2) select {
  padding: 5px;
}

#apartment-search-list {
  background: #f0f0eb;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin-bottom: 5px;
}

#apartment-search-list > .m-apartment-card {
  margin-top: 5px;
  margin-left: 5px;
  margin-right: 5px;
  border: 1px solid #D0D0D0;
}

#apartment-search-list p {
  font: 19px/24px 'Helvetica Neue';
  padding: 10px;
}

#apartment-search-filter {
  background: #ffffff;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 0;
}

#apartment-search-map {
  background: #4f4f4f;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

#apartment-search-info {
  background: #ffffff;
  border-top: 1px solid #D0D0D0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: absolute;
  width: 100%;
  bottom: 60px;
  z-index: 1001;
}

#apartment-search-buttons {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 60px;
}

#apartment-search-buttons button {
  -webkit-flex: 1 1 0;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
}

@media (min-width: 768px) {
  #apartment-search-buttons,
  #apartment-search-info {
    display: none;
  }
}

.is-hidden {
  display: none;
}

.width0 {
  width: 0 !important;
}

.filter-form {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 0;
  height: 0;
}

.filter-form > .aaa {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow-y: auto;
  overflow-x: hidden;
  white-space: nowrap;
  padding: 0 0 0 10px;
}

.filter-form > .bbb {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-top: 5px solid #009cdc;
}

.filter-form > .bbb > .m-form-row {
  background: #f0f0eb;
  padding: 5px;
}

.filter-form > .bbb > .m-form-row * {
  -webkit-flex: 1 0;
  -ms-flex: 1 0;
  flex: 1 0;
}

.filter-form > .bbb > .m-form-row > .filter-preview-result {
  font: bold 17px/2.5 'Helvetica Neue';
  text-align: center;
}

strong {
  display: inline;
  font-weight: bold;
}

main .tabell {
  font: 17px/25.5px 'Helvetica Neue';
  border-style: none;
  margin-bottom: 10px;
}

main .tabell tr:nth-child(even) {
  background: #f0f0eb;
}

main .tabell thead,
main .tabell tbody {
  display: table;
  width: 100%;
}

main .tabell th {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 480px) {
  main .tabell th {
    display: table-cell;
  }
}

main .tabell td {
  display: block;
  padding: 4px;
  border-style: none;
  margin: 0 15px;
}

@media (min-width: 480px) {
  main .tabell td {
    display: table-cell;
    padding: 10px 4px;
  }
}

main .tabell td .enhet {
  font-size: 14px;
}

main .tabell td > div {
  padding-top: 15px;
}

main .tabell td.enhet {
  width: 50px;
}

main div.tabellkort:nth-child(even) {
  background: #f0f0eb;
  padding: 1px;
}

main div.tabellkort:last-child {
  margin-bottom: 20px;
}

main .divwrapper.hide {
  height: 300px;
  overflow: hidden;
  display: block;
}

main .divwrapper.show {
  height: auto;
}

main .tabellkort {
  font: 17px/25.5px 'Helvetica Neue';
  margin-bottom: 10px;
}

main .tabellkort .kolumner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (min-width: 768px) {
  main .tabellkort .kolumner {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

main .tabellkort .adressrad {
  margin: 12.75px 15px 0;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

main .tabellkort .adressrad > .adressinfo {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (min-width: 768px) {
  main .tabellkort .adressrad > .adressinfo {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  main .tabellkort .adressrad > .adressinfo .streck {
    display: inline;
  }
}

main .tabellkort .adressrad .gatuadress {
  font-weight: bold;
}

main .tabellkort .adressrad .lagenhetsnummer {
  font-weight: normal;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 768px) {
  main .tabellkort .adressrad .lagenhetsnummer {
    display: inline-block;
  }
}

main .tabellkort .adressrad .streck {
  display: none;
}

main .tabellkort .egenskapsrad {
  margin: 12.75px 15px 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

main .tabellkort .egenskapsrad > .egenskap {
  margin-right: 12.75px;
  font-weight: bold;
}

main .tabellkort .egenskapsrad > .egenskap .enhet {
  font-size: 14px;
}

main .tabellkort > .inforad {
  margin: 0 15px 12.75px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 768px) {
  main .tabellkort > .inforad {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

main .tabellkort > .inforad > select {
  font: 17px "Helvetica Neue";
  margin-right: 15px;
}

main .tabellkort > .inforad > a {
  font: 700 16px/32px 'Helvetica Neue',sans-serif;
  color: #0075a5;
  text-decoration: none;
}

main .tabellkort > .inforad > a:after {
  content: url("/static/images/icons/link-arrow_icon-dc6b5eba38.svg");
  display: inline-block;
  padding-left: 10px;
}

main .tabellkort > .inforad > a:hover {
  text-decoration: underline;
}

main .tabellkort > .inforadannons {
  margin: 0 15px 12.75px;
  display: block;
}

@media (min-width: 768px) {
  main .tabellkort > .inforadannons {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

main .tabellkort > .inforadannons > select {
  font: 17px "Helvetica Neue";
  margin-right: 15px;
}

main .tabellkort > .inforadannons > a {
  font: 700 16px/32px 'Helvetica Neue',sans-serif;
  color: #0075a5;
  text-decoration: none;
}

main .tabellkort > .inforadannons > a:after {
  content: url("/static/images/icons/link-arrow_icon-dc6b5eba38.svg");
  display: inline-block;
  padding-left: 10px;
}

main .tabellkort > .inforadannons > a:hover {
  text-decoration: underline;
}

html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

#loading {
  display: none;
}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}

#ie9-banner {
  background: #FEF7D8;
  display: none;
  border-bottom: 1px solid #EDE6C2;
}

#ie9-banner p {
  width: 940px;
  margin: 0 auto;
  padding: 20px 0;
}

main {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1190px;
  /*span.objProp:hover + .tooltip, span.icon-ico-info:hover + .tooltip {
        display: block;
    }*/
  /* Puff */
  /** Tabeller */
  /* Flikar */
  /* Box */
  /* Flexslider */
  /* Högerkolumn puff */
  /* Nyhetsarkiv */
}

main a {
  color: #0075a5;
  text-decoration: none;
}

main a:hover {
  text-decoration: underline;
}

main a:visited {
  color: #551A8B;
}

main #showMore {
  display: block;
  border: 1px solid #dddddd;
  text-align: center;
  padding: 10px;
  margin-bottom: 10px;
}

main #showMore:after {
  content: url("/static/images/icons/link-arrow_icon-dc6b5eba38.svg");
  display: inline-block;
  padding-left: 10px;
}

main header {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 768px) {
  main header {
    margin-top: 15px;
  }
}

main header.empty {
  display: none;
}

main header .mainHeading h1 {
  font: bold 28px 'Georgia Pro', serif;
  letter-spacing: -1px;
  font-feature-settings: "onum";
  color: #333333;
  margin: 10px 0;
}

@media (min-width: 480px) {
  main header .mainHeading h1 {
    font-family: 'Georgia Pro', serif;
    font-weight: bold;
    font-size: 44px;
    letter-spacing: -1px;
    font-feature-settings: "onum";
  }
}

main header .highlightTxt strong {
  font: bold 17px/20px 'Helvetica Neue';
  color: #333;
}

main #aktiveraInternkoPersonuppgifter .container {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

main .container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

main .container .col66 {
  width: 100%;
}

main .container .col33 {
  width: 100%;
}

main .container .col30 {
  width: 30%;
}

main .container .col40 {
  width: 40%;
}

main .container .col50 {
  width: 100%;
}

@media (min-width: 992px) {
  main .container {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  main .container .col66 {
    width: 66%;
    padding-right: 60px;
  }

  main .container .col33 {
    width: 33%;
  }

  main .container .col50 {
    width: 50%;
  }
}

main section#content {
  padding: 0 15px;
}

main .tooltip {
  font: 17px/24px 'Helvetica Neue';
  background: #f0f0eb;
  border: 2px solid #dadace;
  min-width: 80px;
  max-width: 240px;
  padding: 4px 8px;
  color: #333333;
  border-radius: 4px;
  display: none;
  z-index: 10000;
  position: absolute;
  opacity: 1;
}

main td.icon .tooltip {
  position: absolute;
  right: 22px;
}

main .objProp {
  display: inline-block;
  font: 14px/20px 'Helvetica Neue';
  margin: 0 2px 2px 0;
  padding: 2px 5px;
  min-width: 14px;
  background: #FFDD00;
  text-align: center;
  font-weight: bold;
  border-radius: 3px;
  color: #333333;
}

main .sitePuff {
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}

@media (min-width: 480px) {
  main .sitePuff {
    margin-bottom: 0;
  }
}

main .sitePuff .colImage {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: none;
}

main .sitePuff .colImage img {
  height: 160px;
}

@media (min-width: 480px) {
  main .sitePuff .colImage {
    display: block;
  }
}

main .sitePuff .colText {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

@media (min-width: 480px) {
  main .sitePuff .colText {
    padding: 10px 20px;
    height: 140px;
  }
}

main .sitePuff h1 {
  font: bold 24px 'Helvetica Neue Condensed', sans-serif;
  text-transform: uppercase;
  color: #333;
  margin: 10px 0;
}

main .sitePuff p {
  font: 17px/1.4 'Helvetica Neue';
}

main .sitePuff strong {
  font-weight: bold;
}

main .sitePuff + .sitePuff {
  margin-top: 20px;
}

@media (min-width: 768px) {
  main .sitePuff + .sitePuff {
    margin-top: 0;
    margin-left: 20px;
  }
}

main table {
  font: 17px/24px 'Helvetica Neue';
  width: 100%;
}

main table td,
main table th {
  padding: 10px 6px;
}

main table td {
  border-bottom: 2px solid #f0f0eb;
}

main table th {
  background: #f0f0eb;
  color: #0075a5;
  text-align: left;
}

main table .sorting,
main table .sorting_desc,
main table .sorting_asc {
  cursor: pointer;
  padding-right: 20px;
}

main table .sorting {
  background: url("/static/images/gamla/sort-arrow-a05bd5fa24.svg") no-repeat center right, #f0f0eb;
}

main table .sorting_desc {
  background: url("/static/images/gamla/sort-arrow-active-up-d0f8916a44.svg") no-repeat center right, #f0f0eb;
}

main table .sorting_asc {
  background: url("/static/images/gamla/sort-arrow-active-down-63603661c6.svg") no-repeat center right, #f0f0eb;
}

main table .sorting_disabled {
  background: #f0f0eb;
}

main .dataTables_wrapper {
  width: 100%;
  overflow-x: auto;
  background: linear-gradient(90deg, white 0, rgba(255, 255, 255, 0)), linear-gradient(-90deg, white 0, rgba(255, 255, 255, 0)) 100% 0, radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, 0.2), transparent), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.2), transparent) 100% 0, #ffffff;
  background-repeat: no-repeat;
  background-size: 100px 100%, 100px 100%, 14px 100%, 14px 100%;
  background-attachment: local, local, scroll, scroll;
}

main .box.tabbed {
  background: #f0f0eb;
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
  /*>div, >img {
            width: 100%;
        }*/
}

main ul.menuTabbed {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font: bold 17px/24px 'Helvetica Neue';
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

main ul.menuTabbed li {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

main ul.menuTabbed li a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  color: #434333;
  text-decoration: none;
}

main ul.menuTabbed li a .tab {
  display: block;
  border-radius: 4px 0 0 0;
  background: #dadace;
  padding: 3px 5px 3px 10px;
}

main ul.menuTabbed li a .tab .extra-label {
  display: none;
}

@media (min-width: 992px) {
  main ul.menuTabbed li a .tab .extra-label {
    display: inline;
  }
}

main ul.menuTabbed li a .tabEnd {
  background: url(/static/images/gamla/tab-right-693b681c7e.svg) 0 0/cover;
  display: block;
  width: 15px;
}

main ul.menuTabbed li.active a {
  color: #333333;
}

main ul.menuTabbed li.active a .tabEnd {
  background: url(/static/images/gamla/tab-right-active-520925382b.svg) 0 0/cover;
}

main ul.menuTabbed li.active a .tab {
  background: #f0f0eb;
}

main .box.secondary {
  background: #f0f0eb;
  margin-bottom: 10px;
  padding: 10px 20px 20px;
}

main .box.secondary h1 {
  font: 22px/30px 'Helvetica Neue';
  margin: 10px 0;
  color: #58585a;
}

main .box.secondary h2 {
  font: 16px/20px 'Helvetica Neue';
  margin: 10px 0;
  color: #58585a;
}

main .box.secondary strong {
  font-weight: bold;
}

main .box.secondary ul li,
main .box.secondary p {
  color: #333;
  font: 17px/1.4 'Helvetica Neue';
}

main .box.secondary p {
  margin-bottom: 10px;
}

main .box.secondary ul.links li {
  margin-bottom: 5px;
}

main .box.secondary .egenskap {
  word-wrap: break-word;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 17px;
  line-height: 20px;
  color: #333;
  padding: 3px 0;
}

@media (min-width: 992px) {
  main .box.secondary .egenskap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

main .box.secondary .egenskap .n {
  min-width: 40%;
  padding-right: 10px;
}

main .box.secondary .egenskap .v {
  font-weight: bold;
}

main .box.secondary hr {
  background: #d9d9d9;
  border: 0;
  height: 1px;
  margin: 17px 0;
}

main .flexslider .flex-viewport {
  max-height: inherit;
}

main .flexslider .flex-direction-nav a {
  line-height: 41px;
}

main .flexslider .slides img {
  width: 100%;
}

main .flexslider a:hover {
  text-decoration: none;
}

main .flexslider .flexslider .slides li {
  position: relative;
}

main .flexslider .flex-caption {
  font: bold 18px 'Helvetica Neue Condensed', sans-serif;
  background: #87AE3C;
  padding: 10px;
  text-transform: uppercase;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
  color: #ffffff;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

@media (min-width: 768px) {
  main .flexslider .flex-caption {
    padding: 10px 20px;
    font-family: 'Helvetica Neue Condensed', sans-serif;
    font-weight: bold;
    font-size: 24px;
    text-transform: uppercase;
  }
}

main .flexslider .flex-caption .left-col {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

main .flexslider .flex-caption .right-col {
  font: bold 18px 'Helvetica Neue Condensed', sans-serif;
  text-transform: uppercase;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: none;
}

@media (min-width: 768px) {
  main .flexslider .flex-caption .right-col {
    display: block;
  }
}

main .box.light p {
  font: 17px/24px 'Helvetica Neue';
  margin-bottom: 10px;
}

main .box.light h3 {
  font: 17px/24px 'Helvetica Neue';
}

main .nyhetsarkiv-page .headlines li {
  margin-bottom: 20px;
}

main .nyhetsarkiv-page .headlines li p {
  color: #333333;
  font: 17px/1.5 'Helvetica Neue';
}

main .nyhetsarkiv-page .headlines li p .headline {
  font-weight: bold;
}

main .icon-ico-check,
main .icon-blocked,
main .icon-arrow-up-right {
  font-family: 'bf-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  background: none;
}

main .icon-ico-check {
  color: #87AE3C;
  font-size: 16px;
}

main .icon-ico-check::before {
  content: "\32";
}

main .icon-blocked {
  color: #e73338;
  font-size: 18px;
}

main .icon-blocked::before {
  content: "\31";
}

main .icon-arrow-up-right {
  color: #87AE3C;
  font-size: 20px;
}

main .icon-arrow-up-right::before {
  content: "\e003";
}

main .greenLbl {
  display: inline-block;
  background: #73A948;
  color: #fff !important;
  font-weight: bold !important;
  padding: 2px 4px;
  border-radius: 3px;
  min-height: 20px;
  line-height: 20px;
  min-width: 14px;
}

main .redLbl {
  display: inline-block;
  background: #da373d;
  color: #fff !important;
  font-weight: bold !important;
  padding: 2px 4px;
  border-radius: 3px;
  min-height: 20px;
  line-height: 20px;
  min-width: 14px;
}

main ul.radioList {
  list-style: none !important;
}

main ul.radioList li {
  margin-left: 0 !important;
}

main .statistik > .container {
  font-family: Helvetica Neue;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

main .statistik > .container a {
  color: #07a0dd;
  text-decoration: none;
  outline: none;
}

main .statistik > .container ul li {
  list-style: none;
  line-height: 20px;
}

main .statistik > .container > ul.menuTabbed {
  overflow: hidden;
  border-bottom: 10px solid #07A0DD;
  margin-bottom: 10px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (min-width: 768px) {
  main .statistik > .container > ul.menuTabbed {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

main .statistik > .container > ul.menuTabbed li a {
  width: 100%;
  display: block;
}

main .statistik > .container > .menuTabbed .tab {
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  background: #F1F1F1;
  border-radius: 0 0 0 0;
  color: #58585A;
  display: block;
  height: 37px;
  margin: 2px 0 0 0;
  padding: 8px 16px 4px;
}

@media (min-width: 768px) {
  main .statistik > .container > .menuTabbed .tab {
    margin: 0 2px 0 0;
  }
}

main .statistik > .container > .menuTabbed .active .tab {
  background: #07A0DD;
  color: #FFFFFF;
  padding: 9px 16px 3px;
}

main .statistik .ingress p {
  font-size: 18px;
  line-height: 26px;
  color: #676769;
  padding-bottom: 10px;
}

main .statistik .container.tabbed {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

main .statistik .container.tabbed .box.secondary {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background: #f1f1f1;
}

main .statistik .container.tabbed .box.secondary > div {
  margin-right: 5px;
}

main .statistik .container.tabbed .box.secondary > div > label {
  display: block;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: normal;
}

main .statistik #queueChart_div,
main .statistik #rentChart_div {
  padding-bottom: 10px;
}

main .statistik #allocapartments_div,
main .statistik #renderLastMonthList_Div,
main .statistik #rentPerArea_div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  overflow-x: auto;
}

main .statistik table {
  width: 1140px;
}

main .statistik table + div {
  width: 1160px;
}

main .statistik table th,
main .statistik table td {
  padding: 10px 17px 10px 6px;
  white-space: nowrap;
}

main .statistik table + div {
  padding-top: 20px;
}

main .statistik .dataTables_paginate {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 0;
  width: 1140px;
}

main .statistik .paginate_enabled_previous,
main .statistik .paginate_enabled_next {
  cursor: pointer;
}

main .statistik .paginate_disabled_previous,
main .statistik .paginate_disabled_next {
  visibility: hidden;
}

main .statistik .col100 {
  width: 100%;
}

main .statistik select {
  background: #f6f6f6;
  display: inline-block;
  /*height: 20px;*/
  padding: 4px 6px;
  /*margin-bottom: 10px;*/
  font-size: 14px;
  line-height: 20px;
  color: #555;
  vertical-align: middle;
  border-radius: 4px;
  border: 1px solid #ccc;
  margin-bottom: 10px;
}

@font-face {
  font-family: "bf-icons";
  src: url("/static/fonts/bf-icons-3b9e12e82c.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

main header .heading-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (min-width: 768px) {
  main header .heading-row {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

main header .heading-row .headingExtras a {
  font: bold 17px/20px 'Helvetica Neue';
}

main header .icon-reply {
  font: normal normal normal 16px/1 'bf-icons';
  display: inline-block;
  speak: none;
  text-transform: none;
  background: none;
  margin-right: 8px;
}

main header .icon-reply::before {
  content: "\f112";
}

main header .projekttext {
  display: inline-block;
  background: #FFDD00;
  color: #333333;
  padding-left: 24px;
  padding-right: 24px;
  font: bold 14px/24px 'Helvetica Neue';
  margin-right: 10px;
  margin-bottom: 5px;
}

main header .stadsdelstext {
  display: inline-block;
  color: #333333;
  font: bold 17px/24px 'Helvetica Neue';
  margin-right: 5px;
  margin-bottom: 5px;
}

main .nyproduktion-annons {
  margin: 20px 0;
}

main .nyproduktion-annons #objKommande table,
main .nyproduktion-annons #objPågående table {
  min-width: 640px;
  width: 100%;
}

main .annons {
  font: 17px/20px 'Helvetica Neue';
}

@media (min-width: 768px) {
  main .annons .container .col33 {
    padding-top: 34px;
  }
}

main .annons .tab-pane {
  display: none;
}

main .annons .tab-pane.active {
  display: block;
}

main .annons .tabbed img {
  width: 100%;
}

main .annons .box.secondary .image {
  text-align: center;
  margin: 10px 0;
  padding: 10px;
  background: #fff;
}

main .annons span.icon-ico-pdf,
main .annons span.icon-ico-ext-link,
main .annons span.icon-ico-doc-link {
  font: normal normal normal 17px/1 'bf-icons';
  display: inline-block;
  speak: none;
  text-transform: none;
  background: none;
  margin-right: 10px;
}

main .annons span.icon-ico-pdf {
  color: #da383e;
}

main .annons span.icon-ico-pdf::before {
  content: "\2e";
}

main .annons a .icon-ico-ext-link::before {
  content: "\28";
}

main .annons a .icon-ico-doc-link::before {
  content: "\27";
}

main .annons #objPlan table {
  min-width: 640px;
  width: 100%;
}

main .annons #annons-top-bar {
  margin: 20px 0;
  padding: 10px 20px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

main .annons #annons-top-bar .col30 {
  width: 100%;
  padding: 10px 0;
}

main .annons #annons-top-bar .col40 {
  width: 100%;
  padding: 10px 0;
}

@media (min-width: 768px) {
  main .annons #annons-top-bar {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  main .annons #annons-top-bar .col30 {
    width: 30%;
    padding: 10px 20px;
  }

  main .annons #annons-top-bar .col40 {
    width: 40%;
    padding: 10px 20px;
  }
}

main .annons #statistik-box .cols {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

main .annons #statistik-box .cols .col50 {
  margin-bottom: 10px;
}

@media (min-width: 992px) {
  main .annons #statistik-box .cols {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  main .annons #statistik-box .cols .col50 {
    width: 50%;
    margin-bottom: 0;
  }
}

main .annons #statistik-box .cols p {
  font-size: 17px;
  line-height: 20px;
}

main .annons .tabs {
  margin-bottom: 20px;
}

main .annons .check .icon-ico-check {
  margin-right: 5px;
}

main section#content .article {
  word-wrap: break-word;
}

main section#content .article img {
  max-width: 100%;
  height: auto;
}

main section#content .article p {
  font: 18px/1.6 'Georgia Pro';
  color: #333;
  font-feature-settings: "onum";
  margin-bottom: 16px;
}

main section#content .article .ingress p {
  font: 21px/1.4 'Helvetica Neue';
  color: #676769;
  margin-bottom: 16px;
}

main section#content .article strong {
  font-weight: bold;
}

main section#content .article h2 {
  font: bold 28px 'Helvetica Neue Condensed', sans-serif;
  margin: 16px 0;
  text-transform: uppercase;
  color: #333333;
}

main section#content .article h3 {
  font: bold 24px 'Helvetica Neue Condensed', sans-serif;
  margin: 16px 0;
  text-transform: uppercase;
  color: #333333;
}

main section#content .article ul,
main section#content .article ol {
  margin: 16px 30px;
}

main section#content .article ul li,
main section#content .article ol li {
  font: 18px/1.6 'Georgia Pro';
  color: #333;
  font-feature-settings: "onum";
  color: #333;
  margin-bottom: 5px;
}

main section#content .article ul li {
  list-style: square;
}

main section#content .article ol li {
  list-style: decimal;
}

main {
  /* Error */
}

main .hidden {
  display: none !important;
}

main .login-btns {
  width: 290px;
}

main .btn.large.login {
  display: block;
}

main .row.buttons {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

main .xform td {
  border-bottom: 0;
}

main div.alert,
main div.validation-summary-errors {
  font: 17px Helvetica Neue;
  background: #da373d;
  padding: 10px 14px;
  border-radius: 5px;
  color: #fff;
  position: relative;
  margin-bottom: 10px;
}

main div.alert:before,
main div.validation-summary-errors:before {
  content: url("/static/images/gamla/ico-arrow-alert-18870180b0.svg");
  position: absolute;
  left: 20px;
  top: -13px;
}

main .btn.large,
main input[type="submit"].btn-large,
main .xform .btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  display: inline-block;
  color: #ffffff;
  border: 1px solid #0088bf;
  background: #009ddc;
  margin: 0;
  padding: 0 20px;
  font: bold 19px/48px 'Helvetica Neue';
  box-shadow: inset 0 0 2px 2px rgba(255, 255, 255, 0.2);
  text-shadow: 0 1px 1px #0082be;
  outline: none;
  text-align: center;
  vertical-align: middle;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  padding: 0 20px;
  margin-bottom: 5px;
}

main .btn.large:active,
main input[type="submit"].btn-large:active,
main .xform .btn:active {
  background: #009ddc;
}

main .btn.large:hover,
main .btn.large:focus,
main input[type="submit"].btn-large:hover,
main input[type="submit"].btn-large:focus,
main .xform .btn:hover,
main .xform .btn:focus {
  background: #0088bf;
}

main .btn.medium {
  -webkit-appearance: none;
  -moz-appearance: none;
  display: inline-block;
  color: #ffffff;
  border: 1px solid #0088bf;
  background: #009ddc;
  margin-top: 10px;
  padding: 0 14px;
  margin-bottom: 5px;
  line-height: 17px;
  font-size: 19px;
  font-weight: bold;
  outline: none;
  text-align: center;
  vertical-align: middle;
  border-radius: 4px;
  cursor: pointer;
  box-shadow: inset 0 0 2px 2px rgba(255, 255, 255, 0.2);
  text-shadow: 0 1px 1px #0082be;
}

main .btn.medium:active {
  background: #009ddc;
}

main .btn.medium:hover {
  background: #0088bf;
}

main .btn.small {
  -webkit-appearance: none;
  -moz-appearance: none;
  display: inline-block;
  color: #ffffff;
  border: 1px solid #0088bf;
  background: #009ddc;
  margin-top: 10px;
  padding: 4px 10px;
  font: bold 19px/22px 'Helvetica Neue';
  outline: none;
  text-align: center;
  vertical-align: middle;
  border-radius: 4px;
  cursor: pointer;
  box-shadow: inset 0 0 2px 2px rgba(255, 255, 255, 0.2);
  text-shadow: 0 1px 1px #0082be;
  text-decoration: none;
}

main .btn.small:active {
  background: #009ddc;
}

main .btn.small:hover {
  background: #0088bf;
}

main .btn.red {
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #bd2323;
  background: #c33;
  text-shadow: none;
  margin-left: 2px;
}

main .btn.red:hover {
  border: 1px solid #b21818;
  background: #bd2323;
  text-shadow: none;
}

main .btn.link {
  color: #0075a5;
  display: inline-block;
  font: 17px Helvetica Neue;
  padding-top: 15px;
}

main .inner.formrow > h2 {
  font: bold 24px 'Helvetica Neue Condensed', sans-serif;
  text-transform: uppercase;
  color: #333;
  margin: 10px 0;
}

main section#content {
  width: inherit;
}

main .form {
  width: inherit;
  /* Boxes */
  /* Icons */
  /*#InternalQueueRegistration  {
            width: inherit;
            >.container {
                width: inherit;
            }
            .row {
                flex-direction: row;
                flex-wrap: wrap;
                &.reverse {
                    flex-direction: row-reverse;
                    width: 678px;
                }
                >.lbl{
                    width: 210px;
                    >label {
                    min-width: inherit;
                    width: inherit;
                    //flex-shrink: 0;
                    }
                }

                >.formObj {
                    width: 468px;
                    >input, >select {
                        width: inherit;
                    }
                }
            }
        }*/
  /*#aktiveraInternkoPersonuppgifter {
            width: inherit;
            >.container {
                width: inherit;
                flex-direction: column;
                >form {
                    width: inherit;
                    display: flex;
                    flex-direction: row;
                    flex-wrap: wrap;
                    >.col66 {
                        flex-shrink: 0;
                    }
                    >.col33 {
                        flex-shrink: 0;
                    }
                    >.col100 {
                        flex-shrink: 0;
                        width: 100%;
                    }
                }
            }
        }*/
}

main .form > .container {
  width: inherit;
}

main .form strong {
  font: 14px 'Helvetica Neue';
  font-weight: bold;
}

main .form .formTrail {
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 45px;
  padding: 20px 0 10px 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (min-width: 768px) {
  main .form .formTrail {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

main .form .formTrail span.icon-ico-check {
  color: #fff;
}

main .form .formTrail span.icon-ico-check::before {
  content: "\32";
}

main .form .formTrail a {
  font: 18px Helvetica Neue;
  display: block;
  color: #333;
  margin: 0 10px 10px 0;
  text-decoration: none;
}

main .form h2 {
  font: bold 24px 'Helvetica Neue Condensed', sans-serif;
  text-transform: uppercase;
  color: #333;
  margin: 10px 0;
}

main .form h3 {
  font: 18px/24px Helvetica Neue;
  color: #58585a;
  margin: 10px 0;
}

main .form h4 {
  font: bold 20px 'Helvetica Neue Condensed', sans-serif;
  text-transform: uppercase;
  margin: 10px 0;
  color: #333;
}

main .form .lbl > h3 {
  font: bold 24px 'Helvetica Neue Condensed', sans-serif;
  color: #333;
  text-transform: uppercase;
}

main .form .inner.grayArea > h3 {
  font: bold 24px 'Helvetica Neue Condensed', sans-serif;
  color: #333;
  text-transform: uppercase;
}

main .form .inner.formrow > h3 {
  font: bold 24px 'Helvetica Neue Condensed', sans-serif;
  color: #333;
  text-transform: uppercase;
}

main .form .inner.formrow {
  margin-bottom: 30px;
}

main .form #txtEmail,
main .form #pwdUser {
  width: 262px;
}

main .form select {
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #f6f6f6;
  min-height: 24px;
  padding: 4px 0 4px 5px;
  margin-bottom: 10px;
  font: 17px "Helvetica Neue";
  line-height: 20px;
  color: #555;
  vertical-align: middle;
  display: inline-block;
}

main .form input[type="text"],
main .form input[type="password"] {
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #f6f6f6;
  min-height: 24px;
  padding: 4px 0 4px 5px;
  margin-bottom: 10px;
  font: 17px "Helvetica Neue";
  line-height: 20px;
  color: #555;
  vertical-align: middle;
  display: block;
}

main .form textarea {
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #f6f6f6;
  min-height: 72px;
  padding: 4px 0 4px 5px;
  margin-bottom: 10px;
  font: 17px "Helvetica Neue";
  line-height: 20px;
  color: #555;
  vertical-align: middle;
  display: inline-block;
}

main .form .formObj {
  font: 17px "Helvetica Neue";
}

main .form .hidden {
  display: none;
}

main .form .inner.login-margin p {
  font: 17px/20px Helvetica Neue;
  padding-top: 15px;
}

main .form .inner.formrow.logins-fields a {
  padding: 10px;
}

main .form .noBullet {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: #999;
  border-radius: 15px;
  padding-top: 6px;
  font-size: 18px;
  line-height: 18px;
  text-align: center;
  margin-right: 10px;
  margin-left: 20px;
  color: #ffffff;
}

main .form .noBullet.visited {
  background: #73A948;
}

main .form .noBullet.active {
  background: #07A0DD;
}

main .form .noBullet .icon-ico-check {
  margin-left: 5px;
}

main .form p {
  font: 17px Helvetica Neue;
}

main .form .row {
  display: block;
}

@media (min-width: 768px) {
  main .form .row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

main .form .row.reverse {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

main .form .row > .lbl {
  /*min-width: 187px;*/
  min-width: 205px;
}

@media (min-width: 768px) {
  main .form .row > .lbl {
    width: 35px;
  }
}

main .form label {
  font: bold 17px/22px Helvetica Neue;
  cursor: pointer;
}

main .form span.info {
  font: 17px Helvetica Neue;
}

main .form #infoContainer {
  display: block;
}

main .form span.field-validation-error:before {
  content: url("/static/images/gamla/ico-arrow-alert-18870180b0.svg");
  position: absolute;
  left: 20px;
  top: -13px;
}

main .form span.field-validation-error {
  font: 17px Helvetica Neue;
  margin: 0 10px 10px;
  background: #da373d;
  padding: 10px 14px;
  border-radius: 5px;
  color: #fff;
  position: relative;
  display: inline-block;
  /*@include breakpoint(lg) {
                width: 180px;
            }*/
}

main .form .box.forminfo {
  background: #FFF;
  border-left: 1px solid #d9d9d9;
  margin-bottom: 30px;
}

main .form .box.forminfo > .inner {
  margin: 4px 20px 14px 12px;
  padding-top: 20px;
}

main .form .box.forminfo span.info {
  margin-left: 30px;
  margin-top: -18px;
  display: block;
}

main .form .col33 > box.forminfo {
  margin-top: 50px;
}

main .form .inner.grayArea {
  font: bold 17px Helvetica Neue;
  background: #F1F1F1;
  padding: 10px;
  margin-bottom: 50px;
}

main .form .formHighlight2 {
  background: #ccc;
  border-radius: 4px;
  padding: 1%;
  margin-bottom: 15px;
}

main .form .formHighlight2 a {
  font: 700 16px/32px 'Helvetica Neue';
  color: #2577AB;
  text-decoration: none;
  display: block;
}

main .form .formHighlight2 a:hover {
  text-decoration: underline;
}

main .form span.icon-ico-info,
main .form span.icon-ico-check {
  font: normal normal normal 17px/1 'bf-icons';
  display: inline-block;
  speak: none;
  text-transform: none;
  background: none;
  margin-right: 10px;
}

main .form span.icon-ico-info {
  color: #07a0dd;
}

main .form span.icon-ico-info::before {
  content: "\22";
}

main .form span.icon-ico-check::before {
  content: "\32";
}

main .col33 > .form {
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

main .col33 > .form > h2 {
  font: 20px/1.2 'Helvetica Neue';
  color: #58585a;
  text-transform: uppercase;
  margin-bottom: 10px;
}

main .col33 > .form > input[type="submit"] {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

main .col33 > .form > .formrow {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

main .col33 span.icon-ico-info,
main .col33 span.icon-ico-check {
  font: normal normal normal 17px/1 'bf-icons';
  display: inline-block;
  speak: none;
  text-transform: none;
  background: none;
  margin-right: 10px;
}

main .col33 span.icon-ico-info {
  color: #07a0dd;
}

main .col33 span.icon-ico-info::before {
  content: "\22";
}

main .col33 span.icon-ico-check::before {
  content: "\32";
}

main .col33 span {
  font: 17px Helvetica Neue;
}

main .col33 .box.forminfo {
  background: #FFF;
  border-left: 1px solid #d9d9d9;
  padding-left: 30px;
}

main .col66 .inner > table.tblList {
  margin-bottom: 20px;
}

main .col66 .inner > table.tblList tr td:last-of-type {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

main .col66 .inner > table.tblList tr td:last-of-type .btn.small:last-of-type {
  margin-left: 5px;
}

main .col66 > .inner > .inner > h4 {
  font: bold 18px 'Helvetica Neue Condensed', sans-serif;
  text-transform: uppercase;
  margin: 10px 0;
  color: #333;
}

main .col66 > .inner > .inner ul:last-of-type {
  list-style: square;
}

main .col66 > .inner > .inner ul:last-of-type > li {
  margin-left: 10px;
}

main .col66 > .inner > .inner ul:last-of-type > li > a {
  overflow-wrap: break-word;
  word-wrap: break-word;
}

main .col66 > .inner > .inner > h3 {
  font: bold 20px 'Helvetica Neue Condensed', sans-serif;
  text-transform: uppercase;
  margin: 10px 0;
  color: #333;
}

main .col66 > .inner > .inner > .dataTables_wrapper > table#tblProj {
  margin-top: 30px;
  margin-bottom: 30px;
}

main .col66 > .inner > .inner > .dataTables_wrapper > table#tblProj tbody > tr select {
  font: 17px "Helvetica Neue";
  width: 75%;
}

main .col66 > .inner > .inner > p {
  font: 17px/1.4 'Helvetica Neue';
  margin-bottom: 10px;
}

main .col66 > .inner > .inner > ul {
  font: 17px/20px 'Helvetica Neue';
  padding-bottom: 25px;
}

main .col66 > .inner > .inner > ul strong {
  font-weight: bold;
}

main .col66 > .inner > .inner > ul > li {
  padding-bottom: 25px;
}

main .col66 > .inner > .inner > b {
  font: bold 20px/24px 'Helvetica Neue';
}

main .col66 > .inner > .inner > a.test {
  font: 700 16px/32px 'Helvetica Neue';
  color: #2577AB;
  text-decoration: none;
  display: block;
}

main .col66 > .inner > .inner > a.test:hover {
  text-decoration: underline;
}

main .col66 > .inner > .inner .formrow > label.checkbox {
  cursor: pointer;
  font: 17px/22px 'Helvetica Neue';
}

main .col66 > .inner > .inner > input[type="submit"],
main .col66 > .inner > .inner a.btn.large {
  margin-left: 2px;
}

main .col66 form {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

main .col66 form .formrow {
  padding-bottom: 5px;
}

main .col66 form .formrow > label.checkbox {
  cursor: pointer;
  font: 17px/22px 'Helvetica Neue';
}

main .col66 form > input[type="submit"],
main .col66 form a.btn.large {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

main .col66 form > ul {
  font: 17px/20px 'Helvetica Neue';
  padding-bottom: 25px;
  padding-top: 10px;
}

main .col66 .inner.right {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

main .col66 .inner.right > form {
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

main .col66 .inner.right > form > input[type="submit"],
main .col66 .inner.right > form a.btn.large {
  margin: 2px;
}

main .col66 span.icon-ico-info,
main .col66 span.icon-ico-check {
  font: normal normal normal 17px/1 'bf-icons';
  display: inline-block;
  speak: none;
  text-transform: none;
  background: none;
  margin-right: 10px;
}

main .col66 span.icon-ico-info {
  color: #07a0dd;
}

main .col66 span.icon-ico-info::before {
  content: "\22";
}

main .col66 span.icon-ico-check::before {
  content: "\32";
}

main div.inner #showNonCurrentApartments,
main div.inner #hideNonCurrentApartments {
  font: 700 16px/32px 'Helvetica Neue';
  color: #2577AB;
  text-decoration: none;
  display: block;
  margin-top: 30px;
}

main div.inner #showNonCurrentApartments:hover,
main div.inner #hideNonCurrentApartments:hover {
  text-decoration: underline;
}

#project-search-sort {
  background: #ffffff;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 51px;
  padding-left: 10px;
  margin-bottom: 55px;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (min-width: 768px) {
  #project-search-sort {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 5px;
  }
}

#project-search-sort > h2 {
  font: bold 24px 'Helvetica Neue Condensed', sans-serif;
  text-transform: uppercase;
  margin-right: 10px;
  color: #333;
}

#project-search-sort > div {
  font: 17px 'Helvetica Neue';
  white-space: nowrap;
}

#project-search-sort > div:first-child {
  padding-right: 5px;
}

#project-search-sort > div:nth-child(2) {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: block;
}

@media (min-width: 480px) {
  #project-search-sort > div:nth-child(2) {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-right: 10px;
  }
}

#project-search-sort select {
  padding: 5px;
}

main #objSearch {
  padding: 15px;
  background: #f0f0eb;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  max-width: 950px;
}

main #searchfilter {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

main #searchfilter > .filterRow + .filterRow {
  margin-top: 5px;
}

main #userInfo {
  padding-bottom: 5px;
}

main #userInfo > div {
  padding: 5px;
  border-radius: 4px;
  background: #87AE3C;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

main #userInfo > div > input {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  cursor: pointer;
}

main #userInfo > div > label {
  padding-left: 5px;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  cursor: pointer;
  font: 17px/30px 'Helvetica Neue';
  color: #ffffff;
}

main #lastSearchBtn {
  font: 17px/30px 'Helvetica Neue';
  padding-bottom: 5px;
}

main #totalSearchHitsBox {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 10px;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font: 17px/24px 'Helvetica Neue';
}

main #apartmentTypes {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

main #apartmentTypes input[type="checkbox"] {
  display: none;
}

main #apartmentTypes label {
  margin: 0 6px 6px 0;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font: 17px/25px 'Helvetica Neue';
  color: #333333;
  background: #dadace;
  padding: 5px 10px;
  border-radius: 5px;
  cursor: pointer;
}

main #apartmentTypes input[type="checkbox"]:checked + label {
  color: #fff;
  background: #009CDC;
}

main #dropdowns,
main #omrade-dropdowns {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

main #dropdowns select,
main #dropdowns div,
main #omrade-dropdowns select,
main #omrade-dropdowns div {
  margin: 0 6px 6px 0;
}

main #dropdowns select,
main #dropdowns label,
main #dropdowns div > input,
main #omrade-dropdowns select,
main #omrade-dropdowns label,
main #omrade-dropdowns div > input {
  font: 17px/30px 'Helvetica Neue';
  cursor: pointer;
}

main #dropdowns div,
main #omrade-dropdowns div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

main #dropdowns div > input,
main #dropdowns div > label,
main #omrade-dropdowns div > input,
main #omrade-dropdowns div > label {
  margin: 0;
}

main #dropdowns div > label,
main #omrade-dropdowns div > label {
  font: 17px/30px 'Helvetica Neue';
  padding-left: 5px;
  margin-right: 10px;
}

main #dropdowns select,
main #omrade-dropdowns select {
  background: #ffffff;
  border: 1px solid #dadace;
  border-radius: 4px;
  padding: 5px;
  width: 180px;
}

main #omrade-dropdowns select {
  margin-top: 5px;
  margin-right: 0;
  width: 280px;
  max-width: 100%;
}

main #annons-lista {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 20px auto;
  max-width: 950px;
}

main #annons-lista.is-hidden {
  display: none;
}

main #startsida .col33 {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}

main #startsida .col66 {
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

@media (min-width: 992px) {
  main #startsida .col33 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  main #startsida .col66 {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
}

main #startsida h2.freeApartments {
  font: bold 34px/1.2 'Georgia Pro';
  color: #333333;
  margin: 6px;
  letter-spacing: -1px;
  text-align: center;
  font-feature-settings: "onum";
}

main #startsida h2.freeApartments .number {
  font-size: 50px;
}

main #startsida p.freeApartmentsLink {
  margin: 20px 0 42px;
  text-align: center;
}

main #startsida #latest {
  margin: 20px 0;
}

main #startsida #latest a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

main #startsida #latest li {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

main #startsida #latest li + li {
  border-top: 1px solid #f1f1f1;
  padding-top: 10px;
  margin-top: 10px;
}

main #startsida #latest h2 {
  font: bold 24px 'Helvetica Neue Condensed', sans-serif;
  margin: 10px 0;
  text-transform: uppercase;
  color: #333;
}

main #startsida #latest .date {
  width: 100px;
  font: 17px/20px 'Helvetica Neue';
}

main #startsida #latest .information {
  font: 17px/20px 'Helvetica Neue';
}

main #startsida #latest .address {
  font: bold 17px/20px 'Helvetica Neue';
}

main #startsida #startCounter {
  margin-bottom: 10px;
}

main #startsida .boxList {
  margin: 10px 0;
}

main #startsida .boxList h2 {
  font: bold 24px 'Helvetica Neue Condensed', sans-serif;
  text-transform: uppercase;
  color: #333;
  margin-bottom: 10px;
}

main #startsida .boxList li {
  font: 18px/20px 'Helvetica Neue';
  color: #676769;
}

main #startsida .boxList li + li {
  margin-top: 10px;
}

main #startsida .boxList .right {
  margin-top: 10px;
  text-align: right;
  font: 17px/20px 'Helvetica Neue';
}

main #mina-sidor {
  font: 14px/20px 'Helvetica Neue';
}

@media (min-width: 768px) {
  main #mina-sidor .container .col33 {
    padding-top: 34px;
  }
}

main #mina-sidor strong {
  font-weight: bold;
}

main #mina-sidor .greenTxt {
  color: #73a948;
}

main #mina-sidor .objInterest p {
  margin: 10px;
  font: 17px/1.4 'Helvetica Neue';
}

main #mina-sidor #objHistory table {
  width: 100%;
}

main #mina-sidor .intresseanmalan {
  background: #ffffff;
  border-radius: 6px;
  border: 3px solid #ccc;
  padding: 10px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font: 17px/24px 'Helvetica Neue';
}

main #mina-sidor .intresseanmalan h1 {
  font: 24px/30px 'Helvetica Neue';
  color: #73a948;
  margin-top: 10px;
}

main #mina-sidor .intresseanmalan p {
  margin: 0;
}

main #mina-sidor .intresseanmalan + .intresseanmalan {
  margin-top: 10px;
}

main #mina-sidor .col-right {
  margin-top: 10px;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

@media (min-width: 768px) {
  main #mina-sidor .col-right {
    width: 200px;
    margin-top: 0;
    margin-left: 20px;
  }
}

main #mina-sidor .info {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (min-width: 768px) {
  main #mina-sidor .info {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

main #mina-sidor .statusInfo {
  border-top: 1px solid #d9d9d9;
  padding-top: 10px;
  margin-top: 10px;
}

main #mina-sidor .dataTable {
  width: 100%;
}

main #mina-sidor .projektinfo {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

main #mina-sidor .projektinfo > .projekttext {
  color: #333333;
  background: #FFDD00;
  font-weight: bold;
  font-size: 14px;
  /*line-height: $base-line-height;*/
  padding-left: 10px;
  padding-right: 20px;
  margin-left: -10px;
  margin-top: -10px;
  margin-bottom: 5px;
  border-radius: 3px 0 0 0;
}

main #barn .col66 > table.tblList {
  width: 100%;
}

main #barn .col66 > table.tblList th {
  color: #333333;
}

main #barn .col33 {
  border-left: 1px solid #d9d9d9;
}

main #barn .form {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

main #barn .form .box.forminfo {
  border-left: none;
  padding-top: 8px;
  padding-left: 10px;
}

main #barn .form > button {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-top: 25px;
}

main #barn .form > span {
  margin-top: 25px;
  margin-right: 10px;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 80%;
}

.bf-multiselect > select {
  display: none;
}

.bf-multiselect {
  font: 17px 'Helvetica Neue';
  margin-right: 10px;
  margin-bottom: 20px;
  position: relative;
}

.bf-multiselect > .bf-multiselect-box {
  background: #ffffff;
  border: 1px solid #dadace;
  border-radius: 2px;
  cursor: text;
}

.bf-multiselect > .bf-multiselect-box > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.bf-multiselect > .bf-multiselect-box > ul > li {
  /*display: inline-block;
                width: auto;*/
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.bf-multiselect > .bf-multiselect-box > ul > li.bf-multiselect-list-item {
  background: #f0f0eb;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 4px;
  padding: 3px 8px;
  font-weight: normal;
  border: 1px solid #dadace;
  border-radius: 2px;
}

.bf-multiselect > .bf-multiselect-box > ul > li.bf-multiselect-list-item > input {
  font-size: 17px;
}

.bf-multiselect input {
  border: 0;
  margin: 2px;
  padding: 6px;
  font: 17px/1.4 'Helvetica Neue';
}

.bf-multiselect input:focus {
  outline: none;
}

.bf-multiselect input::-ms-clear {
  display: none;
}

.bf-multiselect .bf-remove-button {
  background: url("/static/images/main-menu-cross-9f66f18ae4.svg") no-repeat right center;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  cursor: pointer;
  margin-left: 10px;
  width: 17px;
  display: inline-block;
}

/* Resultat */

ul.bf-multiselect-results {
  background: #ffffff;
  /*z-index: 1000;*/
  position: absolute;
  width: 100%;
  overflow-y: auto;
  bottom: 40px;
  border: 1px solid #dadace;
}

ul.bf-multiselect-results > li {
  white-space: nowrap;
  padding: 10px;
  cursor: pointer;
  width: auto;
}

ul.bf-multiselect-results > li.bf-multiselect-selected {
  background: #009CDC;
  color: white;
}

ul.bf-multiselect-results > li.bf-multiselect-selected:hover {
  background: #009CDC;
}

ul.bf-multiselect-results > li:hover {
  background: #009CDC;
  color: white;
}