.note.note-danger-style {
    background-color: rgba(13,202,240, 0.1)!important;
    border-color: var(--color-primary) !important;
    margin-top: 1.8em;
}

.note {
  padding: 10px;
  border-left: 6px solid;
  -webkit-border-radius: 5px;
  border-radius: 5px; }
  .note strong {
    font-weight: 600; }
  .note p {
    font-weight: 500; }
  .note.note-primary {
    background-color: #dfeefd;
    border-color: #176ac4; }
  .note.note-secondary {
    background-color: #e2e3e5;
    border-color: #58595a; }
  .note.note-success {
    background-color: #e2f0e5;
    border-color: #49a75f; }
  .note.note-danger {
    background-color: #fae7e8;
    border-color: #e45460; }
  .note.note-warning {
    background-color: #faf4e0;
    border-color: #c2a442; }
  .note.note-info {
    background-color: #e4f2f5;
    border-color: #2492a5; }
  .note.note-light {
    background-color: #fefefe;
    border-color: #0f0f0f; }