:root {
  --main-color: #0e71b8;
  --main-color-chiaro: #58aeeb;
  --accent-color: #95c121;
}

.bg-main-color {
  background-color: var(--main-color);
}

.bg-elementi-logo {
  background-image: url("/app-assets/images/bg-elementi-logo.svg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  height: 100%;
  width: 100%;
}

.bg-gradient-main-color {
  background: linear-gradient(to bottom left, var(--main-color-chiaro) 20%, var(--main-color) 90%);
}

.auth-wrapper.auth-basic .auth-inner:before {
  background-image: none
}

.auth-wrapper.auth-basic .auth-inner:after {
  background-image: none
}

.main-menu.menu-light .navigation>li.active>a {
  background: linear-gradient(118deg, #1d71b8, rgb(29 113 184 / 44%));
  box-shadow: 0 0 10px 1px #1d71b875;
  color: #fff;
  font-weight: 400;
  border-radius: 4px;
}

.nav-pills .nav-link.active {
  border-color: #ffffff;
  border: 2px solid;
  box-shadow: 0 4px 18px -4px rgb(71 119 203 / 70%);
}

.main-menu.menu-light .navigation>li.active>a {
  color: unset;
  box-shadow: unset;
  background: whitesmoke;
  border-radius: 6px;
}

.main-menu.menu-light .navigation>li ul .active {
  color: #6e6b7b;
  box-shadow: unset;
  background: whitesmoke;
  border-radius: 6px;
}

.main-menu.menu-light .navigation>li ul .active>a {
  color: #6e6b7b;
}

.btn-outline-primary.show.dropdown-toggle {
  background-color: #0e71b82b;
}

.dropdown-item:hover,
.dropdown-item:focus {
  background-color: #0e71b82b;
}

.btn-outline-primary.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem #0e71b82b;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):focus {
  background-color: #0e71b82b;
  color: var(--main-color);
}

.qr-assegnato {
  border-radius: 5px;
  border: 2px dotted var(--main-color);
}

.nav-tabs .nav-link.active {
  color: var(--main-color) !important;
}

.nav-tabs .nav-link:after {
  background: var(--main-color) !important;
}

.accordion-style-03 .panel .panel-body {
  padding: 0;
}

.faq-header .input-wrapper {
  position: relative;
  width: 100%;
  max-width: 55%
}

@media(max-width: 575.98px) {
  .faq-header .input-wrapper {
    max-width: 70%
  }
}

.faq-banner-img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: left
}

.light-style .bg-faq-section {
  background-color: rgba(47, 43, 61, .06)
}

.light-style .faq-header .input-wrapper .input-group-text,
.light-style .faq-header .input-wrapper .form-control {
  background-color: #fff
}

.dark-style .bg-faq-section {
  background-color: rgba(225, 222, 245, .06)
}

.dark-style .faq-header .input-wrapper .input-group-text,
.dark-style .faq-header .input-wrapper .form-control {
  background-color: #2f3349
}

.h-px-300 {
  height: 600px !important;
}

.py-6 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.light-style .bg-faq-section {
  background-color: rgba(47, 43, 61, .06);
}

.rounded {
  border-radius: .375rem !important;
}

.avatar .avatar-initial {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: #eeedf0;
  font-size: .9375rem;
}

.avatar-md .avatar-initial {
  font-size: 1.125rem;
}

.bg-menu-theme hr,
.bg-menu-theme .menu-divider,
.bg-menu-theme .menu-inner>.menu-item.open>.menu-sub::before {
  border-color: #ccc !important;
}


#containerDiv .card,
#tab-02 .card.border {
  box-shadow: none;
}

#containerDiv .card.border {
  border: 1px solid #ebe9f2 !important;
}

.fade {
  display: none;
}