/*  set background color  */

.gb-l6 {
  background-color: #ffffff !important;
}

.gb-l5 {
  background-color: #f2f2f2 !important;
}

.gb-l4 {
  background-color: #ececec !important;
}

.gb-l3 {
  background-color: #d8d8d8 !important;
}

.gb-l2 {
  background-color: #c5c5c5 !important;
}

.gb-l1 {
  background-color: #b1b1b1 !important;
}

.gb-d1 {
  background-color: #8e8e8e !important;
}

.gb-d2 {
  background-color: #7e7e7e !important;
}

.gb-d3 {
  background-color: #6f6f6f !important;
}

.gb-d4 {
  background-color: #5f5f5f !important;
}

.gb-d5 {
  background-color: #4f4f4f !important;
}

.gb-d6 {
  background-color: #353535 !important;
}

.gb-d6-5 {
  background-color: #1b1b1b !important;
}

.gb-d7 {
  background-color: #0f0f0f !important;
}

.gb-d8 {
  background-color: #000000 !important;
}

/*  set background color hover  */

.gb-l6-hover:hover {
  background-color: #ffffff !important;
}

.gb-l5-hover:hover {
  background-color: #f9f9f9 !important;
}

.gb-l4-hover:hover {
  background-color: #ececec !important;
}

.gb-l3-hover:hover {
  background-color: #d8d8d8 !important;
}

.gb-l2-hover:hover {
  background-color: #c5c5c5 !important;
}

.gb-l1-hover:hover {
  background-color: #b1b1b1 !important;
}

.gb-d1-hover:hover {
  background-color: #8e8e8e !important;
}

.gb-d2-hover:hover {
  background-color: #7e7e7e !important;
}

.gb-d3-hover:hover {
  background-color: #6f6f6f !important;
}

.gb-d4-hover:hover {
  background-color: #5f5f5f !important;
}

.gb-d5-hover:hover {
  background-color: #4f4f4f !important;
}

.gb-d6-hover:hover {
  background-color: #353535 !important;
}

.gb-d7-hover:hover {
  background-color: #0f0f0f !important;
}

.gb-d8-hover:hover {
  background-color: #000000 !important;
}

/*  set text color  */

.gt-l6 {
  color: #ffffff !important;
}

.gt-l5 {
  color: #f9f9f9 !important;
}

.gt-l4 {
  color: #ececec !important;
}

.gt-l3 {
  color: #d8d8d8 !important;
}

.gt-l2 {
  color: #c5c5c5 !important;
}

.gt-l1 {
  color: #b1b1b1 !important;
}

.gt-d1 {
  color: #8e8e8e !important;
}

.gt-d2 {
  color: #7e7e7e !important;
}

.gt-d3 {
  color: #6f6f6f !important;
}

.gt-d4 {
  color: #5f5f5f !important;
}

.gt-d5 {
  color: #4f4f4f !important;
}

.gt-d6 {
  color: #353535 !important;
}

.gt-d7 {
  color: #0f0f0f !important;
}

.gt-d8 {
  color: #000000 !important;
}

/*  set text color hover  */

.gt-l6-hover:hover {
  color: #ffffff !important;
}

.gt-l5-hover:hover {
  color: #f9f9f9 !important;
}

.gt-l4-hover:hover {
  color: #ececec !important;
}

.gt-l3-hover:hover {
  color: #d8d8d8 !important;
}

.gt-l2-hover:hover {
  color: #c5c5c5 !important;
}

.gt-l1-hover:hover {
  color: #b1b1b1 !important;
}

.gt-d1-hover:hover {
  color: #8e8e8e !important;
}

.gt-d2-hover:hover {
  color: #7e7e7e !important;
}

.gt-d3-hover:hover {
  color: #6f6f6f !important;
}

.gt-d4-hover:hover {
  color: #5f5f5f !important;
}

.gt-d5-hover:hover {
  color: #4f4f4f !important;
}

.gt-d6-hover:hover {
  color: #353535 !important;
}

.gt-d7-hover:hover {
  color: #0f0f0f !important;
}

.gt-d8-hover:hover {
  color: #000000 !important;
}

/*  set child text color  */

.gt-l6 * {
  color: #ffffff !important;
}

.gt-l5 * {
  color: #f9f9f9 !important;
}

.gt-l4 * {
  color: #ececec !important;
}

.gt-l3 * {
  color: #d8d8d8 !important;
}

.gt-l2 * {
  color: #c5c5c5 !important;
}

.gt-l1 * {
  color: #b1b1b1 !important;
}

.gt-d1 * {
  color: #8e8e8e !important;
}

.gt-d2 * {
  color: #7e7e7e !important;
}

.gt-d3 * {
  color: #6f6f6f !important;
}

.gt-d4 * {
  color: #5f5f5f !important;
}

.gt-d5 * {
  color: #4f4f4f !important;
}

.gt-d6 * {
  color: #353535 !important;
}

.gt-d7 * {
  color: #0f0f0f !important;
}

.gt-d8 * {
  color: #000000 !important;
}

/*  set child text color hover  */

.gt-l6-hover:hover * {
  color: #ffffff !important;
}

.gt-l5-hover:hover * {
  color: #f9f9f9 !important;
}

.gt-l4-hover:hover * {
  color: #ececec !important;
}

.gt-l3-hover:hover * {
  color: #d8d8d8 !important;
}

.gt-l2-hover:hover * {
  color: #c5c5c5 !important;
}

.gt-l1-hover:hover * {
  color: #b1b1b1 !important;
}

.gt-d1-hover:hover * {
  color: #8e8e8e !important;
}

.gt-d2-hover:hover * {
  color: #7e7e7e !important;
}

.gt-d3-hover:hover * {
  color: #6f6f6f !important;
}

.gt-d4-hover:hover * {
  color: #5f5f5f !important;
}

.gt-d5-hover:hover * {
  color: #4f4f4f !important;
}

.gt-d6-hover:hover * {
  color: #353535 !important;
}

.gt-d7-hover:hover * {
  color: #0f0f0f !important;
}

.gt-d8-hover:hover * {
  color: #000000 !important;
}

.g-light {
  color: #000 !important;
  background-color: #ffffff !important;
}

.g-dark {
  color: #fff !important;
  background-color: #000000 !important;
}

.g-action {
  color: #fff !important;
  background-color: #4f4f4f !important;
}

.border-g {
  border-color: #9e9e9e !important;
}

/*  hover light  */

.hover-gl:hover {
  color: #000000 !important;
  background-color: #ffffff !important;
}

/*  hover dark  */

.hover-gd:hover {
  color: #fff !important;
  background-color: #000000 !important;
}

/*  text light  */

.hover-tl:hover {
  color: #ffffff !important;
}

/*  text dark  */

.hover-td:hover {
  color: #000000 !important;
}

/*  border light  */

.hover-bl:hover {
  border-color: #ffffff !important;
}

/*  border dark  */

.hover-bd:hover {
  border-color: #000000 !important;
}