@charset "UTF-8";

/*!
 * VSETH Theme v1.0 (ci.vseth.ethz.ch)
 * Copyright (c) 2019 Verband der Studierenden an der ETH
 * Author 2019 RAPHAEL KOCH https://raphaelkoch.com
 * License under MIT (...)
 *
 * Bootstrap v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

[hidden] {
  display: none !important;
}

/* Base styling */

::-moz-selection {
  background: #ffe9a1;
}

::selection {
  background: #ffe9a1;
}

.ml-0 {
  margin-left: 0 !important;
}

.ml-1 {
  margin-left: 0.25rem !important;
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.ml-3 {
  margin-left: 1rem !important;
}

.ml-4 {
  margin-left: 2.5rem !important;
}

.ml-5 {
  margin-left: 5rem !important;
}

.ml-auto {
  margin-left: auto !important;
}

@media (min-width: 1200px) {
  .ml-lg-0 {
    margin-left: 0 !important;
  }

  .ml-lg-1 {
    margin-left: 0.25rem !important;
  }

  .ml-lg-2 {
    margin-left: 0.5rem !important;
  }

  .ml-lg-3 {
    margin-left: 1rem !important;
  }

  .ml-lg-4 {
    margin-left: 2.5rem !important;
  }

  .ml-lg-5 {
    margin-left: 5rem !important;
  }

  .ml-lg-auto {
    margin-left: auto !important;
  }
}

.d-flex {
  display: flex !important;
}

@media (min-width: 1200px) {
  .d-lg-flex {
    display: flex !important;
  }
}

.flex {
  display: flex !important;
}

.flex-right {
  justify-content: flex-end !important;
}

.flex-top {
  align-content: flex-start !important;
}

@media (min-width: 1200px) {
  .flex-lg {
    display: flex !important;
  }

  .flex-lg-right {
    justify-content: flex-end !important;
  }

  .flex-lg-top {
    align-content: flex-start !important;
  }
}

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

[class*=position-top],[class*=position-bottom],[class*=position-left],[class*=position-right],[class*=position-center] {
  position: absolute !important;
}

[class*=transition-scale],[class*=transition-slide] {
  transition: 0.3s ease-out;
  transition-property: opacity, transform, filter;
  opacity: 0;
}

@media (min-width: 600px) {
  [class*=transition-sm-scale],  [class*=transition-sm-slide] {
    transition: 0.3s ease-out;
    transition-property: opacity, transform, filter;
    opacity: 0;
  }
}

@media (min-width: 900px) {
  [class*=transition-md-scale],  [class*=transition-md-slide] {
    transition: 0.3s ease-out;
    transition-property: opacity, transform, filter;
    opacity: 0;
  }
}

@media (min-width: 1200px) {
  [class*=transition-lg-scale],  [class*=transition-lg-slide] {
    transition: 0.3s ease-out;
    transition-property: opacity, transform, filter;
    opacity: 0;
  }
}

@media (min-width: 1640px) {
  [class*=transition-xl-scale],  [class*=transition-xl-slide] {
    transition: 0.3s ease-out;
    transition-property: opacity, transform, filter;
    opacity: 0;
  }
}

.hidden {
  display: none !important;
}

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

.container {
  width: 98%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 600px) {
  .container {
    max-width: 550px;
    width: 98%;
  }
}

@media (min-width: 600px) {
  .container {
    max-width: 550px;
    width: 88%;
  }
}

@media (min-width: 600px) {
  .container {
    max-width: 550px;
    width: 74%;
  }
}

@media (min-width: 600px) {
  .container {
    max-width: 550px;
    width: 74%;
  }
}

@media (min-width: 900px) {
  .container {
    max-width: 802px;
    width: 98%;
  }
}

@media (min-width: 900px) {
  .container {
    max-width: 802px;
    width: 88%;
  }
}

@media (min-width: 900px) {
  .container {
    max-width: 802px;
    width: 74%;
  }
}

@media (min-width: 900px) {
  .container {
    max-width: 802px;
    width: 74%;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 970px;
    width: 98%;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 970px;
    width: 88%;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 970px;
    width: 74%;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 970px;
    width: 74%;
  }
}

@media (min-width: 1640px) {
  .container {
    max-width: 1430px;
    width: 98%;
  }
}

@media (min-width: 1640px) {
  .container {
    max-width: 1430px;
    width: 88%;
  }
}

@media (min-width: 1640px) {
  .container {
    max-width: 1430px;
    width: 74%;
  }
}

@media (min-width: 1640px) {
  .container {
    max-width: 1430px;
    width: 74%;
  }
}

@media (min-width: 600px) {
  .navbar .container {
    max-width: 550px;
    width: 98%;
  }
}

@media (min-width: 600px) {
  .navbar .container {
    max-width: 550px;
    width: 88%;
  }
}

@media (min-width: 600px) {
  .navbar .container {
    max-width: 550px;
    width: 76%;
  }
}

@media (min-width: 600px) {
  .navbar .container {
    max-width: 550px;
    width: 76%;
  }
}

@media (min-width: 900px) {
  .navbar .container {
    max-width: 802px;
    width: 98%;
  }
}

@media (min-width: 900px) {
  .navbar .container {
    max-width: 802px;
    width: 88%;
  }
}

@media (min-width: 900px) {
  .navbar .container {
    max-width: 802px;
    width: 76%;
  }
}

@media (min-width: 900px) {
  .navbar .container {
    max-width: 802px;
    width: 76%;
  }
}

@media (min-width: 1200px) {
  .navbar .container {
    max-width: 970px;
    width: 98%;
  }
}

@media (min-width: 1200px) {
  .navbar .container {
    max-width: 970px;
    width: 88%;
  }
}

@media (min-width: 1200px) {
  .navbar .container {
    max-width: 970px;
    width: 76%;
  }
}

@media (min-width: 1200px) {
  .navbar .container {
    max-width: 970px;
    width: 76%;
  }
}

@media (min-width: 1640px) {
  .navbar .container {
    max-width: 1490px;
    width: 98%;
  }
}

@media (min-width: 1640px) {
  .navbar .container {
    max-width: 1490px;
    width: 88%;
  }
}

@media (min-width: 1640px) {
  .navbar .container {
    max-width: 1490px;
    width: 76%;
  }
}

@media (min-width: 1640px) {
  .navbar .container {
    max-width: 1490px;
    width: 76%;
  }
}

.dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.dropdown-toggle-split::after {
  margin-left: 0 !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 1rem 0.75rem;
  font-size: 1.5rem;
  line-height: 1.5rem;
  text-transform: uppercase;
  text-decoration: none;
  color: #919699;
  fill: #919699;
  transition: all 0.2s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}

.nav-link:hover,.nav-link:focus {
  color: #46494b;
  fill: #46494b;
  text-decoration: none;
}

.nav-item {
  margin: 0 1rem;
}

.nav-item:first-child {
  margin: 0 1rem 0 0;
}

.nav-item:last-child {
  margin: 0 0 0 1rem;
}

.nav-item.active .nav-link {
  padding-bottom: 0.75rem;
  border-bottom: solid 0.25rem #009FE3;
  color: #46494b;
  fill: #46494b;
}

.nav-pills .nav-link {
  border-radius: 0.25rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  fill: #fff;
  background-color: #e30000;
}

.nav-column .nav-item,
.nav-column .nav-link {
  margin: 0 1rem 0 0;
}

.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

.bg-primary {
  background-color: #3D598B !important;
}

a.bg-primary:hover,a.bg-primary:focus,button.bg-primary:hover,button.bg-primary:focus {
  background-color:rgb(116, 87, 87) !important;
}

.bg-white {
  background-color: #fff !important;
}

a.bg-white:hover,a.bg-white:focus,button.bg-white:hover,button.bg-white:focus {
  background-color: #e6e6e6 !important;
}

.bg-dark {
  background-color: #000 !important;
}

a.bg-dark:hover,a.bg-dark:focus,button.bg-dark:hover,button.bg-dark:focus {
  background-color: black !important;
}

.bg-primary {
  background-color:#3D598B !important;
}

.bg-white {
  background-color: #3D598B !important;
}

.bg-dark {
  background-color: #3D598B !important;
}

.bg-top-right {
  background-position: top right;
}

.dropdown {
  position: relative;
  max-height: 3.5rem;
}

.dropdown .nav-link {
  max-height: 100%;
}

.dropdown-toggle {
  padding-right: 2rem;
  display: inline-block;
}

.dropdown-toggle::after {
  display: inline-block;
  position: absolute;
  content: "";
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAyMCAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTAuMjkyMzA4IDAuMzY1ODI1Qy0wLjA5NzQzNTkgMC43NzA3MSAtMC4wOTc0MzU5IDEuNDI2MTkgMC4yOTIzMDggMS44MzAwNEw4LjU1NTg3IDEwLjM5MjdDOS4zMzYzNiAxMS4yMDI0IDEwLjYwMjUgMTEuMjAyNCAxMS4zODMgMTAuMzkyN0wxOS43MDc1IDEuNzY3OTFDMjAuMDkzMyAxLjM2NzE2IDIwLjA5ODMgMC43MTk5NyAxOS43MTc1IDAuMzE0MDVDMTkuMzI4OCAtMC4xMDAxNTQgMTguNjg4MiAtMC4xMDUzMzIgMTguMjkzNSAwLjMwMjY1OUwxMC42NzY1IDguMTk2MzZDMTAuMjg1NyA4LjYwMTI0IDkuNjUzMTUgOC42MDEyNCA5LjI2MjQxIDguMTk2MzZMMS43MDUzOCAwLjM2NTgyNUMxLjMxNTYzIC0wLjAzOTA1OTIgMC42ODMwNTEgLTAuMDM5MDU5MiAwLjI5MjMwOCAwLjM2NTgyNVoiIGZpbGw9IiMzMzMzMzMiLz48L3N2Zz4=) no-repeat center;
}

.dropdown-toggle:empty::after {
  margin-left: 0;
}

.navbar-dark .dropdown-toggle::after,.navbar-dark .dropdown-toggle::before {
  color: rgba(255, 255, 255, 0);
  fill: rgba(255, 255, 255, 0);
}

.dropdown-toggle[disabled]::after,.dropdown-toggle[disabled]::before {
  opacity: 0.48;
}


.dropdown.show .dropdown-toggle:empty::after {
  margin-left: 0;
}

.navbar-dark .dropdown.show .dropdown-toggle::after,.navbar-dark .dropdown.show .dropdown-toggle::before {
  color: rgba(255, 255, 255, 0);
  fill: rgba(255, 255, 255, 0);
}

.dropdown-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: -0.5rem;
  z-index: 1025;
  display: none;
  float: left;
  min-width: 14rem;
  padding: 0;
  margin: 0.125rem 0 0;
  font-size: 1.4rem;
  color: #333;
  fill: #333;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 0.25rem;
  box-shadow: 0px 4px 8px rgba(8, 35, 48, 0.24);
}

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

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.75rem 0.75rem;
  clear: both;
  font-size: 1.4rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: #5e6366;
  fill: #5e6366;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-left: 4px solid transparent;
  text-decoration: none;
}
a.dropdown-item {
  color: #5e6366;
  fill: #5e6366;
}

.dropdown-item:first-child {
  border-top-left-radius: 0.25rem;
}

.dropdown-item:last-child {
  border-bottom-left-radius: 0.25rem;
}

.dropdown-item:hover,.dropdown-item:focus {
  color: #000;
  fill: #000;
  text-decoration: none;
}

.dropdown-item:disabled {
  color: #919699;
  fill: #919699;
  background-color: transparent;
  cursor: default;
}

.dropdown-header {
  display: block;
  padding: 0.75rem 0.75rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #919699;
  fill: #919699;
  white-space: nowrap;
}

.navbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0px 2px 4px rgba(8, 35, 48, 0.24);
  position: relative;
  z-index: 111;
}

.navbar.navbar-global {
  box-shadow: none;
}

.navbar > .container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.navbar-brand {
  display: inline-block;
  padding-top: 0.55rem;
  padding-bottom: 0.55rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}

.navbar-brand:hover,.navbar-brand:focus {
  text-decoration: none;
}

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  margin-top: 0;
  list-style: none;
}

.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}

.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

@media (max-width: 1199.98px) {
  .navbar-expand-lg > .container {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 1200px) {
  .navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu-right {
    right: 0;
    left: auto;
  }

  .navbar-expand-lg .navbar-nav .dropdown .nav-link {
    padding-right: 2rem;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .navbar-expand-lg > .container {
    flex-wrap: nowrap;
  }

  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
}

.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start;
}

.navbar-expand > .container {
  padding-right: 0;
  padding-left: 0;
}

.navbar-expand .navbar-nav {
  flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}

.navbar-expand .navbar-nav .dropdown-menu-right {
  right: 0;
  left: auto;
}

.navbar-expand .navbar-nav .dropdown .nav-link {
  padding-right: 2rem;
}

.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.navbar-expand > .container {
  flex-wrap: nowrap;
}

.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}

.navbar-dark .navbar-brand {
  color: #fff;
  fill: #fff;
}

.navbar-dark .navbar-brand:hover,.navbar-dark .navbar-brand:focus {
  color: #fff;
  fill: #fff;
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.7);
  fill: rgba(255, 255, 255, 0.7);
}

.navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .nav-link:focus {
  fill: rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, 1);
}

.navbar-dark .navbar-nav .show > .nav-link,.navbar-dark .navbar-nav .nav-link.show {
    color: rgba(255, 255, 255, 1);
    fill: rgba(255, 255, 255, 1);
}

.mobile-header {
  display: none;
}

.navbar-mobile {
  display: none;
}

@media (max-width: 1199.98px) {
  .navbar-global {
    display: none;
  }

  .navbar-mobile {
    display: flex;
    flex-direction: row;
    width: 100%;
  }

  .navbar-mobile .navbar-mobile-nav {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(3.5rem, 1fr));
    grid-gap: 1rem;
    width: 100%;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
  }

  .navbar-mobile .navbar-mobile-nav .nav-item {
    display: inline-block;
    margin: 0;
    min-width: 3.5rem;
    max-width: 10.5rem;
    text-align: center;
  }

  .navbar-mobile .navbar-mobile-nav .nav-link {
    padding: 1rem 0.75rem;
    font-size: 1.5rem;
    cursor: pointer;
  }

  .navbar-mobile .navbar-mobile-nav .nav-link > svg {
    width: 1.5rem !important;
    height: 1.5rem !important;
  }

  .navbar-mobile .navbar-mobile-nav .nav-link[disabled] {
    cursor: default;
  }

  .navbar-mobile .navbar-mobile-nav .dropdown-menu {
    position: static;
    float: none;
  }
}

@keyframes fadein {
  0% {
    transform: translate(0, 100%);
    opacity: 0;
  }

  100% {
    transform: translate(0);
    opacity: 1;
  }
}

@keyframes fadeout {
  0% {
    transform: translate(0);
    opacity: 1;
  }

  100% {
    transform: translate(0, 100%);
    opacity: 1;
  }
}

@media print {
  *,  *::before,  *::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }

  img {
    page-break-inside: avoid;
  }

@page {
    size: a3;
}

  body {
    min-width: 1200px !important;
  }

  .container {
    min-width: 1200px !important;
  }

  .navbar {
    display: none;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 0.5rem 0;
  }

  to {
    background-position: 0 0;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}

@keyframes load {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.dropdown-toggle, .avatar-toggle {
  padding-right: 2rem;
  display: inline-block;
}
.dropdown-toggle::after, .avatar-toggle::after {
  display: inline-block;
  position: absolute;
  vertical-align: 0.255em;
  content: "";
  width: 0.8rem;
  height: 1.5rem;
  margin-left: 0.6rem;
}
.dropdown-toggle:empty::after, .avatar-toggle:empty::after {
  margin-left: 0;
}
.dropdown-toggle.disabled::after, .disabled.avatar-toggle::after, .dropdown-toggle.disabled::before, .disabled.avatar-toggle::before, .dropdown-toggle[disabled]::after, [disabled].avatar-toggle::after, .dropdown-toggle[disabled]::before, [disabled].avatar-toggle::before {
  opacity: 0.48;
}
.dropdown.show .dropdown-toggle::after, .dropdown.show .avatar-toggle::after, .show.avatar .dropdown-toggle::after, .show.avatar .avatar-toggle::after {
  display: inline-block;
  position: absolute;
  background-color: style["text-color"];
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAyMCAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE5LjcwNzcgMTAuNjMzOEMyMC4wOTc0IDEwLjIyODkgMjAuMDk3NCA5LjU3MzM4IDE5LjcwNzcgOS4xNjk1MUwxMS40NDQxIDAuNjA2NTcyQzEwLjY2MzYgLTAuMjAyMTkxIDkuMzk3NDcgLTAuMjAyMTkxIDguNjE2OTkgMC42MDY1NzJMMC4yOTI0NiA5LjIzMTY1Qy0wLjA5MzI4NjIgOS42MzI0IC0wLjA5ODI4MjkgMTAuMjc5NiAwLjI4MjQ2NyAxMC42ODU2QzAuNjcxMjExIDExLjEwMDggMS4zMTE3OSAxMS4xMDUgMS43MDY1MyAxMC42OTY5TDkuMzIzNTIgMi44MDI5N0M5LjcxNDI2IDIuMzk4MDcgMTAuMzQ2OCAyLjM5ODA3IDEwLjczNzYgMi44MDI5N0wxOC4yOTQ2IDEwLjYzMzhDMTguNjg0NCAxMS4wMzg3IDE5LjMxNzkgMTEuMDM4NyAxOS43MDc3IDEwLjYzMzhaIiBmaWxsPSIjMzMzMzMzIi8+PC9zdmc+) no-repeat center;
  mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAyMCAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE5LjcwNzcgMTAuNjMzOEMyMC4wOTc0IDEwLjIyODkgMjAuMDk3NCA5LjU3MzM4IDE5LjcwNzcgOS4xNjk1MUwxMS40NDQxIDAuNjA2NTcyQzEwLjY2MzYgLTAuMjAyMTkxIDkuMzk3NDcgLTAuMjAyMTkxIDguNjE2OTkgMC42MDY1NzJMMC4yOTI0NiA5LjIzMTY1Qy0wLjA5MzI4NjIgOS42MzI0IC0wLjA5ODI4MjkgMTAuMjc5NiAwLjI4MjQ2NyAxMC42ODU2QzAuNjcxMjExIDExLjEwMDggMS4zMTE3OSAxMS4xMDUgMS43MDY1MyAxMC42OTY5TDkuMzIzNTIgMi44MDI5N0M5LjcxNDI2IDIuMzk4MDcgMTAuMzQ2OCAyLjM5ODA3IDEwLjczNzYgMi44MDI5N0wxOC4yOTQ2IDEwLjYzMzhDMTguNjg0NCAxMS4wMzg3IDE5LjMxNzkgMTEuMDM4NyAxOS43MDc3IDEwLjYzMzhaIiBmaWxsPSIjMzMzMzMzIi8+PC9zdmc+) no-repeat center;
}
.dropdown.show .dropdown-toggle:empty::after, .dropdown.show .avatar-toggle:empty::after, .show.avatar .dropdown-toggle:empty::after, .show.avatar .avatar-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu, .avatar-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: -0.5rem;
  z-index: 1025;
  display: none;
  float: left;
  min-width: 14rem;
  padding: 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #fff;
  fill: #fff;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 0.25rem;
  box-shadow: 0px 4px 8px rgba(8, 35, 48, 0.24);
}

.collapse:not(.show) {
  display: none;
}