// Globals // Full palette of colors @each $color_name, $color in $mdb-colors-1 {

@each $color_type, $color_value in $color {
  @if $color_type == "base" {
    .#{$color_name} {
      background-color: $color_value !important;
    }
    .#{$color_name}-text {
      color: $color-value !important;
    }
    .rgba-#{$color_name}-slight,
    .rgba-#{$color_name}-slight:after {
      background-color: rgba($color_value, .1);
    }
    .rgba-#{$color_name}-light,
    .rgba-#{$color_name}-light:after {
      background-color: rgba($color_value, .3);
    }
    .rgba-#{$color_name}-strong,
    .rgba-#{$color_name}-strong:after {
      background-color: rgba($color_value, .7);
    }
  }
  @else {
    @if $enable_full_palette {
      .#{$color_name}.#{$color_type} {
        background-color: $color_value !important;
      }
    }
  }
}

}

// Stylish color @each $color_name, $color_value in $stylish-rgba {

.#{$color_name} {
  background-color: $color_value;
}

}

// Material colors palette @each $color_name, $color in $material-colors {

.#{$color_name} {
  background-color: $color !important;
}

}

// Basic gradients @each $name, $val in $gradients {

@include make-gradient($name, $val);

} @each $name, $val in $gradients-rgba {

@include make-gradient-rgba($name, $val);

}

.dark-grey-text {

color: #4f4f4f !important;
&:hover,
&:focus {
  color: #4f4f4f !important;
}

}

// Shadow on hover .hoverable {

box-shadow: none;
transition: $transition-hoverable;
&:hover {
  box-shadow: $z-depth-2;
  transition: $transition-hoverable;
}

}

// Shadows .z-depth-0 {

box-shadow: none !important;

} .z-depth-1 {

box-shadow: $z-depth-1 !important;

} .z-depth-1-half {

box-shadow: $z-depth-1-half !important;

} .z-depth-2 {

box-shadow: $z-depth-2 !important;

} .z-depth-3 {

box-shadow: $z-depth-3 !important;

} .z-depth-4 {

box-shadow: $z-depth-4 !important;

} .z-depth-5 {

box-shadow: $z-depth-5 !important;

}

// Disabled cursor .disabled, :disabled {

pointer-events: none !important;

}

// Links a {

cursor: pointer;
text-decoration: none;
color: $link-color;
transition: $transition-basic;
&:hover {
  text-decoration: none;
  color: $link-hover-color;
  transition: $transition-basic;
}
&.disabled,
&:disabled {
  &:hover {
    color: $link-color;
  }
}

}

a:not():not(), a:not():not():focus, a:not():not():hover {

color: inherit;
text-decoration: none;

}