/**
  @desc:    defines all colours and shemes
  @usage:   do not duplicate colours, concat class
*/

/* ----- ### BACKGROUNDS ----- */
/* light creamwhite */
body, .dashboard, .pluginList .active a {
  //background: #f1f1eb;
  background: #f7f4f2;
}
    .pluginList a:hover {
      background-color: #585858;
    }

/* lightgray */
  .sidebar {
    background-color: #333;
  }

/* light gray */
.content {
  //background-color: #EEE;
  background-color: #FDFBFA;
}

/* white */
    .item .itemContent, .item .handle {
      background: #FFF;
    }



/* ----- ### Font colours ----- */
/* light cold white */
a {
  color: #F1F1F1;
}

/* light cold gray */
  .sidebar {
    color: #FDFBFA;
  }

/* dark gray */
.pluginList .active a {
  color: #222;
}

/* gray */
.item {
  color: #888;
}

/* lighter gray */
  .content header {
      color: #BFBFBF;
    }

/* darker gray */
  .item .handle {
    color: rgba(10, 10, 10, 0.3);
  }

/* ----- ### border colours ----- */
/* light cold white*/
    .sidebar header, .pluginList a {
      border-bottom-color: #585858 !important;
    }



/* #### themes for tiles on dashboard ----- */
/* blue */
.b {
  background-color: #79BDE0 !important;
  border-color: #D5D6F2 !important;
  color: white !important;
}
  .b .handle {
    background-color: #6CB0D5 !important;
    color: white;
  }

/* green */
.g {
  background-color: #4BBD78 !important;
  color: white !important;
}
  .g .handle {
    background-color: #38AB68 !important;
    color: white;
  }

/* red */
.r {
  background-color: #EB7D7C !important;
  border-color: #D5D6F2 !important;
  color: white !important;
}
  .r .handle {
    background-color: #D96F6F !important;
    color: white;
  }

/* orange */
.o {
  background-color: #F1A655 !important;
  border-color: #D5D6F2 !important;
  color: white !important;
}
  .o .handle {
    background-color: #D58641 !important;
    color: white;
  }

/* dark gray */
.dg {
  background-color: #59686B !important;
  border-color: #D5D6F2 !important;
  color: white !important;
}
  .dg .handle {
    background-color: #556063 !important;
    color: white;
  }

/* light gray */
.lg {
  background-color: #68777A !important;
  border-color: #D5D6F2 !important;
  color: white !important;
}
  .lg .handle {
    background-color: #626E70 !important;
    color: white;
  }