.my-background {
    background-color: lightgrey;
}

.avatar {
    width: 50px;
    height: 50px;
}

.error-message {
    color: #e05e74;
}

.success-message {
    color: #0d6832;
}

.restricted {
    visibility: hidden;
}

.card.clickable:hover {
    background-color: #F8F9FA;
}

.dropdown-menu li {
position: relative;
}
.dropdown-menu .dropdown-submenu {
display: none;
position: absolute;
left: 100%;
top: -7px;
}
.dropdown-menu .dropdown-submenu-left {
right: 100%;
left: auto;
}
.dropdown-menu > li:hover > .dropdown-submenu {
display: block;
}

.vega-container,
.vega-container::after,
.vega-container::before {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.vega-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}