@import url('variables.css');
@import url('components.css');
@import url('investigations.css');

#app {
  display: flex;
  flex: 1;
}

html, body {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-14);
}

body {
  display: flex;
  min-height: 100vh;
}

h1 {
  font-family: var(--font-family-inter-tight);
  font-weight: var(--font-weight-24-semibold);
  font-size: var(--font-size-24);
  line-height: var(--line-height);
  color: var(--color-gray-900);
  margin: 0;
}

.hidden {
      display: none !important;
}

.mud-height-full {
  height: 100vh;
}

.mud-typography-h1 {
  font-family: var(--font-family-inter-tight);
  font-weight: var(--font-weight-24-semibold);
  font-size: var(--font-size-24);
  line-height: var(--line-height);
  color: var(--color-gray-900);
}

.mud-typography-h2 {
  color: var(--color-gray-800);
}

.mud-typography-h4 {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-16-semibold);
  line-height: var(--line-height);
}

.mud-typography-h6 {
  color: var(--color-gray-700);
}

.mud-typography-body1 {
  color: var(--color-gray-700);
}

.mud-table-cell span.color-blue,
.mud-table-cell .mud-tooltip-root {
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  text-wrap: nowrap;
  width: 100%;
}

.mud-table-cell span.color-blue {
  cursor: pointer;
}

.tab-header .mud-tab {
  text-transform: none;
}

.selected-row {
  background-color: var(--color-blue-100);
}

.badge-statistic.mud-typography-body1 {
  background: var(--color-gray-400) !important;
  padding: 2px 6px !important;
  border-radius: 6px;
}

.mud-typography-body2 {
  font-family: var(--font-family-inter);
  font-weight: var(--font-weight-12-medium);
  font-size: var(--font-size-12);
  line-height: var(--line-height);
  color: var(--color-gray-900);
}

.mud-typography-subtitle1 {
  color: var(--color-gray-700) !important;
}

.mud-typography-subtitle2 {
  color: var(--color-gray-700) !important;
}

.page-header {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px 32px 16px;
  height: 132px;
  background: var(--color-gray-300);
}

.filter-label {
  font-weight: var(--font-weight-12-medium);
  font-size: var(--font-size-12);
  align-self: center;
}