/* Table st-grid */
.st-grid {
  color: #00305e;
  /*height: 100%;*/
  min-width: 100%;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
  /*    max-height: calc(100% - 210px);
    max-width: calc(100% - 50px);*/
}

.res-invoice-modal .st-grid {
  overflow: auto;
  max-height: 75vh;
  border-radius: .8rem;
}

  .res-invoice-modal .st-grid tr {
    height: 5rem;
  }

.st-grid:has(tr:first-child.k-grid-norecords) {
  min-height: 12.5rem;
}

.st-grid tr {
  /*padding: 1rem;*/
  padding: 0;
  border-bottom-width: 0;
}

  .st-grid tr td {
    /*padding: 1rem;*/
    padding: 0 1rem;
    vertical-align: middle !important;
  }

  .st-grid tr th {
    padding: 1rem;
    /*width: 80px;*/
    color: #4c6e8e !important;
    font-weight: 500;
    font-size: inherit;
  }

.k-grid .k-edit-cell, .k-grid .k-command-cell, .k-grid .k-grid-edit-row td {
  padding: 1rem;
}

table.st-grid, .st-grid-table {
  border-collapse: collapse;
}

.st-grid td {
  border: 0;
}

/*.st-grid tr:nth-child(even) td {
    border-right: 1px solid white;
}

.st-grid tr:nth-child(odd) td {
    border-right: 1px solid #f2f5f7;
}*/

.st-grid tr:first-child th {
  border-top: 0;
}

.st-grid tbody.k-table-tbody tr:nth-child(even),
.st-grid tbody tr:nth-child(even) {
  color: #4c6e8e;
  background-color: #f2f5f7;
}

.st-grid thead tr th,
.st-grid thead.k-table-thead tr {
  background-color: #f2f5f7;
}

  .st-grid thead tr th, .st-grid thead.k-table-thead tr th, .st-grid thead tr th span, .st-grid thead.k-table-thead tr th span {
    border-color: white;
    font-weight: 500;
    font-family: 'Montserrat-Medium', 'Montserrat-Regular', sans-serif;
  }

    .st-grid thead tr th .k-column-title {
      color: #4c6e8e;
    }

.st-grid tbody tr:hover td {
  background-color: #00305e26 !important;
  color: #00305e;
}

.st-grid tr td:last-child, .st-grid tr th:last-child {
  border-right: 0;
}

.st-grid tbody tr:hover, .st-grid tbody tr:focus {
  cursor: pointer;
}

.st-grid tbody.k-table-tbody tr:nth-child(odd),
.st-grid tbody tr:nth-child(odd) {
  color: #4c6e8e;
  background-color: white;
}

.selectedNoHighlight td,
.selectedNoHighlight .k-grid tbody tr:not(.k-detail-row):hover,
.selectedNoHighlight .k-grid tbody tr:not(.k-detail-row).k-state-hover,
.selectedNoHighlight .k-grid td.k-state-selected,
.selectedNoHighlight .k-grid td.k-selected,
.selectedNoHighlight .k-grid tr.k-state-selected > td,
.selectedNoHighlight .k-grid tr.k-selected > td {
  background-color: white !important;
}

.k-grid td.k-state-selected, .k-grid td.k-selected, .k-grid tr.k-state-selected > td, .k-grid tr.k-selected > td {
  background-color: rgba(0,48,94,0.3) !important;
}

.k-grid tbody tr:not(.k-detail-row):hover, .k-grid tbody tr:not(.k-detail-row).k-state-hover {
  background-color: #00305e26 !important;
}

.k-grid tr > td {
  vertical-align: top;
}

.card-body .st-grid, .st-grid.white-space {
  background-color: white;
  border-radius: 8px;
  padding: 1rem;
  border-color: #f2f5f7;
}

.card-body.no-grid-spacing .st-grid {
  padding: 0 !important;
}

.card.white-bg .card-body .st-grid:not(.guest-invoice-items-grid) {
  background-color: #f2f5f7;
  padding: 0 1rem 1rem 1rem;
}

.st-grid tbody.k-table-tbody tr td,
.card-body .k-grid tr td {
  border-color: #f2f5f7;
}

.st-grid tbody.k-table-tbody tr:nth-child(even) td,
.card-body .k-grid tr:nth-child(even) td {
  border-color: white;
}

.k-grid table {
  /*width: 100%;*/
}

.k-grid .k-grid-header, .k-grid .k-grid-header .k-grid-header-wrap {
  border-radius: 8px 8px 0 0;
}

.k-grid .k-grid-container {
  border-radius: 0 0 8px 8px;
}

.k-grid-header, .k-header, th.k-header, .k-grid-header-wrap, .k-grouping-header, .k-grouping-header .k-group-indicator, .k-grid td, .k-grid-footer, .k-grid-footer-wrap, .k-grid-content-locked, .k-grid-footer-locked, .k-grid-header-locked, .k-filter-row > td, .k-filter-row > th {
  border-color: transparent;
}

.card-body .st-grid table tr td, .card-body .st-grid table tr th {
  /*min-width: 80px;*/
  border-color: #f2f5f7;
}

.card-body .k-grid tr:nth-child(odd) .form-control,
.card-body .st-grid tr:nth-child(odd) .ant-input-number,
.card-body div.st-grid .st-grid-table tbody tr:nth-child(odd) .st-amount .form-control
.card-body div.st-grid .st-grid-table tbody tr:nth-child(odd) .st-amount .ant-input-number,
.card-body .k-grid tr:nth-child(odd) .st-multidropdown-input-selectedvalues,
.card-body .st-grid.k-grid tr:nth-child(odd) .k-input-solid,
.card-body .st-grid.k-grid tr:nth-child(odd) .k-input-inner,
.card-body .k-grid tr:nth-child(odd) .st-multidropdown-input-togglebutton,
.card-body .main-container .grid-container-5:nth-child(odd) .form-control,
.card-body .main-container .grid-container-5:nth-child(odd) .k-datepicker,
.st-page-content div.content-row:nth-child(odd) .ant-input-number,
.st-page-content div.content-row:nth-child(odd) .form-control,
.card-body .k-grid tr:nth-child(odd) .st-singledropdown-input-selectedvalues,
.card-body .k-grid tr:nth-child(odd) .st-singledropdown-input-togglebutton,
.package-prices-row:nth-child(odd) .package-prices-column .k-dropdownlist.k-picker.k-picker-solid,
.package-prices-row:nth-child(odd) .package-prices-column .form-control,
.package-prices-row:nth-child(odd) .package-prices-column .ant-input-number,
.table-row:nth-child(even) .form-control, .table-row:nth-child(even) .st-amount .ant-input-number,
.table-row:nth-child(even) .k-input-solid, .card-body div.st-grid .st-grid-table tbody tr:nth-child(odd) .ant-input-number
.table-row:nth-child(even) .form-control, .table-row:nth-child(even) .st-amount .form-control,
.table-row:nth-child(even) .k-input-solid, .card-body div.st-grid .st-grid-table tbody tr:nth-child(odd) .form-control,
.card-body .main-container .grid-container-3:nth-child(even):not(:disabled) .form-control,
.card-body .st-grid tbody tr:nth-child(odd) .form-select, .card-body .st-grid tbody tr:nth-child(odd) .st-datepicker .ant-picker {
  background-color: #f2f5f7;
}

.package-prices-row:nth-child(even) .package-prices-column .k-dropdownlist.k-picker.k-picker-solid,
.card-body div.st-grid .st-grid-table tbody tr:nth-child(even) .st-amount,
.card-body div.st-grid .st-grid-table tbody tr:nth-child(even) .form-control,
.card-body div.st-grid .st-grid-table tbody tr:nth-child(even) .ant-input-number,
.card-body .st-grid.k-grid tr:nth-child(even) .k-input-inner,
.card-body .st-grid.k-grid tr:nth-child(even) .k-input-solid,
.card-body .main-container .grid-container-3:nth-child(odd):not(:disabled) .form-control,
.card-body div.st-grid tbody tbody tr:nth-child(even) .form-select.st-dropdown-without-label,
.card-body div.st-grid tbody.k-grid-table tr:nth-child(even) .st-datepicker .ant-picker {
  background-color: white;
}

.k-grid .multi-drop-down-list {
  position: relative !important;
  padding-top: 1px;
}

  .k-grid .multi-drop-down-list .form-control .st-label {
    border: none !important;
  }

.card-body .k-grid th {
  color: #4c6e8e;
  font-weight: 700;
}

.st-grid td:has(.form-control), .st-grid td:has(.form-select), .st-grid td:has(.btn) {
  padding: 1rem !important;
  align-content: baseline;
}

.table-reservation-settings .k-column-title, .table-reservation-settings .k-table-tbody, .table-reservation-settings .k-svg-icon > svg {
  color: #4c6e8e;
}

.table-reservation-settings .form-check-input {
  border-color: #4c6e8e !important;
}


/*table Dialy Prices*/

.table-dailyPrices {
  width: 100%;
  border: none;
}

  .table-dailyPrices .emptyTableRow {
    height: 20px;
  }

  .table-dailyPrices .table-row-header {
    background-color: lightyellow;
    text-align: center;
    height: 30px;
    cursor: pointer;
  }

  .table-dailyPrices .table-row-firstColumn {
    cursor: pointer;
  }

  .table-dailyPrices input.form-control {
    border: none;
    background-color: transparent;
  }
/*-------------------------------------------------------------------------------------*/


/* TABLE STYLE */
.details-div {
  /*max-height: calc(100% - 80px);*/
  max-height: calc(100% - 70px);
}

.table-div {
  /*width: 100%;*/
  margin: 1rem .5rem 0 1rem;
  position: relative;
  min-height: 60px;
  height: calc(100vh - 70px);
  /*    background-image: linear-gradient(to right, #00305e, #4c6e8e 50%, #00305e 100%);*/
  /*    background-color: #4C6E8E;*/
}

.table-header {
  font-size: 1.4rem;
  height: 60px;
  color: white;
  border-radius: 8px 8px 0 0;
  background-color: #1b3b58;
}

  .table-header.row {
    margin: 0 !important;
    padding: 0 1rem !important;
  }

    .table-header.row .col {
      margin-top: 0 !important;
    }

    .table-header.row > .col:first-child {
      max-width: fit-content;
    }

.table-headline {
  margin: 0;
  text-transform: uppercase;
}

.table-tools {
  margin: 0;
  color: white;
  color: #4c6e8e;
  display: inline-flex;
  gap: 1rem;
  justify-content: end;
  align-items: center;
}

.table-toggle {
  border-radius: 25px;
  margin-top: -15px;
  position: absolute;
  left: 0;
  z-index: 99;
  width: 30px;
  height: 30px !important;
  margin-left: calc(50% - 1.5rem);
  color: white;
  border: 2px solid white;
}

.resize {
  cursor: row-resize !important;
}

.content > .position-absolute.w-100.h-100:hover .table-toggle {
  background-color: #4c6e8e;
}

.table-body {
  height: calc(100% - 80px);
  /*width: 100%;*/
  background: #f2f5f7;
  border-radius: 0 0 8px 8px;
  /*overflow: auto;*/
  padding: 1rem;
}

.masterpage-content .table-header {
  margin: 0 1rem !important;
  min-width: 235px;
}

.masterpage-content .table-body {
  height: calc(100% - 130px);
  margin: 0 1rem !important;
}

.content > p {
  padding: 2rem;
}