@import url('https://fonts.googleapis.com/css?family=Numans');

html,body{    background: #ffffff url(img/logo2.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 400px;
    font-family: 'Numans', sans-serif;
    background-repeat: no-repeat;
    background-position: center; }
/* ================= Dividers ================= */
.clear {content:"."; display:block; clear:both; height:0; visibility:hidden;}
.padding3 {padding-top:3px; font-size:0; line-height:0;}
.padding5 {padding-top:5px; font-size:0; line-height:0;}
.padding10 { padding-top:10px; font-size:0; line-height:0;}
.padding12 {padding-top:12px; font-size:0; line-height:0;}
.padding15 {padding-top:15px; font-size:0; line-height:0;}
.padding17 {padding-top:17px; font-size:0; line-height:0;}
.padding20 {padding-top:20px; font-size:0; line-height:0;}
.padding25 {padding-top:25px; font-size:0; line-height:0;}
.padding30 {padding-top:30px; font-size:0; line-height:0;}
.padding35 {padding-top:35px; font-size:0; line-height:0;}
.padding40 {padding-top:40px; font-size:0; line-height:0;}
.padding50 {padding-top:50px; font-size:0; line-height:0;}
.padding60 {padding-top:60px; font-size:0; line-height:0;}
.padding70 {padding-top:70px; font-size:0; line-height:0;}
.padding80 {padding-top:80px; font-size:0; line-height:0;}
.padding100 {padding:100px; font-size:0; line-height:0;}
.padding180 {padding-top:180px; font-size:0; line-height:0;}
.padding240 {padding-top:240px; font-size:0; line-height:0;}
.none {display:none;}
hr {margin-top:10px !important; margin-bottom:10px !important; border: 0; border-top: 2px solid #22428C !important;}
hr {box-sizing: content-box; height: 0;}
p + hr {margin:5px 0 10px 0;}
/* ================= Wrappers ================= */
h1,h2,h3,h4,h5,h6, .fontWhite {color:#ffffff;}
.container{height: 100%;align-content: center;}
img.logo, .headerLeft img {width:50%;}
.card {margin-top: auto;margin-bottom: auto;width: 1000px;background-color: rgb(59 109 142 / 90%) !important; padding:20px;}
#epayform, .resultspage {background-color: rgba(0,0,0,0.5) !important; padding:20px;}
.card-header h3, .help-block{color: white;}
.submitMakePayment {
    color: black;
    background-color: #FFC312;
    padding: 10px;
    cursor: pointer;
    margin: 0 auto;
    display: block;
}

.submitMakePayment:hover{color: black;background-color: white;}
.demoContent p, .centered, .control-label{color:#fff; font-size:.999em;}
.headerLeft {float:left;}
.headerRight {float:right;}
.phoneNumber {margin: 15px 20px 5px 20px; padding-bottom: 7px; color:#fff; font-size:1em;}
.phoneNumber em {font-style:normal;}
.help-tip {color:#fff;}
span {color:#fff;}
span.ui-button-text {color:#000;}