@import url("https://use.typekit.net/rfm2nsq.css");

.md-theme-default{
  /*color: white!important;
  background-color: #12269A!important;*/
}
.app-wrapper{
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 40px;
}
@media screen and (max-width: 678px){
  .app-wrapper{
    width: 100%;
  }
}

.md-card .md-subheading{
  font-weight:bold;
}
.md-theme-default h1, .md-theme-default h2{
    font-weight: 700;
    line-height: 1.2;
      color: #12269A;
    }
.md-theme-default h1.ssa-type-header{
  color: #99cb53;
}
.book-day button.md-whiteframe{
  background: #ffffff!important;
  border: 0px solid white!important;
  border-radius: 5px!important;
}
.book-day{
  border-radius: 5px!important;
}

.book-day button.md-whiteframe .md-title{
  color: #12269A!important;
  font-weight: bold!important;
}

.material-icons {
    font-family: 'Material Icons';
}
.booking-header .md-layout{
  display: block;
}
.booking-header .md-layout .ssa-type-header{
  font-size: 24px;
}
.booking-header h2.md-subheading{
  color: white;
}
.booking-header .md-layout .md-layout{
  width: 100%;
  text-align: center;
  display: block;
  margin-bottom: 30px;
}
.time-select ul.time-listing button{
  color: #12269A!important;
  font-weight: bold!important;
}
.time-select ul.time-listing button:hover{
  color: #ffffff!important;
}
.timezone, .timezone .md-input-container{
  display: inline-block;
}
.timezone .md-button{
  min-height: 22px;
}
.timezone .md-button i{
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  font-size: 21px;
}
.timezone .md-button.md-icon-button {
    width: 27px;
    min-width: 20px;
    height: 21px;
}

.book-day button.md-whiteframe:hover{
  background: #99cb53!important;
  color: #ffffff!important;
}
.book-day button.md-whiteframe:hover .md-title{
  color: #ffffff!important;
}

ul.time-listing li button{
    border: 0px solid white;
    border-radius: 5px;
    margin-bottom: 5px;
}
.confirm h1.md-title{
      font-weight: 700;
    line-height: 1.2;
      color: #12269A;
}
.confirm .md-input-container label,{
  color: white;
}
.confirm .md-card{
  box-shadow: none;
}
.md-button.md-fab{
  box-shadow: none;
}
.confirm .md-card .md-card-actions button,
.confirm .md-card .md-card-actions button.calendar-save{
    font-weight: bold;
}
.confirm .md-card .md-card-actions button:hover,
.confirm .md-card .md-card-actions button.calendar-save:hover{
  background: #46751d!important;
  color: white!important;
}