.tippy-box[data-theme~='reservation'] {
  background-color: rgb(255 255 255 / 100%);
  border-radius: 0.8rem;
  box-shadow: rgb(0 0 0 / 10%) 0px 4px 6px -1px, rgb(0 0 0 / 6%) 0px 2px 4px -1px;
  margin-top: -1rem;
  color: #486684;
  min-width: 28rem;
}

.tippy-box[data-theme~='roomsearch'] {
  background-color: #edf2f3;
  border-radius: 1rem;
  margin-top: 0.2rem;
  color: var(--softtec-medium-blue1);
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.35);
}

  .tippy-box[data-theme~='roomsearch'] .form-control:focus {
    border-color: inherit !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: none !important;
    color: var(--softtec-dark-blue);
  }

.tippy-box[data-theme~='dropdown'] {
  background-color: white;
  border-radius: .8rem;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  margin-top: .2rem;
  overflow: auto;
  max-height: 190px;
}

.tippy-box[data-theme~='widget-popup'],
.tippy-box[data-theme~='widget'] {
  background-color: #4c6e8e;
  border-radius: .6rem;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  color: white;
  max-height: 300px;
}

.white-popup > div .ant-tooltip-inner {
  background-color: var(--softtec-white);
  border-radius: .8rem;
  color: var(--softtec-medium-blue1);
  padding: 1rem !important;
  display: flex;
  gap: .5rem;
  min-width: 10rem;
  justify-content: center;
}

.white-popup .ant-tooltip-arrow-content::before {
  background: var(--softtec-white);
}

.widget-card .card-header {
  min-height: fit-content;
}

.card .card-header .icon-close {
  font-size: 2.5rem !important;
  margin-left: auto;
  color: var(--softtec-medium-blue1);
}

  .card .card-header .icon-close:hover {
    color: var(--softtec-dark-blue);
  }

.tippy-box[data-theme~='pms'] {
  max-width: 40rem !important;
}

.tippy-box[data-theme~='package-info-popup'],
.tippy-box[data-theme~='pms'],
.tippy-box[data-theme~='info-blue'],
.tippy-box[data-theme~='roomInfoTootip-popup'] {
  background-color: var(--softtec-medium-blue1);
  font-size: 1.25rem;
  border-radius: .8rem;
  color: var(--softtec-white);
}

.tippy-box[data-theme~='info-white'] {
  background-color: var(--softtec-white);
  color: var(--softtec-medium-blue1);
}

.tippy-box[data-theme~='info-white'],
.tippy-box[data-theme~='info-blue'] {
  max-width: 40rem !important;
  text-align: center;
  padding: 0;
  font-size: 1.2rem;
  line-height: 1.6rem;
}

  .tippy-box[data-theme~='info-blue'] .tippy-content > div {
    display: flex;
    gap: 1rem;
    align-items: center;
    width: 100%;
    flex-direction: column
  }

.tippy-box[data-theme~='package-info-popup'] > .tippy-svg-arrow svg,
.tippy-box[data-theme~='settings'] > .tippy-svg-arrow svg,
.tippy-box[data-theme~='pms'] > .tippy-svg-arrow svg,
.tippy-box[data-theme~='roomInfoTootip-popup'] > .tippy-svg-arrow svg {
  fill: var(--softtec-medium-blue1) !important;
}

.tippy-box[data-theme~='room-options-popup'],
.tippy-box[data-theme~='popup'], .tippy-box[data-theme~='infoTootip-popup'] {
  border-radius: .8rem;
  background-color: white !important;
  border: 1px solid #dee2e6;
  box-shadow: 0 0 2px 2px #f2f5f7;
}

  .tippy-box[data-theme~='room-options-popup'] > .tippy-svg-arrow svg
  .tippy-box[data-theme~='popup'] > .tippy-svg-arrow svg {
    fill: #4c6e8e;
  }

  .tippy-box[data-theme~='room-options-popup'] .tippy-content,
  .tippy-box[data-theme~='grid-preferences-popup'] .tippy-content,
  .tippy-box[data-theme~='popup'] .tippy-content, .tippy-box[data-theme~='popup'] .tippy-content > div > p {
    color: #4c6e8e;
  }

    .tippy-box[data-theme~='room-options-popup'] .tippy-content > div {
      overflow: auto;
      max-height: 32rem;
      padding-right: .5rem;
    }

.tippy-box[data-theme~='grid-preferences-popup'] {
  border-radius: .8rem;
  background-color: var(--softtec-white) !important;
  border: 1px solid #dee2e6;
  box-shadow: 0 0 2px 2px var(--softtec-light-blue2);
}

  .tippy-box[data-theme~='info-white'] > .tippy-svg-arrow svg,
  .tippy-box[data-theme~='assign-rooms-descriptions'] > .tippy-svg-arrow svg,
  .tippy-box[data-theme~='grid-preferences-popup'] > .tippy-svg-arrow svg {
    fill: var(--softtec-white);
  }

.tippy-box[data-theme~='room-status-popup'], .tippy-box[data-theme~='room-info-popup'] {
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
  gap: .5rem;
  display: flex;
  flex-direction: column;
  height: fit-content;
  background-color: white !important;
  border-radius: .8rem;
  color: #4c6e8e;
  width: 185px;
}

.tippy-box[data-theme~='infoTootip-popup'], .tippy-box[data-theme~='roomInfoTootip-popup'] {
  max-width: 53.3rem !important;
}


.tippy-box[data-theme~='room-info-popup'] {
  width: 450px;
}

  .tippy-box[data-theme~='room-status-popup'] .room-status-List, .tippy-box[data-theme~='room-info-popup'] .room-infos {
    gap: 0.5rem;
    display: flex;
    flex-direction: column;
  }

    .tippy-box[data-theme~='room-status-popup'] .room-status-List p,
    .tippy-box[data-theme~='room-info-popup'] .room-infos p:first-child {
      padding: 0 1rem .5rem 1rem;
      margin-bottom: .5rem;
      border-bottom: 1px solid #f2f5f7;
    }

    .tippy-box[data-theme~='room-info-popup'] .room-infos p:first-child {
      font-weight: 700;
      text-align: center;
    }

    .tippy-box[data-theme~='room-info-popup'] .room-infos p {
      padding: 0 1rem 0 1rem;
      margin-bottom: 0;
    }

.tippy-box[data-theme~='room-status-popup'] .room-status-List-item {
  padding: .5rem 1rem;
  display: flex;
  justify-content: space-between;
}

  .tippy-box[data-theme~='room-status-popup'] .room-status-List-item:hover, .room-status-List-item.selected {
    cursor: pointer;
    background-color: #f2f5f7;
    border-radius: 2.5rem;
  }

    .tippy-box[data-theme~='room-status-popup'] .room-status-List-item.selected::after, .room-status-List-item.selected:after {
      content: '\2714';
      font-family: FontAwesome;
      color: #4c6e8e !important;
    }

.tippy-box[data-theme~='tag-softtec'] {
  background-color: white !important;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  border-radius: 0 0 .8rem .8rem;
  width: 100%;
  margin-top: .2rem;
}

.tippy-box[data-theme~='menu'] {
  background-color: white !important;
  margin-top: -1.5rem;
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
  border-radius: 8px;
}

.tippy-box[data-theme~='contactpicker'] {
  background-color: white !important;
  border: 1px solid #dee2e6;
  box-shadow: 0 0 2px 2px #f2f5f7;
  max-width: unset;
  width: 500px;
}

  .tippy-box[data-theme~='contactpicker'] .blazored-typeahead__input-mask-wrapper {
    position: relative !important;
  }

.tippy-content h5, .tippy-content .st-checkbox {
  margin: 1rem;
  color: #00305e;
}

.tippy-box[data-theme~='grid-preferences-popup'] .tippy-content .st-checkbox {
  margin: 0;
  color: var(--softtec-medium-blue2);
  height: fit-content !important;
}

.tippy-content .st-label {
  width: 100%;
}

  .tippy-content .st-label:hover {
    cursor: pointer;
    font-weight: bold;
  }

.tippy-content {
  padding: 1rem !important;
}

.tippy-box[data-theme~='room-options-popup'] .tippy-content {
  padding-right: .5rem !important;
}

.tippy-box[data-theme~='reservation'] .tippy-content {
  padding: 0 0 1.5rem 0 !important;
  position: relative
}

  .tippy-box[data-theme~='reservation'] .tippy-content > div,
  .tippy-box[data-theme~='reservation'] .tippy-content > div > div,
  .tippy-box[data-theme~='reservation'] .tippy-content > div > div.guests > div:first-child {
    display: flex;
    gap: 1rem;
    align-items: center;
    width: 100%;
  }

    .tippy-box[data-theme~='reservation'] .tippy-content > div > div.guests {
      align-items: start;
    }

    .tippy-box[data-theme~='reservation'] .tippy-content > div > div > span {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
    }

    .tippy-box[data-theme~='reservation'] .tippy-content > div > div:not(.status) {
      padding: 0 1.5rem;
    }

  .tippy-box[data-theme~='reservation'] .tippy-content > div {
    flex-direction: column;
    align-items: start;
  }

  .tippy-box[data-theme~='reservation'] .tippy-content div.status {
    justify-content: space-between;
    padding: .4rem 1rem .4rem 1.5rem;
    border-radius: .8rem;
    border-radius: .8rem;
    font-weight: bold;
    background-color: var(--softtec-field-border-color) !important;
  }

  .tippy-box[data-theme~='reservation'] .tippy-content > div > div.status img {
    -webkit-filter: brightness(0) saturate(100%) invert(44%) sepia(8%) saturate(2263%) hue-rotate(168deg) brightness(88%) contrast(85%);
    filter: brightness(0) saturate(100%) invert(44%) sepia(8%) saturate(2263%) hue-rotate(168deg) brightness(88%) contrast(85%);
    height: 2.5rem !important;
    width: 2.5rem !important;
  }

  .tippy-box[data-theme~='reservation'] .tippy-content > div > div.info img {
    padding: .4rem 0;
  }

  .tippy-box[data-theme~='reservation'] .tippy-content > div > div.guests img {
    height: fit-content !important;
  }

  .tippy-box[data-theme~='reservation'] .tippy-content > div > div:not(.source-code) img {
    height: 2rem;
    width: 2rem;
  }

  .tippy-box[data-theme~='reservation'] .tippy-content > div > div.source-code > img {
    height: 2.8rem;
    max-width: 6rem;
  }

  .tippy-box[data-theme~='reservation'] .tippy-content > div > div.source-code {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    padding: 0;
    width: fit-content;
  }

.tippy-box[data-theme~='info-white'] .tippy-content,
.tippy-box[data-theme~='info-blue'] .tippy-content {
  padding: .5rem !important;
}

.tippy-box[data-theme~='grid-preferences-popup'] .tippy-content {
  padding: 2rem !important;
}

  .tippy-box[data-theme~='grid-preferences-popup'] .tippy-content > div {
    display: flex;
    gap: 2rem;
    flex-direction: column;
    max-height: 73vh;
    overflow: auto;
  }

.tippy-box[data-theme~='settings'] .tippy-content {
  padding: 1rem 0 !important;
}

.tippy-box[data-theme~='widget'] .tippy-content {
  padding: .6rem !important;
}

.tippy-box[data-theme~='widget'] > .tippy-svg-arrow svg {
  right: 1px;
}

.tippy-box[data-theme~='dropdown'] .tippy-content {
  padding-right: 0.5rem !important;
}

.tippy-content button:not(.btn-list):hover {
  color: #fff;
}

.tippy-box[data-theme~='popup-no-border'] {
  background-color: white !important;
  color: #4c6e8e !important;
  box-shadow: 0 0 2px 2px #f2f5f7;
  border-radius: .8rem;
}

  .tippy-box[data-theme~='popup-no-border'] .tippy-content .guests-infos-popup {
    display: grid;
    gap: 1rem;
  }

    .tippy-box[data-theme~='popup-no-border'] .tippy-content .guests-infos-popup > div:nth-child(-n+4) {
      display: none !important;
    }

.tippy-box > .tippy-svg-arrow svg {
  fill: #4c6e8e;
}

body:has(.page) .tippy-box[data-theme~='category-info-popup'] {
  max-width: calc(100vw - 61.9rem) !important;
}

body:has(.page.nav-minimized) .tippy-box[data-theme~='category-info-popup'],
body:has(.page.widgetbar-minimized) .tippy-box[data-theme~='category-info-popup'] {
  max-width: calc(100vw - 42.9rem) !important;
}

body:has(.page.nav-minimized.widgetbar-minimized) .tippy-box[data-theme~='category-info-popup'] {
  max-width: calc(100vw - 24rem) !important;
}

body:has(.page.nav-minimized) .tippy-box[data-theme~='category-info-popup'] {
  transform: translateX(10.5rem);
}

.tippy-box[data-theme~='category-info-popup'] .tippy-content {
  background-color: var(--softtec-medium-blue1);
  border-radius: .8rem;
  color: white;
  padding: 1.5rem !important;
  display: flex;
  gap: .5rem;
  min-width: 25rem;
  max-height: 50rem;
  width: inherit;
}

  .tippy-box[data-theme~='category-info-popup'] .tippy-content > div {
    overflow: auto;
    display: flex;
    gap: .5rem;
    width: 100%;
  }

  .tippy-box[data-theme~='category-info-popup'] .tippy-content > div {
    overflow: auto;
    display: flex;
    gap: .5rem;
    width: 100%;
  }

.tippy-box[data-theme~='pms'] .tooltip-row-wrapper table tr td:nth-child(2) {
  text-align: right;
  padding-left: 1rem;
  vertical-align: baseline;
}

.tippy-box[data-theme~='category-info-popup'] .tippy-content > div > div {
  overflow: auto;
  padding-right: .5rem;
}

.tippy-box[data-theme~='category-info-popup'] .picTxtbox {
  width: 19.5rem;
  min-height: 12rem !important;
  height: 12rem !important;
}

.tippy-box[data-theme~='package-info-popup'] .tippy-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.5rem !important;
}

.tippy-box[data-theme~='pms'] .tooltip-row-wrapper table tr.border-top td {
  padding-top: .5rem;
}

.tippy-box[data-theme~='assign-rooms-descriptions'] .tippy-content {
  background-color: white !important;
  color: #00305e !important;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  padding: 1.5rem !important;
  border-radius: .8rem;
  width: 50rem;
}

/*#region offermanager iframe tooltips*/
.tippy-box[data-theme~='room-occupancy-child-popup'] {
  background-color: #555555;
  border-radius: .8rem;
  color: var(--softtec-white);
  max-width: fit-content !important;
}

  .tippy-box[data-theme~='room-occupancy-child-popup'] .tippy-content {
    padding: 1rem !important;
    margin-top: -5px;
  }

    .tippy-box[data-theme~='room-occupancy-child-popup'] .tippy-content > div {
      display: flex;
      flex-direction: column;
    }

      .tippy-box[data-theme~='room-occupancy-child-popup'] .tippy-content > div > div {
        color: var(--softtec-white);
        cursor: pointer;
        padding: 1rem 0;
      }

        .tippy-box[data-theme~='room-occupancy-child-popup'] .tippy-content > div > div:hover {
          font-weight: bold;
        }

      .tippy-box[data-theme~='room-occupancy-child-popup'] .tippy-content > div > hr {
        background-color: var(--softtec-white);
        margin: 0;
      }

.widget-popup-modal .ant-tooltip-content {
  width: 100%;
}

.widget-popup-modal .ant-tooltip-inner {
  background-color: var(--softtec-white);
  border-radius: 8px;
  color: var(--softtec-medium-blue1);
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.35);
  width: 100%;
  padding: 0;
  margin-top: -6.5rem;
}

.widget-popup-modal.offer-manager .ant-tooltip-inner {
  margin-top: 23rem;
}

.widget-popup-modal.widget-1 .ant-tooltip-inner {
  margin-top: 24rem;
}

.widget-popup-modal.widget-14 .ant-tooltip-inner {
  margin-top: -6rem;
}

.widget-popup-modal.widget-22 .ant-tooltip-inner {
  margin-top: -6rem;
}

.widget-popup-modal.widget-2 .ant-tooltip-inner,
.widget-popup-modal.widget-4 .ant-tooltip-inner,
.widget-popup-modal.widget-13 .ant-tooltip-inner,
.widget-popup-modal.widget-3 .ant-tooltip-inner {
  margin-top: 18rem;
}


.widget-popup-modal.widget-5 .ant-tooltip-inner,
.widget-popup-modal.widget-6 .ant-tooltip-inner,
.widget-popup-modal.widget-8 .ant-tooltip-inner,
.widget-popup-modal.widget-7 .ant-tooltip-inner {
  margin-top: 8rem;
}

.widget-popup-modal .ant-tooltip-arrow-content::before {
  background: white !important;
}

.widget-popup-modal .tippy-content {
  padding: 0 !important;
}

.tippy-box[data-theme~='room-occupancy-child-popup'] .tippy-content > div > div:first-child {
  padding-top: 0;
}

.tippy-box[data-theme~='room-occupancy-child-popup'] .tippy-content > div > div:last-of-type {
  padding-bottom: 0;
}

.tippy-box[data-theme~='room-occupancy-child-popup'] .tippy-content > div > hr:last-child {
  display: none;
}

tippy-box[data-theme~='package-info-popup'] .tippy-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.5rem !important;
}

.tippy-box[data-theme~='package-info-popup'] .package-images {
  width: 100%;
  border-radius: 1rem;
  min-width: 32rem;
  background-color: var(--softtec-light-blue2);
}

.tippy-box[data-theme~='package-info-popup'] .tippy-content .package-images .carousel img,
.tippy-box[data-theme~='package-info-popup'] .tippy-content .package-images .carousel .carousel-inner,
.tippy-box[data-theme~='package-info-popup'] .tippy-content .package-images .carousel {
  border-radius: .8rem;
}

  .tippy-box[data-theme~='package-info-popup'] .tippy-content .package-images .carousel img {
    object-fit: fill;
    opacity: 0.85;
  }
/*#endregion*/
/*-------------------------------------------------------------*/
/*InfoBox*/
.info-box[data-theme~='InfoBox'] {
  color: white;
  background-color: #4c6e8e;
  border-radius: 8px;
  padding: 2rem;
  height: 100%;
}

.info-box[data-theme~='pms-cashjournal'] {
  color: white;
  background-color: #4c6e8e;
  border-radius: 8px;
  padding: 2rem;
  height: 100%;
}

  .info-box[data-theme~='pms-cashjournal'] .grid-container-1 {
    gap: 0 !important;
  }

  .info-box[data-theme~='pms-cashjournal'] p {
    font-size: x-large !important;
    font-weight: bold;
  }

.info-box label {
  font-weight: bold;
}

.info-box[data-theme~='pms-cashjournal'] img, .info-box[data-theme~='pms-cashjournal'] img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(s1);
  height: 25px !important;
}

.info-box[data-theme~='room-info'] .grid-container-1 {
  gap: 0 !important;
}

/*---------------------------------------------------*/