.icon {
  width:32px;
  height:32px;
  vertical-align:middle
}
.icon.icon-padded {
  padding:8px
}
.icon.icon-xs {
  width:16px;
  height:16px
}
.icon.icon-xs.icon-padded {
  padding:4px
}
.icon.icon-sm {
  width:24px;
  height:24px
}
.icon.icon-sm.icon-padded {
  padding:6px
}
.icon.icon-lg {
  width:48px;
  height:48px
}
.icon.icon-lg.icon-padded {
  padding:12px
}
.icon.icon-xl {
  width:64px;
  height:64px
}
.icon.icon-xl.icon-padded {
  padding:16px
}
.icon-primary {
  fill:#e60b10!important
}
.icon-secondary {
  fill:#5c6f82!important
}
.icon-success {
  fill:#008758!important
}
.icon-info {
  fill:#979899!important
}
.icon-warning {
  fill:#a66300!important
}
.icon-danger {
  fill:#d9364f!important
}
.icon-light {
  fill:#e9e6f2!important
}
.icon-dark {
  fill:#17324d!important
}
.icon-black {
  fill:#000!important
}
.icon-white,
a.btn-outline-primary.selected .icon,
a.btn-outline-primary:hover .icon {
  fill:#fff!important
}
.icon-100 {
  fill:#e3e4e6!important
}
.icon-200 {
  fill:#cacacc!important
}
.icon-300 {
  fill:#b1b1b3!important
}
.icon-400 {
  fill:#979899!important
}
.icon-500 {
  fill:#7e7f80!important
}
.icon-600 {
  fill:#656566!important
}
.icon-700 {
  fill:#4c4c4d!important
}
.icon-800 {
  fill:#323333!important
}
.icon-900 {
  fill:#19191a!important
}

.iconpoolbox {
  width:96px;
  height:96px;
  vertical-align:middle
}