.overlay-shadow {
  box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 8px;
}
.overlay-text-shadow {
  text-shadow: rgba(0, 0, 0, 0.3) 0px 4px 8px;
}
#design .notifications-panel {
  position: fixed;
  top: 65px;
  right: 24px;
  width: 450px;
  z-index: 100;
  opacity: 1;
}
#design .notifications-panel .ui.toggle.checkbox input:checked ~ .box:before,
#design .notifications-panel .ui.toggle.checkbox input:checked ~ label:before {
  background-color: #21ba45!important;
}
#design .notifications-panel .notification-card:hover {
  background-color: #ddd;
}
#design .notifications-panel ::-webkit-scrollbar:vertical {
  width: 11px;
}
#design .notifications-panel ::-webkit-scrollbar:horizontal {
  height: 11px;
}
#design .notifications-panel ::-webkit-scrollbar-thumb {
  border-radius: 2px;
  border: 2px solid white;
  /* should match background, can't be transparent */
  background-color: rgba(0, 0, 0, 0.5);
}