body,
html {
  height: 100%;
  margin: 0;
  overflow-x: hidden;
}

* {
  outline: none !important;
}

:root {
  --mdc-theme-primary: #3f51b5;
  --mdc-theme-secondary: #566a7f;
}

.layout-menu {
  width: 250px;
  height: 100%;
}

.layout-page {
  display: block;
}

.menu-vertical {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.mdc-drawer__content {
  overflow: hidden;
}

.menu-inner {
  padding-top: 16px;
  flex-grow: 1;
}

.menu-link {
  align-items: center;
  color: var(--mdc-theme-secondary) !important;
  margin-bottom: 10px;
  font-size: 18px !important;
}

.active .menu-link {
  font-weight: bold;
}

.custom-dialog .mdc-dialog__surface {
  width: 400px;
  max-height: 70vh;
  max-width: none;
  max-height: none;
}
.custom-dialog .mdc-dialog__surface.big {
  width: 1000px;
  height: 800px;
  max-height: 70vh;
  max-width: 80vw;
}

.form-group {
  margin: 30px 0px 0px 0px;
}

form .inputHolder {
  margin: 10px 0px 0px 0px;

}

.mdc-text-field-container {
  margin: 20px 20px 20px 0px;
}

.mdc-text-field--outlined {
  height: 40px;
  width: 150px;
}

#selectedControls p {
  color: white;
  flex-grow: 1;
  margin: 0;
  padding: 10px;
}

#selectedControls div {
  background-color: rgb(104, 104, 104);
  display: flex;
  align-items: center;
  border-radius: 5px;
  margin-bottom: 5px;
}

#selectedControls div button {
  color: white;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 10px;
}

#standardsContainer button {
  min-width: 100%;
  background-color: rgb(104, 104, 104);
  align-items: center;
  text-align: left;
  border-radius: 5px;
  margin-bottom: 5px;
  color: white;
  border: none;
  cursor: pointer;
  padding: 10px;

}

#standardsContainer button:hover {
  background-color: rgb(90, 90, 90);
}

.dt-button {
  color: var(--mdc-protected-button-label-text-color, var(--mdc-theme-on-secondary, #fff)) !important;
  background-color: var(--mdc-protected-button-container-color, var(--mdc-theme-secondary, #6200ee)) !important;
  border: none !important;
  border-radius: 4px !important;
}

.mdc-list-item__text {
  user-select: none;
}
.mdc-list-item__text * {
  pointer-events:none;
}

.slidecontainer {
  width: 100%; /* Width of the outside container */
}

/* The slider itself */
.slider-color {
  -webkit-appearance: none;
  width: 100%;
  height: 15px;
  border-radius: 5px;
  background: #d3d3d3;
  outline: none;
  opacity:0.7;
  -webkit-transition: opacity .15s ease-in-out;
  transition: opacity .15s ease-in-out;
}
.slider-color:hover {
  opacity:1;
}
.slider-color::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: var(--mdc-theme-primary);
  cursor: pointer;
}
.slider-color::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border: 0;
  border-radius: 50%;
  background: var(--mdc-theme-primary);
  cursor: pointer;
}

.tox-promotion {
  display: none !important;
}

#tenant_select {
  background: none;
  border: none;
  color: white;
  width: 100%;
}
#tenant_select option {
  color: black;
}

.dataTable td:first-of-type {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  -webkit-transform: translateY(-25px) scale(0.75);
  transform: translateY(-25px) scale(0.75);
}

/* Adviser (advice panel) styles moved from JS */
.advice-collapsible { overflow: hidden; transition: height 0.25s ease; }
.advice-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; }
.advice-row + .advice-row { border-top: 1px solid rgba(0,0,0,0.05); }
.advice-text { flex: 1; }
.advice-achieved .advice-text { text-decoration: line-through; opacity: 0.75; }
.advice-icon { font-size: 22px; margin-right: 8px; vertical-align: middle; }
.advice-header-title { font-weight: 600; font-size: 16px; }
.advice-actions { display: flex; gap: 8px; align-items: center; }
.advice-expand-btn { border: none; background: transparent; cursor: pointer; padding: 6px; border-radius: 4px; }
.advice-expand-btn:hover { background: rgba(0,0,0,0.05); }