body {
  font-family: proxima-nova, sans-serif;
}

.first-onboarding-page {
  background-position-y: center;
}

md-toolbar.signin-toolbar>div.md-toolbar-tools {
  max-height: 100%;
  height: 100%;
  background-color: #f5f5f5;
}

img.logo {
  height: 73px;
}

div.menu-section-logo {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #fefefe;
}

.sidenav {
  background-color: #f5f5f5 !important;
  color: #ee352a !important;
}

/*change all input and label text color*/
.md-input-invalid label,
md-input-container.md-input-invalid .md-input,
md-input-container .md-input-messages-animation,
md-input-container.md-input-invalid .md-input-message-animation,
md-input-container .md-input-message-animation {
  color: #ee352a !important;
  border-color: #ee352a;
}

/*change hover and focus colors of nav items*/
section[class*="menu-section"] md-list-item>div>button:not([disabled]):hover,
section[class*="menu-section"] md-list-item>div>a:hover,
section[class*="menu-section"] md-list-item>div:hover {
  background-color: unset !important;
}

section[class*="menu-section"] md-list-item:hover,
section[class*="menu-section"] md-list-item:active,
section[class*="menu-section"] md-list-item:focus {
  background-color: #ee352a !important;
  color: #ffffff !important;
}

/* add box shadow to focused nav items Feedback and General Info*/
section[class*="menu-section"] md-list-item>div>a.md-button:focus:not([disabled]) {
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.8), inset 0 0 0 3px rgba(255, 255, 255, 0.8) !important;
}

#checkbox-modify-password>div.md-label {
  color: #ffffff;
}

.mobile-month-header {
  background-color: #384A59;
}

/*change the leave earlier later buttons to white with red text*/
#solutionsContainer>md-card>md-card-content>div>ng-include>button,
#solutionsContainer>md-card>md-card-content>div>ng-include>button>md-icon {
  background-color: #ffffff;
  color: #ee352a;
}

/*change all text in block-header to white*/
.block-header {
  color: #ffffff !important;
}

/*change menu diverders to red*/
md-divider[class*="menu-section"] {
  background-color: #ee352a;
}

/*add black border and text color to trip status arrived*/
.trip-status.A {
  color: #000000;
  border-width: 1px;
  border-color: #000000;
  border-style: solid;
}

/*re-position the image*/
.ezwallet-intro-banner {
  background-position-y: 55%;
}

/* change color and size of success toast */
md-toast.success>div.md-toast-content {
  background-color: #89d868;
  font-size: 1.2em;
  color: #000000;
}

/* change color and size of error toast */
md-toast.error>div.md-toast-content {
  background-color: #ee352a;
  font-size: 1.2em;
  color: #ffffff;
}

/* Move toast message to bottom center */
md-toast.md-center {
  left: 50%;
  transform: translate3d(-50%, 0, 0);
}

.toast-template.error md-icon {
  color: #ee352a;
  margin-right: 8px;
  background-color: #ffffff;
  padding-top: 0.07em;
  padding-right: 0.07em;
  padding-bottom: 0.07em;
  padding-left: 0.07em;
  clip-path: circle(45%);
}

.toast-template.success md-icon {
  color: #0EA261;
  margin-right: 8px;
  background-color: #ffffff;
  padding-top: 0.1em;
  padding-right: 0px;
  padding-bottom: 0.09em;
  padding-left: 0px;
  -webkit-clip-path: polygon(6% 3%, 6% 72%, 50% 98%, 96% 72%, 96% 3%);
  clip-path: polygon(6% 3%, 6% 72%, 50% 98%, 96% 72%, 96% 3%);
}