/* SCROLL BAR */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}
::-webkit-scrollbar-thumb {
  background: #bbb;
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: #aaa;
}

.header .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link, .header .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link {
    background-color: rgba(255, 255, 255, 0);
}

.header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link {
    background-color: rgba(255, 255, 255, 0);
}

.btn-circle{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  border: 1px solid #181c323f;
  justify-content: center;
  align-items: center;
}

.header-mobile {
    background-color: rgba(0, 0, 0, 0.03);
    box-shadow: none;
    background-image: linear-gradient(#000000cf, #00000003);
}

.header-menu-wrapper-on {
    padding-top: 3rem;
    background-color: #000000b5;
}

.header-menu-mobile {
    background-color: rgba(255, 255, 255, 0);
}
.header .header-menu-mobile .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link, .header .header-menu-mobile .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link {
    background-color: rgba(255, 255, 255, 0);
}
.header-menu-mobile .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link {
    background-color: rgba(255, 255, 255, 0);
}

.mobile-toggle-active {
  background-color: #FFFFFF;
}

.header-menu-mobile .menu-nav > .menu-item.menu-item-open > .menu-heading, .header-menu-mobile .menu-nav > .menu-item.menu-item-open > .menu-link {
    background-color: #F3F6F9;
}

div.dataTables_wrapper .dataTable th.sorting_desc, div.dataTables_wrapper .dataTable td.sorting_desc{
  color: #FFA800 !important;
}

div.dataTables_wrapper .dataTable th.sorting_asc, div.dataTables_wrapper .dataTable td.sorting_asc{
  color: #FFA800 !important;
}

.btn-yellow {
  color: #181C32;
  background-color: #FFDB00;
  border-color: #FFDB00;
  box-shadow: none;
}
.btn-yellow:hover {
  color: #ffffff;
  background-color: #d5b903;
  border-color: #d5b903;
}
.btn-yellow:focus, .btn-yellow.focus {
  color: #ffffff;
  background-color: #d5b903;
  border-color: #d5b903;
  box-shadow: 0 0 0 0.2rem rgba(220, 147, 8, 0.5);
}
.btn-yellow.disabled, .btn-yellow:disabled {
  color: #181C32;
  background-color: #FFDB00;
  border-color: #FFDB00;
}
.btn-yellow:not(:disabled):not(.disabled):active, .btn-yellow:not(:disabled):not(.disabled).active, .show > .btn-yellow.dropdown-toggle {
  color: #ffffff;
  background-color: #d5b903;
  border-color: #d5b903;
}
.btn-yellow:not(:disabled):not(.disabled):active:focus, .btn-yellow:not(:disabled):not(.disabled).active:focus, .show > .btn-yellow.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 147, 8, 0.5);
}

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

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

.btn.btn-text-yellow {
  color: #FFDB00;
}
.btn.btn-text-yellow.disabled, .btn.btn-text-yellow:disabled {
  color: #FFDB00;
}

.btn.btn-icon-yellow i {
  color: #FFDB00;
}
.btn.btn-icon-yellow .svg-icon svg g [fill] {
  transition: fill 0.3s ease;
  fill: #FFDB00;
}
.btn.btn-icon-yellow .svg-icon svg:hover g [fill] {
  transition: fill 0.3s ease;
}
.btn.btn-icon-yellow.dropdown-toggle:after {
  color: #FFDB00;
}
.btn.btn-icon-yellow.disabled i, .btn.btn-icon-yellow:disabled i {
  color: #FFDB00;
}
.btn.btn-icon-yellow.disabled .svg-icon svg g [fill], .btn.btn-icon-yellow:disabled .svg-icon svg g [fill] {
  transition: fill 0.3s ease;
  fill: #FFDB00;
}
.btn.btn-icon-yellow.disabled .svg-icon svg:hover g [fill], .btn.btn-icon-yellow:disabled .svg-icon svg:hover g [fill] {
  transition: fill 0.3s ease;
}
.btn.btn-icon-yellow.disabled.dropdown-toggle:after, .btn.btn-icon-yellow:disabled.dropdown-toggle:after {
  color: #FFDB00;
}

.btn.btn-hover-text-yellow:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-text-yellow:focus:not(.btn-text), .btn.btn-hover-text-yellow.focus:not(.btn-text) {
  color: #FFDB00 !important;
}
.btn.btn-hover-text-yellow:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-text-yellow:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-text-yellow.dropdown-toggle, .show .btn.btn-hover-text-yellow.btn-dropdown {
  color: #FFDB00 !important;
}
.btn.btn-hover-icon-yellow:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-hover-icon-yellow:focus:not(.btn-text) i, .btn.btn-hover-icon-yellow.focus:not(.btn-text) i {
  color: #FFDB00 !important;
}
.btn.btn-hover-icon-yellow:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-hover-icon-yellow:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-icon-yellow.focus:not(.btn-text) .svg-icon svg g [fill] {
  transition: fill 0.3s ease;
  fill: #FFDB00 !important;
}
.btn.btn-hover-icon-yellow:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-hover-icon-yellow:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-icon-yellow.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
  transition: fill 0.3s ease;
}
.btn.btn-hover-icon-yellow:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-hover-icon-yellow:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-icon-yellow.focus:not(.btn-text).dropdown-toggle:after {
  color: #FFDB00 !important;
}
.btn.btn-hover-icon-yellow:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-hover-icon-yellow:not(:disabled):not(.disabled).active i, .show > .btn.btn-hover-icon-yellow.dropdown-toggle i, .show .btn.btn-hover-icon-yellow.btn-dropdown i {
  color: #FFDB00 !important;
}
.btn.btn-hover-icon-yellow:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-hover-icon-yellow:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-hover-icon-yellow.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-hover-icon-yellow.btn-dropdown .svg-icon svg g [fill] {
  transition: fill 0.3s ease;
  fill: #FFDB00 !important;
}
.btn.btn-hover-icon-yellow:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-hover-icon-yellow:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-hover-icon-yellow.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-hover-icon-yellow.btn-dropdown .svg-icon svg:hover g [fill] {
  transition: fill 0.3s ease;
}
.btn.btn-hover-icon-yellow:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-hover-icon-yellow:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-hover-icon-yellow.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-hover-icon-yellow.btn-dropdown.dropdown-toggle:after {
  color: #FFDB00 !important;
}
a.text-hover-yellow,
.text-hover-yellow {
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
a.text-hover-yellow:hover,
.text-hover-yellow:hover {
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
  color: #FFDB00 !important;
}
a.text-hover-yellow:hover i,
.text-hover-yellow:hover i {
  color: #FFDB00 !important;
}
a.text-hover-yellow:hover .svg-icon svg g [fill],
.text-hover-yellow:hover .svg-icon svg g [fill] {
  transition: fill 0.3s ease;
  fill: #FFDB00;
}
a.text-hover-yellow:hover .svg-icon svg:hover g [fill],
.text-hover-yellow:hover .svg-icon svg:hover g [fill] {
  transition: fill 0.3s ease;
}

.hoverable:hover a.text-hover-yellow,
.hoverable:hover .text-hover-yellow {
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
  color: #FFDB00 !important;
}
.hoverable:hover a.text-hover-yellow i,
.hoverable:hover .text-hover-yellow i {
  color: #FFDB00 !important;
}
.hoverable:hover a.text-hover-yellow .svg-icon svg g [fill],
.hoverable:hover .text-hover-yellow .svg-icon svg g [fill] {
  transition: fill 0.3s ease;
  fill: #FFDB00 !important;
}
.hoverable:hover a.text-hover-yellow .svg-icon svg:hover g [fill],
.hoverable:hover .text-hover-yellow .svg-icon svg:hover g [fill] {
  transition: fill 0.3s ease;
}

.burger-icon-costume {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  background-color: transparent;
  outline: none !important;
  margin: 0;
  padding: 0;
  display: inline-block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  font-size: 0;
  text-indent: -9999px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  background-color: none;
  outline: none !important;
  width: 24px;
  height: 24px;
  transition: all 0.3s;
}
.burger-icon-costume span {
  display: block;
  position: absolute;
  border-radius: 3px;
  transition: all 0.3s;
  top: 10px;
  height: 3px;
  min-height: 3px;
  width: 100%;
}
.burger-icon-costume span::before, .burger-icon-costume span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 3px;
  min-height: 3px;
  content: "";
  transition: all 0.3s;
  border-radius: 3px;
}
.burger-icon-costume span::before {
  top: -8px;
}
.burger-icon-costume span::after {
  bottom: -8px;
}
.burger-icon-costume-left span:before {
  transition: all 0.3s;
  left: auto;
  right: 0px;
  width: 50%;
}
.burger-icon-costume-left span:after {
  transition: all 0.3s;
  left: auto;
  right: 0px;
  width: 75%;
}
.burger-icon-costume-left-active span:before {
  transition: all 0.3s;
  left: 0px;
  right: auto;
  width: 50%;
}
.burger-icon-costume-left-active span:after {
  transition: all 0.3s;
  left: 0px;
  right: auto;
  width: 75%;
}
.burger-icon-costume-right span:before {
  left: 0px;
  right: auto;
  width: 50%;
  transition: all 0.3s;
}
.burger-icon-costume-right span:after {
  left: 0px;
  right: auto;
  width: 75%;
  transition: all 0.3s;
}
.burger-icon-costume-right-active span:before {
  left: auto;
  right: 0px;
  width: 50%;
  transition: all 0.3s;
}
.burger-icon-costume-right-active span:after {
  left: auto;
  right: 0px;
  width: 75%;
  transition: all 0.3s;
}
.burger-icon-costume span {
  background-color: #FFDB00;
}
.burger-icon-costume span::before, .burger-icon-costume span::after {
  background-color: #FFDB00;
}
.burger-icon-costume:hover span {
  background-color: #FFDB00;
}
.burger-icon-costume:hover span::before, .burger-icon-costume:hover span::after {
  background-color: #FFDB00;
}
.burger-icon-costume-active span {
  background-color: #FFDB00;
}
.burger-icon-costume-active span::before, .burger-icon-costume-active span::after {
  background-color: #FFDB00;
}

.scrolltop {
  display: none;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  position: fixed;
  bottom: 40px;
  right: 20px;
  cursor: pointer;
  z-index: 100;
  background-color: #ffe100e6;
  box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
  opacity: 0;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
  border-radius: 0.42rem !important;
}

.line-hover {
	position: relative;
	color: #FFDB00;
	text-decoration: none;
	font-family: sans-serif;
	&:hover {
		color: #FFDB00;
		&:before {
			visibility: visible;
			transform: scaleX(1);
		}
	}
	&:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 1.5px;
		bottom: 0;
		left: 0;
		background-color: #FFDB00;
		visibility: hidden;
		transform: scaleX(0);
		transition: all 0.3s ease-in-out 0s;
	}
}

.line-hover.active::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: #FFDB00;
}