/* RiboNextTour 1.0.0 - frontend-only, all selectors scoped. */
.rnt-wrap {
  --rnt-text: #101f36;
  --rnt-muted: #4d5c71;
  --rnt-line: #e5eaf0;
  --rnt-positive: #44aa30;
  --rnt-negative: #ff2941;
  --rnt-neutral: #f5a000;
  color: var(--rnt-text);
  font-family: inherit;
  width: 100%;
  max-width: 100%;
}
/*.rnt-wrap *, .rnt-wrap *::before, .rnt-wrap *::after { box-sizing: border-box; }*/
.rnt-wrap .rnt-sr-only {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  clip-path: inset(50%);
  padding: 0;
  border: 0;
}
.rnt-wrap .rnt-table {
  font-family: "IBM Plex Sans";
  width: 100%;
  max-width: 100%;
  margin: 0;
  border: 1px solid #eaf0f4;
  border-radius: 12px;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  color: var(--rnt-text);
  background: #fff;
  overflow: hidden;
  box-shadow: 0 5px 24px rgba(15, 39, 67, 0.035);

}
.rnt-wrap .rnt-col-image {
  width: 17%;
}
.rnt-wrap .rnt-col-code {
  width: 9%;
}
.rnt-wrap .rnt-col-tour {
  width: 29%;
}
.rnt-wrap .rnt-col-date {
  width: 17%;
}
.rnt-wrap .rnt-col-status {
  width: 24%;
}
.rnt-wrap .rnt-col-link {
  width: 4%;
}
.rnt-wrap .rnt-table thead {
  background: #008cc1;
}
.rnt-wrap .rnt-table thead th {
  text-align: left;
  padding: 13px 12px;
  border: 0;
  color: #ffffff;
  font-family: Heebo;
}
.rnt-wrap .rnt-table thead th:first-child {
  padding-left: 16px;
}
.rnt-wrap .rnt-table tbody tr {
  background: #fff;
}
.rnt-wrap .rnt-table tbody td {
  vertical-align: middle;
  padding: 9px 12px;
  border: 0;
  border-bottom: 1px solid var(--rnt-line);
  font-size: 14px;
  line-height: 1.35;
}
.rnt-wrap .rnt-table tbody tr:last-child td {
  border-bottom: 0;
}
.rnt-wrap .rnt-table tbody td:first-child {
  padding-left: 16px;
}
.rnt-wrap .rnt-td-code {
  color: #25344b;
  font-weight: 500;
}
.rnt-wrap .rnt-tour-name {
  display: block;
  color: #101827;
  text-decoration: none;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.rnt-wrap .rnt-tour-name:hover, .rnt-wrap .rnt-tour-name:focus {
  color: #007bc8;
  text-decoration: underline;
}
.rnt-wrap .rnt-destination {
  display: block;
  color: var(--rnt-muted);
}
.rnt-wrap .rnt-thumb-link {
  display: block;
  line-height: 0;
  text-decoration: none;
}
.rnt-wrap .rnt-thumb {
  display: block;
  width: 100%;
  height: 0px;
  border-radius: 5px;
  object-fit: cover;
  object-position: center;
}
.rnt-wrap .rnt-thumb--empty {
  background: linear-gradient(135deg, #dcecf5, #f0f5f8);
}
.rnt-wrap .rnt-date-wrap {
  display: flex;
  align-items: center;
  gap: 15px;
  color: #465670;
  white-space: nowrap;
}
.rnt-wrap .rnt-icon {
  width: 19px;
  height: 19px;
  flex: 0 0 19px;
}
.rnt-wrap .rnt-status {
  display: table;
  align-items: center;
  gap: 10px;
  color: #101827;
}
.rnt-wrap .rnt-status-dot {
  display: inline-block;
  flex: 0 0 12px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-top: 4px;
  background: var(--rnt-neutral);
}
.rnt-wrap .rnt-status--available .rnt-status-dot {
  background: var(--rnt-positive);
}
.rnt-wrap .rnt-status--full .rnt-status-dot {
  background: var(--rnt-negative);
}
.rnt-wrap .rnt-status--request .rnt-status-dot {
  background: var(--rnt-neutral);
}
.rnt-wrap .rnt-status-text strong {
  display: block;
  font-size: 13px;
  line-height: 1.45;
  font-weight: 700;
}
.rnt-wrap .rnt-status-text small {
  display: block;
  margin-top: 2px;
  font-size: 12px;
  color: var(--rnt-muted);
}
.rnt-wrap .rnt-td-link {
  text-align: center;
}
.rnt-wrap .rnt-open {
  color: #44556f;
  display: table;
  width: 27px;
  height: 32px;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border-radius: 5px;
}
.rnt-wrap .rnt-open:hover, .rnt-wrap .rnt-open:focus {
  color: #007bc8;
  background: #eaf3f9;
}
.rnt-wrap a:focus-visible {
  outline: 2px solid #007bc8;
  outline-offset: 2px;
}
.rnt-empty {
  color: #4d5c71;
  margin: 0;
  font-size: 14px;
}

@media (min-width: 768px) {
    .rnt-wrap .rnt-table tbody tr {
        height: 85px !important;
    }

    .rnt-wrap .rnt-table tbody td {
        height: 85px;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        vertical-align: middle !important;
    }
}

@media (max-width: 767px) {
  .rnt-wrap .rnt-table {
    border: 0;
    box-shadow: none;
    border-radius: 0;
    overflow: visible;
    background: transparent;
    display: block;
  }
  .rnt-wrap .rnt-table colgroup, .rnt-wrap .rnt-table thead {
    display: none;
  }
  .rnt-wrap .rnt-table tbody {
    display: grid;
    gap: 10px;
  }
  .rnt-wrap .rnt-table tbody tr {
    display: grid;
    grid-template-columns: 104px minmax(0, 1fr) 24px;
    grid-template-areas: "photo code arrow""photo tour arrow""photo date arrow""photo status arrow";
    column-gap: 12px;
    align-items: start;
    border: 1px solid #eef2f5;
    border-radius: 11px;
    padding: 9px;
    box-shadow: 0 3px 14px rgba(15, 39, 67, 0.065);
  }
  .rnt-wrap .rnt-table tbody td, .rnt-wrap .rnt-table tbody td:first-child {
    display: block;
    border: 0;
    min-width: 0;
    padding: 0;
  }
  .rnt-wrap .rnt-td-image {
    grid-area: photo;
    align-self: stretch;
  }
  .rnt-wrap .rnt-td-code {
    grid-area: code;
    margin-top: 1px;
    font-size: 11px !important;
    font-weight: 600;
  }
  .rnt-wrap .rnt-td-tour {
    grid-area: tour;
    margin-top: 3px;
  }
  .rnt-wrap .rnt-td-date {
    grid-area: date;
    margin-top: 7px;
  }
  .rnt-wrap .rnt-td-status {
    grid-area: status;
    margin-top: 6px;
  }
  .rnt-wrap .rnt-td-link {
    grid-area: arrow;
    align-self: center;
  }
  .rnt-wrap .rnt-thumb-link {
    height: 100%;
  }
  .rnt-wrap .rnt-thumb {
    height: 100%;
    min-height: 110px;
    border-radius: 7px;
  }
  .rnt-wrap .rnt-tour-name {
    font-size: 13px;
    line-height: 1.3;
  }
  .rnt-wrap .rnt-destination {
    font-size: 11px;
    margin-top: 2px;
  }
  .rnt-wrap .rnt-date-wrap {
    gap: 7px;
    font-size: 12px;
  }
  .rnt-wrap .rnt-date-wrap .rnt-icon {
    width: 14px;
    height: 14px;
    flex-basis: 14px;
  }
  .rnt-wrap .rnt-status {
    gap: 7px;
  }
  .rnt-wrap .rnt-status-dot {
    width: 9px;
    height: 9px;
    flex-basis: 9px;
    margin-top: 3px;
  }
  .rnt-wrap .rnt-status-text strong {
    font-size: 11px;
  }
  .rnt-wrap .rnt-status-text small {
    font-size: 11px;
    margin-top: 0;
  }
  .rnt-wrap .rnt-open {
    width: 24px;
    height: 30px;
  }
  .rnt-wrap .rnt-chevron {
    width: 18px;
    height: 18px;
  }
}
@media (max-width: 375px) {
  .rnt-wrap .rnt-table tbody tr {
    grid-template-columns: 82px minmax(0, 1fr) 20px;
    column-gap: 8px;
    padding: 7px;
  }
  .rnt-wrap .rnt-thumb {
    min-height: 112px;
  }
}

/* Frontend-only administrator diagnostics */
.rnt-diagnostic {
  padding: 18px;
  border: 1px solid #d0dae4;
  border-radius: 8px;
  font-size: 13px;
  background: #fff;
  color: #202b3b;
}
.rnt-diagnostic h3 {
  font-size: 18px;
  margin: 0 0 10px;
}
.rnt-diagnostic-count {
  display: inline-block;
  margin: 0 7px 5px 0;
  padding: 3px 6px;
  border: 1px solid #e4e9f0;
  border-radius: 5px;
}
.rnt-diagnostic-scroll {
  max-width: 100%;
  overflow-x: auto;
}
.rnt-diagnostic table {
  width: 100%;
  border-collapse: collapse;
  min-width: 690px;
}
.rnt-diagnostic th, .rnt-diagnostic td {
  padding: 7px;
  border-bottom: 1px solid #e8edf2;
  text-align: left;
}
.hljs-string, .hljs-bullet, .hljs-subst, .hljs-title, .hljs-section, .hljs-emphasis, .hljs-type, .hljs-built_in, .hljs-builtin-name, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-addition, .hljs-variable, .hljs-template-tag, .hljs-template-variable {
    color: initial !important;
}