/***
Customized Progress Bars
***/

.progress {  
  border: 0; 
  background-image: none;
  filter: none;
  box-shadow: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;   

  &.progress-sm {
    height: 12px;
  }

  .page-md & {
    text-indent: -99999px;
  }
}

/* Custom colors */

@each $name, $colors in $component-colors {
    .progress-bar.#{$name} {
        background: map-get($colors, base) !important;
        color: map-get($colors, font) !important;
    }
}

@if $theme-type == "material-design" {
    .progress {
        height: 8px;
        border-radius: 0 !important;

        &.progress-sm {
            height: 6px;
        }
    }
}