html, body{
  background: #F4F8FB;
}

.payment-form,
.md-content.payment-details,
.md-whiteframe-1dp {
    border: none;
    -webkit-box-shadow: 0 15px 30px 0 rgba(0, 105, 255, .1);
    box-shadow: 0 15px 30px 0 rgba(0, 105, 255, .1);
    background-color:#ffffff;
}

.footer-links{
    display: inline-block;
    padding: 0;
    width: 100%;
    text-align: center;
}

.footer-links li{
    list-style-type: none;
    display: inline;
}

.footer-links li a {
    display: inline-block;
    color: #656565;
    text-decoration: none;
    font-size: 12px;
    padding: 15px;
    text-transform: none;
}

footer{
    margin-top: 40px;
    text-align: center;
    font-size: 12px;
    color: #656565;
}

.alert.alert-warning {
    color: #333;
}

/* Material overrides */

md-radio-button .md-on {
    background-color: #36d1dc;
}

md-radio-button.md-checked .md-off {
    border-color: #36d1dc;
}

a.md-button.md-default-theme.md-primary.md-raised,
a.md-button.md-primary.md-raised, a.md-button.md-default-theme.md-primary.md-fab,
a.md-button.md-primary.md-fab, .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, a.md-button.md-default-theme.md-primary.md-raised:not([disabled]):hover,
a.md-button.md-primary.md-raised:not([disabled]):hover, a.md-button.md-default-theme.md-primary.md-fab:not([disabled]):hover,
a.md-button.md-primary.md-fab:not([disabled]):hover, .md-button.md-default-theme.md-primary.md-raised:not([disabled]):hover,
.md-button.md-primary.md-raised:not([disabled]):hover, .md-button.md-default-theme.md-primary.md-fab:not([disabled]):hover,
.md-button.md-primary.md-fab:not([disabled]):hover{
    background: #36d1dc;
    padding: 5px 20px;
    font-weight: 700;
}

md-input-container.md-default-theme .md-input-message-animation,
md-input-container .md-input-message-animation,
md-input-container.md-default-theme .md-input-messages-animation,
md-input-container .md-input-messages-animation{
    font-size: 12px;
}

md-input-container.md-block{
    margin: 18px 0 0 0;
}

md-select.md-default-theme:not([disabled]):focus .md-select-value,
md-select:not([disabled]):focus .md-select-value,
md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused .md-input,
md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused label,
md-input-container:not(.md-input-invalid).md-input-focused label,
md-input-container:not(.md-input-invalid).md-input-focused .md-input{
  border-bottom-color: #36d1dc !important;
  color: #003d94;
}


._md-datepicker-floating-label._md-datepicker-has-calendar-icon>label:not(.md-no-float):not(.md-container-ignore){
    right: 38px;
}

 md-input-container .md-input[disabled]{
    color: #000;
 }

md-whiteframe h2{
    font-size: 24px;
    font-weight: 400;
    color: #000;
    text-align: left;
}

md-list md-list-item.md-2-line .md-list-item-text p{
    color: #000;
    font-size: 12px;
}


md-content.md-default-theme, md-content{
    background: transparent;
}

md-list-item.md-2-line:before, md-list-item.md-2-line>.md-no-style:before{
    min-height: 48px !important;
}
/* end */
.auto-debit-directions {
    margin-left: 10px;
}

.md-button .material-icons{
    vertical-align: middle;
}

.auto-debit-directions .description{
    font-size: 12px;
    color: #656565;
}

.horizontal-fields{
    width:100%;
    margin-top: 12px;
}

/* Datepicker */
md-datepicker > button.md-datepicker-button.md-icon-button.md-button {
  padding-left: 0;
  margin: 0;
  margin-top: -10px;
}
md-datepicker > div.md-datepicker-input-container {
  margin-left: 8px;
  padding-bottom: 4px;
  width: 80%;
}

.md-icon-button+.md-datepicker-input-container{
    margin-left: 0;
}

input.md-datepicker-input {
    width: 100%;
    max-width: 100%;
    min-width: auto;
}

.md-calendar-date-disabled{
    color: rgba(105, 105, 105, .5);
}

.md-calendar-date-selection-indicator {
    font-size: 16px;
}
.md-calendar-date:not(.md-disabled) .md-calendar-date-selection-indicator{
    font-weight: 700;
}

.md-calendar-selected-date {
  font-weight: 700;
}

/* end Datepiceker */

/* Used for disclaimer */
.alert{
    padding: 10px;
    width: 100%;
}

.alert p{
    margin: 0px;
}

.alert.alert-warning{
    border: 1px solid #E69900;
    background: #FFFCF2;
}

.alert.alert-info{
    border: 1px solid #36d1dc;
    background: #FCFEFF;
    color: #222222;
}

/* end  */


/* upload btn */

.upload-btns .md-button{
    padding: 0 10px !important;
    font-size: 12px;
    font-weight: 700;
    margin: 0;
}

.upload-btns > label{
    margin: 0px;
}

.md-upload{
    background: #f4f8fb !important;
    box-shadow: none !important;
    color: #006 !important;
    border: 1px dashed rgb(154, 188, 214);
}

.md-upload.md-raised[disabled]{
    opacity: .75;
    color: #2e5baf !important;
    border: 1px solid #eee;
    font-weight: 400;
}

.md-warning {
    padding: 0 10px !important;
    font-size: 12px;
    background: #ffcc00 !important;
    box-shadow: none !important;
    color: #003d94 !important;
    font-weight: 700;
    float: right;
}

/* end */

.payment-description{
    margin-top: 20px !important;
}


.card-details-container{
    width: 100%;
}


.payment-cards{
    float: right;
    vertical-align: middle;
    margin-top: 10px;
}

.agree-to-pay-text{
    width: 100%;
    min-height: 48px;
    color: #999;
    font-size: 12px;
}

/* loading */
.loading-dialog {
    background-color:transparent;
    box-shadow:none;
    overflow: hidden;
}

md-progress-circular path{
    stroke: rgb(255, 255, 255);
}

md-backdrop.md-opaque {
    opacity: .60;
}

md-backdrop.md-opaque.md-default-theme, md-backdrop.md-opaque{
    background: #2c6296;
}
/* end */


.step1-container{
    overflow-y:auto;
    padding:0px;
    width:100%;
    background-color:#ffffff;
}

.md-toolbar-tools{
    margin: 20px 0px 0px;
    max-height: 110px !important;
    height: 100% !important;
}

.upload-bada-form{
    padding: 10px;
}

.upload-bada-form md-input-container.md-block{
    margin: 0px;
}
.upload-bada-form md-checkbox{
    margin: 10px 0px 0px;
}

.upload-bada-form .upload-guide{
    font-size: 10px;
    margin-top: 24px;
}

/* Receipt Success */

.md-whiteframe-1dp.receipt-success{
    background-size: cover !important;
}

.md-whiteframe-1dp.receipt-success .receipt-logo{
    width: 200px;
    margin-right: 12px;
}

.md-whiteframe-1dp.receipt-success p,
.md-whiteframe-1dp.receipt-success h3{
    color: #ffffff;
    text-align: center;
    margin: 0;
}

.md-whiteframe-1dp .md-warning{
    padding: 5px 50px !important;
    color: #2f2f2f !important;
}
/* end */


/* autocomplete */
md-autocomplete input:not(.md-input){
  padding: 0px;
  padding-left: 3px;
}
/* end */

.terms-and-agreement-link,
.terms-and-agreement-link:hover,
.terms-and-agreement-link:focus{
    color: #36d1dc;
    text-decoration: none;
}

.qw-link,
.qw-link:hover,
.qw-link:focus{
    color: #36d1dc;
    text-decoration: none;
}

[hidden] {
  display: none;
}

.partials-container.md-whiteframe-1dp {
    padding: 32px;
    text-align: justify;
}

.partials-container h1 {
    color: #232735;
    font-family: Sailec, Arial, sans-serif;
    font-size: 24px;
    font-weight: 700;
}

.partials-component .aq-logo-tagline {
    margin-top: 56px;
    margin-bottom: 48px;
}

.partials-component .aq-logo {
    height: 36px;
}

.partials-component .aq-tagline {
    display: block;
    font-size: 14px;
    margin-top: 8px;
}

.partials-component md-progress-circular svg path {
  stroke: #36d1dc;
}

.partials-component > footer {
    border-top: #E1E7ED 1px solid;
    padding: 48px 0;
}

.partials-component > footer .aq-logo-tagline {
    margin-top: 0;
    margin-bottom: 0;
}

.partials-component > footer .aq-logo {
    height: 24px;
}

.partials-component > footer .aq-tagline {
    display: block;
    font-size: 12px;
    line-height: 20px;
}

.partials-component > footer .footer-links {
    text-align: center;
}

.partials-component > footer .footer-links > a {
    color: #505565;
    text-decoration: none;
}

@media only screen and (min-width: 600px) {
    .partials-component > footer {
        text-align: left;
    }

    .partials-component > footer .qw-geotrust-btn {
        margin: 0;
        margin-left: auto;
    }
}