:root {
  --theme-bg: #07a986;
  --theme-dark: #324085;
  --theme-alt: #1b57b3;
  --theme-alt-dark: #324085;
  --theme-bg-fade: rgba(7, 169, 134, 0.7);
  --theme-bg-fade-50: rgba(7, 169, 134, 0.5);
}
.app-on {
  --header-width: 100%;
  --header-background-color: rgba(255, 255, 255, 0.05);
  --header-color: var(--black-skin);
  --app-sidebar-width: 220px;
  --app-sidebar-width-hide: -220px;
  --app-sidebar-bg: var(--theme-alt);
  --app-sidebar-color: var(--white);
}
.app-on.app-auth-on {
  --header-background-color: #07a986;
}
.app-on.app-auth-on .header-main {
  --grad-deg: 120deg;
  --hm-leftbg: #ffffff;
  background: var(--theme-bg);
  background: -moz-linear-gradient(var(--grad-deg), var(--hm-leftbg) 0%, var(--theme-alt) 100%);
  background: -webkit-linear-gradient(var(--grad-deg), var(--hm-leftbg) 0%, var(--theme-alt) 100%);
  background: linear-gradient(var(--grad-deg), var(--hm-leftbg) 0%, var(--theme-alt) 100%);
}
.header-main {
  background-color: var(--header-background-color);
  color: var(--header-color);
  box-shadow: 0px 2px 25px rgba(82, 82, 82, 0.01);
  --hm-grade2: rgba(27, 87, 179, 0.05);
}