@import url("app/_root.ca90fea4df41.css");

@import url("app/_buttons.3fabd87cd861.css");
@import url("app/_form-check.7c486ca225ce.css");
@import url("app/_nav.a4464a736913.css");

.table {
  --bs-table-color: var(--bs-body-color);
  --bs-table-bg: transparent;
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-body-color);
  --bs-table-striped-bg: rgba(168, 155, 204, 0.05);
  --bs-table-active-color: var(--bs-body-color);
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: var(--bs-body-color);
  --bs-table-hover-bg: rgba(56, 0, 255, 0.05);
  color: var(--bs-table-color);
}

/* Layout */

/* Controls */
.detail-header {
  padding: 3rem;
}
.detail-section {
  padding: 3rem;
  border-radius: 20px;
  background-color: #FFFFFF;
}
form ul {
  padding-left: 0;
  list-style: none;
}
.asset-types-table {
  min-width: 75rem;
}

/* Datatable overrides */
table.dataTable > thead .sorting::before,
table.dataTable > thead .sorting_asc::before,
table.dataTable > thead .sorting_desc::before,
table.dataTable > thead .sorting_asc_disabled::before,
table.dataTable > thead .sorting_desc_disabled::before {
  right: 1.15em !important;
}

table.dataTable > thead .sorting::before,
table.dataTable > thead .sorting::after,
table.dataTable > thead .sorting_asc::before,
table.dataTable > thead .sorting_asc::after,
table.dataTable > thead .sorting_desc::before,
table.dataTable > thead .sorting_desc::after,
table.dataTable > thead .sorting_asc_disabled::before,
table.dataTable > thead .sorting_asc_disabled::after,
table.dataTable > thead .sorting_desc_disabled::before,
table.dataTable > thead .sorting_desc_disabled::after {
  font-weight: 400 !important;
}

/* select2 overrides */
.select2-dropdown {
  /* Boost z-index to appear on-top of modal */
  z-index: 2000 !important;
}
.select2-dropdown.select2-dropdown--below {
  /* Give a little drop-shadow to the results */
  box-shadow: 2px 4px 6px rgba(50, 50, 50, 0.3);
}

/* Images */
.survey-image {
  margin: 5px;
}
/* App */
html {
  font-size: 14px;
  min-width: 768px;
}

body {
  background-color: var(--app-bg);
}

.login-container {
  margin-top: 10em;
  max-width: 38rem;
}

/* Segmented Lists */
.segmented-list--container {
  background-color: #E9E9EC;
}
.segmented-list--container .segmented-list--group {
  border-radius: 8px;
  background-color: #FFFFFF;
}

/* Tables */
.tabular {
  font-feature-settings: "tnum" 1;
}

.table td.wide,
.table th.wide {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.table.align-center td {
  vertical-align: middle;
}

.table.mapping td {
  /* Decent key/value dropdown width */
  min-width: 7rem;
}

.table .sortoptions {
  min-width: 3.5rem;
}
.table thead th {
  height: 4rem;
  padding-left: .5rem;
  padding-right: .5rem;
}
.table thead th a, .table th span {
  line-height: 2rem;
}
.table .sortoptions a {
  display: inline-block;
  font-size: 20px;
}

.dropdown-item.delete:active,
.dropdown-item.delete:focus {
  --bs-dropdown-link-active-bg: var(--bs-danger);
  --bs-dropdown-link-active-color: white;
  color: white !important;
}

/* Asset Management */
/* Asset Management - Orders */
.new-order .asset-type-selection .file-metadata {
  max-width: 60rem;
}
.new-order tr.header td {
  font-weight: bold;
}
.new-order td.asn-preview {
  min-width: 15rem;
}

/* Asset Management - Order Detail */
.order-detail .event-data {
  max-height: 60rem;
  overflow: scroll;
}
.order-detail table.nested {
  border: 1px solid #DDDDDD;
}

/* Button Classes */
.login-button {
  width: 100%;
}
.search-buttons {
  max-width: 30rem;
}
.filter-buttons {
  max-width: 15rem;
}
.filter-size {
  max-width: 15rem;
}
.false-color {
  color: red;
}

/* Performance Estimate Image */
.performance-estimate-image {
  height: 350px;
}

/* Users */
.verification-status-container {
  margin-top: 10rem;
}

.users-list-container .card {
  width: 25rem;
}
.user-data-container {
  max-width: 60rem;
}

/* Text Classes */
.footer-text-size {
  font-size: 0.8rem;
}

/* Heat Pumps */
table .col-category_primary,
table .col-category_secondary {
  min-width: 12rem;
}
table .col-manufacturer_description {
  min-width: 18rem;
}
table .col-price,
table .col-supplier,
table .col-weight {
  min-width: 7rem;
}
table .col-location_code,
table .col-in_warehouse {
  min-width: 8rem;
}
table .row-action {
  min-width: 7rem;
}
table .row-action > button,
table .row-action > .btn-group {
  width: 100%;
}

/* Material Schedule */
.schedule-view {
  max-width: 1600px;
}
.card.schedule {
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
table.material-schedule-details {
  & th {
    width: 250px;
  }
  .button-fit-content {
    height: fit-content;
  }
}


/* Work Orders */
.tabs-group > .nav-pills {
  width: 12rem;
  flex-shrink: 0;
}

.version {
  margin-right: 10px;
}


/* Smart Metering */
.metering .table th.desc.orderable::after {
  content: "▼";
  color: var(--bs-link-color);
  padding-left: 0.3rem;
}

.metering .table th.orderable.asc::after {
  content: "▲";
  color: var(--bs-link-color);
  padding-left: 0.3rem;
}

/* Htmx styling */

.htmx-block-indicator {
  display: none;
}

.htmx-request .htmx-block-indicator {
  display: block;
}

.htmx-request.htmx-block-indicator {
  display: block;
}