footer {background: #022F22 !important}footer .footer-div a {background-color: #022F22 !important}nav {border-bottom: 3px solid #022F22}header .nav-link {color: #022F22 !important}.card-header {background-color: #022F22 !important}.card-header {border-color: #022F22 !important}
.body  {font-family: 'Open Sans', sans-serif; !important}.text-sm {font-family: 'Open Sans', sans-serif; !important}.zeal-button-primary {font-family: 'Open Sans', sans-serif; !important; text-transform: uppercase; font-weight: bold;}.bpoint-form-group input.bpoint-form-control, .bpoint-form-group label, .bpoint-container label {font-family: 'Open Sans', sans-serif; !important}
.body {color: #212529 !important}.text-sm {color: #212529 !important}.bpoint-form-group input.bpoint-form-control, .bpoint-form-group label, .bpoint-container label {color: #212529 !important}
.button, a.button, button, input[type = 'submit'], input[type = 'reset'], input[type = 'button'] {background: #BF9942 !important}.nav-pills .nav-link.active, .nav-pills .show > .nav-link {background: #BF9942 !important}.zeal-button-primary {background: #BF9942 !important}.bpoint-btn {background-color: #BF9942 !important}
.button, a.button, button, input[type = 'submit'], input[type = 'reset'], input[type = 'button'] {color: #FFFFFF !important}.button:hover, a.button:hover, button:hover, input[type = 'submit']:hover, input[type = 'reset']:hover, input[type = 'button']:hover {color: #FFFFFF !important}.nav-pills .nav-link.active, .nav-pills .show > .nav-link  {color: #FFFFFF !important}.zeal-button-primary {color: #FFFFFF !important}.bpoint-btn {color: #FFFFFF !important}
.button:hover, a.button:hover, button:hover, input[type = 'submit']:hover, input[type = 'reset']:hover, input[type = 'button']:hover {background: #BF9942 !important}.zeal-button-primary:hover {background: #BF9942 !important}.bpoint-btn:hover {background-color: #BF9942 !important}#receipt-details { display: none; }


.bpoint-form-group input.bpoint-form-control {width: 100%; padding: 0.25rem; font-size: 1rem; line-height: 1;}
.bpoint-form-group label, .bpoint-container label {display: block; margin-bottom: 0.5rem; margin-top: 0.5rem; font-weight: bold;}
.bpoint-cardExpiry .bpoint-col-md-6 {width: calc(50% - 0.5rem); display: inline-block; margin-right: 0.5rem;}
.bpoint-cardCvn .bpoint-form-group, .bpoint-cardName .bpoint-form-group {width: 100%; display: inline-block;}
.bpoint-cardCvn .bpoint-form-control, .bpoint-cardName .bpoint-form-control {width: calc(50% - 0.5rem); margin-right: 0.5rem;}
.bpoint-btn {margin-top: 0.5rem}


.bpoint-form-control.bpoint-is-invalid {border: 2px solid #dc3545 !important; padding-right: calc(1.5em + .75rem); background-image: url('/Content/Images/redtick.svg'); background-repeat: no-repeat; background-position: right calc(.375em + .1875rem) center; background-size: calc(.75em + .375rem) calc(.75em + .375rem);}
.bpoint-form-control.bpoint-is-valid {border: 2px solid #28a745 !important; padding-right: calc(1.5em + .75rem); background-image: url('/Content/Images/greentick.svg'); background-repeat: no-repeat; background-position: right calc(.375em + .1875rem) center; background-size: calc(.75em + .375rem) calc(.75em + .375rem);}