/*
 *  Document   : alert.scss
 *  Author     : RedStar Template
 *  Description: This scss file for alert style classes
 */
.alert {
  @include border-radius(0);
  @include box-shadow(none);
  border: none;
  padding: 10px;

  .alert-link {
    color: #0b4c54;
    text-decoration: underline;
    font-weight: bold;
  }
}
.alert-primary {
  color: #033f80;
  background-color: #c7e1fc;
  border-color: #b2d4f8;
}
.alert-secondary {
  color: #363b3f;
  background-color: #dbdde0;
  border-color: #d1d3d6;
}

.alert-success {
  background-color: var(--primary-500);
  color: var(--white);
  border-color: var(--primary-500);
  border-radius: 4px;
}

.alert-info {
  background-color: var(--info-600);
  color: var(--white);
  border-color: var(--info-500);;
  border-radius: 4px;
}
.alert-dark {
  color: #1a1d20;
  background-color: #d1d1d1;
  border-color: #bfc2c5;
  border-radius: 4px;
}

.alert-warning {
  background-color: var(--warning-500);
  color: var(--white);
  border-color: var(--warning-400);
  border-radius: 4px;
}

.alert-danger {
  background-color: var(--danger-600);
  color: var(--white);
  border-color: var(--danger-500);
  border: 1px solid var(--danger-500);
  border-radius: 4px;
}

.alert-dismissible {
  .close {
    opacity: 1;
    color: #545454;
    border: none;
    text-shadow: none;
  }
}
