.nav-pills .nav-link {
  border-radius: 0.42rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #ffffff;
  background-color: #3699FF;
}
.nav.nav-pills.nav-fill .nav-item {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.nav.nav-pills.nav-fill .nav-link {
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.nav.nav-pills.nav-fill .nav-link .nav-text {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}
.nav.nav-pills.nav-fill .nav-link .nav-icon {
  margin-right: 0.25rem;
}
.nav.nav-pills.nav-group .nav-item {
  padding: 0;
  margin: 0;
}
.nav.nav-pills.nav-group .nav-item .nav-link {
  border-radius: 0;
}
.nav.nav-pills.nav-group .nav-item:first-child .nav-link {
  border-top-left-radius: 50rem;
  border-bottom-left-radius: 50rem;
}
.nav.nav-pills.nav-group .nav-item:last-child .nav-link {
  border-top-right-radius: 50rem;
  border-bottom-right-radius: 50rem;
}
.nav.nav-pills.nav-group.nav-rounded:first-child .nav-link {
  border-top-left-radius: 0.42rem;
  border-bottom-left-radius: 0.42rem;
}
.nav.nav-pills.nav-group.nav-rounded:last-child .nav-link {
  border-top-right-radius: 0.42rem;
  border-bottom-right-radius: 0.42rem;
}
.nav.nav-pills .nav-item {
  margin-right: 0.25rem;
}
.nav.nav-pills .nav-link {
  color: #B5B5C3;
  -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
  position: relative;
}
.nav.nav-pills .nav-link .nav-text {
  -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
.nav.nav-pills .nav-link .nav-icon i {
  -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
.nav.nav-pills .nav-link:after {
  -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
.nav.nav-pills .show > .nav-link,
.nav.nav-pills .nav-link.active {
  color: #ffffff;
  background-color: #3699FF;
  -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
.nav.nav-pills .show > .nav-link .nav-text,
.nav.nav-pills .nav-link.active .nav-text {
  color: #ffffff;
  -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
.nav.nav-pills .show > .nav-link .nav-icon i,
.nav.nav-pills .nav-link.active .nav-icon i {
  color: rgba(255, 255, 255, 0.8);
  -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
.nav.nav-pills .show > .nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills .nav-link.active .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: rgba(255, 255, 255, 0.8);
}
.nav.nav-pills .show > .nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills .show > .nav-link:after,
.nav.nav-pills .nav-link.active:after {
  -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
  color: rgba(255, 255, 255, 0.8);
}

.nav.nav-pills.nav-primary .show > .nav-link,
.nav.nav-pills.nav-primary .nav-link:hover:not(.active) {
  color: #3699FF;
  background-color: transparent;
}
.nav.nav-pills.nav-primary .show > .nav-link .nav-text,
.nav.nav-pills.nav-primary .nav-link:hover:not(.active) .nav-text {
  color: #3699FF;
}
.nav.nav-pills.nav-primary .show > .nav-link .nav-icon i,
.nav.nav-pills.nav-primary .nav-link:hover:not(.active) .nav-icon i {
  color: #3699FF;
}
.nav.nav-pills.nav-primary .show > .nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-primary .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #3699FF;
}
.nav.nav-pills.nav-primary .show > .nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-primary .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-primary .show > .nav-link:after,
.nav.nav-pills.nav-primary .nav-link:hover:not(.active):after {
  color: #3699FF;
}
.nav.nav-pills.nav-primary .nav-link.active {
  color: #FFFFFF;
  background-color: #3699FF;
}
.nav.nav-pills.nav-primary .nav-link.active .nav-text {
  color: #FFFFFF;
}
.nav.nav-pills.nav-primary .nav-link.active .nav-icon i {
  color: #FFFFFF;
}
.nav.nav-pills.nav-primary .nav-link.active .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #FFFFFF !important;
}
.nav.nav-pills.nav-primary .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-primary .nav-link.active:after {
  color: #FFFFFF;
}
.nav.nav-pills.nav-light-primary .show > .nav-link,
.nav.nav-pills.nav-light-primary .nav-link:hover:not(.active) {
  color: #3699FF;
  background-color: transparent;
}
.nav.nav-pills.nav-light-primary .show > .nav-link .nav-text,
.nav.nav-pills.nav-light-primary .nav-link:hover:not(.active) .nav-text {
  color: #3699FF;
}
.nav.nav-pills.nav-light-primary .show > .nav-link .nav-icon i,
.nav.nav-pills.nav-light-primary .nav-link:hover:not(.active) .nav-icon i {
  color: #3699FF;
}
.nav.nav-pills.nav-light-primary .show > .nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-light-primary .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #3699FF;
}
.nav.nav-pills.nav-light-primary .show > .nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-light-primary .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-light-primary .show > .nav-link:after,
.nav.nav-pills.nav-light-primary .nav-link:hover:not(.active):after {
  color: #3699FF;
}
.nav.nav-pills.nav-light-primary .nav-link.active {
  color: #3699FF;
  background-color: rgba(54, 153, 255, 0.1);
}
.nav.nav-pills.nav-light-primary .nav-link.active .nav-text {
  color: #3699FF;
}
.nav.nav-pills.nav-light-primary .nav-link.active .nav-icon i {
  color: #3699FF;
}
.nav.nav-pills.nav-light-primary .nav-link.active .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #3699FF;
}
.nav.nav-pills.nav-light-primary .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-light-primary .nav-link.active:after {
  color: #3699FF;
}
.nav.nav-pills.nav-group.nav-primary .nav-link {
  color: #3699FF;
  background-color: #E1F0FF;
  border: 0;
}
.nav.nav-pills.nav-group.nav-primary .nav-link .nav-text {
  color: #3699FF;
}
.nav.nav-pills.nav-group.nav-primary .nav-link .nav-icon i {
  color: #3699FF;
}
.nav.nav-pills.nav-group.nav-primary .nav-link .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #3699FF;
}
.nav.nav-pills.nav-group.nav-primary .nav-link .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-group.nav-primary .nav-link:after {
  color: #3699FF;
}
.nav.nav-pills.nav-group.nav-primary .show > .nav-link,
.nav.nav-pills.nav-group.nav-primary .nav-link:hover,
.nav.nav-pills.nav-group.nav-primary .nav-link.active {
  color: #FFFFFF;
  background-color: #3699FF;
}
.nav.nav-pills.nav-group.nav-primary .show > .nav-link .nav-text,
.nav.nav-pills.nav-group.nav-primary .nav-link:hover .nav-text,
.nav.nav-pills.nav-group.nav-primary .nav-link.active .nav-text {
  color: #FFFFFF;
}
.nav.nav-pills.nav-group.nav-primary .show > .nav-link .nav-icon i,
.nav.nav-pills.nav-group.nav-primary .nav-link:hover .nav-icon i,
.nav.nav-pills.nav-group.nav-primary .nav-link.active .nav-icon i {
  color: #FFFFFF;
}
.nav.nav-pills.nav-group.nav-primary .show > .nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-group.nav-primary .nav-link:hover .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-group.nav-primary .nav-link.active .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #FFFFFF;
}
.nav.nav-pills.nav-group.nav-primary .show > .nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-group.nav-primary .nav-link:hover .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-group.nav-primary .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-group.nav-primary .show > .nav-link:after,
.nav.nav-pills.nav-group.nav-primary .nav-link:hover:after,
.nav.nav-pills.nav-group.nav-primary .nav-link.active:after {
  color: #FFFFFF;
}
.nav.nav-pills.nav-group.nav-primary .nav-link:hover {
  background-color: #187DE4;
}
.nav.nav-pills.nav-secondary .show > .nav-link,
.nav.nav-pills.nav-secondary .nav-link:hover:not(.active) {
  color: #E4E6EF;
  background-color: transparent;
}
.nav.nav-pills.nav-secondary .show > .nav-link .nav-text,
.nav.nav-pills.nav-secondary .nav-link:hover:not(.active) .nav-text {
  color: #E4E6EF;
}
.nav.nav-pills.nav-secondary .show > .nav-link .nav-icon i,
.nav.nav-pills.nav-secondary .nav-link:hover:not(.active) .nav-icon i {
  color: #E4E6EF;
}
.nav.nav-pills.nav-secondary .show > .nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-secondary .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #E4E6EF;
}
.nav.nav-pills.nav-secondary .show > .nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-secondary .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-secondary .show > .nav-link:after,
.nav.nav-pills.nav-secondary .nav-link:hover:not(.active):after {
  color: #E4E6EF;
}
.nav.nav-pills.nav-secondary .nav-link.active {
  color: #3F4254;
  background-color: #E4E6EF;
}
.nav.nav-pills.nav-secondary .nav-link.active .nav-text {
  color: #3F4254;
}
.nav.nav-pills.nav-secondary .nav-link.active .nav-icon i {
  color: #3F4254;
}
.nav.nav-pills.nav-secondary .nav-link.active .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #3F4254 !important;
}
.nav.nav-pills.nav-secondary .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-secondary .nav-link.active:after {
  color: #3F4254;
}
.nav.nav-pills.nav-light-secondary .show > .nav-link,
.nav.nav-pills.nav-light-secondary .nav-link:hover:not(.active) {
  color: #E4E6EF;
  background-color: transparent;
}
.nav.nav-pills.nav-light-secondary .show > .nav-link .nav-text,
.nav.nav-pills.nav-light-secondary .nav-link:hover:not(.active) .nav-text {
  color: #E4E6EF;
}
.nav.nav-pills.nav-light-secondary .show > .nav-link .nav-icon i,
.nav.nav-pills.nav-light-secondary .nav-link:hover:not(.active) .nav-icon i {
  color: #E4E6EF;
}
.nav.nav-pills.nav-light-secondary .show > .nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-light-secondary .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #E4E6EF;
}
.nav.nav-pills.nav-light-secondary .show > .nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-light-secondary .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-light-secondary .show > .nav-link:after,
.nav.nav-pills.nav-light-secondary .nav-link:hover:not(.active):after {
  color: #E4E6EF;
}
.nav.nav-pills.nav-light-secondary .nav-link.active {
  color: #E4E6EF;
  background-color: rgba(228, 230, 239, 0.1);
}
.nav.nav-pills.nav-light-secondary .nav-link.active .nav-text {
  color: #E4E6EF;
}
.nav.nav-pills.nav-light-secondary .nav-link.active .nav-icon i {
  color: #E4E6EF;
}
.nav.nav-pills.nav-light-secondary .nav-link.active .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #E4E6EF;
}
.nav.nav-pills.nav-light-secondary .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-light-secondary .nav-link.active:after {
  color: #E4E6EF;
}
.nav.nav-pills.nav-group.nav-secondary .nav-link {
  color: #E4E6EF;
  background-color: #EBEDF3;
  border: 0;
}
.nav.nav-pills.nav-group.nav-secondary .nav-link .nav-text {
  color: #E4E6EF;
}
.nav.nav-pills.nav-group.nav-secondary .nav-link .nav-icon i {
  color: #E4E6EF;
}
.nav.nav-pills.nav-group.nav-secondary .nav-link .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #E4E6EF;
}
.nav.nav-pills.nav-group.nav-secondary .nav-link .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-group.nav-secondary .nav-link:after {
  color: #E4E6EF;
}
.nav.nav-pills.nav-group.nav-secondary .show > .nav-link,
.nav.nav-pills.nav-group.nav-secondary .nav-link:hover,
.nav.nav-pills.nav-group.nav-secondary .nav-link.active {
  color: #3F4254;
  background-color: #E4E6EF;
}
.nav.nav-pills.nav-group.nav-secondary .show > .nav-link .nav-text,
.nav.nav-pills.nav-group.nav-secondary .nav-link:hover .nav-text,
.nav.nav-pills.nav-group.nav-secondary .nav-link.active .nav-text {
  color: #3F4254;
}
.nav.nav-pills.nav-group.nav-secondary .show > .nav-link .nav-icon i,
.nav.nav-pills.nav-group.nav-secondary .nav-link:hover .nav-icon i,
.nav.nav-pills.nav-group.nav-secondary .nav-link.active .nav-icon i {
  color: #3F4254;
}
.nav.nav-pills.nav-group.nav-secondary .show > .nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-group.nav-secondary .nav-link:hover .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-group.nav-secondary .nav-link.active .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #3F4254;
}
.nav.nav-pills.nav-group.nav-secondary .show > .nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-group.nav-secondary .nav-link:hover .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-group.nav-secondary .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-group.nav-secondary .show > .nav-link:after,
.nav.nav-pills.nav-group.nav-secondary .nav-link:hover:after,
.nav.nav-pills.nav-group.nav-secondary .nav-link.active:after {
  color: #3F4254;
}
.nav.nav-pills.nav-group.nav-secondary .nav-link:hover {
  background-color: #d7dae7;
}
.nav.nav-pills.nav-success .show > .nav-link,
.nav.nav-pills.nav-success .nav-link:hover:not(.active) {
  color: #1BC5BD;
  background-color: transparent;
}
.nav.nav-pills.nav-success .show > .nav-link .nav-text,
.nav.nav-pills.nav-success .nav-link:hover:not(.active) .nav-text {
  color: #1BC5BD;
}
.nav.nav-pills.nav-success .show > .nav-link .nav-icon i,
.nav.nav-pills.nav-success .nav-link:hover:not(.active) .nav-icon i {
  color: #1BC5BD;
}
.nav.nav-pills.nav-success .show > .nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-success .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #1BC5BD;
}
.nav.nav-pills.nav-success .show > .nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-success .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-success .show > .nav-link:after,
.nav.nav-pills.nav-success .nav-link:hover:not(.active):after {
  color: #1BC5BD;
}
.nav.nav-pills.nav-success .nav-link.active {
  color: #ffffff;
  background-color: #1BC5BD;
}
.nav.nav-pills.nav-success .nav-link.active .nav-text {
  color: #ffffff;
}
.nav.nav-pills.nav-success .nav-link.active .nav-icon i {
  color: #ffffff;
}
.nav.nav-pills.nav-success .nav-link.active .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffffff !important;
}
.nav.nav-pills.nav-success .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-success .nav-link.active:after {
  color: #ffffff;
}
.nav.nav-pills.nav-light-success .show > .nav-link,
.nav.nav-pills.nav-light-success .nav-link:hover:not(.active) {
  color: #1BC5BD;
  background-color: transparent;
}
.nav.nav-pills.nav-light-success .show > .nav-link .nav-text,
.nav.nav-pills.nav-light-success .nav-link:hover:not(.active) .nav-text {
  color: #1BC5BD;
}
.nav.nav-pills.nav-light-success .show > .nav-link .nav-icon i,
.nav.nav-pills.nav-light-success .nav-link:hover:not(.active) .nav-icon i {
  color: #1BC5BD;
}
.nav.nav-pills.nav-light-success .show > .nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-light-success .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #1BC5BD;
}
.nav.nav-pills.nav-light-success .show > .nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-light-success .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-light-success .show > .nav-link:after,
.nav.nav-pills.nav-light-success .nav-link:hover:not(.active):after {
  color: #1BC5BD;
}
.nav.nav-pills.nav-light-success .nav-link.active {
  color: #1BC5BD;
  background-color: rgba(27, 197, 189, 0.1);
}
.nav.nav-pills.nav-light-success .nav-link.active .nav-text {
  color: #1BC5BD;
}
.nav.nav-pills.nav-light-success .nav-link.active .nav-icon i {
  color: #1BC5BD;
}
.nav.nav-pills.nav-light-success .nav-link.active .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #1BC5BD;
}
.nav.nav-pills.nav-light-success .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-light-success .nav-link.active:after {
  color: #1BC5BD;
}
.nav.nav-pills.nav-group.nav-success .nav-link {
  color: #1BC5BD;
  background-color: #C9F7F5;
  border: 0;
}
.nav.nav-pills.nav-group.nav-success .nav-link .nav-text {
  color: #1BC5BD;
}
.nav.nav-pills.nav-group.nav-success .nav-link .nav-icon i {
  color: #1BC5BD;
}
.nav.nav-pills.nav-group.nav-success .nav-link .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #1BC5BD;
}
.nav.nav-pills.nav-group.nav-success .nav-link .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-group.nav-success .nav-link:after {
  color: #1BC5BD;
}
.nav.nav-pills.nav-group.nav-success .show > .nav-link,
.nav.nav-pills.nav-group.nav-success .nav-link:hover,
.nav.nav-pills.nav-group.nav-success .nav-link.active {
  color: #ffffff;
  background-color: #1BC5BD;
}
.nav.nav-pills.nav-group.nav-success .show > .nav-link .nav-text,
.nav.nav-pills.nav-group.nav-success .nav-link:hover .nav-text,
.nav.nav-pills.nav-group.nav-success .nav-link.active .nav-text {
  color: #ffffff;
}
.nav.nav-pills.nav-group.nav-success .show > .nav-link .nav-icon i,
.nav.nav-pills.nav-group.nav-success .nav-link:hover .nav-icon i,
.nav.nav-pills.nav-group.nav-success .nav-link.active .nav-icon i {
  color: #ffffff;
}
.nav.nav-pills.nav-group.nav-success .show > .nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-group.nav-success .nav-link:hover .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-group.nav-success .nav-link.active .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffffff;
}
.nav.nav-pills.nav-group.nav-success .show > .nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-group.nav-success .nav-link:hover .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-group.nav-success .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-group.nav-success .show > .nav-link:after,
.nav.nav-pills.nav-group.nav-success .nav-link:hover:after,
.nav.nav-pills.nav-group.nav-success .nav-link.active:after {
  color: #ffffff;
}
.nav.nav-pills.nav-group.nav-success .nav-link:hover {
  background-color: #0BB7AF;
}
.nav.nav-pills.nav-info .show > .nav-link,
.nav.nav-pills.nav-info .nav-link:hover:not(.active) {
  color: #8950FC;
  background-color: transparent;
}
.nav.nav-pills.nav-info .show > .nav-link .nav-text,
.nav.nav-pills.nav-info .nav-link:hover:not(.active) .nav-text {
  color: #8950FC;
}
.nav.nav-pills.nav-info .show > .nav-link .nav-icon i,
.nav.nav-pills.nav-info .nav-link:hover:not(.active) .nav-icon i {
  color: #8950FC;
}
.nav.nav-pills.nav-info .show > .nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-info .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #8950FC;
}
.nav.nav-pills.nav-info .show > .nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-info .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-info .show > .nav-link:after,
.nav.nav-pills.nav-info .nav-link:hover:not(.active):after {
  color: #8950FC;
}
.nav.nav-pills.nav-info .nav-link.active {
  color: #ffffff;
  background-color: #8950FC;
}
.nav.nav-pills.nav-info .nav-link.active .nav-text {
  color: #ffffff;
}
.nav.nav-pills.nav-info .nav-link.active .nav-icon i {
  color: #ffffff;
}
.nav.nav-pills.nav-info .nav-link.active .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffffff !important;
}
.nav.nav-pills.nav-info .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-info .nav-link.active:after {
  color: #ffffff;
}
.nav.nav-pills.nav-light-info .show > .nav-link,
.nav.nav-pills.nav-light-info .nav-link:hover:not(.active) {
  color: #8950FC;
  background-color: transparent;
}
.nav.nav-pills.nav-light-info .show > .nav-link .nav-text,
.nav.nav-pills.nav-light-info .nav-link:hover:not(.active) .nav-text {
  color: #8950FC;
}
.nav.nav-pills.nav-light-info .show > .nav-link .nav-icon i,
.nav.nav-pills.nav-light-info .nav-link:hover:not(.active) .nav-icon i {
  color: #8950FC;
}
.nav.nav-pills.nav-light-info .show > .nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-light-info .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #8950FC;
}
.nav.nav-pills.nav-light-info .show > .nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-light-info .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-light-info .show > .nav-link:after,
.nav.nav-pills.nav-light-info .nav-link:hover:not(.active):after {
  color: #8950FC;
}
.nav.nav-pills.nav-light-info .nav-link.active {
  color: #8950FC;
  background-color: rgba(137, 80, 252, 0.1);
}
.nav.nav-pills.nav-light-info .nav-link.active .nav-text {
  color: #8950FC;
}
.nav.nav-pills.nav-light-info .nav-link.active .nav-icon i {
  color: #8950FC;
}
.nav.nav-pills.nav-light-info .nav-link.active .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #8950FC;
}
.nav.nav-pills.nav-light-info .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-light-info .nav-link.active:after {
  color: #8950FC;
}
.nav.nav-pills.nav-group.nav-info .nav-link {
  color: #8950FC;
  background-color: #EEE5FF;
  border: 0;
}
.nav.nav-pills.nav-group.nav-info .nav-link .nav-text {
  color: #8950FC;
}
.nav.nav-pills.nav-group.nav-info .nav-link .nav-icon i {
  color: #8950FC;
}
.nav.nav-pills.nav-group.nav-info .nav-link .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #8950FC;
}
.nav.nav-pills.nav-group.nav-info .nav-link .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-group.nav-info .nav-link:after {
  color: #8950FC;
}
.nav.nav-pills.nav-group.nav-info .show > .nav-link,
.nav.nav-pills.nav-group.nav-info .nav-link:hover,
.nav.nav-pills.nav-group.nav-info .nav-link.active {
  color: #ffffff;
  background-color: #8950FC;
}
.nav.nav-pills.nav-group.nav-info .show > .nav-link .nav-text,
.nav.nav-pills.nav-group.nav-info .nav-link:hover .nav-text,
.nav.nav-pills.nav-group.nav-info .nav-link.active .nav-text {
  color: #ffffff;
}
.nav.nav-pills.nav-group.nav-info .show > .nav-link .nav-icon i,
.nav.nav-pills.nav-group.nav-info .nav-link:hover .nav-icon i,
.nav.nav-pills.nav-group.nav-info .nav-link.active .nav-icon i {
  color: #ffffff;
}
.nav.nav-pills.nav-group.nav-info .show > .nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-group.nav-info .nav-link:hover .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-group.nav-info .nav-link.active .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffffff;
}
.nav.nav-pills.nav-group.nav-info .show > .nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-group.nav-info .nav-link:hover .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-group.nav-info .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-group.nav-info .show > .nav-link:after,
.nav.nav-pills.nav-group.nav-info .nav-link:hover:after,
.nav.nav-pills.nav-group.nav-info .nav-link.active:after {
  color: #ffffff;
}
.nav.nav-pills.nav-group.nav-info .nav-link:hover {
  background-color: #7337EE;
}
.nav.nav-pills.nav-warning .show > .nav-link,
.nav.nav-pills.nav-warning .nav-link:hover:not(.active) {
  color: #FFA800;
  background-color: transparent;
}
.nav.nav-pills.nav-warning .show > .nav-link .nav-text,
.nav.nav-pills.nav-warning .nav-link:hover:not(.active) .nav-text {
  color: #FFA800;
}
.nav.nav-pills.nav-warning .show > .nav-link .nav-icon i,
.nav.nav-pills.nav-warning .nav-link:hover:not(.active) .nav-icon i {
  color: #FFA800;
}
.nav.nav-pills.nav-warning .show > .nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-warning .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #FFA800;
}
.nav.nav-pills.nav-warning .show > .nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-warning .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-warning .show > .nav-link:after,
.nav.nav-pills.nav-warning .nav-link:hover:not(.active):after {
  color: #FFA800;
}
.nav.nav-pills.nav-warning .nav-link.active {
  color: #ffffff;
  background-color: #FFA800;
}
.nav.nav-pills.nav-warning .nav-link.active .nav-text {
  color: #ffffff;
}
.nav.nav-pills.nav-warning .nav-link.active .nav-icon i {
  color: #ffffff;
}
.nav.nav-pills.nav-warning .nav-link.active .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffffff !important;
}
.nav.nav-pills.nav-warning .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-warning .nav-link.active:after {
  color: #ffffff;
}
.nav.nav-pills.nav-light-warning .show > .nav-link,
.nav.nav-pills.nav-light-warning .nav-link:hover:not(.active) {
  color: #FFA800;
  background-color: transparent;
}
.nav.nav-pills.nav-light-warning .show > .nav-link .nav-text,
.nav.nav-pills.nav-light-warning .nav-link:hover:not(.active) .nav-text {
  color: #FFA800;
}
.nav.nav-pills.nav-light-warning .show > .nav-link .nav-icon i,
.nav.nav-pills.nav-light-warning .nav-link:hover:not(.active) .nav-icon i {
  color: #FFA800;
}
.nav.nav-pills.nav-light-warning .show > .nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-light-warning .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #FFA800;
}
.nav.nav-pills.nav-light-warning .show > .nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-light-warning .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-light-warning .show > .nav-link:after,
.nav.nav-pills.nav-light-warning .nav-link:hover:not(.active):after {
  color: #FFA800;
}
.nav.nav-pills.nav-light-warning .nav-link.active {
  color: #FFA800;
  background-color: rgba(255, 168, 0, 0.1);
}
.nav.nav-pills.nav-light-warning .nav-link.active .nav-text {
  color: #FFA800;
}
.nav.nav-pills.nav-light-warning .nav-link.active .nav-icon i {
  color: #FFA800;
}
.nav.nav-pills.nav-light-warning .nav-link.active .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #FFA800;
}
.nav.nav-pills.nav-light-warning .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-light-warning .nav-link.active:after {
  color: #FFA800;
}
.nav.nav-pills.nav-group.nav-warning .nav-link {
  color: #FFA800;
  background-color: #FFF4DE;
  border: 0;
}
.nav.nav-pills.nav-group.nav-warning .nav-link .nav-text {
  color: #FFA800;
}
.nav.nav-pills.nav-group.nav-warning .nav-link .nav-icon i {
  color: #FFA800;
}
.nav.nav-pills.nav-group.nav-warning .nav-link .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #FFA800;
}
.nav.nav-pills.nav-group.nav-warning .nav-link .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-group.nav-warning .nav-link:after {
  color: #FFA800;
}
.nav.nav-pills.nav-group.nav-warning .show > .nav-link,
.nav.nav-pills.nav-group.nav-warning .nav-link:hover,
.nav.nav-pills.nav-group.nav-warning .nav-link.active {
  color: #ffffff;
  background-color: #FFA800;
}
.nav.nav-pills.nav-group.nav-warning .show > .nav-link .nav-text,
.nav.nav-pills.nav-group.nav-warning .nav-link:hover .nav-text,
.nav.nav-pills.nav-group.nav-warning .nav-link.active .nav-text {
  color: #ffffff;
}
.nav.nav-pills.nav-group.nav-warning .show > .nav-link .nav-icon i,
.nav.nav-pills.nav-group.nav-warning .nav-link:hover .nav-icon i,
.nav.nav-pills.nav-group.nav-warning .nav-link.active .nav-icon i {
  color: #ffffff;
}
.nav.nav-pills.nav-group.nav-warning .show > .nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-group.nav-warning .nav-link:hover .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-group.nav-warning .nav-link.active .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffffff;
}
.nav.nav-pills.nav-group.nav-warning .show > .nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-group.nav-warning .nav-link:hover .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-group.nav-warning .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-group.nav-warning .show > .nav-link:after,
.nav.nav-pills.nav-group.nav-warning .nav-link:hover:after,
.nav.nav-pills.nav-group.nav-warning .nav-link.active:after {
  color: #ffffff;
}
.nav.nav-pills.nav-group.nav-warning .nav-link:hover {
  background-color: #EE9D01;
}
.nav.nav-pills.nav-danger .show > .nav-link,
.nav.nav-pills.nav-danger .nav-link:hover:not(.active) {
  color: #F64E60;
  background-color: transparent;
}
.nav.nav-pills.nav-danger .show > .nav-link .nav-text,
.nav.nav-pills.nav-danger .nav-link:hover:not(.active) .nav-text {
  color: #F64E60;
}
.nav.nav-pills.nav-danger .show > .nav-link .nav-icon i,
.nav.nav-pills.nav-danger .nav-link:hover:not(.active) .nav-icon i {
  color: #F64E60;
}
.nav.nav-pills.nav-danger .show > .nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-danger .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #F64E60;
}
.nav.nav-pills.nav-danger .show > .nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-danger .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-danger .show > .nav-link:after,
.nav.nav-pills.nav-danger .nav-link:hover:not(.active):after {
  color: #F64E60;
}
.nav.nav-pills.nav-danger .nav-link.active {
  color: #ffffff;
  background-color: #F64E60;
}
.nav.nav-pills.nav-danger .nav-link.active .nav-text {
  color: #ffffff;
}
.nav.nav-pills.nav-danger .nav-link.active .nav-icon i {
  color: #ffffff;
}
.nav.nav-pills.nav-danger .nav-link.active .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffffff !important;
}
.nav.nav-pills.nav-danger .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-danger .nav-link.active:after {
  color: #ffffff;
}
.nav.nav-pills.nav-light-danger .show > .nav-link,
.nav.nav-pills.nav-light-danger .nav-link:hover:not(.active) {
  color: #F64E60;
  background-color: transparent;
}
.nav.nav-pills.nav-light-danger .show > .nav-link .nav-text,
.nav.nav-pills.nav-light-danger .nav-link:hover:not(.active) .nav-text {
  color: #F64E60;
}
.nav.nav-pills.nav-light-danger .show > .nav-link .nav-icon i,
.nav.nav-pills.nav-light-danger .nav-link:hover:not(.active) .nav-icon i {
  color: #F64E60;
}
.nav.nav-pills.nav-light-danger .show > .nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-light-danger .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #F64E60;
}
.nav.nav-pills.nav-light-danger .show > .nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-light-danger .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-light-danger .show > .nav-link:after,
.nav.nav-pills.nav-light-danger .nav-link:hover:not(.active):after {
  color: #F64E60;
}
.nav.nav-pills.nav-light-danger .nav-link.active {
  color: #F64E60;
  background-color: rgba(246, 78, 96, 0.1);
}
.nav.nav-pills.nav-light-danger .nav-link.active .nav-text {
  color: #F64E60;
}
.nav.nav-pills.nav-light-danger .nav-link.active .nav-icon i {
  color: #F64E60;
}
.nav.nav-pills.nav-light-danger .nav-link.active .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #F64E60;
}
.nav.nav-pills.nav-light-danger .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-light-danger .nav-link.active:after {
  color: #F64E60;
}
.nav.nav-pills.nav-group.nav-danger .nav-link {
  color: #F64E60;
  background-color: #FFE2E5;
  border: 0;
}
.nav.nav-pills.nav-group.nav-danger .nav-link .nav-text {
  color: #F64E60;
}
.nav.nav-pills.nav-group.nav-danger .nav-link .nav-icon i {
  color: #F64E60;
}
.nav.nav-pills.nav-group.nav-danger .nav-link .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #F64E60;
}
.nav.nav-pills.nav-group.nav-danger .nav-link .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-group.nav-danger .nav-link:after {
  color: #F64E60;
}
.nav.nav-pills.nav-group.nav-danger .show > .nav-link,
.nav.nav-pills.nav-group.nav-danger .nav-link:hover,
.nav.nav-pills.nav-group.nav-danger .nav-link.active {
  color: #ffffff;
  background-color: #F64E60;
}
.nav.nav-pills.nav-group.nav-danger .show > .nav-link .nav-text,
.nav.nav-pills.nav-group.nav-danger .nav-link:hover .nav-text,
.nav.nav-pills.nav-group.nav-danger .nav-link.active .nav-text {
  color: #ffffff;
}
.nav.nav-pills.nav-group.nav-danger .show > .nav-link .nav-icon i,
.nav.nav-pills.nav-group.nav-danger .nav-link:hover .nav-icon i,
.nav.nav-pills.nav-group.nav-danger .nav-link.active .nav-icon i {
  color: #ffffff;
}
.nav.nav-pills.nav-group.nav-danger .show > .nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-group.nav-danger .nav-link:hover .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-group.nav-danger .nav-link.active .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffffff;
}
.nav.nav-pills.nav-group.nav-danger .show > .nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-group.nav-danger .nav-link:hover .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-group.nav-danger .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-group.nav-danger .show > .nav-link:after,
.nav.nav-pills.nav-group.nav-danger .nav-link:hover:after,
.nav.nav-pills.nav-group.nav-danger .nav-link.active:after {
  color: #ffffff;
}
.nav.nav-pills.nav-group.nav-danger .nav-link:hover {
  background-color: #EE2D41;
}
.nav.nav-pills.nav-light .show > .nav-link,
.nav.nav-pills.nav-light .nav-link:hover:not(.active) {
  color: #F3F6F9;
  background-color: transparent;
}
.nav.nav-pills.nav-light .show > .nav-link .nav-text,
.nav.nav-pills.nav-light .nav-link:hover:not(.active) .nav-text {
  color: #F3F6F9;
}
.nav.nav-pills.nav-light .show > .nav-link .nav-icon i,
.nav.nav-pills.nav-light .nav-link:hover:not(.active) .nav-icon i {
  color: #F3F6F9;
}
.nav.nav-pills.nav-light .show > .nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-light .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #F3F6F9;
}
.nav.nav-pills.nav-light .show > .nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-light .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-light .show > .nav-link:after,
.nav.nav-pills.nav-light .nav-link:hover:not(.active):after {
  color: #F3F6F9;
}
.nav.nav-pills.nav-light .nav-link.active {
  color: #7E8299;
  background-color: #F3F6F9;
}
.nav.nav-pills.nav-light .nav-link.active .nav-text {
  color: #7E8299;
}
.nav.nav-pills.nav-light .nav-link.active .nav-icon i {
  color: #7E8299;
}
.nav.nav-pills.nav-light .nav-link.active .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #7E8299 !important;
}
.nav.nav-pills.nav-light .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-light .nav-link.active:after {
  color: #7E8299;
}
.nav.nav-pills.nav-light-light .show > .nav-link,
.nav.nav-pills.nav-light-light .nav-link:hover:not(.active) {
  color: #F3F6F9;
  background-color: transparent;
}
.nav.nav-pills.nav-light-light .show > .nav-link .nav-text,
.nav.nav-pills.nav-light-light .nav-link:hover:not(.active) .nav-text {
  color: #F3F6F9;
}
.nav.nav-pills.nav-light-light .show > .nav-link .nav-icon i,
.nav.nav-pills.nav-light-light .nav-link:hover:not(.active) .nav-icon i {
  color: #F3F6F9;
}
.nav.nav-pills.nav-light-light .show > .nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-light-light .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #F3F6F9;
}
.nav.nav-pills.nav-light-light .show > .nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-light-light .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-light-light .show > .nav-link:after,
.nav.nav-pills.nav-light-light .nav-link:hover:not(.active):after {
  color: #F3F6F9;
}
.nav.nav-pills.nav-light-light .nav-link.active {
  color: #F3F6F9;
  background-color: rgba(243, 246, 249, 0.1);
}
.nav.nav-pills.nav-light-light .nav-link.active .nav-text {
  color: #F3F6F9;
}
.nav.nav-pills.nav-light-light .nav-link.active .nav-icon i {
  color: #F3F6F9;
}
.nav.nav-pills.nav-light-light .nav-link.active .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #F3F6F9;
}
.nav.nav-pills.nav-light-light .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-light-light .nav-link.active:after {
  color: #F3F6F9;
}
.nav.nav-pills.nav-group.nav-light .nav-link {
  color: #F3F6F9;
  background-color: #F3F6F9;
  border: 0;
}
.nav.nav-pills.nav-group.nav-light .nav-link .nav-text {
  color: #F3F6F9;
}
.nav.nav-pills.nav-group.nav-light .nav-link .nav-icon i {
  color: #F3F6F9;
}
.nav.nav-pills.nav-group.nav-light .nav-link .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #F3F6F9;
}
.nav.nav-pills.nav-group.nav-light .nav-link .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-group.nav-light .nav-link:after {
  color: #F3F6F9;
}
.nav.nav-pills.nav-group.nav-light .show > .nav-link,
.nav.nav-pills.nav-group.nav-light .nav-link:hover,
.nav.nav-pills.nav-group.nav-light .nav-link.active {
  color: #7E8299;
  background-color: #F3F6F9;
}
.nav.nav-pills.nav-group.nav-light .show > .nav-link .nav-text,
.nav.nav-pills.nav-group.nav-light .nav-link:hover .nav-text,
.nav.nav-pills.nav-group.nav-light .nav-link.active .nav-text {
  color: #7E8299;
}
.nav.nav-pills.nav-group.nav-light .show > .nav-link .nav-icon i,
.nav.nav-pills.nav-group.nav-light .nav-link:hover .nav-icon i,
.nav.nav-pills.nav-group.nav-light .nav-link.active .nav-icon i {
  color: #7E8299;
}
.nav.nav-pills.nav-group.nav-light .show > .nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-group.nav-light .nav-link:hover .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-group.nav-light .nav-link.active .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #7E8299;
}
.nav.nav-pills.nav-group.nav-light .show > .nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-group.nav-light .nav-link:hover .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-group.nav-light .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-group.nav-light .show > .nav-link:after,
.nav.nav-pills.nav-group.nav-light .nav-link:hover:after,
.nav.nav-pills.nav-group.nav-light .nav-link.active:after {
  color: #7E8299;
}
.nav.nav-pills.nav-group.nav-light .nav-link:hover {
  background-color: #E4E6EF;
}
.nav.nav-pills.nav-dark .show > .nav-link,
.nav.nav-pills.nav-dark .nav-link:hover:not(.active) {
  color: #181C32;
  background-color: transparent;
}
.nav.nav-pills.nav-dark .show > .nav-link .nav-text,
.nav.nav-pills.nav-dark .nav-link:hover:not(.active) .nav-text {
  color: #181C32;
}
.nav.nav-pills.nav-dark .show > .nav-link .nav-icon i,
.nav.nav-pills.nav-dark .nav-link:hover:not(.active) .nav-icon i {
  color: #181C32;
}
.nav.nav-pills.nav-dark .show > .nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-dark .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #181C32;
}
.nav.nav-pills.nav-dark .show > .nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-dark .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-dark .show > .nav-link:after,
.nav.nav-pills.nav-dark .nav-link:hover:not(.active):after {
  color: #181C32;
}
.nav.nav-pills.nav-dark .nav-link.active {
  color: #ffffff;
  background-color: #181C32;
}
.nav.nav-pills.nav-dark .nav-link.active .nav-text {
  color: #ffffff;
}
.nav.nav-pills.nav-dark .nav-link.active .nav-icon i {
  color: #ffffff;
}
.nav.nav-pills.nav-dark .nav-link.active .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffffff !important;
}
.nav.nav-pills.nav-dark .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-dark .nav-link.active:after {
  color: #ffffff;
}
.nav.nav-pills.nav-light-dark .show > .nav-link,
.nav.nav-pills.nav-light-dark .nav-link:hover:not(.active) {
  color: #181C32;
  background-color: transparent;
}
.nav.nav-pills.nav-light-dark .show > .nav-link .nav-text,
.nav.nav-pills.nav-light-dark .nav-link:hover:not(.active) .nav-text {
  color: #181C32;
}
.nav.nav-pills.nav-light-dark .show > .nav-link .nav-icon i,
.nav.nav-pills.nav-light-dark .nav-link:hover:not(.active) .nav-icon i {
  color: #181C32;
}
.nav.nav-pills.nav-light-dark .show > .nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-light-dark .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #181C32;
}
.nav.nav-pills.nav-light-dark .show > .nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-light-dark .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-light-dark .show > .nav-link:after,
.nav.nav-pills.nav-light-dark .nav-link:hover:not(.active):after {
  color: #181C32;
}
.nav.nav-pills.nav-light-dark .nav-link.active {
  color: #181C32;
  background-color: rgba(24, 28, 50, 0.1);
}
.nav.nav-pills.nav-light-dark .nav-link.active .nav-text {
  color: #181C32;
}
.nav.nav-pills.nav-light-dark .nav-link.active .nav-icon i {
  color: #181C32;
}
.nav.nav-pills.nav-light-dark .nav-link.active .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #181C32;
}
.nav.nav-pills.nav-light-dark .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-light-dark .nav-link.active:after {
  color: #181C32;
}
.nav.nav-pills.nav-group.nav-dark .nav-link {
  color: #181C32;
  background-color: #D1D3E0;
  border: 0;
}
.nav.nav-pills.nav-group.nav-dark .nav-link .nav-text {
  color: #181C32;
}
.nav.nav-pills.nav-group.nav-dark .nav-link .nav-icon i {
  color: #181C32;
}
.nav.nav-pills.nav-group.nav-dark .nav-link .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #181C32;
}
.nav.nav-pills.nav-group.nav-dark .nav-link .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-group.nav-dark .nav-link:after {
  color: #181C32;
}
.nav.nav-pills.nav-group.nav-dark .show > .nav-link,
.nav.nav-pills.nav-group.nav-dark .nav-link:hover,
.nav.nav-pills.nav-group.nav-dark .nav-link.active {
  color: #ffffff;
  background-color: #181C32;
}
.nav.nav-pills.nav-group.nav-dark .show > .nav-link .nav-text,
.nav.nav-pills.nav-group.nav-dark .nav-link:hover .nav-text,
.nav.nav-pills.nav-group.nav-dark .nav-link.active .nav-text {
  color: #ffffff;
}
.nav.nav-pills.nav-group.nav-dark .show > .nav-link .nav-icon i,
.nav.nav-pills.nav-group.nav-dark .nav-link:hover .nav-icon i,
.nav.nav-pills.nav-group.nav-dark .nav-link.active .nav-icon i {
  color: #ffffff;
}
.nav.nav-pills.nav-group.nav-dark .show > .nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-group.nav-dark .nav-link:hover .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-group.nav-dark .nav-link.active .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffffff;
}
.nav.nav-pills.nav-group.nav-dark .show > .nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-group.nav-dark .nav-link:hover .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-group.nav-dark .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-group.nav-dark .show > .nav-link:after,
.nav.nav-pills.nav-group.nav-dark .nav-link:hover:after,
.nav.nav-pills.nav-group.nav-dark .nav-link.active:after {
  color: #ffffff;
}
.nav.nav-pills.nav-group.nav-dark .nav-link:hover {
  background-color: #131628;
}
.nav.nav-pills.nav-white .show > .nav-link,
.nav.nav-pills.nav-white .nav-link:hover:not(.active) {
  color: #ffffff;
  background-color: transparent;
}
.nav.nav-pills.nav-white .show > .nav-link .nav-text,
.nav.nav-pills.nav-white .nav-link:hover:not(.active) .nav-text {
  color: #ffffff;
}
.nav.nav-pills.nav-white .show > .nav-link .nav-icon i,
.nav.nav-pills.nav-white .nav-link:hover:not(.active) .nav-icon i {
  color: #ffffff;
}
.nav.nav-pills.nav-white .show > .nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-white .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffffff;
}
.nav.nav-pills.nav-white .show > .nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-white .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-white .show > .nav-link:after,
.nav.nav-pills.nav-white .nav-link:hover:not(.active):after {
  color: #ffffff;
}
.nav.nav-pills.nav-white .nav-link.active {
  color: #3F4254;
  background-color: #ffffff;
}
.nav.nav-pills.nav-white .nav-link.active .nav-text {
  color: #3F4254;
}
.nav.nav-pills.nav-white .nav-link.active .nav-icon i {
  color: #3F4254;
}
.nav.nav-pills.nav-white .nav-link.active .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #3F4254 !important;
}
.nav.nav-pills.nav-white .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-white .nav-link.active:after {
  color: #3F4254;
}
.nav.nav-pills.nav-light-white .show > .nav-link,
.nav.nav-pills.nav-light-white .nav-link:hover:not(.active) {
  color: #ffffff;
  background-color: transparent;
}
.nav.nav-pills.nav-light-white .show > .nav-link .nav-text,
.nav.nav-pills.nav-light-white .nav-link:hover:not(.active) .nav-text {
  color: #ffffff;
}
.nav.nav-pills.nav-light-white .show > .nav-link .nav-icon i,
.nav.nav-pills.nav-light-white .nav-link:hover:not(.active) .nav-icon i {
  color: #ffffff;
}
.nav.nav-pills.nav-light-white .show > .nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-light-white .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffffff;
}
.nav.nav-pills.nav-light-white .show > .nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-light-white .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-light-white .show > .nav-link:after,
.nav.nav-pills.nav-light-white .nav-link:hover:not(.active):after {
  color: #ffffff;
}
.nav.nav-pills.nav-light-white .nav-link.active {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.1);
}
.nav.nav-pills.nav-light-white .nav-link.active .nav-text {
  color: #ffffff;
}
.nav.nav-pills.nav-light-white .nav-link.active .nav-icon i {
  color: #ffffff;
}
.nav.nav-pills.nav-light-white .nav-link.active .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffffff;
}
.nav.nav-pills.nav-light-white .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-light-white .nav-link.active:after {
  color: #ffffff;
}
.nav.nav-pills.nav-group.nav-white .nav-link {
  color: #ffffff;
  background-color: #ffffff;
  border: 0;
}
.nav.nav-pills.nav-group.nav-white .nav-link .nav-text {
  color: #ffffff;
}
.nav.nav-pills.nav-group.nav-white .nav-link .nav-icon i {
  color: #ffffff;
}
.nav.nav-pills.nav-group.nav-white .nav-link .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffffff;
}
.nav.nav-pills.nav-group.nav-white .nav-link .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-group.nav-white .nav-link:after {
  color: #ffffff;
}
.nav.nav-pills.nav-group.nav-white .show > .nav-link,
.nav.nav-pills.nav-group.nav-white .nav-link:hover,
.nav.nav-pills.nav-group.nav-white .nav-link.active {
  color: #3F4254;
  background-color: #ffffff;
}
.nav.nav-pills.nav-group.nav-white .show > .nav-link .nav-text,
.nav.nav-pills.nav-group.nav-white .nav-link:hover .nav-text,
.nav.nav-pills.nav-group.nav-white .nav-link.active .nav-text {
  color: #3F4254;
}
.nav.nav-pills.nav-group.nav-white .show > .nav-link .nav-icon i,
.nav.nav-pills.nav-group.nav-white .nav-link:hover .nav-icon i,
.nav.nav-pills.nav-group.nav-white .nav-link.active .nav-icon i {
  color: #3F4254;
}
.nav.nav-pills.nav-group.nav-white .show > .nav-link .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-group.nav-white .nav-link:hover .nav-icon .svg-icon svg g [fill],
.nav.nav-pills.nav-group.nav-white .nav-link.active .nav-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #3F4254;
}
.nav.nav-pills.nav-group.nav-white .show > .nav-link .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-group.nav-white .nav-link:hover .nav-icon .svg-icon svg:hover g [fill],
.nav.nav-pills.nav-group.nav-white .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.nav.nav-pills.nav-group.nav-white .show > .nav-link:after,
.nav.nav-pills.nav-group.nav-white .nav-link:hover:after,
.nav.nav-pills.nav-group.nav-white .nav-link.active:after {
  color: #3F4254;
}
.nav.nav-pills.nav-group.nav-white .nav-link:hover {
  background-color: #F3F6F9;
}