.btn-balancer-on:hover {
  color: #ccc; }

.btn-balancer-off:hover {
  color: #eee; }

/* ENVIRONMENT COLORS ========================= */
/* QUEUEs COLORS ============================== */
/* MICRO APPS COLORS ============================ */
.btn-balancer-off-DEV {
  background: #a6a6c7;
  border: 1px solid #8787b4;
  color: #333; }

.btn-balancer-on-DEV {
  background: #7777aa;
  border: 1px solid #6767a0;
  color: white; }

.process-handler-balance-off-DEV {
  background-color: #b6b6d1 !important; }

.process-handler-balance-on-DEV {
  background-color: #9696be !important; }

.autobalancing-off-DEV {
  background: repeating-linear-gradient(35deg, #9d9dc2, #9d9dc2 4px, #a6a6c7 4px, #a6a6c7 8px, #afafcd 12px); }

.autobalancing-on-DEV {
  background-color: #343454 !important;
  background: repeating-linear-gradient(-35deg, #58588c, #58588c 4px, #525283 4px, #525283 8px, #4c4c79 12px); }

.title-DEV {
  color: #d5d5e5 !important; }

.btn-balancer-off-QA {
  background: #c4ac88;
  border: 1px solid #b39466;
  color: #333; }

.btn-balancer-on-QA {
  background: #aa8855;
  border: 1px solid #997a4d;
  color: white; }

.process-handler-balance-off-QA {
  background-color: #ccb899 !important; }

.process-handler-balance-on-QA {
  background-color: #bba077 !important; }

.autobalancing-off-QA {
  background: repeating-linear-gradient(35deg, #bea57e, #bea57e 4px, #c4ac88 4px, #c4ac88 8px, #c9b392 12px); }

.autobalancing-on-QA {
  background-color: #443622 !important;
  background: repeating-linear-gradient(-35deg, #816741, #816741 4px, #775f3c 4px, #775f3c 8px, #6d5736 12px); }

.title-QA {
  color: #ddcfbb !important; }

.btn-balancer-off-LOCAL {
  background: #94b8a0;
  border: 1px solid #75a385;
  color: #333; }

.btn-balancer-on-LOCAL {
  background: #669977;
  border: 1px solid #5c8a6b;
  color: white; }

.process-handler-balance-off-LOCAL {
  background-color: #a3c2ad !important; }

.process-handler-balance-on-LOCAL {
  background-color: #85ad92 !important; }

.autobalancing-off-LOCAL {
  background: repeating-linear-gradient(35deg, #8bb198, #8bb198 4px, #94b8a0 4px, #94b8a0 8px, #9dbea8 12px); }

.autobalancing-on-LOCAL {
  background-color: #293d30 !important;
  background: repeating-linear-gradient(-35deg, #4e745a, #4e745a 4px, #476b53 4px, #476b53 8px, #41624c 12px); }

.title-LOCAL {
  color: #c2d6c9 !important; }

.btn-balancer-off-PROD {
  background: #c597a3;
  border: 1px solid #b37686;
  color: #333; }

.btn-balancer-on-PROD {
  background: #aa6677;
  border: 1px solid #9e586a;
  color: white; }

.process-handler-balance-off-PROD {
  background-color: #cea8b1 !important; }

.process-handler-balance-on-PROD {
  background-color: #bc8794 !important; }

.autobalancing-off-PROD {
  background: repeating-linear-gradient(35deg, #c08d9a, #c08d9a 4px, #c597a3 4px, #c597a3 8px, #cba1ab 12px); }

.autobalancing-on-PROD {
  background-color: #4d2b33 !important;
  background: repeating-linear-gradient(-35deg, #884b5a, #884b5a 4px, #7e4654 4px, #7e4654 8px, #74404d 12px); }

.title-PROD {
  color: #e1c8ce !important; }

.bg-magenta {
  background: #793fa6;
  background: -webkit-linear-gradient(#ab7ece, #5e3181);
  background: linear-gradient(#ab7ece, #5e3181); }

.bg-command-magenta {
  background: #793fa6;
  background: -webkit-linear-gradient(#5e3181, #ab7ece);
  background: linear-gradient(#5e3181, #ab7ece); }

.box-magenta {
  background: #eee9f2;
  border-top: 4px solid #c3a3dc;
  border-radius: 4px;
  position: relative;
  margin-bottom: 18px;
  margin-left: -5px;
  margin-right: -5px;
  box-shadow: 3px 8px 11px rgba(0, 0, 0, 0.8); }

.box-header-magenta {
  background-color: #dbc8ea !important; }

.bg-balancer-magenta {
  background: #361c4a;
  background: -webkit-linear-gradient(#1b0e25, #6c3894);
  background: linear-gradient(#1b0e25, #6c3894); }

.btn-magenta {
  background: #9f6bc7;
  border: 1px solid #8746b9;
  color: white; }

.btn-light-magenta {
  background: #dbc8ea;
  border: 1px solid #c3a3dc;
  color: #512a6f; }

.text-magenta {
  color: #6c3894 !important; }

.border-magenta {
  border-bottom: 1px solid #cfb5e3; }

.btn-qmagentaA {
  color: white;
  background-color: #281537;
  border: 1px solid #43235c !important; }

.btn-qmagentaB {
  color: white;
  background-color: #43235c;
  border: 1px solid #5e3181 !important; }

.btn-qmagentaC {
  color: white;
  background-color: #5e3181;
  border: 1px solid #793fa6 !important; }

.btn-qmagentaD {
  color: white;
  background-color: #793fa6;
  border: 1px solid #9359c0 !important; }

.btn-qmagentaE {
  color: white;
  background-color: #9359c0;
  border: 1px solid #ab7ece !important; }

.btn-qmagentaU {
  color: white;
  background-color: #2a0845;
  border: 1px solid #460d73 !important; }

.btn-qmagentaX {
  color: #a55;
  background-color: #c1b3cc;
  border: 1px solid #a55 !important; }

.bg-blue {
  background: #3f64a6;
  background: -webkit-linear-gradient(#7e9ace, #314e81);
  background: linear-gradient(#7e9ace, #314e81); }

.bg-command-blue {
  background: #3f64a6;
  background: -webkit-linear-gradient(#314e81, #7e9ace);
  background: linear-gradient(#314e81, #7e9ace); }

.box-blue {
  background: #e9ecf2;
  border-top: 4px solid #a3b7dc;
  border-radius: 4px;
  position: relative;
  margin-bottom: 18px;
  margin-left: -5px;
  margin-right: -5px;
  box-shadow: 3px 8px 11px rgba(0, 0, 0, 0.8); }

.box-header-blue {
  background-color: #c8d4ea !important; }

.bg-balancer-blue {
  background: #1c2c4a;
  background: -webkit-linear-gradient(#0e1625, #385994);
  background: linear-gradient(#0e1625, #385994); }

.btn-blue {
  background: #6b8cc7;
  border: 1px solid #466fb9;
  color: white; }

.btn-light-blue {
  background: #c8d4ea;
  border: 1px solid #a3b7dc;
  color: #2a436f; }

.text-blue {
  color: #385994 !important; }

.border-blue {
  border-bottom: 1px solid #b5c5e3; }

.btn-qblueA {
  color: white;
  background-color: #152137;
  border: 1px solid #23385c !important; }

.btn-qblueB {
  color: white;
  background-color: #23385c;
  border: 1px solid #314e81 !important; }

.btn-qblueC {
  color: white;
  background-color: #314e81;
  border: 1px solid #3f64a6 !important; }

.btn-qblueD {
  color: white;
  background-color: #3f64a6;
  border: 1px solid #597dc0 !important; }

.btn-qblueE {
  color: white;
  background-color: #597dc0;
  border: 1px solid #7e9ace !important; }

.btn-qblueU {
  color: white;
  background-color: #081d45;
  border: 1px solid #0d3173 !important; }

.btn-qblueX {
  color: #a55;
  background-color: #b3bccc;
  border: 1px solid #a55 !important; }

.bg-grey {
  background: #6a6a6a;
  background: -webkit-linear-gradient(#9d9d9d, #515151);
  background: linear-gradient(#9d9d9d, #515151); }

.bg-command-grey {
  background: #6a6a6a;
  background: -webkit-linear-gradient(#515151, #9d9d9d);
  background: linear-gradient(#515151, #9d9d9d); }

.box-grey {
  background: #e5e5e5;
  border-top: 4px solid #b7b7b7;
  border-radius: 4px;
  position: relative;
  margin-bottom: 18px;
  margin-left: -5px;
  margin-right: -5px;
  box-shadow: 3px 8px 11px rgba(0, 0, 0, 0.8); }

.box-header-grey {
  background-color: #d0d0d0 !important; }

.bg-balancer-grey {
  background: #2b2b2b;
  background: -webkit-linear-gradient(#111111, #5e5e5e);
  background: linear-gradient(#111111, #5e5e5e); }

.btn-grey {
  background: #919191;
  border: 1px solid #777777;
  color: white; }

.btn-light-grey {
  background: #d0d0d0;
  border: 1px solid #b7b7b7;
  color: #444444; }

.text-grey {
  color: #5e5e5e !important; }

.border-grey {
  border-bottom: 1px solid #c4c4c4; }

.btn-qgreyA {
  color: white;
  background-color: #1e1e1e;
  border: 1px solid #373737 !important; }

.btn-qgreyB {
  color: white;
  background-color: #373737;
  border: 1px solid #515151 !important; }

.btn-qgreyC {
  color: white;
  background-color: #515151;
  border: 1px solid #6a6a6a !important; }

.btn-qgreyD {
  color: white;
  background-color: #6a6a6a;
  border: 1px solid #848484 !important; }

.btn-qgreyE {
  color: white;
  background-color: #848484;
  border: 1px solid #9d9d9d !important; }

.btn-qgreyU {
  color: white;
  background-color: #281313;
  border: 1px solid #4b2424 !important; }

.btn-qgreyX {
  color: #a55;
  background-color: #b7b7b7;
  border: 1px solid #a55 !important; }

.bg-teal {
  background: #3fa68a;
  background: -webkit-linear-gradient(#7eceb8, #31816b);
  background: linear-gradient(#7eceb8, #31816b); }

.bg-command-teal {
  background: #3fa68a;
  background: -webkit-linear-gradient(#31816b, #7eceb8);
  background: linear-gradient(#31816b, #7eceb8); }

.box-teal {
  background: #e9f2ef;
  border-top: 4px solid #a3dccc;
  border-radius: 4px;
  position: relative;
  margin-bottom: 18px;
  margin-left: -5px;
  margin-right: -5px;
  box-shadow: 3px 8px 11px rgba(0, 0, 0, 0.8); }

.box-header-teal {
  background-color: #c8eae1 !important; }

.bg-balancer-teal {
  background: #1c4a3d;
  background: -webkit-linear-gradient(#0e251f, #38947b);
  background: linear-gradient(#0e251f, #38947b); }

.btn-teal {
  background: #6bc7ae;
  border: 1px solid #46b999;
  color: white; }

.btn-light-teal {
  background: #c8eae1;
  border: 1px solid #a3dccc;
  color: #2a6f5c; }

.text-teal {
  color: #38947b !important; }

.border-teal {
  border-bottom: 1px solid #b5e3d6; }

.btn-qtealA {
  color: white;
  background-color: #15372e;
  border: 1px solid #235c4d !important; }

.btn-qtealB {
  color: white;
  background-color: #235c4d;
  border: 1px solid #31816b !important; }

.btn-qtealC {
  color: white;
  background-color: #31816b;
  border: 1px solid #3fa68a !important; }

.btn-qtealD {
  color: white;
  background-color: #3fa68a;
  border: 1px solid #59c0a4 !important; }

.btn-qtealE {
  color: white;
  background-color: #59c0a4;
  border: 1px solid #7eceb8 !important; }

.btn-qtealU {
  color: white;
  background-color: #084534;
  border: 1px solid #0d7357 !important; }

.btn-qtealX {
  color: #a55;
  background-color: #b3ccc5;
  border: 1px solid #a55 !important; }

.bg-navy {
  background: #433fa6;
  background: -webkit-linear-gradient(#817ece, #343181);
  background: linear-gradient(#817ece, #343181); }

.bg-command-navy {
  background: #433fa6;
  background: -webkit-linear-gradient(#343181, #817ece);
  background: linear-gradient(#343181, #817ece); }

.box-navy {
  background: #e9e9f2;
  border-top: 4px solid #a5a3dc;
  border-radius: 4px;
  position: relative;
  margin-bottom: 18px;
  margin-left: -5px;
  margin-right: -5px;
  box-shadow: 3px 8px 11px rgba(0, 0, 0, 0.8); }

.box-header-navy {
  background-color: #c9c8ea !important; }

.bg-balancer-navy {
  background: #1e1c4a;
  background: -webkit-linear-gradient(#0f0e25, #3c3894);
  background: linear-gradient(#0f0e25, #3c3894); }

.btn-navy {
  background: #6f6bc7;
  border: 1px solid #4b46b9;
  color: white; }

.btn-light-navy {
  background: #c9c8ea;
  border: 1px solid #a5a3dc;
  color: #2d2a6f; }

.text-navy {
  color: #3c3894 !important; }

.border-navy {
  border-bottom: 1px solid #b7b5e3; }

.btn-qnavyA {
  color: white;
  background-color: #161537;
  border: 1px solid #25235c !important; }

.btn-qnavyB {
  color: white;
  background-color: #25235c;
  border: 1px solid #343181 !important; }

.btn-qnavyC {
  color: white;
  background-color: #343181;
  border: 1px solid #433fa6 !important; }

.btn-qnavyD {
  color: white;
  background-color: #433fa6;
  border: 1px solid #5d59c0 !important; }

.btn-qnavyE {
  color: white;
  background-color: #5d59c0;
  border: 1px solid #817ece !important; }

.btn-qnavyU {
  color: white;
  background-color: #0a0845;
  border: 1px solid #110d73 !important; }

.btn-qnavyX {
  color: #a55;
  background-color: #b4b3cc;
  border: 1px solid #a55 !important; }

.bg-brown {
  background: #a66d3f;
  background: -webkit-linear-gradient(#cea17e, #815531);
  background: linear-gradient(#cea17e, #815531); }

.bg-command-brown {
  background: #a66d3f;
  background: -webkit-linear-gradient(#815531, #cea17e);
  background: linear-gradient(#815531, #cea17e); }

.box-brown {
  background: #f2ede9;
  border-top: 4px solid #dcbca3;
  border-radius: 4px;
  position: relative;
  margin-bottom: 18px;
  margin-left: -5px;
  margin-right: -5px;
  box-shadow: 3px 8px 11px rgba(0, 0, 0, 0.8); }

.box-header-brown {
  background-color: #ead7c8 !important; }

.bg-balancer-brown {
  background: #4a301c;
  background: -webkit-linear-gradient(#25180e, #946138);
  background: linear-gradient(#25180e, #946138); }

.btn-brown {
  background: #c7946b;
  border: 1px solid #b97946;
  color: white; }

.btn-light-brown {
  background: #ead7c8;
  border: 1px solid #dcbca3;
  color: #6f492a; }

.text-brown {
  color: #946138 !important; }

.border-brown {
  border-bottom: 1px solid #e3c9b5; }

.btn-qbrownA {
  color: white;
  background-color: #372415;
  border: 1px solid #5c3c23 !important; }

.btn-qbrownB {
  color: white;
  background-color: #5c3c23;
  border: 1px solid #815531 !important; }

.btn-qbrownC {
  color: white;
  background-color: #815531;
  border: 1px solid #a66d3f !important; }

.btn-qbrownD {
  color: white;
  background-color: #a66d3f;
  border: 1px solid #c08659 !important; }

.btn-qbrownE {
  color: white;
  background-color: #c08659;
  border: 1px solid #cea17e !important; }

.btn-qbrownU {
  color: white;
  background-color: #452308;
  border: 1px solid #733a0d !important; }

.btn-qbrownX {
  color: #a55;
  background-color: #ccbeb3;
  border: 1px solid #a55 !important; }

.bg-violet {
  background: #593fa6;
  background: -webkit-linear-gradient(#927ece, #463181);
  background: linear-gradient(#927ece, #463181); }

.bg-command-violet {
  background: #593fa6;
  background: -webkit-linear-gradient(#463181, #927ece);
  background: linear-gradient(#463181, #927ece); }

.box-violet {
  background: #ebe9f2;
  border-top: 4px solid #b1a3dc;
  border-radius: 4px;
  position: relative;
  margin-bottom: 18px;
  margin-left: -5px;
  margin-right: -5px;
  box-shadow: 3px 8px 11px rgba(0, 0, 0, 0.8); }

.box-header-violet {
  background-color: #d0c8ea !important; }

.bg-balancer-violet {
  background: #281c4a;
  background: -webkit-linear-gradient(#140e25, #503894);
  background: linear-gradient(#140e25, #503894); }

.btn-violet {
  background: #836bc7;
  border: 1px solid #6346b9;
  color: white; }

.btn-light-violet {
  background: #d0c8ea;
  border: 1px solid #b1a3dc;
  color: #3c2a6f; }

.text-violet {
  color: #503894 !important; }

.border-violet {
  border-bottom: 1px solid #c1b5e3; }

.btn-qvioletA {
  color: white;
  background-color: #1e1537;
  border: 1px solid #32235c !important; }

.btn-qvioletB {
  color: white;
  background-color: #32235c;
  border: 1px solid #463181 !important; }

.btn-qvioletC {
  color: white;
  background-color: #463181;
  border: 1px solid #593fa6 !important; }

.btn-qvioletD {
  color: white;
  background-color: #593fa6;
  border: 1px solid #7359c0 !important; }

.btn-qvioletE {
  color: white;
  background-color: #7359c0;
  border: 1px solid #927ece !important; }

.btn-qvioletU {
  color: white;
  background-color: #170845;
  border: 1px solid #270d73 !important; }

.btn-qvioletX {
  color: #a55;
  background-color: #b9b3cc;
  border: 1px solid #a55 !important; }

.bg-yellow {
  background: #a6a13f;
  background: -webkit-linear-gradient(#ceca7e, #817d31);
  background: linear-gradient(#ceca7e, #817d31); }

.bg-command-yellow {
  background: #a6a13f;
  background: -webkit-linear-gradient(#817d31, #ceca7e);
  background: linear-gradient(#817d31, #ceca7e); }

.box-yellow {
  background: #f2f1e9;
  border-top: 4px solid #dcd9a3;
  border-radius: 4px;
  position: relative;
  margin-bottom: 18px;
  margin-left: -5px;
  margin-right: -5px;
  box-shadow: 3px 8px 11px rgba(0, 0, 0, 0.8); }

.box-header-yellow {
  background-color: #eae8c8 !important; }

.bg-balancer-yellow {
  background: #4a481c;
  background: -webkit-linear-gradient(#25240e, #948f38);
  background: linear-gradient(#25240e, #948f38); }

.btn-yellow {
  background: #c7c26b;
  border: 1px solid #b9b346;
  color: white; }

.btn-light-yellow {
  background: #eae8c8;
  border: 1px solid #dcd9a3;
  color: #6f6b2a; }

.text-yellow {
  color: #948f38 !important; }

.border-yellow {
  border-bottom: 1px solid #e3e1b5; }

.btn-qyellowA {
  color: white;
  background-color: #373615;
  border: 1px solid #5c5a23 !important; }

.btn-qyellowB {
  color: white;
  background-color: #5c5a23;
  border: 1px solid #817d31 !important; }

.btn-qyellowC {
  color: white;
  background-color: #817d31;
  border: 1px solid #a6a13f !important; }

.btn-qyellowD {
  color: white;
  background-color: #a6a13f;
  border: 1px solid #c0bb59 !important; }

.btn-qyellowE {
  color: white;
  background-color: #c0bb59;
  border: 1px solid #ceca7e !important; }

.btn-qyellowU {
  color: white;
  background-color: #454208;
  border: 1px solid #736e0d !important; }

.btn-qyellowX {
  color: #a55;
  background-color: #cccbb3;
  border: 1px solid #a55 !important; }

.bg-orange {
  background: #a66b3f;
  background: -webkit-linear-gradient(#cea07e, #815331);
  background: linear-gradient(#cea07e, #815331); }

.bg-command-orange {
  background: #a66b3f;
  background: -webkit-linear-gradient(#815331, #cea07e);
  background: linear-gradient(#815331, #cea07e); }

.box-orange {
  background: #f2ece9;
  border-top: 4px solid #dcbba3;
  border-radius: 4px;
  position: relative;
  margin-bottom: 18px;
  margin-left: -5px;
  margin-right: -5px;
  box-shadow: 3px 8px 11px rgba(0, 0, 0, 0.8); }

.box-header-orange {
  background-color: #ead6c8 !important; }

.bg-balancer-orange {
  background: #4a2f1c;
  background: -webkit-linear-gradient(#25180e, #945f38);
  background: linear-gradient(#25180e, #945f38); }

.btn-orange {
  background: #c7926b;
  border: 1px solid #b97746;
  color: white; }

.btn-light-orange {
  background: #ead6c8;
  border: 1px solid #dcbba3;
  color: #6f472a; }

.text-orange {
  color: #945f38 !important; }

.border-orange {
  border-bottom: 1px solid #e3c8b5; }

.btn-qorangeA {
  color: white;
  background-color: #372415;
  border: 1px solid #5c3b23 !important; }

.btn-qorangeB {
  color: white;
  background-color: #5c3b23;
  border: 1px solid #815331 !important; }

.btn-qorangeC {
  color: white;
  background-color: #815331;
  border: 1px solid #a66b3f !important; }

.btn-qorangeD {
  color: white;
  background-color: #a66b3f;
  border: 1px solid #c08459 !important; }

.btn-qorangeE {
  color: white;
  background-color: #c08459;
  border: 1px solid #cea07e !important; }

.btn-qorangeU {
  color: white;
  background-color: #452208;
  border: 1px solid #73380d !important; }

.btn-qorangeX {
  color: #a55;
  background-color: #ccbdb3;
  border: 1px solid #a55 !important; }

.bg-purple {
  background: #a63fa5;
  background: -webkit-linear-gradient(#ce7ecd, #813180);
  background: linear-gradient(#ce7ecd, #813180); }

.bg-command-purple {
  background: #a63fa5;
  background: -webkit-linear-gradient(#813180, #ce7ecd);
  background: linear-gradient(#813180, #ce7ecd); }

.box-purple {
  background: #f2e9f1;
  border-top: 4px solid #dca3db;
  border-radius: 4px;
  position: relative;
  margin-bottom: 18px;
  margin-left: -5px;
  margin-right: -5px;
  box-shadow: 3px 8px 11px rgba(0, 0, 0, 0.8); }

.box-header-purple {
  background-color: #eac8e9 !important; }

.bg-balancer-purple {
  background: #4a1c49;
  background: -webkit-linear-gradient(#250e25, #943892);
  background: linear-gradient(#250e25, #943892); }

.btn-purple {
  background: #c76bc5;
  border: 1px solid #b946b7;
  color: white; }

.btn-light-purple {
  background: #eac8e9;
  border: 1px solid #dca3db;
  color: #6f2a6e; }

.text-purple {
  color: #943892 !important; }

.border-purple {
  border-bottom: 1px solid #e3b5e2; }

.btn-qpurpleA {
  color: white;
  background-color: #371537;
  border: 1px solid #5c235c !important; }

.btn-qpurpleB {
  color: white;
  background-color: #5c235c;
  border: 1px solid #813180 !important; }

.btn-qpurpleC {
  color: white;
  background-color: #813180;
  border: 1px solid #a63fa5 !important; }

.btn-qpurpleD {
  color: white;
  background-color: #a63fa5;
  border: 1px solid #c059be !important; }

.btn-qpurpleE {
  color: white;
  background-color: #c059be;
  border: 1px solid #ce7ecd !important; }

.btn-qpurpleU {
  color: white;
  background-color: #450844;
  border: 1px solid #730d71 !important; }

.btn-qpurpleX {
  color: #a55;
  background-color: #ccb3cc;
  border: 1px solid #a55 !important; }

.bg-lime {
  background: #53a63f;
  background: -webkit-linear-gradient(#8dce7e, #418131);
  background: linear-gradient(#8dce7e, #418131); }

.bg-command-lime {
  background: #53a63f;
  background: -webkit-linear-gradient(#418131, #8dce7e);
  background: linear-gradient(#418131, #8dce7e); }

.box-lime {
  background: #eaf2e9;
  border-top: 4px solid #aedca3;
  border-radius: 4px;
  position: relative;
  margin-bottom: 18px;
  margin-left: -5px;
  margin-right: -5px;
  box-shadow: 3px 8px 11px rgba(0, 0, 0, 0.8); }

.box-header-lime {
  background-color: #ceeac8 !important; }

.bg-balancer-lime {
  background: #254a1c;
  background: -webkit-linear-gradient(#12250e, #4a9438);
  background: linear-gradient(#12250e, #4a9438); }

.btn-lime {
  background: #7dc76b;
  border: 1px solid #5cb946;
  color: white; }

.btn-light-lime {
  background: #ceeac8;
  border: 1px solid #aedca3;
  color: #376f2a; }

.text-lime {
  color: #4a9438 !important; }

.border-lime {
  border-bottom: 1px solid #bee3b5; }

.btn-qlimeA {
  color: white;
  background-color: #1c3715;
  border: 1px solid #2e5c23 !important; }

.btn-qlimeB {
  color: white;
  background-color: #2e5c23;
  border: 1px solid #418131 !important; }

.btn-qlimeC {
  color: white;
  background-color: #418131;
  border: 1px solid #53a63f !important; }

.btn-qlimeD {
  color: white;
  background-color: #53a63f;
  border: 1px solid #6cc059 !important; }

.btn-qlimeE {
  color: white;
  background-color: #6cc059;
  border: 1px solid #8dce7e !important; }

.btn-qlimeU {
  color: white;
  background-color: #134508;
  border: 1px solid #20730d !important; }

.btn-qlimeX {
  color: #a55;
  background-color: #b7ccb3;
  border: 1px solid #a55 !important; }

.bg-green {
  background: #3fa657;
  background: -webkit-linear-gradient(#7ece90, #318144);
  background: linear-gradient(#7ece90, #318144); }

.bg-command-green {
  background: #3fa657;
  background: -webkit-linear-gradient(#318144, #7ece90);
  background: linear-gradient(#318144, #7ece90); }

.box-green {
  background: #e9f2eb;
  border-top: 4px solid #a3dcb0;
  border-radius: 4px;
  position: relative;
  margin-bottom: 18px;
  margin-left: -5px;
  margin-right: -5px;
  box-shadow: 3px 8px 11px rgba(0, 0, 0, 0.8); }

.box-header-green {
  background-color: #c8ead0 !important; }

.bg-balancer-green {
  background: #1c4a27;
  background: -webkit-linear-gradient(#0e2513, #38944e);
  background: linear-gradient(#0e2513, #38944e); }

.btn-green {
  background: #6bc781;
  border: 1px solid #46b961;
  color: white; }

.btn-light-green {
  background: #c8ead0;
  border: 1px solid #a3dcb0;
  color: #2a6f3a; }

.text-green {
  color: #38944e !important; }

.border-green {
  border-bottom: 1px solid #b5e3c0; }

.btn-qgreenA {
  color: white;
  background-color: #15371d;
  border: 1px solid #235c31 !important; }

.btn-qgreenB {
  color: white;
  background-color: #235c31;
  border: 1px solid #318144 !important; }

.btn-qgreenC {
  color: white;
  background-color: #318144;
  border: 1px solid #3fa657 !important; }

.btn-qgreenD {
  color: white;
  background-color: #3fa657;
  border: 1px solid #59c071 !important; }

.btn-qgreenE {
  color: white;
  background-color: #59c071;
  border: 1px solid #7ece90 !important; }

.btn-qgreenU {
  color: white;
  background-color: #084516;
  border: 1px solid #0d7325 !important; }

.btn-qgreenX {
  color: #a55;
  background-color: #b3ccb9;
  border: 1px solid #a55 !important; }

.bg-pink {
  background: #a63f9e;
  background: -webkit-linear-gradient(#ce7ec8, #81317b);
  background: linear-gradient(#ce7ec8, #81317b); }

.bg-command-pink {
  background: #a63f9e;
  background: -webkit-linear-gradient(#81317b, #ce7ec8);
  background: linear-gradient(#81317b, #ce7ec8); }

.box-pink {
  background: #f2e9f1;
  border-top: 4px solid #dca3d7;
  border-radius: 4px;
  position: relative;
  margin-bottom: 18px;
  margin-left: -5px;
  margin-right: -5px;
  box-shadow: 3px 8px 11px rgba(0, 0, 0, 0.8); }

.box-header-pink {
  background-color: #eac8e7 !important; }

.bg-balancer-pink {
  background: #4a1c46;
  background: -webkit-linear-gradient(#250e23, #94388d);
  background: linear-gradient(#250e23, #94388d); }

.btn-pink {
  background: #c76bc0;
  border: 1px solid #b946b0;
  color: white; }

.btn-light-pink {
  background: #eac8e7;
  border: 1px solid #dca3d7;
  color: #6f2a6a; }

.text-pink {
  color: #94388d !important; }

.border-pink {
  border-bottom: 1px solid #e3b5df; }

.btn-qpinkA {
  color: white;
  background-color: #371535;
  border: 1px solid #5c2358 !important; }

.btn-qpinkB {
  color: white;
  background-color: #5c2358;
  border: 1px solid #81317b !important; }

.btn-qpinkC {
  color: white;
  background-color: #81317b;
  border: 1px solid #a63f9e !important; }

.btn-qpinkD {
  color: white;
  background-color: #a63f9e;
  border: 1px solid #c059b8 !important; }

.btn-qpinkE {
  color: white;
  background-color: #c059b8;
  border: 1px solid #ce7ec8 !important; }

.btn-qpinkU {
  color: white;
  background-color: #450840;
  border: 1px solid #730d6b !important; }

.btn-qpinkX {
  color: #a55;
  background-color: #ccb3ca;
  border: 1px solid #a55 !important; }

.bg-olive {
  background: #3fa670;
  background: -webkit-linear-gradient(#7ecea3, #318157);
  background: linear-gradient(#7ecea3, #318157); }

.bg-command-olive {
  background: #3fa670;
  background: -webkit-linear-gradient(#318157, #7ecea3);
  background: linear-gradient(#318157, #7ecea3); }

.box-olive {
  background: #e9f2ed;
  border-top: 4px solid #a3dcbe;
  border-radius: 4px;
  position: relative;
  margin-bottom: 18px;
  margin-left: -5px;
  margin-right: -5px;
  box-shadow: 3px 8px 11px rgba(0, 0, 0, 0.8); }

.box-header-olive {
  background-color: #c8ead8 !important; }

.bg-balancer-olive {
  background: #1c4a32;
  background: -webkit-linear-gradient(#0e2519, #389463);
  background: linear-gradient(#0e2519, #389463); }

.btn-olive {
  background: #6bc796;
  border: 1px solid #46b97c;
  color: white; }

.btn-light-olive {
  background: #c8ead8;
  border: 1px solid #a3dcbe;
  color: #2a6f4a; }

.text-olive {
  color: #389463 !important; }

.border-olive {
  border-bottom: 1px solid #b5e3cb; }

.btn-qoliveA {
  color: white;
  background-color: #153725;
  border: 1px solid #235c3e !important; }

.btn-qoliveB {
  color: white;
  background-color: #235c3e;
  border: 1px solid #318157 !important; }

.btn-qoliveC {
  color: white;
  background-color: #318157;
  border: 1px solid #3fa670 !important; }

.btn-qoliveD {
  color: white;
  background-color: #3fa670;
  border: 1px solid #59c089 !important; }

.btn-qoliveE {
  color: white;
  background-color: #59c089;
  border: 1px solid #7ecea3 !important; }

.btn-qoliveU {
  color: white;
  background-color: #084524;
  border: 1px solid #0d733d !important; }

.btn-qoliveX {
  color: #a55;
  background-color: #b3ccbf;
  border: 1px solid #a55 !important; }

.bg-cyan {
  background: #3fa6a6;
  background: -webkit-linear-gradient(#7ecece, #318181);
  background: linear-gradient(#7ecece, #318181); }

.bg-command-cyan {
  background: #3fa6a6;
  background: -webkit-linear-gradient(#318181, #7ecece);
  background: linear-gradient(#318181, #7ecece); }

.box-cyan {
  background: #e9f2f2;
  border-top: 4px solid #a3dcdc;
  border-radius: 4px;
  position: relative;
  margin-bottom: 18px;
  margin-left: -5px;
  margin-right: -5px;
  box-shadow: 3px 8px 11px rgba(0, 0, 0, 0.8); }

.box-header-cyan {
  background-color: #c8eaea !important; }

.bg-balancer-cyan {
  background: #1c4a4a;
  background: -webkit-linear-gradient(#0e2525, #389494);
  background: linear-gradient(#0e2525, #389494); }

.btn-cyan {
  background: #6bc7c7;
  border: 1px solid #46b9b9;
  color: white; }

.btn-light-cyan {
  background: #c8eaea;
  border: 1px solid #a3dcdc;
  color: #2a6f6f; }

.text-cyan {
  color: #389494 !important; }

.border-cyan {
  border-bottom: 1px solid #b5e3e3; }

.btn-qcyanA {
  color: white;
  background-color: #153737;
  border: 1px solid #235c5c !important; }

.btn-qcyanB {
  color: white;
  background-color: #235c5c;
  border: 1px solid #318181 !important; }

.btn-qcyanC {
  color: white;
  background-color: #318181;
  border: 1px solid #3fa6a6 !important; }

.btn-qcyanD {
  color: white;
  background-color: #3fa6a6;
  border: 1px solid #59c0c0 !important; }

.btn-qcyanE {
  color: white;
  background-color: #59c0c0;
  border: 1px solid #7ecece !important; }

.btn-qcyanU {
  color: white;
  background-color: #084545;
  border: 1px solid #0d7373 !important; }

.btn-qcyanX {
  color: #a55;
  background-color: #b3cccc;
  border: 1px solid #a55 !important; }

.bg-red {
  background: #a63f3f;
  background: -webkit-linear-gradient(#ce7e7e, #813131);
  background: linear-gradient(#ce7e7e, #813131); }

.bg-command-red {
  background: #a63f3f;
  background: -webkit-linear-gradient(#813131, #ce7e7e);
  background: linear-gradient(#813131, #ce7e7e); }

.box-red {
  background: #f2e9e9;
  border-top: 4px solid #dca3a3;
  border-radius: 4px;
  position: relative;
  margin-bottom: 18px;
  margin-left: -5px;
  margin-right: -5px;
  box-shadow: 3px 8px 11px rgba(0, 0, 0, 0.8); }

.box-header-red {
  background-color: #eac8c8 !important; }

.bg-balancer-red {
  background: #4a1c1c;
  background: -webkit-linear-gradient(#250e0e, #943838);
  background: linear-gradient(#250e0e, #943838); }

.btn-red {
  background: #c76b6b;
  border: 1px solid #b94646;
  color: white; }

.btn-light-red {
  background: #eac8c8;
  border: 1px solid #dca3a3;
  color: #6f2a2a; }

.text-red {
  color: #943838 !important; }

.border-red {
  border-bottom: 1px solid #e3b5b5; }

.btn-qredA {
  color: white;
  background-color: #371515;
  border: 1px solid #5c2323 !important; }

.btn-qredB {
  color: white;
  background-color: #5c2323;
  border: 1px solid #813131 !important; }

.btn-qredC {
  color: white;
  background-color: #813131;
  border: 1px solid #a63f3f !important; }

.btn-qredD {
  color: white;
  background-color: #a63f3f;
  border: 1px solid #c05959 !important; }

.btn-qredE {
  color: white;
  background-color: #c05959;
  border: 1px solid #ce7e7e !important; }

.btn-qredU {
  color: white;
  background-color: #450808;
  border: 1px solid #730d0d !important; }

.btn-qredX {
  color: #a55;
  background-color: #ccb3b3;
  border: 1px solid #a55 !important; }

.bg-sand {
  background: #a65b3f;
  background: -webkit-linear-gradient(#ce947e, #814731);
  background: linear-gradient(#ce947e, #814731); }

.bg-command-sand {
  background: #a65b3f;
  background: -webkit-linear-gradient(#814731, #ce947e);
  background: linear-gradient(#814731, #ce947e); }

.box-sand {
  background: #f2ebe9;
  border-top: 4px solid #dcb2a3;
  border-radius: 4px;
  position: relative;
  margin-bottom: 18px;
  margin-left: -5px;
  margin-right: -5px;
  box-shadow: 3px 8px 11px rgba(0, 0, 0, 0.8); }

.box-header-sand {
  background-color: #ead1c8 !important; }

.bg-balancer-sand {
  background: #4a291c;
  background: -webkit-linear-gradient(#25140e, #945138);
  background: linear-gradient(#25140e, #945138); }

.btn-sand {
  background: #c7846b;
  border: 1px solid #b96646;
  color: white; }

.btn-light-sand {
  background: #ead1c8;
  border: 1px solid #dcb2a3;
  color: #6f3d2a; }

.text-sand {
  color: #945138 !important; }

.border-sand {
  border-bottom: 1px solid #e3c2b5; }

.btn-qsandA {
  color: white;
  background-color: #371e15;
  border: 1px solid #5c3323 !important; }

.btn-qsandB {
  color: white;
  background-color: #5c3323;
  border: 1px solid #814731 !important; }

.btn-qsandC {
  color: white;
  background-color: #814731;
  border: 1px solid #a65b3f !important; }

.btn-qsandD {
  color: white;
  background-color: #a65b3f;
  border: 1px solid #c07559 !important; }

.btn-qsandE {
  color: white;
  background-color: #c07559;
  border: 1px solid #ce947e !important; }

.btn-qsandU {
  color: white;
  background-color: #451808;
  border: 1px solid #73290d !important; }

.btn-qsandX {
  color: #a55;
  background-color: #ccbab3;
  border: 1px solid #a55 !important; }

.bg-black {
  background: #373737;
  background: -webkit-linear-gradient(#6a6a6a, #1e1e1e);
  background: linear-gradient(#6a6a6a, #1e1e1e); }

.bg-command-black {
  background: #373737;
  background: -webkit-linear-gradient(#1e1e1e, #6a6a6a);
  background: linear-gradient(#1e1e1e, #6a6a6a); }

.box-black {
  background: #b2b2b2;
  border-top: 4px solid #848484;
  border-radius: 4px;
  position: relative;
  margin-bottom: 18px;
  margin-left: -5px;
  margin-right: -5px;
  box-shadow: 3px 8px 11px rgba(0, 0, 0, 0.8); }

.box-header-black {
  background-color: #9d9d9d !important; }

.bg-balancer-black {
  background: black;
  background: -webkit-linear-gradient(black, #2b2b2b);
  background: linear-gradient(black, #2b2b2b); }

.btn-black {
  background: #5e5e5e;
  border: 1px solid #444444;
  color: white; }

.btn-light-black {
  background: #9d9d9d;
  border: 1px solid #848484;
  color: #111111; }

.text-black {
  color: #2b2b2b !important; }

.border-black {
  border-bottom: 1px solid #919191; }

.btn-qblackA {
  color: white;
  background-color: black;
  border: 1px solid #1a1a1a !important; }

.btn-qblackB {
  color: white;
  background-color: #1a1a1a;
  border: 1px solid #333333 !important; }

.btn-qblackC {
  color: white;
  background-color: #333333;
  border: 1px solid #4d4d4d !important; }

.btn-qblackD {
  color: white;
  background-color: #4d4d4d;
  border: 1px solid #666666 !important; }

.btn-qblackE {
  color: white;
  background-color: #666666;
  border: 1px solid gray !important; }

.btn-qblackU {
  color: white;
  background-color: black;
  border: 1px solid #1a1a1a !important; }

.btn-qblackX {
  color: #a55;
  background-color: #999999;
  border: 1px solid #a55 !important; }