:root {
    --transparent: transparent;
    --black: #22292f;
    --white: white;
    --white-50: rgba(255, 255, 255, 0.5);
    --danger: #BF0E0E;
    --success: #21b978;
    --warning: #ffeb3b;
    --info: #03a9f4;
    --primary: #ed4a68;
    --primary-dark: #cc4059;
    --primary-70: rgba(237, 74, 104, 0.7);
    --primary-50: rgba(237, 74, 104, 0.5);
    --primary-30: rgba(237, 74, 104, 0.3);
    --primary-10: rgba(237, 74, 104, 0.1);
    --logo: ;
    --sidebar-icon: #b3c1d1;
    --20: #f6fbff;
    --30: #f4f7fa;
    --40: #eef1f4;
    --50: #e3e7eb;
    --60: #bacad6;
    --70: #b3b9bf;
    --80: #7c858e;
    --90: #252d37;
    --90-half: rgba(40, 54, 61, 0.5);
  }
  .page-header {
      background: black;
  }
  /* custom */
  body {
      /* background-color: rgba(237, 74, 104, 0.02) !important; */
      background-color: #fff !important;
  }
  .bg-grad-sidebar {
      background: white;
      box-shadow: 0px 4px 80px rgba(0, 0, 0, 0.08) !important;
  }
  .bg-logo svg {
      padding-left: 32px;
  }

  svg.nova-logo, svg.nova-logo path {
      fill: black !important;
  }
  .w-sidebar svg.nova-logo, .w-sidebar svg.nova-logo path {
    fill: white !important;
  }
  .bg-grad-sidebar a div {
      background: black;
  }
  .bg-grad-sidebar span,
  .bg-grad-sidebar a {
      color: #333333;
  }
  .bg-grad-sidebar h4{
      color: black;
  }
  .w-sidebar {
      box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);
  }
  .content .h-header {
      background: black;
  }
  .content .h-header > a {
      display: none;
  }
  .content .h-header .dropdown-trigger span {
      color: white;
  }
  .content .h-header .dropdown-trigger svg path {
      fill: white;
  }
  .card {
      background: #FFFFFF;
      border: 1.5px solid #F2F2F2;
      box-sizing: border-box;
      box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.08);
      border-radius: 16px;
  }