﻿/*@color-logodarkblue: #0bbbef;*/
/*@color-darkgrey: #1a264e;*/
/* OLD COLOR*/
/*@color-grey: #818181;
@color-lightgrey: #e1e1e1;
@color-blue: #62aeeb;*/
* {
  font-family: sculpin;
}
/* Standards */
h1 {
  margin-bottom: 24px;
  color: #808184;
  font-size: 34px;
  font-weight: 600;
}
h2 {
  font-size: 24px;
  font-weight: 500;
  color: #808184;
}
h3 {
  font-size: 20px;
  font-weight: 400;
  color: #808184;
}
h4 {
  font-size: 16px;
  font-weight: 400;
  color: #808184;
}
h1,
h2,
h3,
h4 {
  word-break: break-word;
}
p {
  font-size: 14px;
  font-weight: 300;
}
b,
strong {
  font-weight: bold;
}
a {
  color: var(--bs-body-color);
}
a:hover {
  color: #81958c;
}
header {
  position: sticky;
  top: 0;
  z-index: 999999;
  background-color: #FFF;
}
@media only screen and (max-width: 991px) {
  header nav.navbar .navbar-nav {
    margin-top: 25px;
  }
}
header nav.navbar .navbar-nav .nav-item {
  position: relative;
  margin: 0 36px;
  height: 100%;
  /* @media (max-width: 1199px) {
                    margin: 0 26px;
                }*/
}
@media only screen and (max-width: 1399px) {
  header nav.navbar .navbar-nav .nav-item {
    margin: 0 20px;
  }
}
header nav.navbar .navbar-nav .nav-item:last-child {
  margin-right: 0;
}
header nav.navbar .navbar-nav .nav-item a:not(.dropdown-subitem):after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  /*margin: auto;*/
  width: 0%;
  content: '.';
  color: transparent;
  background: #000000;
  height: 2px;
  border: none;
  transition: all 0.3s;
  margin-bottom: 0px;
}
header nav.navbar .navbar-nav .nav-item a:not(.dropdown-subitem):not(.nav-link-btn):hover:after {
  width: 100%;
}
header nav.navbar .navbar-nav .nav-item.selected a:not(.dropdown-subitem):not(.nav-link-btn):after {
  width: 100%;
}
header nav.navbar .navbar-nav .nav-item .nav-link {
  color: #000;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  padding: 8px 0;
}
header nav.navbar .navbar-nav .nav-item .nav-link.dropdown-subitem {
  padding: 8px;
}
@media only screen and (max-width: 991px) {
  header nav.navbar .navbar-nav .nav-item .nav-link {
    margin-left: 0;
    margin-right: 0;
  }
}
header nav.navbar .navbar-nav .nav-item .nav-link.nav-link-btn {
  max-width: 200px;
  background-color: #81958c;
  color: #FFF;
  text-align: center;
  text-transform: uppercase;
  padding: 8px 24px;
  border: none;
  box-shadow: none;
  border-radius: 20px;
  transition: all 0.3s ease-in-out;
}
header nav.navbar .navbar-nav .nav-item .nav-link.nav-link-btn:hover {
  background-color: #abb8b2;
}
header nav.navbar .navbar-nav .nav-item .dropdown-menu li {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}
header #main-nav {
  height: 130px;
}
@media only screen and (max-width: 991px) {
  header #main-nav.container-fluid {
    padding: 0;
  }
}
@media only screen and (max-width: 991px) {
  header #main-nav {
    height: 75px;
  }
}
header #main-nav > div {
  height: 100%;
  border-bottom: 2px solid #F2F2F2;
}
header #main-nav > div > div {
  height: 100%;
}
@media only screen and (max-width: 991px) {
  header #main-nav > div > div {
    padding-left: 0;
  }
}
header #main-nav .logo-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 991px) {
  header #main-nav .logo-wrapper {
    justify-content: flex-start;
  }
}
header #main-nav .logo-wrapper a.logo-brand {
  text-decoration: none;
  z-index: 20;
  width: 100%;
}
@media only screen and (max-width: 991px) {
  header #main-nav .logo-wrapper a.logo-brand {
    margin-left: 25px;
  }
}
@media only screen and (max-width: 425px) {
  header #main-nav .logo-wrapper a.logo-brand {
    margin-left: 12px;
  }
}
header #main-nav .logo-wrapper a.logo-brand img {
  max-width: 100%;
  height: auto;
  /*height: 80px;*/
}
@media only screen and (max-width: 768px) {
  header #main-nav .logo-wrapper a.logo-brand img {
    height: 60px;
  }
}
@media only screen and (max-width: 425px) {
  header #main-nav .logo-wrapper a.logo-brand img {
    height: auto;
  }
}
header #main-nav .logo-wrapper a.logo-brand span {
  font-size: 24px;
  text-decoration: none;
  color: #000;
}
header #main-nav #my-menu {
  height: 100%;
  padding: 0;
  right: 4px;
  justify-content: flex-end;
}
header #main-nav #mobile-log-menu {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0;
  justify-content: flex-end;
}
@media only screen and (min-width: 992px) {
  header #main-nav #mobile-log-menu {
    display: none;
  }
}
header #main-nav #mobile-log-menu .navbar-nav {
  margin-top: 0;
}
header #main-nav #mobile-log-menu .navbar-nav .nav-item {
  margin: 0;
}
@media only screen and (max-width: 320px) {
  header #main-nav #mobile-log-menu .nav-link-btn {
    font-size: 10px;
  }
}
@media only screen and (max-width: 320px) {
  header #main-nav #mobile-log-menu .mobile-log-menu-wrapper {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  header #main-nav .collapse ul li:hover > ul,
  header #main-nav #navbarNavDropdown ul li:hover > ul {
    display: block;
  }
  header #main-nav .collapse ul ul,
  header #main-nav #navbarNavDropdown ul ul {
    position: absolute;
    min-width: 230px;
    display: none;
    padding: 0;
    margin: 0;
    z-index: 11000;
    border-radius: 0;
  }
  header #main-nav .collapse ul ul .nav-item,
  header #main-nav #navbarNavDropdown ul ul .nav-item {
    padding: 0;
  }
  header #main-nav .collapse ul ul .nav-item.selected,
  header #main-nav #navbarNavDropdown ul ul .nav-item.selected,
  header #main-nav .collapse ul ul .nav-item:hover,
  header #main-nav #navbarNavDropdown ul ul .nav-item:hover {
    background-color: #e3e3e3;
  }
  header #main-nav .collapse ul ul ul,
  header #main-nav #navbarNavDropdown ul ul ul {
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 275px;
    display: none;
    transition: all 0.2s;
  }
}
header #main-nav .open-dd {
  display: block !important;
}
.logout-item {
  margin-right: 0 !important;
}
.logout-item .logout-btn {
  background-color: transparent;
  border: none;
  padding: 8px 16px;
  /*&:hover {
                color: darken(@color-white, 10%)
            }*/
}
@media only screen and (max-width: 991px) {
  .logout-item .logout-btn {
    width: 100%;
    text-align: left;
    border: none;
  }
}
@media (max-width: 991px) {
  .mm-spn.mm-spn--light {
    color: #000;
    background: #fff;
  }
  .mm-spn ul.mm-spn--parent {
    left: -100%;
  }
  .mm-spn.mm-spn--navbar:after {
    opacity: 1;
  }
  .navbar-nav .dropdown-menu {
    position: fixed;
    float: unset;
    border: none;
    border-radius: 0;
  }
  .navbar-nav .nav-item:not(.dropdown):before {
    display: none;
  }
  .navbar-nav .nav-item .nav-link {
    padding: 13px 20px;
    background: #fff;
    color: #000;
  }
  .navbar-nav .nav-item .nav-link:hover,
  .navbar-nav .nav-item .nav-link:active,
  .navbar-nav .nav-item .nav-link.active,
  .navbar-nav .nav-item .nav-link:focus {
    background: #81958c;
    color: #FFF;
  }
  .navbar-nav .nav-item .nav-link:hover:before,
  .navbar-nav .nav-item .nav-link:active:before,
  .navbar-nav .nav-item .nav-link.active:before,
  .navbar-nav .nav-item .nav-link:focus:before,
  .navbar-nav .nav-item .nav-link:hover:before,
  .navbar-nav .nav-item .nav-link:active:before,
  .navbar-nav .nav-item .nav-link.active:before,
  .navbar-nav .nav-item .nav-link:focus:before,
  .navbar-nav .nav-item .nav-link:hover:before,
  .navbar-nav .nav-item .nav-link:active:before,
  .navbar-nav .nav-item .nav-link.active:before,
  .navbar-nav .nav-item .nav-link:focus:before {
    opacity: 1;
  }
  .mm-spn.mm-spn--navbar:before {
    content: none;
  }
  .mm-spn.mm-spn--navbar ul:before {
    border-color: #000;
  }
  .mm-spn li:after {
    border-color: #000;
    margin-left: 0;
  }
  .mm-ocd {
    z-index: 999999;
  }
  .mm-ocd .dropdown-toggle::after {
    display: none !important;
  }
  .mm-ocd__content .logout-item {
    display: none;
  }
}
/*.navbar-toggler,
.navbar-toggler:focus {
    border: none !important;
    outline: none !important;
    background: @color-green;
    position: fixed;
    border-radius: 0;
    top: 30px;
    right: 10px;
    padding: .5rem .5rem;
    width: 45px;
    z-index: 12000;

    @media(min-width:992px) {
        display: none;
    }

    > span {
        display: block;
        background: @color-white;
        height: 2px;
        margin-bottom: 5px;

        &:last-child {
            margin-bottom: 0;
        }
    }
}*/
.navbar-toggler,
.navbar-toggler:focus {
  border: none !important;
  outline: none !important;
  background: transparent;
  /*background: @color-green;*/
  /*position: fixed;*/
  border-radius: 0;
  top: 30px;
  right: 10px;
  padding: 0.5rem 0.5rem;
  width: 45px;
  /*z-index: 12000;*/
  display: block;
}
@media (min-width: 992px) {
  .navbar-toggler,
  .navbar-toggler:focus {
    display: none;
  }
}
.navbar-toggler > span,
.navbar-toggler:focus > span {
  display: block;
  background: #808184;
  /*background: @color-white;*/
  height: 2px;
  margin-bottom: 5px;
}
.navbar-toggler > span:last-child,
.navbar-toggler:focus > span:last-child {
  margin-bottom: 0;
}
/* ADMIN NAV */
.admin-nav {
  justify-content: space-between;
  padding: 10px;
  background-color: #81958c;
}
.admin-nav a {
  color: #FFF;
}
.admin-nav a:hover {
  color: #e6e6e6;
}
.admin-nav-left {
  display: flex;
}
.admin-nav-right {
  display: flex;
}
.admin-nav-right span {
  color: #FFF;
  padding: 8px 16px;
}
.admin-nav-right form {
  margin-bottom: 0;
}
/* ADMIN PAGE */
.table {
  --bs-table-striped-bg: #e9ede7;
}
.admin-page .admin-top {
  height: 80px;
  background-color: #81958c;
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 20px;
}
.admin-page .admin-top p {
  text-transform: uppercase;
  color: #FFF;
  margin-bottom: 0;
  font-size: 14px;
}
.admin-page .admin-top p span {
  font-size: 18px;
  font-weight: bold;
}
.admin-page .admin-menu-wrapper {
  min-height: 500px;
  display: flex;
  background-color: #F2F2F2;
  justify-content: flex-end;
}
@media (max-width: 991px) {
  .admin-page .admin-menu-wrapper {
    justify-content: flex-start;
  }
}
.admin-page .admin-menu-wrapper h3 {
  color: #81958c;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  margin: 1rem 0;
}
.admin-page .admin-menu-wrapper .admin-menu {
  width: 54%;
  padding: 12px;
}
@media (max-width: 1399px) {
  .admin-page .admin-menu-wrapper .admin-menu {
    width: 78.1%;
  }
}
@media (max-width: 1199px) {
  .admin-page .admin-menu-wrapper .admin-menu {
    width: 75.1%;
  }
}
@media (max-width: 1024px) {
  .admin-page .admin-menu-wrapper .admin-menu {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .admin-page .admin-menu-wrapper .admin-menu {
    margin: 0 29px;
    width: 54%;
  }
}
@media (max-width: 767px) {
  .admin-page .admin-menu-wrapper .admin-menu {
    width: 100%;
  }
}
.admin-page .admin-menu-wrapper .admin-menu hr {
  width: 75%;
}
.admin-page .admin-menu-wrapper .admin-menu nav .navbar-nav {
  width: 100%;
}
.admin-page .admin-menu-wrapper .admin-menu nav .nav-link {
  padding: 12px 0;
  font-size: 14px;
}
@media (max-width: 991px) {
  .admin-page .admin-menu-wrapper .admin-menu nav .nav-link {
    background-color: transparent;
  }
}
.admin-page .admin-menu-wrapper .admin-menu nav .nav-link:hover {
  color: #81958c;
  text-decoration: underline;
}
.admin-page .admin-menu-wrapper .admin-menu nav .nav-link.active:not(.nav-link-btn) {
  text-decoration: underline;
  color: #81958c;
  font-weight: bold;
}
.admin-page .admin-menu-wrapper .admin-menu nav .nav-link.nav-link-btn {
  max-width: 220px;
  background-color: #515f6e;
  color: #FFF;
  text-align: center;
  margin: 14px 0;
  padding: 8px 24px;
  border: none;
  box-shadow: none;
  border-radius: 20px;
}
.admin-page .admin-menu-wrapper .admin-menu nav .nav-link.nav-link-btn:hover {
  background-color: #67788b;
  text-decoration: none;
}
.admin-page .reset-views {
  cursor: pointer;
  padding-right: 6px;
  color: red;
  font-size: 12px;
}
.admin-page .admin-right {
  padding: 24px 0;
  /*.table-responsive {
            @media (max-width: 1599px) {
                display: block;
                width: 100%;
            }
        }*/
}
.admin-page .admin-right .admin-right-pad {
  padding: 0 55px;
}
.admin-page .admin-right .admin-right-head h1 {
  color: #81958c;
  font-weight: bold;
  margin: 1rem 0;
  font-size: 40px;
}
.admin-page .admin-right .admin-right-head .admin-search {
  width: 100%;
  max-width: 900px;
}
.admin-page .admin-right .admin-right-head .rentalowner-link {
  text-decoration: underline;
  color: #81958c;
  font-weight: bold;
}
.admin-page .admin-right #create-rental h1 {
  color: #81958c;
  font-weight: bold;
  margin: 1rem 0 1rem 16px;
  font-size: 40px;
}
.admin-page .admin-right #create-rental h1.admin-right-header-edit {
  margin: 0 0 2rem 16px;
}
.admin-page .admin-right #create-rental span.admin-edit {
  text-decoration: underline;
  font-weight: bold;
  color: #808184;
  margin-bottom: 12px;
  margin-left: 16px;
}
.admin-page .admin-right .admin-view-table {
  /*min-height: 290px;*/
  /*> tbody > .tablerow-even {
                background: @color-admin-line;
                --bs-table-accent-bg: @color-admin-line;
            }

            > tbody > .tablerow-odd {
                background: @color-white;
                --bs-table-accent-bg: @color-white;
            }*/
}
.admin-page .admin-right .admin-view-table th {
  padding: 12px 24px;
  border-bottom: solid 1px #81958c;
  color: #81958c;
  text-transform: uppercase;
  font-size: 14px;
}
.admin-page .admin-right .admin-view-table th.sortable-header a {
  color: #81958c;
  text-decoration: none;
}
.admin-page .admin-right .admin-view-table th:first-child {
  padding-left: 55px;
}
.admin-page .admin-right .admin-view-table th:after {
  position: absolute;
  content: "\25be";
}
.admin-page .admin-right .admin-view-table th.dt-ordering-asc:after {
  content: "\25b4";
}
.admin-page .admin-right .admin-view-table th.dt-ordering-desc:after {
  content: "\25be";
}
.admin-page .admin-right .admin-view-table th:not(.dt-orderable-none) {
  cursor: pointer;
  position: relative;
}
.admin-page .admin-right .admin-view-table th:is(:empty):after {
  content: "";
}
.admin-page .admin-right .admin-view-table th.dt-orderable-none:after {
  content: "";
}
.admin-page .admin-right .admin-view-table tbody.hoverablerows tr:hover {
  text-decoration: underline;
}
.admin-page .admin-right .admin-view-table .apartment-unpublished td > * {
  color: #b2b2b2 !important;
}
.admin-page .admin-right .admin-view-table .row-onclick {
  cursor: pointer;
}
.admin-page .admin-right .admin-view-table td {
  padding: 16px 24px 8px;
  border: none;
}
.admin-page .admin-right .admin-view-table td:first-child {
  padding-left: 55px;
}
.admin-page .admin-right .admin-view-table td > * {
  font-size: 14px;
}
.admin-page .admin-right .admin-view-table td.admin-table-name {
  width: 280px;
}
.admin-page .admin-right .admin-view-table td.admin-table-name p {
  margin-bottom: 0;
  color: #6a898b;
}
.admin-page .admin-right .admin-view-table td.admin-table-name p:first-of-type {
  color: #000;
}
.admin-page .admin-right .admin-view-table td.admin-table-status {
  /*color: @color-darkgrey;*/
}
.admin-page .admin-right .admin-view-table td.admin-table-views {
  /*color: @color-darkgrey;*/
  width: 150px;
}
.admin-page .admin-right .admin-view-table td.admin-table-statuschange a,
.admin-page .admin-right .admin-view-table td.admin-table-delete a {
  cursor: pointer;
}
.admin-page .admin-right .admin-view-table td.admin-table-postalcode {
  width: 150px;
}
.admin-page .admin-right .admin-view-table td a {
  text-decoration: none;
  color: #000;
}
.admin-page .admin-right .admin-view-table td a:hover {
  text-decoration: underline;
}
.admin-page .admin-right .admin-view-table .tablerow {
  cursor: pointer;
}
.admin-page .advertisements {
  min-height: 500px;
  margin: 3rem 0;
}
.admin-page .advertisements .advertisements-btns {
  margin: 2rem 0;
  cursor: pointer;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
input[readonly] {
  cursor: default;
  outline: none;
  box-shadow: none;
  background-color: #cacaca !important;
  color: #000;
}
input[readonly]:focus {
  box-shadow: none;
}
.admin-form {
  /*select.admin-field {
        text-transform: uppercase;
    }*/
  /*.admin-field[type=text],
    .admin-field[type=number],
    .admin-field[type=email],
    .admin-field[type=date] {
        color: @color-black;
    }*/
  /*.tox-tinymce {
        border: none;
        border-radius: 0;
        text-transform: uppercase;
        color: @color-darkgrey;

        &:not(.tox-tinymce-inline) .tox-editor-header {
            background-color: @color-grey;

            .tox-menubar {
                background-color: @color-grey;
            }

            .tox-toolbar-overlord {
                background-color: @color-grey;
                padding: 0;
                display: flex;

                .tox-toolbar, .tox-toolbar__primary, .tox-tbtn--bespoke {
                    background-color: @color-grey;
                    background-image: unset;
                }
            }
        }

        .tox-edit-area__iframe {
            background-color: @color-grey;
        }
    }*/
}
.admin-form .form-floating > label {
  padding: 1rem 2rem;
}
.admin-form .form-floating > .form-control,
.admin-form .form-floating > .form-select {
  padding: 1.75rem 1rem 0 1rem;
}
.admin-form .admin-field {
  border: none;
  border-radius: 0;
  padding: 16px;
  color: #808184;
  font-size: 14px;
}
.admin-form .label-tooltip {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.admin-form .label-tooltip > span {
  font-size: 14px;
  font-weight: bold;
  color: #808184;
  padding-right: 12px;
  padding-left: 12px;
}
.admin-form select.admin-field {
  text-transform: uppercase;
  /*background: red;*/
}
@media only screen and (max-width: 767px) {
  .admin-form select.admin-field {
    padding-right: 30px;
  }
}
.admin-form .admin-field:not([type='checkbox']):not([type='radio']) {
  background-color: #F2F2F2;
  /*text-transform: uppercase;*/
}
.admin-form .admin-field:not([type='checkbox']):not([type='radio']):hover,
.admin-form .admin-field:not([type='checkbox']):not([type='radio']):focus {
  background-color: #e5e5e5;
}
.admin-form .input-group .admin-field-end {
  border: none;
  border-radius: 0;
  padding: 16px;
  color: #808184;
  font-size: 14px;
  background-color: #F2F2F2;
}
.admin-form .input-group .admin-field-end-readonly {
  cursor: default;
  outline: none;
  box-shadow: none;
  background-color: #cacaca !important;
  color: #000;
}
.admin-form .input-group .admin-field-end-readonly:focus {
  box-shadow: none;
}
.admin-form .validation-summary-errors {
  color: red;
  margin: 1.5rem 0 3rem 0;
}
.admin-form .validation-summary-errors ul {
  display: none;
}
.admin-form label {
  font-size: 12px;
  color: #808184;
  padding-left: 12px;
  text-transform: uppercase;
}
.admin-form label > span {
  color: red;
  padding-left: 3px;
}
.admin-form .admin-address-search a {
  font-size: 14px;
  color: #808184;
  padding-left: 16px;
  text-decoration: none;
  cursor: pointer;
  text-decoration: underline;
}
.admin-form .admin-address-search a:hover {
  text-decoration: underline;
}
.admin-form .admin-checkbox-wrapper {
  display: flex;
  align-items: center;
  /*label {
            font-weight: normal !important;
        }*/
  /*&-double {
            .admin-checkbox-item {
                display: flex;
                align-items: center;
            }
        }*/
}
.admin-form .admin-checkbox-wrapper-tripple {
  flex-direction: column;
  align-items: unset;
}
.admin-form .admin-checkbox-wrapper-tripple .admin-checkbox-item {
  display: flex;
  align-items: center;
}
.admin-form .admin-checkbox-wrapper-tripple .form-check-input {
  margin-right: 1rem;
  margin-left: 1rem;
}
@media only screen and (max-width: 320px) {
  .admin-form .admin-checkbox-wrapper-tripple .form-check-input {
    margin-right: 10px;
    margin-left: 0;
  }
}
.admin-form .admin-checkbox-item-extra {
  display: flex;
  align-items: center;
}
.admin-form .admin-checkbox-item-extra label {
  font-weight: normal !important;
}
@media only screen and (max-width: 320px) {
  .admin-form .admin-checkbox-item-extra {
    display: block;
  }
  .admin-form .admin-checkbox-item-extra label {
    padding-left: 0;
  }
}
.admin-form input[type='checkbox'],
.admin-form input[type='radio'] {
  padding: 0;
  margin-top: 0;
  border-radius: 50%;
  border: 1px solid;
  width: 16px;
  height: 16px;
}
.admin-form input[type='checkbox']:checked,
.admin-form input[type='radio']:checked {
  background-color: #000;
}
.admin-form .rental-accept-terms {
  font-weight: bold;
  font-size: 12px;
  color: #808184;
}
.admin-form .rental-accept-terms-texts {
  margin-left: 44px;
  color: #808184;
  font-size: 12px;
  text-transform: uppercase;
  list-style-type: "-    ";
}
.admin-form .admin-textarea {
  width: 100%;
  background-color: #F2F2F2;
  border: none;
  border-radius: 0;
  padding: 16px;
  color: #808184;
  resize: none;
}
.admin-form .simditor {
  border: none;
  border-radius: 0;
  text-transform: uppercase;
  color: #808184;
  /*background-color: @color-grey;*/
  text-transform: unset;
}
.admin-form .simditor .simditor-wrapper {
  background-color: #F2F2F2;
}
.admin-form .simditor .simditor-toolbar {
  background-color: #F2F2F2;
  box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.1), 0 8px 8px -4px rgba(34, 47, 62, 0.07);
}
.admin-form .simditor .simditor-body {
  /*color: @color-darkgrey;

            p {
                color: @color-darkgrey;
            }*/
}
.admin-form .admin-buttons {
  display: flex;
  justify-content: flex-end;
}
@media only screen and (max-width: 767px) {
  .admin-form .admin-buttons {
    display: block;
  }
}
.admin-form .admin-buttons .custom-btn {
  border-radius: 20px;
}
.admin-form .admin-buttons .custom-btn-savelater {
  color: #81958c;
  font-weight: bold;
  text-decoration: underline;
}
.admin-form .custom-rental-link {
  cursor: pointer;
  color: #81958c;
  text-decoration: underline;
  font-weight: bold;
  display: inline-block;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .admin-form .custom-rental-link {
    display: block;
  }
}
.admin-form .custom-rental-link.bottom {
  margin-left: 40px;
}
@media only screen and (max-width: 767px) {
  .admin-form .custom-rental-link.bottom {
    margin-left: 0;
  }
}
.admin-form .custom-rental-link:hover {
  color: #81958c;
}
.admin-form .custom-rental-link-btn {
  background-color: transparent;
  border: none;
  box-shadow: none;
  outline: none;
}
.admin-form .custom-rental-link.disabled {
  cursor: not-allowed;
}
.admin-form .hide-status {
  display: none;
}
.admin-form .js-address {
  display: none;
}
.admin-form .js-alternativeaddress {
  display: none;
}
.admin-form .js-alternativeaddressfull {
  display: none;
}
.admin-form #selected-addy {
  display: none;
}
.admin-form .js-rental-both {
  display: none;
}
.admin-form .js-rental-private {
  display: none;
}
.admin-form .js-rental-business {
  display: none;
}
.admin-form .js-heat-not-included {
  display: none;
}
.admin-form input:disabled,
.admin-form .disable-not-allowed {
  cursor: not-allowed;
}
.admin-form .contact-hidden {
  display: none;
  color: red;
}
.admin-form .form-check-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.admin-form .field-validation-error {
  display: block;
  font-size: 14px;
  margin-top: 6px;
  margin-bottom: 6px;
  padding-left: 12px;
  font-style: italic;
}
.admin-form .file-drop-container {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 200px;
  padding: 20px;
  background-color: #F2F2F2;
  color: #808184;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}
.admin-form .file-drop-container:hover {
  background: #d9d9d9;
}
.admin-form .file-drop-container .file-drop-title {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  transition: color 0.2s ease-in-out;
}
.admin-form .file-drop-container .file-drop-help {
  font-size: 11px;
  font-style: italic;
}
.admin-form .file-drop-container input[type=file] {
  visibility: hidden;
  display: none;
}
.admin-form .file-drop-container .file-drop-svg {
  width: 50px;
  margin-bottom: 24px;
}
.admin-form .file-drop-container svg,
.admin-form .file-drop-container span {
  pointer-events: none;
}
.admin-field-typed {
  color: #000 !important;
}
footer {
  background-color: #808184;
  color: #FFF;
}
footer h5 {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
}
footer a {
  color: #FFF;
  font-size: 14px;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  position: relative;
  /*margin: 0 36px;*/
  height: 100%;
  padding: 8px 0;
  transition: all 0.3s;
}
footer a:hover {
  color: #d9d9d9;
}
footer a:not(.pagelink-btn):not(.social-link):after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  /*margin: auto;*/
  width: 0%;
  content: '.';
  color: transparent;
  background: #FFF;
  height: 2px;
  border: none;
  transition: all 0.3s;
  margin-bottom: 0px;
}
footer a:not(.pagelink-btn):not(.social-link):hover:after {
  width: 100%;
}
footer .socials .socials-wrapper {
  display: flex;
}
@media only screen and (max-width: 991px) {
  footer .socials .socials-wrapper {
    display: block;
  }
}
footer .socials .socials-wrapper .social-item {
  display: flex;
}
@media only screen and (max-width: 991px) {
  footer .socials .socials-wrapper .social-item {
    margin-bottom: 10px;
  }
}
footer .socials a {
  font-size: 14px;
  align-items: center;
}
footer .socials a:hover {
  color: black;
}
footer .socials .social-icon {
  font-size: 24px;
  width: 32px;
  /*padding-top: 2px;*/
}
footer .pagelink-btn {
  width: auto;
  background-color: #00b0eb;
  color: #FFF;
  text-align: center;
  text-transform: uppercase;
  padding: 8px 20px;
  border: none;
  box-shadow: none;
  border-radius: 20px;
  font-size: 14px;
  font-weight: bold;
  transition: all 0.3s ease-in-out;
}
footer .pagelink-btn:hover {
  color: #FFF;
  background-color: #38cdff;
}
footer .footer-content img {
  max-width: 100%;
  height: auto;
}
/* BREADCRUMB START */
.breadcrumb {
  margin-top: 24px;
}
.breadcrumb .breadcrumb-item {
  color: #81958c;
  font-size: 14px;
  font-weight: 500;
}
.breadcrumb .breadcrumb-item a {
  color: #81958c;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}
.breadcrumb .breadcrumb-item a:hover {
  text-decoration: underline;
}
.breadcrumb .breadcrumb-item.active {
  font-weight: 700;
}
.breadcrumb .breadcrumb-item + .breadcrumb-item {
  padding-left: 3px;
}
.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  font-weight: 500;
  padding-right: 3px;
  content: var(--bs-breadcrumb-divider, "|");
}
/* BREADCRUMB END */
main {
  min-height: 500px;
}
/* UTILL START */
/*.rowContent {
    margin-bottom: 3rem;

    &:last-of-type {
        margin-bottom: 0rem;
    }*/
/*.row {
        justify-content: center;
    }*/
/*}*/
.content-item {
  margin-top: 24px;
  margin-bottom: 24px;
}
.content-item.no-top-margin {
  margin-top: 0 !important;
}
.content-item.no-bottom-margin {
  margin-bottom: 0 !important;
}
/*.img-fluid {
    width: 100%;
}
*/
.custom-btn {
  font-size: 14px;
  padding: 10px 24px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  margin-left: 12px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.custom-btn:hover {
  color: #000;
}
.custom-btn:first-of-type {
  margin-left: 0;
}
.custom-btn.rent-btn {
  background-color: #81958c;
  color: #FFF;
  font-weight: bold;
}
.custom-btn.rent-btn:hover {
  background-color: #abb8b2;
}
.custom-search {
  background: #F2F2F2;
}
.custom-search .custom-search-input {
  border: none;
  background: transparent;
  border-radius: 0;
  font-size: 14px;
}
.custom-search .custom-search-btn {
  border: 1px solid #F2F2F2;
  border: none;
  border-radius: 0;
}
.custom-search .custom-search-btn:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
::-webkit-input-placeholder {
  /* WebKit browsers */
  text-transform: uppercase;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  text-transform: uppercase;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  text-transform: uppercase;
}
:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  text-transform: uppercase;
}
::placeholder {
  /* Recent browsers */
  text-transform: uppercase;
}
.custom-validation-message {
  margin-bottom: 1rem;
}
.no-search-result {
  padding-left: 55px;
}
/* UTILL END */
/* BLOCK GRID MODULES */
/* APARMENT COUNTER START */
.apartment-counter p {
  font-size: 40px;
  color: #808184;
}
.apartment-counter p span {
  color: #81958c;
}
.apartment-counter .apartment-counter-number {
  font-size: 60px;
  font-weight: bold;
}
/* APARMENT COUNTER END */
/* SPOT START */
.spot-wrapper h3 {
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 24px;
  color: #000;
}
#isotope-apps {
  display: none;
}
.isotope-item {
  /*width: 440px;*/
}
.hidden {
  display: none !important;
  /* Use !important to override other styles */
}
.spot-box {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
  position: relative;
  overflow: hidden;
}
.spot-box a {
  display: flex;
  flex-direction: column;
  flex: 1;
  color: #000;
  text-decoration: none;
  transition: all 0.25s ease-in-out;
}
.spot-box a:hover {
  box-shadow: 0 0 11px 3px rgba(33, 33, 33, 0.2);
}
.spot-box .spot-box-image {
  max-height: 183.89px;
  min-height: 183.89px;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}
.spot-box .spot-box-image img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  display: block;
}
.spot-box .spot-box-text {
  width: 100%;
  padding: 20px;
  background-color: #F2F2F2;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 206px;
}
@media only screen and (max-width: 1024px) {
  .spot-box .spot-box-text {
    min-height: 260px;
  }
}
@media only screen and (max-width: 768px) {
  .spot-box .spot-box-text {
    min-height: 225px;
  }
}
@media only screen and (max-width: 425px) {
  .spot-box .spot-box-text {
    min-height: 206px;
  }
}
.spot-box .spot-box-text p.spot-box-smallheader {
  color: #808e89;
  text-transform: uppercase;
  font-weight: bold;
}
.spot-box .spot-box-text h5 {
  text-transform: uppercase;
  font-weight: bold;
}
.spot-box .spot-box-text .spot-box-description {
  min-height: 60px;
}
.spot-box .spot-box-text .spot-box-price {
  display: flex;
  flex-direction: column;
  align-items: end;
  margin-top: auto;
}
.spot-box .spot-box-text .spot-box-price p {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 0;
}
.spot-box .reserved-ribbon,
.spot-box .rented-ribbon {
  width: 150px;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 12px;
}
.spot-box-rel {
  position: relative;
}
.spot-box-rel .spot-buttons {
  position: absolute;
  right: 25px;
}
.spot-box-rel .spot-buttons a {
  color: #FFF;
  margin-top: 8px;
}
/* SPOT END */
.sorting-wrapper {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .sorting-wrapper {
    display: block;
  }
}
.sorting-wrapper span.searchcount {
  font-weight: bold;
}
.sorting-wrapper > p {
  margin-bottom: 0;
  /*display: flex;
        align-items: center;*/
}
@media only screen and (max-width: 767px) {
  .sorting-wrapper > p {
    margin: 18px 24px;
    font-size: 16px;
  }
}
.sorting-wrapper > p select {
  border: none;
  font-weight: bold;
}
.sorting-wrapper > p select > span {
  padding-left: 5px;
}
/* SPOT SEARCH START */
.apartment-search-filters {
  margin-bottom: 24px;
}
.apartment-search-filters .spot-search-box {
  min-height: 200px;
  /*height: calc(100% - 24px);*/
  padding: 24px;
}
.apartment-search-filters .spot-search-box .checkbox-wrapper {
  display: flex;
  flex-direction: column;
}
.apartment-search-filters .spot-search-box .checkbox-wrapper .checkbox-header {
  font-weight: 600;
  text-transform: uppercase;
  color: #81958c;
}
.apartment-search-filters .spot-search-box .checkbox-wrapper .search-checkbox {
  border-radius: 0;
  border: 2px solid #81958c;
}
.apartment-search-filters .spot-search-box .checkbox-wrapper .search-checkbox:checked {
  border-color: #81958c;
  background-color: #81958c;
}
.apartment-search-filters .spot-search-box .input-group-width {
  max-width: 300px;
}
.apartment-search-filters .spot-search-box .search-input {
  border: none;
  color: #81958c;
  background-color: #F2F2F2;
  outline: none;
}
.apartment-search-filters .spot-search-box .search-input:focus {
  border-color: #81958c;
}
.apartment-search-filters .spot-search-box .search-input-span {
  border: none;
  background-color: transparent;
  color: #81958c;
  background-color: #F2F2F2;
}
.apartment-search-filters .spot-search-box .search-select {
  border: none;
  color: #81958c;
  background-color: #F2F2F2;
}
.apartment-search-filters .spot-search-box .search-select:focus {
  border-color: #81958c;
}
.clear-search-wrapper {
  display: flex;
}
.clear-search-wrapper .clear-search-btn {
  padding: 10px 12px;
  transition: all 0.25s ease-in-out;
  background-color: transparent;
  border: 1px solid #000;
  color: #000;
  font-weight: bold;
}
.clear-search-wrapper .clear-search-btn:hover {
  background-color: #abb8b2;
  color: #FFF;
  border: 1px solid #abb8b2;
}
.clear-search-wrapper .clear-search-btn span {
  border-bottom: 1px solid;
  padding-bottom: 1px;
}
.clear-search-wrapper .clear-search-btn:hover {
  /*background-color: @color-black;
            color: @color-white;*/
}
.spot-search-map {
  height: 120px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-image: url(../images/Danmarkskort-udsnit.png);
  background-size: cover;
}
.adagent {
  padding: 34px 24px;
  /*background-color: @color-green;*/
  background-image: url(../images/Grafik-annonceagent.jpg);
  background-size: cover;
  color: #000;
  position: relative;
}
.adagent h4 {
  color: #000;
  font-weight: bold;
  text-transform: uppercase;
}
.adagent p {
  font-size: 16px;
}
.adagent input {
  background-color: #FFF;
  font-weight: bold;
  border-radius: 0;
  border-color: #FFF;
}
.adagent #rental-agent {
  background-color: #b8c3b6;
  color: #FFF;
  border-radius: 0;
  border-color: #FFF;
  text-transform: uppercase;
}
#rental-agent-wrapper {
  position: relative;
}
#rental-alert-success,
#rental-alert-danger,
#rental-alert-danger-email {
  display: none;
  margin-top: 5px;
  position: absolute;
  width: 100%;
}
/* SPOT SEARCH END */
/* APARMENT PAGE START */
.apartment-page {
  margin-top: 12px;
  margin-bottom: 24px;
}
.apartment-page h3 {
  text-transform: uppercase;
  font-size: 18px;
  color: #6a898b;
  margin-bottom: 20px;
  font-weight: bold;
}
.apartment-page .ribbon-pos {
  position: relative;
}
.apartment-page .ribbon-pos .reserved-ribbon,
.apartment-page .ribbon-pos .rented-ribbon {
  width: 150px;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
}
.apartment-page .apartment-page-box {
  background-color: #F2F2F2;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 24px;
}
.apartment-page .apartment-page-box.apartment-description {
  font-size: 14px;
}
.apartment-page .apartment-page-box .custom-btn {
  font-size: 12px;
  display: flex;
  align-items: center;
}
.apartment-page .apartment-page-box .custom-btn.contact-phone {
  font-size: 18px;
}
@media only screen and (min-width: 1199px) and (max-width: 1400px) {
  .apartment-page .apartment-page-box .custom-btn.contact-phone {
    font-size: 15px;
    padding: 10px 16px;
  }
}
@media only screen and (max-width: 375px) {
  .apartment-page .apartment-page-box .custom-btn.contact-phone {
    font-size: 14px;
    padding: 10px 14px;
  }
}
.apartment-page .apartment-economy h3 {
  margin-bottom: 10px;
}
.apartment-page .apartment-economy .apartment-economy-wrapper {
  /*align-items: center;*/
}
.apartment-page .apartment-economy .apartment-economy-wrapper .economy-header {
  font-size: 16px;
  margin-bottom: 2px;
  padding-top: 12px;
}
.apartment-page .apartment-economy .apartment-economy-wrapper p:not(.economy-header) {
  font-weight: 600;
}
.apartment-page .apartment-economy .apartment-economy-wrapper .rental-totalprice-wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media only screen and (max-width: 768px) {
  .apartment-page .apartment-economy .apartment-economy-wrapper .rental-totalprice-wrapper {
    display: inline-block;
  }
}
.apartment-page .apartment-economy .apartment-economy-wrapper .rental-totalprice-wrapper .rental-totalprice {
  background-color: #81958c;
  color: #fff;
  text-align: center;
  padding: 12px 50px;
  border: 0;
  box-shadow: none;
  border-radius: 50px;
}
@media only screen and (max-width: 1024px) {
  .apartment-page .apartment-economy .apartment-economy-wrapper .rental-totalprice-wrapper .rental-totalprice {
    padding: 12px 40px;
  }
}
@media only screen and (max-width: 768px) {
  .apartment-page .apartment-economy .apartment-economy-wrapper .rental-totalprice-wrapper .rental-totalprice {
    padding: 12px 20px;
  }
}
@media only screen and (max-width: 375px) {
  .apartment-page .apartment-economy .apartment-economy-wrapper .rental-totalprice-wrapper .rental-totalprice {
    border-radius: 20px;
    padding: 12px 10px;
  }
  .apartment-page .apartment-economy .apartment-economy-wrapper .rental-totalprice-wrapper .rental-totalprice p {
    font-size: 12px;
  }
}
.apartment-page .apartment-economy .apartment-economy-wrapper .rental-totalprice-wrapper .economy-header {
  margin-bottom: 0;
  padding-top: 0;
}
@media only screen and (max-width: 768px) {
  .apartment-page .apartment-economy .apartment-economy-wrapper .rental-totalprice-wrapper p {
    font-size: 14px;
  }
}
.apartment-page .apartment-economy .apartment-economy-wrapper .rental-totalprice-wrapper span {
  font-size: 12px;
  margin-top: 8px;
  font-style: italic;
}
.apartment-page .apartment-description a {
  color: #000;
}
.apartment-page .apartment-description a:hover {
  color: #808080;
}
.apartment-page .apartment-contact-info {
  display: flex;
}
@media only screen and (min-width: 1200px) {
  .apartment-page .apartment-contact-info {
    justify-content: space-between;
  }
}
@media only screen and (max-width: 425px) {
  .apartment-page .apartment-contact-info {
    display: block;
  }
  .apartment-page .apartment-contact-info .custom-btn {
    margin-left: 0;
    font-size: 14px;
  }
  .apartment-page .apartment-contact-info .custom-btn.contact-phone {
    font-size: 14px;
  }
  .apartment-page .apartment-contact-info .custom-btn:last-of-type {
    margin-top: 1.5rem;
  }
}
.apartment-page .apartment-contact-item {
  min-height: 21px;
}
.apartment-page .apartment-contact-item p.contact-person {
  text-transform: capitalize;
}
.apartment-page .apartment-contact-item span {
  font-weight: bold;
}
.apartment-page .apartment-information .apartment-information-item {
  display: flex;
  justify-content: space-between;
}
.apartment-page .apartment-information .apartment-information-item p:not(.information-item-header) {
  font-weight: 600;
}
.apartment-page .apartment-information .apartment-information-item p:not(.information-item-header).apartment-information-notset {
  font-size: 12px;
  font-weight: 300;
  font-style: italic;
}
.apartment-page .apartment-noimage {
  margin-bottom: 24px;
}
.apartment-page #message-to-landlord label {
  font-size: 12px;
  color: #808184;
  padding-left: 12px;
  text-transform: uppercase;
  font-weight: bold;
  padding-bottom: 6px;
}
.apartment-page #message-to-landlord label > span {
  color: red;
  padding-left: 3px;
}
.apartment-page #message-to-landlord .admin-field {
  height: 53px;
  border: none;
  border-radius: 0;
  padding: 16px;
  color: #808184;
  font-size: 14px;
  background-color: #F2F2F2;
  text-transform: uppercase;
}
.apartment-page #message-to-landlord .admin-field:hover,
.apartment-page #message-to-landlord .admin-field:focus {
  background-color: #e5e5e5;
}
.apartment-page #message-to-landlord .field-validation-error {
  display: block;
  font-size: 14px;
  margin-top: 6px;
  margin-bottom: 6px;
  padding-left: 12px;
  font-style: italic;
}
.apartment-page #message-to-landlord .admin-textarea {
  width: 100%;
  background-color: #F2F2F2;
  border: none;
  border-radius: 0;
  padding: 16px;
  color: #808184;
  resize: none;
  overflow-y: scroll;
}
.apartment-page #message-to-landlord .message-btn {
  background-color: #81958c;
  color: #FFF;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  padding: 8px 24px;
  border: none;
  box-shadow: none;
  border-radius: 20px;
  font-size: 14px;
}
.apartment-page #message-to-landlord .message-btn:hover {
  background-color: #9daca5;
}
.apartment-page #message-to-landlord .modal-dialog {
  max-width: 950px;
}
.apartment-page #message-to-landlord .modal-content {
  border-radius: 0;
  padding: 24px;
}
.apartment-page #message-to-landlord .modal-content .close-box {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.apartment-page #message-to-landlord .modal-content .close-box .btn-close {
  margin: 0;
  padding: 0;
}
.apartment-page #message-to-landlord .modal-content .close-box span {
  padding-right: 10px;
  cursor: pointer;
}
.apartment-page #message-to-landlord .modal-main {
  display: flex;
  justify-content: center;
  width: 100%;
}
.apartment-page #message-to-landlord .modal-main .modal-header {
  border: 0;
  padding-right: calc(var(--bs-gutter-x)*0.5);
  padding-left: calc(var(--bs-gutter-x)*0.5);
}
.apartment-page #message-to-landlord .modal-main .modal-body {
  padding: 0;
}
.apartment-page #message-to-landlord .modal-main .modal-footer {
  border: 0;
  padding: 12px;
  display: block;
}
.apartment-page #message-to-landlord .modal-main .modal-footer .modal-buttons {
  display: flex;
  justify-content: flex-end;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .apartment-page #rental-video-modal {
    --bs-modal-margin: 5rem 0;
  }
}
.apartment-page #rental-video-modal .modal-dialog {
  width: 960px;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.apartment-page #rental-video-modal .modal-content {
  background-color: #000;
  border: none;
  padding: 0;
}
.apartment-page #rental-video-modal .modal-content .modal-header {
  border-bottom: none;
}
@media only screen and (max-width: 767px) {
  .apartment-page #rental-video-modal .modal-content .modal-header {
    justify-content: unset;
  }
}
.apartment-page #rental-video-modal .modal-content .modal-header .modal-title {
  color: #FFF;
}
@media only screen and (max-width: 767px) {
  .apartment-page #rental-video-modal .modal-content .modal-header .modal-title {
    order: 1;
  }
}
.apartment-page #rental-video-modal .modal-content .modal-header .btn-close {
  background: #FFF url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center / 1em auto no-repeat;
}
@media only screen and (max-width: 767px) {
  .apartment-page #rental-video-modal .modal-content .modal-header .btn-close {
    margin: 0;
    margin-right: 10px;
  }
}
/* APARMENT PAGE END */
.apartment-carousel-wrapper {
  position: relative;
  margin-bottom: 24px;
}
.apartment-carousel-wrapper #apartment-carousel {
  --f-carousel-slide-width: 856px;
}
.apartment-carousel-wrapper #apartment-carousel .f-carousel__viewport {
  height: auto;
}
.apartment-carousel-wrapper #apartment-carousel .f-carousel__viewport .f-carousel__track {
  height: auto;
}
.apartment-carousel-wrapper #apartment-carousel .f-carousel__viewport .f-carousel__track .f-carousel__slide {
  margin-right: 24px;
  overflow-y: hidden;
}
.apartment-carousel-wrapper #apartment-carousel .f-carousel__viewport .f-carousel__track .f-carousel__slide.external-images {
  width: 856px;
  height: 590px;
  overflow: hidden;
}
.apartment-carousel-wrapper #apartment-carousel .f-carousel__viewport .f-carousel__track .f-carousel__slide.external-images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.apartment-carousel-wrapper #apartment-carousel .f-carousel__dots {
  display: none;
}
.apartment-carousel-wrapper #apartment-carousel button.is-prev,
.apartment-carousel-wrapper #apartment-carousel button.is-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #b8c3b6;
  width: 40px;
  color: #FFF;
  font-size: 22px;
  font-weight: bold;
  padding: 0;
  margin: 0;
}
.apartment-carousel-wrapper #apartment-carousel button.is-prev:hover,
.apartment-carousel-wrapper #apartment-carousel button.is-next:hover {
  background-color: #d3dad2;
  color: #000;
}
.apartment-carousel-wrapper #apartment-carousel button.is-prev {
  left: 0;
}
.apartment-carousel-wrapper #apartment-carousel button.is-next {
  right: 0;
}
.apartment-carousel-wrapper .slider-button-links {
  position: absolute;
  right: 24px;
  bottom: 24px;
  z-index: 999;
}
.apartment-carousel-wrapper .reserved-ribbon,
.apartment-carousel-wrapper .rented-ribbon {
  width: 250px;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
}
.fancybox__container {
  z-index: 9999999;
}
#uploaded-images .primary-image,
#uploaded-floorplan .primary-image,
#uploaded-video .primary-image {
  width: 175px;
  height: 40px;
  top: 20px;
  left: 30px;
  color: #FFF;
  background-color: #81958c;
  border-radius: 20px;
  z-index: 999;
  line-height: 40px;
  text-align: center;
}
#uploaded-images .image-buttons,
#uploaded-floorplan .image-buttons,
#uploaded-video .image-buttons {
  right: 11px;
  top: 0;
  height: 100%;
  display: flex;
  width: 60px;
  background-color: rgba(0, 0, 0, 0.2);
  flex-direction: column;
  z-index: 9999;
}
#uploaded-images .image-buttons a,
#uploaded-floorplan .image-buttons a,
#uploaded-video .image-buttons a {
  width: 40px;
  height: 40px;
  background-color: #FFF;
  border-radius: 20px;
  text-align: center;
  line-height: 40px;
  margin: 5px 10px;
}
#uploaded-images .image-buttons a:last-of-type,
#uploaded-floorplan .image-buttons a:last-of-type,
#uploaded-video .image-buttons a:last-of-type {
  margin-top: auto;
}
#uploaded-images .image-container:nth-child(-n+2) .image-buttons a.forward,
#uploaded-images .image-container:last-of-type .image-buttons a.backward {
  pointer-events: none;
  cursor: not-allowed;
  text-decoration: none;
  opacity: 0.5;
}
.image-container,
.plan-container,
.video-container {
  overflow: hidden;
  min-height: 169px;
  /*min-height: 195px;*/
}
.rotated-90 {
  transform: rotate(90deg);
}
.rotated-180 {
  transform: rotate(180deg);
}
.rotated-270 {
  transform: rotate(270deg);
}
#map-content {
  scroll-margin: 10px;
}
.frontpage-search-wrapper .frontpage-text {
  display: flex;
  /*align-items: center;*/
  padding-top: 9px;
}
.frontpage-search-wrapper .frontpage-text p {
  font-size: 22px;
  font-weight: bold;
  color: #808184;
  margin-bottom: 0;
}
.frontpage-search-wrapper .frontpage-search {
  width: 100%;
  margin-bottom: 24px;
}
.frontpage-search-wrapper .frontpage-search input {
  font-size: 16px;
  padding: 12px;
  font-weight: bold;
}
.frontpage-search-wrapper a.advanced-search {
  color: #808184;
  font-weight: bold;
  margin-left: 12px;
}
.frontpage-search-wrapper a.advanced-search:hover {
  color: #81958c;
}
#map-container {
  width: 100%;
  display: flex;
  justify-content: center;
  background-color: #bac9d1;
  /*background-color: #CBD2C9;*/
  /*padding: 48px;*/
  margin-bottom: 2rem;
}
#map-container area {
  cursor: pointer;
}
#map-container img {
  /*max-width: 90%;*/
  /*@media only screen and (max-width: 991px) {
            max-width: 80%;
        }*/
}
#gm-map {
  width: 100%;
  height: 908px;
  display: none;
}
@media only screen and (max-width: 1199px) {
  #gm-map {
    height: 708px;
  }
}
@media only screen and (max-width: 991px) {
  #gm-map {
    height: 508px;
  }
}
#gm-map .gm-style .gm-style-iw-c {
  outline: none;
}
#gm-map .gm-svpc div {
  position: static !important;
}
#gm-wrapper {
  width: 100%;
  max-width: 100%;
  display: none;
}
#gm-wrapper #gm-map-rentallist {
  width: 100%;
  height: 880px;
  margin: 24px 0px;
}
@media only screen and (max-width: 1199px) {
  #gm-wrapper #gm-map-rentallist {
    height: 708px;
  }
}
@media only screen and (max-width: 991px) {
  #gm-wrapper #gm-map-rentallist {
    height: 508px;
  }
}
#gm-wrapper #gm-map-rentallist .gm-svpc div {
  position: static !important;
}
.gm-style-iw-d {
  margin: 10px 25px;
  overflow: visible !important;
  padding: 4px 20px 24px 20px;
}
.gm-style-iw-d .marker-pin span {
  text-align: center;
  font-weight: bold;
  font-size: 16px;
}
.gm-style-iw-d .marker-pin div {
  margin-top: 20px;
}
.gm-style-iw-d .marker-pin div p {
  margin-bottom: 12px;
}
.gm-style-iw-d .marker-pin .map-show-rental {
  margin-top: 34px;
  /*display: block;*/
}
.gm-style-iw-d .marker-pin .map-show-rental a {
  max-width: 200px;
  background-color: #81958c;
  color: #FFF;
  text-align: center;
  text-transform: uppercase;
  padding: 8px 24px;
  border: none;
  box-shadow: none;
  border-radius: 20px;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
}
.gm-style-iw-d .marker-pin .map-show-rental a:hover {
  background-color: #abb8b2;
}
#apartments-list-map {
  margin: 24px 0px;
}
#back-to-list {
  display: none;
}
.pagination {
  margin-top: 10px;
}
.pagination button {
  margin-right: 5px;
}
.disabled {
  cursor: not-allowed;
}
#profile-page {
  /* span {
        display: block;
        width: 100%;
        padding: 12px;
        font-size: 1rem;
        font-weight: 400;
        border: 0;
        border-radius: 0;
        color: #808184;
    }*/
}
#profile-page p.top-text {
  color: #808184;
  font-weight: bold;
  text-transform: uppercase;
}
#profile-page label {
  font-size: 12px;
  color: #808184;
  padding-left: 12px;
  text-transform: uppercase;
  font-weight: bold;
  padding-bottom: 6px;
}
#profile-page span {
  cursor: context-menu;
}
#profile-page .profile-btn {
  background-color: #81958c;
  color: #FFF;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  padding: 8px 24px;
  border: none;
  box-shadow: none;
  border-radius: 20px;
  font-size: 14px;
}
#profile-page .profile-btn:hover {
  background-color: #9daca5;
}
#profile-page .admin-field {
  color: #000;
  font-weight: bold;
  height: 53px;
}
#profile-page input[readonly] {
  cursor: default;
  outline: 0;
  box-shadow: none;
  background-color: #cacaca !important;
  color: #000;
}
#profile-page .missing-field {
  font-size: 12px;
  overflow: hidden;
}
#profile-page #profile-change .modal-dialog {
  max-width: 850px;
}
#profile-page #profile-change .modal-content {
  border-radius: 0;
  padding: 24px;
}
#profile-page #profile-change .modal-content .close-box {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#profile-page #profile-change .modal-content .close-box .btn-close {
  margin: 0;
  padding: 0;
}
#profile-page #profile-change .modal-content .close-box span {
  padding-right: 10px;
  cursor: pointer;
}
#profile-page #profile-change .modal-main {
  display: flex;
  justify-content: center;
  width: 100%;
}
#profile-page #profile-change .modal-main .modal-main-content {
  max-width: 460px;
}
#profile-page #profile-change .modal-main .modal-header {
  border: 0;
  justify-content: center;
  /*h2{
                    font-weight: bold;
                }*/
}
#profile-page #profile-change .modal-main .modal-body {
  padding: 0;
}
#profile-page #profile-change .modal-main .modal-footer {
  border: 0;
  padding: 12px;
  display: block;
}
#profile-page #profile-change .modal-main .modal-footer .modal-buttons {
  display: flex;
  justify-content: space-between;
  margin: 0;
}
#profile-page #profile-change .modal-main .modal-footer .modal-buttons button {
  display: block;
}
#profile-page #profile-change .modal-main .modal-footer .modal-buttons .clean-btn {
  font-size: 14px;
  text-decoration: underline;
  font-weight: bold;
  padding-left: 0;
  border: 0;
}
#profile-page #profile-alert-success {
  display: none;
  margin-top: 5px;
}
#login-page .modal-buttons {
  justify-content: flex-end !important;
}
#login-page .modal-buttons .clean-btn {
  display: none !important;
}
#login-modal label,
#login-page label {
  font-size: 12px;
  color: #808184;
  padding-left: 12px;
  text-transform: uppercase;
  font-weight: bold;
  padding-bottom: 6px;
}
#login-modal .login-field,
#login-page .login-field {
  border: none;
  border-radius: 0;
  padding: 16px;
  color: #808184;
  background-color: #F2F2F2;
}
#login-modal .login-btn,
#login-page .login-btn {
  width: 60%;
  background-color: #81958c;
  color: #FFF;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  padding: 8px 24px;
  border: none;
  box-shadow: none;
  border-radius: 20px;
}
#login-modal .login-btn:hover,
#login-page .login-btn:hover {
  background-color: #9daca5;
}
#login-modal .modal-dialog,
#login-page .modal-dialog {
  max-width: 850px;
}
#login-modal .modal-content,
#login-page .modal-content {
  border-radius: 0;
  padding: 24px;
}
#login-modal .modal-content .close-box,
#login-page .modal-content .close-box {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#login-modal .modal-content .close-box .btn-close,
#login-page .modal-content .close-box .btn-close {
  margin: 0;
  padding: 0;
}
#login-modal .modal-content .close-box span,
#login-page .modal-content .close-box span {
  padding-right: 10px;
  cursor: pointer;
}
#login-modal .modal-main,
#login-page .modal-main {
  display: flex;
  justify-content: center;
  width: 100%;
}
#login-modal .modal-main .modal-main-content,
#login-page .modal-main .modal-main-content {
  max-width: 450px;
  width: 100%;
}
#login-modal .modal-main .modal-header,
#login-page .modal-main .modal-header {
  border: 0;
  justify-content: center;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
}
#login-modal .modal-main .modal-header h1,
#login-page .modal-main .modal-header h1 {
  margin-bottom: 24px;
}
#login-modal .modal-main .modal-body,
#login-page .modal-main .modal-body {
  padding: 0;
}
#login-modal .modal-main .modal-body .login-forgot-password,
#login-page .modal-main .modal-body .login-forgot-password {
  display: flex;
  justify-content: flex-end;
}
#login-modal .modal-main .modal-body .login-forgot-password a,
#login-page .modal-main .modal-body .login-forgot-password a {
  color: #808184;
  font-weight: bold;
}
#login-modal .modal-main .modal-body a,
#login-page .modal-main .modal-body a {
  font-size: 16px;
}
#login-modal .modal-main .modal-body a[href^="tel:"],
#login-page .modal-main .modal-body a[href^="tel:"] {
  color: #808184;
  /*font-weight: bold;*/
  letter-spacing: 1px;
}
#login-modal .modal-main .modal-buttons,
#login-page .modal-main .modal-buttons {
  display: flex;
  justify-content: space-between;
  margin: 0;
}
#login-modal .modal-main .modal-buttons button,
#login-page .modal-main .modal-buttons button {
  display: block;
}
#login-modal .modal-main .modal-buttons .clean-btn,
#login-page .modal-main .modal-buttons .clean-btn {
  font-size: 16px;
  text-decoration: underline;
  font-weight: bold;
  padding-left: 0;
  border: 0;
}
#login-modal .modal-bottom,
#login-page .modal-bottom {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
  border-radius: 0;
  padding: 50px;
  font-weight: bold;
  margin-top: 10px;
}
#login-modal .modal-bottom .modal-body,
#login-page .modal-bottom .modal-body {
  max-width: 350px;
}
#login-modal .modal-bottom .modal-body h4,
#login-page .modal-bottom .modal-body h4 {
  font-weight: bold;
  text-transform: uppercase;
}
#login-modal .modal-bottom .modal-body p,
#login-page .modal-bottom .modal-body p {
  color: #808184;
  font-weight: bold;
}
#login-modal .modal-bottom .modal-body a,
#login-page .modal-bottom .modal-body a {
  color: #808184;
  font-weight: bold;
}
#login-modal .modal-bottom-info .modal-body h4,
#login-page .modal-bottom-info .modal-body h4 {
  font-weight: bold;
  text-transform: uppercase;
}
#login-modal .modal-bottom-info .modal-body p,
#login-page .modal-bottom-info .modal-body p {
  color: #808184;
  /*font-weight: bold;*/
}
#login-modal .modal-bottom-info .modal-body a,
#login-page .modal-bottom-info .modal-body a {
  color: #808184;
  /*font-weight: bold;*/
}
.share-links * {
  color: #000;
  font-size: 14px;
}
.share-links svg {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
.share-links .link-wrapper {
  display: flex;
  /*justify-content: center;*/
  align-items: center;
}
.share-links .link-wrapper span#copy-linkurl {
  display: flex;
  cursor: pointer;
  align-items: center;
}
.share-links .link-wrapper span#copy-linkurl:hover {
  text-decoration: underline;
}
.share-links .link-wrapper a {
  display: flex;
  cursor: pointer;
  text-decoration: none;
  align-items: center;
}
.share-links .link-wrapper a:hover {
  color: #000;
  font-weight: 400;
  text-decoration: underline;
}
.share-links .share-facebook .cls-1 {
  fill: #fff;
}
.share-links .share-facebook .cls-2 {
  fill: #010101;
}
.share-links .copy-link .cls-1 {
  fill: #fff;
}
.share-links .copy-link .cls-2 {
  fill: #010101;
}
/* ERROR PAGE*/
#error-page {
  /*.breadcrumb {
        margin-top: 30px;
        margin-bottom: 30px;
    }*/
}
#error-page .error-page-content {
  /*background-color: @color-white;*/
  display: flex;
  flex-direction: column;
  /*justify-content: center;*/
  align-items: center;
  text-align: center;
  padding: 60px;
  min-height: 70vh;
  margin-bottom: 50px;
}
@media only screen and (max-width: 768px) {
  #error-page .error-page-content {
    padding: 60px 20px;
  }
}
#error-page .error-page-content h1 {
  font-size: 150px;
  font-weight: bold;
  color: #000;
}
@media only screen and (max-width: 768px) {
  #error-page .error-page-content h1 {
    font-size: 90px;
  }
}
#error-page .error-page-content h2 {
  font-size: 24px;
  color: #f02a2a;
  font-weight: bold;
  margin-bottom: 50px;
}
#error-page .error-page-content * {
  font-size: 14px;
  color: #000;
  font-weight: 400;
}
.dawa-autocomplete-suggestions {
  margin: 0.3em 0 0 0;
  padding: 0;
  text-align: left;
  border-radius: 0.3125em;
  background: #fcfcfc;
  box-shadow: 0 0.0625em 0.15625em rgba(0, 0, 0, 0.15);
  z-index: 9999;
  overflow-y: auto;
  box-sizing: border-box;
}
.dawa-autocomplete-suggestions .dawa-autocomplete-suggestion {
  margin: 0;
  list-style: none;
  cursor: pointer;
  padding: 0.4em 0.6em;
  color: #333;
  border: 0.0625em solid #ddd;
  border-bottom-width: 0;
}
.custom-pagination-wrapper .pagination {
  /*justify-content: center;*/
  /*margin: 0 10px;*/
}
.custom-pagination-wrapper .pagination .page-item {
  margin: 0 6px;
}
.custom-pagination-wrapper .pagination .page-item.active .page-link {
  background-color: #81958c;
  color: #FFF;
}
.custom-pagination-wrapper .pagination .page-item .page-link {
  margin: 0;
  font-size: 14px;
}
.custom-pagination-wrapper .pagination .page-dir:hover {
  background-color: #81958c;
  color: #FFF;
}
.custom-pagination-wrapper .pagination .page-link {
  color: #000;
  border: none;
  padding: 6px 20px;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .custom-pagination-wrapper .pagination .page-link {
    padding: 6px 18px;
  }
}
/*.show-all-link {
    color: @color-black;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    text-decoration: none;
    text-transform: uppercase;
    margin-left: 50px;
    margin-right: 50px;
    font-size: 14px;
    font-weight: bold;

    &:hover {
        color: @color-black;
    }
}

.show-less-link {
    color: @color-black;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    text-decoration: none;
    text-transform: uppercase;
    margin-left: 50px;
    margin-right: 50px;
    font-size: 14px;
    font-weight: bold;

    &:hover {
        color: @color-black;
    }
}*/
.dt-info {
  display: none;
}
.dt-length {
  /*display: none;*/
}
.dt-search {
  display: none;
}
.dt-paging {
  /*justify-content: center;*/
  margin: 0;
  padding: 0 10px;
  width: 100%;
}
.dt-paging .page-link.first {
  content: "<";
}
.dt-paging .page-item {
  margin: 0 6px;
}
.dt-paging .page-item.active .page-link {
  background-color: #81958c;
  color: #FFF;
}
.dt-paging .page-item .page-link {
  margin: 0;
  font-size: 14px;
}
.dt-paging .page-dir:hover {
  background-color: #81958c;
  color: #FFF;
}
.dt-paging .page-link {
  color: #000;
  border: none;
  padding: 6px 20px;
  cursor: pointer;
}
.dt-paging .page-link:hover {
  color: #FFF;
  background-color: #81958c;
}
.dt-paging .page-link:focus {
  box-shadow: none;
}
.show-all-link {
  color: #000;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  text-decoration: none;
  text-transform: uppercase;
  margin-left: 50px;
  margin-right: 50px;
  font-size: 14px;
  font-weight: bold;
}
.show-all-link:hover {
  color: #000;
}
.show-less-link {
  color: #000;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  text-decoration: none;
  text-transform: uppercase;
  margin-left: 50px;
  margin-right: 50px;
  font-size: 14px;
  font-weight: bold;
}
.show-less-link:hover {
  color: #000;
}
div.toolbar {
  float: left;
  height: 33px;
  display: flex;
  align-items: center;
}
.spinner-wrapper {
  max-height: 400px;
  height: 400px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.image-svg .cls-1,
.image-svg .cls-3 {
  fill: none;
}
.image-svg .cls-2 {
  clip-path: url(#clip-path);
}
.image-svg .cls-3 {
  stroke: #818081;
  stroke-miterlimit: 10;
}
.image-svg .cls-4 {
  fill: #818081;
}
.image-svg .cls-5 {
  clip-path: url(#clip-path-2);
}
.image-svg .cls-6 {
  fill: #fff;
}
.floor-plan-svg .cls-1 {
  fill: none;
  stroke: #818081;
  stroke-miterlimit: 10;
  stroke-width: 2.83px;
}
.video-svg .cls-v-1 {
  fill: none;
}
.video-svg .cls-v-3 {
  fill: #818081;
}
.video-svg .cls-v-4 {
  fill: #fff;
}
.reserved-svg .cls-1 {
  fill: #e59c40;
}
.reserved-svg .cls-2 {
  font-size: 14px;
  fill: #fff;
  font-family: Sculpin-Bold, Sculpin;
  font-weight: 700;
}
.reserved-svg .cls-3 {
  letter-spacing: -0.04em;
}
.reserved-svg .cls-4 {
  letter-spacing: -0.01em;
}
.rented-svg .st0 {
  fill: #e59c40;
}
.rented-svg .st1 {
  fill: #fff;
  font-family: Sculpin-Bold, Sculpin;
  font-size: 14px;
  font-weight: 700;
}
.rented-svg .st1,
.rented-svg .st2 {
  isolation: isolate;
}
.move-forward-svg .cls-1 {
  fill: #fff;
}
.move-forward-svg .cls-2 {
  fill: #808081;
}
.move-back-svg .cls-1 {
  fill: #fff;
}
.move-back-svg .cls-2 {
  fill: #808081;
}
.rotate-svg .cls-1 {
  fill: #fff;
}
.rotate-svg .cls-2 {
  fill: #808081;
}
.delete-svg .cls-1 {
  fill: #fff;
}
.delete-svg .cls-2 {
  fill: #808081;
}
:root {
  --acc-icon-size: 1.5rem;
  --acc-icon-bg: #00a1e2;
  --acc-icon-fg: #ffffff;
  --acc-icon-arrow-scale: 78%;
  --acc-icon-right: 1.25rem;
}
/*TEXTBOX*/
.layout-container {
  /*max-width: 1200px;*/
  /*margin: 0 auto;*/
  /*padding: 0 1.5rem;*/
  padding-top: 24px;
  padding-bottom: 24px;
}
.layout-container.no-top-margin {
  padding-top: 0 !important;
}
.layout-container.no-bottom-margin {
  padding-bottom: 0 !important;
}
.layout-container > a {
  text-decoration: none;
}
.layout-container > a:hover {
  font-weight: unset;
}
.content-size {
  display: flex;
  justify-content: center;
}
.content-size.content-size-half .col-12 {
  width: 50%;
  flex: 0 0 50%;
}
@media (max-width: 768px) {
  .content-size.content-size-half .col-12 {
    width: 100%;
    flex: 0 0 100%;
  }
}
.content-size.content-size-two-thirds .col-12 {
  width: 66%;
  flex: 0 0 66%;
}
@media (max-width: 768px) {
  .content-size.content-size-two-thirds .col-12 {
    width: 100%;
    flex: 0 0 100%;
  }
}
.content-size.content-size-three-quarters .col-12 {
  width: 75%;
  flex: 0 0 75%;
}
@media (max-width: 768px) {
  .content-size.content-size-three-quarters .col-12 {
    width: 100%;
    flex: 0 0 100%;
  }
}
.rte-content.column-two {
  column-count: 2;
}
@media (max-width: 768px) {
  .rte-content.column-two {
    column-count: 1;
  }
}
.rte-content.column-three {
  column-count: 3;
}
@media (max-width: 768px) {
  .rte-content.column-three {
    column-count: 1;
  }
}
.rte-content.column-four {
  column-count: 4;
}
@media (max-width: 768px) {
  .rte-content.column-four {
    column-count: 1;
  }
}
.rte-content .umbraco-forms-form {
  margin-top: 0;
  margin-bottom: 0;
}
.textbox {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  background-color: transparent;
  color: inherit;
  /*&__eyebrow {
        font-size: 0.875rem;
        font-weight: 600;
        color: #999;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        margin-bottom: 0.5rem;
        display: block;
    }

    &__title {
        font-size: 1.875rem;
        font-weight: 700;
        margin: 0 0 1rem;
        color: #222;
    }*/
}
.textbox.textbox--has-table {
  flex-wrap: nowrap !important;
  overflow: visible;
}
.textbox.content-hover:hover {
  outline: 2px solid #808184;
}
.textbox--right {
  flex-direction: row;
}
.textbox--left {
  flex-direction: row-reverse;
}
.textbox--top {
  flex-direction: column-reverse;
}
.textbox--bottom {
  flex-direction: column;
}
.textbox__body {
  flex: 1 1 50%;
  padding: 30px;
  display: flex;
  flex-direction: column;
  /*justify-content: space-between;*/
}
.textbox--top .textbox__body,
.textbox--bottom .textbox__body {
  width: 100%;
  flex: none;
}
.textbox__body.no-top-air {
  padding-top: 0 !important;
}
.textbox__body.no-bottom-air {
  padding-bottom: 0 !important;
}
.textbox__body.no-right-air {
  padding-right: 0 !important;
}
.textbox__body.no-left-air {
  padding-left: 0 !important;
}
.textbox__content {
  /*p:last-child {
            margin-bottom: 0;
        }*/
  color: inherit;
  /*h1, h2, h3, h4, h5, h6,
        p, ul, ol, li, a, strong, em, span {
            color: inherit;
        }*/
}
.textbox__content * {
  color: inherit;
}
.textbox__content ul:not(.breadcrumb) li:before,
.textbox__content ol:not(.breadcrumb) li:before {
  color: inherit;
}
.textbox__content a:hover {
  color: unset;
}
.textbox__content.column-two {
  column-count: 2;
}
@media (max-width: 1024px) {
  .textbox__content.column-two {
    column-count: 1;
  }
}
.textbox__content.column-three {
  column-count: 3;
}
@media (max-width: 1024px) {
  .textbox__content.column-three {
    column-count: 1;
  }
}
.textbox__content.column-four {
  column-count: 4;
}
@media (max-width: 1024px) {
  .textbox__content.column-four {
    column-count: 1;
  }
}
.textbox__content table {
  width: 100% !important;
  max-width: 100%;
  /*table-layout: fixed;*/
}
.textbox__content table a {
  font-size: 14px;
}
.textbox__content td,
.textbox__content th {
  word-wrap: break-word;
  overflow-wrap: anywhere;
  white-space: normal;
}
.textbox__text {
  font-size: 1.0625rem;
  line-height: 1.6;
  color: #444;
  margin: 0;
}
.textbox__text-twofive {
  flex: 1 1 25%;
}
.textbox__text-threethree {
  flex: 1 1 33%;
}
.textbox__text-sixsix {
  flex: 1 1 66%;
}
.textbox__text-sevenfive {
  flex: 1 1 75%;
}
.textbox__footer {
  /*margin-top: auto;*/
  /*margin-top: 2rem;*/
}
.textbox__image {
  flex: 1 1 50%;
  position: relative;
}
.textbox__image-twofive {
  flex: 1 1 25%;
}
.textbox__image-threethree {
  flex: 1 1 33%;
}
.textbox__image-sixsix {
  flex: 1 1 66%;
}
.textbox__image-sevenfive {
  flex: 1 1 75%;
}
.textbox__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.textbox__image video {
  display: block;
  width: 100%;
}
.textbox--top .textbox__image,
.textbox--bottom .textbox__image {
  flex: none;
  width: 100%;
  /*height: 600px;*/
  height: auto;
}
.textbox--top .textbox__image img,
.textbox--bottom .textbox__image img {
  max-height: 600px;
}
.textbox-btn {
  background-color: #00b0eb;
  color: #FFF;
  text-align: center;
  text-transform: uppercase;
  padding: 8px 24px;
  border: 2px solid transparent;
  box-shadow: none;
  border-radius: 20px;
  transition: all 0.3s ease-in-out;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  max-width: fit-content;
}
.textbox-btn:hover {
  color: var(--txthoverfont-color, #FFF) !important;
  background-color: var(--txthoverbg-color, #1fc7ff) !important;
  border-color: var(--txthoverborder-color, --txthoverfont-color) !important;
}
@media (max-width: 1024px) {
  .textbox {
    flex-direction: column;
    /*&--top {
        }*/
    /*&__image img {
            height: 250px;
        }*/
  }
  .textbox--left,
  .textbox--right,
  .textbox--top,
  .textbox--bottom {
    flex-direction: column;
  }
  .textbox .textbox__body {
    order: 2;
  }
}
.du-feature-boxes .layout-container {
  height: 100%;
}
@media only screen and (max-width: 768px) {
  .du-feature-boxes .layout-container {
    height: auto;
  }
}
.du-feature-boxes .textbox {
  height: 100%;
}
.du-feature-boxes .textbox--top .textbox__body,
.du-feature-boxes .textbox--bottom .textbox__body,
.du-feature-boxes .textbox-nav-right .textbox__body,
.du-feature-boxes .textbox--left .textbox__body {
  flex: 1 1 auto !important;
}
.du-feature-boxes .textbox--top .textbox__content,
.du-feature-boxes .textbox--bottom .textbox__content,
.du-feature-boxes .textbox-nav-right .textbox__content,
.du-feature-boxes .textbox--left .textbox__content {
  flex-grow: 1;
}
.du-feature-boxes .textbox--top .textbox__footer,
.du-feature-boxes .textbox--bottom .textbox__footer,
.du-feature-boxes .textbox-nav-right .textbox__footer,
.du-feature-boxes .textbox--left .textbox__footer {
  margin-top: auto;
}
iframe {
  max-width: 100%;
}
/*.rowContent > [class^="col-"],
.rowContent > [class*=" col-"] {
    display: flex;*/
/* g�r hver col til flex-container */
/*flex-direction: column;
}

.rowContent > [class^="col-"] > div {
    flex: 1;*/
/* indre <div> fylder hele col'en */
/*}

.layout-container {
    height: 100%;
}

.textbox {
    height: 100%;
}

.textbox__body {
    flex: 1 !important;
    display: flex;
    flex-direction: column;
}

.textbox__content {
    flex-grow: 1;*/
/* fylder resten og skubber footer ned */
/*}*/
/*.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .6s;
    transition-property: opacity;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
    opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    opacity: 0;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
    transform: translateX(0);
    transform: translate3d(0, 0, 0);
}*/
/* QA MODULE */
.du-accordion {
  margin-top: 24px;
  margin-bottom: 24px;
}
.du-accordion.no-top-margin {
  margin-top: 0 !important;
}
.du-accordion.no-bottom-margin {
  margin-bottom: 0 !important;
}
.du-accordion-header {
  margin-bottom: 24px;
}
.du-accordion .collapsing {
  transition-property: height, visibility;
  transition-duration: 0.35s;
}
.du-accordion .accordion-item {
  background-color: #FFF;
  border-radius: 0;
  /*border: none;*/
  outline: none;
  box-shadow: none;
  margin-bottom: 10px;
}
.du-accordion .accordion-item:not(:first-of-type) {
  border-top: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.du-accordion .accordion-item .accordion-button {
  background-color: #FFF;
  color: #1a264e;
  font-weight: bold;
  /*border: none;*/
  outline: none;
  box-shadow: none;
  /*&::after {*/
  /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");*/
  /*background-image: url('data:image/svg+xml,<svg id="Lag_1" data-name="Lag 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 123.72 123.72"><defs><style> .cls-1 { fill: %23fff; } .cls-2 { fill: %2300a1e2; } </style></defs><g id="Lag_2" data-name="Lag 2"><circle class="cls-2" cx="61.86" cy="61.86" r="61.86"/></g><polygon class="cls-1" points="81.91 39.08 62.74 69.61 41.92 39.19 24.75 39.19 56.08 84.64 69.45 84.64 98.97 39.08 81.91 39.08"/></svg>')
            }*/
  position: relative;
  /* sl� Bootstrap chevron fra (vi bruger selv ::after) */
  /* cirklen */
  /* pilen */
}
.du-accordion .accordion-item .accordion-button::after {
  background-image: none !important;
}
.du-accordion .accordion-item .accordion-button::before {
  content: "";
  width: var(--acc-icon-size);
  height: var(--acc-icon-size);
  border-radius: 999px;
  background: var(--acc-icon-bg);
  position: absolute;
  right: var(--acc-icon-right);
  pointer-events: none;
}
.du-accordion .accordion-item .accordion-button::after {
  content: "";
  width: var(--acc-icon-size);
  height: var(--acc-icon-size);
  background: var(--acc-icon-fg);
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 123.72 123.72"%3E%3Cpolygon points="81.91 39.08 62.74 69.61 41.92 39.19 24.75 39.19 56.08 84.64 69.45 84.64 98.97 39.08 81.91 39.08"/%3E%3C/svg%3E') no-repeat center / var(--acc-icon-arrow-scale);
  mask: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 123.72 123.72"%3E%3Cpolygon points="81.91 39.08 62.74 69.61 41.92 39.19 24.75 39.19 56.08 84.64 69.45 84.64 98.97 39.08 81.91 39.08"/%3E%3C/svg%3E') no-repeat center / var(--acc-icon-arrow-scale);
  position: absolute;
  right: var(--acc-icon-right);
  pointer-events: none;
}
/* SHARE MODULE */
.share-module {
  padding-top: 24px;
  padding-bottom: 24px;
}
.share-module.no-top-margin {
  padding-top: 0 !important;
}
.share-module.no-bottom-margin {
  padding-bottom: 0 !important;
}
.share-module .share-links {
  padding: 0 15px;
  display: flex;
  gap: 60px;
}
.share-module .share-links * {
  color: #1a264e;
  font-size: 14px;
}
.share-module .share-links svg {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
.share-module .share-links .link-wrapper {
  display: flex;
  align-items: center;
}
.share-module .share-links .link-wrapper span#copy-linkurl {
  display: flex;
  cursor: pointer;
  align-items: center;
}
.share-module .share-links .link-wrapper span#copy-linkurl:hover {
  text-decoration: underline;
}
.share-module .share-links .link-wrapper a {
  display: flex;
  cursor: pointer;
  text-decoration: none;
  align-items: center;
}
.share-module .share-links .link-wrapper a:hover {
  font-weight: 400;
  text-decoration: underline;
}
.share-module .share-links .share-facebook .cls-1 {
  fill: #fff;
}
.share-module .share-links .share-facebook .cls-2 {
  fill: #1a264e;
}
.share-module .share-links .copy-link .cls-1 {
  fill: #fff;
}
.share-module .share-links .copy-link .cls-2 {
  fill: #1a264e;
}
.full-color-container .layout-container {
  padding-top: 48px;
  padding-bottom: 48px;
}
/* NEWSLETTER */
#mc_embed_signup {
  background: #fff;
  color: #1a264e;
  clear: left;
  font: 14px Helvetica, Arial, sans-serif;
  width: 100%;
  max-width: 100%;
}
#mc_embed_signup form {
  display: block;
  position: relative;
  text-align: left;
  padding: 30px;
}
#mc_embed_signup h2 {
  font-weight: bold;
  padding: 0;
  margin: 15px 0;
  font-size: 1.4em;
}
#mc_embed_signup input {
  border: 1px solid #ABB0B2;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #1a264e;
}
#mc_embed_signup input:focus {
  border-color: #333;
}
#mc_embed_signup input[type=checkbox] {
  -webkit-appearance: checkbox;
}
#mc_embed_signup input[type=radio] {
  -webkit-appearance: radio;
}
#mc_embed_signup .button {
  background-color: #00b0eb;
  color: #FFF;
  text-align: center;
  text-transform: uppercase;
  padding: 8px 24px;
  border: 2px solid transparent;
  box-shadow: none;
  border-radius: 20px;
  transition: all 0.3s ease-in-out;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  max-width: fit-content;
  height: 41px;
}
#mc_embed_signup .button:hover {
  color: var(--txthoverfont-color, #FFF) !important;
  background-color: var(--txthoverbg-color, #1fc7ff) !important;
  border-color: var(--txthoverborder-color, --txthoverfont-color) !important;
}
#mc_embed_signup .div.mce_inline_error {
  background-color: transparent;
  font-style: italic;
  font-size: 12px;
  padding-left: 24px;
}
#mc_embed_signup ::placeholder {
  color: #1a264e;
}
#mc_embed_signup .small-meta {
  font-size: 11px;
}
#mc_embed_signup .nowrap {
  white-space: nowrap;
}
#mc_embed_signup .mc-field-group {
  clear: left;
  position: relative;
  width: 96%;
  margin-bottom: 24px;
  min-height: 50px;
  display: grid;
}
#mc_embed_signup .mc-field-group label {
  display: block;
  margin-bottom: 8px;
  color: #1a264e;
}
#mc_embed_signup .mc-field-group input {
  display: block;
  width: 100%;
  padding: 0.5rem 0.75rem;
  text-indent: 2%;
  border-radius: 0;
}
#mc_embed_signup .mc-field-group select {
  display: inline-block;
  width: 99%;
  padding: 5px 0;
  margin-bottom: 2px;
}
#mc_embed_signup .size1of2 {
  clear: none;
  float: left;
  display: inline-block;
  width: 46%;
  margin-right: 4%;
}
#mc_embed_signup .mc-address-fields-group {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  width: 96%;
  gap: 15px;
}
#mc_embed_signup .mc-sms-phone-group {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  width: 96%;
  gap: 15px;
  padding-top: 5px;
}
#mc_embed_signup .indicates-required {
  text-align: right;
  font-size: 11px;
  margin-right: 4%;
}
#mc_embed_signup .asterisk {
  color: #e85c41;
  font-size: 150%;
  font-weight: normal;
  position: relative;
  top: 5px;
}
#mc_embed_signup .clear {
  clear: both;
}
#mc_embed_signup .foot {
  display: grid;
  grid-template-columns: 3fr 1fr;
  width: 96%;
  align-items: center;
}
* html #mc_embed_signup .size1of2 {
  margin-right: 2%;
  /* Fix for IE6 double margins. */
}
#mc_embed_signup .datefield,
#mc_embed_signup .phonefield-us {
  padding: 5px 0;
}
#mc_embed_signup .datefield input,
#mc_embed_signup .phonefield-us input {
  display: inline;
  width: 60px;
  margin: 0 2px;
  letter-spacing: 1px;
  text-align: center;
  padding: 5px 0 2px 0;
}
#mc_embed_signup .phonefield-us .phonearea input,
#mc_embed_signup .phonefield-us .phonedetail1 input {
  width: 40px;
}
#mc_embed_signup .datefield .monthfield input,
#mc_embed_signup .datefield .dayfield input {
  width: 30px;
}
#mc_embed_signup .datefield label,
#mc_embed_signup .phonefield-us label {
  display: none;
}
@media screen and (max-width: 400px) {
  #mc_embed_signup .foot {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    align-items: center;
  }
}
@media screen and (max-width: 400px) {
  #mc_embed_signup .referralBadge {
    width: 50%;
  }
}
#mc_embed_signup .brandingLogo {
  justify-self: right;
}
@media screen and (max-width: 400px) {
  #mc_embed_signup .brandingLogo {
    justify-self: left;
  }
}
#mc_embed_signup .mc-field-group.input-group ul {
  margin: 0;
  padding: 5px 0;
  list-style: none;
}
#mc_embed_signup .mc-field-group.input-group ul li {
  display: block;
  padding: 3px 0;
  margin: 0;
}
#mc_embed_signup .mc-field-group.input-group label {
  display: inline;
}
#mc_embed_signup .mc-field-group.input-group input {
  display: inline;
  width: auto;
  border: none;
}
#mc_embed_signup div#mce-responses {
  float: left;
  top: -1.4em;
  padding: 0em 0.5em 0em 0.5em;
  overflow: hidden;
  width: 90%;
  margin: 0 5%;
  clear: both;
}
#mc_embed_signup div.response {
  margin: 1em 0;
  padding: 1em 0.5em 0.5em 0;
  font-weight: bold;
  float: left;
  top: -1.5em;
  z-index: 1;
  width: 80%;
}
#mc_embed_signup #mce-error-response {
  display: none;
}
#mc_embed_signup #mce-success-response {
  color: #529214;
  display: none;
}
#mc_embed_signup label.error {
  display: block;
  float: none;
  width: auto;
  margin-left: 1.05em;
  text-align: left;
  padding: 0.5em 0;
}
#mc_embed_signup .helper_text {
  color: #8d8985;
  margin-top: 2px;
  display: inline-block;
  padding: 3px;
  background-color: rgba(255, 255, 255, 0.85);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 14px;
  font-weight: normal;
  z-index: 1;
}
#mc_embed_signup #num-subscribers span {
  padding: 0.5em;
  border: 1px solid #ccc;
  margin-right: 0.5em;
  font-weight: bold;
}
#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
  display: inline-block;
  margin: 2px 0 1em 0;
  padding: 3px;
  background-color: rgba(255, 255, 255, 0.85);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 14px;
  font-weight: normal;
  z-index: 1;
  color: #e85c41;
}
#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {
  border: 2px solid #e85c41;
}
.newsletterbox {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  background-color: transparent;
  color: inherit;
}
.newsletterbox__header {
  margin-bottom: 16px;
}
.newsletterbox.content-hover:hover {
  outline: 2px solid #808184;
}
.newsletterbox--right {
  flex-direction: row;
}
.newsletterbox--left {
  flex-direction: row-reverse;
}
.newsletterbox--top {
  flex-direction: column-reverse;
}
.newsletterbox--bottom {
  flex-direction: column;
}
.newsletterbox__body {
  flex: 1 1 50%;
  padding: 30px;
  display: flex;
  flex-direction: column;
}
.textbox--top .newsletterbox__body,
.textbox--bottom .newsletterbox__body {
  width: 100%;
  flex: none;
}
.newsletterbox__body.no-top-air {
  padding-top: 0 !important;
}
.newsletterbox__body.no-bottom-air {
  padding-bottom: 0 !important;
}
.newsletterbox__body.no-right-air {
  padding-right: 0 !important;
}
.newsletterbox__body.no-left-air {
  padding-left: 0 !important;
}
.newsletterbox__content {
  color: inherit;
}
.newsletterbox__content * {
  color: inherit;
}
.newsletterbox__content ul:not(.breadcrumb) li:before,
.newsletterbox__content ol:not(.breadcrumb) li:before {
  color: inherit;
}
.newsletterbox__content a:hover {
  color: unset;
}
.newsletterbox__text {
  font-size: 1.0625rem;
  line-height: 1.6;
  color: #444;
  margin: 0;
}
.newsletterbox__text-twofive {
  flex: 1 1 25%;
}
.newsletterbox__text-threethree {
  flex: 1 1 33%;
}
.newsletterbox__text-sixsix {
  flex: 1 1 66%;
}
.newsletterbox__text-sevenfive {
  flex: 1 1 75%;
}
.newsletterbox__image {
  flex: 1 1 50%;
  position: relative;
}
.newsletterbox__image-twofive {
  flex: 1 1 25%;
}
.newsletterbox__image-threethree {
  flex: 1 1 33%;
}
.newsletterbox__image-sixsix {
  flex: 1 1 66%;
}
.newsletterbox__image-sevenfive {
  flex: 1 1 75%;
}
.newsletterbox__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.newsletterbox__image video {
  display: block;
  width: 100%;
}
.newsletterbox--top .newsletterbox__image,
.newsletterbox--bottom .newsletterbox__image {
  flex: none;
  width: 100%;
  height: auto;
}
.newsletterbox--top .newsletterbox__image img,
.newsletterbox--bottom .newsletterbox__image img {
  max-height: 600px;
}
.newsletterbox #mc_embed_signup {
  background-color: transparent;
}
.newsletterbox #mc_embed_signup form {
  padding: 0;
}
.newsletterbox #mc_embed_signup .indicates-required {
  margin-right: 0;
}
.newsletterbox #mc_embed_signup .mc-field-group {
  width: 100%;
}
.newsletterbox #mc_embed_signup .button {
  background-color: #00b0eb;
  color: #FFF;
  text-align: center;
  text-transform: uppercase;
  padding: 8px 24px;
  border: 2px solid transparent;
  box-shadow: none;
  border-radius: 20px;
  transition: all 0.3s ease-in-out;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  max-width: fit-content;
  height: 41px;
}
.newsletterbox #mc_embed_signup .button:hover {
  color: var(--txthoverfont-color, #FFF) !important;
  background-color: var(--txthoverbg-color, #1fc7ff) !important;
  border-color: var(--txthoverborder-color, --txthoverfont-color) !important;
}
.newsletterbox #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
  background-color: transparent;
  font-style: italic;
  font-size: 12px;
  padding-left: 24px;
  margin-bottom: 0;
}
.newsletterbox ::placeholder {
  color: #1a264e;
}
@media (max-width: 768px) {
  .newsletterbox {
    flex-direction: column;
  }
  .newsletterbox--left,
  .newsletterbox--right,
  .newsletterbox--top,
  .newsletterbox--bottom {
    flex-direction: column;
  }
  .newsletterbox .newsletterbox__body {
    order: 2;
  }
}
.av-dropdown li {
  padding: 16px;
  font-size: 14px;
  background-color: var(--customer-surface);
  cursor: pointer;
  border: 1px solid #e5e5e5;
}
.av-dropdown li:hover {
  background-color: #e5e5e5;
}
ul.av-dropdown-general li {
  padding: 16px;
  font-size: 14px;
  background-color: var(--customer-surface);
  cursor: pointer;
  border: 1px solid #e5e5e5;
  margin-left: 0 !important;
}
ul.av-dropdown-general li:hover {
  background-color: #e5e5e5;
}
ul.av-dropdown-general li:before {
  content: '' !important;
}