/*!
 * BootstrapVueArsenic Custom CSS (https://bootstrap-vue-arsenic.js.org)
 */
.avatar {
  width: 2.5rem;
  height: 2.5rem;
  max-width: 2.5rem;
  max-height: 2.5rem;
  font-size: 1.25rem;
  vertical-align: bottom;
  border-radius: 50%;
  background-size: cover;
  background-position: center center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.avatar-rounded {
  border-radius: 0.25rem;
}

.avatar-square {
  border-radius: 0;
}

.avatar-primary {
  color: #fff;
  background-color: #007bff;
}

.avatar-secondary {
  color: #fff;
  background-color: #6c757d;
}

.avatar-success {
  color: #fff;
  background-color: #28a745;
}

.avatar-info {
  color: #fff;
  background-color: #17a2b8;
}

.avatar-warning {
  color: #212529;
  background-color: #ffc107;
}

.avatar-danger {
  color: #fff;
  background-color: #dc3545;
}

.avatar-light {
  color: #212529;
  background-color: #f8f9fa;
}

.avatar-dark {
  color: #fff;
  background-color: #343a40;
}

.loading {
  padding: 1rem 0;
  text-align: center;
}

.loading.fade-enter-active, .loading.fade-leave-active {
  transition: opacity 0.15s linear;
}

.loading.fade-enter, .loading.fade-leave-to {
  opacity: 0;
}

.loading-fixed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}
/*# sourceMappingURL=bootstrap-vue-arsenic.css.map */