@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.bundle.scp.css';

/* _content/STMDesk/Components/Shared/MainLayout.razor.rz.scp.css */
.layout-drawer-body[b-34quqjiyik] {
  padding: 1rem;
}

.layout-drawer-body[b-34quqjiyik]  .groupbox {
  margin-top: 1rem;
}

.layout-drawer-body[b-34quqjiyik]  .btn-info {
  margin-bottom: 1rem;
}

.layout-item[b-34quqjiyik] {
  --bb-layout-sidebar-bg: #f8f9fa;
  --bb-layout-footer-bg: #e9ecef;
  cursor: pointer;
  border: 2px solid #e9ecef;
  padding: 4px;
  border-radius: 4px;
  height: 80px;
  width: 120px;
  transition: border .3s linear;
}

.layout-item:hover[b-34quqjiyik],
.layout-item.active[b-34quqjiyik] {
  border: 2px solid #28a745;
}

.layout-item .layout-left[b-34quqjiyik] {
  width: 30%;
  border-right: 1px solid var(--bs-border-color);
}

.layout-item .layout-left .layout-left-header[b-34quqjiyik] {
  height: 16px;
  background-color: var(--bb-header-bg);
}

.layout-item .layout-left .layout-left-body[b-34quqjiyik],
.layout-item .layout-body .layout-left[b-34quqjiyik] {
  background-color: var(--bb-layout-sidebar-bg);
}

.layout-item .layout-right .layout-right-header[b-34quqjiyik],
.layout-item .layout-top[b-34quqjiyik] {
  background-color: var(--bb-header-bg);
  height: 16px;
}

.layout-item .layout-right .layout-right-footer[b-34quqjiyik],
.layout-item .layout-right-footer[b-34quqjiyik] {
  background-color: var(--bb-layout-footer-bg);
  height: 12px;
}

.layout-item .layout-top[b-34quqjiyik],
.layout-item .layout-body[b-34quqjiyik],
.layout-item .layout-right-footer[b-34quqjiyik] {
  width: 100%;
}

#blazor-error-ui[b-34quqjiyik] {
  background: lightyellow;
  bottom: 0;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
  display: none;
  left: 0;
  padding: 0.6rem 1.25rem 0.7rem 1.25rem;
  position: fixed;
  width: 100%;
  z-index: 1000;
}

#blazor-error-ui .dismiss[b-34quqjiyik] {
  cursor: pointer;
  position: absolute;
  right: 0.75rem;
  top: 0.5rem;
}