//
// Alerts
// --------------------------------------------------


// Base styles
// -------------------------

.alert {
  margin-bottom: 0;

  .numeroAlerta{
    font-size:14px;
    color:$brand-copy-light;
    display: inline-block;
    margin-right: 5px;
  }
}

.alert-dismissable,
.alert-dismissible {
  padding: 10px 0;

  // Adjust close link position
  .close {
    top: 0;
    right: -15px;
    padding: 0 15px;
    .icon {
      &, & * {
        fill: $brand-copy-light;
      }
    }
  }
}
.alert-fixed-bottom{
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
  border-radius: 0;
}


// Alternate styles
//
// Generate contextual modifier classes for colorizing the alert.

.alert-success {
  @include alert-variant-icon($alert-success-bg, $alert-success-border, $alert-success-text, '/headers/ilusion/'+ $assets-folder +'/dist/svg/icon-ownfill-graph-success-circle-neg-74716E.svg');
}
.alert-danger {
  @include alert-variant-icon($alert-danger-bg, $alert-danger-border, $alert-danger-text, '/headers/ilusion/'+ $assets-folder +'/dist/svg/icon-ownfill-graph-error-circle-neg-74716E.svg');
}
.alert-info {
  @include alert-variant-icon($alert-info-bg, $alert-info-border, $alert-info-text, '/headers/ilusion/'+ $assets-folder +'/dist/svg/icon-ownfill-graph-info-circle-neg-74716E.svg');
}

.alert-warning {
  @include alert-variant-icon($alert-warning-bg, $alert-warning-border, $alert-warning-text, '/headers/ilusion/'+ $assets-folder +'/dist/svg/icon-ownfill-graph-alert-74716E.svg');
}
.alert-inline {
  display: inline-block;
  border: 0;
  padding: 5px 10px;
  font-size:$font-size-base;
  margin-bottom: 15px;
  text-align: left;
  .modal & {
    text-align: center;
  }
}