// Open edX: components
// ====================

// Page banner
.page-banner {
  max-width: map-get($container-max-widths, xl);
  margin: 0 auto;

  .user-messages {
    margin-top: $baseline;
  }

  .user-messages-ul {
    list-style: none;
    padding: 0;
    margin: 0;

    li {
      margin: 5px 0;

      .alert.alert-warning .message-content .enroll-btn.btn-link {
        color: #004368;
      }

    }
  } 

}

// Alerts
.alert {
  display: flex;

  .icon-alert {
    margin-right: $baseline;
  }

  .message-actions {
    margin-left: $baseline;
  }
}

.alert.alert-info a {
  // Need to have sufficient contrast for blue links on blue background
  // Based this on some existing css for this use case
  color: #0075b4;
  text-decoration: underline;
  font-weight: bold;
}