portal-webapp/portal_client/app/custom/portal-material-override.css

.md-portal { background-color: #FF6600 !important; }
.md-portal-fore { color: rgb(70, 138, 172) !important; }

.md-portal-dark { background-color: rgba(67, 136, 221, 0.7) !important; }
.md-portal-grey { background-color: rgb(67, 136, 221) !important;}
.md-portal-light-grey { background-color: #FF6600 !important;}
.md-portal-grey-opaque {
  /* The top is the fallback color */
  background-color: rgb(126, 140, 154) !important;
  background-color: rgba(126, 140, 154, 0.8) !important;
}
.md-portal-light {
  background-color: #b7d3e1 !important; /* Fall back color in case rgba isnt compatible */
  background-color: rgba(70, 138, 172, 0.5) !important;
}

.md-portal-disabled {
  color: #969696;
}

.play-green { color: rgb(51, 204, 51); }
.play-green-inactive { color: rgba(51, 204, 51, 0.26); }

.stop-red { color: rgb(204, 41, 0); }
.stop-red-inactive { color: rgba(204, 41, 0, 0.26);}

/* Google's meterial-design-icons */
/* Rules for sizing the icon. */
.material-icons.md-10 { font-size: 10px; }
.material-icons.md-12 { font-size: 12px; }
.material-icons.md-14 { font-size: 14px; }
.material-icons.md-16 { font-size: 16px; }
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-20 { font-size: 20px; }
.material-icons.md-22 { font-size: 22px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
.material-icons.md-auto {
  height: auto !important;
  width: auto !important;
}

.md-button.md-sm {
  height: 26px;
  line-height: 26px;
  min-height: 26px;
  min-width: 1%;
  font-size: 16px;
  vertical-align: bottom;
}

.md-button.md-xs {
  height: 20px;
  line-height: 20px;
  min-height: 20px;
  min-width: 1%;
  font-size: 10px;
  vertical-align: bottom;
}

.md-button.md-lg {
  height: 58px;
  line-height: 58px;
  min-height: 58px;
  min-width: 1%;
  font-size: 48px;
  vertical-align: center;
}

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }

/* Rules for icon coloring */
.material-icons.play-green { color: rgb(51, 204, 51); }
.material-icons.play-green-inactive { color: rgba(51, 204, 51, 0.26); }

.material-icons.stop-red { color: rgb(204, 41, 0); }
.material-icons.stop-red-inactive { color: rgba(204, 41, 0, 0.26);}

.material-icons.portal-blue { color: rgb(70, 138, 172); }
.material-icons.portal-blue-inactive { color: rgb(70, 138, 172, 0.26); }

md-icon.portal-green { color: #4CAF50}

md-toast {
  z-index: 99999 !important;
}

md-tabs.stretch-height md-tab-content>div,
md-tabs.stretch-height md-tab-body {
    margin: 0;
    width: 100%;
    min-height: 100%;
    height: 100%;
}

md-menu-content.max-height {
  height:30vh;
}

.vertical-divide {
  border-top-width: 0;
  border-right-width: 1px;
  border-right-style: solid;
  margin-left: 5px;
  margin-right: 5px;
}

.flex-min-width-85 {
  min-width: 85% !important;
}

.flex-min-height-85 {
  min-height: 85% !important;
}

.flex-min-width-75 {
  min-width: 75% !important;
}

.flex-min-height-75 {
  min-height: 75% !important;
}

.flex-min-width-50 {
  min-width: 50% !important;
}

.flex-min-width-40 {
  min-width: 40% !important;
}

md-input-container.md-input-invalid .md-auto-hide .md-input-message-animation:not(.ng-animate) {
  opacity: 1 !important;
  margin-top: 0 !important;
}

md-input-container.md-input-invalid [ng-messages] {
  max-height: 19px !important;
}

md-input-container .md-input-message-animation:not(.ng-animate) {
  opacity: 1 !important;
  margin-top: 0px !important;
}
md-input-container.md-block {
  display: block !important;
  width: 100% !important;
}

md-card .md-media-sm {
 height: 80px !important;
 width: 80px !important;
}

md-badge{
  margin: 0 0 0 8px;
  background-color: red;
  color: white;
  padding: 2px 4px;
  border-radius: 4px;
  position: relative;
  left: 0px;
  top: -35px;
}

md-toolbar.md-toolbar-small {
  height:44px;
  min-height: 44px;
  max-height: 44px;
}
md-toolbar.md-toolbar-small .md-toolbar-tools {
  vertical-align: middle;
  font-size: 16px;
}

input.md-disabled-input {
	color: rgba(0,0,0,1) !important; 
	background: none !important;
}

.dtp table.dtp-picker-days tr > td > a.selected,
.dtp table.dtp-picker-days tr > td > a.selected.hilite,
.dtp div.dtp-date, .dtp div.dtp-time, .dtp .dtp-hand.on,
.dtp .dtp-actual-meridien a.selected,
.dtp .dtp-picker-time > a.dtp-select-hour.selected {
  background: #FF6600;
}

.dtp table.dtp-picker-days tr > td > a.hilite:not(.selected),
.dtp div.dtp-actual-time.p60 span.selected {
  color: #FF6600;
}

.dtp div.dtp-year-btn, .dtp div.dtp-actual-year, .dtp div.dtp-actual-maxtime {
  color: #b7d3e1;
}

.dtp > .dtp-content > .dtp-date-view > header.dtp-header {
  background: rgb(67, 136, 221);
}