@import "/imports/ui/stylesheets/variables/_all";

$nb-default-color: $color-gray;
$nb-default-bg: $color-white;
$nb-default-border: $color-white;

$nb-primary-color: $color-white;
$nb-primary-bg: $color-primary;
$nb-primary-border: $color-primary;

$nb-success-color: $color-white;
$nb-success-bg: $color-success;
$nb-success-border: $color-success;

$nb-danger-color: $color-white;
$nb-danger-bg: $color-danger;
$nb-danger-border: $color-danger;

.audioNotifications {
  padding: $line-height-computed / 2;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-weight: 600;
}

.closeBtn {
  position: absolute;
  right: 1.65em;
  top: .5em;
}

// Modifies the close button style
Button.closeBtn span:first-child {
  color: $color-gray-light;
  background: none;
  border: none;
  box-shadow: none;
}


@mixin nb-variant($color, $background, $border) {
  color: $color;
  background-color: $background;
  border-color: $border;
}

.default {
  @include nb-variant($nb-default-color, $nb-default-bg, $nb-default-border);
}

.primary {
  @include nb-variant($nb-primary-color, $nb-primary-bg, $nb-primary-border);
}

.success {
  @include nb-variant($nb-success-color, $nb-success-bg, $nb-success-border);
}

.danger {
  @include nb-variant($nb-danger-color, $nb-danger-bg, $nb-danger-border);
}