@import 'common';
@import 'resplist';

$dynamic_scaffold_primary: #007bff !default;
$dynamic_scaffold_secondary: #868e96 !default;
$dynamic_scaffold_warning: #ffc107 !default;
$dynamic_scaffold_danger: #dc3545 !default;

.btn-outline-primary, .btn-outline-secondary, .btn-outline-warning{
  background-color: #fff;
}

.btn-outline-primary path{
  fill: $dynamic_scaffold_primary;
}

.btn-outline-primary:hover path {
  fill: #fff;
}

.btn-outline-secondary path{
  fill: $dynamic_scaffold_secondary;
}

.btn-outline-secondary:hover path{
  fill: #fff;
}

.btn-outline-warning path{
  fill: $dynamic_scaffold_warning;
}

.btn-outline-danger path{
  fill: $dynamic_scaffold_danger;
}

.btn-outline-warning:hover, .btn-outline-danger:hover{
  path{
    fill: #fff;
  }

  color: #fff;
}

.page-item .page-link path{
  fill: $dynamic_scaffold_primary;
}

.page-item.disabled .page-link path{
  fill: $dynamic_scaffold_secondary;
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled{
  background-color: transparent;
}