.navbar {
  position: fixed;
  top: 0;
  bottom: auto;
  z-index: 100;
  width: 100%;
  height: 57px;
}
.navbar-top {
  z-index: 105 !important;
}
.navbar > .container-fluid > .navbar-brand {
  color: var(--color-light-text-highlight);
}
[data-theme='dark'] .navbar > .container-fluid > .navbar-brand {
  color: var(--color-dark-text-highlight);
}

.navbar > .container-fluid > .d-flex > li {
  list-style: none;
}
.navbar > .container-fluid > .d-flex > li:before {
  content: '\7C';
  display: block;
  font-size: 38px;
  height: 0;
  margin: -13px 11px 0 11px;
  color: var(--color-light-text);
}
[data-theme='dark'] .navbar > .container-fluid > .d-flex > li:before {
  color: var(--color-dark-text);
}

.navbar > .container-fluid > .d-flex > i:before {
  color: var(--color-light-text);
  font-size: 38px;
  cursor: pointer;
}
[data-theme='dark'] .navbar > .container-fluid > .d-flex > i:before {
  color: var(--color-dark-text);
}

.navbar > .container-fluid > .d-flex > i:hover:before {
  color: var(--color-light-text-highlight);
}
[data-theme='dark'] .navbar > .container-fluid > .d-flex > i:hover:before {
  color: var(--color-dark-text-highlight);
}

.navbar-top {
  background-color: var(--color-light-white-back) !important;
}
[data-theme='dark'] .navbar-top {
  background-color: var(--color-dark-white-back) !important;
}

.dropdown-menu {
  background-color: var(--color-light-white-back);
}
[data-theme='dark'] .dropdown-menu {
  background-color: var(--color-dark-white-back);
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd;
}

.dropdown-menu > li > .dropdown-item:hover {
  background-color: var(--color-light-white-back);
}
[data-theme='dark'] .dropdown-menu > li > .dropdown-item:hover {
  background-color: var(--color-dark-white-back);
}

.dropdown-menu > li:first-child > .dropdown-item:hover {
  border-radius: var(--bs-border-radius) var(--bs-border-radius) 0 0;
}

.dropdown-menu > li:last-child > .dropdown-item:hover {
  border-radius: 0 0 var(--bs-border-radius) var(--bs-border-radius);
}

.dropdown-menu > li > .dropdown-item:active {
  background-color: var(--color-light-white-back);
}
[data-theme='dark'] .dropdown-menu > li > .dropdown-item:active {
  background-color: var(--color-dark-white-back);
}

.dropdown-menu > li > .dropdown-item > i {
  color: var(--color-light-text-hover);
  margin-right: 5px;
}
[data-theme='dark'] .dropdown-menu > li > .dropdown-item > i {
  color: var(--color-dark-text-hover);
}

.dropdown-menu > li > .dropdown-item > span {
  color: var(--color-light-text-hover);
}
[data-theme='dark'] .dropdown-menu > li > .dropdown-item > span {
  color: var(--color-dark-text-hover);
}

.navbar .nav-item .dropdown-menu-end {
  right: 0;
  left: auto;
  padding: 0;
}

.navbar .nav-item .dropdown-menu {
  margin-top: 0;
}

.font-normal {
  font-style: normal;
}

#logoNavBar {
  user-select: none;
}

.navbar-brand,
.nome-campeggio-navbar {
  user-select: none;
}

.dropdown-item-pointer {
  cursor: pointer;
}

.bottone-fiera {
  border-radius: var(--search-bar-inner-border-radius) !important;
  margin-top: 2px;
  margin-right: 50px;
}

@media only screen and (max-width: 560px) {
  .d-forced-flex {
    display: flex !important;
    margin-left: auto;
  }
}

@media only screen and (max-width: 350px) {
  .navbar-brand {
    display: grid !important;
    width: 100% !important;
    text-align: center !important;
  }
}

:root::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #f5f5f5;
}

:root::-webkit-scrollbar {
  width: 12px;
  background-color: #f5f5f500;
}

:root::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #848484;
}