.ui.segment.note {
  border: none;
  border-top: none !important;
  box-shadow: none !important;
  border-left: 3px solid #ddd;
  border-right: 0 solid #ddd;
  background: #fafafa;

  &.success {
    border-color: #35aa47;
    background: #f4faf2;
    .header {
      color: #35aa47
    }
  }

  &.info {
    border-color: #5bc0de;
    background: #f6fbfd;
    .header {
      color: #5bc0de
    }
  }

  &.warning {
    border-color: #faa937;
    background: #fbf7de;
    .header {
      color: #faa937
    }
  }

  &.danger {
    border-color: #d84a38;
    background: #fbf4f4;
    .header {
      color: #d84a38
    }
  }

  &.red {
    border-top: 0 !important;
    border-left: 3px solid #db2828;
    background: #db282820;
      .header {
      color: #db2828
    }
  }

  &.orange {
    border-top: 0 !important;
    border-left: 3px solid #f2711c;
    background: #f2711c20;
      .header {
      color: #f2711c
    }
  }


  &.yellow {
    border-top: 0 !important;
    border-left: 3px solid #fbbd08;
    background: #fbbd0820;
      .header {
      color: #fbbd08
    }
  }

  &.olive {
    border-top: 0 !important;
    border-left: 3px solid #b5cc18;
    background: #b5cc1820;
      .header {
      color: #b5cc18
    }
  }

  &.green {
    border-top: 0 !important;
    border-left: 3px solid #f2711c;
    background: #f2711c20;
      .header {
      color: #f2711c
    }
  }

  &.teal {
    border-top: 0 !important;
    border-left: 3px solid #00B5AD;
    background: #00B5AD20;
      .header {
      color: #00B5AD
    }
  }

}