////////////////////////////
// Icon sizes and spacing //
////////////////////////////

.icon {
  height: $font-size-icon;
  font-size: $font-size-icon;
  vertical-align: text-bottom;
}

.icon-xs {
  height: $font-size-icon-xs;
  font-size: $font-size-icon-xs;
}

.icon-sm {
  height: $font-size-icon-sm;
  font-size: $font-size-icon-sm;
}

.icon-md {
  height: $font-size-icon-md;
  font-size: $font-size-icon-md;
}

.icon-lg {
  height: $font-size-icon-lg;
  font-size: $font-size-icon-lg;
}

.icon-xl {
  height: $font-size-icon-xl;
  font-size: $font-size-icon-xl;
}
.icon-xxl {
  height: $font-size-icon-xl *1.5;
  font-size: $font-size-icon-xl *1.5 ;
}
.icon-2xl {
  height: $font-size-icon-xl *2 ;
  font-size: $font-size-icon-xl *2 ;
}


////// Status Icons //////

.status-icon {
  display: inline-block;
  width: $icon;
  height: $icon;
  background-color: $black;
  mask-repeat: no-repeat;
  mask-size: $icon $icon;
}

.status-submitted {
  mask-image: url("@images/exclamation-circle.svg");
}

.status-manager-approved {
  mask-image: url("@images/check-circle.svg");
  background-color: $success;
}

.status-customer-approved {
  mask-image: url("@images/check-circle-filled.svg");
  background-color: $success;
}

.status-forwarded {
  mask-image: url("@images/forward.svg");
  background-color: $success;
}

.status-manager-rejected {
  mask-image: url("@images/cross-circle.svg");
  background-color: $danger;
}

.status-customer-rejected {
  mask-image: url("@images/cross-circle-filled.svg");
  background-color: $danger;
}

.status-manager-question {
  mask-image: url("@images/message-question.svg");
}

.status-withheld {
  mask-image: url("@images/blocked.svg");
  background-color: $danger;
}

.status-reproduction {
  mask-image: url("@images/bug-reproduction.svg");
  width: 23px;
  mask-size: 23px $icon;
}

.status-testcase-passed {
  mask-image: url("@images/check-circle-filled.svg");
  background-color: $success;
}

.status-testcase-failed {
  mask-image: url("@images/cross-circle-filled.svg");
  background-color: $danger;
}