:root {
  --kt-toolbar-height: 55px;
  --kt-toolbar-height-tablet-and-mobile: 55px;
}

.flex-root {
  flex: 1;
}

.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  padding: 48px 0 0;
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.1);
}

.sidebar-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 48px);
  padding-top: 0.5rem;
  overflow-x: hidden;
  overflow-y: auto;
}

.main-content {
  margin-left: 220px; /* Same as sidebar width */
  padding: 20px;
}

/* Make readonly inputs look non-editable */
.form-control[readonly],
.form-control-plaintext {
  background-color: #e9ecef; /* Bootstrap's standard disabled/readonly background color */
  cursor: not-allowed;
  opacity: 1;
}


.dataTables_length {
  margin-bottom: 20px;
}