.bg-sky .tree-view > li::before {
  border-left-color: #0077b6 !important;
}
.bg-sky .tree-view > li::after {
  border-top-color: #0077b6 !important;
}

/* ------------- */

.border-blue-sky {
  border-color: rgb(5, 151, 204) !important;
  color: rgb(5, 151, 204) !important;
}
.border-dk-blue-sky {
  border-color: rgb(2, 96, 130) !important;
}
.text-blue-sky {
  color: rgb(5, 151, 204) !important;
}
.text-blue-sky .text-col {
  color: rgb(5, 151, 204) !important;
}
.text-blue-sky b {
  color: rgb(5, 151, 204) !important;
}
.hl-blue-sky {
  border: 1px solid rgb(5, 151, 204) !important;
  background-color: rgb(5, 151, 204) !important;
  color: white !important;
}
.text-blue-sky .hlx {
  border: 1px solid rgb(5, 151, 204) !important;
  background-color: rgb(5, 151, 204) !important;
  color: white !important;
  padding-left: 2px;
  padding-right: 2px;
  border-radius: 3px;
}
.bg-faded-blue-sky {
  background-color: rgba(5, 151, 204, 0.1) !important;
}
.bg-blue-sky {
  background-color: rgba(5, 151, 204) !important;
}
/* ------- */
.border-blue1 {
  border-color: #3d74b6 !important;
  color: #3d74b6 !important;
}
.border-dk-blue1 {
  border-color: #11488c !important;
}
.text-blue1 {
  color: #3d74b6 !important;
}
.text-blue1 .text-col {
  color: #3d74b6 !important;
}
.text-blue1 b {
  color: #3d74b6 !important;
}
.hl-blue1 {
  border: 1px solid #3d74b6 !important;
  background-color: #3d74b6 !important;
  color: white !important;
}
.hl-blue1 .hlx {
  border: 1px solid #3d74b6 !important;
  background-color: #3d74b6 !important;
  color: white !important;
  padding-left: 2px;
  padding-right: 2px;
  border-radius: 3px;
}
.bg-faded-blue1 {
  background-color: #3d73b620 !important;
}
.bg-blue1 {
  background-color: #3d73b6 !important;
}
/* ------- */
.border-blue2 {
  border-color: rgb(5, 151, 204) !important;
  color: rgb(5, 151, 204) !important;
}
.border-dk-blue2 {
  border-color: rgb(2, 108, 147) !important;
}
.text-blue2 {
  color: rgb(5, 151, 204) !important;
}
.text-blue2 .text-col {
  color: rgb(5, 151, 204) !important;
}
.text-blue2 b {
  color: rgb(5, 151, 204) !important;
}
.hl-blue2 {
  border: 1px solid rgb(5, 151, 204) !important;
  background-color: rgb(5, 151, 204) !important;
  color: white !important;
}
.text-blue2 .hlx {
  border: 1px solid rgb(5, 151, 204) !important;
  background-color: rgb(5, 151, 204) !important;
  color: white !important;
  padding-left: 2px;
  padding-right: 2px;
  border-radius: 3px;
}
.bg-faded-blue2 {
  background-color: rgba(5, 151, 204, 0.1) !important;
}
.bg-blue2 {
  background-color: rgba(5, 151, 204) !important;
}
/* ------- */
.border-blue3 {
  border-color: rgb(68, 68, 252) !important;
  color: rgb(68, 68, 252) !important;
}
.border-dk-blue3 {
  border-color: rgb(1, 1, 156) !important;
}
.text-blue3 {
  color: rgb(68, 68, 252) !important;
}
.text-blue3 .text-col {
  color: rgb(68, 68, 252) !important;
}
.text-blue3 b {
  color: rgb(68, 68, 252) !important;
}
.hl-blue3 {
  border: 1px solid rgb(68, 68, 252) !important;
  background-color: rgb(68, 68, 252) !important;
  color: white !important;
}
.text-blue3 .hlx {
  border: 1px solid rgb(68, 68, 252) !important;
  background-color: rgb(68, 68, 252) !important;
  color: white !important;
  padding-left: 2px;
  padding-right: 2px;
  border-radius: 3px;
}
.bg-faded-blue3 {
  background-color: rgb(68, 68, 252, 0.1) !important;
}
.bg-blue3 {
  background-color: rgb(68, 68, 252) !important;
}

/* ------- */
.border-blue4 {
  border-color: rgb(2, 2, 112) !important;
  color: rgb(2, 2, 112) !important;
}
.border-dk-blue4 {
  border-color: rgb(3, 3, 73) !important;
}
.text-blue4 {
  color: rgb(2, 2, 112) !important;
}
.text-blue4 .text-col {
  color: rgb(2, 2, 112) !important;
}
.text-blue4 b {
  color: rgb(2, 2, 112) !important;
}
.hl-blue4 {
  border: 1px solid rgb(2, 2, 112) !important;
  background-color: rgb(2, 2, 112) !important;
  color: white !important;
}
.text-blue4 .hlx {
  border: 1px solid rgb(2, 2, 112) !important;
  background-color: rgb(2, 2, 112) !important;
  color: white !important;
  padding-left: 2px;
  padding-right: 2px;
  border-radius: 3px;
}
.bg-faded-blue4 {
  background-color: rgb(2, 2, 112, 0.1) !important;
}
.bg-blue4 {
  background-color: rgb(2, 2, 112) !important;
}

/* ------- */
.border-green1 {
  border-color: rgb(28, 188, 180) !important;
  color: rgb(28, 188, 180) !important;
}
.border-dk-green1 {
  border-color: rgb(1, 96, 91) !important;
}
.text-green1 {
  color: rgb(16, 137, 131) !important;
}
.text-green1 .text-col {
  color: rgb(16, 137, 131) !important;
}
.text-green1 b {
  color: rgb(16, 137, 131) !important;
}
.hl-green1 {
  border: 1px solid rgb(28, 188, 180) !important;
  background-color: rgb(28, 188, 180) !important;
  color: white !important;
}
.text-green1 .hlx {
  border: 1px solid rgb(28, 188, 180) !important;
  background-color: rgb(28, 188, 180) !important;
  color: white !important;
  padding-left: 2px;
  padding-right: 2px;
  border-radius: 3px;
}
.bg-faded-green1 {
  background-color: rgba(143, 239, 234, 0.1) !important;
}
.bg-green1 {
  background-color: rgba(28, 188, 180) !important;
}
/* ------- */
.border-green2 {
  border-color: rgb(2, 101, 112) !important;
  color: rgb(2, 101, 112) !important;
}
.border-green2 {
  border-color: rgb(0, 59, 66) !important;
}
.text-green2 {
  color: rgb(2, 101, 112) !important;
}
.text-green2 .text-col {
  color: rgb(2, 101, 112) !important;
}
.text-green2 b {
  color: rgb(2, 101, 112) !important;
}
.hl-green2 {
  border: 1px solid rgb(2, 101, 112) !important;
  background-color: rgb(2, 101, 112) !important;
  color: white !important;
}
.text-green2 .hlx {
  border: 1px solid rgb(2, 101, 112) !important;
  background-color: rgb(2, 101, 112) !important;
  color: white !important;
  padding-left: 2px;
  padding-right: 2px;
  border-radius: 3px;
}
.bg-faded-green2 {
  background-color: rgba(2, 101, 112, 0.1) !important;
}
.bg-green2 {
  background-color: rgba(2, 101, 112) !important;
}
/* ------- */
.border-green3 {
  border-color: #386641 !important;
  color: #386641 !important;
}
.border-dk-green3 {
  border-color: #065015 !important;
}
.text-green3 {
  color: #386641 !important;
}
.text-green3 .text-col {
  color: #386641 !important;
}
.text-green3 b {
  color: #386641 !important;
}
.hl-green3 {
  border: 1px solid #386641 !important;
  background-color: #386641 !important;
  color: white !important;
}
.text-green3 .hlx {
  border: 1px solid #386641 !important;
  background-color: #386641 !important;
  color: white !important;
  padding-left: 2px;
  padding-right: 2px;
  border-radius: 3px;
}
.bg-faded-green3 {
  background-color: #38664112 !important;
}
.bg-green3 {
  background-color: #386641 !important;
}

/* ------- */
.border-green4 {
  border-color: #013b14 !important;
  color: #013b14 !important;
}
.border-dk-green4 {
  border-color: #01290f !important;
}
.text-green4 {
  color: #013b14 !important;
}
.text-green4 .text-col {
  color: #013b14 !important;
}
.text-green4 b {
  color: #013b14 !important;
}
.hl-green4 {
  border: 1px solid #013b14 !important;
  background-color: #013b14 !important;
  color: white !important;
}
.text-green4 .hlx {
  border: 1px solid #013b14 !important;
  background-color: #013b14 !important;
  color: white !important;
  padding-left: 2px;
  padding-right: 2px;
  border-radius: 3px;
}
.bg-faded-green4 {
  background-color: #013b1412 !important;
}
.bg-green4 {
  background-color: #013b14 !important;
}
/* ------- */
.border-green5 {
  border-color: #1cb955 !important;
  color: #1cb955 !important;
}
.border-dk-green5 {
  border-color: #004b1c !important;
}
.text-green5 {
  color: #1cb955 !important;
}
.text-green5 .text-col {
  color: #1cb955 !important;
}
.text-green5 b {
  color: #1cb955 !important;
}
.hl-green5 {
  border: 1px solid #1cb955 !important;
  background-color: #1cb955 !important;
  color: white !important;
}
.text-green5 .hlx {
  border: 1px solid #1cb955 !important;
  background-color: #1cb955 !important;
  color: white !important;
  padding-left: 2px;
  padding-right: 2px;
  border-radius: 3px;
}
.bg-faded-green5 {
  background-color: #1cb95520 !important;
}
.bg-green5 {
  background-color: #1cb955 !important;
}
/* ------- */

.border-green6 {
  border-color: #9ac579 !important;
  color: #9ac579 !important;
}
.border-dk-green6 {
  border-color: #496e3a !important;
}
.text-green6 {
  color: #9ac579 !important;
}
.text-green6 .text-col {
  color: #9ac579 !important;
}
.text-green6 b {
  color: #9ac579 !important;
}
.hl-green6 {
  border: 1px solid #9ac579 !important;
  background-color: #9ac579 !important;
  color: rgb(1, 0, 0) !important;
}
.text-green6 .hlx {
  border: 1px solid #9ac579 !important;
  background-color: #9ac579 !important;
  color: rgb(1, 0, 0) !important;
  padding-left: 2px;
  padding-right: 2px;
  border-radius: 3px;
}
.bg-faded-green6 {
  background-color: #9ac57912 !important;
}
.bg-green6 {
  background-color: #9ac579 !important;
}
/* ------- */

.border-red {
  border-color: rgb(234, 1, 1) !important;
  color: rgb(234, 1, 1) !important;
}
.border-dk-red {
  border-color: rgb(126, 3, 3) !important;
}
.text-red {
  color: rgb(234, 1, 1) !important;
}
.text-red .text-col {
  color: rgb(234, 1, 1) !important;
}
.text-red b {
  color: rgb(234, 1, 1) !important;
}
.hl-red {
  border: 1px solid rgb(234, 1, 1) !important;
  background-color: rgb(234, 1, 1) !important;
  color: white !important;
}
.text-red .hlx {
  border: 1px solid rgb(234, 1, 1) !important;
  background-color: rgb(234, 1, 1) !important;
  color: white !important;
  padding-left: 2px;
  padding-right: 2px;
  border-radius: 3px;
}
.bg-faded-red {
  background-color: rgba(234, 1, 1, 0.1) !important;
}
.bg-red {
  background-color: rgba(234, 1, 1) !important;
}
/* ------- */
.border-red1 {
  border-color: #dc3c22 !important;
  color: #dc3c22 !important;
}
.border-dk-red1 {
  border-color: rgb(126, 3, 3) !important;
}
.text-red1 {
  color: #dc3c22 !important;
}
.text-red1 .text-col {
  color: #dc3c22 !important;
}
.text-red1 b {
  color: #dc3c22 !important;
}
.hl-red1 {
  border: 1px solid #dc3c22 !important;
  background-color: #dc3c22 !important;
  color: white !important;
}
.text-red1 .hlx {
  border: 1px solid #dc3c22 !important;
  background-color: #dc3c22 !important;
  color: white !important;
  padding-left: 2px;
  padding-right: 2px;
  border-radius: 3px;
}
.bg-faded-red1 {
  background-color: #dc3b2220 !important;
}
.bg-red1 {
  background-color: #dc3b22 !important;
}
/* ------- */
.border-red2 {
  border-color: #ea5b6f !important;
  color: #ea5b6f !important;
}
.border-dk-red2 {
  border-color: #6d0110 !important;
}
.text-red2 {
  color: #ea5b6f !important;
}
.text-red2 .text-col {
  color: #ea5b6f !important;
}
.text-red2 b {
  color: #ea5b6f !important;
}
.hl-red2 {
  border: 1px solid #ea5b6f !important;
  background-color: #ea5b6f !important;
  color: white !important;
}
.text-red2 .hlx {
  border: 1px solid #ea5b6f !important;
  background-color: #ea5b6f !important;
  color: white !important;
  padding-left: 2px;
  padding-right: 2px;
  border-radius: 3px;
}
.bg-faded-red2 {
  background-color: #ea5b6e20 !important;
}
.bg-red2 {
  background-color: #ea5b6e !important;
}
/* ------- */
.border-red3 {
  border-color: #c95792 !important;
  color: #c95792 !important;
}
.border-dk-red3 {
  border-color: #7a0541 !important;
}
.text-red3 {
  color: #c95792 !important;
}
.text-red3 .text-col {
  color: #c95792 !important;
}
.text-red3 b {
  color: #c95792 !important;
}
.hl-red3 {
  border: 1px solid #c95792 !important;
  background-color: #c95792 !important;
  color: white !important;
}
.text-red3 .hlx {
  border: 1px solid #c95792 !important;
  background-color: #c95792 !important;
  color: white !important;
  padding-left: 2px;
  padding-right: 2px;
  border-radius: 3px;
}
.bg-faded-red3 {
  background-color: #ea5b6e20 !important;
}
.bg-red3 {
  background-color: #ea5b6e !important;
}
/* ------- */
.border-yellow1 {
  border-color: #a04747 !important;
  color: #a04747 !important;
}
.border-dk-yellow1 {
  border-color: #6f0202 !important;
}
.text-yellow1 {
  color: #a04747 !important;
}
.text-yellow1 .text-col {
  color: #a04747 !important;
}
.text-yellow1 b {
  color: #a04747 !important;
}
.hl-yellow1 {
  border: 1px solid #a04747 !important;
  background-color: #a04747 !important;
  color: white !important;
}
.text-yellow1 .hlx {
  border: 1px solid #a04747 !important;
  background-color: #a04747 !important;
  color: white !important;
  padding-left: 2px;
  padding-right: 2px;
  border-radius: 3px;
}
.bg-faded-yellow1 {
  background-color: #ea5b6e20 !important;
}
.bg-yellow1 {
  background-color: #ea5b6e !important;
}
/* ------- */
.border-yellow2 {
  border-color: rgb(242, 219, 15) !important;
  color: rgb(242, 219, 15) !important;
}
.border-dk-yellow2 {
  border-color: rgb(106, 95, 1) !important;
}
.text-yellow2 {
  color: rgb(242, 219, 15) !important;
}
.text-yellow2 .text-col {
  color: rgb(242, 219, 15) !important;
}
.text-yellow2 b {
  color: rgb(242, 219, 15) !important;
}
.hl-yellow2 {
  border: 1px solid rgb(242, 219, 15) !important;
  background-color: rgb(242, 219, 15) !important;
  color: black !important;
}
.text-yellow2 .hlx {
  border: 1px solid rgb(242, 219, 15) !important;
  background-color: rgb(242, 219, 15) !important;
  color: black !important;
  padding-left: 2px;
  padding-right: 2px;
  border-radius: 3px;
}
.bg-faded-yellow2 {
  background-color: rgb(242, 219, 15, 0.1) !important;
}
.bg-yellow2 {
  background-color: rgb(242, 219, 15) !important;
}

/* ------- */
.border-yellow3 {
  border-color: #f8be1f !important;
  color: #f8be1f !important;
}
.border-dk-yellow3 {
  border-color: #9e7403 !important;
}
.text-yellow3 {
  color: #f8be1f !important;
}
.text-yellow3 .text-col {
  color: #f8be1f !important;
}
.text-yellow3 b {
  color: #f8be1f !important;
}
.hl-yellow3 {
  border: 1px solid #f8be1f !important;
  background-color: #f8be1f !important;
  color: black !important;
}
.text-yellow3 .hlx {
  border: 1px solid #f8be1f !important;
  background-color: #f8be1f !important;
  color: black !important;
  padding-left: 2px;
  padding-right: 2px;
  border-radius: 3px;
}
.bg-faded-yellow3 {
  background-color: #f8be1f20 !important;
}
.bg-yellow3 {
  background-color: #f8be1f !important;
}

/* ------- */
.border-yellow4 {
  border-color: #662105 !important;
  color: #662105 !important;
}
.border-dk-yellow4 {
  border-color: #381101 !important;
}
.text-yellow4 {
  color: #662105 !important;
}
.text-yellow4 .text-col {
  color: #662105 !important;
}
.text-yellow4 b {
  color: #662105 !important;
}
.hl-yellow4 {
  border: 1px solid #662105 !important;
  background-color: #662105 !important;
  color: white !important;
}
.text-yellow4 .hlx {
  border: 1px solid #662105 !important;
  background-color: #662105 !important;
  color: white !important;
  padding-left: 2px;
  padding-right: 2px;
  border-radius: 3px;
}
.bg-faded-yellow4 {
  background-color: #66210520 !important;
}
.bg-yellow4 {
  background-color: #662105 !important;
}
/* ------- */
.border-orange1 {
  border-color: #f57d23 !important;
  color: #f57d23 !important;
}
.border-dk-orange1 {
  border-color: #6b3104 !important;
}
.text-orange1 {
  color: #f57d23 !important;
}
.text-orange1 .text-col {
  color: #f57d23 !important;
}
.text-orange1 b {
  color: #f57d23 !important;
}
.hl-orange1 {
  border: 1px solid #f57d23 !important;
  background-color: #f57d23 !important;
  color: white !important;
}
.text-orange1 .hlx {
  border: 1px solid #f57d23 !important;
  background-color: #f57d23 !important;
  color: white !important;
  padding-left: 2px;
  padding-right: 2px;
  border-radius: 3px;
}
.bg-faded-orange1 {
  background-color: #f57d2320 !important;
}
.bg-orange1 {
  background-color: #f57d23 !important;
}
/* ------- */
.border-violet1 {
  border-color: #852fed !important;
  color: #852fed !important;
}
.border-dk-violet1 {
  border-color: #33026f !important;
}
.text-violet1 {
  color: #852fed !important;
}
.text-violet1 .text-col {
  color: #852fed !important;
}
.text-violet1 b {
  color: #852fed !important;
}
.hl-violet1 {
  border: 1px solid #852fed !important;
  background-color: #852fed !important;
  color: white !important;
}
.text-violet1 .hlx {
  border: 1px solid #852fed !important;
  background-color: #852fed !important;
  color: white !important;
  padding-left: 2px;
  padding-right: 2px;
  border-radius: 3px;
}
.bg-faded-violet1 {
  background-color: #852fed20 !important;
}
.bg-violet1 {
  background-color: #852fed !important;
}
/* ------- */
.mxwd-10rem {
  max-width: 1rem;
  overflow: hidden;
}
.mxwd-15rem {
  max-width: 1.5rem;
  overflow: hidden;
}
.mxwd-20rem {
  max-width: 2rem;
  overflow: hidden;
}
.ht-40rem {
  height: 4rem;
  overflow: hidden;
}

.ht-50rem {
  height: 5rem;
  overflow: hidden;
}
.ht-60rem {
  height: 6rem;
  overflow: hidden;
}
.ht-70rem {
  height: 7rem;
  overflow: hidden;
}