@charset "UTF-8";
/* Smoot css */
html,
body {
  background-color: white; }

body {
  height: unset;
  font-family: "FunkisB", sans-serif; }
  body * {
    box-sizing: border-box; }

#header {
  height: 77px;
  width: 100%; }
  #header .slidemenu {
    background: transparent url(/img/menu-mobile-303653.svg) center center no-repeat;
    background-size: 32px auto;
    float: left;
    width: 77px;
    height: 77px;
    margin-left: 10px;
    cursor: pointer; }
  #header .title {
    float: left;
    margin-top: 12px;
    color: #b3b3b4; }
  #header .logo {
    color: #dddfe0;
    font-weight: 100;
    font-size: 28px;
    line-height: 1em;
    margin: 0px; }
  #header .login {
    float: right;
    color: #dddfe0;
    font-weight: 200;
    font-size: 22px;
    margin: 15px 20px 0px 0px; }
  #header:after {
    clear: both; }
  #header #header_brf_users {
    margin-top: 14px; }
  #header #switch-brf {
    color: #ffffff;
    font-size: 25px;
    line-height: 77px; }
    @media only screen and (max-width: 425px) {
      #header #switch-brf {
        font-size: 5.7vw; } }

#header,
#header-bg {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  vertical-align: middle;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 5;
  /*background: transparent url(/img/logo-smoot-303653.svg) 95px 47% no-repeat;*/
  transition: all 0.1s ease;
  background-color: #061233; }
  @media only screen and (max-width: 768px) {
    #header,
    #header-bg {
      /*background-color: #f2f4ef;*/ } }
  @media only screen and (max-width: 375px) {
    #header,
    #header-bg {
      background-position-x: 32%; }
      #header .slidemenu,
      #header-bg .slidemenu {
        width: 70px; } }
  #header .slidemenu,
  #header-bg .slidemenu {
    margin-left: 0; }
    #header .slidemenu img,
    #header-bg .slidemenu img {
      height: 100%;
      width: 100%;
      opacity: 0; }

.scrolled #header,
.scrolled #header-bg {
  backdrop-filter: blur(2px);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

#mobile-menu,
.mobilemenu ul {
  position: fixed;
  background: #061233;
  padding: 0; }
  #mobile-menu li,
  .mobilemenu ul li {
    width: 100%;
    border-top: 0.25px solid #A2A2A2;
    border-bottom: unset; }
    #mobile-menu li:last-child,
    .mobilemenu ul li:last-child {
      border-bottom: 0.25px solid #A2A2A2; }
    #mobile-menu li:hover,
    .mobilemenu ul li:hover {
      background: #1F2334; }
    #mobile-menu li a,
    .mobilemenu ul li a {
      padding-top: 12px;
      padding-bottom: 12px;
      color: white;
      font-size: 18px;
      line-height: 1.5em;
      /* Menu sprite */
      /* End of menu sprite */ }
      #mobile-menu li a span,
      .mobilemenu ul li a span {
        background: url(/img/menu-sprite.png) no-repeat top left;
        display: inline-block;
        margin: 0px 5px -3px 0; }
      #mobile-menu li a span.sprite-user,
      .mobilemenu ul li a span.sprite-user {
        background-position: 0 0;
        width: 22px;
        height: 22px; }
      #mobile-menu li a span.sprite-atkomst,
      .mobilemenu ul li a span.sprite-atkomst {
        background-position: 0 -72px;
        width: 22px;
        height: 22px; }
      #mobile-menu li a span.sprite-avtal,
      .mobilemenu ul li a span.sprite-avtal {
        background-position: 0 -144px;
        width: 22px;
        height: 22px; }
      #mobile-menu li a span.sprite-br,
      .mobilemenu ul li a span.sprite-br {
        background-position: 0 -216px;
        width: 22px;
        height: 22px; }
      #mobile-menu li a span.sprite-erbjudande,
      .mobilemenu ul li a span.sprite-erbjudande {
        background-position: 0 -288px;
        width: 22px;
        height: 22px; }
      #mobile-menu li a span.sprite-historik,
      .mobilemenu ul li a span.sprite-historik {
        background-position: 0 -360px;
        width: 22px;
        height: 22px; }
      #mobile-menu li a span.sprite-lagenhet,
      .mobilemenu ul li a span.sprite-lagenhet {
        background-position: 0 -432px;
        width: 22px;
        height: 22px; }
      #mobile-menu li a span.sprite-login,
      .mobilemenu ul li a span.sprite-login {
        background-position: 0 -504px;
        width: 22px;
        height: 22px; }
      #mobile-menu li a span.sprite-meddelande,
      .mobilemenu ul li a span.sprite-meddelande {
        background-position: 0 -576px;
        width: 22px;
        height: 22px; }
      #mobile-menu li a span.sprite-ok,
      .mobilemenu ul li a span.sprite-ok {
        background-position: 0 -648px;
        width: 22px;
        height: 22px; }
      #mobile-menu li a span.sprite-profil,
      .mobilemenu ul li a span.sprite-profil {
        background-position: 0 -720px;
        width: 22px;
        height: 22px; }
      #mobile-menu li a span.sprite-meeting,
      .mobilemenu ul li a span.sprite-meeting {
        background-position: 0 -790px;
        width: 22px;
        height: 22px; }
      #mobile-menu li a span.sprite-meeting-group,
      .mobilemenu ul li a span.sprite-meeting-group {
        background-position: 0 -860px;
        width: 22px;
        height: 22px; }
      #mobile-menu li a span.sprite-motions,
      .mobilemenu ul li a span.sprite-motions {
        background-position: -1px -930px;
        width: 22px;
        height: 22px; }
      #mobile-menu li a span.sprite-dashboard,
      .mobilemenu ul li a span.sprite-dashboard {
        background-position: 0 -1000px;
        width: 22px;
        height: 22px; }
      #mobile-menu li a span.sprite-documents,
      .mobilemenu ul li a span.sprite-documents {
        background-position: 0 -1069px;
        width: 22px;
        height: 22px; }
      #mobile-menu li a:hover,
      .mobilemenu ul li a:hover {
        color: beige;
        background: unset !important; }

.mobilemenu {
  background: unset; }
  .mobilemenu ul {
    height: 100vh;
    width: 260px; }
    .mobilemenu ul .submenu {
      position: absolute;
      background: unset; }
    .mobilemenu ul .menu-open {
      border-bottom: unset; }

ul#mobile-menu,
.mobilemenu {
  bottom: 0; }

@media only screen and (max-height: 800px) {
  #mobile-menu,
  .mobilemenu ul {
    overflow: scroll;
    padding-bottom: 100px; } }
#maincontainer {
  height: unset;
  padding-top: 77px; }

.box_fullwidth {
  text-shadow: 0 0 5px black; }

.box_fullwidth h3 a {
  font-family: unset;
  text-shadow: unset; }

.row-login {
  display: flex;
  align-items: stretch;
  height: 100vh;
  transform: translateY(-77px); }
  .row-login .col-login-left,
  .row-login .col-login-right {
    padding-top: 8em; }
  .row-login .col-login-left {
    padding: 8em 30px 0;
    position: relative;
    flex: 0 0 540px; }
    @media only screen and (max-width: 450px) {
      .row-login .col-login-left {
        padding: 6em 4% 0;
        flex: 0 0 59vh; } }
    .row-login .col-login-left h1,
    .row-login .col-login-left h2 {
      font-size: 33px; }
    .row-login .col-login-left .customerservice-link {
      display: none;
      color: #939b97;
      font-family: "FunkisBLight", sans-serif;
      font-size: 19px;
      margin: 0 auto;
      margin-top: 50%;
      text-align: center; }
    .row-login .col-login-left .qr-login {
      position: relative;
      height: 272px; }
      .row-login .col-login-left .qr-login .loader {
        position: absolute;
        width: 100%;
        left: 0;
        top: 100px; }
    .row-login .col-login-left .login-links {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      text-align: center; }
  .row-login .col-login-right {
    border: 20px solid #1d1d1d;
    border-bottom-width: 0;
    flex: 1 1 auto;
    background: #1d1d1d url(/img/bg-letterboard.gif) 0 0 repeat;
    text-align: center;
    vertical-align: middle; }
    .row-login .col-login-right h1,
    .row-login .col-login-right h2 {
      font-size: 39px;
      color: #e1d3c9;
      text-transform: uppercase;
      margin: 0.35em 0;
      line-height: 1.8em; }
  @media only screen and (max-width: 768px) {
    .row-login {
      flex-direction: column;
      height: unset; }
      .row-login .col-login-left,
      .row-login .col-login-right {
        flex: 1;
        width: 100%;
        height: unset;
        display: flex;
        flex-direction: column; }
        .row-login .col-login-left .customerservice-link,
        .row-login .col-login-right .customerservice-link {
          position: relative;
          margin: 3em auto;
          bottom: unset; }
      .row-login .col-login-left .password_login {
        margin-top: 0.5em; }
      .row-login .col-login-right {
        flex-grow: 3;
        padding: 2.2em 0; }
        .row-login .col-login-right h1,
        .row-login .col-login-right h2 {
          margin: 0.05em 0 0; } }

.password_block,
.input-background,
.bankid_login {
  transition: all 0.5s ease; }

.password_login {
  margin-top: 50px; }

#other_device.new_user {
  width: 100%; }

#person_number_div {
  position: relative; }

.input-background {
  position: relative;
  border: 1px solid #d1d0ce;
  border-radius: 5px;
  background: white;
  height: 70px; }
  .input-background input[type="text"].person_number,
  .input-background input[type="password"].password {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    font-size: 24px;
    color: #303752;
    font-family: "FunkisB", sans-serif;
    height: 68px;
    padding-top: 30px;
    padding-right: 30px;
    border: 0;
    max-width: calc(100% - 30px);
    -moz-appearance: textfield;
    background-color: transparent; }
    .input-background input[type="text"].person_number::-webkit-inner-spin-button, .input-background input[type="text"].person_number::-webkit-outer-spin-button,
    .input-background input[type="password"].password::-webkit-inner-spin-button,
    .input-background input[type="password"].password::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0; }
    .input-background input[type="text"].person_number + .input-label,
    .input-background input[type="password"].password + .input-label {
      z-index: 1;
      position: absolute;
      top: 22px;
      left: 12px;
      color: #787471;
      font-size: 18px;
      transition: all 0.5s ease;
      font-family: "FunkisBLight", sans-serif;
      font-weight: unset; }
    .input-background input[type="text"].person_number:focus + .input-label, .input-background input[type="text"].person_number:not(:placeholder-shown) + .input-label,
    .input-background input[type="password"].password:focus + .input-label,
    .input-background input[type="password"].password:not(:placeholder-shown) + .input-label {
      font-size: 14px;
      top: 8px;
      transition: all 0.5s ease; }
  .input-background.bankid::after {
    content: "";
    position: absolute;
    z-index: 100;
    right: 15px;
    top: 17px;
    width: 33px;
    height: 32px;
    background: transparent url(/img/icon-bankid.svg) 0 0 no-repeat; }
  @media only screen and (max-width: 450px) {
    .input-background .input-label {
      top: 10px;
      max-width: calc(100% - 15px); }
    .input-background .person_number:focus + .input-label,
    .input-background .person_number:not(:placeholder-shown) + .input-label {
      font-size: 11px; } }

input.error {
  border: 1px solid #db4437; }

.help-text {
  margin: 0.8em 0;
  font-size: 11px;
  line-height: 18px;
  color: #4a4a4a; }

.btn {
  cursor: pointer;
  height: 38px;
  line-height: 38px;
  padding: 0 18px 0 16px;
  text-decoration: none;
  font-weight: bold;
  margin-right: 5px; }
  .btn.buttonlike_non_button {
    background-color: #ffc0a6;
    color: #464c6c;
    border: unset; }

.dashboard .left_column .content {
  position: unset; }
.dashboard .btn {
  background-color: rgba(255, 255, 255, 0);
  border: 1px solid white;
  color: #fff; }

.motions .left_column .content,
.meetings .left_column .content,
.workgroups .left_column .content,
.apartment-register .left_column .content {
  position: relative;
  margin: 2vw 2vw;
  width: calc(100% - 50px);
  max-width: 1024px; }

.apartment-register .left_column {
  position: relative;
  top: 0; }
.apartment-register td p:has(+ p) {
  margin: 0; }
.apartment-register h3 {
  margin-top: 1em; }
.apartment-register .displaymembershipinfo td div.row:last-of-type {
  margin-bottom: 1em; }

.button,
.button2,
.ui-widget-content .button,
form input[type="submit"],
form .upload,
.buttonlike_non_button form input[type="submit"],
a.button.other_device {
  text-align: center;
  background-color: #303752;
  color: white;
  font-size: 18px;
  font-weight: unset;
  border: unset;
  height: 51px;
  padding: 0 16px;
  min-width: 144px;
  margin-left: 0;
  line-height: 3em;
  transition: all 0.1s ease;
  text-decoration: none;
  display: block;
  margin-bottom: 5px; }
  .button:hover,
  .button2:hover,
  .ui-widget-content .button:hover,
  form input[type="submit"]:hover,
  form .upload:hover,
  .buttonlike_non_button form input[type="submit"]:hover,
  a.button.other_device:hover {
    cursor: pointer;
    opacity: 0.95; }
  .button.button-invisible,
  .button2.button-invisible,
  .ui-widget-content .button.button-invisible,
  form input[type="submit"].button-invisible,
  form .upload.button-invisible,
  .buttonlike_non_button form input[type="submit"].button-invisible,
  a.button.other_device.button-invisible {
    background-color: transparent;
    color: inherit; }

@media only screen and (max-device-width: 425px) {
  .brf_header {
    margin-left: 18vw; } }
.brf_header .buttonlike_non_button {
  background-color: #ffc0a6;
  color: #464c6c;
  border: unset; }

@media only screen and (max-device-width: 425px) {
  #header #header_brf_users ul {
    margin: 0 2vw; } }

.password-login {
  display: flex;
  flex-direction: column;
  text-align: center; }
  .password-login a,
  .password-login .button {
    margin-bottom: 1em;
    flex: 1 0 100%;
    line-height: 2.9em; }
  .password-login a {
    margin-top: 1em; }
    .password-login a img {
      margin: -4px 0 0 8px; }

.bankid_login {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .bankid_login #same_device {
    display: flex; }
    .bankid_login #same_device .button {
      flex: 1; }
  .bankid_login #same_device,
  .bankid_login .other_device {
    width: 48.5%; }
  .bankid_login label {
    display: block;
    width: 100%; }
  .bankid_login p {
    margin-top: 4em;
    color: #303752;
    font-size: 15px; }
    .bankid_login p a {
      text-decoration: underline;
      color: inherit; }

p.login-text {
  margin-top: 4em;
  color: #303752;
  font-size: 15px;
  line-height: 1.5em; }
  p.login-text a {
    text-decoration: underline;
    color: inherit;
    color: #609dce;
    line-height: 1.5em; }

.mobilt-bankid_login {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: column; }
  .mobilt-bankid_login .button {
    width: 48.5%; }

.gdpr_policy_link {
  cursor: pointer;
  color: #00ffff !important; }

.agreements .content {
  padding: 2vw 2vw;
  position: unset; }

.left_column {
  width: 100% !important;
  padding: unset;
  padding-right: 50px; }
  .left_column .dashboard-intro-text,
  .left_column .dashboard-list,
  .left_column .dashboard-list-text,
  .left_column .event {
    padding: 2vw 2vw; }
  .left_column .dashboard-intro-text {
    background-color: #222E51;
    color: white; }
    .left_column .dashboard-intro-text h1,
    .left_column .dashboard-intro-text h2,
    .left_column .dashboard-intro-text h3,
    .left_column .dashboard-intro-text a {
      color: white; }
  .left_column .dashboard-list.membership_request-list .list-group {
    margin-bottom: 3em; }
    .left_column .dashboard-list.membership_request-list .list-group .d-flex.w-100 {
      flex-direction: row; }
      .left_column .dashboard-list.membership_request-list .list-group .d-flex.w-100 > div:nth-child(1) {
        width: 65%; }
      .left_column .dashboard-list.membership_request-list .list-group .d-flex.w-100 > div:nth-child(2) {
        width: 35%; }
      .left_column .dashboard-list.membership_request-list .list-group .d-flex.w-100 > div .glyphicon {
        float: right; }
        @media only screen and (max-device-width: 767px) {
          .left_column .dashboard-list.membership_request-list .list-group .d-flex.w-100 > div .glyphicon {
            float: unset;
            position: absolute;
            right: var(--bs-list-group-item-padding-x);
            top: 11px; } }
      .left_column .dashboard-list.membership_request-list .list-group .d-flex.w-100.displaymembershipinfo {
        padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x); }
        @media only screen and (max-device-width: 767px) {
          .left_column .dashboard-list.membership_request-list .list-group .d-flex.w-100.displaymembershipinfo {
            flex-direction: column; }
            .left_column .dashboard-list.membership_request-list .list-group .d-flex.w-100.displaymembershipinfo > div {
              width: 100%; }
              .left_column .dashboard-list.membership_request-list .list-group .d-flex.w-100.displaymembershipinfo > div:first-child {
                width: calc(100% - 24px); } }
    .left_column .dashboard-list.membership_request-list .list-group.list-group-flush .list-group-item {
      border-width: var(--bs-list-group-border-width) 0 0 0;
      padding: unset; }
      .left_column .dashboard-list.membership_request-list .list-group.list-group-flush .list-group-item:first-child {
        border-width: 0; }
      .left_column .dashboard-list.membership_request-list .list-group.list-group-flush .list-group-item:hover, .left_column .dashboard-list.membership_request-list .list-group.list-group-flush .list-group-item:active {
        background-color: #f2f4ef; }
      .left_column .dashboard-list.membership_request-list .list-group.list-group-flush .list-group-item:has(.show):hover, .left_column .dashboard-list.membership_request-list .list-group.list-group-flush .list-group-item:has(.show):active {
        background-color: unset; }
      .left_column .dashboard-list.membership_request-list .list-group.list-group-flush .list-group-item:last-child {
        border-bottom-width: var(--bs-list-group-border-width); }
  .left_column .dashboard-list.membership_request-list .membership_request {
    border-bottom: unset;
    background-color: #f2f4ef;
    border-radius: 8px;
    padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
    margin-bottom: 1em; }
    .left_column .dashboard-list.membership_request-list .membership_request .row {
      border-bottom: 1px solid #dee2e6; }
      .left_column .dashboard-list.membership_request-list .membership_request .row > div {
        padding-top: 8px;
        padding-bottom: 8px; }
      @media only screen and (max-device-width: 768px) {
        .left_column .dashboard-list.membership_request-list .membership_request .row.row-files-headings .col-4 {
          text-align: right; }
        .left_column .dashboard-list.membership_request-list .membership_request .row.row-files .col-4 {
          text-align: right; } }
      @media only screen and (max-device-width: 575px) {
        .left_column .dashboard-list.membership_request-list .membership_request .row.row-files-headings > div {
          width: 50%; } }
    .left_column .dashboard-list.membership_request-list .membership_request p {
      margin: unset; }
    .left_column .dashboard-list.membership_request-list .membership_request small {
      font-size: 16px;
      font-family: "FunkisBSemiBold", sans-serif; }
    .left_column .dashboard-list.membership_request-list .membership_request .btn-link {
      line-height: 1.3em;
      height: unset;
      padding: unset;
      margin-right: unset; }
  .left_column .dashboard-list .month-year {
    text-transform: capitalize; }
  .left_column .dashboard-list h1 {
    margin: 1em 0; }
  .left_column .dashboard-list h3 {
    margin-top: 0.5em;
    text-transform: capitalize; }
  .left_column .dashboard-list .table > thead > tr th.member-application,
  .left_column .dashboard-list .table > thead > tr td.member-application,
  .left_column .dashboard-list .table tbody > tr th.member-application,
  .left_column .dashboard-list .table tbody > tr td.member-application,
  .left_column .dashboard-list .table tfoot > tr th.member-application,
  .left_column .dashboard-list .table tfoot > tr td.member-application {
    padding-left: 0; }
  .left_column .dashboard-list .table > thead > tr th.time, .left_column .dashboard-list .table > thead > tr th.status,
  .left_column .dashboard-list .table > thead > tr td.time,
  .left_column .dashboard-list .table > thead > tr td.status,
  .left_column .dashboard-list .table tbody > tr th.time,
  .left_column .dashboard-list .table tbody > tr th.status,
  .left_column .dashboard-list .table tbody > tr td.time,
  .left_column .dashboard-list .table tbody > tr td.status,
  .left_column .dashboard-list .table tfoot > tr th.time,
  .left_column .dashboard-list .table tfoot > tr th.status,
  .left_column .dashboard-list .table tfoot > tr td.time,
  .left_column .dashboard-list .table tfoot > tr td.status {
    padding-left: 29px; }
  .left_column .dashboard-list .table tr {
    position: relative; }
    .left_column .dashboard-list .table tr:has(.month-year) + tr {
      border-top-style: hidden; }
    .left_column .dashboard-list .table tr td.member-application a {
      display: inline-block;
      width: calc(100% - 28px);
      margin-left: 5px; }
  .left_column .dashboard-list .table-hover > tbody > tr:hover {
    background-color: unset; }
  .left_column .dashboard-list .table-hover > tbody > tr.displaymembershipinfo {
    background-color: #f4f4f4; }
  .left_column .dashboard-list .table-hover > tbody > tr.displaymembershipinfo:hover {
    background-color: #e3f0f6; }
  .left_column .dashboard-list .table-striped > tbody > tr {
    position: relative;
    border-bottom: 2px solid #fff; }
  .left_column .dashboard-list table .status {
    text-align: center; }
  .left_column .dashboard-list .month-year-label {
    width: 200px;
    margin-left: -100px;
    margin-right: auto;
    background-color: white;
    display: inline;
    padding: 3px;
    font-size: 10px;
    font-weight: bold;
    position: absolute;
    z-index: 1;
    margin-top: -10px;
    border-radius: 10px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); }
  @media only screen and (max-device-width: 768px) {
    .left_column .dashboard-list .table > tbody > tr > td,
    .left_column .dashboard-list .table > tbody > tr > th,
    .left_column .dashboard-list .table > tfoot > tr > td,
    .left_column .dashboard-list .table > tfoot > tr > th,
    .left_column .dashboard-list .table > thead > tr > td,
    .left_column .dashboard-list .table > thead > tr > th {
      padding-left: 10px; }
    .left_column .dashboard-list .table td.member-application {
      padding-top: 2em; }
    .left_column .dashboard-list .table td.time {
      position: absolute;
      top: 4px;
      left: 24px;
      border: 0;
      background-color: transparent; }
    .left_column .dashboard-list .table td.time + td {
      max-width: calc(100% - 54px); } }
  .left_column .event {
    padding-left: 29px;
    border-bottom: unset; }
    .left_column .event .event_icon {
      display: none;
      margin-left: unset;
      margin-top: 7px; }
    .left_column .event .event_content {
      width: 100%;
      padding-left: unset; }
      .left_column .event .event_content .dashboard_list > div {
        height: unset;
        border-bottom: 1px solid #dee2e6;
        padding: 15px 0; }
      .left_column .event .event_content .dashboard_list hr {
        display: none; }

.content-inner {
  max-width: 1024px; }

.displaymembershipinfo {
  cursor: pointer; }

strong {
  font-weight: 500; }

.right_column {
  position: fixed;
  z-index: 4;
  right: 0;
  height: 100%;
  width: 350px;
  max-width: 100%;
  background: white; }
  .right_column:not(.mini) .header ul {
    padding-left: unset; }
  .right_column .right_column_content {
    bottom: 0;
    position: fixed;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 250px;
    height: calc(100% - 127px);
    max-height: unset;
    width: inherit;
    padding: unset;
    padding-top: 15px; }
    .right_column .right_column_content ul li {
      margin-left: unset;
      padding-left: 20px; }
  .right_column .header {
    height: 50px;
    background-color: #ffc0a6; }
    .right_column .header ul {
      padding-top: unset;
      margin-left: unset; }
    .right_column .header li a {
      position: relative;
      display: block;
      font: normal normal normal 14px / 1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      color: #464c6c;
      width: 50px;
      height: 50px; }
      .right_column .header li a:hover {
        color: inherit; }
      .right_column .header li a:before {
        position: absolute;
        top: 18px;
        left: 19px; }
      .right_column .header li a#show-rightbar:before {
        content: "\f053"; }
      .right_column .header li a#hide-rightbar {
        float: right; }
        .right_column .header li a#hide-rightbar:before {
          content: "\f00d"; }
      .right_column .header li a img {
        opacity: 0; }
  .right_column .heading-category {
    display: block;
    padding-left: 7px;
    width: 100%; }
    .right_column .heading-category a {
      display: inline-block;
      width: calc(100% - 40px); }
    .right_column .heading-category:has(a):hover {
      background-color: rgba(250, 195, 195, 0.12); }
    .right_column .heading-category:has(a):active {
      background-color: rgba(250, 195, 195, 0.24); }
  .right_column .category_orb {
    line-height: 14px; }
  .right_column .items li {
    position: relative; }
    .right_column .items li:hover {
      background-color: rgba(250, 195, 195, 0.12); }
    .right_column .items li:active {
      background-color: rgba(250, 195, 195, 0.24); }
      .right_column .items li:active a {
        color: white; }
    .right_column .items li .item_orb {
      z-index: 1;
      position: absolute;
      left: 20px;
      top: 10px;
      line-height: 14px;
      color: transparent;
      background-color: unset;
      border: 1px solid #061233;
      height: 12px;
      width: 12px; }
    .right_column .items li .item {
      position: relative;
      z-index: 2;
      display: inline-block;
      width: calc(100% - 20px); }
      .right_column .items li .item a {
        display: inline-block;
        width: 100%;
        padding-left: 20px;
        color: #400404; }

.ui-widget-overlay {
  background-image: none;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 1; }

.ui-widget {
  font-family: unset;
  max-height: 98vh; }
  .ui-widget-content .fa-circle-o-notch {
    margin: 15px 0; }
  .ui-widget #btn-stop-dialogSameDevice,
  .ui-widget #btn-stop-dialogOtherDevice,
  .ui-widget #btn-stop-validationError {
    margin: 15px auto 0; }
  .ui-widget .ui-widget-header {
    background-image: none; }
  .ui-widget .ui-dialog-titlebar-close::after {
    content: "";
    display: block;
    height: 16px;
    width: 16px;
    font-family: verdana;
    color: #333;
    line-height: 12px;
    text-align: center;
    font-size: 18px;
    font-weight: lighter; }
  .ui-widget #confirmation_dialog {
    height: unset !important; }

.left_column:has(.membership_request) .content {
  position: unset; }

.membership_request h2 {
  font-size: 20px; }

.box-shadow_black-02 {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); }

.hidden {
  display: none !important; }

.list-group-item {
  transition: all 0.2s ease; }
  .list-group-item a {
    transition: all 0.2s ease;
    text-decoration: underline;
    text-decoration-color: transparent; }
  .list-group-item:hover a {
    color: #061233;
    text-decoration-color: unset; }
  .list-group-item:has(a):hover {
    background: #f8fafe; }

.alert {
  top: 9px;
  left: 70px;
  right: 70px;
  display: flex;
  margin: 0 auto; }
  .alert p {
    margin: 0; }
  .alert button span {
    opacity: 0; }

html,
body {
  background: #fff;
  font-family: "FunkisB", sans-serif; }

a {
  color: #303653;
  transition: all 0.05s ease;
  text-decoration: underline; }
  a:hover, a:active, a.active {
    color: #e16742; }

#header-bg {
  width: 100%;
  height: 77px;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 989;
  /*background-color: rgba(255, 255, 255, 0.15);*/ }

.footer {
  background: transparent; }

.logo {
  top: 0px;
  background-size: 100%;
  width: 210px;
  height: 80px; }

.mobileheader {
  background: transparent url(/img/menu-mobile-303653.svg) center center no-repeat;
  float: left;
  width: 77px;
  height: 77px; }
  @media only screen and (max-width: 375px) {
    .mobileheader {
      width: 70px;
      margin-left: 0; } }

.mobileheader .toggle,
.mobileheader .detoggle {
  width: 60px;
  height: 60px; }

#header-bg .va-logo {
  position: absolute;
  top: 20px;
  left: 90px;
  height: 38px;
  width: 125px;
  cursor: pointer;
  color: white;
  font-weight: bold;
  font-size: 17px;
  font-family: sans-serif;
  text-decoration: none;
  text-indent: -9999px; }

.mobilemenu ul li a {
  text-decoration: none; }

.box {
  display: block;
  float: left;
  margin: 0;
  position: relative;
  overflow: hidden; }

.box .overlay {
  display: block;
  background: transparent;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  z-index: 99;
  opacity: 1;
  text-decoration: none; }

.box .overlay .blackness {
  width: 100%;
  position: absolute;
  bottom: 0px;
  min-height: 25%;
  background: rgba(0, 0, 0, 0.5); }

.box .overlay h3 {
  /* display: none; */
  text-align: center;
  padding: 0px 15px;
  position: relative;
  margin: 0px;
  color: white;
  font-family: "Titillium Web";
  font-size: 24px;
  font-weight: 100;
  margin: 44.5px 0px 0px; }

.column-third {
  background-size: 100%; }

.footer .content {
  text-align: center; }

.footer .client-col,
.footer .service-col {
  display: inline-block;
  vertical-align: top;
  float: none;
  text-align: left;
  padding-top: 35px; }

.footer .client-col:before {
  content: "Smoot";
  font-weight: 600;
  font-size: 14px;
  color: #333; }

.footer .service-col:before {
  content: "Produkter & tjänster";
  font-weight: 600;
  font-size: 14px;
  color: #333; }

.footer .client-two-col {
  display: none; }

.box ul {
  /*list-style-image: url('/images/bluecheck.png');*/
  list-style-type: none; }

.box ul li {
  list-style-type: none;
  /*background: url("/images/bluecheck.png") left center no-repeat;*/
  padding-left: 40px; }

.footer .column-third li {
  height: 20px; }

.footer .column-third li a {
  font-size: 12px;
  color: #333;
  line-height: 14px; }

.footer .lined-bottom {
  display: none; }

/*.column-eighth{
  width:12.5%;
  height:500px;
}*/
.padding-smaller-responsive {
  padding: 10px; }

.fullwidth2col {
  width: 100%; }

/*@media (max-width: 1124px) {*/
.column-eighth {
  width: 25%;
  height: 400px; }

/*}*/
@media (max-width: 736px) {
  .column-eighth {
    width: 50%;
    height: 500px; }

  .column-eighth.notitle {
    display: none; } }
.box .content img {
  width: 20%; }

.links {
  position: absolute;
  top: 20px;
  right: 5%;
  height: 30px;
  overflow: hidden;
  z-index: 990;
  text-align: right; }
  .links a {
    display: inline-block;
    padding: 15px;
    font-size: 15px;
    text-decoration: none;
    color: #ffffff; }
  @media (max-width: 767px) {
    .links {
      display: none; } }

.maklarbild {
  min-height: calc(100vh - 290px - 130px); }
  .maklarbild .box ul li {
    background: none;
    padding-left: 0px;
    padding-right: 70px; }
  .maklarbild .nav-tabs {
    border-bottom: 5px solid #424243; }
  .maklarbild .nav-item > a {
    font-size: 15px;
    padding: 5px 0;
    margin-right: 50px; }
  .maklarbild .nav-tabs > li.active > a,
  .maklarbild .nav-tabs > li.active > a:hover,
  .maklarbild .nav-tabs > li.active > a:focus {
    color: #555;
    background-color: #fff;
    border: none;
    cursor: default; }
  .maklarbild .nav-tabs > li > a:hover {
    border-color: transparent;
    background-color: transparent; }
  .maklarbild .nav-tabs > li.active > a:after {
    content: " ";
    display: block;
    height: 5px;
    position: absolute;
    bottom: -6px;
    left: 0;
    right: 0;
    background-color: darkorange; }

form#membership-form {
  margin-top: 40px; }

body .box .content h1,
body .box .content h2,
body .box .content h3,
body .box .content h4 {
  font-weight: bold;
  font-family: FunkisBBold, sans-serif;
  color: #1d1d1d; }

body .box.inverted .content h1,
body .box.inverted .content h2,
body .box.inverted .content h3 {
  font-weight: bold;
  font-family: FunkisBBold, sans-serif;
  color: white; }

.page-article {
  margin-top: 77px;
  max-width: 670px; }
  .page-article ul,
  .page-article ol {
    list-style: initial;
    margin-left: initial;
    margin-bottom: 1em; }
    .page-article ul li,
    .page-article ol li {
      margin-left: 1.2em;
      padding-left: 0; }

.box .content .page-article h1 {
  text-transform: uppercase;
  font-size: 37px;
  padding-bottom: 1em; }

.box .content .page-article,
.box .content .page-article p,
.box .content .page-article ul,
.box .content .page-article ol {
  font-size: 15px; }

.box .content .page-article h2 {
  font-size: 18px;
  padding-bottom: unset;
  margin-bottom: 1em; }

@media only screen and (min-width: 770px) {
  .box .content .page-article {
    margin-top: 77px; } }