body {
  background-color: #E5E5E5;
  margin: 0 auto;
}

a {
  outline: none;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
a:active, a:focus, a:link, a:visited {
  color: inherit;
}

input,
select,
textarea {
  outline: none;
  -webkit-appearance: none;
}

hr {
  border: 0;
  border-top: 1px solid #454545;
}

#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4); /* half transparant */
  display: none;
  z-index: 999; /* boven andere content */
}

:disabled,
.disabled {
  opacity: 0.4 !important;
  -webkit-opacity: 0.4;
  -khtml-opacity: 0.4;
  pointer-events: none;
}

.center {
  display: block;
  justify-content: center;
  text-align: center !important;
}

.right {
  float: right;
}

.txt-left {
  text-align: left;
}

.txt-center {
  text-align: center;
}

.txt-right {
  text-align: right;
}

.hide,
.showMobile {
  display: none !important;
}

.itemHidden {
  opacity: 0.5 !important;
}

.txtTitle {
  font-family: "Roboto";
}

.txtDesc {
  font-family: "Roboto";
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-thumb {
  background-color: #E5E5E5;
  border-radius: 24px;
  border: 1px solid grey;
}

.panel {
  color: #FFFFFF !important;
  border-radius: 8px;
  padding: 12px;
}

.notify-stack {
  display: flex;
  position: fixed;
  right: 0;
  left: 0;
  flex-direction: column;
  z-index: 1499;
  margin-left: 244px;
}

.notify {
  position: relative;
  color: #FFFFFF !important;
  padding: 12px;
}

@media only screen and (max-width: 672px) {
  .notify-stack {
    margin: 0 auto;
  }
}
/* */
.Debug {
  background-color: #932D77;
}

.Error {
  background-color: #B04233;
}

.Issue {
  background-color: #C2743B;
}

.Info {
  background-color: #3387A2;
}

.Pending {
  background-color: #808080;
}

.Succes {
  background-color: #13BA73;
}

/* */
.closebtn {
  font-size: 20px;
  font-weight: bold;
  line-height: 12px;
  float: right;
  color: #FFFFFF;
  transition: 0.3s;
  cursor: pointer;
  margin-left: 15px;
  padding: 3px 2px;
}
.closebtn:hover {
  color: #303030;
}

.cPointer {
  cursor: pointer;
}

.wrapper {
  display: flex;
  flex-direction: column;
  min-height: calc(100dvh - 50px);
}

.main {
  flex: 1;
}

.relative {
  position: relative !important;
}

.container {
  display: flex;
}

.container .content {
  position: relative;
  align-self: flex-start;
  z-index: 2; /* Zorgt ervoor dat de tekst boven de overlays staat */
  color: white; /* Maak de tekst wit voor beter contrast */
}

.content {
  align-content: center;
  width: 100%;
  margin: 0 auto;
}

.contentSecond {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.contentThird {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.contentFourth {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

#section p {
  margin: 0px 0px 15px 0px;
}

#section {
  align-content: center;
  min-height: 100px;
  padding: 45px;
}

#section .sectionItem {
  max-width: 980px;
  margin: 0 auto;
}

.btn,
.btnOutline {
  font-family: "Roboto", sans-serif;
  display: inline-block;
  margin: 5px 0px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.btn .bi-chevron-right {
  margin-right: -5px;
}

.btn {
  border-radius: 8px;
  border: 0px solid grey;
  padding: 12px 25px 12px 25px;
  cursor: pointer;
}

.btnOutline {
  background-color: transparent;
  border-radius: 8px;
  border: 3px solid #E5E5E5;
  padding: 10px 20px 10px 25px;
  cursor: pointer;
}

.sizeStrong {
  font-weight: lighter;
}

.sizeStronger {
  font-weight: bold;
}

.sizeStrongest {
  font-weight: bolder;
}

.sizeNormal {
  font-weight: normal;
}

.sizeUnderline {
  text-decoration: underline;
}

.size7 {
  font-size: 7px !important;
}

.size8 {
  font-size: 8px !important;
}

.size9 {
  font-size: 9px !important;
}

.size10 {
  font-size: 10px !important;
}

.size11 {
  font-size: 11px !important;
}

.size12 {
  font-size: 12px !important;
}

.size13 {
  font-size: 13px !important;
}

.size14 {
  font-size: 14px !important;
}

.size15 {
  font-size: 15px !important;
}

.size16 {
  font-size: 16px !important;
}

.size18 {
  font-size: 18px !important;
}

.size20 {
  font-size: 20px !important;
}

.size22 {
  font-size: 22px !important;
}

.size24 {
  font-size: 24px !important;
}

.size26 {
  font-size: 26px !important;
}

.size28 {
  font-size: 28px !important;
}

.size30 {
  font-size: 30px !important;
}

.size32 {
  font-size: 32px !important;
}

.size34 {
  font-size: 34px !important;
}

.txt-primary {
  color: #202020 !important;
}

.txt-hover-primary:hover {
  color: #202020;
}

.bg-primary {
  background-color: #202020;
}

.bg-hover-primary:hover {
  background-color: #202020;
}

.txt-primary-light-1 {
  color: rgb(54.3, 54.3, 54.3) !important;
}

.txt-hover-primary-light-1:hover {
  color: rgb(54.3, 54.3, 54.3) !important;
}

.bg-primary-light-1 {
  background-color: rgb(54.3, 54.3, 54.3);
}

.bg-hover-primary-light-1:hover {
  background-color: rgb(54.3, 54.3, 54.3);
}

.txt-primary-light-2 {
  color: rgb(76.6, 76.6, 76.6) !important;
}

.txt-hover-primary-light-2:hover {
  color: rgb(76.6, 76.6, 76.6) !important;
}

.bg-primary-light-2 {
  background-color: rgb(76.6, 76.6, 76.6);
}

.bg-hover-primary-light-2:hover {
  background-color: rgb(76.6, 76.6, 76.6);
}

.txt-primary-light-3 {
  color: rgb(98.9, 98.9, 98.9) !important;
}

.txt-hover-primary-light-3:hover {
  color: rgb(98.9, 98.9, 98.9) !important;
}

.bg-primary-light-3 {
  background-color: rgb(98.9, 98.9, 98.9);
}

.bg-hover-primary-light-3:hover {
  background-color: rgb(98.9, 98.9, 98.9);
}

.txt-primary-light-4 {
  color: rgb(121.2, 121.2, 121.2) !important;
}

.txt-hover-primary-light-4:hover {
  color: rgb(121.2, 121.2, 121.2) !important;
}

.bg-primary-light-4 {
  background-color: rgb(121.2, 121.2, 121.2);
}

.bg-hover-primary-light-4:hover {
  background-color: rgb(121.2, 121.2, 121.2);
}

.txt-primary-light-5 {
  color: rgb(143.5, 143.5, 143.5) !important;
}

.txt-hover-primary-light-5:hover {
  color: rgb(143.5, 143.5, 143.5) !important;
}

.bg-primary-light-5 {
  background-color: rgb(143.5, 143.5, 143.5);
}

.bg-hover-primary-light-5:hover {
  background-color: rgb(143.5, 143.5, 143.5);
}

.txt-primary-light-6 {
  color: rgb(165.8, 165.8, 165.8) !important;
}

.txt-hover-primary-light-6:hover {
  color: rgb(165.8, 165.8, 165.8) !important;
}

.bg-primary-light-6 {
  background-color: rgb(165.8, 165.8, 165.8);
}

.bg-hover-primary-light-6:hover {
  background-color: rgb(165.8, 165.8, 165.8);
}

.txt-primary-light-7 {
  color: rgb(188.1, 188.1, 188.1) !important;
}

.txt-hover-primary-light-7:hover {
  color: rgb(188.1, 188.1, 188.1) !important;
}

.bg-primary-light-7 {
  background-color: rgb(188.1, 188.1, 188.1);
}

.bg-hover-primary-light-7:hover {
  background-color: rgb(188.1, 188.1, 188.1);
}

.txt-primary-light-8 {
  color: rgb(210.4, 210.4, 210.4) !important;
}

.txt-hover-primary-light-8:hover {
  color: rgb(210.4, 210.4, 210.4) !important;
}

.bg-primary-light-8 {
  background-color: rgb(210.4, 210.4, 210.4);
}

.bg-hover-primary-light-8:hover {
  background-color: rgb(210.4, 210.4, 210.4);
}

.txt-primary-light-9 {
  color: rgb(232.7, 232.7, 232.7) !important;
}

.txt-hover-primary-light-9:hover {
  color: rgb(232.7, 232.7, 232.7) !important;
}

.bg-primary-light-9 {
  background-color: rgb(232.7, 232.7, 232.7);
}

.bg-hover-primary-light-9:hover {
  background-color: rgb(232.7, 232.7, 232.7);
}

.txt-primary-dark-1 {
  color: rgb(28.8, 28.8, 28.8) !important;
}

.txt-hover-primary-dark-1:hover {
  color: rgb(28.8, 28.8, 28.8) !important;
}

.bg-primary-dark-1 {
  background-color: rgb(28.8, 28.8, 28.8);
}

.bg-hover-primary-dark-1:hover {
  background-color: rgb(28.8, 28.8, 28.8);
}

.txt-primary-dark-2 {
  color: rgb(25.6, 25.6, 25.6) !important;
}

.txt-hover-primary-dark-2:hover {
  color: rgb(25.6, 25.6, 25.6) !important;
}

.bg-primary-dark-2 {
  background-color: rgb(25.6, 25.6, 25.6);
}

.bg-hover-primary-dark-2:hover {
  background-color: rgb(25.6, 25.6, 25.6);
}

.txt-primary-dark-3 {
  color: rgb(22.4, 22.4, 22.4) !important;
}

.txt-hover-primary-dark-3:hover {
  color: rgb(22.4, 22.4, 22.4) !important;
}

.bg-primary-dark-3 {
  background-color: rgb(22.4, 22.4, 22.4);
}

.bg-hover-primary-dark-3:hover {
  background-color: rgb(22.4, 22.4, 22.4);
}

.txt-primary-dark-4 {
  color: rgb(19.2, 19.2, 19.2) !important;
}

.txt-hover-primary-dark-4:hover {
  color: rgb(19.2, 19.2, 19.2) !important;
}

.bg-primary-dark-4 {
  background-color: rgb(19.2, 19.2, 19.2);
}

.bg-hover-primary-dark-4:hover {
  background-color: rgb(19.2, 19.2, 19.2);
}

.txt-primary-dark-5 {
  color: #101010 !important;
}

.txt-hover-primary-dark-5:hover {
  color: #101010 !important;
}

.bg-primary-dark-5 {
  background-color: #101010;
}

.bg-hover-primary-dark-5:hover {
  background-color: #101010;
}

.txt-primary-dark-6 {
  color: rgb(12.8, 12.8, 12.8) !important;
}

.txt-hover-primary-dark-6:hover {
  color: rgb(12.8, 12.8, 12.8) !important;
}

.bg-primary-dark-6 {
  background-color: rgb(12.8, 12.8, 12.8);
}

.bg-hover-primary-dark-6:hover {
  background-color: rgb(12.8, 12.8, 12.8);
}

.txt-primary-dark-7 {
  color: rgb(9.6, 9.6, 9.6) !important;
}

.txt-hover-primary-dark-7:hover {
  color: rgb(9.6, 9.6, 9.6) !important;
}

.bg-primary-dark-7 {
  background-color: rgb(9.6, 9.6, 9.6);
}

.bg-hover-primary-dark-7:hover {
  background-color: rgb(9.6, 9.6, 9.6);
}

.txt-primary-dark-8 {
  color: rgb(6.4, 6.4, 6.4) !important;
}

.txt-hover-primary-dark-8:hover {
  color: rgb(6.4, 6.4, 6.4) !important;
}

.bg-primary-dark-8 {
  background-color: rgb(6.4, 6.4, 6.4);
}

.bg-hover-primary-dark-8:hover {
  background-color: rgb(6.4, 6.4, 6.4);
}

.txt-primary-dark-9 {
  color: rgb(3.2, 3.2, 3.2) !important;
}

.txt-hover-primary-dark-9:hover {
  color: rgb(3.2, 3.2, 3.2) !important;
}

.bg-primary-dark-9 {
  background-color: rgb(3.2, 3.2, 3.2);
}

.bg-hover-primary-dark-9:hover {
  background-color: rgb(3.2, 3.2, 3.2);
}

.txt-secondary {
  color: #E5E5E5 !important;
}

.txt-hover-secondary:hover {
  color: #E5E5E5;
}

.bg-secondary {
  background-color: #E5E5E5;
}

.bg-hover-secondary:hover {
  background-color: #E5E5E5;
}

.txt-secondary-light-1 {
  color: rgb(231.6, 231.6, 231.6) !important;
}

.txt-hover-secondary-light-1:hover {
  color: rgb(231.6, 231.6, 231.6) !important;
}

.bg-secondary-light-1 {
  background-color: rgb(231.6, 231.6, 231.6);
}

.bg-hover-secondary-light-1:hover {
  background-color: rgb(231.6, 231.6, 231.6);
}

.txt-secondary-light-2 {
  color: rgb(234.2, 234.2, 234.2) !important;
}

.txt-hover-secondary-light-2:hover {
  color: rgb(234.2, 234.2, 234.2) !important;
}

.bg-secondary-light-2 {
  background-color: rgb(234.2, 234.2, 234.2);
}

.bg-hover-secondary-light-2:hover {
  background-color: rgb(234.2, 234.2, 234.2);
}

.txt-secondary-light-3 {
  color: rgb(236.8, 236.8, 236.8) !important;
}

.txt-hover-secondary-light-3:hover {
  color: rgb(236.8, 236.8, 236.8) !important;
}

.bg-secondary-light-3 {
  background-color: rgb(236.8, 236.8, 236.8);
}

.bg-hover-secondary-light-3:hover {
  background-color: rgb(236.8, 236.8, 236.8);
}

.txt-secondary-light-4 {
  color: rgb(239.4, 239.4, 239.4) !important;
}

.txt-hover-secondary-light-4:hover {
  color: rgb(239.4, 239.4, 239.4) !important;
}

.bg-secondary-light-4 {
  background-color: rgb(239.4, 239.4, 239.4);
}

.bg-hover-secondary-light-4:hover {
  background-color: rgb(239.4, 239.4, 239.4);
}

.txt-secondary-light-5 {
  color: #f2f2f2 !important;
}

.txt-hover-secondary-light-5:hover {
  color: #f2f2f2 !important;
}

.bg-secondary-light-5 {
  background-color: #f2f2f2;
}

.bg-hover-secondary-light-5:hover {
  background-color: #f2f2f2;
}

.txt-secondary-light-6 {
  color: rgb(244.6, 244.6, 244.6) !important;
}

.txt-hover-secondary-light-6:hover {
  color: rgb(244.6, 244.6, 244.6) !important;
}

.bg-secondary-light-6 {
  background-color: rgb(244.6, 244.6, 244.6);
}

.bg-hover-secondary-light-6:hover {
  background-color: rgb(244.6, 244.6, 244.6);
}

.txt-secondary-light-7 {
  color: rgb(247.2, 247.2, 247.2) !important;
}

.txt-hover-secondary-light-7:hover {
  color: rgb(247.2, 247.2, 247.2) !important;
}

.bg-secondary-light-7 {
  background-color: rgb(247.2, 247.2, 247.2);
}

.bg-hover-secondary-light-7:hover {
  background-color: rgb(247.2, 247.2, 247.2);
}

.txt-secondary-light-8 {
  color: rgb(249.8, 249.8, 249.8) !important;
}

.txt-hover-secondary-light-8:hover {
  color: rgb(249.8, 249.8, 249.8) !important;
}

.bg-secondary-light-8 {
  background-color: rgb(249.8, 249.8, 249.8);
}

.bg-hover-secondary-light-8:hover {
  background-color: rgb(249.8, 249.8, 249.8);
}

.txt-secondary-light-9 {
  color: rgb(252.4, 252.4, 252.4) !important;
}

.txt-hover-secondary-light-9:hover {
  color: rgb(252.4, 252.4, 252.4) !important;
}

.bg-secondary-light-9 {
  background-color: rgb(252.4, 252.4, 252.4);
}

.bg-hover-secondary-light-9:hover {
  background-color: rgb(252.4, 252.4, 252.4);
}

.txt-secondary-dark-1 {
  color: rgb(206.1, 206.1, 206.1) !important;
}

.txt-hover-secondary-dark-1:hover {
  color: rgb(206.1, 206.1, 206.1) !important;
}

.bg-secondary-dark-1 {
  background-color: rgb(206.1, 206.1, 206.1);
}

.bg-hover-secondary-dark-1:hover {
  background-color: rgb(206.1, 206.1, 206.1);
}

.txt-secondary-dark-2 {
  color: rgb(183.2, 183.2, 183.2) !important;
}

.txt-hover-secondary-dark-2:hover {
  color: rgb(183.2, 183.2, 183.2) !important;
}

.bg-secondary-dark-2 {
  background-color: rgb(183.2, 183.2, 183.2);
}

.bg-hover-secondary-dark-2:hover {
  background-color: rgb(183.2, 183.2, 183.2);
}

.txt-secondary-dark-3 {
  color: rgb(160.3, 160.3, 160.3) !important;
}

.txt-hover-secondary-dark-3:hover {
  color: rgb(160.3, 160.3, 160.3) !important;
}

.bg-secondary-dark-3 {
  background-color: rgb(160.3, 160.3, 160.3);
}

.bg-hover-secondary-dark-3:hover {
  background-color: rgb(160.3, 160.3, 160.3);
}

.txt-secondary-dark-4 {
  color: rgb(137.4, 137.4, 137.4) !important;
}

.txt-hover-secondary-dark-4:hover {
  color: rgb(137.4, 137.4, 137.4) !important;
}

.bg-secondary-dark-4 {
  background-color: rgb(137.4, 137.4, 137.4);
}

.bg-hover-secondary-dark-4:hover {
  background-color: rgb(137.4, 137.4, 137.4);
}

.txt-secondary-dark-5 {
  color: rgb(114.5, 114.5, 114.5) !important;
}

.txt-hover-secondary-dark-5:hover {
  color: rgb(114.5, 114.5, 114.5) !important;
}

.bg-secondary-dark-5 {
  background-color: rgb(114.5, 114.5, 114.5);
}

.bg-hover-secondary-dark-5:hover {
  background-color: rgb(114.5, 114.5, 114.5);
}

.txt-secondary-dark-6 {
  color: rgb(91.6, 91.6, 91.6) !important;
}

.txt-hover-secondary-dark-6:hover {
  color: rgb(91.6, 91.6, 91.6) !important;
}

.bg-secondary-dark-6 {
  background-color: rgb(91.6, 91.6, 91.6);
}

.bg-hover-secondary-dark-6:hover {
  background-color: rgb(91.6, 91.6, 91.6);
}

.txt-secondary-dark-7 {
  color: rgb(68.7, 68.7, 68.7) !important;
}

.txt-hover-secondary-dark-7:hover {
  color: rgb(68.7, 68.7, 68.7) !important;
}

.bg-secondary-dark-7 {
  background-color: rgb(68.7, 68.7, 68.7);
}

.bg-hover-secondary-dark-7:hover {
  background-color: rgb(68.7, 68.7, 68.7);
}

.txt-secondary-dark-8 {
  color: rgb(45.8, 45.8, 45.8) !important;
}

.txt-hover-secondary-dark-8:hover {
  color: rgb(45.8, 45.8, 45.8) !important;
}

.bg-secondary-dark-8 {
  background-color: rgb(45.8, 45.8, 45.8);
}

.bg-hover-secondary-dark-8:hover {
  background-color: rgb(45.8, 45.8, 45.8);
}

.txt-secondary-dark-9 {
  color: rgb(22.9, 22.9, 22.9) !important;
}

.txt-hover-secondary-dark-9:hover {
  color: rgb(22.9, 22.9, 22.9) !important;
}

.bg-secondary-dark-9 {
  background-color: rgb(22.9, 22.9, 22.9);
}

.bg-hover-secondary-dark-9:hover {
  background-color: rgb(22.9, 22.9, 22.9);
}

.txt-purple {
  color: #932D77 !important;
}

.txt-hover-purple:hover {
  color: #932D77;
}

.bg-purple {
  background-color: #932D77;
}

.bg-hover-purple:hover {
  background-color: #932D77;
}

.txt-purple-light-1 {
  color: rgb(157.8, 66, 132.6) !important;
}

.txt-hover-purple-light-1:hover {
  color: rgb(157.8, 66, 132.6) !important;
}

.bg-purple-light-1 {
  background-color: rgb(157.8, 66, 132.6);
}

.bg-hover-purple-light-1:hover {
  background-color: rgb(157.8, 66, 132.6);
}

.txt-purple-light-2 {
  color: rgb(168.6, 87, 146.2) !important;
}

.txt-hover-purple-light-2:hover {
  color: rgb(168.6, 87, 146.2) !important;
}

.bg-purple-light-2 {
  background-color: rgb(168.6, 87, 146.2);
}

.bg-hover-purple-light-2:hover {
  background-color: rgb(168.6, 87, 146.2);
}

.txt-purple-light-3 {
  color: rgb(179.4, 108, 159.8) !important;
}

.txt-hover-purple-light-3:hover {
  color: rgb(179.4, 108, 159.8) !important;
}

.bg-purple-light-3 {
  background-color: rgb(179.4, 108, 159.8);
}

.bg-hover-purple-light-3:hover {
  background-color: rgb(179.4, 108, 159.8);
}

.txt-purple-light-4 {
  color: rgb(190.2, 129, 173.4) !important;
}

.txt-hover-purple-light-4:hover {
  color: rgb(190.2, 129, 173.4) !important;
}

.bg-purple-light-4 {
  background-color: rgb(190.2, 129, 173.4);
}

.bg-hover-purple-light-4:hover {
  background-color: rgb(190.2, 129, 173.4);
}

.txt-purple-light-5 {
  color: #c996bb !important;
}

.txt-hover-purple-light-5:hover {
  color: #c996bb !important;
}

.bg-purple-light-5 {
  background-color: #c996bb;
}

.bg-hover-purple-light-5:hover {
  background-color: #c996bb;
}

.txt-purple-light-6 {
  color: rgb(211.8, 171, 200.6) !important;
}

.txt-hover-purple-light-6:hover {
  color: rgb(211.8, 171, 200.6) !important;
}

.bg-purple-light-6 {
  background-color: rgb(211.8, 171, 200.6);
}

.bg-hover-purple-light-6:hover {
  background-color: rgb(211.8, 171, 200.6);
}

.txt-purple-light-7 {
  color: rgb(222.6, 192, 214.2) !important;
}

.txt-hover-purple-light-7:hover {
  color: rgb(222.6, 192, 214.2) !important;
}

.bg-purple-light-7 {
  background-color: rgb(222.6, 192, 214.2);
}

.bg-hover-purple-light-7:hover {
  background-color: rgb(222.6, 192, 214.2);
}

.txt-purple-light-8 {
  color: rgb(233.4, 213, 227.8) !important;
}

.txt-hover-purple-light-8:hover {
  color: rgb(233.4, 213, 227.8) !important;
}

.bg-purple-light-8 {
  background-color: rgb(233.4, 213, 227.8);
}

.bg-hover-purple-light-8:hover {
  background-color: rgb(233.4, 213, 227.8);
}

.txt-purple-light-9 {
  color: rgb(244.2, 234, 241.4) !important;
}

.txt-hover-purple-light-9:hover {
  color: rgb(244.2, 234, 241.4) !important;
}

.bg-purple-light-9 {
  background-color: rgb(244.2, 234, 241.4);
}

.bg-hover-purple-light-9:hover {
  background-color: rgb(244.2, 234, 241.4);
}

.txt-purple-dark-1 {
  color: rgb(132.3, 40.5, 107.1) !important;
}

.txt-hover-purple-dark-1:hover {
  color: rgb(132.3, 40.5, 107.1) !important;
}

.bg-purple-dark-1 {
  background-color: rgb(132.3, 40.5, 107.1);
}

.bg-hover-purple-dark-1:hover {
  background-color: rgb(132.3, 40.5, 107.1);
}

.txt-purple-dark-2 {
  color: rgb(117.6, 36, 95.2) !important;
}

.txt-hover-purple-dark-2:hover {
  color: rgb(117.6, 36, 95.2) !important;
}

.bg-purple-dark-2 {
  background-color: rgb(117.6, 36, 95.2);
}

.bg-hover-purple-dark-2:hover {
  background-color: rgb(117.6, 36, 95.2);
}

.txt-purple-dark-3 {
  color: rgb(102.9, 31.5, 83.3) !important;
}

.txt-hover-purple-dark-3:hover {
  color: rgb(102.9, 31.5, 83.3) !important;
}

.bg-purple-dark-3 {
  background-color: rgb(102.9, 31.5, 83.3);
}

.bg-hover-purple-dark-3:hover {
  background-color: rgb(102.9, 31.5, 83.3);
}

.txt-purple-dark-4 {
  color: rgb(88.2, 27, 71.4) !important;
}

.txt-hover-purple-dark-4:hover {
  color: rgb(88.2, 27, 71.4) !important;
}

.bg-purple-dark-4 {
  background-color: rgb(88.2, 27, 71.4);
}

.bg-hover-purple-dark-4:hover {
  background-color: rgb(88.2, 27, 71.4);
}

.txt-purple-dark-5 {
  color: rgb(73.5, 22.5, 59.5) !important;
}

.txt-hover-purple-dark-5:hover {
  color: rgb(73.5, 22.5, 59.5) !important;
}

.bg-purple-dark-5 {
  background-color: rgb(73.5, 22.5, 59.5);
}

.bg-hover-purple-dark-5:hover {
  background-color: rgb(73.5, 22.5, 59.5);
}

.txt-purple-dark-6 {
  color: rgb(58.8, 18, 47.6) !important;
}

.txt-hover-purple-dark-6:hover {
  color: rgb(58.8, 18, 47.6) !important;
}

.bg-purple-dark-6 {
  background-color: rgb(58.8, 18, 47.6);
}

.bg-hover-purple-dark-6:hover {
  background-color: rgb(58.8, 18, 47.6);
}

.txt-purple-dark-7 {
  color: rgb(44.1, 13.5, 35.7) !important;
}

.txt-hover-purple-dark-7:hover {
  color: rgb(44.1, 13.5, 35.7) !important;
}

.bg-purple-dark-7 {
  background-color: rgb(44.1, 13.5, 35.7);
}

.bg-hover-purple-dark-7:hover {
  background-color: rgb(44.1, 13.5, 35.7);
}

.txt-purple-dark-8 {
  color: rgb(29.4, 9, 23.8) !important;
}

.txt-hover-purple-dark-8:hover {
  color: rgb(29.4, 9, 23.8) !important;
}

.bg-purple-dark-8 {
  background-color: rgb(29.4, 9, 23.8);
}

.bg-hover-purple-dark-8:hover {
  background-color: rgb(29.4, 9, 23.8);
}

.txt-purple-dark-9 {
  color: rgb(14.7, 4.5, 11.9) !important;
}

.txt-hover-purple-dark-9:hover {
  color: rgb(14.7, 4.5, 11.9) !important;
}

.bg-purple-dark-9 {
  background-color: rgb(14.7, 4.5, 11.9);
}

.bg-hover-purple-dark-9:hover {
  background-color: rgb(14.7, 4.5, 11.9);
}

.txt-red {
  color: #B04233 !important;
}

.txt-hover-red:hover {
  color: #B04233;
}

.bg-red {
  background-color: #B04233;
}

.bg-hover-red:hover {
  background-color: #B04233;
}

.txt-red-light-1 {
  color: rgb(183.9, 84.9, 71.4) !important;
}

.txt-hover-red-light-1:hover {
  color: rgb(183.9, 84.9, 71.4) !important;
}

.bg-red-light-1 {
  background-color: rgb(183.9, 84.9, 71.4);
}

.bg-hover-red-light-1:hover {
  background-color: rgb(183.9, 84.9, 71.4);
}

.txt-red-light-2 {
  color: rgb(191.8, 103.8, 91.8) !important;
}

.txt-hover-red-light-2:hover {
  color: rgb(191.8, 103.8, 91.8) !important;
}

.bg-red-light-2 {
  background-color: rgb(191.8, 103.8, 91.8);
}

.bg-hover-red-light-2:hover {
  background-color: rgb(191.8, 103.8, 91.8);
}

.txt-red-light-3 {
  color: rgb(199.7, 122.7, 112.2) !important;
}

.txt-hover-red-light-3:hover {
  color: rgb(199.7, 122.7, 112.2) !important;
}

.bg-red-light-3 {
  background-color: rgb(199.7, 122.7, 112.2);
}

.bg-hover-red-light-3:hover {
  background-color: rgb(199.7, 122.7, 112.2);
}

.txt-red-light-4 {
  color: rgb(207.6, 141.6, 132.6) !important;
}

.txt-hover-red-light-4:hover {
  color: rgb(207.6, 141.6, 132.6) !important;
}

.bg-red-light-4 {
  background-color: rgb(207.6, 141.6, 132.6);
}

.bg-hover-red-light-4:hover {
  background-color: rgb(207.6, 141.6, 132.6);
}

.txt-red-light-5 {
  color: rgb(215.5, 160.5, 153) !important;
}

.txt-hover-red-light-5:hover {
  color: rgb(215.5, 160.5, 153) !important;
}

.bg-red-light-5 {
  background-color: rgb(215.5, 160.5, 153);
}

.bg-hover-red-light-5:hover {
  background-color: rgb(215.5, 160.5, 153);
}

.txt-red-light-6 {
  color: rgb(223.4, 179.4, 173.4) !important;
}

.txt-hover-red-light-6:hover {
  color: rgb(223.4, 179.4, 173.4) !important;
}

.bg-red-light-6 {
  background-color: rgb(223.4, 179.4, 173.4);
}

.bg-hover-red-light-6:hover {
  background-color: rgb(223.4, 179.4, 173.4);
}

.txt-red-light-7 {
  color: rgb(231.3, 198.3, 193.8) !important;
}

.txt-hover-red-light-7:hover {
  color: rgb(231.3, 198.3, 193.8) !important;
}

.bg-red-light-7 {
  background-color: rgb(231.3, 198.3, 193.8);
}

.bg-hover-red-light-7:hover {
  background-color: rgb(231.3, 198.3, 193.8);
}

.txt-red-light-8 {
  color: rgb(239.2, 217.2, 214.2) !important;
}

.txt-hover-red-light-8:hover {
  color: rgb(239.2, 217.2, 214.2) !important;
}

.bg-red-light-8 {
  background-color: rgb(239.2, 217.2, 214.2);
}

.bg-hover-red-light-8:hover {
  background-color: rgb(239.2, 217.2, 214.2);
}

.txt-red-light-9 {
  color: rgb(247.1, 236.1, 234.6) !important;
}

.txt-hover-red-light-9:hover {
  color: rgb(247.1, 236.1, 234.6) !important;
}

.bg-red-light-9 {
  background-color: rgb(247.1, 236.1, 234.6);
}

.bg-hover-red-light-9:hover {
  background-color: rgb(247.1, 236.1, 234.6);
}

.txt-red-dark-1 {
  color: rgb(158.4, 59.4, 45.9) !important;
}

.txt-hover-red-dark-1:hover {
  color: rgb(158.4, 59.4, 45.9) !important;
}

.bg-red-dark-1 {
  background-color: rgb(158.4, 59.4, 45.9);
}

.bg-hover-red-dark-1:hover {
  background-color: rgb(158.4, 59.4, 45.9);
}

.txt-red-dark-2 {
  color: rgb(140.8, 52.8, 40.8) !important;
}

.txt-hover-red-dark-2:hover {
  color: rgb(140.8, 52.8, 40.8) !important;
}

.bg-red-dark-2 {
  background-color: rgb(140.8, 52.8, 40.8);
}

.bg-hover-red-dark-2:hover {
  background-color: rgb(140.8, 52.8, 40.8);
}

.txt-red-dark-3 {
  color: rgb(123.2, 46.2, 35.7) !important;
}

.txt-hover-red-dark-3:hover {
  color: rgb(123.2, 46.2, 35.7) !important;
}

.bg-red-dark-3 {
  background-color: rgb(123.2, 46.2, 35.7);
}

.bg-hover-red-dark-3:hover {
  background-color: rgb(123.2, 46.2, 35.7);
}

.txt-red-dark-4 {
  color: rgb(105.6, 39.6, 30.6) !important;
}

.txt-hover-red-dark-4:hover {
  color: rgb(105.6, 39.6, 30.6) !important;
}

.bg-red-dark-4 {
  background-color: rgb(105.6, 39.6, 30.6);
}

.bg-hover-red-dark-4:hover {
  background-color: rgb(105.6, 39.6, 30.6);
}

.txt-red-dark-5 {
  color: rgb(88, 33, 25.5) !important;
}

.txt-hover-red-dark-5:hover {
  color: rgb(88, 33, 25.5) !important;
}

.bg-red-dark-5 {
  background-color: rgb(88, 33, 25.5);
}

.bg-hover-red-dark-5:hover {
  background-color: rgb(88, 33, 25.5);
}

.txt-red-dark-6 {
  color: rgb(70.4, 26.4, 20.4) !important;
}

.txt-hover-red-dark-6:hover {
  color: rgb(70.4, 26.4, 20.4) !important;
}

.bg-red-dark-6 {
  background-color: rgb(70.4, 26.4, 20.4);
}

.bg-hover-red-dark-6:hover {
  background-color: rgb(70.4, 26.4, 20.4);
}

.txt-red-dark-7 {
  color: rgb(52.8, 19.8, 15.3) !important;
}

.txt-hover-red-dark-7:hover {
  color: rgb(52.8, 19.8, 15.3) !important;
}

.bg-red-dark-7 {
  background-color: rgb(52.8, 19.8, 15.3);
}

.bg-hover-red-dark-7:hover {
  background-color: rgb(52.8, 19.8, 15.3);
}

.txt-red-dark-8 {
  color: rgb(35.2, 13.2, 10.2) !important;
}

.txt-hover-red-dark-8:hover {
  color: rgb(35.2, 13.2, 10.2) !important;
}

.bg-red-dark-8 {
  background-color: rgb(35.2, 13.2, 10.2);
}

.bg-hover-red-dark-8:hover {
  background-color: rgb(35.2, 13.2, 10.2);
}

.txt-red-dark-9 {
  color: rgb(17.6, 6.6, 5.1) !important;
}

.txt-hover-red-dark-9:hover {
  color: rgb(17.6, 6.6, 5.1) !important;
}

.bg-red-dark-9 {
  background-color: rgb(17.6, 6.6, 5.1);
}

.bg-hover-red-dark-9:hover {
  background-color: rgb(17.6, 6.6, 5.1);
}

.txt-orange {
  color: #C2743B !important;
}

.txt-hover-orange:hover {
  color: #C2743B;
}

.bg-orange {
  background-color: #C2743B;
}

.bg-hover-orange:hover {
  background-color: #C2743B;
}

.txt-orange-light-1 {
  color: rgb(200.1, 129.9, 78.6) !important;
}

.txt-hover-orange-light-1:hover {
  color: rgb(200.1, 129.9, 78.6) !important;
}

.bg-orange-light-1 {
  background-color: rgb(200.1, 129.9, 78.6);
}

.bg-hover-orange-light-1:hover {
  background-color: rgb(200.1, 129.9, 78.6);
}

.txt-orange-light-2 {
  color: rgb(206.2, 143.8, 98.2) !important;
}

.txt-hover-orange-light-2:hover {
  color: rgb(206.2, 143.8, 98.2) !important;
}

.bg-orange-light-2 {
  background-color: rgb(206.2, 143.8, 98.2);
}

.bg-hover-orange-light-2:hover {
  background-color: rgb(206.2, 143.8, 98.2);
}

.txt-orange-light-3 {
  color: rgb(212.3, 157.7, 117.8) !important;
}

.txt-hover-orange-light-3:hover {
  color: rgb(212.3, 157.7, 117.8) !important;
}

.bg-orange-light-3 {
  background-color: rgb(212.3, 157.7, 117.8);
}

.bg-hover-orange-light-3:hover {
  background-color: rgb(212.3, 157.7, 117.8);
}

.txt-orange-light-4 {
  color: rgb(218.4, 171.6, 137.4) !important;
}

.txt-hover-orange-light-4:hover {
  color: rgb(218.4, 171.6, 137.4) !important;
}

.bg-orange-light-4 {
  background-color: rgb(218.4, 171.6, 137.4);
}

.bg-hover-orange-light-4:hover {
  background-color: rgb(218.4, 171.6, 137.4);
}

.txt-orange-light-5 {
  color: rgb(224.5, 185.5, 157) !important;
}

.txt-hover-orange-light-5:hover {
  color: rgb(224.5, 185.5, 157) !important;
}

.bg-orange-light-5 {
  background-color: rgb(224.5, 185.5, 157);
}

.bg-hover-orange-light-5:hover {
  background-color: rgb(224.5, 185.5, 157);
}

.txt-orange-light-6 {
  color: rgb(230.6, 199.4, 176.6) !important;
}

.txt-hover-orange-light-6:hover {
  color: rgb(230.6, 199.4, 176.6) !important;
}

.bg-orange-light-6 {
  background-color: rgb(230.6, 199.4, 176.6);
}

.bg-hover-orange-light-6:hover {
  background-color: rgb(230.6, 199.4, 176.6);
}

.txt-orange-light-7 {
  color: rgb(236.7, 213.3, 196.2) !important;
}

.txt-hover-orange-light-7:hover {
  color: rgb(236.7, 213.3, 196.2) !important;
}

.bg-orange-light-7 {
  background-color: rgb(236.7, 213.3, 196.2);
}

.bg-hover-orange-light-7:hover {
  background-color: rgb(236.7, 213.3, 196.2);
}

.txt-orange-light-8 {
  color: rgb(242.8, 227.2, 215.8) !important;
}

.txt-hover-orange-light-8:hover {
  color: rgb(242.8, 227.2, 215.8) !important;
}

.bg-orange-light-8 {
  background-color: rgb(242.8, 227.2, 215.8);
}

.bg-hover-orange-light-8:hover {
  background-color: rgb(242.8, 227.2, 215.8);
}

.txt-orange-light-9 {
  color: rgb(248.9, 241.1, 235.4) !important;
}

.txt-hover-orange-light-9:hover {
  color: rgb(248.9, 241.1, 235.4) !important;
}

.bg-orange-light-9 {
  background-color: rgb(248.9, 241.1, 235.4);
}

.bg-hover-orange-light-9:hover {
  background-color: rgb(248.9, 241.1, 235.4);
}

.txt-orange-dark-1 {
  color: rgb(174.6, 104.4, 53.1) !important;
}

.txt-hover-orange-dark-1:hover {
  color: rgb(174.6, 104.4, 53.1) !important;
}

.bg-orange-dark-1 {
  background-color: rgb(174.6, 104.4, 53.1);
}

.bg-hover-orange-dark-1:hover {
  background-color: rgb(174.6, 104.4, 53.1);
}

.txt-orange-dark-2 {
  color: rgb(155.2, 92.8, 47.2) !important;
}

.txt-hover-orange-dark-2:hover {
  color: rgb(155.2, 92.8, 47.2) !important;
}

.bg-orange-dark-2 {
  background-color: rgb(155.2, 92.8, 47.2);
}

.bg-hover-orange-dark-2:hover {
  background-color: rgb(155.2, 92.8, 47.2);
}

.txt-orange-dark-3 {
  color: rgb(135.8, 81.2, 41.3) !important;
}

.txt-hover-orange-dark-3:hover {
  color: rgb(135.8, 81.2, 41.3) !important;
}

.bg-orange-dark-3 {
  background-color: rgb(135.8, 81.2, 41.3);
}

.bg-hover-orange-dark-3:hover {
  background-color: rgb(135.8, 81.2, 41.3);
}

.txt-orange-dark-4 {
  color: rgb(116.4, 69.6, 35.4) !important;
}

.txt-hover-orange-dark-4:hover {
  color: rgb(116.4, 69.6, 35.4) !important;
}

.bg-orange-dark-4 {
  background-color: rgb(116.4, 69.6, 35.4);
}

.bg-hover-orange-dark-4:hover {
  background-color: rgb(116.4, 69.6, 35.4);
}

.txt-orange-dark-5 {
  color: rgb(97, 58, 29.5) !important;
}

.txt-hover-orange-dark-5:hover {
  color: rgb(97, 58, 29.5) !important;
}

.bg-orange-dark-5 {
  background-color: rgb(97, 58, 29.5);
}

.bg-hover-orange-dark-5:hover {
  background-color: rgb(97, 58, 29.5);
}

.txt-orange-dark-6 {
  color: rgb(77.6, 46.4, 23.6) !important;
}

.txt-hover-orange-dark-6:hover {
  color: rgb(77.6, 46.4, 23.6) !important;
}

.bg-orange-dark-6 {
  background-color: rgb(77.6, 46.4, 23.6);
}

.bg-hover-orange-dark-6:hover {
  background-color: rgb(77.6, 46.4, 23.6);
}

.txt-orange-dark-7 {
  color: rgb(58.2, 34.8, 17.7) !important;
}

.txt-hover-orange-dark-7:hover {
  color: rgb(58.2, 34.8, 17.7) !important;
}

.bg-orange-dark-7 {
  background-color: rgb(58.2, 34.8, 17.7);
}

.bg-hover-orange-dark-7:hover {
  background-color: rgb(58.2, 34.8, 17.7);
}

.txt-orange-dark-8 {
  color: rgb(38.8, 23.2, 11.8) !important;
}

.txt-hover-orange-dark-8:hover {
  color: rgb(38.8, 23.2, 11.8) !important;
}

.bg-orange-dark-8 {
  background-color: rgb(38.8, 23.2, 11.8);
}

.bg-hover-orange-dark-8:hover {
  background-color: rgb(38.8, 23.2, 11.8);
}

.txt-orange-dark-9 {
  color: rgb(19.4, 11.6, 5.9) !important;
}

.txt-hover-orange-dark-9:hover {
  color: rgb(19.4, 11.6, 5.9) !important;
}

.bg-orange-dark-9 {
  background-color: rgb(19.4, 11.6, 5.9);
}

.bg-hover-orange-dark-9:hover {
  background-color: rgb(19.4, 11.6, 5.9);
}

.txt-blue {
  color: #3387A2 !important;
}

.txt-hover-blue:hover {
  color: #3387A2;
}

.bg-blue {
  background-color: #3387A2;
}

.bg-hover-blue:hover {
  background-color: #3387A2;
}

.txt-blue-light-1 {
  color: rgb(71.4, 147, 171.3) !important;
}

.txt-hover-blue-light-1:hover {
  color: rgb(71.4, 147, 171.3) !important;
}

.bg-blue-light-1 {
  background-color: rgb(71.4, 147, 171.3);
}

.bg-hover-blue-light-1:hover {
  background-color: rgb(71.4, 147, 171.3);
}

.txt-blue-light-2 {
  color: rgb(91.8, 159, 180.6) !important;
}

.txt-hover-blue-light-2:hover {
  color: rgb(91.8, 159, 180.6) !important;
}

.bg-blue-light-2 {
  background-color: rgb(91.8, 159, 180.6);
}

.bg-hover-blue-light-2:hover {
  background-color: rgb(91.8, 159, 180.6);
}

.txt-blue-light-3 {
  color: rgb(112.2, 171, 189.9) !important;
}

.txt-hover-blue-light-3:hover {
  color: rgb(112.2, 171, 189.9) !important;
}

.bg-blue-light-3 {
  background-color: rgb(112.2, 171, 189.9);
}

.bg-hover-blue-light-3:hover {
  background-color: rgb(112.2, 171, 189.9);
}

.txt-blue-light-4 {
  color: rgb(132.6, 183, 199.2) !important;
}

.txt-hover-blue-light-4:hover {
  color: rgb(132.6, 183, 199.2) !important;
}

.bg-blue-light-4 {
  background-color: rgb(132.6, 183, 199.2);
}

.bg-hover-blue-light-4:hover {
  background-color: rgb(132.6, 183, 199.2);
}

.txt-blue-light-5 {
  color: rgb(153, 195, 208.5) !important;
}

.txt-hover-blue-light-5:hover {
  color: rgb(153, 195, 208.5) !important;
}

.bg-blue-light-5 {
  background-color: rgb(153, 195, 208.5);
}

.bg-hover-blue-light-5:hover {
  background-color: rgb(153, 195, 208.5);
}

.txt-blue-light-6 {
  color: rgb(173.4, 207, 217.8) !important;
}

.txt-hover-blue-light-6:hover {
  color: rgb(173.4, 207, 217.8) !important;
}

.bg-blue-light-6 {
  background-color: rgb(173.4, 207, 217.8);
}

.bg-hover-blue-light-6:hover {
  background-color: rgb(173.4, 207, 217.8);
}

.txt-blue-light-7 {
  color: rgb(193.8, 219, 227.1) !important;
}

.txt-hover-blue-light-7:hover {
  color: rgb(193.8, 219, 227.1) !important;
}

.bg-blue-light-7 {
  background-color: rgb(193.8, 219, 227.1);
}

.bg-hover-blue-light-7:hover {
  background-color: rgb(193.8, 219, 227.1);
}

.txt-blue-light-8 {
  color: rgb(214.2, 231, 236.4) !important;
}

.txt-hover-blue-light-8:hover {
  color: rgb(214.2, 231, 236.4) !important;
}

.bg-blue-light-8 {
  background-color: rgb(214.2, 231, 236.4);
}

.bg-hover-blue-light-8:hover {
  background-color: rgb(214.2, 231, 236.4);
}

.txt-blue-light-9 {
  color: rgb(234.6, 243, 245.7) !important;
}

.txt-hover-blue-light-9:hover {
  color: rgb(234.6, 243, 245.7) !important;
}

.bg-blue-light-9 {
  background-color: rgb(234.6, 243, 245.7);
}

.bg-hover-blue-light-9:hover {
  background-color: rgb(234.6, 243, 245.7);
}

.txt-blue-dark-1 {
  color: rgb(45.9, 121.5, 145.8) !important;
}

.txt-hover-blue-dark-1:hover {
  color: rgb(45.9, 121.5, 145.8) !important;
}

.bg-blue-dark-1 {
  background-color: rgb(45.9, 121.5, 145.8);
}

.bg-hover-blue-dark-1:hover {
  background-color: rgb(45.9, 121.5, 145.8);
}

.txt-blue-dark-2 {
  color: rgb(40.8, 108, 129.6) !important;
}

.txt-hover-blue-dark-2:hover {
  color: rgb(40.8, 108, 129.6) !important;
}

.bg-blue-dark-2 {
  background-color: rgb(40.8, 108, 129.6);
}

.bg-hover-blue-dark-2:hover {
  background-color: rgb(40.8, 108, 129.6);
}

.txt-blue-dark-3 {
  color: rgb(35.7, 94.5, 113.4) !important;
}

.txt-hover-blue-dark-3:hover {
  color: rgb(35.7, 94.5, 113.4) !important;
}

.bg-blue-dark-3 {
  background-color: rgb(35.7, 94.5, 113.4);
}

.bg-hover-blue-dark-3:hover {
  background-color: rgb(35.7, 94.5, 113.4);
}

.txt-blue-dark-4 {
  color: rgb(30.6, 81, 97.2) !important;
}

.txt-hover-blue-dark-4:hover {
  color: rgb(30.6, 81, 97.2) !important;
}

.bg-blue-dark-4 {
  background-color: rgb(30.6, 81, 97.2);
}

.bg-hover-blue-dark-4:hover {
  background-color: rgb(30.6, 81, 97.2);
}

.txt-blue-dark-5 {
  color: rgb(25.5, 67.5, 81) !important;
}

.txt-hover-blue-dark-5:hover {
  color: rgb(25.5, 67.5, 81) !important;
}

.bg-blue-dark-5 {
  background-color: rgb(25.5, 67.5, 81);
}

.bg-hover-blue-dark-5:hover {
  background-color: rgb(25.5, 67.5, 81);
}

.txt-blue-dark-6 {
  color: rgb(20.4, 54, 64.8) !important;
}

.txt-hover-blue-dark-6:hover {
  color: rgb(20.4, 54, 64.8) !important;
}

.bg-blue-dark-6 {
  background-color: rgb(20.4, 54, 64.8);
}

.bg-hover-blue-dark-6:hover {
  background-color: rgb(20.4, 54, 64.8);
}

.txt-blue-dark-7 {
  color: rgb(15.3, 40.5, 48.6) !important;
}

.txt-hover-blue-dark-7:hover {
  color: rgb(15.3, 40.5, 48.6) !important;
}

.bg-blue-dark-7 {
  background-color: rgb(15.3, 40.5, 48.6);
}

.bg-hover-blue-dark-7:hover {
  background-color: rgb(15.3, 40.5, 48.6);
}

.txt-blue-dark-8 {
  color: rgb(10.2, 27, 32.4) !important;
}

.txt-hover-blue-dark-8:hover {
  color: rgb(10.2, 27, 32.4) !important;
}

.bg-blue-dark-8 {
  background-color: rgb(10.2, 27, 32.4);
}

.bg-hover-blue-dark-8:hover {
  background-color: rgb(10.2, 27, 32.4);
}

.txt-blue-dark-9 {
  color: rgb(5.1, 13.5, 16.2) !important;
}

.txt-hover-blue-dark-9:hover {
  color: rgb(5.1, 13.5, 16.2) !important;
}

.bg-blue-dark-9 {
  background-color: rgb(5.1, 13.5, 16.2);
}

.bg-hover-blue-dark-9:hover {
  background-color: rgb(5.1, 13.5, 16.2);
}

.txt-grey {
  color: #808080 !important;
}

.txt-hover-grey:hover {
  color: #808080;
}

.bg-grey {
  background-color: #808080;
}

.bg-hover-grey:hover {
  background-color: #808080;
}

.txt-grey-light-1 {
  color: rgb(140.7, 140.7, 140.7) !important;
}

.txt-hover-grey-light-1:hover {
  color: rgb(140.7, 140.7, 140.7) !important;
}

.bg-grey-light-1 {
  background-color: rgb(140.7, 140.7, 140.7);
}

.bg-hover-grey-light-1:hover {
  background-color: rgb(140.7, 140.7, 140.7);
}

.txt-grey-light-2 {
  color: rgb(153.4, 153.4, 153.4) !important;
}

.txt-hover-grey-light-2:hover {
  color: rgb(153.4, 153.4, 153.4) !important;
}

.bg-grey-light-2 {
  background-color: rgb(153.4, 153.4, 153.4);
}

.bg-hover-grey-light-2:hover {
  background-color: rgb(153.4, 153.4, 153.4);
}

.txt-grey-light-3 {
  color: rgb(166.1, 166.1, 166.1) !important;
}

.txt-hover-grey-light-3:hover {
  color: rgb(166.1, 166.1, 166.1) !important;
}

.bg-grey-light-3 {
  background-color: rgb(166.1, 166.1, 166.1);
}

.bg-hover-grey-light-3:hover {
  background-color: rgb(166.1, 166.1, 166.1);
}

.txt-grey-light-4 {
  color: rgb(178.8, 178.8, 178.8) !important;
}

.txt-hover-grey-light-4:hover {
  color: rgb(178.8, 178.8, 178.8) !important;
}

.bg-grey-light-4 {
  background-color: rgb(178.8, 178.8, 178.8);
}

.bg-hover-grey-light-4:hover {
  background-color: rgb(178.8, 178.8, 178.8);
}

.txt-grey-light-5 {
  color: rgb(191.5, 191.5, 191.5) !important;
}

.txt-hover-grey-light-5:hover {
  color: rgb(191.5, 191.5, 191.5) !important;
}

.bg-grey-light-5 {
  background-color: rgb(191.5, 191.5, 191.5);
}

.bg-hover-grey-light-5:hover {
  background-color: rgb(191.5, 191.5, 191.5);
}

.txt-grey-light-6 {
  color: rgb(204.2, 204.2, 204.2) !important;
}

.txt-hover-grey-light-6:hover {
  color: rgb(204.2, 204.2, 204.2) !important;
}

.bg-grey-light-6 {
  background-color: rgb(204.2, 204.2, 204.2);
}

.bg-hover-grey-light-6:hover {
  background-color: rgb(204.2, 204.2, 204.2);
}

.txt-grey-light-7 {
  color: rgb(216.9, 216.9, 216.9) !important;
}

.txt-hover-grey-light-7:hover {
  color: rgb(216.9, 216.9, 216.9) !important;
}

.bg-grey-light-7 {
  background-color: rgb(216.9, 216.9, 216.9);
}

.bg-hover-grey-light-7:hover {
  background-color: rgb(216.9, 216.9, 216.9);
}

.txt-grey-light-8 {
  color: rgb(229.6, 229.6, 229.6) !important;
}

.txt-hover-grey-light-8:hover {
  color: rgb(229.6, 229.6, 229.6) !important;
}

.bg-grey-light-8 {
  background-color: rgb(229.6, 229.6, 229.6);
}

.bg-hover-grey-light-8:hover {
  background-color: rgb(229.6, 229.6, 229.6);
}

.txt-grey-light-9 {
  color: rgb(242.3, 242.3, 242.3) !important;
}

.txt-hover-grey-light-9:hover {
  color: rgb(242.3, 242.3, 242.3) !important;
}

.bg-grey-light-9 {
  background-color: rgb(242.3, 242.3, 242.3);
}

.bg-hover-grey-light-9:hover {
  background-color: rgb(242.3, 242.3, 242.3);
}

.txt-grey-dark-1 {
  color: rgb(115.2, 115.2, 115.2) !important;
}

.txt-hover-grey-dark-1:hover {
  color: rgb(115.2, 115.2, 115.2) !important;
}

.bg-grey-dark-1 {
  background-color: rgb(115.2, 115.2, 115.2);
}

.bg-hover-grey-dark-1:hover {
  background-color: rgb(115.2, 115.2, 115.2);
}

.txt-grey-dark-2 {
  color: rgb(102.4, 102.4, 102.4) !important;
}

.txt-hover-grey-dark-2:hover {
  color: rgb(102.4, 102.4, 102.4) !important;
}

.bg-grey-dark-2 {
  background-color: rgb(102.4, 102.4, 102.4);
}

.bg-hover-grey-dark-2:hover {
  background-color: rgb(102.4, 102.4, 102.4);
}

.txt-grey-dark-3 {
  color: rgb(89.6, 89.6, 89.6) !important;
}

.txt-hover-grey-dark-3:hover {
  color: rgb(89.6, 89.6, 89.6) !important;
}

.bg-grey-dark-3 {
  background-color: rgb(89.6, 89.6, 89.6);
}

.bg-hover-grey-dark-3:hover {
  background-color: rgb(89.6, 89.6, 89.6);
}

.txt-grey-dark-4 {
  color: rgb(76.8, 76.8, 76.8) !important;
}

.txt-hover-grey-dark-4:hover {
  color: rgb(76.8, 76.8, 76.8) !important;
}

.bg-grey-dark-4 {
  background-color: rgb(76.8, 76.8, 76.8);
}

.bg-hover-grey-dark-4:hover {
  background-color: rgb(76.8, 76.8, 76.8);
}

.txt-grey-dark-5 {
  color: #404040 !important;
}

.txt-hover-grey-dark-5:hover {
  color: #404040 !important;
}

.bg-grey-dark-5 {
  background-color: #404040;
}

.bg-hover-grey-dark-5:hover {
  background-color: #404040;
}

.txt-grey-dark-6 {
  color: rgb(51.2, 51.2, 51.2) !important;
}

.txt-hover-grey-dark-6:hover {
  color: rgb(51.2, 51.2, 51.2) !important;
}

.bg-grey-dark-6 {
  background-color: rgb(51.2, 51.2, 51.2);
}

.bg-hover-grey-dark-6:hover {
  background-color: rgb(51.2, 51.2, 51.2);
}

.txt-grey-dark-7 {
  color: rgb(38.4, 38.4, 38.4) !important;
}

.txt-hover-grey-dark-7:hover {
  color: rgb(38.4, 38.4, 38.4) !important;
}

.bg-grey-dark-7 {
  background-color: rgb(38.4, 38.4, 38.4);
}

.bg-hover-grey-dark-7:hover {
  background-color: rgb(38.4, 38.4, 38.4);
}

.txt-grey-dark-8 {
  color: rgb(25.6, 25.6, 25.6) !important;
}

.txt-hover-grey-dark-8:hover {
  color: rgb(25.6, 25.6, 25.6) !important;
}

.bg-grey-dark-8 {
  background-color: rgb(25.6, 25.6, 25.6);
}

.bg-hover-grey-dark-8:hover {
  background-color: rgb(25.6, 25.6, 25.6);
}

.txt-grey-dark-9 {
  color: rgb(12.8, 12.8, 12.8) !important;
}

.txt-hover-grey-dark-9:hover {
  color: rgb(12.8, 12.8, 12.8) !important;
}

.bg-grey-dark-9 {
  background-color: rgb(12.8, 12.8, 12.8);
}

.bg-hover-grey-dark-9:hover {
  background-color: rgb(12.8, 12.8, 12.8);
}

.txt-green {
  color: #13BA73 !important;
}

.txt-hover-green:hover {
  color: #13BA73;
}

.bg-green {
  background-color: #13BA73;
}

.bg-hover-green:hover {
  background-color: #13BA73;
}

.txt-green-light-1 {
  color: rgb(42.6, 192.9, 129) !important;
}

.txt-hover-green-light-1:hover {
  color: rgb(42.6, 192.9, 129) !important;
}

.bg-green-light-1 {
  background-color: rgb(42.6, 192.9, 129);
}

.bg-hover-green-light-1:hover {
  background-color: rgb(42.6, 192.9, 129);
}

.txt-green-light-2 {
  color: rgb(66.2, 199.8, 143) !important;
}

.txt-hover-green-light-2:hover {
  color: rgb(66.2, 199.8, 143) !important;
}

.bg-green-light-2 {
  background-color: rgb(66.2, 199.8, 143);
}

.bg-hover-green-light-2:hover {
  background-color: rgb(66.2, 199.8, 143);
}

.txt-green-light-3 {
  color: rgb(89.8, 206.7, 157) !important;
}

.txt-hover-green-light-3:hover {
  color: rgb(89.8, 206.7, 157) !important;
}

.bg-green-light-3 {
  background-color: rgb(89.8, 206.7, 157);
}

.bg-hover-green-light-3:hover {
  background-color: rgb(89.8, 206.7, 157);
}

.txt-green-light-4 {
  color: rgb(113.4, 213.6, 171) !important;
}

.txt-hover-green-light-4:hover {
  color: rgb(113.4, 213.6, 171) !important;
}

.bg-green-light-4 {
  background-color: rgb(113.4, 213.6, 171);
}

.bg-hover-green-light-4:hover {
  background-color: rgb(113.4, 213.6, 171);
}

.txt-green-light-5 {
  color: rgb(137, 220.5, 185) !important;
}

.txt-hover-green-light-5:hover {
  color: rgb(137, 220.5, 185) !important;
}

.bg-green-light-5 {
  background-color: rgb(137, 220.5, 185);
}

.bg-hover-green-light-5:hover {
  background-color: rgb(137, 220.5, 185);
}

.txt-green-light-6 {
  color: rgb(160.6, 227.4, 199) !important;
}

.txt-hover-green-light-6:hover {
  color: rgb(160.6, 227.4, 199) !important;
}

.bg-green-light-6 {
  background-color: rgb(160.6, 227.4, 199);
}

.bg-hover-green-light-6:hover {
  background-color: rgb(160.6, 227.4, 199);
}

.txt-green-light-7 {
  color: rgb(184.2, 234.3, 213) !important;
}

.txt-hover-green-light-7:hover {
  color: rgb(184.2, 234.3, 213) !important;
}

.bg-green-light-7 {
  background-color: rgb(184.2, 234.3, 213);
}

.bg-hover-green-light-7:hover {
  background-color: rgb(184.2, 234.3, 213);
}

.txt-green-light-8 {
  color: rgb(207.8, 241.2, 227) !important;
}

.txt-hover-green-light-8:hover {
  color: rgb(207.8, 241.2, 227) !important;
}

.bg-green-light-8 {
  background-color: rgb(207.8, 241.2, 227);
}

.bg-hover-green-light-8:hover {
  background-color: rgb(207.8, 241.2, 227);
}

.txt-green-light-9 {
  color: rgb(231.4, 248.1, 241) !important;
}

.txt-hover-green-light-9:hover {
  color: rgb(231.4, 248.1, 241) !important;
}

.bg-green-light-9 {
  background-color: rgb(231.4, 248.1, 241);
}

.bg-hover-green-light-9:hover {
  background-color: rgb(231.4, 248.1, 241);
}

.txt-green-dark-1 {
  color: rgb(17.1, 167.4, 103.5) !important;
}

.txt-hover-green-dark-1:hover {
  color: rgb(17.1, 167.4, 103.5) !important;
}

.bg-green-dark-1 {
  background-color: rgb(17.1, 167.4, 103.5);
}

.bg-hover-green-dark-1:hover {
  background-color: rgb(17.1, 167.4, 103.5);
}

.txt-green-dark-2 {
  color: rgb(15.2, 148.8, 92) !important;
}

.txt-hover-green-dark-2:hover {
  color: rgb(15.2, 148.8, 92) !important;
}

.bg-green-dark-2 {
  background-color: rgb(15.2, 148.8, 92);
}

.bg-hover-green-dark-2:hover {
  background-color: rgb(15.2, 148.8, 92);
}

.txt-green-dark-3 {
  color: rgb(13.3, 130.2, 80.5) !important;
}

.txt-hover-green-dark-3:hover {
  color: rgb(13.3, 130.2, 80.5) !important;
}

.bg-green-dark-3 {
  background-color: rgb(13.3, 130.2, 80.5);
}

.bg-hover-green-dark-3:hover {
  background-color: rgb(13.3, 130.2, 80.5);
}

.txt-green-dark-4 {
  color: rgb(11.4, 111.6, 69) !important;
}

.txt-hover-green-dark-4:hover {
  color: rgb(11.4, 111.6, 69) !important;
}

.bg-green-dark-4 {
  background-color: rgb(11.4, 111.6, 69);
}

.bg-hover-green-dark-4:hover {
  background-color: rgb(11.4, 111.6, 69);
}

.txt-green-dark-5 {
  color: rgb(9.5, 93, 57.5) !important;
}

.txt-hover-green-dark-5:hover {
  color: rgb(9.5, 93, 57.5) !important;
}

.bg-green-dark-5 {
  background-color: rgb(9.5, 93, 57.5);
}

.bg-hover-green-dark-5:hover {
  background-color: rgb(9.5, 93, 57.5);
}

.txt-green-dark-6 {
  color: rgb(7.6, 74.4, 46) !important;
}

.txt-hover-green-dark-6:hover {
  color: rgb(7.6, 74.4, 46) !important;
}

.bg-green-dark-6 {
  background-color: rgb(7.6, 74.4, 46);
}

.bg-hover-green-dark-6:hover {
  background-color: rgb(7.6, 74.4, 46);
}

.txt-green-dark-7 {
  color: rgb(5.7, 55.8, 34.5) !important;
}

.txt-hover-green-dark-7:hover {
  color: rgb(5.7, 55.8, 34.5) !important;
}

.bg-green-dark-7 {
  background-color: rgb(5.7, 55.8, 34.5);
}

.bg-hover-green-dark-7:hover {
  background-color: rgb(5.7, 55.8, 34.5);
}

.txt-green-dark-8 {
  color: rgb(3.8, 37.2, 23) !important;
}

.txt-hover-green-dark-8:hover {
  color: rgb(3.8, 37.2, 23) !important;
}

.bg-green-dark-8 {
  background-color: rgb(3.8, 37.2, 23);
}

.bg-hover-green-dark-8:hover {
  background-color: rgb(3.8, 37.2, 23);
}

.txt-green-dark-9 {
  color: rgb(1.9, 18.6, 11.5) !important;
}

.txt-hover-green-dark-9:hover {
  color: rgb(1.9, 18.6, 11.5) !important;
}

.bg-green-dark-9 {
  background-color: rgb(1.9, 18.6, 11.5);
}

.bg-hover-green-dark-9:hover {
  background-color: rgb(1.9, 18.6, 11.5);
}

.txt-brown {
  color: #550008 !important;
}

.txt-hover-brown:hover {
  color: #550008;
}

.bg-brown {
  background-color: #550008;
}

.bg-hover-brown:hover {
  background-color: #550008;
}

.txt-brown-light-1 {
  color: rgb(102, 25.5, 32.7) !important;
}

.txt-hover-brown-light-1:hover {
  color: rgb(102, 25.5, 32.7) !important;
}

.bg-brown-light-1 {
  background-color: rgb(102, 25.5, 32.7);
}

.bg-hover-brown-light-1:hover {
  background-color: rgb(102, 25.5, 32.7);
}

.txt-brown-light-2 {
  color: rgb(119, 51, 57.4) !important;
}

.txt-hover-brown-light-2:hover {
  color: rgb(119, 51, 57.4) !important;
}

.bg-brown-light-2 {
  background-color: rgb(119, 51, 57.4);
}

.bg-hover-brown-light-2:hover {
  background-color: rgb(119, 51, 57.4);
}

.txt-brown-light-3 {
  color: rgb(136, 76.5, 82.1) !important;
}

.txt-hover-brown-light-3:hover {
  color: rgb(136, 76.5, 82.1) !important;
}

.bg-brown-light-3 {
  background-color: rgb(136, 76.5, 82.1);
}

.bg-hover-brown-light-3:hover {
  background-color: rgb(136, 76.5, 82.1);
}

.txt-brown-light-4 {
  color: rgb(153, 102, 106.8) !important;
}

.txt-hover-brown-light-4:hover {
  color: rgb(153, 102, 106.8) !important;
}

.bg-brown-light-4 {
  background-color: rgb(153, 102, 106.8);
}

.bg-hover-brown-light-4:hover {
  background-color: rgb(153, 102, 106.8);
}

.txt-brown-light-5 {
  color: rgb(170, 127.5, 131.5) !important;
}

.txt-hover-brown-light-5:hover {
  color: rgb(170, 127.5, 131.5) !important;
}

.bg-brown-light-5 {
  background-color: rgb(170, 127.5, 131.5);
}

.bg-hover-brown-light-5:hover {
  background-color: rgb(170, 127.5, 131.5);
}

.txt-brown-light-6 {
  color: rgb(187, 153, 156.2) !important;
}

.txt-hover-brown-light-6:hover {
  color: rgb(187, 153, 156.2) !important;
}

.bg-brown-light-6 {
  background-color: rgb(187, 153, 156.2);
}

.bg-hover-brown-light-6:hover {
  background-color: rgb(187, 153, 156.2);
}

.txt-brown-light-7 {
  color: rgb(204, 178.5, 180.9) !important;
}

.txt-hover-brown-light-7:hover {
  color: rgb(204, 178.5, 180.9) !important;
}

.bg-brown-light-7 {
  background-color: rgb(204, 178.5, 180.9);
}

.bg-hover-brown-light-7:hover {
  background-color: rgb(204, 178.5, 180.9);
}

.txt-brown-light-8 {
  color: rgb(221, 204, 205.6) !important;
}

.txt-hover-brown-light-8:hover {
  color: rgb(221, 204, 205.6) !important;
}

.bg-brown-light-8 {
  background-color: rgb(221, 204, 205.6);
}

.bg-hover-brown-light-8:hover {
  background-color: rgb(221, 204, 205.6);
}

.txt-brown-light-9 {
  color: rgb(238, 229.5, 230.3) !important;
}

.txt-hover-brown-light-9:hover {
  color: rgb(238, 229.5, 230.3) !important;
}

.bg-brown-light-9 {
  background-color: rgb(238, 229.5, 230.3);
}

.bg-hover-brown-light-9:hover {
  background-color: rgb(238, 229.5, 230.3);
}

.txt-brown-dark-1 {
  color: rgb(76.5, 0, 7.2) !important;
}

.txt-hover-brown-dark-1:hover {
  color: rgb(76.5, 0, 7.2) !important;
}

.bg-brown-dark-1 {
  background-color: rgb(76.5, 0, 7.2);
}

.bg-hover-brown-dark-1:hover {
  background-color: rgb(76.5, 0, 7.2);
}

.txt-brown-dark-2 {
  color: rgb(68, 0, 6.4) !important;
}

.txt-hover-brown-dark-2:hover {
  color: rgb(68, 0, 6.4) !important;
}

.bg-brown-dark-2 {
  background-color: rgb(68, 0, 6.4);
}

.bg-hover-brown-dark-2:hover {
  background-color: rgb(68, 0, 6.4);
}

.txt-brown-dark-3 {
  color: rgb(59.5, 0, 5.6) !important;
}

.txt-hover-brown-dark-3:hover {
  color: rgb(59.5, 0, 5.6) !important;
}

.bg-brown-dark-3 {
  background-color: rgb(59.5, 0, 5.6);
}

.bg-hover-brown-dark-3:hover {
  background-color: rgb(59.5, 0, 5.6);
}

.txt-brown-dark-4 {
  color: rgb(51, 0, 4.8) !important;
}

.txt-hover-brown-dark-4:hover {
  color: rgb(51, 0, 4.8) !important;
}

.bg-brown-dark-4 {
  background-color: rgb(51, 0, 4.8);
}

.bg-hover-brown-dark-4:hover {
  background-color: rgb(51, 0, 4.8);
}

.txt-brown-dark-5 {
  color: rgb(42.5, 0, 4) !important;
}

.txt-hover-brown-dark-5:hover {
  color: rgb(42.5, 0, 4) !important;
}

.bg-brown-dark-5 {
  background-color: rgb(42.5, 0, 4);
}

.bg-hover-brown-dark-5:hover {
  background-color: rgb(42.5, 0, 4);
}

.txt-brown-dark-6 {
  color: rgb(34, 0, 3.2) !important;
}

.txt-hover-brown-dark-6:hover {
  color: rgb(34, 0, 3.2) !important;
}

.bg-brown-dark-6 {
  background-color: rgb(34, 0, 3.2);
}

.bg-hover-brown-dark-6:hover {
  background-color: rgb(34, 0, 3.2);
}

.txt-brown-dark-7 {
  color: rgb(25.5, 0, 2.4) !important;
}

.txt-hover-brown-dark-7:hover {
  color: rgb(25.5, 0, 2.4) !important;
}

.bg-brown-dark-7 {
  background-color: rgb(25.5, 0, 2.4);
}

.bg-hover-brown-dark-7:hover {
  background-color: rgb(25.5, 0, 2.4);
}

.txt-brown-dark-8 {
  color: rgb(17, 0, 1.6) !important;
}

.txt-hover-brown-dark-8:hover {
  color: rgb(17, 0, 1.6) !important;
}

.bg-brown-dark-8 {
  background-color: rgb(17, 0, 1.6);
}

.bg-hover-brown-dark-8:hover {
  background-color: rgb(17, 0, 1.6);
}

.txt-brown-dark-9 {
  color: rgb(8.5, 0, 0.8) !important;
}

.txt-hover-brown-dark-9:hover {
  color: rgb(8.5, 0, 0.8) !important;
}

.bg-brown-dark-9 {
  background-color: rgb(8.5, 0, 0.8);
}

.bg-hover-brown-dark-9:hover {
  background-color: rgb(8.5, 0, 0.8);
}

.txt-black {
  color: black !important;
}

.txt-hover-black:hover {
  color: black;
}

.bg-black {
  background-color: black;
}

.bg-hover-black:hover {
  background-color: black;
}

.txt-white {
  color: white !important;
}

.txt-hover-white:hover {
  color: white;
}

.bg-white {
  background-color: white;
}

.bg-hover-white:hover {
  background-color: white;
}

nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: sticky;
  top: 0px;
  background-color: #202020;
  color: rgba(255, 255, 255, 0.8);
  height: 50px;
  padding: 0px 15px;
  z-index: 100000;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

#brand {
  display: flex;
  align-items: center;
  gap: 15px;
}

#navIcon {
  color: #E5E5E5;
  cursor: pointer;
  opacity: 0.65;
}

#logo {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 175px;
  height: 40px;
}

#menuUser {
  display: flex;
}

.username {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-right: 5px;
}

#userMenu {
  display: none;
}

#userMenu.show {
  display: block;
}

#userMenu {
  font-size: 14px;
  background-color: #202020;
  overflow: auto;
  position: fixed;
  top: 50px;
  right: 0px;
  width: 240px;
  max-height: 562px;
  border-radius: 0px 0px 8px 8px;
  padding: 0px 0px 8px 0px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  z-index: 2799;
}

#userAvatar {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  margin: 10px 12px;
  z-index: 653;
}

#userInfo {
  display: grid;
  margin-top: 16px;
}

#userMenu hr {
  border: 0 !important;
  border-top: 1px solid #454545 !important;
  margin-left: -50px;
}

#userMenu ul.userMenuList {
  margin: 0px;
}

.userMenuList .right {
  margin-top: 1px;
  margin-right: -2px;
}

#userMenu li {
  font-size: 12px;
  display: block;
  color: #E5E5E5;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 0px 0px 0px -40px;
  padding: 15px 20px 15px 20px;
}

#userMenu li:hover {
  background-color: rgb(54.3, 54.3, 54.3);
  color: #E5E5E5;
}

.userItem {
  font-size: 13px !important;
  text-align: center;
  vertical-align: base;
  width: 20px;
  max-width: 20px;
  opacity: 0.65;
  margin: 0px 18px 0px 0px;
}

.userLabel .bi {
  font-size: 10px !important;
  margin-left: 5px !important;
}

@media only screen and (max-width: 768px) {
  #userMenu {
    max-height: -webkit-fill-available;
  }
}
#sidebar {
  font-size: 14px;
  background-color: #202020;
  overflow: auto;
  position: fixed;
  top: 50px;
  width: 100%;
  max-width: 220px;
  height: -webkit-fill-available;
  max-height: -webkit-fill-available;
  padding: 0px 12px 12px 12px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  z-index: 2699;
}

#sidebar hr {
  border: 0 !important;
  border-top: 1px solid #454545 !important;
}

.sidebarActive {
  max-width: -webkit-fill-available;
  margin-left: -244px !important;
}

.sidebarOpen {
  max-width: -webkit-fill-available;
  margin-left: 0px !important;
}

.sidebarActive,
.sidebarOpen {
  transition-duration: 0.45s;
  transition-timing-function: ease-in-out;
  transition-delay: 0.1s;
}

#content {
  margin-left: 244px;
}

#sidebar ul.sidebarList {
  margin: 0px -12px 0px -52px;
}

.sidebarList .right {
  margin-top: 1px;
  margin-right: -2px;
}

#sidebar li {
  font-size: 12px;
  display: block;
  color: #E5E5E5;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 0px 0px 0px -40px;
  padding: 15px 20px 15px 20px;
}

#sidebar li:hover {
  background-color: rgb(54.3, 54.3, 54.3);
  color: #E5E5E5;
}

.notiIndicator {
  font-size: 11px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  top: 5px;
  min-width: 12px;
  height: 20px;
  background-color: rgba(239, 239, 239, 0.3137254902);
  color: white;
  text-align: center;
  float: inline-end;
  border-radius: 10px;
  margin: -8px -5px 0px 0px;
  padding: 1px 4px;
}

.activePage {
  background-color: rgb(76.6, 76.6, 76.6);
  color: #E5E5E5;
}

.sidebarItem {
  font-size: 13px !important;
  text-align: center;
  vertical-align: base;
  width: 20px;
  max-width: 20px;
  opacity: 0.65;
  margin: 0px 18px 0px 39px;
}

.sidebarLabel {
  font-size: 14px !important;
  text-transform: revert !important;
  margin: 0px 0px 0px -3px !important;
}

.sidebarLabel .bi {
  font-size: 13px !important;
  margin-left: 5px !important;
}

.noHover:hover {
  background-color: transparent !important;
}

.iconCorrector {
  margin: 0px 13px 0px 36px;
}

@media only screen and (max-width: 672px) {
  #sidebar {
    margin-left: -244px !important;
  }
  #content {
    margin-left: 0px !important;
  }
  .sidebarOpen {
    pointer-events: none;
  }
  #sidebar.sidebarActive {
    margin-left: 0px !important;
  }
}
footer {
  background-color: #202020;
  color: #E5E5E5;
  padding: 10px 15px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

footer p {
  margin: 5px 0px;
}

.footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.fooLegal {
  display: flex;
  align-items: center;
}

.fooIcon {
  background-image: url("https://wsrv.nl/?url=https://api.gfx-pro.net/img/brand/gpn_ico_white.png") !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 45px;
  height: 45px;
  margin: 0px 10px 0px 0px;
}

.fooRef {
  margin-right: 5px;
}

.fooSocials {
  justify-self: right;
  padding: 10px 0px;
}

.icon-circle {
  width: 25px !important;
  height: 25px !important;
  border-radius: 50%;
}

#lang {
  position: unset !important;
  justify-self: right;
}

.langModule {
  font-size: 12px;
  background-image: url("/img/ico_world.png") !important;
  background-repeat: no-repeat !important;
  background-position: 8px center !important;
  background-size: 10px auto !important;
  background-color: #202020 !important;
  color: #fff !important;
  min-width: 120px !important;
  height: 38px;
  border-radius: 8px;
  border: 1px solid #656565;
  margin: 5px 0px;
  padding: 10px 20px 10px 25px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

@media only screen and (max-width: 768px) {
  .invert {
    flex-direction: column;
  }
  .inverted {
    flex-direction: column-reverse;
  }
  footer p {
    margin: 8px 0px;
    line-height: 1.5;
  }
  .footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
  }
  .fooLegal {
    display: grid;
    justify-content: center;
  }
  .fooIcon {
    justify-self: center;
    margin: 5px 0px 0px 0px;
  }
  .fooSocials {
    justify-self: center;
    margin: 0px 0px -8px 0px;
  }
  #lang {
    margin-top: 10px;
    justify-self: center;
  }
}
@media only screen and (max-width: 600px) {
  .hideMobile {
    display: none !important;
  }
  .showMobile {
    display: block !important;
  }
  .contentSecond {
    gap: 0px !important;
  }
  .showreels {
    display: grid;
  }
}
@media only screen and (max-width: 672px) {
  #section {
    padding: 45px 25px;
  }
  iframe {
    width: 100%;
    height: 192px;
  }
}/*# sourceMappingURL=index.css.map */