:root {
  /*    --gvp-header-background-color: white;
    --gvp-layout-header-padding: var(--rz-layout-body-padding);*/
  /*--gvp-theme-grid-header-height: 50px;*/
  --gvp-theme-grid-height-full: 300px;
  --gvp-theme-grid-height-min: 200px;
  --gvp-active-panel-height: 50px;
  --gvp-bread-crumbs-height: 20px;
  --gvp-desc-panel-height: 30px;
  --gvp-border-radius: 30px;
  --gvp-border-radius-small: calc(var(--gvp-border-radius) / 2);
  --gvp-img-box-shadow: 0 0 4px 0 rgba(255, 255, 255, 0.35), 0px 5px 8px rgba(0, 0, 0, 0.5), 0px 14px 28px rgba(0, 0, 0, 0.35);
  --rz-on-primary-light: var(--rz-base-100) !important;
  --gvp-dialog-width: 300px;
  --gvp-dialog-height: 500px;
  --gvp-carousel-height: 350px;
  --gvp-carousel-width: 350px;
  --gvp-theme-card-height: 95px;
  --gvp-review-img-size: 75px;
}
body {
  background: none !important;
  margin: 0;
  padding: 0;
}
::placeholder {
  color: var(--rz-base-400) !important;
  font-family: var(--rz-text-font-family);
  font-size: var(--rz-input-font-size);
}
::-webkit-input-placeholder {
  color: var(--rz-base-400) !important;
  font-family: var(--rz-text-font-family);
  font-size: var(--rz-input-font-size);
}
:-moz-placeholder {
  color: var(--rz-base-400) !important;
  opacity: 1;
  font-family: var(--rz-text-font-family);
  font-size: var(--rz-input-font-size);
}
::-moz-placeholder {
  color: var(--rz-base-400) !important;
  opacity: 1;
  font-family: var(--rz-text-font-family);
  font-size: var(--rz-input-font-size);
}
:-ms-input-placeholder {
  color: var(--rz-base-400) !important;
  font-family: var(--rz-text-font-family);
  font-size: var(--rz-input-font-size);
}
/*@radzen-xs: 576px;
@radzen-sm: 768px;
@radzen-md: 1024px;
@radzen-lg: 1280px;
@radzen-xl: 1920px;
@radzen-xx: 2560px;*/
/*@mobile: ~ "only screen and (min-width: 0) and (max-width: @{radzen-sm})";
@tablet: ~ "only screen and (min-width: @{radzen-sm}) and (max-width: @{radzen-md})";*/
/*@tablet: ~ "only screen and (min-width: 1000px) and (max-width: 1024px)";
@mobile: ~ "only screen and (max-width: 1000px)";*/
/*@breakpoint-md: 925px;
@breakpoint-lg: 1110px;
*/
.rz-layout {
  height: 100vh;
  overflow: hidden;
  display: grid;
  grid-template-columns: 100% !important;
  grid-template-rows: auto auto auto auto 1fr auto !important;
  grid-template-areas: "rz-header" "rz-active" "rz-desc" "rz-bread-crumbs" "rz-body" "rz-footer" !important;
}
.rz-autocomplete-list-item {
  font-size: 1em !important;
}
.rz-autocomplete-panel {
  box-shadow: var(--rz-context-menu-box-shadow) !important;
  margin-top: 0.15rem;
}
.rz-dropdown-panel {
  box-shadow: var(--rz-context-menu-box-shadow) !important;
  margin-top: 0.15rem;
}
.rz-dropdown:not(:disabled):not(.rz-state-disabled):focus {
  box-shadow: none !important;
  border: var(--rz-input-border);
  outline: none !important;
}
/*.rz-dropdown:not(:disabled):not(.rz-state-disabled):hover {
   border: var(--rz-input-border) !important;
}*/
.rz-icons-loading .rzi {
  color: var(--rz-text-contrast-color) !important;
}
.rz-dropdown-panel {
  /*    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;

    & div {
        border-top-left-radius: 0px !important;
        border-top-right-radius: 0px !important;
    }*/
}
.rz-dropdown-panel span {
  font-size: 1em !important;
}
.rz-multiselect-panel span {
  font-size: 1em !important;
}
.rz-carousel-pager .rz-state-active {
  background-color: var(--rz-secondary-light) !important;
}
.rz-breadcrumb-item + .rz-breadcrumb-item::before {
  color: initial;
}
.rz-placeholder {
  color: var(--rz-base-400) !important;
}
/*.rz-dropdown-item {
    &:hover {
        color: currentColor !important;
    }
}*/
/*.rz-selectable tbody tr .rz-data-row {
    &:hover {
        color: currentColor !important;
    }
}*/
.rz-dropdown-items li:hover {
  background-color: var(--rz-secondary-lighter) !important;
}
.rz-selectable tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td {
  background-color: var(--rz-secondary-lighter) !important;
}
.rz-dialog-titlebar {
  padding: 0.5rem !important;
  line-height: initial !important;
}
.rz-dialog-titlebar > div {
  text-align: center;
  font-size: 1rem;
}
.rz-dialog-side-position-right {
  opacity: 0.9;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.rz-dropdown-search-icon {
  position: absolute !important;
  right: calc(var(--rz-dropdown-trigger-icon-width) + 0.5rem);
  top: 0;
  height: 100% !important;
  display: flex;
  align-items: center;
  font-size: var(--rz-dropdown-trigger-icon-height);
  opacity: 0.4;
}
.rz-dropdown-search-icon:before {
  content: "search";
}
.rz-dropdown-search-icon:hover {
  opacity: 1;
}
.rz-state-disabled > .rz-dropdown-search-icon {
  display: none;
}
.rz-dialog-titlebar-enlarge {
  align-self: start;
}
.rz-dialog-titlebar-enlarge .rzi-times {
  font-size: var(--rz-dialog-close-font-size);
  color: var(--rz-dialog-close-color);
  vertical-align: var(--rz-dialog-close-vertical-align);
}
.rz-dialog-titlebar-enlarge .rzi-times:before {
  content: "fullscreen";
}
.rz-dialog-titlebar-enlarge:hover .rzi-times {
  color: var(--rz-dialog-close-hover-color);
}
.rz-dialog-titlebar-close {
  align-self: start;
}
.rz-dialog-side-content {
  padding: 0px !important;
  height: 100%;
  overflow: hidden;
}
.rz-pager-pages {
  justify-content: center !important;
}
.rz-pager-pages .rz-pager-item:nth-child(2) {
  flex-basis: 5rem;
  justify-content: flex-start;
  display: flex;
}
.rz-pager-pages .rz-pager-item:nth-last-child(2) {
  flex-basis: 5rem;
  justify-content: flex-end;
  display: flex;
}
.rz-dropdown-clear-icon {
  color: var(--rz-text-contrast-color);
}
.rz-chkbox .rz-state-active .rzi-check {
  color: currentColor;
}
.rz-grid-table thead th {
  background-color: var(--rz-secondary-light) !important;
}
/*.rz-dialog-resize-bar {
    z-index: 9999;
    background-color: transparent;

    &:hover {
        background-color: var(--rz-dialog-resize-bar-background-color) !important;
    }
}*/
/*.rz-pager-page.rz-state-active {
    background-color: var(--rz-secondary-light) !important;
}*/
.icon-extrasmall {
  width: 8px;
  min-width: 8px;
  height: 8px;
  min-height: 8px;
}
.icon-small {
  width: calc(8px*2);
  min-width: calc(8px*2);
  height: calc(8px*2);
  min-height: calc(8px*2);
}
.icon-medium {
  width: calc(8px*3);
  min-width: calc(8px*3);
  height: calc(8px*3);
  min-height: calc(8px*3);
}
.icon-large {
  width: calc(8px*4);
  min-width: calc(8px*4);
  height: calc(8px*4);
  min-height: calc(8px*4);
}
.header {
  padding: 0.5rem 0.5rem !important;
  border-bottom: none !important;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  z-index: auto !important;
}
.header[data-state="shown"] {
  height: 100px;
}
.header[data-state="hidden"] {
  padding: 0 !important;
  overflow: hidden;
  height: 0px;
  min-height: 0px;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .header[data-state="shown"] {
    height: auto;
  }
}
/*@media @tablet {
    .header {
        padding: 0rem 3rem !important;
    }
}*/
/*@media @mobile {
    .header {
        padding: 0.5rem 2rem !important;
    }
}*/
.treeview {
  transform: translateX(-10%);
  -webkit-transform: translateX(-10%);
  transition: transform 0.5s ease;
  -webkit-transition: transform 0.5s ease;
  -moz-transition: transform 0.5s ease;
  -ms-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  z-index: 10001 !important;
  background-color: red;
}
.treeview[data-state="shown"] {
  width: 300px;
  transform: translateX(0%);
  -webkit-transform: translateX(0%);
}
.treeview[data-state="hidden"] {
  padding: 0 !important;
  overflow: hidden;
  width: 0px;
  min-width: 0px;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .treeview[data-state="shown"] {
    position: absolute;
    height: 100%;
    top: 0px;
    left: 0px;
  }
}
.active-panel {
  background-color: var(--rz-primary-light);
  grid-area: rz-active;
  /*padding: 0rem 12rem !important;*/
  flex-direction: row;
  padding: 0rem 0.5rem !important;
  box-sizing: border-box;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  height: var(--gvp-active-panel-height);
  /*overflow-x: auto;*/
  overflow-y: hidden;
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  box-shadow: var(--rz-shadow-4) !important;
}
.active-panel::-webkit-scrollbar {
  display: none;
}
.active-panel div[data-position="first"]:not([data-page="detail"]) {
  flex: 33%;
}
.active-panel div[data-position="first"][data-page="detail"] {
  flex: auto;
}
.active-panel div[data-position="second"]:not([data-page="detail"]) {
  flex: 33%;
  overflow: hidden;
}
.active-panel div[data-position="second"][data-page="detail"] {
  flex: auto;
  overflow: hidden;
}
.active-panel div[data-position="third"]:not([data-page="detail"]) {
  flex: 33%;
}
.active-panel div[data-position="third"][data-page="detail"] {
  flex: auto;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .active-panel {
    /*        & div[data-position="second"] {
            flex: 40%;
            overflow: hidden;
        }*/
  }
  .active-panel div[data-position="first"] {
    flex: auto !important;
  }
  .active-panel div[data-position="third"] {
    flex: auto !important;
  }
}
.active-panel-scrolling {
  opacity: 0.75;
}
.description-panel {
  grid-area: rz-desc;
  padding: 0rem 0.5rem !important;
  height: var(--gvp-desc-panel-height);
  background-color: var(--rz-primary-lighter);
  display: flex;
  justify-content: center;
  box-shadow: var(--rz-shadow-4);
}
/*@media @mobile {
    .description-panel {
        height: 20px;
        display: block;
        background-color: var(--rz-primary-light);
    }    
}*/
.description-text-in-grid {
  color: var(--rz-secondary) !important;
  margin-bottom: 0px !important;
  white-space: break-spaces;
  text-overflow: ellipsis;
  overflow: hidden;
  align-self: center;
  text-align: center;
  font-size: clamp(1rem, 1.667vw, 1.25rem) !important;
  line-height: initial !important;
}
.description-text-in-panel {
  color: var(--rz-secondary) !important;
  margin-bottom: 0px !important;
  white-space: break-spaces;
  text-overflow: ellipsis;
  overflow: hidden;
  align-self: center;
  text-align: center;
  font-size: clamp(1rem, 1.667vw, 1.25rem) !important;
  line-height: initial !important;
  color: var(--rz-text-contrast-color) !important;
}
/*@media only screen and (max-width: 1460px) {
    .active-panel {
        &[data-level="Map"] {
            padding: 0rem 0rem !important;
        }
    }
}

@media @tablet {
    .active-panel {
        padding: 0rem 1rem !important;
    }
}

@media @mobile {
    .active-panel {
        padding: 0rem 0rem !important;
    }
}*/
.bread-crumbs:not([data-style="none"]) {
  background-color: var(--rz-base-100);
  grid-area: rz-bread-crumbs;
  /*padding: 0rem 12rem !important;*/
  padding: 0rem 0.5rem !important;
  box-sizing: border-box;
  height: var(--gvp-bread-crumbs-height);
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  align-content: center;
}
.bread-crumbs:not([data-style="none"])::-webkit-scrollbar {
  display: none;
}
.bread-crumbs[data-style="none"] {
  display: none;
}
/*@media @tablet {
    .bread-crumbs[data-style="block"] {
        padding: 0rem 1rem !important;
    }
}

@media @mobile {
    .bread-crumbs[data-style="block"] {
        padding: 0rem 0.5rem !important;
    }
}*/
.detail-page {
  padding: 0rem 5rem 1rem 5rem;
  margin-top: -1rem;
}
@media only screen and (min-width: 1024px) and (max-width: 1280px), only screen and (min-width: 0px) and (max-width: 1024px) {
  .detail-page {
    padding: 0rem 1rem 1rem 1rem !important;
    margin-top: -1.5rem;
  }
}
.main {
  display: flex;
  flex-direction: column;
  margin: 0px !important;
  padding: 0px !important;
  box-sizing: border-box;
  background-color: var(--body-background-color) !important;
  /*& div[data-content="body"] {
        padding: 1rem 5rem;
        flex: 1;
    }*/
  /* & div[data-content="body"][data-level="detail"] {
        padding-top: 0rem !important;
        margin-top: -1.5rem;
    }*/
}
.main div[data-level="theme"] {
  padding: 2rem 12rem;
  overflow: auto;
}
.main div[data-level="mapproject"] {
  padding: 2rem 12rem;
  overflow: auto;
}
.main div[data-level="map"] {
  padding: 0rem 0rem !important;
  overflow: hidden;
  height: 100%;
}
@media only screen and (min-width: 1024px) and (max-width: 1280px), only screen and (min-width: 0px) and (max-width: 1024px) {
  .main {
    /*& div[data-content="body"][data-level="detail"] {
            padding: 0rem 1rem 1rem 1rem !important;
            margin-top: -1.5rem;
        }*/
  }
  .main div[data-content="body"][data-level="mapproject"] {
    padding: 1rem 1rem !important;
  }
  .main div[data-content="body"][data-level="theme"] {
    padding: 1rem 1rem !important;
  }
  .main div[data-content="body"][data-level="map"] {
    padding: 0rem 0rem !important;
  }
}
/*@media @mobile {
    .main {
        & div[data-content="body"]:not([data-level="map"]) {
            padding: 1rem 1rem !important;
        }

        & div[data-content="body"][data-level="map"] {
            padding: 0rem 0rem !important;
        }
    }
}*/
.footer {
  padding: 0.5rem 0.5rem !important;
  height: 50px;
  align-content: center;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .footer {
    padding: 0.5rem 0.5rem !important;
    height: auto;
  }
}
.theme-card .rz-card {
  overflow: hidden;
  padding: 0px;
  background-color: var(--rz-secondary-lighter);
  border-radius: var(--gvp-border-radius);
  max-height: var(--gvp-theme-card-height);
}
.theme-card div[data-content="header"] {
  position: relative;
  background-color: var(--rz-primary-light);
  display: inline-flex;
  flex-direction: row;
  justify-content: start;
  align-content: center;
  align-items: center;
  padding: 10px;
  box-sizing: border-box;
  gap: 0.5rem;
  max-height: var(--gvp-theme-card-height);
}
.theme-card div[data-content="header"] > img {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  object-fit: cover;
  transition: transform 0.5s ease;
  -webkit-transition: transform 0.5s ease;
  -moz-transition: transform 0.5s ease;
  -ms-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  box-shadow: var(--gvp-img-box-shadow);
}
.theme-card div[data-content="detail"] {
  display: flex;
  flex-direction: column;
  justify-content: end;
  max-height: var(--gvp-theme-card-height);
}
.theme-card div[data-content="detail"] span {
  padding-bottom: 10px;
  font-size: 1em;
}
.theme-card .theme-overlay {
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transition: transform 0.5s ease;
  -webkit-transition: transform 0.5s ease;
  -moz-transition: transform 0.5s ease;
  -ms-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  max-height: var(--gvp-theme-card-height);
}
.theme-card .theme-overlay > div {
  visibility: hidden;
}
.theme-card img[data-content="miniature"] {
  max-height: 100px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.theme-card:hover > div {
  box-shadow: var(--rz-shadow-4) !important;
}
.theme-card:hover img:not([data-content="miniature"]) {
  opacity: 0.85;
}
.theme-card:hover .theme-overlay {
  transform: translateX(0%);
  -webkit-transform: translateX(0%);
  background-color: var(--rz-primary);
  color: var(--rz-text-contrast-color);
  height: 100%;
}
.theme-card:hover .theme-overlay > div {
  visibility: visible;
  padding: 0.5rem;
  white-space: nowrap;
}
.theme-card:hover .theme-overlay > div > p {
  color: var(--rz-text-contrast-color);
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 0px;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .theme-card div[data-content="header"] > p {
    transition: transform 0.3s ease;
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -ms-transition: transform 0.3s ease;
    -o-transition: transform 0.3s ease;
  }
  .theme-card div[data-content="header"] > img {
    width: 55px;
    height: 55px;
  }
  .theme-card :hover div[data-content="header"] > p {
    transform: scale(1.1);
  }
  .theme-card div[data-content="detail"] span {
    padding-bottom: 20px;
  }
}
.theme-grid[data-size="full"] {
  height: var(--gvp-theme-grid-height-full);
}
.theme-grid[data-size="full"] div[data-content="header"] {
  padding: 1rem;
}
.theme-grid[data-size="min"] {
  height: var(--gvp-theme-grid-height-min);
  /* & div[data-content="header"] {
        padding: 0.2rem;
    }*/
}
.theme-grid[data-size="min"] .theme-caption {
  font-size: clamp(1rem, 2vw, 1.15rem);
  padding-inline: 0.75rem;
}
.theme-grid[data-size="min"] .theme-overlay > div > span {
  font-size: 0.8em !important;
}
.theme-grid {
  cursor: pointer;
}
.theme-grid .rz-card {
  overflow: hidden;
  padding: 0px;
  height: 100%;
  border-radius: calc(var(--gvp-border-radius) / 1.5);
}
.theme-grid div[data-content="header"] {
  background-color: var(--rz-primary-light);
  padding-block: 0.5rem;
  border-top-left-radius: var(--rz-border-radius);
  border-top-right-radius: var(--rz-border-radius);
  -moz-border-radius-topleft: var(--rz-border-radius);
  -moz-border-radius-topright: var(--rz-border-radius);
}
.theme-grid div[data-content="header"] h6 {
  padding-top: 0px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.theme-grid div[data-content="detail"] {
  height: 100%;
  overflow: hidden;
}
.theme-grid .theme-overlay {
  transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  transition: transform 0.5s ease;
  -webkit-transition: transform 0.5s ease;
  -moz-transition: transform 0.5s ease;
  -ms-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
}
.theme-grid .theme-overlay > div {
  visibility: hidden;
}
.theme-grid:hover .rz-card {
  box-shadow: var(--rz-shadow-4) !important;
}
.theme-grid:hover .theme-overlay {
  transform: translateX(0%);
  -webkit-transform: translateX(0%);
  background: linear-gradient(to bottom, rgba(var(--rz-primary-light-rgb), 1), rgba(var(--rz-primary-light-rgb), 0.25));
  height: 100%;
  color: var(--rz-text-contrast-color);
  position: relative;
}
.theme-grid:hover .theme-overlay > div {
  visibility: visible;
  padding: 10px;
}
.theme-grid:hover .theme-overlay > div > svg {
  position: absolute;
  right: 10px;
}
.theme-grid:hover .theme-overlay > div > span {
  color: var(--rz-text-contrast-color);
  position: absolute;
  top: 10px;
  width: calc(100% - (2 * 32px));
  font-size: 1em;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .theme-grid[data-size="full"] {
    height: calc(var(--gvp-theme-grid-height-full) / 1.5);
  }
  .theme-grid[data-size="min"] {
    height: calc(var(--gvp-theme-grid-height-min) / 1.5);
  }
  .theme-grid:hover .theme-overlay > div > span {
    width: calc(100% - (2 * 24px));
  }
}
.theme-caption {
  white-space: normal;
  color: var(--rz-text-contrast-color) !important;
  flex: 1;
  align-content: center;
  padding-top: 0.5rem;
}
.theme-caption[data-view="grip"] {
  font-size: clamp(1rem, 2vw, 1.5rem) !important;
  width: calc(100% - 200px);
  padding-left: 10px;
  padding-top: 0px !important;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .theme-caption {
    margin: 0px !important;
  }
}
.theme-description {
  text-align: right;
  max-width: 200px;
  margin: 0px !important;
  color: var(--rz-base-400) !important;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.autocomplete-value-disabled {
  opacity: var(--rz-dropdown-item-disabled-opacity);
  cursor: initial;
  pointer-events: none;
}
.autocomplete-clear-icon {
  position: absolute;
  inset-inline-end: var(--rz-dropdown-trigger-icon-width);
  inset-block-start: 0;
  height: 100% !important;
  display: flex !important;
  align-items: center;
  font-size: var(--rz-dropdown-trigger-icon-height) !important;
  opacity: 0.4;
  background: none;
  border: none;
  color: var(--rz-text-contrast-color);
}
.autocomplete-clear-icon:before {
  content: "close";
}
.autocomplete-clear-icon:hover {
  opacity: 1;
}
.search-box {
  position: relative;
  height: calc(var(--gvp-active-panel-height) - 20px) !important;
  align-self: center;
  align-content: center;
  border-radius: var(--gvp-border-radius) !important;
  background-color: var(--rz-secondary) !important;
  border: none !important;
  width: 250px;
  min-width: 150px;
  transition: var(--rz-button-transition) !important;
  -webkit-transition: var(--rz-button-transition) !important;
  -moz-transition: var(--rz-button-transition) !important;
  -ms-transition: var(--rz-button-transition) !important;
  -o-transition: var(--rz-button-transition) !important;
  -webkit-appearance: none;
  box-shadow: var(--rz-shadow-2) !important;
}
.search-box:focus-within {
  box-shadow: none !important;
  background-color: var(--rz-secondary-darker) !important;
  box-shadow: var(--rz-shadow-1) !important;
}
.search-box:hover {
  box-shadow: none;
}
.search-box input {
  /*height: initial;*/
  height: 100%;
  width: calc(100% - 40px);
  text-overflow: ellipsis;
  margin-left: 5px;
  background-color: transparent;
  border: none;
  font-size: 1em;
  line-height: 1em !important;
  color: var(--rz-text-contrast-color) !important;
}
.search-box input:focus-visible {
  outline: none;
}
.search-box + i[data-position="first"] {
  right: 55px;
  cursor: pointer;
  color: var(--rz-text-contrast-color);
}
.search-box + i[data-position="last"] {
  right: 10px;
  cursor: pointer;
  color: var(--rz-text-contrast-color);
}
.search-box ~ button {
  height: calc(var(--gvp-active-panel-height) - 20px) !important;
  line-height: var(--rz-input-line-height);
  align-self: center;
  position: absolute;
  right: 0px;
  border-radius: var(--gvp-border-radius);
  padding: 0.5rem;
  width: 50px;
  background-color: var(--rz-secondary-light) !important;
  box-shadow: var(--rz-shadow-4);
}
.search-box ~ button:hover {
  opacity: 0.85;
  box-shadow: var(--rz-shadow-3) !important;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .search-box {
    width: 100%;
    /*        + i {
            right: 15px;
            font-size: 1.5rem;
        }*/
  }
}
/*.search-box-in-filters {
    border-radius: 0px !important;
    box-shadow: none !important;
    border: var(--rz-input-border);
    font-size: var(--rz-input-font-size);
    height: 100% !important;
    width: 200px;
    position: relative;
    padding-block: 0.3rem !important;

    & input {
        font-size: 1em;
        height: 100%;
        width: calc(100% - 30px);
        text-overflow: ellipsis;
        font-family: var(--rz-text-font-family);
        border: none;
        color: var(--rz-input-value-color);
        background-color: var(--rz-input-background-color);

        &:focus-visible {
            outline: 1px solid var(--rz-primary);
            border-radius: var(--rz-border-radius);
            padding: 0.25rem;
        }
    }

    & i {
        cursor: pointer;
        right: 10px;
        top: 1px;
    }
}*/
/*@media @mobile {
    .search-box-in-filters {
        width: calc(100% - 38px);
        display: inline-flex;
        margin-bottom: 5px;

        & input {
            font-family: var(--rz-text-font-family);
        }

        + button {
            padding-inline: 0.5rem;
            height: 33px;
            right: 5px;
            position: absolute;
        }
    }
}*/
.filter-condition {
  /*    > div {
        border-radius: 0px !important;
        border: var(--rz-input-border);
        width: 200px;
        height: 100%;
        padding-block: 0.3rem;
        vertical-align: super;
    }*/
}
.filter-condition div[data-type="filter"] {
  position: relative;
  height: calc(var(--gvp-active-panel-height) - 20px) !important;
  align-self: center;
  align-content: center;
  border-radius: var(--gvp-border-radius) !important;
  background-color: var(--rz-secondary) !important;
  border: none !important;
  width: 250px;
  min-width: 150px;
  transition: var(--rz-button-transition) !important;
  -webkit-transition: var(--rz-button-transition) !important;
  -moz-transition: var(--rz-button-transition) !important;
  -ms-transition: var(--rz-button-transition) !important;
  -o-transition: var(--rz-button-transition) !important;
  -webkit-appearance: none;
  box-shadow: var(--rz-shadow-2) !important;
  width: 200px;
}
.filter-condition div[data-type="filter"]:focus-within {
  box-shadow: none !important;
  background-color: var(--rz-secondary-darker) !important;
  box-shadow: var(--rz-shadow-1) !important;
}
.filter-condition div[data-type="filter"]:hover {
  box-shadow: none;
}
.filter-condition div[data-type="filter"] input {
  /*height: initial;*/
  height: 100%;
  width: calc(100% - 40px);
  text-overflow: ellipsis;
  margin-left: 5px;
  background-color: transparent;
  border: none;
  font-size: 1em;
  line-height: 1em !important;
  color: var(--rz-text-contrast-color) !important;
}
.filter-condition div[data-type="filter"] input:focus-visible {
  outline: none;
}
.filter-condition div[data-type="filter"] + i[data-position="first"] {
  right: 55px;
  cursor: pointer;
  color: var(--rz-text-contrast-color);
}
.filter-condition div[data-type="filter"] + i[data-position="last"] {
  right: 10px;
  cursor: pointer;
  color: var(--rz-text-contrast-color);
}
.filter-condition div[data-type="filter"] ~ button {
  height: calc(var(--gvp-active-panel-height) - 20px) !important;
  line-height: var(--rz-input-line-height);
  align-self: center;
  position: absolute;
  right: 0px;
  border-radius: var(--gvp-border-radius);
  padding: 0.5rem;
  width: 50px;
  background-color: var(--rz-secondary-light) !important;
  box-shadow: var(--rz-shadow-4);
}
.filter-condition div[data-type="filter"] ~ button:hover {
  opacity: 0.85;
  box-shadow: var(--rz-shadow-3) !important;
}
.filter-condition div[data-type="filter"] span {
  margin-top: -2px;
  margin-left: 5px;
  color: var(--rz-text-contrast-color);
}
.filter-condition i {
  color: var(--rz-text-contrast-color);
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .filter-condition {
    margin-top: 5px;
    flex-direction: column !important;
  }
  .filter-condition div[data-type="filter"] {
    width: 100%;
    position: relative;
  }
}
.fulltext-stack {
  border: none;
  position: relative;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .fulltext-stack {
    margin-top: 5px;
  }
}
.after-filters-stack {
  border: none;
  position: relative;
  margin-left: 5px;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .after-filters-stack {
    margin-left: 0px;
    margin-top: 5px !important;
  }
}
.filter-panel-search-box {
  position: relative;
  display: flex;
  flex-direction: row;
  height: 100% !important;
  margin-right: 5px;
  width: 200px;
  border: var(--rz-input-border);
  border-radius: 0px !important;
  box-shadow: none !important;
}
.filter-panel-search-box > input {
  border: none;
  flex: 1;
  width: calc(100% - 30px);
  height: 100%;
}
.filter-panel-search-box > input:focus-visible {
  outline: 1px solid var(--rz-primary);
  border-radius: var(--rz-border-radius);
  padding: 0.25rem;
}
.filter-panel-search-box i {
  cursor: pointer;
  right: 50px;
}
.filter-panel-search-box button {
  border: var(--rz-input-border);
  box-sizing: border-box;
  border-radius: 0px;
  padding: 0.25rem 0.75rem;
  margin-left: 0px;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .filter-panel-search-box {
    margin-bottom: 5px;
    margin-right: 0px;
  }
  .filter-panel-search-box > input {
    height: 100%;
    font-size: 1em;
    padding-block: var(--rz-input-padding-block);
  }
  .filter-panel-search-box i {
    right: 70px;
  }
  .filter-panel-search-box button {
    padding: 0.25rem 0.75rem;
    margin-left: 5px !important;
  }
}
.filter-popup {
  position: absolute;
  display: none;
  /*    height: 250px;
    width: 500px;*/
  height: auto;
  width: 100%;
  left: 0px !important;
  padding: 10px;
  background-color: var(--rz-primary-light);
  margin-top: 5px;
}
.map-review-popup {
  position: absolute;
  display: none;
  height: auto;
  /*padding: 10px;*/
  background-color: var(--rz-primary-light);
  /*width: 40px;*/
  margin-top: 0.5rem;
  right: 0.25rem;
}
.map-review-popup ul {
  list-style: none;
  overflow: hidden;
  position: absolute;
  margin-block-start: 0;
  margin-block-end: 0;
  padding-block: var(--rz-context-menu-padding-block);
  padding-inline: var(--rz-context-menu-padding-inline);
  background-color: var(--body-background-color);
  box-shadow: var(--rz-context-menu-box-shadow);
  text-align: start;
  inset-block-start: calc(100% - 2px);
  inset-inline-end: 0;
  /*min-width: 100%;*/
  max-width: 300px;
  white-space: nowrap;
  border-radius: var(--rz-border-radius);
  margin-top: 0.25rem;
}
.map-review-popup ul li {
  box-sizing: border-box;
  list-style: none;
  text-align: start;
  white-space: nowrap;
}
.button-in-menu {
  border-radius: 0px;
  width: 100%;
  background-color: currentColor;
  display: inline-flex;
  justify-content: left;
  padding: 0px;
}
.button-in-menu-content {
  float: left;
  padding-block: 0.35rem;
  padding-inline: var(--rz-menu-item-padding-inline);
  color: var(--rz-text-color);
  transition: var(--rz-menu-item-transition);
  -webkit-transition: var(--rz-menu-item-transition);
  -moz-transition: var(--rz-menu-item-transition);
  -ms-transition: var(--rz-menu-item-transition);
  -o-transition: var(--rz-menu-item-transition);
  display: flex;
  align-items: center;
  cursor: pointer;
  text-decoration: none;
  box-sizing: border-box;
  width: 100%;
}
.button-in-menu-content:hover {
  background-color: var(--rz-secondary-lighter);
  color: var(--rz-on-primary-lighter);
}
.button-in-menu-content p {
  padding-inline: 1rem;
  margin: 0px;
  color: currentColor;
  transition: var(--rz-menu-item-transition);
  -webkit-transition: var(--rz-menu-item-transition);
  -moz-transition: var(--rz-menu-item-transition);
  -ms-transition: var(--rz-menu-item-transition);
  -o-transition: var(--rz-menu-item-transition);
  flex: auto;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 1rem;
}
/*.menu-button {
    border-radius: 0px;
    & > span {
        vertical-align: middle !important;
    }
}*/
.dialog-preview-scroll-button {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  z-index: 999;
  opacity: 0.85;
  padding: 0.2rem !important;
}
.dialog-preview-scroll-button span {
  transform: translate(7px, 0px);
}
.dialog-preview-scroll-button:hover {
  opacity: 1;
  box-shadow: var(--rz-shadow-1) !important;
}
.active-panel-button {
  height: calc(var(--gvp-active-panel-height) - 10px) !important;
  width: calc(var(--gvp-active-panel-height) - 10px) !important;
  align-self: center;
  border-radius: 50% !important;
  margin-right: 5px !important;
}
.active-panel-button:hover {
  box-shadow: var(--rz-shadow-1) !important;
}
.active-panel-zoom-button {
  height: calc(var(--gvp-active-panel-height) - 10px) !important;
  width: calc(var(--gvp-active-panel-height) - 10px) !important;
  border-radius: 50% !important;
  height: calc(var(--gvp-active-panel-height) - 20px) !important;
  width: initial !important;
  align-self: center;
  border-radius: var(--gvp-border-radius) !important;
  margin-right: 5px !important;
}
.active-panel-zoom-button:hover {
  box-shadow: var(--rz-shadow-1) !important;
}
.active-panel-zoom-button > span {
  overflow: hidden;
  width: 100%;
}
.active-panel-zoom-button > span > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .active-panel-zoom-button {
    flex: 50%;
  }
}
.active-panel-button-delete-filters {
  height: calc(var(--gvp-active-panel-height) - 10px) !important;
  width: calc(var(--gvp-active-panel-height) - 10px) !important;
  align-self: center;
  border-radius: 50% !important;
  margin-right: 5px !important;
  height: calc(var(--gvp-active-panel-height) - 20px) !important;
  width: calc(var(--gvp-active-panel-height) - 20px) !important;
}
.active-panel-button-delete-filters:hover {
  box-shadow: var(--rz-shadow-1) !important;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .active-panel-button-delete-filters {
    flex: 50%;
    border-radius: 30px !important;
    margin-right: 0px !important;
    overflow: hidden;
  }
  .active-panel-button-delete-filters > span {
    overflow: hidden;
    width: 100%;
  }
  .active-panel-button-delete-filters > span > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.active-panel-text-button {
  height: calc(var(--gvp-active-panel-height) - 10px) !important;
  width: calc(var(--gvp-active-panel-height) - 10px) !important;
  border-radius: 50% !important;
  margin-right: 5px !important;
  height: calc(var(--gvp-active-panel-height) - 15px) !important;
  width: initial !important;
  align-self: center;
  border-radius: var(--gvp-border-radius) !important;
  /*margin-right: 5px !important;*/
}
.active-panel-text-button:hover {
  box-shadow: var(--rz-shadow-1) !important;
}
.active-panel-text-button[data-variant="map"] {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  box-shadow: var(--rz-shadow-2);
  margin: 0px !important;
  border: 1px solid var(--rz-primary-lighter);
}
.active-panel-text-button[data-variant="review"] {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  box-shadow: var(--rz-shadow-2);
  margin: 0px !important;
  border: 1px solid var(--rz-primary-lighter);
}
.active-panel-text-button-active {
  height: calc(var(--gvp-active-panel-height) - 10px) !important;
  width: calc(var(--gvp-active-panel-height) - 10px) !important;
  border-radius: 50% !important;
  margin-right: 5px !important;
  height: calc(var(--gvp-active-panel-height) - 15px) !important;
  width: initial !important;
  align-self: center;
  border-radius: var(--gvp-border-radius) !important;
  /*margin-right: 5px !important;*/
}
.active-panel-text-button-active:hover {
  box-shadow: var(--rz-shadow-1) !important;
}
.active-panel-text-button-active[data-variant="map"] {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  box-shadow: var(--rz-shadow-2);
  margin: 0px !important;
  border: 1px solid var(--rz-primary-lighter);
}
.active-panel-text-button-active[data-variant="review"] {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  box-shadow: var(--rz-shadow-2);
  margin: 0px !important;
  border: 1px solid var(--rz-primary-lighter);
}
.active-panel-text-button-active:hover {
  background-image: none !important;
  box-shadow: none !important;
}
.sticky-button {
  height: calc(var(--gvp-active-panel-height) - 10px) !important;
  width: calc(var(--gvp-active-panel-height) - 10px) !important;
  align-self: center;
  border-radius: 50% !important;
  margin-right: 5px !important;
  min-height: calc(var(--gvp-active-panel-height) - 10px) !important;
  min-width: calc(var(--gvp-active-panel-height) - 10px) !important;
  margin-right: calc(0.5rem + 5px) !important;
  position: sticky;
  top: 10px;
  align-self: end;
  z-index: 9999;
}
.sticky-button:hover {
  box-shadow: var(--rz-shadow-1) !important;
}
.sticky-button:hover {
  transform: scale(1.05) !important;
  box-shadow: var(--rz-shadow-3) !important;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.map {
  height: 100%;
  width: 100%;
  border: none;
  box-sizing: border-box;
  top: 0px;
  position: absolute;
}
.map[data-state="blocked"] {
  pointer-events: none;
}
.review-table {
  padding: 0.5rem;
  border: none !important;
  width: 100%;
  height: 100% !important;
  overflow: auto !important;
  box-sizing: border-box;
  cursor: pointer;
}
.review-table table {
  table-layout: auto;
}
.review-card > ul {
  margin-bottom: 1.5rem !important;
  padding: 0px;
}
.review-card > ul > li {
  padding: 0px;
}
.review-card > ul > li > div {
  padding: 0px;
}
.review-card div[data-content="header"] {
  padding: 0.5rem;
  background-color: var(--rz-base-300);
  border-top-right-radius: var(--rz-card-border-radius);
  border-top-left-radius: var(--rz-card-border-radius);
}
.review-card div[data-content="header"] div[data-content="column"] {
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
}
.review-card div[data-content="header"] div[data-content="column"] p[data-content="text"] {
  text-align: left;
  color: var(--rz-primary);
  font-weight: 500;
  margin: 0px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.review-card div[data-content="detail"] {
  background: linear-gradient(90deg, var(--rz-base-400) 0%, var(--rz-base-300) 25%, var(--rz-base-400) 100%);
  border-top-right-radius: 0px !important;
  border-top-left-radius: 0px !important;
  box-shadow: none !important;
  padding: 0.5rem !important;
  width: 100%;
  text-align: left;
}
.review-card div[data-content="detail"] div[data-content="column"] {
  display: flex;
  flex-direction: column;
  gap: 0px;
  row-gap: 0px;
}
.review-card div[data-content="detail"] div[data-content="column"] span[data-content="label"] {
  font-weight: 400;
  color: var(--rz-base-600);
  margin: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.review-card div[data-content="detail"] div[data-content="column"] span[data-content="text"] {
  color: var(--rz-primary);
  margin: 0px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/*.review-image {
    height: 100px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    border-top-left-radius: var(--rz-card-border-radius);
}*/
/*.review-card-image-container {
    text-align: center;

    & img {
        cursor: pointer;
        width: 150px;
        height: 150px;
        border-radius: 50%;
        object-fit: cover;
        box-shadow: var(--gvp-img-box-shadow);
        transition: transform 0.5s ease;
    }

    & :hover {
        opacity: 0.85;
    }
}*/
.image-slider-div {
  display: flex;
  position: absolute;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.image-slider-div div[data-position="first"] {
  flex: 1;
}
.image-slider-div div[data-position="first"] span {
  border-top-right-radius: var(--rz-border-radius);
  border-bottom-right-radius: var(--rz-border-radius);
}
.image-slider-div div[data-position="second"] {
  flex: auto;
  margin-right: 40px;
  text-align: right;
}
.image-slider-div div[data-position="second"] span {
  border-top-left-radius: var(--rz-border-radius);
  border-bottom-left-radius: var(--rz-border-radius);
}
.slider-wrap {
  padding-block: 20px;
  padding-inline: 5px;
  cursor: pointer;
}
.slider-wrap:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
.slider-header-dialog {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: 0.5rem;
}
/*@media @tablet {
    .map-button {
        width: 100%;
        height: 30px;
    }
}

@media @tablet {
    .review-button {
        width: 100%;
        height: 30px;
    }
}*/
.appearance-button button {
  transform: translate(0px, -3px);
  -ms-transform: translate(0px, -3px);
  border-radius: 0px !important;
  height: 100%;
}
.appearance-toggle-button {
  min-height: auto !important;
  min-width: auto !important;
  padding: 0px !important;
  line-height: 0px !important;
  color: currentColor !important;
}
.appearance-toggle-button > p {
  padding: 0px !important;
  line-height: 0px !important;
}
.appearance-toggle-button:hover {
  background-color: unset !important;
}
.appearance-toggle-button-in-panel-dark {
  border-radius: 50% !important;
  background-color: var(--rz-primary-light) !important;
  color: var(--rz-on-primary-light) !important;
}
.appearance-toggle-button-in-panel-standard {
  border-radius: 50% !important;
}
/*.appearance-toggle-button[data-style="standard-dark"] {
    & > p {
        color: var(--rz-text-color);
    }
}*/
/*@media @tablet {
    .appearance-button {
        & button {
            transform: translate(0px, 2px);
            -ms-transform: translate(0px, 2px);
            width: 100%;
            //height: 30px;
        }
    }
}*/
/*@media @mobile {
    .appearance-button {
        & button {
            transform: translate(0px, 2px);
            -ms-transform: translate(0px, 2px);
        }
    }
}*/
.detail-page-img {
  margin-inline: 0px !important;
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
  cursor: pointer;
  padding: 0px !important;
  border: none !important;
  /*transition: transform 0.5s ease;
    -webkit-transition: transform 0.5s ease;
    -moz-transition: transform 0.5s ease;
    -ms-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;*/
  /*&:hover {
        opacity: 0.85;
    }*/
}
.img-dialog-enlarged .slider-header-dialog {
  height: 50px;
  max-height: 50px;
}
.img-dialog-enlarged button {
  border-radius: 50%;
  opacity: 0.7;
}
.img-dialog-enlarged ul {
  height: calc(100vh - 100px - (var(--rz-dialog-content-padding) * 2)) !important;
}
.img-dialog-enlarged .rzi-times {
  vertical-align: middle !important;
  cursor: pointer;
}
.img-dialog-enlarged rz-carousel-pager .rz-carousel-pager-bottom {
  height: 50px;
  max-height: 50px;
}
.rz-badge {
  font-size: 0.65rem !important;
}
.rz-splitter-pane {
  overflow: scroll;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  /*    .rz-breadcrumb-item {
        > a > span > span {
            font-size: 0.85rem !important;
        }
    }*/
  .rz-dropdown-items li {
    font-size: 0.85rem !important;
    padding: 0.25rem 0.5rem !important;
  }
  /*    .rz-autocomplete-list-item {
        > span {
            font-size: 0.85rem !important;
        }
    }*/
}
.not-found {
  font-family: var(--rz-font);
}
.skeleton {
  animation: skeleton-loading 1s linear infinite alternate;
}
.detail-row-grid {
  margin-bottom: 8px;
  width: 100%;
}
.detail-row-grid div {
  text-align: justify;
}
.detail-row-grid p {
  color: var(--detail-text-color);
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .detail-row-grid {
    row-gap: 0px !important;
  }
}
.dialog-detail-preview {
  width: var(--gvp-dialog-width) !important;
}
.dialog-detail-preview .rz-dialog-content {
  padding: 0px;
  overflow: hidden;
}
.dialog-detail-preview div[data-content="title"] {
  display: block !important;
  border-bottom-left-radius: 0px;
  margin: 0px;
  border-bottom-right-radius: 0px;
  border: none;
  width: 100%;
}
.dialog-detail-preview div[data-content="title"][data-order="master"] {
  background-color: var(--rz-secondary-light);
}
.dialog-detail-preview div[data-content="title"][data-order="detail"] {
  background-color: var(--rz-secondary-lighter);
}
.dialog-detail-preview div[data-content="body"] {
  overflow: auto;
  position: relative;
  padding: 0.5rem;
  margin: 0px;
  display: flex;
  flex-direction: column;
}
.dialog-detail-preview div[data-content="buttons"] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-block: 0.5rem;
  padding-inline: 0px;
  border: none;
  margin: 0px 1rem 0.5rem 1rem;
}
.dialog-detail-preview .rzi-times {
  color: rgba(255, 255, 255, 0.6) !important;
}
.dialog-detail-preview .rzi-times:hover {
  color: var(--rz-text-contrast-color) !important;
}
.dialog-detail-preview-floating {
  max-height: calc(var(--gvp-dialog-width) * 2.5) !important;
  left: 10px;
  width: var(--gvp-dialog-width) !important;
}
.dialog-detail-preview-floating .rz-dialog-content {
  padding: 0px;
  overflow: hidden;
}
.dialog-detail-preview-floating div[data-content="title"] {
  display: block !important;
  border-bottom-left-radius: 0px;
  margin: 0px;
  border-bottom-right-radius: 0px;
  border: none;
  width: 100%;
}
.dialog-detail-preview-floating div[data-content="title"][data-order="master"] {
  background-color: var(--rz-secondary-light);
}
.dialog-detail-preview-floating div[data-content="title"][data-order="detail"] {
  background-color: var(--rz-secondary-lighter);
}
.dialog-detail-preview-floating div[data-content="body"] {
  overflow: auto;
  position: relative;
  padding: 0.5rem;
  margin: 0px;
  display: flex;
  flex-direction: column;
}
.dialog-detail-preview-floating div[data-content="buttons"] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-block: 0.5rem;
  padding-inline: 0px;
  border: none;
  margin: 0px 1rem 0.5rem 1rem;
}
.dialog-detail-preview-floating .rzi-times {
  color: rgba(255, 255, 255, 0.6) !important;
}
.dialog-detail-preview-floating .rzi-times:hover {
  color: var(--rz-text-contrast-color) !important;
}
.dialog-detail-preview-aside {
  max-height: 100% !important;
  width: var(--gvp-dialog-width) !important;
}
.dialog-detail-preview-aside .rz-dialog-content {
  padding: 0px;
  overflow: hidden;
}
.dialog-detail-preview-aside div[data-content="title"] {
  display: block !important;
  border-bottom-left-radius: 0px;
  margin: 0px;
  border-bottom-right-radius: 0px;
  border: none;
  width: 100%;
}
.dialog-detail-preview-aside div[data-content="title"][data-order="master"] {
  background-color: var(--rz-secondary-light);
}
.dialog-detail-preview-aside div[data-content="title"][data-order="detail"] {
  background-color: var(--rz-secondary-lighter);
}
.dialog-detail-preview-aside div[data-content="body"] {
  overflow: auto;
  position: relative;
  padding: 0.5rem;
  margin: 0px;
  display: flex;
  flex-direction: column;
}
.dialog-detail-preview-aside div[data-content="buttons"] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-block: 0.5rem;
  padding-inline: 0px;
  border: none;
  margin: 0px 1rem 0.5rem 1rem;
}
.dialog-detail-preview-aside .rzi-times {
  color: rgba(255, 255, 255, 0.6) !important;
}
.dialog-detail-preview-aside .rzi-times:hover {
  color: var(--rz-text-contrast-color) !important;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .dialog-detail-preview-floating {
    left: 0px !important;
  }
  .dialog-detail-preview-floating div[data-content="title"] {
    border-radius: 0px !important;
  }
}
.detail-preview {
  margin-bottom: 8px;
  width: 100%;
  padding: 0px !important;
  border: none !important;
}
.detail-preview div {
  text-align: justify;
}
.detail-preview p {
  color: var(--detail-text-color);
}
.detail-preview div[data-content="img"] {
  align-content: center;
  /*&[data-order="detail"] {
            background-color: var(--rz-secondary-lighter);
        }*/
}
.detail-preview img {
  width: 100%;
  max-height: 150px;
  object-fit: cover;
  margin: 0;
  border-top-left-radius: var(--rz-card-border-radius);
  border-top-right-radius: var(--rz-card-border-radius);
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  -webkit-transition: transform 0.5s ease;
}
.detail-preview img[data-clickable="true"]:hover {
  opacity: 0.85;
}
.detail-preview div[data-content="text"] .rz-card {
  background-color: var(--body-background-color) !important;
  max-height: 300px;
  overflow-y: auto;
}
.detail-datalist {
  background-color: var(--rz-secondary-lighter) !important;
  margin-bottom: 0px !important;
  margin-top: 0.5rem;
  border-bottom: 0px !important;
  border-top-left-radius: var(--rz-card-border-radius);
  border-top-right-radius: var(--rz-card-border-radius);
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.detail-datalist-on-detail-page {
  padding: 0px;
  width: 100%;
}
.detail-datalist-on-detail-page .rz-g {
  flex-direction: column;
}
.detail-datalist-on-detail-page div[data-content="header"] {
  display: flex;
  flex-direction: column;
  border: none;
  margin: 0px;
  padding: 0px;
  width: 100%;
}
.detail-datalist-on-detail-page div[data-content="header"] div[data-content="title"] {
  padding: 0.5rem !important;
  border-top-left-radius: var(--rz-card-border-radius);
  border-top-right-radius: var(--rz-card-border-radius);
  background-color: var(--rz-secondary-light);
}
.detail-datalist-on-detail-page .carousel-wrapper {
  width: var(--gvp-carousel-width);
  height: var(--gvp-carousel-height);
}
.detail-datalist-on-detail-page .carousel-wrapper > section {
  margin-block: 1rem;
}
.detail-datalist-on-detail-page .detail-row-grid {
  margin: 0px;
  padding-block: 0px;
  border: none;
  position: relative;
  border-radius: 0px;
}
.detail-datalist-on-detail-page .detail-row-grid.first {
  padding-top: 1rem;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .carousel-column {
    justify-items: center;
  }
  .carousel-wrapper {
    width: 100%;
  }
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .detail-preview div[data-content="img"] {
    text-align: center;
  }
  .detail-preview img {
    transform: none;
  }
}
.detail-preview-card {
  padding: 0.5rem !important;
  height: 100%;
}
.detail-preview-card[data-order="detail"] {
  background-color: var(--rz-base-100) !important;
}
.detail-preview-card > div:not(:first-child) {
  margin-top: 10px;
}
.carousel {
  object-fit: contain;
}
.carousel ul {
  width: 100%;
}
.carousel ul li {
  height: 100%;
  align-self: center;
  object-fit: contain;
}
.carousel button {
  border-radius: 50%;
  opacity: 0.7;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .carousel {
    max-width: initial;
  }
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .about-dialog {
    padding-top: 1rem;
  }
  .about-dialog .rz-dialog-titlebar {
    padding-inline: 1rem !important;
  }
}
.about-footer {
  width: 100%;
}
.about-footer div[data-content="version"] {
  height: 35px;
  position: relative;
}
.about-footer div[data-content="version"] span {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0px !important;
  white-space: nowrap;
}
.about-footer div[data-content="logo"] {
  height: 35px;
}
.about-footer div[data-content="logo"] svg {
  transition: transform 0.5s ease;
  -webkit-transition: transform 0.5s ease;
  -moz-transition: transform 0.5s ease;
  -ms-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  width: 35px;
  height: 35px;
  opacity: 0.5;
  color: var(--rz-text-color);
}
.about-footer div[data-content="logo"] svg:hover {
  opacity: 0.75;
}
.gvp-logo {
  transition: transform 0.5s ease;
  -webkit-transition: transform 0.5s ease;
  -moz-transition: transform 0.5s ease;
  -ms-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  /*    & div {
        position: absolute;
        right: 15px;
        bottom: 15px;*/
  /*}*/
}
.gvp-logo svg {
  width: 35px;
  height: 35px;
  opacity: 0.5;
  color: var(--rz-text-color);
}
.gvp-logo svg:hover {
  opacity: 0.75;
}
.dialog-enlarged {
  width: 100% !important;
  inset-block-start: 0px !important;
  border-radius: 0 !important;
  top: 0px !important;
  left: 0px !important;
}
.dialog-enlarged .rz-g {
  flex-direction: column;
}
.dialog-enlarged .rz-g > div {
  margin-inline: 0px !important;
  width: 100%;
}
.dialog-enlarged div[data-content="title"] {
  border-radius: 0px;
}
.dialog-enlarged div[data-content="title"] > div {
  flex: auto;
}
.dialog-enlarged .detail-preview[data-order="detail"] {
  padding-inline: 1rem !important;
  background-color: transparent;
}
.dialog-enlarged .rz-dialog-titlebar-enlarge span:before {
  content: "fullscreen_exit";
}
.dialog-enlarged img {
  height: calc(var(--gvp-dialog-width) / 2) !important;
  max-height: 250px !important;
  width: var(--gvp-dialog-width) !important;
  border-radius: var(--rz-card-border-radius);
}
.dialog-enlarged div[data-content="img"] {
  padding-bottom: 0rem;
  max-width: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
  flex-basis: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
}
.dialog-enlarged div[data-content="text"] {
  max-width: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
  flex-basis: calc(6 * (100% - 11 * var(--rz-gap)) / 12 + 5 * var(--rz-gap));
}
.dialog-enlarged div[data-content="buttons"] {
  justify-content: space-between;
  flex-direction: row !important;
  width: 100%;
  padding-inline: 0.5rem;
  /*gap: var(--rz-gap);*/
  margin: 0px;
}
.dialog-enlarged div[data-content="buttons"] button {
  flex: 1;
}
.dialog-enlarged .data-list-pager {
  margin: 0px !important;
}
.screen-loading {
  position: fixed;
  z-index: var(--rz-dialog-mask-zindex);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: auto;
  cursor: wait;
  /*background-color: var(--body-background-color);*/
}
.screen-loading svg {
  position: absolute;
  bottom: 50%;
  right: 50%;
  transform-origin: center center;
  height: 50px;
  width: 50px;
  animation: 1s pulse infinite;
}
.data-list-pager {
  justify-content: space-between !important;
  margin: -1rem 1rem 0.5rem 1rem !important;
  padding: 0px !important;
  padding-inline: 1rem !important;
}
.data-list-pager span {
  margin-left: auto !important;
}
.data-list-pager span + a {
  margin-left: auto !important;
}
.data-list-pager[data-order="master"] > .rz-pager-pages > .rz-state-active {
  background-color: var(--rz-secondary-light) !important;
}
.data-list-pager[data-order="detail"] {
  background-color: var(--rz-secondary-lighter);
  width: 100%;
  margin: 0px !important;
  padding-block: 0.5rem !important;
  border-bottom-left-radius: var(--rz-datalist-border-radius);
  border-bottom-right-radius: var(--rz-datalist-border-radius);
}
.data-list-pager[data-order="detail"] > .rz-pager-pages > .rz-state-active {
  background-color: var(--rz-secondary-lighter) !important;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .data-list-pager span {
    margin-left: initial !important;
    justify-self: center;
  }
  .data-list-pager span + a {
    margin-left: initial !important;
  }
}
.review-img {
  width: var(--gvp-review-img-size);
  height: var(--gvp-review-img-size);
  border-radius: var(--gvp-border-radius-small);
  object-fit: cover;
  transition: transform 0.5s ease;
  -webkit-transition: transform 0.5s ease;
  -moz-transition: transform 0.5s ease;
  -ms-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  box-shadow: var(--rz-shadow-1);
}
.review-no-image {
  width: var(--gvp-review-img-size);
  height: var(--gvp-review-img-size);
  border-radius: var(--gvp-border-radius-small);
  object-fit: cover;
  transition: transform 0.5s ease;
  -webkit-transition: transform 0.5s ease;
  -moz-transition: transform 0.5s ease;
  -ms-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  box-shadow: var(--rz-shadow-1);
  background: var(--rz-base-200) !important;
  position: relative;
  margin-block: 1px;
}
.review-no-image svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--rz-base-500);
}
.not-found-detail-dialog .rz-dialog-titlebar {
  background-color: var(--rz-danger-lighter);
}
.not-found-detail-dialog .rz-dialog-titlebar .rz-dialog-title {
  color: var(--rz-danger-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.5rem;
}
.not-found-detail-dialog .rz-dialog-alert-message {
  margin-top: 1rem;
  margin-block-end: 0rem;
}
.not-found-detail-dialog .rz-button {
  margin-top: 1rem;
  background-color: var(--rz-danger-dark) !important;
  color: var(--rz-on-danger-dark) !important;
}
.not-found-detail-dialog .rz-button:focus-visible {
  outline: 2px solid var(--rz-danger-light) !important;
  outline-offset: var(--rz-button-focus-outline-offset) !important;
}
.new-page-button:hover svg {
  color: var(--detail-span-color) !important;
}
/*Key frames */
@keyframes skeleton-loading {
  0% {
    background-color: var(--rz-base-100);
  }
  100% {
    background-color: var(--rz-base-400);
  }
}
@keyframes pulse {
  0%,
  100% {
    transform: scale(1) translateX(25px) translateY(25px);
    opacity: 0.55;
  }
  50% {
    transform: scale(1.05) translateX(25px) translateY(25px);
    opacity: 1;
  }
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  background-color: initial !important;
}
.conn-banner {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99999;
  background: var(--rz-danger-darker);
  opacity: 0.85;
  color: white;
  padding: 10px 16px;
  text-align: center;
  font-weight: 600;
}
.hidden {
  display: none;
}