/* Changing the Sign In page's top bar color to yellow #FFCC00 */
md-toolbar.signin-toolbar {
    background-color: #FFCC00;
}

/* Changing the separator color in the side nav so they can actually be seen */
md-content.sidenav md-divider {
  border-top-color: #FFE788;
}

div.main-layout md-toolbar.md-toolbar-tools.main-toolbar div.desktop-month-selector div#desktop_month,
div.main-layout md-toolbar.md-toolbar-tools.main-toolbar div.desktop-month-selector md-icon,
div.main-layout md-toolbar.md-toolbar-tools.main-toolbar md-icon
{
    color: white !important; /* !important is needed because some of these already use !important in custom.css. */
}

div.main-layout md-toolbar.md-toolbar-tools.main-toolbar h1#page_header {
  color: #FFCC00;
}

/* Add some transparency to the background of the sidenav buttons */
md-sidenav#sidenav md-content.sidenav md-list-item {
  background-color: rgba(255, 224, 100, 0.25);
}

/* Toast 'OK' button */
md-toast .md-toast-content .md-button.md-highlight {
  color: black;
}

/* Changing confirm trip dialog icon to match theme */
md-dialog#confirm-trip-dialog div.md-toolbar-tools md-icon {
  color: #FFCC00;
}


/* Changing confirm subscription dialog icon to match theme */
md-dialog#confirm-subscription-dialog div.md-toolbar-tools md-icon {
  color: #006245;
}