:root {
  --mm-blue: #0d6efd;
  --mm-navy: #0f2747;
  --mm-soft: #f4f8fc;
}

html,
body {
  min-height: 100%;
}

.main-sidebar {
  background: linear-gradient(180deg, var(--mm-navy), #123a66);
}

.brand-link {
  text-align: center;
  border-bottom-color: rgba(255, 255, 255, .12) !important;
}

.content-wrapper {
  background: var(--mm-soft);
}

.card {
  border: 0;
  box-shadow: 0 10px 30px rgba(15, 39, 71, .08);
}

.small-box {
  border-radius: .45rem;
}

.worksite-map,
.workplace-editor-map {
  height: 420px;
  width: 100%;
}

.workplace-editor-map {
  min-height: 620px;
}

.card-title {
  margin-bottom: 0;
}

.auth-page {
  background: linear-gradient(135deg, #f8fbff 0%, #dbeafe 48%, #0f2747 100%);
}

.login-logo a,
.login-logo {
  color: var(--mm-navy);
}

table.dataTable {
  width: 100% !important;
}