/* header */

.payments-page-header {
    width: 100%;
    background-color: #1c419c;
    height: 50px;
    padding-left:15px;
    padding-right:15px;
}


.header-text {
    /* position: absolute; */
    text-align: left;
    color: #ffffff;
    padding-top: 11px;
}

.header-links {
    text-align: right;
    top: 0;
    right: 10px;
}

.header-links a {
    text-wrap: nowrap;
}

.help-link a,a:link,
a:visited {
    color: #ffffff;
}

.cancel-link a,a:link,
a:visited {
    color: #ffffff;
}

.payments-page-header img {
    display:block;
    text-align: center !important;
    margin-left:auto;
    margin-right:auto;
    top: 0;
}

/* logo */
.brand-inner {
    padding: 15px;
}

/* payments */
.payment-amount {
    color: #2a71cf;
    padding: 5px;
    font-weight: bold;
}

.payment-reference {
    color: #2a71cf;
    padding: 5px;
}

.payment-info-block {
    background-color: #f1f2f6;
    padding: 15px 0px 15px 0px;
    width: 100%;
}

.payment-info-block-row {
    background-color: #f1f2f6;
}

.payment-methods-heading {
    font-size: 90%;
    font-weight: bold;
    color: #2a71cf;
    text-transform: uppercase;
}

.payment-methods-buttons-block {
    padding: 2% 0% 5% 0%;
}

.payment-info-block hr {
    border: 1px solid rgb(163, 163, 163);
}

.service {
    display: block;
}

.btn-pay {
    width: 100%;
    /* padding: 15px; */
    background: transparent;
    color: #2a71cf !important;
    border: 0;
}
.btn-pay:hover {
    background: transparent;
    color: #2a71cf !important;
}

/* payment_error */
.payment-error-msg {
    color: rgb(138, 0, 0);
    padding: 15px;
}

.payment-error-heading {
    font-weight: 300;
}

/* payment_complete */

.payment-complete-reference {
    color: #797d7e;
    font-size: 18px;
}

/* footer */

.supported-by {
    color: #797d7e;
}

.bank-logos img {
    max-width: 90%;
}

.bank-info {
    color: #bfbfbf;
        margin-top: 25px;
}

/* shared */

.payment-block-bg {
    background-color: #f1f2f6;
}

.payment-msg {
    color: #797d7e;
    font-size: 25px;
}

.payment-darkbold {
    font-weight: 800;
    color: #484647;
    font-size: 30px;
}

html, body {
    min-height: 100%;
    overflow-x: hidden;
}

.no-margin {
    padding: 0;
    margin: 0;
}

.main-container {
    padding: 0px;
    min-height: 100%;
}

.row-footer {
    width: 100%;
    padding: 0;
    margin: 0;
}

.row-footer-float {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 0;
    margin: 0;
}

@media all and (max-width:767px){
    .row-footer-float {position: relative !important;}
    .payments-page-header { 
        min-height: 70px;
    }
    .payments-page-header img {
        margin-top: 12px !important;
    }
}