body,
html {
  height: 100%;
  background: #f5f5fe;
}

.global-alert {
  background: #ff0083;
  color: white;
}

.global-alert a {
  color: white;
  font-weight: bold;
}

.dashboard-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.dashboard-container-row {
  flex: 1;
  display: flex;
  overflow: hidden;
}

.dashboard-side-nav {
  background: #20154b;
  overflow-y: auto;
  max-height: 100%;
}

.dashboard-side-nav .nav-link {
  color: white;
  font-size: 1rem;
  font-weight: 600;
}

.dashboard-side-nav .nav-link.active {
  background-color: #46387d;
}

.dashboard-side-nav-email {
  font-size: 0.9rem;
}

.dashboard-side-nav-signout {
  color: #b0a6d6;
}

.dashboard-main {
  overflow-y: auto;
  max-height: 100%;
}

.alert-group-software .software {
  background: #f5f5fe;
}

.error-block ul {
  margin-bottom: 0;
}

.icon {
  width: 24px;
  height: 24px;
  float: left;
  margin-right: 0.5rem;

  background-image: url("/assets/cyberpink/images/icon-sprite.png");
  background-repeat: no-repeat;
  background-size: 132px 168px;
}

.breadcrumb-item a {
  color: #20154b;
}

.form-label {
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1.8rem;
}

.dashboard-form-control {
  width: 100%;
  padding: 0.75rem;
  font-size: 1.35rem;
  border: 1px solid #ccc;
  border-radius: 0;
}

.dashboard-form-select {
  width: 100%;
  padding: 0.75rem;
  font-size: 1.35rem;
  border: 1px solid #ccc;
  border-radius: 0;
}

.btn-dashboard-sz {
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 1rem 1.5rem;
  text-transform: uppercase;
  font-weight: 600;
}

.icon-home {
  background-position: 0 0;
}

.icon-group {
  background-position: -108px 0;
}

.icon-users {
  background-position: -72px 0;
}

.icon-org {
  background-position: -108px -36px;
}

.icon-access {
  background-position: -36px -144px;
}

.icon-payment {
  background-position: 0 -36px;
}

.icon-account {
  background-position: -72px -36px;
}

.icon-eventlog {
  background-position: -36px 0;
}

.icon-apikey {
  background-position: -108px -144px;
}

/* active */
.icon-home.active {
  background-position: 0 -72px;
}

.icon-group.active {
  background-position: -108px -72px;
}

.icon-users.active {
  background-position: -72px -72px;
}

.icon-org.active {
  background-position: -108px -108px;
}

.icon-access.active {
  background-position: 0 -144px;
}

.icon-payment.active {
  background-position: 0 -108px;
}

.icon-account.active {
  background-position: -72px -108px;
}

.icon-eventlog.active {
  background-position: -36px -72px;
}

.icon-apikey.active {
  background-position: -72px -144px;
}

.dashboard-stats-table td,
.dashboard-stats-table th {
  padding: 0.2rem;
}

/** signup */

html.login,
html.login body {
  background: #2f1f6d;
}

.form-signin {
  width: 100%;
  max-width: 320px;
  margin: auto;
}

.btn-primary.btn-primary {
  background-color: #ff0083;
  border-color: #ef007b;
}

html.login .form-label {
  font-size: 1rem;
  font-weight: normal;
  line-height: 1;
}

/* utilities */

.c-critical {
  color: #000;
}

.c-high {
  color: #ea005e;
}

.c-moderate {
  color: #fda809;
}

.c-low {
  color: #aaaaaa;
}

.text-sm {
  font-size: 0.8rem;
}

/* resets */
.grecaptcha-badge {
  visibility: hidden;
}