styles.css

body {
  font-family:  sans-serif;
  color: #333;
  margin: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(assets/MaterialIcons-Regular.woff2) format('woff2'),
       url(assets/MaterialIcons-Regular.woff) format('woff'),
       url(assets/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

a, a:hover {
  text-decoration: none;
}

md-toolbar {
  background-color: #4C8C2B;
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 1.5em;
}

md-button {
  margin: 0.5em 1em 0.5em 0;
  width: 10em;
}

md-button[right] {
  position: fixed;
  right: 0;
}

md-tabs {
  background-color: #62AC1E;
  color: #fff;
}

md-tabs::shadow #selectionBar {
    background-color: #F8981D;
}

md-list-item.rule-item {
      height: auto  ;
      background-color: #FFFFFF;
      border: 1px solid #5F6062;
      border-radius: 5px;
}


md-list-item.rule-item .name {
      font-size: 1.12em;
      font-weight: bold;
      margin-top:5px;
      margin-bottom:5px;
}

md-list-item.rule-item .header {
      margin-top: 5px;
      font-size: 1.1em;
      font-weight: bold;
}

md-list-item.rule-item .description {
      font-size: 1em;
      font-style: italic;
}

.ruledissabled {
  color:grey;
}

.ruleselected {
  background-color: lightgrey;
}

.actionbutton {
  background-color: #62AC1E;
  color: #fff;
  margin: 10px;
  border-radius: 5px;
}