preferences-page .container {
  padding-top: 15px;
  padding-bottom: 15px; }

preferences-page .togglePreference {
  color: #d3dad7 !important; }

preferences-page .rtaicon {
  font-size: 45px !important; }
  @media (max-width: 767px) {
    preferences-page .rtaicon {
      font-size: 24px !important; } }

preferences-page .togglePreference.on {
  color: #59acd4 !important; }

preferences-page .togglePreference.off {
  color: #a8a9ad !important; }

preferences-page .togglePreference:hover {
  text-decoration: none; }

preferences-page .togglePreference:focus {
  box-shadow: unset; }

preferences-page .siteSelectionDropdownList {
  z-index: 1030; }

preferences-page .dropdown-menu {
  background-color: #384049 !important; }

preferences-page .dropdown-item {
  color: #d3dad7 !important; }

preferences-page .dropdown-item:hover {
  background-color: #2e3338 !important; }

preferences-page .statusToaster {
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 900;
  background-color: #384049 !important;
  border-radius: 8px;
  box-shadow: 0px 0px 5px 2px black; }

preferences-page .statusToaster .eventCircle {
  border-radius: 50%;
  border: 1px #2e3338 !important solid;
  padding: 5px;
  background-color: #2e3338 !important; }

.notificationPopover {
  color: #59acd4 !important;
  padding: 0px !important;
  font-size: 10px !important; }

.notificationPopover:hover {
  text-decoration: none; }

.notificationPopover:focus {
  outline: unset; }

.slider .slider-selection {
  background: #59acd4 !important; }

.slider .slider-handle {
  background-color: #d3dad7 !important;
  background-image: unset !important; }