:root {
  --aaYellow: rgba(255, 204, 0, 1);
  --aaBlack: rgba(43, 41, 41, 1);
  --aaWhite: rgba(255, 255, 255, 1);
/*   --aaYellowLight: rgba(255, 237, 184, 1); */
  --aaYellowLight: rgba(255, 204, 0, 0.3);
/*   --aaBlackLight: rgba(170, 171, 172, 1); */
  --aaBlackLight: rgba(43, 41, 41, 0.3);
  --aaRuby: rgba(219, 4, 118, 1);
  --aaRubyLight: rgba(219, 4, 118, 0.3);
  --aaAqua: rgba(0, 156, 182, 1);
  --aaAquaLight: rgba(0, 156, 182, 0.3);
  --background: rgba(246, 246, 246, 1);
  --aaBlackHover: #2B2929;
  --aaOddRow: rgba(255, 255, 255, 1);
  --aaEvenRow: rgba(246, 246, 246, 1);
}




.card.card-unity.level-1 > .card-header{
    background-color: #F3D250;
}
.card.card-unity .btn-unity{
    background-color: transparent;
}
.card.card-unity .btn-unity:hover{
    background-color: gray;
    color: white;
}

.card.card-unity.level-2 > .card-header{
    background-color: #90CCF4;
}
.card.card-unity.level-2 > .card-body{
    background-color: #f3f9fd;
}

.card.card-unity.level-3 > .card-header{
    background-color: #5DA2D5;
}
.card.card-unity.level-3 > .card-body{
    background-color: #eef5fa;
}

.card.card-unity.level-4 > .card-header{
    background-color: #F78888;
}
.card.card-unity.level-4 > .card-body{
    background-color: #fef3f3;
}

.card.card-unity.level-5 > .card-header{
    background-color: #ECECEC;
}
.card.card-unity.level-5 > .card-body{
    background-color: #f9f9f9;
}