.user-pic{width: 35px;height: 35px}

.signin-button{border:solid 2px #5b57f4;color:#5b57f4!important;background-color:var(--bs-white)}
@media (max-width:768px){
	.signin-button{border:none}
	.signin-button .far{font-size:1.5em;font-weight:500}
}

.dropdown-menu {
  --bs-dropdown-zindex:1000;
  --bs-dropdown-min-width:10rem;
  --bs-dropdown-padding-x:0;
  --bs-dropdown-padding-y:0.5rem;
  --bs-dropdown-spacer:0.125rem;
  --bs-dropdown-font-size:1rem;
  --bs-dropdown-color:#69707a;
  --bs-dropdown-bg:#fff;
  --bs-dropdown-border-color:#e0e5ec;
  --bs-dropdown-border-radius:0.35rem;
  --bs-dropdown-border-width:1px;
  --bs-dropdown-inner-border-radius:calc(0.35rem - 1px);
  --bs-dropdown-divider-bg:#e0e5ec;
  --bs-dropdown-divider-margin-y:0.5rem;
  --bs-dropdown-box-shadow:0 0.15rem 1.75rem 0 rgba(33, 40, 50, 0.15);
  --bs-dropdown-link-color:#212832;
  --bs-dropdown-link-hover-color:#1e242d;
  --bs-dropdown-link-hover-bg:#e0e5ec;
  --bs-dropdown-link-active-color:#fff;
  --bs-dropdown-link-active-bg:#0061f2;
  --bs-dropdown-link-disabled-color:#a7aeb8;
  --bs-dropdown-item-padding-x:1rem;
  --bs-dropdown-item-padding-y:0.25rem;
  --bs-dropdown-header-color:#69707a;
  --bs-dropdown-header-padding-x:1rem;
  --bs-dropdown-header-padding-y:0.5rem;
  position:absolute;
  z-index:var(--bs-dropdown-zindex);
  display:none;
  min-width:var(--bs-dropdown-min-width);
  padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin:0;
  font-size:var(--bs-dropdown-font-size);
  color:var(--bs-dropdown-color);
  text-align:left;
  list-style:none;
  background-color:var(--bs-dropdown-bg);
  background-clip:padding-box;
  border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius:var(--bs-dropdown-border-radius);
}
.dropdown-menu[data-bs-popper] {
  top:100%;
  left:0;
  margin-top:var(--bs-dropdown-spacer);
}

.dropdown-menu-start {
  --bs-position:start;
}
.dropdown-menu-start[data-bs-popper] {
  right:auto;
  left:0;
}

.dropdown-menu-end {
  --bs-position:end;
}
.dropdown-menu-end[data-bs-popper] {
  right:0;
  left:auto;
}

@media (min-width:576px) {
  .dropdown-menu-sm-start {
    --bs-position:start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right:auto;
    left:0;
  }
  .dropdown-menu-sm-end {
    --bs-position:end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right:0;
    left:auto;
  }
}
@media (min-width:768px) {
  .dropdown-menu-md-start {
    --bs-position:start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right:auto;
    left:0;
  }
  .dropdown-menu-md-end {
    --bs-position:end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right:0;
    left:auto;
  }
}
@media (min-width:992px) {
  .dropdown-menu-lg-start {
    --bs-position:start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right:auto;
    left:0;
  }
  .dropdown-menu-lg-end {
    --bs-position:end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right:0;
    left:auto;
  }
}
@media (min-width:1200px) {
  .dropdown-menu-xl-start {
    --bs-position:start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right:auto;
    left:0;
  }
  .dropdown-menu-xl-end {
    --bs-position:end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right:0;
    left:auto;
  }
}
@media (min-width:1500px) {
  .dropdown-menu-xxl-start {
    --bs-position:start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right:auto;
    left:0;
  }
  .dropdown-menu-xxl-end {
    --bs-position:end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right:0;
    left:auto;
  }
}

.dropdown-divider {
  height:0;
  margin:var(--bs-dropdown-divider-margin-y) 0;
  overflow:hidden;
  border-top:1px solid var(--bs-dropdown-divider-bg);
  opacity:1;
}

.dropdown-item {
  display:block;
  width:100%;
  padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear:both;
  font-weight:400;
  color:var(--bs-dropdown-link-color);
  text-align:inherit;
  white-space:nowrap;
  background-color:transparent;
  border:0;
}
.dropdown-item:hover, .dropdown-item:focus {
  color:var(--bs-dropdown-link-hover-color);
  text-decoration:none;
  background-color:var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active, .dropdown-item:active {
  color:var(--bs-dropdown-link-active-color);
  text-decoration:none;
  background-color:var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color:var(--bs-dropdown-link-disabled-color);
  pointer-events:none;
  background-color:transparent;
}

.dropdown-menu.show {
  display:block;
}

.dropdown-header {
  display:block;
  padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom:0;
  font-size:0.875rem;
  color:var(--bs-dropdown-header-color);
  white-space:nowrap;
}

.dropdown-item-text {
  display:block;
  padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color:var(--bs-dropdown-link-color);
}

.dropdown-menu-dark {
  --bs-dropdown-color:#d4dae3;
  --bs-dropdown-bg:#363d47;
  --bs-dropdown-border-color:#e0e5ec;
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color:#d4dae3;
  --bs-dropdown-link-hover-color:#fff;
  --bs-dropdown-divider-bg:#e0e5ec;
  --bs-dropdown-link-hover-bg:rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color:#fff;
  --bs-dropdown-link-active-bg:#0061f2;
  --bs-dropdown-link-disabled-color:#a7aeb8;
  --bs-dropdown-header-color:#a7aeb8;
}
.dropdown-toggle-split {
  padding-right:0.84375rem;
  padding-left:0.84375rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
  margin-left:0;
}

.dropdown-menu {
  font-size:0.9rem;
  border:none;
  box-shadow:0 0.15rem 1.75rem 0 rgba(33, 40, 50, 0.15);
}
.dropdown-menu .dropdown-header {
  font-size:0.75rem;
  font-weight:700;
  display:flex;
  align-items:center;
}
.dropdown-menu .dropdown-item {
  display:flex;
  align-items:center;
}
.dropdown-menu .dropdown-item .dropdown-item-icon {
  margin-right:0.5rem;
  line-height:1;
}
.dropdown-menu .dropdown-item .dropdown-item-icon svg {
  height:0.9em;
  width:0.9em;
}
.dropdown-menu .dropdown-item.active .dropdown-item-icon, .dropdown-menu .dropdown-item:active .dropdown-item-icon {
  color:#fff;
}

.dropdown .dropdown-toggle {
  display:inline-flex;
  align-items:center;
}
.dropdown .dropdown-toggle .dropdown-arrow {
  margin-left:0.4rem;
  margin-right:0;
  transition:transform 0.1s ease-in-out;
  font-size:0.6em;
}
.dropdown .dropdown-toggle.show .dropdown-arrow {
  transform:rotate(90deg);
}

.dropdown-user .dropdown-menu {
  min-width:13rem;
}
.dropdown-user .dropdown-menu .dropdown-header {
  text-transform:none;
  letter-spacing:normal;
}
.dropdown-user .dropdown-menu .dropdown-header .dropdown-user-img {
  height:2.5rem;
  width:2.5rem;
  margin-right:1rem;
  border-radius:100%;
}
.dropdown-user .dropdown-menu .dropdown-header .dropdown-user-details {
  font-weight:400;
}
.dropdown-user .dropdown-menu .dropdown-header .dropdown-user-details .dropdown-user-details-name {
  color:var(--bs-primary);
  font-weight:500;
  font-size:0.9rem;
  max-width:10rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.dropdown-user .dropdown-menu .dropdown-header .dropdown-user-details .dropdown-user-details-email {
  color:#69707a;
  font-size:0.75rem;
  max-width:10rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.dropdown-user .dropdown-menu .dropdown-header .dropdown-user-details .dropdown-user-details-points {
  color:var(--bs-red);
  padding:0px;/*0.25rem 0 0.25rem 0*/
  font-size:1.35rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.dropdown-user .dropdown-menu .dropdown-header .dropdown-user-details .dropdown-user-details-badge {
  color:var(--bs-gray-700);
  font-size:0.9rem;
  max-width:10rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.dropdown-user .dropdown-menu .dropdown-item {
  align-items:center;
}
.dropdown-user .dropdown-menu .dropdown-item .dropdown-item-icon {
  color:#a7aeb8;
}
.dropdown-user .dropdown-menu .dropdown-item .dropdown-item-icon svg {
  vertical-align:inherit;
}
.dropdown-user .dropdown-menu .dropdown-item:active .dropdown-item-icon {
  color:#fff;
}