/* styles in src/style directory are applied to the whole page */
body {  
}

a {
  color: #03A9F4;
}

 md-dialog

footer {
  text-align: center;
  font-size: 0.8em;
}
 
form md-card-content{
  padding:0px!important;;
}

form md-list{
  padding:0px!important;
}

form md-card-content a {
  text-decoration: none!important;;
}
 
section { 
  padding-bottom:1400px!important;
}
/* For Firefox */
input[type='number'].no-scroll {
    -moz-appearance:textfield;
}
/* Webkit browsers like Safari and Chrome */
input[type=number].no-scroll::-webkit-inner-spin-button,
input[type=number].no-scroll::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.fill-space {
  // This fills the remaining space, by using flexbox.
  // Every toolbar row uses a flexbox row layout.
  flex: 1 1 auto;
}

.md-input-container {
  display: inline-block;
  position: relative;
  padding: 2px;
  margin: 18px 0;
  vertical-align: middle;
}

.page-container{
  width: 100%;
} 
 
 /*Spinner */
 .loading{
  z-index:4000;
  background-color:rgba(0,0,0,0.10);
  position: fixed; 
  width:100%;
  min-width:100%;
  height:100%;
  min-height:100%;
  display: block;
  }

 .loading .spinner{  
    width:inherit;
    display: inline-block;
    text-align: center;
} 

.loading .spinner md-progress-circular{ 
    margin-top: 25%; 
}
  
.md-progress-circular.md-default-theme path, md-progress-circular path{
  color:#FFF!important;
}

/*end spinner*/

/*Donation*/

form .hint {
    /* Position the hint */ 
    left: 2px;
    right: auto;
    bottom: 7px;
    /* Copy styles from ng-messages */
    font-size: 12px;
    line-height: 14px;
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    /* Set our own color */
    color: grey; 
  }

.donation-options {
  margin:24px;
}

.donation-content-container{


}

.donation-content-container img{
   width: 100%;
    height: auto;
}

.payment-amount-switch{
  font-size:1.15em; 
  padding:4px;
  margin:4px;
  border-color: rgba(50,50,50,.95)!important;
}

.payment-options-switch{
  font-size:1.3em;
  padding:12px; 
  box-radius:0!important;
  border-color: rgba(50,50,50,.95)!important;

}

.donation-headling{
  font-weight: lighter;

}

.donation-option{
  font-weight: lighter;

}

md-input-container.donation-options{
    padding:0px!important;
    margin: 16px!important;
        bottom: 12px;
}

.md-switch-button{
  margin:0px;
  border-radius:0px!important;
  color:#00447e; 
}
.md-pressed{ 
  border-bottom-style: solid;
  border-bottom-color:#ffcf00!important;
  border-bottom-width: 2px;
  }
  
  .donate-form .md-tab{
    font-size:1.2em;
        text-transform: capitalize;
  }
  
  .donate-form .md-content{
    background-color:#FFF!important;
  }
  
  .donate-button{ 
    width:100%;
    min-width:100%;
    border-radius:0px;
    margin:12px; 
    font-size:1.35em;
  }

  .payment-method-tabs md-content{
    background-color:rgba(0, 0, 0, 0)!important;
  }

  md-tabs.md-default-theme .md-tab.md-active, md-tabs .md-tab.md-active, md-tabs.md-default-theme .md-tab.md-active md-icon, md-tabs .md-tab.md-active md-icon, md-tabs.md-default-theme .md-tab.md-focused, md-tabs .md-tab.md-focused, md-tabs.md-default-theme .md-tab.md-focused md-icon, md-tabs .md-tab.md-focused md-icon {
    color:#2d78c8;
  }

  .md-button.md-default-theme.md-primary.md-raised, .md-button.md-primary.md-raised, .md-button.md-default-theme.md-primary.md-fab, .md-button.md-primary.md-fab
  {
    background-color:#2d78c8;
  }

  .md-button.md-default-theme.md-raised[disabled], .md-button.md-raised[disabled], .md-button.md-default-theme.md-fab[disabled], .md-button.md-fab[disabled]{
     background-color:#FFF;
  }

  
  
/*end donation*/


/*Vendor upload*/

.vendor-upload-dialog{ 
  min-width: 550px;
  min-height: 450px;
  overflow: inherit;
}

.vendor-upload-stage-icon{
  display: block;
  text-align: center;
}

.vendor-upload-stage-icon .md-icon{
  font-size: 48px; 
}

.vendor-upload-dialog md-step-body{
  overflow: inherit;
}

.vendor-upload-stage-icon .md-icon.error-icon{
  font-size: 48px; 
}

/*volunteering*/

md-stepper md-steppers-header.md-whiteframe-1dp {
  box-shadow:none!important;
}



/*Frank amends*/

html body, html button, html input, html select, html textarea {
    font-family:Roboto,Helvetica Neue,sans-serif!important;
  }
  
  input, textarea, select, button{ 
    font-size:16px;
        font: 400 16px Roboto,Helvetica Neue,sans-serif!important;
      line-height:26px
  }
  html md-tabs-canvas{
    border:none
    
  }
    
  .md-steppers-vertical .md-stepper{
    padding:4px;
  }
  md-steppers * {
        overflow-y: scroll;
        overflow-x: hidden; 
        -webkit-overflow-scrolling: touch;
    }
  
  .hw-560{
    overflow-y:auto;
  }

  .hw-1080 {
    overflow-y:auto;
  }
  
  .row.flex{
    
  }

  .vendor-upload-dialog a{
     text-decoration: underline!important;
  }

  md-toolbar.md-default-theme:not(.md-menu-toolbar), md-toolbar:not(.md-menu-toolbar){
     background-color:#2d78c8;
  }

/*Bold selectable dates as the donation calendar contrast is minimal between disabled and non-disabled*/
.md-calendar-date:not(.md-disabled) .md-calendar-date-selection-indicator{
  font-weight:800;
}

/*Mobile*/
@media only screen and (max-width: 68em) {
 .vendor-upload-dialog {
  width: inherit;;
  min-width: inherit;;
 }

 html .md-button{

 }
}
/*# sourceMappingURL=app.css.map*/