/* line 1, ../../assets/dashboard.scss */
:root {
  --ciomagenta: #E20388;
  --color-primary: #3c8dbc;
  --body-bg: #ecf0f5;
  /* Header */
  --user-name-color: #fff;
  --content-search-icon-color: #fff;
  --responsive-header-bg: #fff;
  --user-avatar-icon-bg: #fff;
  /* Content */
  --content-bg: #fff;
  /* Sidebar */
  --sidebar-menu-items-padding-left: 16px;
  --sidebar-menu-items-padding-right: 16px;
  --sidebar-bg: #222d32;
  --main-menu-bg: #2c3b41;
  --sidebar-header-bg: #c90079;
  --sidebar-border-color: var(--sidebar-bg);
  --sidebar-color: #b8c7ce;
  --sidebar-menu-color: #8aa4af;
  --sidebar-logo-color: #fff;
  --sidebar-menu-header-color: --gray-100;
  --sidebar-menu-header-bg: #1a2226;
  --resize-handler-hover-bg: --color-primary;
  /* Links */
  --link-color: var(--color-primary);
  /* Buttons / Forms */
  --form-switch-checked-bg: var(--color-primary);
  --form-type-check-input-checked-bg: var(--color-primary);
  --shadow-lg: 0 3px 3px -3px rgba(15, 23, 43, 0.1), 0 3px 3px -3px rgba(15, 23, 42, 0.1);
}

/* line 39, ../../assets/dashboard.scss */
.ea-dark-scheme {
  --body-bg: #121212;
  --content-bg: #1f1f1f;
  --user-name-color: #fff;
  --user-avatar-icon-bg: #fff;
  --content-search-icon-color: #fff;
  --sidebar-bg: #1f1f1f;
  --main-menu-bg: #383838;
  --content-search-input-bg: var(--content-bg);
}

/* Header */
/* line 54, ../../assets/dashboard.scss */
.content-top {
  background: var(--ciomagenta);
}
/* line 57, ../../assets/dashboard.scss */
.content-top .content-search .content-search-icon {
  margin-right: 6px;
}

/* Content */
/* line 63, ../../assets/dashboard.scss */
.content-wrapper {
  padding: 20px;
}

/* line 67, ../../assets/dashboard.scss */
.content {
  padding: 10px;
  border-top: 3px solid var(--color-primary);
  border-radius: 3px;
  background: var(--content-bg);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

/* line 75, ../../assets/dashboard.scss */
.ea-dark-scheme .content {
  border-top-color: #425770;
}

/* line 79, ../../assets/dashboard.scss */
.content-header-title .title {
  font-weight: 300;
}

@media (min-width: 768px) {
  /* line 84, ../../assets/dashboard.scss */
  .content-header {
    background: var(--content-bg);
    padding-top: 16px;
  }
}
/* line 90, ../../assets/dashboard.scss */
.responsive-header #responsive-header-logo a {
  display: block;
}

/* line 94, ../../assets/dashboard.scss */
.content-top .dropdown-appearance .dropdown-appearance-button {
  color: #fff;
}

/* line 98, ../../assets/dashboard.scss */
.responsive-header .logo-image {
  max-width: 100%;
  max-height: 45px;
}

/* Sidebar */
/* line 104, ../../assets/dashboard.scss */
.sidebar {
  color: var(--sidebar-color);
  padding: 0;
}

/* line 109, ../../assets/dashboard.scss */
#main-menu {
  background: var(--main-menu-bg);
  padding: 20px 0;
}
/* line 113, ../../assets/dashboard.scss */
#main-menu .menu .menu-icon {
  vertical-align: baseline;
}
/* line 117, ../../assets/dashboard.scss */
#main-menu .menu .menu-item {
  border-radius: 0;
}
/* line 121, ../../assets/dashboard.scss */
#main-menu .menu .menu-header {
  background: var(--sidebar-menu-header-bg);
}

/* line 126, ../../assets/dashboard.scss */
.main-header #header-logo {
  background: var(--sidebar-header-bg);
  padding: 0 8px 0 20px;
  display: flex;
  align-items: center;
  gap: 10px;
  height: 56px;
}
/* line 134, ../../assets/dashboard.scss */
.main-header #header-logo a {
  padding: 0;
}
/* line 138, ../../assets/dashboard.scss */
.main-header #header-logo .fas {
  font-size: 18px;
  padding: 2px 2px 0 0;
}
/* line 143, ../../assets/dashboard.scss */
.main-header #header-logo .logo .logo-image {
  max-width: 140px;
}

/* line 148, ../../assets/dashboard.scss */
body.ea-sidebar-width-normal .sidebar .main-header .navbar,
body.ea-sidebar-width-compact .sidebar .main-header .navbar {
  padding-left: 0;
}

/* line 153, ../../assets/dashboard.scss */
body.ea-sidebar-width-compact .main-header #header-logo {
  padding: 0;
  justify-content: center;
}
/* line 157, ../../assets/dashboard.scss */
body.ea-sidebar-width-compact .main-header #header-logo .logo {
  display: none;
}

/* line 162, ../../assets/dashboard.scss */
.page-login .main-header #header-logo {
  background: transparent;
}