/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.dx-block-note {
  background: #F9FDF4;
  border: 2px solid #97DA41;
  border-radius: 5px;
  color: #292929;
  margin: 2.5em 0;
  padding: 1em 1.5em; }

.dx-block-note-warning {
  background: #FAF2DB;
  border-color: #FFDB00; }

.dx-block-note-info {
  background: #ECF1F5;
  border-color: #C4C8CB; }

.dx-block-note-dark {
  background: #374549;
  border-color: #000000;
  color: #f4f4f4; }

.dx-block-note-light {
  background: #FFFFFF;
  border-color: #2B2B2B; }

.dx-block-note-error {
  background: #FFD8DB;
  border-color: #FF576B; }