.text-dark {
  color: #28292c !important;
}

a.text-dark[href]:hover, a.text-dark[href]:focus {
  color: #1c1d1f !important;
}

.text-dark-m1 {
  color: #323337 !important;
}

a.text-dark-m1:hover, a.text-dark-m1:focus {
  color: #262629 !important;
}

.text-dark-m2 {
  color: #3b3c41 !important;
}

.text-dark-m3 {
  color: #45464b !important;
}

.text-dark-d1 {
  color: #222225 !important;
}

a.text-dark-d1:hover, a.text-dark-d1:focus {
  color: #161618 !important;
}

.text-dark-d2 {
  color: #1b1c1e !important;
}

.text-dark-d3 {
  color: #151517 !important;
}

.text-dark-d4 {
  color: #0e0f10 !important;
}

.text-dark-l1 {
  color: #56585e !important;
}

.text-dark-l2 {
  color: #60626a !important;
}

.text-dark-l3 {
  color: #6a6d75 !important;
}

.text-dark-l4 {
  color: #757780 !important;
}

.text-dark-l5 {
  color: #80828b !important;
}

.text-grey {
  color: #64666a !important;
}

a.text-grey[href]:hover, a.text-grey[href]:focus {
  color: #58595c !important;
}

.text-grey-m1 {
  color: #6e7074 !important;
}

a.text-grey-m1:hover, a.text-grey-m1:focus {
  color: #616367 !important;
}

.text-grey-m2 {
  color: #77797e !important;
}

.text-grey-m3 {
  color: #818388 !important;
}

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

a.text-grey-d1:hover, a.text-grey-d1:focus {
  color: #515255 !important;
}

.text-grey-d2 {
  color: #57585c !important;
}

.text-grey-d3 {
  color: #505255 !important;
}

.text-grey-d4 {
  color: #4a4b4e !important;
}

.text-grey-l1 {
  color: #949699 !important;
}

.text-grey-l2 {
  color: #9fa1a4 !important;
}

.text-grey-l3 {
  color: #aaacae !important;
}

.text-grey-l4 {
  color: #b5b6b9 !important;
}

.text-grey-l5 {
  color: #c0c1c4 !important;
}

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

a.text-pink[href]:hover, a.text-pink[href]:focus {
  color: #ba2b68 !important;
}

.text-pink-m1 {
  color: #d33f7f !important;
}

a.text-pink-m1:hover, a.text-pink-m1:focus {
  color: #ca2f71 !important;
}

.text-pink-m2 {
  color: #d75089 !important;
}

.text-pink-m3 {
  color: #da6094 !important;
}

.text-pink-d1 {
  color: #c42d6e !important;
}

a.text-pink-d1:hover, a.text-pink-d1:focus {
  color: #af2862 !important;
}

.text-pink-d2 {
  color: #b92b68 !important;
}

.text-pink-d3 {
  color: #ae2861 !important;
}

.text-pink-d4 {
  color: #a3255b !important;
}

.text-pink-l1 {
  color: #e17da8 !important;
}

.text-pink-l2 {
  color: #e58fb4 !important;
}

.text-pink-l3 {
  color: #e9a0c0 !important;
}

.text-pink-l4 {
  color: #edb2cb !important;
}

.text-pink-l5 {
  color: #f1c4d7 !important;
}

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

a.text-purple[href]:hover, a.text-purple[href]:focus {
  color: #665ab2 !important;
}

.text-purple-m1 {
  color: #7e74be !important;
}

a.text-purple-m1:hover, a.text-purple-m1:focus {
  color: #6d63b6 !important;
}

.text-purple-m2 {
  color: #877ec2 !important;
}

.text-purple-m3 {
  color: #9088c7 !important;
}

.text-purple-d1 {
  color: #6d62b5 !important;
}

a.text-purple-d1:hover, a.text-purple-d1:focus {
  color: #5d51ad !important;
}

.text-purple-d2 {
  color: #6559b1 !important;
}

.text-purple-d3 {
  color: #5d51ac !important;
}

.text-purple-d4 {
  color: #584ca3 !important;
}

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

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

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

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

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

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

a.text-yellow[href]:hover, a.text-yellow[href]:focus {
  color: #d9bc0c !important;
}

.text-yellow-m1 {
  color: #f3d61e !important;
}

a.text-yellow-m1:hover, a.text-yellow-m1:focus {
  color: #ebcd0d !important;
}

.text-yellow-m2 {
  color: #f4d931 !important;
}

.text-yellow-m3 {
  color: #f5dd44 !important;
}

.text-yellow-d1 {
  color: #e4c60c !important;
}

a.text-yellow-d1:hover, a.text-yellow-d1:focus {
  color: #ccb10b !important;
}

.text-yellow-d2 {
  color: #d7bb0c !important;
}

.text-yellow-d3 {
  color: #cab00b !important;
}

.text-yellow-d4 {
  color: #bda40a !important;
}

.text-yellow-l1 {
  color: #f7e366 !important;
}

.text-yellow-l2 {
  color: #f8e77b !important;
}

.text-yellow-l3 {
  color: #f9eb90 !important;
}

.text-yellow-l4 {
  color: #faeea4 !important;
}

.text-yellow-l5 {
  color: #fbf2b9 !important;
}

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

a.text-brown[href]:hover, a.text-brown[href]:focus {
  color: #a55036 !important;
}

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

a.text-brown-m1:hover, a.text-brown-m1:focus {
  color: #b2573a !important;
}

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

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

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

a.text-brown-d1:hover, a.text-brown-d1:focus {
  color: #9b4b32 !important;
}

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

.text-brown-d3 {
  color: #984a31 !important;
}

.text-brown-d4 {
  color: #8e452e !important;
}

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

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

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

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

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

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

a.text-orange[href]:hover, a.text-orange[href]:focus {
  color: #e78000 !important;
}

.text-orange-m1 {
  color: #ff9715 !important;
}

a.text-orange-m1:hover, a.text-orange-m1:focus {
  color: #fb8b00 !important;
}

.text-orange-m2 {
  color: #ffa029 !important;
}

.text-orange-m3 {
  color: #ffa83d !important;
}

.text-orange-d1 {
  color: #f38700 !important;
}

a.text-orange-d1:hover, a.text-orange-d1:focus {
  color: #d97800 !important;
}

.text-orange-d2 {
  color: #e57f00 !important;
}

.text-orange-d3 {
  color: #d87700 !important;
}

.text-orange-d4 {
  color: #ca7000 !important;
}

.text-orange-l1 {
  color: #ffb961 !important;
}

.text-orange-l2 {
  color: #ffc277 !important;
}

.text-orange-l3 {
  color: #ffcc8d !important;
}

.text-orange-l4 {
  color: #ffd6a2 !important;
}

.text-orange-l5 {
  color: #ffdfb8 !important;
}

.text-warning {
  color: #ebab01 !important;
}

a.text-warning[href]:hover, a.text-warning[href]:focus {
  color: #d19801 !important;
}

.text-warning-m1 {
  color: #feb901 !important;
}

a.text-warning-m1:hover, a.text-warning-m1:focus {
  color: #e5a701 !important;
}

.text-warning-m2 {
  color: #febe15 !important;
}

.text-warning-m3 {
  color: #fec429 !important;
}

.text-warning-d1 {
  color: #dda101 !important;
}

a.text-warning-d1:hover, a.text-warning-d1:focus {
  color: #c48e01 !important;
}

.text-warning-d2 {
  color: #cf9701 !important;
}

.text-warning-d3 {
  color: #c28d01 !important;
}

.text-warning-d4 {
  color: #b48301 !important;
}

.text-warning-l1 {
  color: #fece4d !important;
}

.text-warning-l2 {
  color: #fed463 !important;
}

.text-warning-l3 {
  color: #feda78 !important;
}

.text-warning-l4 {
  color: #ffe08e !important;
}

.text-warning-l5 {
  color: #ffe6a3 !important;
}

.text-danger {
  color: #d52727 !important;
}

a.text-danger[href]:hover, a.text-danger[href]:focus {
  color: #c02323 !important;
}

.text-danger-m1 {
  color: #da3636 !important;
}

a.text-danger-m1:hover, a.text-danger-m1:focus {
  color: #d02727 !important;
}

.text-danger-m2 {
  color: #dd4747 !important;
}

.text-danger-m3 {
  color: #e05858 !important;
}

.text-danger-d1 {
  color: #ca2525 !important;
}

a.text-danger-d1:hover, a.text-danger-d1:focus {
  color: #b42121 !important;
}

.text-danger-d2 {
  color: #be2323 !important;
}

.text-danger-d3 {
  color: #b32121 !important;
}

.text-danger-d4 {
  color: #a71f1f !important;
}

.text-danger-l1 {
  color: #e67676 !important;
}

.text-danger-l2 {
  color: #e98989 !important;
}

.text-danger-l3 {
  color: #ed9b9b !important;
}

.text-danger-l4 {
  color: #f0adad !important;
}

.text-danger-l5 {
  color: #f3c0c0 !important;
}

.text-green {
  color: #2a8564 !important;
}

a.text-green[href]:hover, a.text-green[href]:focus {
  color: #247256 !important;
}

.text-green-m1 {
  color: #2c8d6a !important;
}

a.text-green-m1:hover, a.text-green-m1:focus {
  color: #26795b !important;
}

.text-green-m2 {
  color: #2f9671 !important;
}

.text-green-m3 {
  color: #32a179 !important;
}

.text-green-d1 {
  color: #277b5d !important;
}

.brc-warning-tp2 {
  border-color: rgba(237, 166, 48, 0.85) !important;
}

.bgc-warning-tp3 {
  background-color: rgba(237, 166, 48, 0.775) !important;
}

.brc-warning-tp3 {
  border-color: rgba(237, 166, 48, 0.775) !important;
}

.bgc-warning-tp4 {
  background-color: rgba(237, 166, 48, 0.7) !important;
}

.brc-warning-tp4 {
  border-color: rgba(237, 166, 48, 0.7) !important;
}

.bgc-warning-d1 {
  background-color: #e19e2e !important;
}

.brc-warning-d1 {
  border-color: #e19e2e !important;
}

.bgc-warning-d2 {
  background-color: #d5952b !important;
}

.brc-warning-d2 {
  border-color: #d5952b !important;
}

.bgc-warning-d3 {
  background-color: #c98d29 !important;
}

.brc-warning-d3 {
  border-color: #c98d29 !important;
}

.bgc-warning-m1 {
  background-color: #f0b34f !important;
}

.brc-warning-m1, .brc-h-warning-m1:hover {
  border-color: #f0b34f !important;
}

.bgc-warning-m2 {
  background-color: #f2bf6a !important;
}

.brc-warning-m2, .brc-h-warning-m2:hover {
  border-color: #f2bf6a !important;
}

.bgc-warning-m3 {
  background-color: #f4ca85 !important;
}

.brc-warning-m3, .brc-h-warning-m3:hover {
  border-color: #f4ca85 !important;
}

.bgc-warning-m4 {
  background-color: #f7d7a2 !important;
}

.brc-warning-m4, .brc-h-warning-m4:hover {
  border-color: #f7d7a2 !important;
}

.bgc-warning-l1, .bgc-h-warning-l1:hover {
  background-color: #f9e1b9 !important;
}

.brc-warning-l1 {
  border-color: #f9e1b9 !important;
}

.bgc-warning-l2, .bgc-h-warning-l2:hover {
  background-color: #fbeacd !important;
}

.brc-warning-l2 {
  border-color: #fbeacd !important;
}

.bgc-warning-l3, .bgc-h-warning-l3:hover {
  background-color: #fcf2e0 !important;
}

.brc-warning-l3 {
  border-color: #fcf2e0 !important;
}

.bgc-warning-l4, .bgc-h-warning-l4:hover {
  background-color: #fdf7eb !important;
}

.brc-warning-l4 {
  border-color: #fdf7eb !important;
}

.bgc-warning-l5, .bgc-h-warning-l5:hover {
  background-color: #fefaf3 !important;
}

.brc-warning-l5 {
  border-color: #fefaf3 !important;
}

.bgc-dark {
  background-color: #42474e !important;
}

.brc-dark {
  border-color: #42474e !important;
}

.bgc-dark-tp1 {
  background-color: rgba(66, 71, 78, 0.925) !important;
}

.brc-dark-tp1 {
  border-color: rgba(66, 71, 78, 0.925) !important;
}

.bgc-dark-tp2 {
  background-color: rgba(66, 71, 78, 0.85) !important;
}

.brc-dark-tp2 {
  border-color: rgba(66, 71, 78, 0.85) !important;
}

.bgc-dark-tp3 {
  background-color: rgba(66, 71, 78, 0.775) !important;
}

.brc-dark-tp3 {
  border-color: rgba(66, 71, 78, 0.775) !important;
}

.bgc-dark-tp4 {
  background-color: rgba(66, 71, 78, 0.7) !important;
}

.brc-dark-tp4 {
  border-color: rgba(66, 71, 78, 0.7) !important;
}

.bgc-dark-d1 {
  background-color: #3f434a !important;
}

.brc-dark-d1 {
  border-color: #3f434a !important;
}

.bgc-dark-d2 {
  background-color: #3b4046 !important;
}

.brc-dark-d2 {
  border-color: #3b4046 !important;
}

.bgc-dark-d3 {
  background-color: #383c42 !important;
}

.brc-dark-d3 {
  border-color: #383c42 !important;
}

.bgc-dark-m1 {
  background-color: #5e6369 !important;
}

.brc-dark-m1, .brc-h-dark-m1:hover {
  border-color: #5e6369 !important;
}

.bgc-dark-m2 {
  background-color: #777b80 !important;
}

.brc-dark-m2, .brc-h-dark-m2:hover {
  border-color: #777b80 !important;
}

.bgc-dark-m3 {
  background-color: #8f9297 !important;
}

.brc-dark-m3, .brc-h-dark-m3:hover {
  border-color: #8f9297 !important;
}

.bgc-dark-m4 {
  background-color: #aaacaf !important;
}

.brc-dark-m4, .brc-h-dark-m4:hover {
  border-color: #aaacaf !important;
}

.bgc-dark-l1, .bgc-h-dark-l1:hover {
  background-color: #cccdcf !important;
}

.brc-dark-l1 {
  border-color: #cccdcf !important;
}

.bgc-dark-l2, .bgc-h-dark-l2:hover {
  background-color: #dcddde !important;
}

.brc-dark-l2 {
  border-color: #dcddde !important;
}

.bgc-dark-l3, .bgc-h-dark-l3:hover {
  background-color: #e8e9ea !important;
}

.brc-dark-l3 {
  border-color: #e8e9ea !important;
}

.bgc-dark-l4, .bgc-h-dark-l4:hover {
  background-color: #eff0f0 !important;
}

.brc-dark-l4 {
  border-color: #eff0f0 !important;
}

.bgc-dark-l5, .bgc-h-dark-l5:hover {
  background-color: #f6f6f7 !important;
}

.brc-dark-l5 {
  border-color: #f6f6f7 !important;
}

.bgc-light {
  background-color: #f8f9fb !important;
}

.brc-light {
  border-color: #f8f9fb !important;
}

.bgc-light-tp1 {
  background-color: rgba(248, 249, 251, 0.925) !important;
}

.brc-light-tp1 {
  border-color: rgba(248, 249, 251, 0.925) !important;
}

.bgc-light-tp2 {
  background-color: rgba(248, 249, 251, 0.85) !important;
}

.brc-light-tp2 {
  border-color: rgba(248, 249, 251, 0.85) !important;
}

.bgc-light-tp3 {
  background-color: rgba(248, 249, 251, 0.775) !important;
}

.brc-light-tp3 {
  border-color: rgba(248, 249, 251, 0.775) !important;
}

.bgc-light-tp4 {
  background-color: rgba(248, 249, 251, 0.7) !important;
}

.brc-light-tp4 {
  border-color: rgba(248, 249, 251, 0.7) !important;
}

.bgc-light-d1 {
  background-color: #ecedee !important;
}

.brc-light-d1 {
  border-color: #ecedee !important;
}

.bgc-light-d2 {
  background-color: #dfe0e2 !important;
}

.brc-light-d2 {
  border-color: #dfe0e2 !important;
}

.bgc-light-d3 {
  background-color: #d3d4d5 !important;
}

.brc-light-d3 {
  border-color: #d3d4d5 !important;
}

.bgc-light-l1, .bgc-h-light-l1:hover {
  background-color: #fdfdfe !important;
}

.brc-light-l1 {
  border-color: #fdfdfe !important;
}

.bgc-light-l2, .bgc-h-light-l2:hover {
  background-color: #fefefe !important;
}

.brc-light-l2 {
  border-color: #fefefe !important;
}

.bgc-light-l3, .bgc-h-light-l3:hover {
  background-color: #fefeff !important;
}

.brc-light-l3 {
  border-color: #fefeff !important;
}

.bgc-light-l4, .bgc-h-light-l4:hover {
  background-color: #feffff !important;
}

.brc-light-l4 {
  border-color: #feffff !important;
}

.bgc-white {
  background-color: #fff !important;
}

.brc-white {
  border-color: #fff !important;
}

.bgc-black {
  background-color: #2c3034 !important;
}

.brc-black {
  border-color: #2c3034 !important;
}

.bgc-grey {
  background-color: #7f8083 !important;
}

.brc-grey {
  border-color: #7f8083 !important;
}

.bgc-grey-tp1 {
  background-color: rgba(127, 128, 131, 0.925) !important;
}

.brc-grey-tp1 {
  border-color: rgba(127, 128, 131, 0.925) !important;
}

.bgc-grey-tp2 {
  background-color: rgba(127, 128, 131, 0.85) !important;
}

.brc-grey-tp2 {
  border-color: rgba(127, 128, 131, 0.85) !important;
}

.bgc-grey-tp3 {
  background-color: rgba(127, 128, 131, 0.775) !important;
}

.brc-grey-tp3 {
  border-color: rgba(127, 128, 131, 0.775) !important;
}

.bgc-grey-tp4 {
  background-color: rgba(127, 128, 131, 0.7) !important;
}

.brc-grey-tp4 {
  border-color: rgba(127, 128, 131, 0.7) !important;
}

.bgc-grey-d1 {
  background-color: #797a7c !important;
}

.brc-grey-d1 {
  border-color: #797a7c !important;
}

.bgc-grey-d2 {
  background-color: #727376 !important;
}

.brc-grey-d2 {
  border-color: #727376 !important;
}

.bgc-grey-d3 {
  background-color: #6c6d6f !important;
}

.brc-grey-d3 {
  border-color: #6c6d6f !important;
}

.bgc-grey-m1 {
  background-color: #929396 !important;
}

.brc-grey-m1, .brc-h-grey-m1:hover {
  border-color: #929396 !important;
}

.bgc-grey-m2 {
  background-color: #a3a4a6 !important;
}

.brc-grey-m2, .brc-h-grey-m2:hover {
  border-color: #a3a4a6 !important;
}

.bgc-grey-m3 {
  background-color: #b3b4b6 !important;
}

.brc-grey-m3, .brc-h-grey-m3:hover {
  border-color: #b3b4b6 !important;
}

.bgc-grey-m4 {
  background-color: #c5c6c7 !important;
}

.brc-grey-m4, .brc-h-grey-m4:hover {
  border-color: #c5c6c7 !important;
}

.bgc-grey-l1, .bgc-h-grey-l1:hover {
  background-color: #d8d9da !important;
}

.brc-grey-l1 {
  border-color: #d8d9da !important;
}

.bgc-grey-l2, .bgc-h-grey-l2:hover {
  background-color: #e4e4e4 !important;
}

.brc-grey-l2 {
  border-color: #e4e4e4 !important;
}

.bgc-grey-l3, .bgc-h-grey-l3:hover {
  background-color: #eeeeee !important;
}

.brc-grey-l3 {
  border-color: #eeeeee !important;
}

.bgc-grey-l4, .bgc-h-grey-l4:hover {
  background-color: #f4f4f4 !important;
}

.brc-grey-l4 {
  border-color: #f4f4f4 !important;
}

.bgc-grey-l5, .bgc-h-grey-l5:hover {
  background-color: #f8f8f9 !important;
}

.brc-grey-l5 {
  border-color: #f8f8f9 !important;
}

.bgc-purple {
  background-color: #776cb8 !important;
}

.brc-purple {
  border-color: #776cb8 !important;
}

.bgc-purple-tp1 {
  background-color: rgba(119, 108, 184, 0.925) !important;
}

.brc-purple-tp1 {
  border-color: rgba(119, 108, 184, 0.925) !important;
}

.bgc-purple-tp2 {
  background-color: rgba(119, 108, 184, 0.85) !important;
}

.brc-purple-tp2 {
  border-color: rgba(119, 108, 184, 0.85) !important;
}

.bgc-purple-tp3 {
  background-color: rgba(119, 108, 184, 0.775) !important;
}

.brc-purple-tp3 {
  border-color: rgba(119, 108, 184, 0.775) !important;
}

.bgc-purple-tp4 {
  background-color: rgba(119, 108, 184, 0.7) !important;
}

.brc-purple-tp4 {
  border-color: rgba(119, 108, 184, 0.7) !important;
}

.bgc-purple-d1 {
  background-color: #7167af !important;
}

.brc-purple-d1 {
  border-color: #7167af !important;
}

.bgc-purple-d2 {
  background-color: #6b61a6 !important;
}

.brc-purple-d2 {
  border-color: #6b61a6 !important;
}

.bgc-purple-d3 {
  background-color: #655c9c !important;
}

.brc-purple-d3 {
  border-color: #655c9c !important;
}

.bgc-purple-m1 {
  background-color: #8b82c3 !important;
}

.brc-purple-m1, .brc-h-purple-m1:hover {
  border-color: #8b82c3 !important;
}

.bgc-purple-m2 {
  background-color: #9d95cc !important;
}

.brc-purple-m2, .brc-h-purple-m2:hover {
  border-color: #9d95cc !important;
}

.bgc-purple-m3 {
  background-color: #afa8d5 !important;
}

.brc-purple-m3, .brc-h-purple-m3:hover {
  border-color: #afa8d5 !important;
}

.bgc-purple-m4 {
  background-color: #c2bddf !important;
}

.brc-purple-m4, .brc-h-purple-m4:hover {
  border-color: #c2bddf !important;
}

.bgc-purple-l1, .bgc-h-purple-l1:hover {
  background-color: #d0cce6 !important;
}

.brc-purple-l1 {
  border-color: #d0cce6 !important;
}

.bgc-purple-l2, .bgc-h-purple-l2:hover {
  background-color: #dddbed !important;
}

.brc-purple-l2 {
  border-color: #dddbed !important;
}

.bgc-purple-l3, .bgc-h-purple-l3:hover {
  background-color: #eae8f4 !important;
}

.brc-purple-l3 {
  border-color: #eae8f4 !important;
}

.bgc-purple-l4, .bgc-h-purple-l4:hover {
  background-color: #f1f0f8 !important;
}

.brc-purple-l4 {
  border-color: #f1f0f8 !important;
}

.bgc-purple-l5, .bgc-h-purple-l5:hover {
  background-color: #f7f6fb !important;
}

.brc-purple-l5 {
  border-color: #f7f6fb !important;
}

.bgc-pink {
  background-color: #d53c77 !important;
}

.brc-pink {
  border-color: #d53c77 !important;
}

.bgc-pink-tp1 {
  background-color: rgba(213, 60, 119, 0.925) !important;
}

.brc-pink-tp1 {
  border-color: rgba(213, 60, 119, 0.925) !important;
}

.bgc-pink-tp2 {
  background-color: rgba(213, 60, 119, 0.85) !important;
}

.brc-pink-tp2 {
  border-color: rgba(213, 60, 119, 0.85) !important;
}

.bgc-pink-tp3 {
  background-color: rgba(213, 60, 119, 0.775) !important;
}

.brc-pink-tp3 {
  border-color: rgba(213, 60, 119, 0.775) !important;
}

.bgc-pink-tp4 {
  background-color: rgba(213, 60, 119, 0.7) !important;
}

.brc-pink-tp4 {
  border-color: rgba(213, 60, 119, 0.7) !important;
}

.bgc-pink-d1 {
  background-color: #ca3971 !important;
}

.brc-pink-d1 {
  border-color: #ca3971 !important;
}

.bgc-pink-d2 {
  background-color: #c0366b !important;
}

.brc-pink-d2 {
  border-color: #c0366b !important;
}

.bgc-pink-d3 {
  background-color: #b53365 !important;
}

.brc-pink-d3 {
  border-color: #b53365 !important;
}

.bgc-pink-m1 {
  background-color: #db598b !important;
}

.brc-pink-m1, .brc-h-pink-m1:hover {
  border-color: #db598b !important;
}

.bgc-pink-m2 {
  background-color: #e1739d !important;
}

.brc-pink-m2, .brc-h-pink-m2:hover {
  border-color: #e1739d !important;
}

.bgc-pink-m3 {
  background-color: #e68caf !important;
}

.brc-pink-m3, .brc-h-pink-m3:hover {
  border-color: #e68caf !important;
}

.bgc-pink-m4 {
  background-color: #eca7c2 !important;
}

.brc-pink-m4, .brc-h-pink-m4:hover {
  border-color: #eca7c2 !important;
}

.bgc-pink-l1, .bgc-h-pink-l1:hover {
  background-color: #f2c0d3 !important;
}

.brc-pink-l1 {
  border-color: #f2c0d3 !important;
}

.bgc-pink-l2, .bgc-h-pink-l2:hover {
  background-color: #f5d3e0 !important;
}

.brc-pink-l2 {
  border-color: #f5d3e0 !important;
}

.bgc-pink-l3, .bgc-h-pink-l3:hover {
  background-color: #f9e3ec !important;
}

.brc-pink-l3 {
  border-color: #f9e3ec !important;
}

.bgc-pink-l4, .bgc-h-pink-l4:hover {
  background-color: #fbedf3 !important;
}

.brc-pink-l4 {
  border-color: #fbedf3 !important;
}

.bgc-pink-l5, .bgc-h-pink-l5:hover {
  background-color: #fdf4f8 !important;
}

.brc-pink-l5 {
  border-color: #fdf4f8 !important;
}

.bgc-yellow {
  background-color: #f8e57d !important;
}

.brc-yellow {
  border-color: #f8e57d !important;
}

.bgc-yellow-tp1 {
  background-color: rgba(248, 229, 125, 0.925) !important;
}

.brc-yellow-tp1 {
  border-color: rgba(248, 229, 125, 0.925) !important;
}

.bgc-yellow-tp2 {
  background-color: rgba(248, 229, 125, 0.85) !important;
}

.brc-yellow-tp2 {
  border-color: rgba(248, 229, 125, 0.85) !important;
}

.bgc-yellow-tp3 {
  background-color: rgba(248, 229, 125, 0.775) !important;
}

.brc-yellow-tp3 {
  border-color: rgba(248, 229, 125, 0.775) !important;
}

.bgc-yellow-tp4 {
  background-color: rgba(248, 229, 125, 0.7) !important;
}

.brc-yellow-tp4 {
  border-color: rgba(248, 229, 125, 0.7) !important;
}

.bgc-yellow-d1 {
  background-color: #ecda77 !important;
}

.brc-yellow-d1 {
  border-color: #ecda77 !important;
}

.bgc-yellow-d2 {
  background-color: #dfce71 !important;
}

.brc-yellow-d2 {
  border-color: #dfce71 !important;
}

.bgc-yellow-d3 {
  background-color: #d3c36a !important;
}

.brc-yellow-d3 {
  border-color: #d3c36a !important;
}

.bgc-yellow-m1 {
  background-color: #f9e991 !important;
}

.brc-yellow-m1, .brc-h-yellow-m1:hover {
  border-color: #f9e991 !important;
}

.bgc-yellow-m2 {
  background-color: #faeca1 !important;
}

.brc-yellow-m2, .brc-h-yellow-m2:hover {
  border-color: #faeca1 !important;
}

.bgc-yellow-m3 {
  background-color: #fbf0b2 !important;
}

.brc-yellow-m3, .brc-h-yellow-m3:hover {
  border-color: #fbf0b2 !important;
}

.bgc-yellow-m4 {
  background-color: #fcf3c5 !important;
}

.brc-yellow-m4, .brc-h-yellow-m4:hover {
  border-color: #fcf3c5 !important;
}

.bgc-yellow-l1, .bgc-h-yellow-l1:hover {
  background-color: #fbf1b7 !important;
}

.brc-yellow-l1 {
  border-color: #fbf1b7 !important;
}

.bgc-yellow-l2, .bgc-h-yellow-l2:hover {
  background-color: #fcf5cc !important;
}

.brc-yellow-l2 {
  border-color: #fcf5cc !important;
}

.bgc-yellow-l3, .bgc-h-yellow-l3:hover {
  background-color: #fdf9df !important;
}

.brc-yellow-l3 {
  border-color: #fdf9df !important;
}

.bgc-yellow-l4, .bgc-h-yellow-l4:hover {
  background-color: #fefbea !important;
}

.brc-yellow-l4 {
  border-color: #fefbea !important;
}

.bgc-yellow-l5, .bgc-h-yellow-l5:hover {
  background-color: #fefdf3 !important;
}

.brc-yellow-l5 {
  border-color: #fefdf3 !important;
}

.bgc-lightgrey {
  background-color: #91969d !important;
}

.brc-lightgrey {
  border-color: #91969d !important;
}

.bgc-lightgrey-tp1 {
  background-color: rgba(145, 150, 157, 0.925) !important;
}

.brc-lightgrey-tp1 {
  border-color: rgba(145, 150, 157, 0.925) !important;
}

.bgc-lightgrey-tp2 {
  background-color: rgba(145, 150, 157, 0.85) !important;
}

.brc-lightgrey-tp2 {
  border-color: rgba(145, 150, 157, 0.85) !important;
}

.bgc-lightgrey-tp3 {
  background-color: rgba(145, 150, 157, 0.775) !important;
}

.brc-lightgrey-tp3 {
  border-color: rgba(145, 150, 157, 0.775) !important;
}

.bgc-lightgrey-tp4 {
  background-color: rgba(145, 150, 157, 0.7) !important;
}

.brc-lightgrey-tp4 {
  border-color: rgba(145, 150, 157, 0.7) !important;
}

.bgc-lightgrey-d1 {
  background-color: #8a8f95 !important;
}

.brc-lightgrey-d1 {
  border-color: #8a8f95 !important;
}

.bgc-lightgrey-d2 {
  background-color: #83878d !important;
}

.brc-lightgrey-d2 {
  border-color: #83878d !important;
}

.bgc-lightgrey-d3 {
  background-color: #7b8085 !important;
}

.brc-lightgrey-d3 {
  border-color: #7b8085 !important;
}

.bgc-lightgrey-m1 {
  background-color: #a2a6ac !important;
}

.brc-lightgrey-m1, .brc-h-lightgrey-m1:hover {
  border-color: #a2a6ac !important;
}

.bgc-lightgrey-m2 {
  background-color: #b0b3b8 !important;
}

.brc-lightgrey-m2, .brc-h-lightgrey-m2:hover {
  border-color: #b0b3b8 !important;
}

.bgc-lightgrey-m3 {
  background-color: #bec1c5 !important;
}

.brc-lightgrey-m3, .brc-h-lightgrey-m3:hover {
  border-color: #bec1c5 !important;
}

.bgc-lightgrey-m4 {
  background-color: #ced0d3 !important;
}

.brc-lightgrey-m4, .brc-h-lightgrey-m4:hover {
  border-color: #ced0d3 !important;
}

.bgc-lightgrey-l1, .bgc-h-lightgrey-l1:hover {
  background-color: #d7d9db !important;
}

.brc-lightgrey-l1 {
  border-color: #d7d9db !important;
}

.bgc-lightgrey-l2, .bgc-h-lightgrey-l2:hover {
  background-color: #e2e4e6 !important;
}

.brc-lightgrey-l2 {
  border-color: #e2e4e6 !important;
}

.bgc-lightgrey-l3, .bgc-h-lightgrey-l3:hover {
  background-color: #edeeef !important;
}

.brc-lightgrey-l3 {
  border-color: #edeeef !important;
}

.bgc-lightgrey-l4, .bgc-h-lightgrey-l4:hover {
  background-color: #f3f4f5 !important;
}

.brc-lightgrey-l4 {
  border-color: #f3f4f5 !important;
}

.bgc-lightgrey-l5, .bgc-h-lightgrey-l5:hover {
  background-color: #f8f9f9 !important;
}

.brc-lightgrey-l5 {
  border-color: #f8f9f9 !important;
}

.bgc-brown {
  background-color: #bc7c4f !important;
}

.brc-brown {
  border-color: #bc7c4f !important;
}

.bgc-brown-tp1 {
  background-color: rgba(188, 124, 79, 0.925) !important;
}

.brc-brown-tp1 {
  border-color: rgba(188, 124, 79, 0.925) !important;
}

.bgc-brown-tp2 {
  background-color: rgba(188, 124, 79, 0.85) !important;
}

.brc-brown-tp2 {
  border-color: rgba(188, 124, 79, 0.85) !important;
}

.bgc-brown-tp3 {
  background-color: rgba(188, 124, 79, 0.775) !important;
}

.brc-brown-tp3 {
  border-color: rgba(188, 124, 79, 0.775) !important;
}

.bgc-brown-tp4 {
  background-color: rgba(188, 124, 79, 0.7) !important;
}

.brc-brown-tp4 {
  border-color: rgba(188, 124, 79, 0.7) !important;
}

.bgc-brown-d1 {
  background-color: #b3764b !important;
}

.brc-brown-d1 {
  border-color: #b3764b !important;
}

.bgc-brown-d2 {
  background-color: #a97047 !important;
}

.brc-brown-d2 {
  border-color: #a97047 !important;
}

.bgc-brown-d3 {
  background-color: #a06943 !important;
}

.brc-brown-d3 {
  border-color: #a06943 !important;
}

.bgc-brown-m1 {
  background-color: #c69069 !important;
}

.brc-brown-m1, .brc-h-brown-m1:hover {
  border-color: #c69069 !important;
}

.bgc-brown-m2 {
  background-color: #cfa180 !important;
}

.brc-brown-m2, .brc-h-brown-m2:hover {
  border-color: #cfa180 !important;
}

.bgc-brown-m3 {
  background-color: #d7b297 !important;
}

.brc-brown-m3, .brc-h-brown-m3:hover {
  border-color: #d7b297 !important;
}

.bgc-brown-m4 {
  background-color: #e1c4b0 !important;
}

.brc-brown-m4, .brc-h-brown-m4:hover {
  border-color: #e1c4b0 !important;
}

.bgc-brown-l1, .bgc-h-brown-l1:hover {
  background-color: #ead6c8 !important;
}

.brc-brown-l1 {
  border-color: #ead6c8 !important;
}

.bgc-brown-l2, .bgc-h-brown-l2:hover {
  background-color: #f0e2d8 !important;
}

.brc-brown-l2 {
  border-color: #f0e2d8 !important;
}

.bgc-brown-l3, .bgc-h-brown-l3:hover {
  background-color: #f6ede6 !important;
}

.brc-brown-l3 {
  border-color: #f6ede6 !important;
}

.bgc-brown-l4, .bgc-h-brown-l4:hover {
  background-color: #f9f3ef !important;
}

.brc-brown-l4 {
  border-color: #f9f3ef !important;
}

.bgc-brown-l5, .bgc-h-brown-l5:hover {
  background-color: #fbf8f6 !important;
}

.brc-brown-l5 {
  border-color: #fbf8f6 !important;
}

.bgc-blue {
  background-color: #3e89e4 !important;
}

.brc-blue {
  border-color: #3e89e4 !important;
}

.bgc-blue-tp1 {
  background-color: rgba(62, 137, 228, 0.925) !important;
}

.brc-blue-tp1 {
  border-color: rgba(62, 137, 228, 0.925) !important;
}

.bgc-blue-tp2 {
  background-color: rgba(62, 137, 228, 0.85) !important;
}

.brc-blue-tp2 {
  border-color: rgba(62, 137, 228, 0.85) !important;
}

.bgc-blue-tp3 {
  background-color: rgba(62, 137, 228, 0.775) !important;
}

.brc-blue-tp3 {
  border-color: rgba(62, 137, 228, 0.775) !important;
}

.bgc-blue-tp4 {
  background-color: rgba(62, 137, 228, 0.7) !important;
}

.brc-blue-tp4 {
  border-color: rgba(62, 137, 228, 0.7) !important;
}

.bgc-blue-d1 {
  background-color: #3b82d9 !important;
}

.brc-blue-d1 {
  border-color: #3b82d9 !important;
}

.bgc-blue-d2 {
  background-color: #387bcd !important;
}

.brc-blue-d2 {
  border-color: #387bcd !important;
}

.bgc-blue-d3 {
  background-color: #3574c2 !important;
}

.brc-blue-d3 {
  border-color: #3574c2 !important;
}

.bgc-blue-m1 {
  background-color: #5b9be8 !important;
}

.brc-blue-m1, .brc-h-blue-m1:hover {
  border-color: #5b9be8 !important;
}

.bgc-blue-m2 {
  background-color: #74aaec !important;
}

.brc-blue-m2, .brc-h-blue-m2:hover {
  border-color: #74aaec !important;
}

.bgc-blue-m3 {
  background-color: #8db9ef !important;
}

.brc-blue-m3, .brc-h-blue-m3:hover {
  border-color: #8db9ef !important;
}

.bgc-blue-m4 {
  background-color: #a8caf3 !important;
}

.brc-blue-m4, .brc-h-blue-m4:hover {
  border-color: #a8caf3 !important;
}

.bgc-blue-l1, .bgc-h-blue-l1:hover {
  background-color: #bcd6f6 !important;
}

.brc-blue-l1 {
  border-color: #bcd6f6 !important;
}

.bgc-blue-l2, .bgc-h-blue-l2:hover {
  background-color: #d0e3f8 !important;
}

.brc-blue-l2 {
  border-color: #d0e3f8 !important;
}

.bgc-blue-l3, .bgc-h-blue-l3:hover {
  background-color: #e1edfb !important;
}

.brc-blue-l3 {
  border-color: #e1edfb !important;
}

.bgc-blue-l4, .bgc-h-blue-l4:hover {
  background-color: #ecf4fc !important;
}

.brc-blue-l4 {
  border-color: #ecf4fc !important;
}

.bgc-blue-l5, .bgc-h-blue-l5:hover {
  background-color: #f4f8fd !important;
}

.brc-blue-l5 {
  border-color: #f4f8fd !important;
}

.bgc-red {
  background-color: #e74b4b !important;
}

.brc-red {
  border-color: #e74b4b !important;
}

.bgc-red-tp1 {
  background-color: rgba(231, 75, 75, 0.925) !important;
}

.brc-red-tp1 {
  border-color: rgba(231, 75, 75, 0.925) !important;
}

.bgc-red-tp2 {
  background-color: rgba(231, 75, 75, 0.85) !important;
}

.brc-red-tp2 {
  border-color: rgba(231, 75, 75, 0.85) !important;
}

.bgc-red-tp3 {
  background-color: rgba(231, 75, 75, 0.775) !important;
}

.brc-red-tp3 {
  border-color: rgba(231, 75, 75, 0.775) !important;
}

.bgc-red-tp4 {
  background-color: rgba(231, 75, 75, 0.7) !important;
}

.brc-red-tp4 {
  border-color: rgba(231, 75, 75, 0.7) !important;
}

.bgc-red-d1 {
  background-color: #db4747 !important;
}

.brc-red-d1 {
  border-color: #db4747 !important;
}

.bgc-red-d2 {
  background-color: #d04444 !important;
}

.brc-red-d2 {
  border-color: #d04444 !important;
}

.bgc-red-d3 {
  background-color: #c44040 !important;
}

.brc-red-d3 {
  border-color: #c44040 !important;
}

.bgc-red-m1 {
  background-color: #eb6666 !important;
}

.brc-red-m1, .brc-h-red-m1:hover {
  border-color: #eb6666 !important;
}

.bgc-red-m2 {
  background-color: #ee7d7d !important;
}

.brc-red-m2, .brc-h-red-m2:hover {
  border-color: #ee7d7d !important;
}

.bgc-red-m3 {
  background-color: #f19595 !important;
}

.brc-red-m3, .brc-h-red-m3:hover {
  border-color: #f19595 !important;
}

.bgc-red-m4 {
  background-color: #f4aeae !important;
}

.brc-red-m4, .brc-h-red-m4:hover {
  border-color: #f4aeae !important;
}

.bgc-red-l1, .bgc-h-red-l1:hover {
  background-color: #f6bcbc !important;
}

.brc-red-l1 {
  border-color: #f6bcbc !important;
}

.bgc-red-l2, .bgc-h-red-l2:hover {
  background-color: #f9cfcf !important;
}

.brc-red-l2 {
  border-color: #f9cfcf !important;
}

.bgc-red-l3, .bgc-h-red-l3:hover {
  background-color: #fbe1e1 !important;
}

.brc-red-l3 {
  border-color: #fbe1e1 !important;
}

.bgc-red-l4, .bgc-h-red-l4:hover {
  background-color: #fcecec !important;
}

.brc-red-l4 {
  border-color: #fcecec !important;
}

.bgc-red-l5, .bgc-h-red-l5:hover {
  background-color: #fdf4f4 !important;
}

.brc-red-l5 {
  border-color: #fdf4f4 !important;
}

.bgc-green {
  background-color: #39b689 !important;
}

.brc-green {
  border-color: #39b689 !important;
}

.bgc-green-tp1 {
  background-color: rgba(57, 182, 137, 0.925) !important;
}

.brc-green-tp1 {
  border-color: rgba(57, 182, 137, 0.925) !important;
}

.bgc-green-tp2 {
  background-color: rgba(57, 182, 137, 0.85) !important;
}

.brc-green-tp2 {
  border-color: rgba(57, 182, 137, 0.85) !important;
}

.bgc-green-tp3 {
  background-color: rgba(57, 182, 137, 0.775) !important;
}

.brc-green-tp3 {
  border-color: rgba(57, 182, 137, 0.775) !important;
}

.bgc-green-tp4 {
  background-color: rgba(57, 182, 137, 0.7) !important;
}

.brc-green-tp4 {
  border-color: rgba(57, 182, 137, 0.7) !important;
}

.bgc-green-d1 {
  background-color: #36ad82 !important;
}

.brc-green-d1 {
  border-color: #36ad82 !important;
}

.bgc-green-d2 {
  background-color: #33a47b !important;
}

.brc-green-d2 {
  border-color: #33a47b !important;
}

.bgc-green-d3 {
  background-color: #309b74 !important;
}

.brc-green-d3 {
  border-color: #309b74 !important;
}

.bgc-green-m1 {
  background-color: #57c19b !important;
}

.brc-green-m1, .brc-h-green-m1:hover {
  border-color: #57c19b !important;
}

.bgc-green-m2 {
  background-color: #70caaa !important;
}

.brc-green-m2, .brc-h-green-m2:hover {
  border-color: #70caaa !important;
}

.bgc-green-m3 {
  background-color: #8ad4b9 !important;
}

.brc-green-m3, .brc-h-green-m3:hover {
  border-color: #8ad4b9 !important;
}

.bgc-green-m4 {
  background-color: #a6deca !important;
}

.brc-green-m4, .brc-h-green-m4:hover {
  border-color: #a6deca !important;
}

.bgc-green-l1, .bgc-h-green-l1:hover {
  background-color: #c7eade !important;
}

.brc-green-l1 {
  border-color: #c7eade !important;
}

.bgc-green-l2, .bgc-h-green-l2:hover {
  background-color: #d8f0e8 !important;
}

.brc-green-l2 {
  border-color: #d8f0e8 !important;
}

.bgc-green-l3, .bgc-h-green-l3:hover {
  background-color: #e6f6f0 !important;
}

.brc-green-l3 {
  border-color: #e6f6f0 !important;
}

.bgc-green-l4, .bgc-h-green-l4:hover {
  background-color: #eff9f5 !important;
}

.brc-green-l4 {
  border-color: #eff9f5 !important;
}

.bgc-green-l5, .bgc-h-green-l5:hover {
  background-color: #f5fbf9 !important;
}

.brc-green-l5 {
  border-color: #f5fbf9 !important;
}

.bgc-orange {
  background-color: #ff8d03 !important;
}

.brc-orange {
  border-color: #ff8d03 !important;
}

.bgc-orange-tp1 {
  background-color: rgba(255, 141, 3, 0.925) !important;
}

.brc-orange-tp1 {
  border-color: rgba(255, 141, 3, 0.925) !important;
}

.bgc-orange-tp2 {
  background-color: rgba(255, 141, 3, 0.85) !important;
}

.brc-orange-tp2 {
  border-color: rgba(255, 141, 3, 0.85) !important;
}

.bgc-orange-tp3 {
  background-color: rgba(255, 141, 3, 0.775) !important;
}

.brc-orange-tp3 {
  border-color: rgba(255, 141, 3, 0.775) !important;
}

.bgc-orange-tp4 {
  background-color: rgba(255, 141, 3, 0.7) !important;
}

.brc-orange-tp4 {
  border-color: rgba(255, 141, 3, 0.7) !important;
}

.bgc-orange-d1 {
  background-color: #f28603 !important;
}

.brc-orange-d1 {
  border-color: #f28603 !important;
}

.bgc-orange-d2 {
  background-color: #e67f03 !important;
}

.brc-orange-d2 {
  border-color: #e67f03 !important;
}

.bgc-orange-d3 {
  background-color: #d97803 !important;
}

.brc-orange-d3 {
  border-color: #d97803 !important;
}

.bgc-orange-m1 {
  background-color: #ff9e29 !important;
}

.brc-orange-m1, .brc-h-orange-m1:hover {
  border-color: #ff9e29 !important;
}

.bgc-orange-m2 {
  background-color: #ffad4a !important;
}

.brc-orange-m2, .brc-h-orange-m2:hover {
  border-color: #ffad4a !important;
}

.bgc-orange-m3 {
  background-color: #ffbc6a !important;
}

.brc-orange-m3, .brc-h-orange-m3:hover {
  border-color: #ffbc6a !important;
}

.bgc-orange-m4 {
  background-color: #ffcc8e !important;
}

.brc-orange-m4, .brc-h-orange-m4:hover {
  border-color: #ffcc8e !important;
}

.bgc-orange-l1, .bgc-h-orange-l1:hover {
  background-color: #ffddb3 !important;
}

.brc-orange-l1 {
  border-color: #ffddb3 !important;
}

.bgc-orange-l2, .bgc-h-orange-l2:hover {
  background-color: #ffe7c9 !important;
}

.brc-orange-l2 {
  border-color: #ffe7c9 !important;
}

.bgc-orange-l3, .bgc-h-orange-l3:hover {
  background-color: #fff0dd !important;
}

.brc-orange-l3 {
  border-color: #fff0dd !important;
}

.bgc-orange-l4, .bgc-h-orange-l4:hover {
  background-color: #fff5e9 !important;
}

.brc-orange-l4 {
  border-color: #fff5e9 !important;
}

.bgc-orange-l5, .bgc-h-orange-l5:hover {
  background-color: #fff9f2 !important;
}

.brc-orange-l5 {
  border-color: #fff9f2 !important;
}

.bgc-transparent {
  background-color: transparent !important;
}
/*.bgc-transparent {
  background: radial-gradient(circle,#dbe72a 30%,#dfa801 46%,#ffc107 65%);
}*/
.brc-transparent {
  border-color: transparent !important;
}

.brc-black {
  border-color: #000 !important;
}

.brc-white {
  border-color: #fff !important;
}

.bgc-black-tp1, .bgc-h-black-tp1:hover {
  background-color: rgba(0, 0, 0, 0.909) !important;
}

.brc-black-tp1 {
  border-color: rgba(0, 0, 0, 0.909) !important;
}

.bgc-black-tp2, .bgc-h-black-tp2:hover {
  background-color: rgba(0, 0, 0, 0.818) !important;
}

.brc-black-tp2 {
  border-color: rgba(0, 0, 0, 0.818) !important;
}

.bgc-black-tp3, .bgc-h-black-tp3:hover {
  background-color: rgba(0, 0, 0, 0.727) !important;
}

.brc-black-tp3 {
  border-color: rgba(0, 0, 0, 0.727) !important;
}

.bgc-black-tp4, .bgc-h-black-tp4:hover {
  background-color: rgba(0, 0, 0, 0.636) !important;
}

.brc-black-tp4 {
  border-color: rgba(0, 0, 0, 0.636) !important;
}

.bgc-black-tp5, .bgc-h-black-tp5:hover {
  background-color: rgba(0, 0, 0, 0.545) !important;
}

.brc-black-tp5 {
  border-color: rgba(0, 0, 0, 0.545) !important;
}

.bgc-black-tp6, .bgc-h-black-tp6:hover {
  background-color: rgba(0, 0, 0, 0.454) !important;
}

.brc-black-tp6 {
  border-color: rgba(0, 0, 0, 0.454) !important;
}

.bgc-black-tp7, .bgc-h-black-tp7:hover {
  background-color: rgba(0, 0, 0, 0.363) !important;
}

.brc-black-tp7 {
  border-color: rgba(0, 0, 0, 0.363) !important;
}

.bgc-black-tp8, .bgc-h-black-tp8:hover {
  background-color: rgba(0, 0, 0, 0.272) !important;
}

.brc-black-tp8 {
  border-color: rgba(0, 0, 0, 0.272) !important;
}

.bgc-black-tp9, .bgc-h-black-tp9:hover {
  background-color: rgba(0, 0, 0, 0.181) !important;
}

.brc-black-tp9 {
  border-color: rgba(0, 0, 0, 0.181) !important;
}

.bgc-black-tp10, .bgc-h-black-tp10:hover {
  background-color: rgba(0, 0, 0, 0.09) !important;
}

.brc-black-tp10 {
  border-color: rgba(0, 0, 0, 0.09) !important;
}

.bgc-white-tp1, .bgc-h-white-tp1:hover {
  background-color: rgba(255, 255, 255, 0.9075) !important;
}

.brc-white-tp1 {
  border-color: rgba(255, 255, 255, 0.9075) !important;
}

.bgc-white-tp2, .bgc-h-white-tp2:hover {
  background-color: rgba(255, 255, 255, 0.815) !important;
}

.brc-white-tp2 {
  border-color: rgba(255, 255, 255, 0.815) !important;
}

.bgc-white-tp3, .bgc-h-white-tp3:hover {
  background-color: rgba(255, 255, 255, 0.7225) !important;
}

.brc-white-tp3 {
  border-color: rgba(255, 255, 255, 0.7225) !important;
}

.bgc-white-tp4, .bgc-h-white-tp4:hover {
  background-color: rgba(255, 255, 255, 0.63) !important;
}

.brc-white-tp4 {
  border-color: rgba(255, 255, 255, 0.63) !important;
}

.bgc-white-tp5, .bgc-h-white-tp5:hover {
  background-color: rgba(255, 255, 255, 0.5375) !important;
}

.brc-white-tp5 {
  border-color: rgba(255, 255, 255, 0.5375) !important;
}

.bgc-white-tp6, .bgc-h-white-tp6:hover {
  background-color: rgba(255, 255, 255, 0.445) !important;
}

.brc-white-tp6 {
  border-color: rgba(255, 255, 255, 0.445) !important;
}

.bgc-white-tp7, .bgc-h-white-tp7:hover {
  background-color: rgba(255, 255, 255, 0.3525) !important;
}

.brc-white-tp7 {
  border-color: rgba(255, 255, 255, 0.3525) !important;
}

.bgc-white-tp8, .bgc-h-white-tp8:hover {
  background-color: rgba(255, 255, 255, 0.26) !important;
}

.brc-white-tp8 {
  border-color: rgba(255, 255, 255, 0.26) !important;
}

.bgc-white-tp9, .bgc-h-white-tp9:hover {
  background-color: rgba(255, 255, 255, 0.1675) !important;
}

.brc-white-tp9 {
  border-color: rgba(255, 255, 255, 0.1675) !important;
}

.bgc-white-tp10, .bgc-h-white-tp10:hover {
  background-color: rgba(255, 255, 255, 0.075) !important;
}

.brc-white-tp10 {
  border-color: rgba(255, 255, 255, 0.075) !important;
}

.brc-black-tp11 {
  border-color: rgba(0, 0, 0, 0.05) !important;
}

.bgc-black-tp11 {
  background-color: rgba(0, 0, 0, 0.05) !important;
}

.bgc-dark-grad {
  background-image: linear-gradient(rgba(0, 0, 0, 0.33) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.33) 100%);
}

.bgc-light-grad {
  background-image: linear-gradient(rgba(255, 255, 255, 0.33) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.33) 100%);
}

.bgc-white-grad {
  background-image: linear-gradient(rgba(255, 255, 255, 0.87) 0%, rgba(255, 255, 255, 0.33) 50%, rgba(255, 255, 255, 0.87) 100%);
}

.bg-none {
  background-image: none !important;
}

.radius-0 {
  border-radius: 0rem !important;
}

.radius-1 {
  border-radius: 0.25rem !important;
}

.radius-2 {
  border-radius: 0.5rem !important;
}

.radius-3 {
  border-radius: 0.75rem !important;
}

.radius-4 {
  border-radius: 1rem !important;
}

.radius-5 {
  border-radius: 1.25rem !important;
}

.radius-1px {
  border-radius: 1px !important;
}

.radius-2px {
  border-radius: 2px !important;
}

.radius-3px {
  border-radius: 3px !important;
}

.radius-l-0 {
  border-top-left-radius: 0rem !important;
  border-bottom-left-radius: 0rem !important;
}

.radius-t-0 {
  border-top-left-radius: 0rem !important;
  border-top-right-radius: 0rem !important;
}

.radius-r-0 {
  border-bottom-right-radius: 0rem !important;
  border-top-right-radius: 0rem !important;
}

.radius-b-0 {
  border-bottom-left-radius: 0rem !important;
  border-bottom-right-radius: 0rem !important;
}

.radius-l-1 {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.radius-t-1 {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.radius-r-1 {
  border-bottom-right-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.radius-b-1 {
  border-bottom-left-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.radius-l-2 {
  border-top-left-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;
}

.radius-t-2 {
  border-top-left-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important;
}

.radius-r-2 {
  border-bottom-right-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important;
}

.radius-b-2 {
  border-bottom-left-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}

.radius-l-3 {
  border-top-left-radius: 0.75rem !important;
  border-bottom-left-radius: 0.75rem !important;
}

.radius-t-3 {
  border-top-left-radius: 0.75rem !important;
  border-top-right-radius: 0.75rem !important;
}

.radius-r-3 {
  border-bottom-right-radius: 0.75rem !important;
  border-top-right-radius: 0.75rem !important;
}

.radius-b-3 {
  border-bottom-left-radius: 0.75rem !important;
  border-bottom-right-radius: 0.75rem !important;
}

.radius-l-4 {
  border-top-left-radius: 1rem !important;
  border-bottom-left-radius: 1rem !important;
}

.radius-t-4 {
  border-top-left-radius: 1rem !important;
  border-top-right-radius: 1rem !important;
}

.radius-r-4 {
  border-bottom-right-radius: 1rem !important;
  border-top-right-radius: 1rem !important;
}

.radius-b-4 {
  border-bottom-left-radius: 1rem !important;
  border-bottom-right-radius: 1rem !important;
}

.radius-l-5 {
  border-top-left-radius: 1.25rem !important;
  border-bottom-left-radius: 1.25rem !important;
}

.radius-t-5 {
  border-top-left-radius: 1.25rem !important;
  border-top-right-radius: 1.25rem !important;
}

.radius-r-5 {
  border-bottom-right-radius: 1.25rem !important;
  border-top-right-radius: 1.25rem !important;
}

.radius-b-5 {
  border-bottom-left-radius: 1.25rem !important;
  border-bottom-right-radius: 1.25rem !important;
}

.radius-round {
  border-radius: 4rem !important;
}

.radius-l-round {
  border-top-left-radius: 4rem !important;
  border-bottom-left-radius: 4rem !important;
}

.radius-t-round {
  border-top-left-radius: 4rem !important;
  border-top-right-radius: 4rem !important;
}

.radius-r-round {
  border-bottom-right-radius: 4rem !important;
  border-top-right-radius: 4rem !important;
}

.radius-b-round {
  border-bottom-left-radius: 4rem !important;
  border-bottom-right-radius: 4rem !important;
}

.radius-50 {
  border-radius: 50% !important;
}

.radius-100 {
  border-radius: 100% !important;
}

.mw-auto {
  min-width: auto !important;
}

.mw-none {
  max-width: none !important;
}

.mh-auto {
  min-height: auto !important;
}

.mh-none {
  max-height: none !important;
}

.minh-100 {
  min-height: 100% !important;
}

.minw-100 {
  min-width: 100% !important;
}

.w-inherit {
  width: inherit !important;
}

.h-inherit {
  height: inherit !important;
}

.w-90 {
  width: 90% !important;
}

.h-90 {
  height: 90% !important;
}

.w-95 {
  width: 95% !important;
}

.h-95 {
  height: 95% !important;
}

.w-98 {
  width: calc(100% - 2px) !important;
}

.h-98 {
  height: calc(100% - 2px) !important;
}

.w-101 {
  width: calc(100% + 1px) !important;
}

.h-101 {
  height: calc(100% + 1px) !important;
}

.w-102 {
  width: calc(100% + 2px) !important;
}

.h-102 {
  height: calc(100% + 2px) !important;
}

.w-1 {
  width: 0.5rem;
}

.w-2 {
  width: 1rem;
}

.w-3 {
  width: 1.5rem;
}

.w-4 {
  width: 2rem;
}

.w-5 {
  width: 2.5rem;
}

.w-6 {
  width: 3rem;
}

.h-1 {
  height: 0.5rem;
}

.h-2 {
  height: 1rem;
}

.h-3 {
  height: 1.5rem;
}

.h-4 {
  height: 2rem;
}

.h-5 {
  height: 2.5rem;
}

.h-6 {
  height: 3rem;
}

.m-1px {
  margin: 1px !important;
}

.m-n1px {
  margin: -1px !important;
}

.mx-1px, .ml-1px {
  margin-left: 1px !important;
}

.mx-1px, .mr-1px {
  margin-right: 1px !important;
}

.mx-n1px, .ml-n1px {
  margin-left: -1px !important;
}

.mx-n1px, .mr-n1px {
  margin-right: -1px !important;
}

.my-1px, .mt-1px {
  margin-top: 1px !important;
}

.my-1px, .mb-1px {
  margin-bottom: 1px !important;
}

.my-n1px, .mt-n1px {
  margin-top: -1px !important;
}

.my-n1px, .mb-n1px {
  margin-bottom: -1px !important;
}

.p-1px {
  padding: 1px !important;
}

.px-1px, .pl-1px {
  padding-left: 1px !important;
}

.px-1px, .pr-1px {
  padding-right: 1px !important;
}

.py-1px, .pt-1px {
  padding-top: 1px !important;
}

.py-1px, .pb-1px {
  padding-bottom: 1px !important;
}

.m-2px {
  margin: 2px !important;
}

.m-n2px {
  margin: -2px !important;
}

.mx-2px, .ml-2px {
  margin-left: 2px !important;
}

.mx-2px, .mr-2px {
  margin-right: 2px !important;
}

.mx-n2px, .ml-n2px {
  margin-left: -2px !important;
}

.mx-n2px, .mr-n2px {
  margin-right: -2px !important;
}

.my-2px, .mt-2px {
  margin-top: 2px !important;
}

.my-2px, .mb-2px {
  margin-bottom: 2px !important;
}

.my-n2px, .mt-n2px {
  margin-top: -2px !important;
}

.my-n2px, .mb-n2px {
  margin-bottom: -2px !important;
}

.p-2px {
  padding: 2px !important;
}

.px-2px, .pl-2px {
  padding-left: 2px !important;
}

.px-2px, .pr-2px {
  padding-right: 2px !important;
}

.py-2px, .pt-2px {
  padding-top: 2px !important;
}

.py-2px, .pb-2px {
  padding-bottom: 2px !important;
}

.m-3px {
  margin: 3px !important;
}

.m-n3px {
  margin: -3px !important;
}

.mx-3px, .ml-3px {
  margin-left: 3px !important;
}

.mx-3px, .mr-3px {
  margin-right: 3px !important;
}

.mx-n3px, .ml-n3px {
  margin-left: -3px !important;
}

.mx-n3px, .mr-n3px {
  margin-right: -3px !important;
}

.my-3px, .mt-3px {
  margin-top: 3px !important;
}

.my-3px, .mb-3px {
  margin-bottom: 3px !important;
}

.my-n3px, .mt-n3px {
  margin-top: -3px !important;
}

.my-n3px, .mb-n3px {
  margin-bottom: -3px !important;
}

.p-3px {
  padding: 3px !important;
}

.px-3px, .pl-3px {
  padding-left: 3px !important;
}

.px-3px, .pr-3px {
  padding-right: 3px !important;
}

.py-3px, .pt-3px {
  padding-top: 3px !important;
}

.py-3px, .pb-3px {
  padding-bottom: 3px !important;
}

.m-15 {
  margin: 0.375rem !important;
}

.mt-15,
.my-15 {
  margin-top: 0.375rem !important;
}

.mr-15,
.mx-15 {
  margin-right: 0.375rem !important;
}

.mb-15,
.my-15 {
  margin-bottom: 0.375rem !important;
}

.ml-15,
.mx-15 {
  margin-left: 0.375rem !important;
}

.m-25 {
  margin: 0.75rem !important;
}

.mt-25,
.my-25 {
  margin-top: 0.75rem !important;
}

.mr-25,
.mx-25 {
  margin-right: 0.75rem !important;
}

.mb-25,
.my-25 {
  margin-bottom: 0.75rem !important;
}

.ml-25,
.mx-25 {
  margin-left: 0.75rem !important;
}

.m-35 {
  margin: 1.25rem !important;
}

.mt-35,
.my-35 {
  margin-top: 1.25rem !important;
}

.mr-35,
.mx-35 {
  margin-right: 1.25rem !important;
}

.mb-35,
.my-35 {
  margin-bottom: 1.25rem !important;
}

.ml-35,
.mx-35 {
  margin-left: 1.25rem !important;
}

.m-425 {
  margin: 1.75rem !important;
}

.mt-425,
.my-425 {
  margin-top: 1.75rem !important;
}

.mr-425,
.mx-425 {
  margin-right: 1.75rem !important;
}

.mb-425,
.my-425 {
  margin-bottom: 1.75rem !important;
}

.ml-425,
.mx-425 {
  margin-left: 1.75rem !important;
}

.m-45 {
  margin: 2rem !important;
}

.mt-45,
.my-45 {
  margin-top: 2rem !important;
}

.mr-45,
.mx-45 {
  margin-right: 2rem !important;
}

.mb-45,
.my-45 {
  margin-bottom: 2rem !important;
}

.ml-45,
.mx-45 {
  margin-left: 2rem !important;
}

.m-475 {
  margin: 2.5rem !important;
}

.mt-475,
.my-475 {
  margin-top: 2.5rem !important;
}

.mr-475,
.mx-475 {
  margin-right: 2.5rem !important;
}

.mb-475,
.my-475 {
  margin-bottom: 2.5rem !important;
}

.ml-475,
.mx-475 {
  margin-left: 2.5rem !important;
}

.p-15 {
  padding: 0.375rem !important;
}

.pt-15,
.py-15 {
  padding-top: 0.375rem !important;
}

.pr-15,
.px-15 {
  padding-right: 0.375rem !important;
}

.pb-15,
.py-15 {
  padding-bottom: 0.375rem !important;
}

.pl-15,
.px-15 {
  padding-left: 0.375rem !important;
}

.p-25 {
  padding: 0.75rem !important;
}

.pt-25,
.py-25 {
  padding-top: 0.75rem !important;
}

.pr-25,
.px-25 {
  padding-right: 0.75rem !important;
}

.pb-25,
.py-25 {
  padding-bottom: 0.75rem !important;
}

.pl-25,
.px-25 {
  padding-left: 0.75rem !important;
}

.p-35 {
  padding: 1.25rem !important;
}

.pt-35,
.py-35 {
  padding-top: 1.25rem !important;
}

.pr-35,
.px-35 {
  padding-right: 1.25rem !important;
}

.pb-35,
.py-35 {
  padding-bottom: 1.25rem !important;
}

.pl-35,
.px-35 {
  padding-left: 1.25rem !important;
}

.p-425 {
  padding: 1.75rem !important;
}

.pt-425,
.py-425 {
  padding-top: 1.75rem !important;
}

.pr-425,
.px-425 {
  padding-right: 1.75rem !important;
}

.pb-425,
.py-425 {
  padding-bottom: 1.75rem !important;
}

.pl-425,
.px-425 {
  padding-left: 1.75rem !important;
}

.p-45 {
  padding: 2rem !important;
}

.pt-45,
.py-45 {
  padding-top: 2rem !important;
}

.pr-45,
.px-45 {
  padding-right: 2rem !important;
}

.pb-45,
.py-45 {
  padding-bottom: 2rem !important;
}

.pl-45,
.px-45 {
  padding-left: 2rem !important;
}

.p-475 {
  padding: 2.5rem !important;
}

.pt-475,
.py-475 {
  padding-top: 2.5rem !important;
}

.pr-475,
.px-475 {
  padding-right: 2.5rem !important;
}

.pb-475,
.py-475 {
  padding-bottom: 2.5rem !important;
}

.pl-475,
.px-475 {
  padding-left: 2.5rem !important;
}

.m-n15 {
  margin: -0.375rem !important;
}

.mt-n15,
.my-n15 {
  margin-top: -0.375rem !important;
}

.mr-n15,
.mx-n15 {
  margin-right: -0.375rem !important;
}

.mb-n15,
.my-n15 {
  margin-bottom: -0.375rem !important;
}

.ml-n15,
.mx-n15 {
  margin-left: -0.375rem !important;
}

.m-n25 {
  margin: -0.75rem !important;
}

.mt-n25,
.my-n25 {
  margin-top: -0.75rem !important;
}

.mr-n25,
.mx-n25 {
  margin-right: -0.75rem !important;
}

.mb-n25,
.my-n25 {
  margin-bottom: -0.75rem !important;
}

.ml-n25,
.mx-n25 {
  margin-left: -0.75rem !important;
}

.m-n35 {
  margin: -1.25rem !important;
}

.mt-n35,
.my-n35 {
  margin-top: -1.25rem !important;
}

.mr-n35,
.mx-n35 {
  margin-right: -1.25rem !important;
}

.mb-n35,
.my-n35 {
  margin-bottom: -1.25rem !important;
}

.ml-n35,
.mx-n35 {
  margin-left: -1.25rem !important;
}

.m-n425 {
  margin: -1.75rem !important;
}

.mt-n425,
.my-n425 {
  margin-top: -1.75rem !important;
}

.mr-n425,
.mx-n425 {
  margin-right: -1.75rem !important;
}

.mb-n425,
.my-n425 {
  margin-bottom: -1.75rem !important;
}

.ml-n425,
.mx-n425 {
  margin-left: -1.75rem !important;
}

.m-n45 {
  margin: -2rem !important;
}

.mt-n45,
.my-n45 {
  margin-top: -2rem !important;
}

.mr-n45,
.mx-n45 {
  margin-right: -2rem !important;
}

.mb-n45,
.my-n45 {
  margin-bottom: -2rem !important;
}

.ml-n45,
.mx-n45 {
  margin-left: -2rem !important;
}

.m-n475 {
  margin: -2.5rem !important;
}

.mt-n475,
.my-n475 {
  margin-top: -2.5rem !important;
}

.mr-n475,
.mx-n475 {
  margin-right: -2.5rem !important;
}

.mb-n475,
.my-n475 {
  margin-bottom: -2.5rem !important;
}

.ml-n475,
.mx-n475 {
  margin-left: -2.5rem !important;
}

.d-style:not(.active) .d-active,
.d-style.active .d-n-active,
.d-style:not(.collapsed) .d-collapsed,
.d-style.collapsed .d-n-collapsed,
.d-style:not(:hover) .d-hover,
.d-style:hover .d-n-hover,
.d-style:not(.show) .d-show,
.d-style.show .d-n-show {
  display: none !important;
}

.v-active, .v-n-active,
.v-show, .v-n-show,
.v-collapsed, .v-n-collapsed,
.v-hover, .v-n-hover {
  transition: opacity 120ms, visibility 0ms;
  transition-delay: 0ms;
}

@media (prefers-reduced-motion: reduce) {
  .v-active, .v-n-active,
  .v-show, .v-n-show,
  .v-collapsed, .v-n-collapsed,
  .v-hover, .v-n-hover {
    transition: none;
  }
}

.d-style:not(.active) .v-active,
.d-style.active .v-n-active,
.d-style:not(.collapsed) .v-collapsed,
.d-style.collapsed .v-n-collapsed,
.d-style:not(.show) .v-show,
.d-style.show .v-n-show,
.d-style:not(:hover) .v-hover,
.d-style:hover .v-n-hover {
  opacity: 0;
  visibility: hidden;
  transition-delay: 0ms, 120ms;
}

.mb-hover, .mb-n-hover,
.mt-hover, .mt-n-hover,
.mr-hover, .mr-n-hover,
.ml-hover, .ml-n-hover {
  transition: visibility 0ms, -webkit-transform 120ms;
  transition: transform 120ms, visibility 0ms;
  transition: transform 120ms, visibility 0ms, -webkit-transform 120ms;
  transition-delay: 0ms;
}

@media (prefers-reduced-motion: reduce) {
  .mb-hover, .mb-n-hover,
  .mt-hover, .mt-n-hover,
  .mr-hover, .mr-n-hover,
  .ml-hover, .ml-n-hover {
    transition: none;
  }
}

.d-style:not(:hover) .mb-hover,
.d-style:hover .mb-n-hover {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  visibility: hidden;
  transition-delay: 0ms, 120ms;
}

.d-style:not(:hover) .mt-hover,
.d-style:hover .mt-n-hover {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  visibility: hidden;
  transition-delay: 0ms, 120ms;
}

.d-style:not(:hover) .mr-hover,
.d-style:hover .mr-n-hover {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  visibility: hidden;
  transition-delay: 0ms, 120ms;
}

.d-style:not(:hover) .ml-hover,
.d-style:hover .ml-n-hover {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  visibility: hidden;
  transition-delay: 0ms, 120ms;
}

.d-zoom-1, .d-zoom-2, .d-zoom-3, .dh-zoom-1, .dh-zoom-2, .dh-zoom-3 {
  transition: -webkit-transform 180ms;
  transition: transform 180ms;
  transition: transform 180ms, -webkit-transform 180ms;
}

@media (prefers-reduced-motion: reduce) {
  .d-zoom-1, .d-zoom-2, .d-zoom-3, .dh-zoom-1, .dh-zoom-2, .dh-zoom-3 {
    transition: none;
  }
}

.d-style:hover .d-zoom-1, .dh-zoom-1:hover {
  -webkit-transform: scale(1.06);
  transform: scale(1.06);
}

.d-style:hover .d-zoom-2, .dh-zoom-2:hover {
  -webkit-transform: scale(1.12);
  transform: scale(1.12);
}

.d-style:hover .d-zoom-3, .dh-zoom-3:hover {
  -webkit-transform: scale(1.18);
  transform: scale(1.18);
}

.v-active, .v-n-active,
.v-show, .v-n-show,
.v-collapsed, .v-n-collapsed,
.v-hover, .v-n-hover {
  transition: opacity 120ms, visibility 0ms;
  transition-delay: 0ms;
}

@media (prefers-reduced-motion: reduce) {
  .v-active, .v-n-active,
  .v-show, .v-n-show,
  .v-collapsed, .v-n-collapsed,
  .v-hover, .v-n-hover {
    transition: none;
  }
}

.d-style:not(:hover) .f-n-hover,
.d-style:hover .f-hover {
  opacity: 0.86;
  transition: opacity 120ms;
}

@media (prefers-reduced-motion: reduce) {
  .d-style:not(:hover) .f-n-hover,
  .d-style:hover .f-hover {
    transition: none;
  }
}

.d-style:not(:hover) .f-n-hover-2,
.d-style:hover .f-hover-2 {
  opacity: 0.74;
  transition: opacity 120ms;
}

@media (prefers-reduced-motion: reduce) {
  .d-style:not(:hover) .f-n-hover-2,
  .d-style:hover .f-hover-2 {
    transition: none;
  }
}

.d-style:not(:hover) .f-n-hover-3,
.d-style:hover .f-hover-3 {
  opacity: 0.63;
  transition: opacity 120ms;
}

@media (prefers-reduced-motion: reduce) {
  .d-style:not(:hover) .f-n-hover-3,
  .d-style:hover .f-hover-3 {
    transition: none;
  }
}

.pos-rel {
  position: relative !important;
}

.pos-abs {
  position: absolute !important;
}

.position-tr,
.position-tl,
.position-br,
.position-bl,
.position-rc,
.position-lc,
.position-tc,
.position-bc,
.position-r,
.position-l,
.position-t,
.position-b,
.position-center {
  position: absolute !important;
  display: block;
}

.position-center {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.position-tr {
  right: 0;
  top: 0;
}

.position-tl {
  left: 0;
  top: 0;
}

.position-br {
  right: 0;
  bottom: 0;
}

.position-bl {
  left: 0;
  bottom: 0;
}

.position-lc {
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.position-rc {
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.position-tc {
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.position-bc {
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.position-r {
  right: 0;
}

.position-l {
  left: 0;
}

.position-t {
  top: 0;
}

.position-b {
  bottom: 0;
}

.pos-fixed {
  position: fixed !important;
}

.pos-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}

.rotate-45 {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.rotate-n45 {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.align-sub {
  vertical-align: sub !important;
}

.overflow-visible {
  overflow: visible !important;
}

.flex-equal > * {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.flex-fill > * {
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
}

.ace-scroll-mob {
  overflow-y: auto;
}

.ace-scroll {
  scrollbar-width: thin;
  scrollbar-color: #9dbad5 #dce3ea;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.ace-scroll::-webkit-scrollbar {
  width: 8px;
  -webkit-appearance: none;
  appearance: none;
}

.ace-scroll::-webkit-scrollbar-thumb {
  background-color: #9dbad5;
  border-right: 1px solid #fff;
}

.ace-scroll::-webkit-scrollbar-track {
  background-color: #dce3ea;
  border-right: 1px solid #fff;
}

.ace-scroll.ace-scroll-grey:not(.ace-scroll-wrap) {
  scrollbar-color: #bbbdbf #e5e6e8;
}

.ace-scroll.ace-scroll-grey:not(.ace-scroll-wrap)::-webkit-scrollbar-thumb {
  background-color: #bbbdbf;
}

.ace-scroll.ace-scroll-grey:not(.ace-scroll-wrap)::-webkit-scrollbar-track {
  background-color: #e5e6e8;
}

@media (hover: hover) {
  .ace-scrollbar:not(.ace-scroll-mob) {
    scrollbar-width: thin;
    scrollbar-color: #9dbad5 #dce3ea;
  }
  .ace-scrollbar:not(.ace-scroll-mob)::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    -webkit-appearance: none;
    appearance: none;
  }
  .ace-scrollbar:not(.ace-scroll-mob)::-webkit-scrollbar-thumb {
    background-color: #9dbad5;
  }
  .ace-scrollbar:not(.ace-scroll-mob)::-webkit-scrollbar-track {
    background-color: #dce3ea;
  }
  .ace-scrollbar:not(.ace-scroll-mob).ace-scroll-grey {
    scrollbar-color: #bbbdbf #e5e6e8;
  }
  .ace-scrollbar:not(.ace-scroll-mob).ace-scroll-grey::-webkit-scrollbar-thumb {
    background-color: #bbbdbf;
  }
  .ace-scrollbar:not(.ace-scroll-mob).ace-scroll-grey::-webkit-scrollbar-track {
    background-color: #e5e6e8;
  }
}

.ace-scroll {
  overflow-y: hidden;
}

.ace-scroll:hover, .ace-scroll.is-always-on {
  overflow-y: auto;
  overflow-y: overlay;
}

.ace-scroll-lock {
  overscroll-behavior-y: none;
  -ms-scroll-chaining: none;
}

.ace-scroll-wrap {
  overflow-x: hidden;
}

@supports (-webkit-appearance: none) and (overflow: overlay) {
  .ace-scroll-wrap {
    overflow-y: overlay;
    color: transparent;
    transition: color 0.15s 0.4s;
  }
  @media (prefers-reduced-motion: reduce) {
    .ace-scroll-wrap {
      transition: none;
    }
  }
  .ace-scroll-wrap.is-always-on {
    color: #9dbad5;
    transition: none;
  }
  .ace-scroll-wrap:hover {
    color: #9dbad5;
    transition-delay: 0s;
  }
  .ace-scroll-wrap.ace-scroll-grey.is-always-on, .ace-scroll-wrap.ace-scroll-grey:hover {
    color: #bbbdbf;
  }
  .ace-scroll-wrap::-webkit-scrollbar-thumb {
    background-color: currentColor;
    border-radius: 0.5rem;
    border: 1px solid transparent;
    background-clip: content-box;
  }
  .ace-scroll-wrap::-webkit-scrollbar-track {
    background-color: transparent;
  }
}

@supports (-moz-appearance: none) and (scrollbar-width: none) {
  :root {
    --moz-scrollbar-thin: 8px;
  }
  .ace-scroll-wrap {
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
    transition: scrollbar-color 0.15s 0.4s;
  }
  @media (prefers-reduced-motion: reduce) {
    .ace-scroll-wrap {
      transition: none;
    }
  }
  .ace-scroll-wrap > .ace-scroll-inner {
    min-width: calc(100% + var(--moz-scrollbar-thin));
  }
  .ace-scroll-wrap.is-always-on {
    scrollbar-color: #9dbad5 transparent;
    transition: none;
  }
  .ace-scroll-wrap:hover {
    overflow-y: scroll;
    scrollbar-color: #9dbad5 transparent;
    transition-delay: 0s;
  }
  .ace-scroll-wrap.ace-scroll-grey.is-always-on, .ace-scroll-wrap.ace-scroll-grey:hover {
    scrollbar-color: #bbbdbf transparent;
  }
  .ace-scroll:not(.ace-scroll-wrap):not(.is-always-on) {
    overflow-x: hidden;
  }
  .ace-scroll:not(.ace-scroll-wrap):not(.is-always-on):hover > div, .ace-scroll:not(.ace-scroll-wrap):not(.is-always-on):hover > p {
    min-width: calc(100% + var(--moz-scrollbar-thin));
  }
  .sidebar .ace-scroll:not(.ace-scroll-wrap):hover > div, .sidebar .ace-scroll:not(.ace-scroll-wrap):hover > p {
    min-width: auto;
  }
}

@supports (-moz-appearance: none) and (not (scrollbar-width: none)) {
  :root {
    --moz-scrollbar-thin: 17px;
  }
  .ace-scroll:not(.is-always-on) {
    overflow-x: hidden;
  }
  .ace-scroll:not(.is-always-on):hover {
    overflow-y: scroll;
  }
  .ace-scroll:not(.is-always-on):hover > div, .ace-scroll:not(.is-always-on):hover > p >, .ace-scroll:not(.is-always-on):hover table, .ace-scroll:not(.is-always-on):hover .moz-scroll-block {
    min-width: calc(100% + var(--moz-scrollbar-thin));
  }
  .sidebar .ace-scroll:hover {
    overflow-y: auto;
  }
  .sidebar .ace-scroll:hover > div, .sidebar .ace-scroll:hover > p >, .sidebar .ace-scroll:hover table, .sidebar .ace-scroll:hover .moz-scroll-block {
    min-width: auto;
  }
}

.btn-burger {
  cursor: pointer;
  width: 2.5rem;
  height: 2.25rem;
  border-radius: 0.25rem;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  transition: background-color 0.15s;
  color: #fff;
  padding: 0;
}

@media (prefers-reduced-motion: reduce) {
  .btn-burger {
    transition: none;
  }
}

.btn-burger:hover, .btn-burger:focus {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}

.btn-burger:active {
  -webkit-transform: none !important;
  transform: none !important;
}

.btn-burger .bars {
  display: block;
  width: 50%;
  height: 2px;
  position: relative;
  color: inherit;
  background-color: currentColor;
  transition: top 0.15s, -webkit-transform 0.15s;
  transition: transform 0.15s, top 0.15s;
  transition: transform 0.15s, top 0.15s, -webkit-transform 0.15s;
}

@media (prefers-reduced-motion: reduce) {
  .btn-burger .bars {
    transition: none;
  }
}

.btn-burger .bars::before, .btn-burger .bars::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: inherit;
  background-color: inherit;
  color: inherit;
  border-radius: inherit;
  transition: inherit;
  -webkit-transform-origin: inherit;
  transform-origin: inherit;
}

.btn-burger .bars::before {
  top: -0.375rem;
}

.btn-burger .bars::after {
  top: 0.375rem;
}

.btn-burger.burger-dots {
  width: 2.25rem;
}

.btn-burger.burger-dots .bars {
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 0.25rem;
}

.btn-burger.burger-steps .bars {
  -webkit-transform-origin: left;
  transform-origin: left;
}

.btn-burger.burger-steps:hover .bars {
  -webkit-transform: scaleX(0.75);
  transform: scaleX(0.75);
}


@supports ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) {
  .custom-control-input {
    position: absolute !important;
  }
  input[type=checkbox], input[type=radio] {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    width: 1.25rem;
    height: 1.25rem;
    overflow: hidden;
    border: 1px solid #adb8c0;
    background-color: #fff;
    vertical-align: text-bottom;
    margin-right: 0.25rem;
  }
  input[type=checkbox].input-lg, input[type=radio].input-lg {
    width: 1.5rem;
    height: 1.5rem;
  }
  input[type=checkbox].input-xlg, input[type=radio].input-xlg {
    width: 1.75rem;
    height: 1.75rem;
  }
  input[type=checkbox].input-sm, input[type=radio].input-sm {
    width: 1rem;
    height: 1rem;
  }
  input[type=checkbox]:hover, input[type=radio]:hover {
    border-color: #ff893c;
  }
  input[type=checkbox]:focus, input[type=radio]:focus {
    outline: none;
    border-color: #f79a5e;
  }
  input[type=checkbox]:active, input[type=radio]:active {
    border-color: #ff893c;
  }
  input[type=checkbox] {
    border-radius: 0.125rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 88%;
  }
  input[type=checkbox]:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3e%3cpath fill='%233e89e4' d='M 7.5,1.75 l -3.5,4 -2,-1.5 L 1,5.5 4,8.5 9,2.5 z'/%3e%3c/svg%3e");
  }
  input[type=checkbox]:not(.ace-switch):indeterminate {
    background-image: none !important;
  }
  input[type=checkbox]:not(.ace-switch):indeterminate::after {
    content: "";
    border-radius: 1px;
    position: absolute;
    right: 0.1875rem;
    left: 0.1875rem;
    top: calc(50% - 0.125rem);
    height: 0.25rem;
    background-color: #3e89e4;
  }
  input[type=checkbox]:not(.ace-switch):indeterminate[class*="radius-"]::after {
    border-radius: inherit;
  }
  input[type=checkbox]:not(.ace-switch):indeterminate.border-2:not(.input-lg):not(.input-xlg)::after {
    right: 0.1875rem;
    left: 0.1875rem;
    height: 0.1875rem;
  }
  input[type=checkbox]:not(.ace-switch):indeterminate.input-lg:not(.border-2)::after, input[type=checkbox]:not(.ace-switch):indeterminate.input-xlg::after {
    right: 0.25rem;
    left: 0.25rem;
    border-radius: 0.125rem;
  }
  input[type=checkbox]:not(.ace-switch):indeterminate.input-lg::after {
    right: 0.25rem;
    left: 0.25rem;
  }
  input[type=checkbox]:not(.ace-switch):indeterminate.input-sm::after {
    right: 0.125rem;
    left: 0.125rem;
    height: 0.1875rem;
  }
  input[type=checkbox]:not(.ace-switch):indeterminate.ace-input-bold::after {
    height: auto !important;
    border-radius: 0.125rem;
    right: 0.25rem;
    left: 0.25rem;
    top: 0.25rem;
    bottom: 0.25rem;
  }
  input[type=checkbox]:not(.ace-switch):indeterminate.ace-input-bold.border-2:not(.input-lg):not(.input-xlg)::after {
    right: 0.1875rem;
    left: 0.1875rem;
    top: 0.1875rem;
    bottom: 0.1875rem;
  }
  input[type=checkbox]:not(.ace-switch):indeterminate.ace-input-bold.input-lg:not(.border-2)::after, input[type=checkbox]:not(.ace-switch):indeterminate.ace-input-bold.input-xlg::after {
    right: 0.3125rem;
    left: 0.3125rem;
    top: 0.3125rem;
    bottom: 0.3125rem;
  }
  input[type=checkbox]:not(.ace-switch):indeterminate.ace-input-bold.input-sm::after {
    right: 0.1875rem;
    left: 0.1875rem;
    top: 0.1875rem;
    bottom: 0.1875rem;
  }
  input[type=radio] {
    border-radius: 100%;
  }
  input[type=radio]::after {
    content: "";
    border-radius: inherit;
    position: absolute;
    right: 0.25rem;
    left: 0.25rem;
    top: 0.25rem;
    bottom: 0.25rem;
    background-color: transparent;
    transition: background-color 80ms;
  }
  @media (prefers-reduced-motion: reduce) {
    input[type=radio]::after {
      transition: none;
    }
  }
  input[type=radio]:checked::after {
    background-color: #3e89e4;
  }
  input[type=radio].border-2:not(.input-lg):not(.input-xlg)::after {
    right: 0.1875rem;
    left: 0.1875rem;
    top: 0.1875rem;
    bottom: 0.1875rem;
  }
  input[type=radio].input-lg:not(.border-2)::after, input[type=radio].input-xlg::after {
    right: 0.3125rem;
    left: 0.3125rem;
    top: 0.3125rem;
    bottom: 0.3125rem;
  }
  input[type=radio].input-sm::after {
    right: 0.1875rem;
    left: 0.1875rem;
    top: 0.1875rem;
    bottom: 0.1875rem;
  }
  input[type=checkbox][class*="bgc-"] {
    transition: background-color 80ms, border-color 80ms;
  }
  @media (prefers-reduced-motion: reduce) {
    input[type=checkbox][class*="bgc-"] {
      transition: none;
    }
  }
  input[type=checkbox][class*="bgc-"]:not(:checked):not(:indeterminate):not(.ace-switch) {
    background-color: #fff !important;
  }
  input[type=checkbox][class*="bgc-"]:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3e%3cpath fill='%23fff' d='M 7.5,1.75 l -3.5,4 -2,-1.5 L 1,5.5 4,8.5 9,2.5 z'/%3e%3c/svg%3e");
    border-color: transparent !important;
  }
  input[type=checkbox][class*="bgc-"].input-lg, input[type=checkbox][class*="bgc-"].input-xlg {
    background-size: 85%;
    background-position: center;
  }
  input[type=checkbox][class*="bgc-"]:not(.ace-switch):indeterminate {
    border-color: transparent;
  }
  input[type=checkbox][class*="bgc-"]:not(.ace-switch):indeterminate::after {
    background-color: #fff;
  }
  input[type=checkbox][class*="text-"] {
    transition: background-color 80ms, border-color 80ms;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cmask id='mask'%3E%3Crect fill='white' width='100%25' height='100%25' fill-opacity='1' stroke-width='0' /%3E%3Cpath d='M 7.5,1.75 l -3.5,4 -2,-1.5 L 1,5.5 4,8.5 9,2.5 z' /%3E%3C/mask%3E%3Crect mask='url(%23mask)' fill='white' width='100%25' height='100%25' fill-opacity='1'/%3E%3C/svg%3E");
    background-size: 88%;
    background-clip: padding-box;
    box-shadow: inset 0 0 0 2.5px #fff;
  }
  @media (prefers-reduced-motion: reduce) {
    input[type=checkbox][class*="text-"] {
      transition: none;
    }
  }
  input[type=checkbox][class*="text-"]:checked {
    background-color: currentColor;
  }
  input[type=checkbox][class*="text-"]:not(.ace-switch):indeterminate {
    transition: none;
    background-color: transparent;
    background-image: none;
    box-shadow: none;
  }
  input[type=checkbox][class*="text-"]:not(.ace-switch):indeterminate::after {
    color: inherit;
    background-color: currentColor;
  }
  input[type=checkbox][class*="text-"].input-lg, input[type=checkbox][class*="text-"].input-xlg {
    background-size: 84.5%;
    box-shadow: inset 0 0 0 3.25px #fff;
  }
  input[type=checkbox][class*="text-"].input-lg:not(.ace-switch):indeterminate, input[type=checkbox][class*="text-"].input-xlg:not(.ace-switch):indeterminate {
    box-shadow: none;
  }
  input[type=radio][class*="text-"]:checked::after {
    color: inherit;
    background-color: currentColor;
  }
  input[type=radio][class*="bgc-"] {
    transition: background-color 80ms, border-color 80ms;
  }
  @media (prefers-reduced-motion: reduce) {
    input[type=radio][class*="bgc-"] {
      transition: none;
    }
  }
  input[type=radio][class*="bgc-"]:not(:checked) {
    background-color: #fff !important;
  }
  input[type=radio][class*="bgc-"]:checked {
    border-color: transparent;
  }
  input[type=radio][class*="bgc-"]:checked::after {
    box-shadow: none;
    background-color: #fff;
  }
  .brc-on-checked:not(:checked):not(:hover):not(:focus) {
    border-color: #adb8c0 !important;
  }
  [class*="brc-"] > .brc-inherit:not(:checked):not(:hover):not(:focus) {
    border-color: inherit !important;
  }
  input[type=checkbox].text-95 {
    background-size: 82.5% !important;
  }
  input[type=checkbox].text-90 {
    background-size: 78% !important;
  }
  input[type=checkbox].text-85 {
    background-size: 75% !important;
  }
  input[type=checkbox].text-80 {
    background-size: 73% !important;
  }
  input[type=checkbox]:disabled, input[type=radio]:disabled {
    cursor: default;
    border-color: #ccc !important;
    background-color: #eee !important;
    background-image: none;
    box-shadow: none !important;
  }
  input[type=checkbox]:disabled:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3e%3cpath fill='%23aaa' d='M 7.5,1.75 l -3.5,4 -2,-1.5 L 1,5.5 4,8.5 9,2.5 z'/%3e%3c/svg%3e");
  }
  input[type=radio]:disabled:checked::after {
    background-color: #aaa;
    box-shadow: none;
  }
  input.ace-switch[class*="text-"] {
    box-shadow: none !important;
    background-clip: border-box;
  }
}

/* excludes Edge */
@supports (overflow: overlay) or (-moz-appearance: none) {
  input.ace-switch {
    background-color: #9faeb8;
    border: none;
    margin-right: 0;
  }
  input.ace-switch:focus {
    box-shadow: none;
  }
  input.ace-switch::after {
    content: "";
    position: absolute;
    background-color: #fff;
    border-radius: inherit;
    transition: -webkit-transform 80ms;
    transition: transform 80ms;
    transition: transform 80ms, -webkit-transform 80ms;
  }
  @media (prefers-reduced-motion: reduce) {
    input.ace-switch::after {
      transition: none;
    }
  }
  input.ace-switch:checked {
    background-image: none;
    background-color: #2a80c8;
  }
  input.ace-switch {
    border-radius: 1.5rem;
    width: 2.75rem;
    height: 1.5rem;
  }
  input.ace-switch::after {
    top: 0.1875rem;
    left: 0.1875rem;
    width: 1.125rem;
    height: 1.125rem;
  }
  input.ace-switch[class*="brc-"]::after {
    border-width: 0.4375rem;
  }
  input.ace-switch:checked::after {
    -webkit-transform: translateX(1.25rem);
    transform: translateX(1.25rem);
  }
  input.ace-switch.input-lg {
    border-radius: 2rem;
    width: 4.25rem;
    height: 2rem;
  }
  input.ace-switch.input-lg::after {
    top: 0.25rem;
    left: 0.25rem;
    width: 1.5rem;
    height: 1.5rem;
  }
  input.ace-switch.input-lg[class*="brc-"]::after {
    border-width: 0.625rem;
  }
  input.ace-switch.input-lg:checked::after {
    -webkit-transform: translateX(2.25rem);
    transform: translateX(2.25rem);
  }
  input.ace-switch.input-sm {
    border-radius: 1.25rem;
    width: 2.25rem;
    height: 1.25rem;
  }
  input.ace-switch.input-sm::after {
    top: 0.1875rem;
    left: 0.1875rem;
    width: 0.875rem;
    height: 0.875rem;
  }
  input.ace-switch.input-sm[class*="brc-"]::after {
    border-width: 0.3125rem;
  }
  input.ace-switch.input-sm:checked::after {
    -webkit-transform: translateX(1rem);
    transform: translateX(1rem);
  }
  input.ace-switch[class*="bgc-"]:not(:checked):not([class*="text-"]) {
    background-color: #9faeb8 !important;
  }
  input.ace-switch[class*="bgc-"]:checked {
    background-image: none;
  }
  input.ace-switch[class*="text-"]:not(:checked) {
    background-image: none;
    background-color: currentColor !important;
  }
  input.ace-switch[class*="text-"]:checked:not([class*="bgc-"]) {
    background-color: #2a80c8;
  }
  input.ace-switch[class*="brc-"] {
    background-color: transparent !important;
    border-width: 0.125rem;
    border-style: solid;
  }
  input.ace-switch[class*="brc-"]:not(:checked):not([class*="text-"]) {
    background-color: transparent !important;
    border-color: #9faeb8 !important;
  }
  input.ace-switch[class*="brc-"][class*="text-"] {
    background-color: transparent !important;
  }
  input.ace-switch[class*="brc-"][class*="text-"]:not(:checked) {
    border-color: currentColor !important;
  }
  input.ace-switch[class*="brc-"]::after {
    border-style: solid;
    border-color: inherit;
    background-color: transparent;
    width: auto;
    height: auto;
  }
  input.ace-switch::before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 1.3125rem;
    line-height: normal;
    font-size: 0.9rem;
    font-weight: 400;
    color: #FFF;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 0.625rem;
    text-align: right;
  }
  input.ace-switch:checked::before {
    text-align: left;
  }
  input.ace-switch.ace-switch-yesno::before {
    content: "NO";
  }
  input.ace-switch.ace-switch-yesno:checked::before {
    content: "YES";
  }
  input.ace-switch.ace-switch-onoff::before {
   /*  padding-right: 0.5rem; */
    content: "ปิด";
  }
  input.ace-switch.ace-switch-onoff:checked::before {
    content: "เปิด";
  }
  input.ace-switch.ace-switch-times:not(:checked) {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3e%3cpath fill='none' stroke='%23fff' stroke-width='1.75px' d='M 2.5,2.5 L 7.5,7.5  M 7.5,2.5 L 2.5,7.5'/%3e%3c/svg%3e");
    background-size: 33%;
    background-position: 88% center;
    background-repeat: no-repeat;
  }
  input.ace-switch.ace-switch-check:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3e%3cpath fill='%23fff' d='M 7.5,1.75 l -3.5,4 -2,-1.5 L 1,5.5 4,8.5 9,2.5 z'/%3e%3c/svg%3e");
    background-size: 33%;
    background-position: 15% center;
    background-repeat: no-repeat;
  }
  input.ace-switch.ace-switch-bars::after {
    color: #999;
    content: "";
    background-image: linear-gradient(to right, currentColor, currentColor), linear-gradient(to right, currentColor, currentColor), linear-gradient(to right, currentColor, currentColor);
    background-position: calc(50% - 3px) center, center, calc(50% + 3px) center;
    background-size: 1px 45%;
    background-repeat: no-repeat;
  }
  input.ace-switch.ace-switch-bars:disabled::after {
    color: #bbb;
  }
  input.ace-switch.ace-switch-bars-h::after {
    color: #999;
    content: "";
    background-image: linear-gradient(to right, currentColor, currentColor), linear-gradient(to right, currentColor, currentColor), linear-gradient(to right, currentColor, currentColor);
    background-position: center calc(50% - 3px), center, center calc(50% + 3px);
    background-size: 45% 1px;
    background-repeat: no-repeat;
  }
  input.ace-switch.ace-switch-bars-h:disabled::after {
    color: #bbb;
  }
  input.ace-switch.ace-switch-thin {
    visibility: hidden;
    overflow: visible;
    width: 3.09375rem;
    height: 1.6875rem;
  }
  input.ace-switch.ace-switch-thin::before {
    visibility: visible;
    content: "";
    position: absolute;
    width: 80%;
    height: 40%;
    top: 2px;
    bottom: 0;
    margin: auto;
    border-radius: 1rem;
    background-color: inherit;
    color: inherit;
    opacity: 0.45;
  }
  input.ace-switch.ace-switch-thin::after {
    height: 1.5rem;
    width: 1.5rem;
    visibility: visible;
    background-color: inherit;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
  }
  input.ace-switch.ace-switch-thin:checked::after {
    -webkit-transform: translateX(1.4rem);
    transform: translateX(1.4rem);
  }
  input[type=checkbox].ace-switch:disabled:not(:checked) {
    color: #ddd !important;
    background-color: #d0d0d0 !important;
  }
  input[type=checkbox].ace-switch:disabled:checked {
    background-color: #c6c6c6 !important;
  }
  input.ace-switch:not(.ace-switch-check):not(.ace-switch-times):checked:disabled {
    background-image: none;
  }
  input[type=checkbox].ace-switch[class*="brc-"]:disabled {
    background-color: transparent !important;
  }
}

*::-ms-backdrop,
input::-ms-check {
  width: 1.125rem;
  height: 1.125rem;
  color: #3e89e4;
  border-color: #adb8c0;
}

*::-ms-backdrop,
input:not([type=radio]):checked[class*="bgc-"]::-ms-check {
  color: white;
  background-color: inherit;
}

*::-ms-backdrop,
input[type=radio][class*="bgc-"] {
  background-color: transparent !important;
}

*::-ms-backdrop,
input[class*="brc-"]::-ms-check {
  border-color: inherit;
}

*::-ms-backdrop,
input[class*="border-2"]::-ms-check {
  border-width: 2px;
}

*::-ms-backdrop,
input[class*="text-"]::-ms-check {
  color: inherit;
}

*::-ms-backdrop,
input[type=checkbox]::-ms-check {
  border-radius: 0.1875rem;
}

*::-ms-backdrop,
input[type=radio]::-ms-check {
  border-radius: 100%;
}

*::-ms-backdrop,
input:disabled::-ms-check {
  color: #aaa !important;
}

input.ace-file-input[type=file], .ace-file-input [type=file] {
  position: absolute;
  z-index: -1;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
}

input.ace-file-input[type=file]:focus, .ace-file-input [type=file]:focus {
  outline: none;
}

.ace-file-input {
  display: block;
  font-size: inherit;
  position: relative;
  height: 2.5rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}

.ace-file-input .ace-file-placeholder {
  display: -ms-flexbox;
  display: flex;
}

.ace-file-input .ace-file-container {
  display: block;
  height: 2.5rem;
  transition: all 0.15s;
}

@media (prefers-reduced-motion: reduce) {
  .ace-file-input .ace-file-container {
    transition: none;
  }
}