:root {
    --brand-primary: #4e7dfc;
    --brand-secondary: #ff8f3d;
    --brand-accent: #8e54e9;
    --brand-accent-2: #4776e6;
    --bg-soft: #f5f8ff;
    /*--gradient-hero: linear-gradient(135deg, var(--brand-accent) 0%, var(--brand-accent-2) 100%);*/
}

body {
  background: var(--bg-soft);
}

.navbar, .layout-navbar {
  /*background: linear-gradient(90deg, var(--brand-primary), var(--brand-secondary));*/
}

.navbar .nav-link, .navbar-brand .app-brand-text {
  color: #fff !important;
}

.card {
  border: 1px solid rgba(78,125,252,.15);
  box-shadow: 0 4px 12px -2px rgba(78,125,252,.25);
  transition: transform .15s ease, box-shadow .15s ease;
}
.card:hover {

}

.card-header {
    background-color: #E0F7FA !important;
    margin: 10px;
    margin-bottom: 10px !important;
}

.badge.bg-label-primary {
  background: rgba(78,125,252,.15);
  color: var(--brand-primary);
}
.badge.bg-label-warning {
  background: rgba(255,143,61,.18);
  color: var(--brand-secondary);
}
.badge.bg-label-danger {
  background: rgba(220,53,69,.18);
  color: #dc3545;
}

.table.table-sm tbody tr {
  transition: background-color .15s ease;
}
.table.table-sm tbody tr:hover {
  background: rgba(78,125,252,.07);
}

#tblApps tbody tr.assigned td:first-child::before {
  content: '●';
  color: var(--brand-secondary);
  margin-right: 6px;
  font-size: 10px;
  vertical-align: middle;
}

.btn-outline-primary {
  border-color: var(--brand-primary);
  color: var(--brand-primary);
}
.btn-outline-primary:hover {
  background: var(--brand-primary);
  color: #fff;
}

.btn-outline-danger:hover {
  background: #dc3545;
  color: #fff;
}

.avatar.avatar-online img {
  border: 3px solid var(--brand-secondary);
  box-shadow: 0 0 0 2px #fff;
}

.footer, .layout-footer {

}

.bi { vertical-align: middle; }