html, body {
  height: 100%;
}

h1:focus {
  outline: none;
}

.mud-nav-link .mud-nav-link-text {
  color: #FBFBFB;
}

.mud-layout {
  z-index: 1;
}

.mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled) svg {
  color: white;
}

td, th {
  white-space: nowrap !important;
}

h2 > svg {
  vertical-align: bottom;
}

/* FuseIconButton */
.fuse-icon-button {
  vertical-align: text-bottom;
}

/* Table */
.mud-table .mud-table-row > td.expanded,
.mud-table .mud-table-row > th.expanded {
  width: 100%;
}
.mud-table .mud-table-row > td.actions,
.mud-table .mud-table-row > th.actions {
  text-align: right;
  width: 100%;
  vertical-align: middle;
}
.mud-table .mud-table-row > td.actions .fuse-icon-button,
.mud-table .mud-table-row > th.actions .fuse-icon-button {
  justify-content: end;
}
.mud-table .mud-table-row > td.actions .mud-input-control.mud-input-control-boolean-input,
.mud-table .mud-table-row > th.actions .mud-input-control.mud-input-control-boolean-input {
  display: inline-block;
}
.mud-table .mud-table-row.mud-table-row-selected {
  background-color: var(--mud-palette-tertiary) !important;
}
.mud-table .mud-table-row.disabled td, .mud-table .mud-table-row.disabled a {
  color: #aaa !important;
}
.mud-table .mud-table-row.unselectable > td {
  pointer-events: none;
}
.mud-table .mud-table-row.unselectable > td:first-child .d-flex {
  display: none !important;
}
.mud-table.disable-toggle-all .mud-table-row > th:first-child .mud-table-cell-checkbox {
  display: none !important;
}
.mud-table .mud-table-empty-row svg.mud-icon-root {
  vertical-align: text-bottom;
}
/* Link */
.fuse-link a {
  display: inline-flex;
  position: relative;
  font-weight: normal;
}
.fuse-link a > svg {
  margin-left: 5px;
}
.fuse-link.fuse-link-primary a {
  font-weight: bold;
}

/* Drawer */
.mud-drawer + .mud-drawer-overlay > .mud-overlay-scrim {
  background-color: transparent !important;
}
.mud-drawer.mud-drawer-temporary.mud-drawer-pos-right.mud-drawer--closed {
  right: calc(-1 * var(--mud-drawer-width, var(--mud-drawer-width-right) * 1.10)) !important;
}
.mud-drawer.fuse-drawer > .mud-drawer-content > .mud-paper {
  height: 100%;
}
.mud-drawer.fuse-drawer > .mud-drawer-content > .mud-paper > div {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Card */
.mud-card .mud-card-header {
  padding-bottom: 0;
}

/* Checkbox */
.mud-checkbox .mud-checkbox-dense {
  margin-left: -6px !important;
}

/* Checkbox */
.mud-radio-group .mud-input-control:first-child {
  margin-left: -12px !important;
  padding-right: 12px;
}

/* Calender */
.mud-cal-week-drop-item {
  z-index: 1000;
}

.mud-cal-cell-template {
  position: relative;
}
.mud-cal-cell-template.with-delete-button .mud-button-root {
  display: none;
  position: absolute;
  top: -6px;
  right: -6px;
}
.mud-cal-cell-template.with-delete-button:hover .mud-button-root {
  display: flex;
}

.fuse-calendar {
  flex-grow: 1;
  position: relative;
  display: flex;
}
.fuse-calendar > .mud-calendar {
  flex-grow: 1;
}
.fuse-calendar > .mud-calendar .mud-drop-zone {
  z-index: 0;
}
.fuse-calendar > .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000000;
  background-color: transparent;
  pointer-events: none;
}

/*  List */
.mud-list .mud-list-item.selected {
  background-color: var(--mud-palette-action-default-hover);
}
.mud-list .mud-list-item-icon {
  min-width: 35px !important;
}

/* Input */
.mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol,
.mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol {
  font-weight: bold;
}

/* Table */
.mud-table.overflow-unset > .mud-table-container {
  overflow: unset;
}
.mud-table.fixed-layout table {
  table-layout: fixed;
}
.mud-table.transparent {
  background-color: transparent;
}
.mud-table .mud-table-row.delete > .mud-table-cell {
  text-decoration: line-through;
}
.mud-table .mud-table-cell.delete {
  text-decoration: line-through;
}
.mud-table .mud-table-cell.maximize-width {
  width: 100%;
}
.mud-table .mud-table-row.delete {
  text-decoration: line-through;
}
.mud-table .mud-table-cell .mud-input-helper-text.mud-input-error {
  white-space: normal;
}

/* Unauthenticated layout */
/* Popover */
.mud-popover.popover-in-popover {
  z-index: calc(var(--mud-zindex-popover) + 600) !important;
}

.mud-paper.transparent {
  background-color: transparent;
}

/* Tabs */
.mud-tabs-tabbar .mud-tabs-tabbar-content .mud-tabs-tabbar-wrapper {
  width: inherit;
}

/* Tooltip */
.mud-tooltip-root.full-width {
  display: unset !important;
  width: 100% !important;
}

.mud-tooltip-root {
  display: inline-flex !important;
}

.mud-expansion-panels.transparent .mud-expand-panel {
  background-color: transparent;
}
.mud-expansion-panels.pa-0 .mud-expand-panel-header {
  padding-left: 0;
  padding-right: 0;
}

.mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled) {
  background-color: rgb(59, 59, 67) !important;
  border-color: rgb(99, 99, 107) !important;
  border-inline-end-width: 4px !important;
}

#reconnect-modal {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(10, 10, 10, 0.5);
  top: 0;
  left: 0;
  z-index: 10000;
  font-weight: bold;
  display: none;
}
#reconnect-modal > div {
  color: white;
  height: 100%;
}
#reconnect-modal > div .mud-progress-circular {
  color: white;
}