:root {
    --theme-deafult: #174ea6;
    --theme-secondary: #FA9C05;
    --theme-info : #1a73e8;
    --theme-danger : #ab2319;
    --theme-success : #009b4c;
    --light-background: rgba(242, 243, 247, 0.7);
    --light-background-primary : #e1edff;
    --body-font-color: #2F2F3B;
    --chart-border: #ECF3FA;
    --recent-chart-bg: #FCFCFD;
    --light-bg: #EEF1F6;
    --white: #fff;
    --light2: #F5F6F9;
    --sidebar-border: rgba(0, 0, 0, 0.1);
    --chart-text-color: rgba(82, 82, 108, 0.8);
    --recent-dashed-border: rgba(82, 82, 108, 0.3);
    --chart-dashed-border: rgba(82, 82, 108, 0.2);
    --chart-progress-light: rgba(82, 82, 108, 0.1);
    --recent-box-bg: #F2F4F7;
    --recent-border: rgba(97, 101, 122, 0.25);
    --course-light-btn: #F2F3F7;
    --course-bg: #F7F7F7;
    --balance-profie-bg: #E0DFEF;
    --view-grid-bg: #ECF3FA80;
    --view-border-marker: #cfcdfc;
    --light-slate: #F5F6F9;
    --text-gray: rgba(82, 82, 108, 0.8);
    --product-shadow: 0px 1px 0px rgba(82, 82, 108, 0.15);
    --light-shade-primary: rgba(245, 244, 255);
    --dark-primary: rgba(115, 102, 255);
    --fc-button-bg-color: var(--theme-deafult);
    --fc-button-active-bg-color: var(--theme-deafult);
    --fc-button-active-border-color: var(--theme-deafult);
    --fc-button-border-color: var(--theme-deafult);
    --fc-button-hover-bg-color: var(--theme-deafult);
    --fc-button-hover-border-color: var(--theme-deafult);
    --normal: #ECEAF3;
    --normal-shadow: #D9D8E3;
    --normal-mouth: #9795A4;
    --normal-eye: #595861;
    --active: #F8DA69;
    --active-shadow: #F4B555;
    --active-mouth: #F05136;
    --active-eye: #313036;
    --active-tear: #76b5e7;
    --active-shadow-angry: #e94f1d;
    /* Do not show the "remove tag" (x) button when only a single tag remains */
  }

  .display td.level1 {
    font-weight: bold;
    color : var(--theme-deafult) !important;;
  }

  .display td.level2 {
      font-weight: bold;
      color: var(--theme-secondary) !important;;
  }

  .display td.level3 {
      color: var(--theme-info);
      font-weight: bold !important;;
  }

  .display td.level4{
      clear: left;    
      font-weight: bold !important;;    
  }
  .display td.level5{    
      font-weight: bold !important;;
  }

  .display td.level_kegiatan{
      font-weight: bold;
      color: var(--theme-danger) !important;;
      
  }
  .display td.level_akun{
      font-weight: bold;
      color: var(--theme-success) !important;;    
  }

  .display td.level_iku{
      font-size: 12px;
      font-style: italic;
  }

  .minus {
    background-color: #fff7f7 !important;
    color: #FC4438;
  }