.TMNTheme {
	--primary:#222222;
	--secondary:#474747;
	--tertiary:#004b8d;
	--quaternary:#cb382d;
	--quinary:#fbfbfb;
	
	--text-color-primary:#636363;
	--header-color-primary:#222222;
	--text-color-secondary:#ffffff;
	--header-color-secondary:#474747;
	
	--header-color-dark:#ffffff;
	--text-color-dark:#ffffff;
	
	--font-primary:'Lato', sans-serif;
	--font-secondary:'Lato', sans-serif;
	--w-regular:400;
	--w-medium:500;
	--w-semibold:600;
	--w-bold:700;
	--w-xbold:800;
	--w-black:900;
}

.metismenu .mm-collapse:not(.mm-show) {
  display: none
}
.metismenu .mm-collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-timing-function: ease;
  transition-duration: .35s;
  transition-property: height, visibility
}
.metismenu .has-arrow {
  position: relative
}
.metismenu .has-arrow::after {
  position: absolute;
  content: "";
  width: .4rem;
  height: .4rem;
  border-width: 0 0 2px 2px;
  border-style: solid;
  border-color: initial;
  inset-inline-end: 1rem;
  transform: rotate(225deg) translate(0, -50%);
  transform-origin: top;
  top: 50%;
  transition: all .3s ease-out
}
*[dir=rtl] .metismenu .has-arrow::after {
  transform: rotate(-135deg) translate(0, -50%)
}
.metismenu .mm-active > .has-arrow::after, .metismenu .has-arrow[aria-expanded=true]::after {
  transform: rotate(315deg) translate(0, -50%)
}