.primary {
  color: #8e80e3 !important;
}

.secondary {
  color: #6c757d !important;
}

.success {
  color: #21c1d6 !important;
}

.info {
  color: #1e88e5 !important;
}

.warning {
  color: #ffb22b !important;
}

.danger {
  color: #fc4b6c !important;
}

.light {
  color: #f2f4f8 !important;
}

.dark {
  color: #343a40 !important;
}

.cyan {
  color: #26c6da !important;
}

.orange {
  color: #fb8c00 !important;
}

.purple {
  color: #8e80e3 !important;
}

.inverse {
  color: #2f3d4a !important;
}

.megna {
  color: #01c0c8 !important;
}

.light-danger {
  color: #f9e7eb !important;
}

.light-success {
  color: #a8eef7 !important;
}

.light-warning {
  color: #fff8ec !important;
}

.light-primary {
  color: #f1effd !important;
}

.light-info {
  color: #cfecfe !important;
}

.light-inverse {
  color: #f6f6f6 !important;
}

.light-megna {
  color: #e0f2f4 !important;
}

.light-secondary {
  color: #dde1e4 !important;
}

.dark-danger {
  color: #e6294b !important;
}

.dark-success {
  color: #1eacbe !important;
}

.dark-warning {
  color: #e9ab2e !important;
}

.dark-primary {
  color: #6352ce !important;
}

.dark-info {
  color: #028ee1 !important;
}

.muted-text {
  color: #a1aab2;
}

.bg-primary {
  background-color: #7460ee !important;
}

.bg-secondary {
  background-color: #6c757d !important;
}

.bg-success {
  background-color: #21c1d6 !important;
}

.bg-info {
  background-color: #1e88e5 !important;
}

.bg-warning {
  background-color: #ffb22b !important;
}

.bg-danger {
  background-color: #fc4b6c !important;
}

.bg-light {
  background-color: #f2f4f8 !important;
}

.bg-dark {
  background-color: #343a40 !important;
}

.bg-cyan {
  background-color: #26c6da !important;
}

.bg-orange {
  background-color: #fb8c00 !important;
}

.bg-purple {
  background-color: #8e80e3 !important;
}

.bg-inverse {
  background-color: #2f3d4a !important;
}

.bg-megna {
  background-color: #01c0c8 !important;
}

.bg-light-danger {
  background-color: #f9e7eb !important;
}

.bg-light-success {
  background-color: #a8eef7 !important;
}

.bg-light-warning {
  background-color: #fff8ec !important;
}

.bg-light-primary {
  background-color: #f1effd !important;
}

.bg-light-info {
  background-color: #cfecfe !important;
}

.bg-light-inverse {
  background-color: #f6f6f6 !important;
}

.bg-light-megna {
  background-color: #e0f2f4 !important;
}

.bg-light-secondary {
  background-color: #dde1e4 !important;
}

.bg-dark-danger {
  background-color: #e6294b !important;
}

.bg-dark-success {
  background-color: #1eacbe !important;
}

.bg-dark-warning {
  background-color: #e9ab2e !important;
}

.bg-dark-primary {
  background-color: #6352ce !important;
}

.bg-dark-info {
  background-color: #028ee1 !important;
}

html#admin-html {
  background-color: goldenrod;
  width: 100vw;
}

body#admin-body {
  min-height: 100vh;
  max-width: 960px;
  margin: 0 auto;
  padding: 0 0 1rem 0;
  background: white;
}

body#admin-body main {
  margin: 0 auto 100px;
}

body#admin-body main nav.admin-top-bar {
  display: none;
}

body#admin-body main h1.page-header {
  font-size: 28px;
  color: #fc4b6c;
}

body#admin-body main h2#user-name {
  font-weight: 800;
}

body#admin-body main p {
  font-size: 20px;
}

body#admin-body main .breadcrumbs-wrapper {
  display: none;
}

body#admin-body main .btn-admin {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

body#admin-body main .cms-table {
  margin-bottom: 1rem;
}

body#admin-body main .feature-title {
  font-family: "Exo";
  font-weight: 600;
}

body#admin-body main .feature-header {
  padding-bottom: 1rem;
}

body#admin-body main .feature-header .feature-title i {
  padding-right: 0.5rem;
}

body#admin-body main .point-value {
  font-size: small;
  font-weight: 800;
  font-family: "Exo", sans-serif;
}

body#admin-body main a:not(.cke_button, .btn-admin) {
  border-bottom: 1px solid #1e88e5;
}

body#admin-body .app-tray {
  position: relative;
  max-width: 100%;
  padding: 1rem 0 0 0;
  margin-bottom: 2rem;
  height: auto !important;
  background-color: #2762d9;
  color: white;
}

body#admin-body .app-tray #tray-menu {
  max-width: 600px;
  margin: 0 auto;
  padding-bottom: 1rem;
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: relative;
  top: 20%;
}

body#admin-body .app-tray #tray-menu .tray-menu-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

body#admin-body .app-tray #tray-menu .tray-menu-item:hover {
  cursor: pointer;
}

body#admin-body .feature-body {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 16px;
}