body {
  background: #FFFFFF; }

.color-error {
  color: #dd2c00; }

.primary-bg {
  background: #9e9e9e;
  color: #FFF; }

.primary-bg-color {
  color: #FFF; }

.accent-bg {
  background: #448aff;
  color: #FFF; }

.mdl-layout__content.hflex {
  height: calc(100% - 64px); }

.sidebar-input {
  padding-left: 40px;
  margin-bottom: 10px;
  color: #666; }
  .sidebar-input .label {
    margin-bottom: 10px; }
  .sidebar-input input {
    padding: 0; }

.mdl-layout__drawer.is-visible {
  width: 340px; }

.mdl-layout__drawer.is-visible hr {
  border-color: #efefef; }

.mdl-layout__drawer .mdl-layout-title {
  line-height: 64px;
  padding-left: 40px; }

.mdl-layout__drawer .mdl-layout-title > button.mdl-button {
  position: absolute;
  right: 40px;
  top: 10px; }

.mdl-dialog.wide {
  width: 450px; }

.floating-label {
  position: absolute;
  top: -20px;
  left: 0;
  font-size: 0.8em; }

.hflex-center {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center; }

.cei-toolbar {
  padding: 20px;
  color: #FFF;
  background-color: #9e9e9e;
  display: flex;
  display: -webkit-flex;
  /*-webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;*/
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-items: center; }
  .cei-toolbar > .cei-toolbar--title {
    color: #FFF;
    margin: 0; }

.cei-treelist {
  margin: 0;
  padding: 0; }
  .cei-treelist li {
    border-bottom: #ddd 1px solid; }
    .cei-treelist li button .material-icons {
      color: #969696; }

.text-center {
  text-align: center; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.pos-abs {
  position: absolute; }

.pos-rel {
  position: relative; }

.bg-white, .bg-white:hover {
  background: #fff; }

.tc-white {
  color: #FFF; }

.padding-h-no {
  padding-left: 0;
  padding-right: 0; }

.flex {
  width: 100%; }

.hflex {
  height: 100%;
  padding: 0; }

.mdl-menu__item.mdl-js-ripple-effect > a, .mdl-menu__item.mdl-js-ripple-effect > a:visited, .mdl-menu__item.mdl-js-ripple-effect > a:hover {
  color: #777;
  text-decoration: none; }
  .mdl-menu__item.mdl-js-ripple-effect > a > i, .mdl-menu__item.mdl-js-ripple-effect > a:visited > i, .mdl-menu__item.mdl-js-ripple-effect > a:hover > i {
    line-height: 20px; }

.bg-green {
  background-color: #009688;
  color: #FFF; }

.bg-light-green {
  background-color: #8bc34a;
  color: #FFF; }

.bg-lime {
  background-color: #cddc39;
  color: #FFF; }

.bg-yellow {
  background-color: #ffeb3b;
  color: #FFF; }

.bg-amber {
  background-color: #ffc107;
  color: #FFF; }

.bg-orange {
  background-color: #ff9800;
  color: #FFF; }

.bg-brown {
  background-color: #795548;
  color: #FFF; }

.bg-blue-grey {
  background-color: #607d8b;
  color: #FFF; }

.bg-grey {
  background-color: #9e9e9e;
  color: #FFF; }

.bg-deep-orange {
  background-color: #ff5722;
  color: #FFF; }

.bg-red {
  background-color: #f44336;
  color: #FFF; }

.bg-pink {
  background-color: #e91e63;
  color: #FFF; }

.bg-purple {
  background-color: #9c27b0;
  color: #FFF; }

.bg-deep-purple {
  background-color: #673ab7;
  color: #FFF; }

.bg-indigo {
  background-color: #3f51b5;
  color: #FFF; }

.bg-blue {
  background-color: #2196f3;
  color: #FFF; }

.bg-light-blue {
  background-color: #03a9f4;
  color: #FFF; }

.bg-cyan {
  background-color: #00bcd4;
  color: #FFF; }

.bg-teal {
  background-color: #009688;
  color: #FFF; }

.cei-card.cei-card-green .cei-card-title {
  background-color: #009688;
  color: #FFF; }
.cei-card.cei-card-light-green .cei-card-title {
  background-color: #8bc34a;
  color: #FFF; }
.cei-card.cei-card-lime .cei-card-title {
  background-color: #cddc39;
  color: #FFF; }
.cei-card.cei-card-yellow .cei-card-title {
  background-color: #ffeb3b;
  color: #FFF; }
.cei-card.cei-card-amber .cei-card-title {
  background-color: #ffc107;
  color: #FFF; }
.cei-card.cei-card-orange .cei-card-title {
  background-color: #ff9800;
  color: #FFF; }
.cei-card.cei-card-brown .cei-card-title {
  background-color: #795548;
  color: #FFF; }
.cei-card.cei-card-blue-grey .cei-card-title {
  background-color: #607d8b;
  color: #FFF; }
.cei-card.cei-card-grey .cei-card-title {
  background-color: #9e9e9e;
  color: #FFF; }
.cei-card.cei-card-deep-orange .cei-card-title {
  background-color: #ff5722;
  color: #FFF; }
.cei-card.cei-card-red .cei-card-title {
  background-color: #f44336;
  color: #FFF; }
.cei-card.cei-card-pink .cei-card-title {
  background-color: #e91e63;
  color: #FFF; }
.cei-card.cei-card-purple .cei-card-title {
  background-color: #9c27b0;
  color: #FFF; }
.cei-card.cei-card-deep-purple .cei-card-title {
  background-color: #673ab7;
  color: #FFF; }
.cei-card.cei-card-indigo .cei-card-title {
  background-color: #3f51b5;
  color: #FFF; }
.cei-card.cei-card-blue .cei-card-title {
  background-color: #2196f3;
  color: #FFF; }
.cei-card.cei-card-light-blue .cei-card-title {
  background-color: #03a9f4;
  color: #FFF; }
.cei-card.cei-card-cyan .cei-card-title {
  background-color: #00bcd4;
  color: #FFF; }
.cei-card.cei-card-teal .cei-card-title {
  background-color: #009688;
  color: #FFF; }

.cei-alert {
  margin: 10px auto 20px;
  padding: 10px 10px 10px 40px;
  font-size: 0.9em;
  border-left: 4px solid #777;
  background: #efefef;
  color: #9e9e9e; }
  .cei-alert > .material-icons {
    position: absolute;
    margin-top: -4px;
    margin-left: -30px; }
  .cei-alert.cei-alert-error {
    border-left-color: #f44336; }
  .cei-alert.cei-alert-info {
    border-left-color: #3f51b5; }

.cei-select {
  padding: 3px 0 20px; }

.cei-select-label {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.26); }

.dtp button.btn.btn-flat {
  background: 0 0;
  border: none;
  border-radius: 2px;
  color: #000;
  position: relative;
  height: 36px;
  margin: 0;
  min-width: 64px;
  padding: 0 16px;
  display: inline-block;
  font-family: "Roboto","Helvetica","Arial",sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0;
  overflow: hidden;
  will-change: box-shadow;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  outline: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  line-height: 36px;
  vertical-align: middle;
  background: rgba(158, 158, 158, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  margin-left: 5px; }

.dtp > .dtp-content > .dtp-date-view > header.dtp-header {
  background: rgba(0, 0, 0, 0.5); }

.dtp div.dtp-date, .dtp div.dtp-time,
.dtp table.dtp-picker-days tr > td > a.selected {
  background: #9e9e9e; }

.dtp div.dtp-actual-year, .dtp .p10 > a {
  color: #FFF; }

.dtp div.dtp-actual-year {
  margin-top: 5px; }

/*# sourceMappingURL=cei-mdl.css.map */