@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@500;600&display=swap");
:root {
  --bs-primary: #ff9933;
  --primary-color: 255, 153, 51;
  --bs-font-sans-serif: "Nunito", sans-serif;
  --bs-font-headers: "Poppins", sans-serif;
  --bs-color-neu-2: #f7f7f7;
  --bs-color-neu-3: #8A8A8A;
  --bs-body-color: #454545 !important;
  --bs-link-hover-color: #ff9933 !important;
  --bs-pagination-focus-box-shadow: 0 0 0 0.2rem rgba(255, 153, 51, 0.25);
  --mobile-breakpoint: 368px;
  --tablet-breakpoint: 1024px;
}

h1,
.h1,
.h1,
h2,
.h2,
.h2,
h3,
.h3,
.h3,
.h4,
.h5,
.h6 {
  font-family: var(--bs-font-headers);
  font-weight: 500;
  color: #454545;
}

p {
  font-weight: normal;
}

.tk-input-field__native,
.tk-select__label,
.tk-select {
  font-family: var(--bs-font-sans-serif) !important;
}

.compressedText .tk-static-text {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.h6 {
  margin-bottom: 0px !important;
}

#bodyWrapper {
  grid-template-rows: 0px auto;
}

#conteentWrapper {
  height: 100vh;
}

#viewmodelWrapper {
  height: 100vh;
}

.collapse:not(.show) {
  display: flex !important;
  width: auto;
}

#viewmodelSection {
  padding: 0px;
}

.appHeader {
  z-index: 9999;
}

.actionContainer {
  z-index: 9999;
  position: absolute;
  bottom: 0px;
  right: 16px;
}

#viewmodelSection > div.placeCard {
  display: none;
}

.placeCardContainer {
  position: fixed;
  bottom: 0px;
}
@media screen and (min-width: 1024px) {
  .placeCardContainer {
    left: 520px;
  }
}

.pcService {
  flex-shrink: 1;
  margin-top: 5px;
}

.placeCard {
  height: 6em;
  background: white;
  border-radius: 20px;
  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.15);
  margin: 16px;
  min-width: calc(100vw - 32px);
  max-width: 320px;
}
@media screen and (min-width: 1024px) {
  .placeCard {
    min-width: 100%;
  }
}
.placeCard .detailsContainer {
  flex-shrink: 1;
  padding: 14px 26px 0px 8px;
  margin-right: auto;
}
.placeCard .detailsContainer .placeName {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 700;
  font-size: 1rem;
  line-height: 22px;
  color: #454545;
}
@media screen and (min-width: 1024px) {
  .placeCard .detailsContainer .placeName {
    font-size: large;
  }
}
.placeCard .detailsContainer .placeName .placeCategory {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 400;
  font-size: small;
  line-height: 20px;
  color: #454545;
}
@media screen and (min-width: 1024px) {
  .placeCard .detailsContainer .placeName .placeCategory {
    font-size: 1rem !important;
  }
}
.placeCard .tk-static-text {
  padding: 0px !important;
}
.placeCard .tk-link {
  padding: 0px !important;
}
.placeCard .cardImage {
  border-top-left-radius: 20px;
  min-height: 120px;
  max-height: 120px;
  min-width: 120px;
  max-width: 120px;
}
@media screen and (min-width: 1024px) {
  .placeCard .cardImage {
    border-top-right-radius: 20px;
    max-height: 352px;
    min-height: 32px;
    max-width: 352px;
    min-width: 352px;
  }
}
.placeCard .cardImage > .tk-image__native img {
  -o-object-fit: cover;
     object-fit: cover;
  min-height: 120px;
  max-height: 120px;
  min-width: 120px;
  max-width: 120px;
}
@media screen and (min-width: 1024px) {
  .placeCard .cardImage > .tk-image__native img {
    -o-object-fit: contain;
       object-fit: contain;
    border-top-right-radius: 20px;
    max-height: 352px;
    min-height: 32px;
    min-width: 100%;
  }
}

.lockIcon {
  position: absolute;
  top: 40px;
  max-width: 117px;
  fill: rgba(255, 255, 255, 0.8);
}
@media screen and (min-width: 1024px) {
  .lockIcon {
    top: 85px;
    max-width: 100%;
  }
}

.containerTop {
  flex-wrap: nowrap;
}
@media screen and (min-width: 1024px) {
  .containerTop {
    flex-wrap: wrap;
  }
}

.iconContainer {
  flex-shrink: 1;
  padding: 0px 16px 16px 16px;
  margin-right: auto;
}
.iconContainer > div {
  min-height: unset;
}
.sortActions {
  align-items: center;
}

.sortContainer {
  padding-right: 1rem;
  padding-left: 1rem;
  max-height: 35px;
  padding-top: 5px;
}
@media screen and (min-width: 1024px) {
  .sortContainer {
    max-height: 42px;
    max-width: 1250px;
  }
}

.placeItem {
  margin: 10px 5px 5px 5px;
  max-width: 400px;
  width: 100%;
  min-width: 300px;
  border-radius: 20px;
  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.15);
  height: 120px;
}
@media screen and (min-width: 1024px) {
  .placeItem {
    max-width: 400px;
    width: 100%;
    min-width: 400px;
    height: 120px;
  }
}
.placeItem .lockIcon {
  position: absolute;
  top: 30px;
  left: -139px;
  max-width: 117px;
  fill: rgba(255, 255, 255, 0.8);
}
@media screen and (min-width: 1024px) {
  .placeItem .lockIcon {
    left: -139px;
    top: 30px;
    max-width: 100%;
  }
}
.placeItem .detailsContainer {
  flex-shrink: 1;
  padding: 6px 32px 6px 10px;
  margin-right: auto;
}
.placeItem .detailsContainer .placeName {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 700;
  font-size: normal;
  line-height: 22px;
  color: #454545;
}
@media screen and (min-width: 1024px) {
  .placeItem .detailsContainer .placeName {
    font-size: large;
  }
}
.placeItem .detailsContainer .placeCategory {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 400;
  font-size: small;
  line-height: 20px;
  color: #454545;
}
@media screen and (min-width: 1024px) {
  .placeItem .detailsContainer .placeCategory {
    font-size: 1rem !important;
  }
}
.placeItem .tk-static-text {
  padding: 0px !important;
}
.placeItem .tk-link {
  padding: 0px !important;
}
.placeItem .itemImage {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  -o-object-fit: cover;
     object-fit: cover;
  min-height: 120px;
  max-height: 120px;
  max-width: 120px;
  min-width: 120px;
}

.leftColumn {
  padding: 0px;
}
@media screen and (min-width: 1024px) {
  .leftColumn {
    padding-right: 40px;
    max-width: 70%;
    min-width: 70%;
  }
}

.mobile {
  display: flex;
}
@media screen and (min-width: 1024px) {
  .mobile {
    display: none;
  }
}

.desktop {
  display: none;
}
@media screen and (min-width: 1024px) {
  .desktop {
    display: flex;
  }
}

@media screen and (min-width: 1024px) {
  .twoColumnText > div {
    -moz-column-count: 1;
         column-count: 1;
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
}

.placeImage {
  border-radius: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 1024px) {
  .placeImage {
    -o-object-fit: cover;
       object-fit: cover;
    min-height: 500px;
    max-height: 500px;
    min-width: 500px;
    max-width: 100% px;
  }
}

.imageSelector > div {
  min-height: unset;
  padding: 10px;
}

.nestingContainer {
  min-height: unset;
}

.placeThumbImage {
  -o-object-fit: cover;
     object-fit: cover;
  min-height: 150px;
  max-height: 150px;
  min-width: 150px;
  max-width: 150px;
}

.fixed-left {
  position: fixed;
  left: 0px;
}

.fixed-right {
  position: fixed;
  right: 0px;
}

.registerCard {
  z-index: 1000;
  position: fixed;
  bottom: 0;
  background: white;
  border-radius: 20px;
  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.15);
  margin: 16px;
  max-width: 420px;
}

.sideCard {
  z-index: 1000;
  position: fixed;
  top: 0;
  background: white;
  border-radius: 20px;
  margin: 5px;
  width: calc(100vw - 10px);
  max-height: 60px;
  min-height: 60px;
  height: 60px;
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .sideCard {
    margin: 16px;
    max-width: 420px;
    width: 100%;
    max-height: calc(100vh - 32px);
    min-height: 705px;
    height: 705px;
  }
}
@media screen and (min-height: 1200px) {
  .sideCard {
    max-height: calc(100vh - 32px);
    min-height: 835px;
    height: 835px;
  }
}
.sideCard .listResult {
  overflow: auto;
  max-height: calc(100vh - 85px);
  min-width: 100vw;
  padding-bottom: 20px;
}
@media screen and (min-width: 1024px) {
  .sideCard .listResult {
    min-width: 300px;
    max-width: 1250px;
  }
}
.sideCard .listResult .showMore {
  display: flex;
}
@media screen and (min-width: 1024px) {
  .sideCard .listResult .showMore {
    display: none;
  }
}
.sideCard .listResult .pagination {
  display: none;
}
@media screen and (min-width: 1024px) {
  .sideCard .listResult .pagination {
    display: flex;
  }
}

.listView {
  z-index: 1000;
  position: fixed;
  top: 0;
  background: white;
  width: 100vw;
  min-width: 100vW;
  max-height: 100vh;
  min-height: 100vh;
  height: 100vh;
}
.listView .content-container {
  margin: 0px auto;
}
@media screen and (min-width: 1024px) {
  .listView {
    margin: 16px;
    max-width: 500px;
    width: 100%;
    max-height: calc(100vh - 32px);
    min-height: calc(100vh - 32px);
    height: calc(100vh - 32px);
  }
}
.listView .topBar {
  border-radius: 20px;
  max-width: calc(100vw - 10px);
  margin: 5px;
}
.listView .listResult {
  overflow: auto;
  max-height: calc(100vh - 85px);
  min-width: 100vw;
  padding-bottom: 20px;
}
@media screen and (min-width: 1024px) {
  .listView .listResult {
    min-width: 300px;
    max-width: 1250px;
  }
}
.listView .showMore {
  display: flex;
}
@media screen and (min-width: 1024px) {
  .listView .showMore {
    display: none;
  }
}
.listView .pagination {
  display: none;
}
@media screen and (min-width: 1024px) {
  .listView .pagination {
    display: flex;
  }
}

.search-input-group {
  border-radius: 44px;
  background: white;
  border-radius: 20px;
  max-height: 44px;
}
.search-input-group input[type=search] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.search-input-group div.search-btn {
  border-left: 1px solid rgba(255, 153, 51, 0.1882352941);
}
.search-input-group div.clear-btn {
  position: absolute;
  right: 40px;
}

.topBar {
  border-radius: 20px;
  max-width: calc(100vw - 10px);
}

@media screen and (min-width: 1024px) {
  .input-group.input-group-outline.search-input {
    width: 100%;
    max-width: 200px;
  }
}
.closeButton.tk-component {
  width: 36px;
  height: 36px;
  padding: 0px;
  position: absolute;
  top: 6px;
  left: 8px;
  z-index: 200;
  border-radius: 50%;
}

button.closeButton {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  border-radius: 50% !important;
  background-color: rgba(255, 255, 255, 0.8) !important;
}

.closeButton button .mi {
  margin: 0px;
  font-size: 32px;
  color: #ff9933;
}

span.btn-round {
  border-radius: 8px;
  border: 1px solid #ff9933;
  padding: 3px 8px;
  margin-top: 5px;
  background-color: rgba(255, 153, 51, 0.1);
  color: #ff9933;
}

.profileIcon {
  margin-top: 5px;
  margin-right: 10px;
}

.profileIcon div svg {
  fill: #292D32;
}

span.favoriteIcon {
  z-index: 999;
  width: 24px;
  height: 24px;
  padding: 0px;
  position: absolute;
  top: 6px;
  right: 8px;
  z-index: 200;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.8) !important;
  text-align: center;
}

.favoriteIcon div svg {
  fill: #ff9933;
}

.favoriteIcon.selected div svg {
  fill: #ff9933;
}

.favoriteIcon.disabled div svg {
  fill: #8a8a8a;
}

.PlaceView .placeName {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 700;
  font-size: x-large;
  line-height: 22px;
  color: #454545;
}
@media screen and (min-width: 1024px) {
  .PlaceView .placeName {
    font-size: xx-large;
  }
}
.PlaceView .placeCategory {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 400;
  font-size: small;
  line-height: 20px;
  color: #454545;
}
@media screen and (min-width: 1024px) {
  .PlaceView .placeCategory {
    font-size: 1rem !important;
  }
}
.PlaceView .reviewItem {
  border-bottom: 1px solid rgba(69, 69, 69, 0.2);
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.placeAddress {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  padding-left: 10px;
  color: #BBBBBB;
}

.placeReview {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  padding-left: 7px;
  color: #454545;
}

.placeAddressIcon {
  fill: #292D32;
  padding-left: 3px;
}

.icon,
.placeReviewIcon {
  fill: #292D32;
}

.serviceIcon {
  z-index: 999;
  position: relative;
  font-family: "Nunito";
  height: 35px;
  width: 35px;
  margin: 5px;
  background: #D9D9D9;
  border-radius: 6px;
  font-size: 10px;
  font-weight: normal;
  border-radius: 6px;
}

.w-33 {
  min-width: 33%;
  max-width: 33%;
  width: 33%;
}

.filterView .header-text {
  align-items: center;
}
.filterView .topBar {
  background-color: #FF9933;
  min-height: 60px;
  height: 60px;
  padding: 0px 10px;
  position: fixed;
  width: calc(100vw - 32px);
  top: 0;
  left: 0;
  z-index: 9999;
}
.filterView .filterOption {
  font-family: "Nunito";
  height: 30px;
  width: 30px;
  align-items: center;
}
.filterView .filterOption-icon {
  max-width: 25px;
  width: 25px;
  margin-top: 4px;
  border-radius: 4px;
}
.filterView .filterOption-text {
  font-size: small;
  line-height: 14px;
}
.filterView .filterOption label.tk-checkbox__content {
  margin: 0px;
}
.filterView .favoriteIcon {
  position: relative;
  width: 30px;
  height: 30px;
  padding: 0px;
}
.filterView .favoriteIcon div svg {
  fill: #292D32;
}
.filterView .favoriteIcon.selected div svg {
  fill: #ff9933;
}
.filterView .favoriteIcon.disabled div svg {
  fill: #8a8a8a;
}

.blurImage {
  filter: blur(3px);
  -webkit-filter: blur(3px);
}

.registerPanel {
  margin-top: 10px;
  padding: 16px 16px 16px;
}

.placeInfo {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: #454545;
}

@media screen and (max-width: 1024px) {
  html[turnkeyview=UserRegistrationView] #bodyWrapper,
  html[turnkeyview=UserConfirmation] #bodyWrapper,
  html[turnkeyview=ResetPasswordPage] #bodyWrapper,
  html[turnkeyview=SetPasswordPage] #bodyWrapper {
    background-color: #FF9933;
    grid-template-rows: 80px auto;
  }
  html[turnkeyview=UserRegistrationView] #contentWrapper,
  html[turnkeyview=UserConfirmation] #contentWrapper,
  html[turnkeyview=ResetPasswordPage] #contentWrapper,
  html[turnkeyview=SetPasswordPage] #contentWrapper {
    height: calc(100vh - 80px);
    background: #fff;
    border-top-left-radius: 50px;
  }
  html[turnkeyview=UserRegistrationView] #globalContentWrapper,
  html[turnkeyview=UserConfirmation] #globalContentWrapper,
  html[turnkeyview=ResetPasswordPage] #globalContentWrapper,
  html[turnkeyview=SetPasswordPage] #globalContentWrapper {
    grid-row: 2;
    height: unset;
    width: unset;
  }
  html[turnkeyview=UserRegistrationView] #viewmodelWrapper,
  html[turnkeyview=UserRegistrationView] #viewmodelSection,
  html[turnkeyview=UserConfirmation] #viewmodelWrapper,
  html[turnkeyview=UserConfirmation] #viewmodelSection,
  html[turnkeyview=ResetPasswordPage] #viewmodelWrapper,
  html[turnkeyview=ResetPasswordPage] #viewmodelSection,
  html[turnkeyview=SetPasswordPage] #viewmodelWrapper,
  html[turnkeyview=SetPasswordPage] #viewmodelSection {
    height: calc(100vh - 80px) !important;
  }
}
html[turnkeyview=ImageView] .tk-image-upload__content {
  width: calc(100vw - 36px);
  max-width: calc(100vw - 36px);
}
@media screen and (min-width: 1024px) {
  html[turnkeyview=ImageView] .tk-image-upload__content {
    width: 500px;
    max-width: 500px;
  }
}

.page-container .onePageHeader {
  min-height: 50px;
  position: fixed;
  background: white;
  min-width: 100%;
  z-index: 99;
}
.page-container .content-container {
  padding: 16px;
  padding-top: 76px;
  max-width: 1200px;
  min-width: 300px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .page-container .content-container {
    padding: 32px;
    padding-top: 76px;
  }
}
.page-container .content-container .detailsContainer {
  flex-shrink: 1;
  padding: 14px 26px 0px 8px;
  margin-right: auto;
}
.no-padding-top.tk-component {
  padding: 5px !important;
}

.HideList {
  min-height: 95px !important;
  height: 95px !important;
}

.lv-table .row:hover {
  background-color: unset !important;
  color: unset !important;
}

.topBar {
  background-color: #FF9933;
  min-height: 60px;
  height: 60px;
  padding: 0px 10px;
}
.topBar .header-text {
  font-size: x-large;
  font-weight: 600;
  color: #fff;
}

.topHeader {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: #FF9933;
  min-height: 60px;
  height: 60px;
  border-radius: 20px;
  max-width: calc(100vw - 10px);
  width: 100%;
  margin: 5px;
}
@media screen and (min-width: 1024px) {
  .topHeader {
    max-width: calc(100vw - 25px);
  }
}
.topHeader .header-text {
  font-size: x-large;
  font-weight: 600;
  color: #fff;
}

.row {
  padding: 12px;
}

.lv-table .row > * {
  flex-grow: 1;
  height: 100%;
}

/*Authorisation forms*/
.auth__wrapper {
  flex-basis: auto !important;
}

.auth__formgroup {
  max-width: 480px !important;
  width: 80vw;
  min-width: 320px;
  margin-top: -10%;
  padding: 0px 32px;
}

.auth__form {
  width: 100%;
}

.auth__form input {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 56px;
  background: var(--bs-color-neu-2);
  border-radius: 20px;
  border-color: transparent;
  padding: 0.562rem 1.25rem;
  animation: all 400 ease-in-out;
}

.auth__formgroup .h1 {
  margin-bottom: 0px;
  font-weight: 800;
}

.auth-btn.tk-component {
  width: 100%;
  margin-top: 24px;
  padding-top: 0 !important;
}

/*TEXTS*/
.beskrivning.tk-component {
  width: 100%;
}

.beskrivning p {
  max-width: -moz-fit-content;
  max-width: fit-content;
  color: #454545;
  font-weight: 400;
}

.desc p {
  color: var(--bs-color-neu-3);
}

.sideActionsWrapper {
  position: fixed;
  right: 0px;
  top: 80px;
  min-width: 80px;
  max-width: 80px;
  z-index: 9999;
}

/*BUTTONS*/
.tk-button__text,
.tk-link__text {
  display: inline-block;
  font-family: var(--bs-font-sans-serif) !important;
}

.ctLink:hover {
  text-decoration: none;
}

.primary button,
.primary a,
button.tk-button__native.primary,
a.tk-button__native.primary,
a.tk-link__native.primary {
  border-color: var(--bs-primary);
  color: white;
  box-shadow: none;
  border-radius: 20px;
  height: 56px !important;
  font-size: 16px;
  font-weight: 500;
  text-transform: none !important;
  justify-content: center !important;
}
.primary button:hover, .primary button:focus,
.primary a:hover,
.primary a:focus,
button.tk-button__native.primary:hover,
button.tk-button__native.primary:focus,
a.tk-button__native.primary:hover,
a.tk-button__native.primary:focus,
a.tk-link__native.primary:hover,
a.tk-link__native.primary:focus {
  text-decoration: none;
}

.secondary button,
.secondary a,
button.tk-button__native.secondary,
a.tk-button__native.secondary {
  border: 2px solid var(--bs-primary);
  background-color: white;
  box-shadow: none;
  border-radius: 20px !important;
  height: 56px !important;
  font-size: 16px;
  font-weight: 500;
  text-transform: none !important;
  justify-content: center !important;
}
.secondary button:hover, .secondary button:focus,
.secondary a:hover,
.secondary a:focus,
button.tk-button__native.secondary:hover,
button.tk-button__native.secondary:focus,
a.tk-button__native.secondary:hover,
a.tk-button__native.secondary:focus {
  text-decoration: none;
}

.text-muted {
  color: #BBBBBB !important;
}

.section-wrapper {
  border-bottom: 1px solid rgba(69, 69, 69, 0.2);
  margin-bottom: 1rem;
}
.section-wrapper .label-text {
  font-size: small;
  font-weight: bold;
}

.accordion-wrapper {
  border-top: 1px solid rgba(69, 69, 69, 0.2);
  border-bottom: 1px solid rgba(69, 69, 69, 0.2);
  font-size: 16px;
  font-weight: bold;
}
.accordion-wrapper .accordion-action button,
.accordion-wrapper .accordion-action a,
.accordion-wrapper button.tk-button__native.accordion-action,
.accordion-wrapper a.tk-button__native.accordion-action {
  background-color: white;
  box-shadow: none;
  border-radius: 20px !important;
  font-size: 16px;
  font-weight: 500;
  text-transform: none !important;
  justify-content: space-between !important;
}
.accordion-wrapper .accordion-action button:hover, .accordion-wrapper .accordion-action button:focus,
.accordion-wrapper .accordion-action a:hover,
.accordion-wrapper .accordion-action a:focus,
.accordion-wrapper button.tk-button__native.accordion-action:hover,
.accordion-wrapper button.tk-button__native.accordion-action:focus,
.accordion-wrapper a.tk-button__native.accordion-action:hover,
.accordion-wrapper a.tk-button__native.accordion-action:focus {
  text-decoration: none;
}
.accordion-wrapper .accordion-content .accordion-item {
  border-bottom: 1px solid rgba(69, 69, 69, 0.2);
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.icon-btn button {
  min-width: 40px !important;
  height: 40px !important;
}
.icon-btn .mi {
  margin: 0px !important;
}

.danger button,
.danger a,
button.tk-button__native.danger,
a.tk-button__native.danger {
  border: 2px solid var(--bs-danger);
  background-color: var(--bs-danger);
  color: white;
  box-shadow: none;
  border-radius: 20px !important;
  height: 56px;
  font-size: 16px;
  font-weight: 500;
  text-transform: none !important;
  justify-content: center !important;
}
.danger button:hover, .danger button:focus,
.danger a:hover,
.danger a:focus,
button.tk-button__native.danger:hover,
button.tk-button__native.danger:focus,
a.tk-button__native.danger:hover,
a.tk-button__native.danger:focus {
  text-decoration: none;
}

.icon-btn button {
  min-width: 40px !important;
  height: 40px !important;
}
.icon-btn .mi {
  margin: 0px !important;
}

.icon-btn--white .mi {
  color: #fff;
  font-size: 28px;
}

.icon-btn--primary .mi {
  color: #ff9933;
  font-size: 28px;
}

.icon-btn--lg .mi {
  font-size: 28px;
  font-weight: 300;
}

.ActionLabel {
  font-size: x-small;
  color: rgb(var(--primary-color, 245, 156, 26));
  padding-top: 0px;
}
@media screen and (min-width: 1024px) {
  .ActionLabel {
    font-size: small;
  }
}

.roundActionIcon > button,
.roundActionIcon > a {
  height: 56px !important;
  min-width: 56px !important;
  width: 56px !important;
  max-width: 56px !important;
  font-size: 30px !important;
  font-weight: bold !important;
  color: var(--bs-primary) !important;
}

.roundActionIcon .mi,
.backIcon .mi {
  font-size: 28px;
}

.mobile-top .icon-btn .mi {
  font-size: 28px;
}

.sideAction.tk-component {
  width: 30px;
  height: 30px;
  padding: 0px;
}
.sideAction button {
  width: 30px;
  height: 30px;
  min-width: 30px;
  background-color: rgba(255, 255, 255, 0.7019607843) !important;
  color: #8a8a8a !important;
}
.sideAction button .mi {
  margin: 0px;
  font-size: 24px;
}

.btn-size-sm button {
  min-width: unset;
  height: 28px;
  text-transform: none;
}

/*LINKS*/
.pagination.pagination-primary .page-item.active > .page-link,
.pagination.pagination-primary .page-item.active > .page-link:focus,
.pagination.pagination-primary .page-item.active > .page-link:hover {
  background-image: var(--bs-primary) !important;
  background-color: var(--bs-primary) !important;
}

.page-link:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 153, 51, 0.25) !important;
}

/*FORMS*/
.input-group.input-group-outline .search-input {
  height: 44px;
  border-radius: 44px;
  border-top-left-radius: 44px !important;
  border-bottom-left-radius: 44px !important;
  background: #fff !important;
  border: none;
}

.input-group.input-group-outline .form-control[disabled] {
  border: unset;
}

.input-group.input-group-outline.search-input {
  min-width: calc(100% - 50px);
  max-width: 400px;
}

.sort-form {
  flex-direction: row;
  align-items: center;
}
.sort-form label {
  font-weight: 400;
}
.sort-form .tk-select__dropdown-icon {
  top: 0.7rem;
  height: 10px;
  width: 10px;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 320 512' style='enable-background:new 0 0 320 512%3B' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:%23FF9933%3B%7D%3C/style%3E%3Cpath class='st0' d='M137.4 41.4c12.5-12.5 32.8-12.5 45.3 0l128 128c9.2 9.2 11.9 22.9 6.9 34.9S301 224.1 288 224.1H32c-12.9 0-24.6-7.8-29.6-19.8s-2.2-25.7 6.9-34.9L137.4 41.4L137.4 41.4z M137.4 470.7l-128-128c-9.2-9.2-11.9-22.9-6.9-34.9S19.1 288 32.1 288H288c12.9 0 24.6 7.8 29.6 19.8s2.2 25.7-6.9 34.9l-128 128C170.2 483.2 149.9 483.2 137.4 470.7L137.4 470.7z'/%3E%3C/svg%3E");
}
.sort-form.tk-select__native {
  border: none;
  color: #ff9933 !important;
  font-weight: 500 !important;
  padding: 0.5rem 0.625rem;
}

.result-count.tk-component {
  flex-grow: 0;
  flex-basis: content;
  background: rgba(255, 153, 51, 0.1);
  color: #ff9933;
  padding: 4px 8px;
  border-radius: 4px;
}

.result-count p {
  color: #ff9933;
  font-weight: normal;
  font-size: small !important;
}

/*TOOLTIPS*/
.tooltips {
  position: relative;
  display: inline-block;
}
.tooltips:hover {
  z-index: 9999;
}
.tooltips:before {
  content: attr(data-text);
  position: absolute;
  top: 50%;
  left: 100%;
  margin-left: 15px;
  width: 200px;
  padding: 5px;
  border-radius: 10px;
  background: #454545;
  color: #fff;
  text-align: center;
  font-size: small;
  display: none;
  /* hide by default */
}
.tooltips:hover:before {
  display: block;
  z-index: 9999;
}
.tooltips:after {
  content: "";
  position: absolute;
  margin-top: 1px;
  transform: translateY(-50%);
  top: 100%;
  left: 25%;
  /* the arrow */
  border: 10px solid #000;
  border-color: transparent transparent #454545 transparent;
  display: none;
}
.tooltips:hover:before, .tooltips:hover:after {
  display: block;
}
.tooltips.left:before {
  /* reset defaults */
  left: initial;
  margin: initial;
  /* set new values */
  bottom: 100%;
  margin-bottom: 15px;
}
.tooltips.bottom:before {
  /* reset defaults */
  left: initial;
  margin: initial;
  top: 110%;
  left: -225%;
  margin-top: 1px;
}

.hide {
  display: none !important;
}

.shrink-1 {
  flex-shrink: 1;
}

.w-100 {
  width: 100%;
}

/*List view: App

.roundActionIcon {
    display: none;
}

*/
.m_filterContainer {
  display: none;
}

.roundActionIcon.tk-component {
  display: flex;
  z-index: 2000;
  background: white;
  border-radius: 50%;
  padding: 0;
  margin: 5px 10px;
  max-width: 56px !important;
}
.roundActionIcon.tk-component button,
.roundActionIcon.tk-component a {
  background-color: rgba(255, 153, 51, 0.1490196078) !important;
  border-radius: 56px;
}
.roundActionIcon.tk-component .selected {
  border: 2px solid;
}

#viewmodelSection {
  height: 100vh !important;
  position: relative;
}

.tk-modal__content #viewmodelSection {
  height: auto !important;
  position: relative;
}

.tk-modal__actions {
  display: none;
}

.lv-table.tk-component {
  padding: 0px;
  padding-right: 8px;
  /* .tk-image__native {
        height: 100%;
      }
      img {
        display: block;
        height: 100%;
        width: 110px;
        object-fit: cover;
        margin: 0;
        max-width: 100px;
      }
  */
}
.lv-table.tk-component .tk-placingcontainer {
  flex-shrink: 1;
}
.lv-table.tk-component .tk-link {
  z-index: 110;
}

.m_filterContainer {
  display: flex;
  position: fixed;
  z-index: 3000;
  bottom: 0;
  width: 100%;
  left: 0;
  background-color: #fff;
  min-height: 60vh;
  padding: 24px;
  border-top-right-radius: 44px;
  border-top-left-radius: 44px;
}

.filter-shadow {
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.312);
  z-index: 2500;
}

.listView-container {
  display: none;
}
@media screen and (min-width: 1024px) {
  .listView-container {
    display: flex;
    z-index: 9999;
    position: fixed;
    top: 0;
    left: 0;
    background: white;
    border-radius: 20px;
    box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.15);
    margin: 16px;
    max-width: 450px;
    min-width: 450px;
  }
}

button.tk-button__native.ripple-effect.primary.flat.icon-btn.roundActionIcon {
  color: #ff9933 !important;
}

.tk-checkbox__native:checked ~ .tk-checkbox__interactive, .tk-checkbox__native:indeterminate ~ .tk-checkbox__interactive {
  background-color: rgb(245, 156, 26);
  background-color: rgb(var(--primary-color, 245, 156, 26));
  border-color: rgb(245, 156, 26);
  border-color: rgb(var(--primary-color, 245, 156, 26));
}/*# sourceMappingURL=husbilskompisar-app.css.map */