// Here the user can define their variables to override the default ones provided by the addon
$accent-color: #7c4dff;


@import 'ember-material-design-datepicker';

// Styles specific to the dummy app
* {
  box-sizing: border-box;
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;

  &:before, &:after {
    content: " ";
    display: table;
  }

  &:after {
  clear: both;
  }
}

.row {
  margin-left: -15px;
  margin-right: -15px;

  &:before, &:after {
    content: " ";
    display: table;
  }

  &:after {
    clear: both;
  }
}

.col-2, .col-4, .col-6 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
}

.col-2 {
  width: 16.66667%;
}

.col-4 {
  width: 33.33333%;
}

.col-6 {
  width: 50%;
}