@font-face {
font-family: 'payment page';
src: url('../fonts/payment-page.eot');
src: url('../fonts/payment-page.eot?#iefix') format('embedded-opentype'),
url('../fonts/payment-page.woff') format('woff'),
url('../fonts/payment-page.ttf') format('truetype'),
url('../fonts/payment-page.svg#payment-page') format('svg');
font-weight: normal;
font-style: normal;
}

[class*='paymentpage-']:before {
display: inline-block;
font-family: 'payment page';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}

body {
background-color: #fff !important;
}

.btn{
background: #a30000 !important; /* Old browsers */
background: -moz-linear-gradient(left,  #a30000 0%, #a30000 50%, #a30000 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #a30000 0%,#a30000 50%,#a30000 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #a30000 0%,#a30000 50%,#a30000 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='##a30000', endColorstr='##a30000',GradientType=1 ); /* IE6-9 */
/* border-color: #df0000; */
border-color: #a30000; /* Old browsers */
border-color: -moz-linear-gradient(left,  #a30000 0%, #a30000 50%, #a30000 100%); /* FF3.6-15 */
border-color: -webkit-linear-gradient(left,  #a30000 0%,#a30000 50%,#a30000 100%); /* Chrome10-25,Safari5.1-6 */
border-color: linear-gradient(to right,  #a30000 0%,#a30000 50%,#a30000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
/* color: #e40000; */

color: #a30000 !important; /* Old browsers */
color: -moz-linear-gradient(left,  #a30000 0%, #a30000 50%, #a30000 100%) !important; /* FF3.6-15 */
color: -webkit-linear-gradient(left,  #a30000 0%,#a30000 50%,#a30000 100%) !important; /* Chrome10-25,Safari5.1-6 */
color: linear-gradient(to right,  #a30000 0%,#a30000 50%,#a30000 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='##a30000', endColorstr='##a30000',GradientType=1 ); /* IE6-9 */

}

.nav-tabs>li.active>a:after {
background: #a30000 !important; /* Old browsers */
background: -moz-linear-gradient(left,  #a30000 0%, #a30000 50%, #a30000 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #a30000 0%,#a30000 50%,#a30000 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #a30000 0%,#a30000 50%,#a30000 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='##a30000', endColorstr='##a30000',GradientType=1 ); /* IE6-9 */
}

a.btn.btn-text {
background: none !important;
}


.paymentpage-outlined-payment:before {
content: '\0050';
}

.paymentpage-outlined-smartphone:before {
content: '\0051';
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
border: none;
}

.payments-tab-customize .nav-tabs>li a {
border: none;
}

.input-group-addon {
background: none;
}

.nav>li>a:focus,
.nav>li>a:hover {
background: none;
}

.nav-link {
border: none;
}

.payment-card .visa {
background-image: url(../images/visa-icn.png);
background-repeat: no-repeat;
width: 35px;
}

.payment-card .master {
background-image: url(../images/master-icn.png);
background-repeat: no-repeat;
width: 27px;
}

.payment-card .amex {
background-image: url(../images/amex-icn.png);
background-repeat: no-repeat;
width: 38px;
}

.payment-card .diners {
background-image: url(../images/diners.png);
background-repeat: no-repeat;
width: 24px;
height: 20px;
}

.payment-card .rupay {
background-image: url(../images/rupay-icn.png);
background-repeat: no-repeat;
width: 45px;
}

.payment-card .jcb {
background-image: url(../images/jcb.png);
background-repeat: no-repeat;
width: 20px;
}

.nav-tabs>li {
height: 58px;
}

@media screen and (min-width: 766px) {
.page-main-app-payments-start .flex-contaner #payments_tab.payments-tab-customize {
width: calc(100% - 371px);
}
}

@media screen and (max-width: 1200px) {
#saveCardList {
top: -11px !important;
left: 14px;
}
}


@media screen and (min-width: 766px) {
.payments-tab-customize {
width: calc(100% - 371px);
}
}


@media screen and(min-width: 766px) {
.summary-bar-wrapper {
min-width: 371px;
padding: 0;
}
}


@media screen and (min-width: 766px) {
.summary-bar-wrapper {
min-width: 371px;
padding: 0;
}

}

@media screen and (min-width: 766px) {
.summary-bar-wrapper .summary-bar-container {
width: 380px;
position: fixed;
bottom: 0;
padding: 0 40px;
overflow-y: auto;
top: 0;
overflow-x: hidden;
background: #a30000; /* Old browsers */
background: -moz-linear-gradient(left,  #a30000 0%, #a30000 50%, #a30000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #a30000 0%,#a30000 50%,#a30000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #a30000 0%,#a30000 50%,#a30000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='##a30000', endColorstr='##a30000',GradientType=1 ); /* IE6-9 */
float: right;
display:block;
}
}

.summary-bar-wrapper {
position: relative;
display: block;
color: #fff;
font-family: Tondo;
padding-bottom: 80px !important;
float: right;
}

@media screen and (max-width: 766px) {
.summary-bar-wrapper {
position: relative;
display: block !important;
color: #FFFFFF;
font-family: Tondo;
padding-bottom: 15px !important;
float: right;
width: 100%;
z-index: 99;
background: #a30000; /* Old browsers */
background: -moz-linear-gradient(left,  #a30000 0%, #a30000 50%, #a30000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #a30000 0%,#a30000 50%,#a30000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #a30000 0%,#a30000 50%,#a30000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='##a30000', endColorstr='##a30000',GradientType=1 ); /* IE6-9 */
/*background-color: #a30000;
color: #a30000;*/
}


#dccCurrSelect{
width: 95% !important;
}

.bottom{
position: relative !important;
bottom: 0px !important;
width: 100%;
}

#custLoginBtn {
right: 0px;
}
#methods-tabs{
margin-top: 22px !important;
}
}

@media screen and (max-width:1066px){
.title-2 {
font-size: 35px !important;
}
}​

@media screen and (max-width:1615px){
#card-details3 {
clear: both;
float: left !important;
min-width: 70%;
}
}​


@media screen and (max-width: 766px) {
.summary-bar-wrapper .summary-bar-container input[type=checkbox]:checked~.content {
margin-top: 0;
max-height: 0;
}
}

@media screen and (max-width: 766px) {
.page-main-app-payments-start .summary-bar-container input.accordion-toggle~.content {
max-height: 768px;
}
}

@media screen and (max-width: 766px) {
.content {
margin: 0;
overflow: hidden;
max-height: 300px;
transition: all .5s ease-in-out;
border-bottom: 1px solid hsla(0, 0%, 100%, .31);

}

.iframe_payment_ref {
width: 50% !important;
float: left !important;
}
.service{
width:100% !important;
margin-top:10px;
}

/* .flex-contaner{
margin-right: -15px;
} */
.notification_text{
width: 100% !important;
padding: 24px !important;
}
}


@media screen and (max-width: 1431px) {

.partPaymentBtnOpt {
float: left !important;
margin-top: 10px;
}

.partPaymentBtnCancel {
margin-top: 10px;
}

#partPaymentsOptions {
width: 100% !important;
clear: both;
padding-left: 16px !important;
float: right !important;
margin-top: 10px !important;
}
}

@media screen and (max-width: 869px) {
#partPaymentBtnWrap .submit-button {
padding: 16px 15px !important;
font-size: 13px !important;

}
}

@media screen and (max-width: 400px) {
#partPaymentBtnWrap{
width: 300px!important;
}
}

@media (min-width: 768px)  and (max-width: 801px) {
#partPaymentsMain{
padding-left: 0px!important;
}
}

@media all and  (min-width:768px) and (max-width:992px){
.log-in-out {
position: absolute !important;
right: 0px !important;
bottom: 180px;
}
}​

.notification_text h3 {
font-size: 30px !important;
margin-bottom: 18px !important;
}

.notification_icon {
display: none !important;
}
#paypal-method .notification_icon {
display: block !important;
line-height: 0px;
}

@media screen and (max-width: 766px) {
#partPaymentBtnOpt,#partPaymentBtnCancel {
width: 100% !important;
}
#partPaymentBtnWrap .submit-button {
font-size: 11px !important;
}
}

.nav-tabs>li.active>a {
border: none;
margin-right: 0px !important;
background: rgba(72, 72, 72, 0.05);
color: black !important;
font-weight: bold;
}

.bottom {
position: absolute;
bottom: 20px;
}

.payment-Wallet li.active .circle,
.payment-Wallet li:hover .circle {
box-shadow: inset 0 0 0 2px #e40000;
}

.payment-Wallet li .circle {
background: #fff;
line-height: 16px;
vertical-align: middle;
display: table-cell;
height: 130px;
padding-left: 5px;
padding-right: 5px;
text-align: center;
width: 130px;
box-shadow: inset 0 0 0 1px #9f9f9f;
border-radius: 100%;
font-size: 12px;
cursor: pointer;
transition: .5s;
position: relative;
}

.payment-Wallet li .cicle-out {
text-align: center;
padding-top: 10px;
color: #000 !important
}

.payment-Wallet li {
display: inline-block;
vertical-align: middle;
margin-right: 30px;
text-align: left;
max-width: 140px;
margin-bottom: 20px;
}

.valign-top,
.verticle-align-top {
vertical-align: top !important;
}

.paymentpage-outlined-payment.circle-point:after {
content: "";
height: 8px;
width: 8px;
border: 1px solid #e40000;
position: absolute;
border-radius: 100%;
margin-left: -12px;
margin-top: 15px;
}

select {
-webkit-appearance: menulist !important;
-moz-appearance: menulist !important;
appearance: menulist !important;
}

select:disabled {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
border:none !important;
}

.creditElement select {
width: 70px;
cursor: pointer;
-webkit-appearance: menulist !important;
-moz-appearance: menulist !important;
appearance: menulist !important;
}

#cvvHelp {
color: black;
position: relative;
top: 11px;
right: 23px;
cursor: help;
}

.popover-title {
height: 0px;
}

select:invalid {
color: gray;
}


.iframe_lable {
font-weight: bold;
font-size: 13px;
position: relative;
top: -3px;
text-transform: uppercase;
}

.iframe-savecust-text {
font-weight: 300;
font-size: 14px;
}

.iframe-terms_wrapper {
text-align: left;
color: #000;
font-weight: 300;
border: 1px solid #ccc;
border-radius: 3px;
margin: 6px 5px 12px 9px;
padding: 10px;
/* width: 98%; */
background-color: #eeeeee75;
}

.terms_text {
font-size: 13px;
font-weight: 400;
line-height: 18px;
color: #484848;
padding-bottom:15px;
padding-right:20px;
}

.terms_text a {
color: #126fbe;
}

.bg-body,
.bg-gray-mid-light {
background-color: #fff !important;
}

.iframe_countdown {
font-weight: 300;
font-size: 20px;
color: #e40000;
margin-top: 7px;
}

/****************************** MOBILE METHOD ********************************/

.mobile_method_selection_box.well-lg {
position: relative;
display: block;
width: 100%;
float: left;
padding: 0 20px !important;
border: 1px solid #ccc;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.mobile_method_selection_box ul {
margin: 0 !important;
padding: 0 !important;
}

.mobile_method_selection_box ul li {
position: relative;
display: block;
/*width:100%;*/
float: left;
padding: 10px;
/*border-bottom:1px solid #ccc;*/
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.mobile_method_selection_box ul li img {
max-width: 80% !important;
}

.mobile_method_phone_wrapper {
position: relative;
display: block;
width: 100%;
float: left;
text-align: right;
}


.method_note_text {
position: relative;
width: auto;
float: left;
padding: 8px 0;
font-size: 1em;
text-align: right;
}

.mobile_method_phone {
position: relative;
width: auto;
float: right;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.mobile_method_phone_prefix {
position: relative;
display: inline-block;
float: left;
padding: 8px 0;
margin: 0 5px 10px 0;
}

.mobile_method_phone_input {
position: relative;
float: left;
display: inline-block;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.mobile_method_total {
position: relative;
display: block;
float: left;
width: 100%;
text-align: right !important;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.method_total_label {
position: relative;
display: inline-block;
color: #555;
font-family: roboto;
font-size: 1.5em;
font-weight: 500;
}

.method_total {
position: relative;
display: inline-block;
color: #555;
font-family: roboto;
font-size: 1.5em;
font-weight: 900;
}

.iframe_bankSpan {
margin: 9px;
min-width: 158px;
border: 1px solid #f5f5f5;
border-radius: 3px !important;
box-shadow: 10px 10px 10px #ddd;
background: none !important;
}

#bankInstructions {
margin: 9px;
width: 100%;
border-radius: 3px !important;
display: inline-block !important;
}


figcaption {
font-size: 12px;
margin-top: 14px;
font-weight: 400;
}


#loader {
display: none;
opacity: 0.5;
background: url(../../payv2/assets/img/page-loader.gif) 50% 50% no-repeat rgb(249, 249, 249);
position: fixed;
z-index: 999;
height: 100%;
width: 100%;
margin: auto;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 99999;
}

.iframe_mobile {
margin-right: 30px;
padding: 0px;
background: none !important;
}
.infoMessagePayment {
width: 239px;
text-align: center;
padding: 13px;
margin-top: 5px;
}

.infoBoxPayment {
background-color: #fff;
border-width:1px !important;
border-style:solid !important;
border-color:#46a7ee !important;
}
.infoMessageText{
font-size:10px;
}
.payment_Box{
    width: 100%;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 16px 0 rgb(0 0 0 / 8%);
    box-shadow: 0 0 16px 0 rgb(0 0 0 / 8%);
    overflow: hidden;
    color: #909090;
}
.iframe_mobile:hover {
background-color: rgba(255, 255, 255, .15)  !important;
}

.iframe_mobile:active {
background-color: rgba(255, 255, 255, .15)  !important;
}

/* .terminal_optradio{
visibility:hidden;
} */

.payment_ref_title {
font-weight: 600;
font-size: 17px;
}

.iframe_payment_ref {
margin-bottom: 11px;
}

/* .qr_code_block_title{
font-weight: 600;
font-size: 17px;
} */

/* .payment_block_inner {
display: block;
width: 100%;
float: left;
padding: 10px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
} */

.qr_code_block_title {
display: inline-block;
margin: 0 !important;
font-size: 20px;
font-weight: 100;
width: 59%;
line-height: 30px;
position: relative;
top: 36px;
}

.qr_code {
float: right;
width: 40%;
text-align: center;
padding: 25px 10px;
}

.iframe_mobile img {
width: 76px;
height: 49px;
}

.popover {
z-index: 9999999 !important;
max-width: 300px !important;
height: fit-content !important;
margin-right: -150px !important;
border-color: red;
border-radius: 3px;
color: red;

}

.popover-content {
width: 100% !important;
text-align: left !important;
z-index: 9999 !important;
overflow-wrap: break-word !important;

}

.content .popover-content {
color: red !important;
font-weight: bold !important;
}

.popover.right>.arrow {
border-right-color: red !important;
}

.popover.bottom>.arrow {
border-bottom-color: red !important;
}

.popover.left>.arrow {
border-left-color: red !important;
}


.submit-button:active {
position: relative;
top: 1px;
}

.clear-both {
clear: both;
}

#mvisaHelp {
margin-bottom: -5px;
margin-left: -20px;
position: relative;
top: 32px;
}

.mvisa-tool-tip {
font-weight: 300;
font-size: 12px;
margin: 1% 0.5%;
width: auto;
height: 16px;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
color: #fff;
text-align: center;
-webkit-border-radius: 100px;
border-radius: 100px;
background: #a30000; /* Old browsers */
background: -moz-linear-gradient(left,  #a30000 0%, #a30000 50%, #a30000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #a30000 0%,#a30000 50%,#a30000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #a30000 0%,#a30000 50%,#a30000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='##a30000', endColorstr='##a30000',GradientType=1 ); /* IE6-9 */
text-decoration: none;
overflow: hidden;
}

#mobile-method .terminal_optradio {
visibility: hidden;
}

input[type=email],
input[type=phone] {
border: none;
border-bottom: 1px solid #9f9f9f;
padding-bottom: 6px;
padding-top: 5px;
width: 100%;
}

input[type=email]:hover {
border-bottom: 1px solid black;
}

input:hover {
border-bottom: 1px solid black;
}

input:focus {
border-color: #7c4d9e;
}

#TRANScoid,
#TRANSphfID {
cursor: pointer;
}

.log-in-out {
position: relative;
/* right: 151px; */
padding: 9px 25px;
}

.fill_in_section_title {
display: block;
margin-left: 15px;
color: #909090;
font-size: 20px;
font-weight: 100;
}

.fill_in_section_form{
margin-left: -13px;
}

.form-in-out {
padding: 7px 17px;
margin: 1px;
width: 48%;
}

.pointer {
cursor: pointer;
}

.overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.85);
z-index: 9999;
color: white;
width: 100vw;
height: 100vh;
transition: all 0.2s ease-in 0s;
}

.login_panel {
position: relative;
display: block;
top: 35%;
width: 100%;
max-width: 500px;
margin: 0 auto;
color: #000;
background: #fff;
padding: 30px 30px 60px 30px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.08);
box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.08);
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#custForgotProcess {
border: none;
margin-top: 29px;
width: 100%;
margin-bottom: 0;
color: white;
/* background: red; */
padding: 10px 13px;
display: inline-block;
margin-bottom: 0;
font-weight: 100;
text-align: center;
text-transform: uppercase;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transition: .5s;
letter-spacing: 2px;
vertical-align: middle;
border: none;
touch-action: manipulation;
cursor: pointer;
border-radius: 0;
background-image: none;
white-space: nowrap;
padding: 17px 40px;
font-size: 20px;
line-height: 1.3333333;
color: #fff;
background: #a30000; /* Old browsers */
background: -moz-linear-gradient(left,  #a30000 0%, #a30000 50%, #a30000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #a30000 0%,#a30000 50%,#a30000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #a30000 0%,#a30000 50%,#a30000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='##a30000', endColorstr='##a30000',GradientType=1 ); /* IE6-9 */
/* border-color: #df0000; */
border-color: #a30000; /* Old browsers */
border-color: -moz-linear-gradient(left,  #a30000 0%, #a30000 50%, #a30000 100%); /* FF3.6-15 */
border-color: -webkit-linear-gradient(left,  #a30000 0%,#a30000 50%,#a30000 100%); /* Chrome10-25,Safari5.1-6 */
border-color: linear-gradient(to right,  #a30000 0%,#a30000 50%,#a30000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.card_element_cancel_icon {
position: absolute;
top: 10px;
right: 10px;
font-size: 1.5em;
line-height: 1;
color: #000;
}

input[readonly] {
border-color: transparent !important;
}



.payment_block_title {
margin: 0 !important;
font-size: 20px;
font-weight: 100;
color: #707070;
}

#partPaymentBtnWrap {
margin-top: 0px !important;
}

.partPaymentBtnOpt {
float: right;
}

.col-md-6.partPaymentsRadions {
display: none;
}


.partPaymentRemain {
display: none;
font-size: 0.80em;
}


.partPayment_text {
width: 100%;
}

#partPaymentCurr {
position: relative;
float: left;
font-size: 1.35em;
top: 5px;
padding-right: 10px;
top: 11px;
}

#partPaymentAmount {
width: 23%;
text-align: center;
}

#partPaymentsOptions {
display: none;
width: 60%;
}

#partPaymentsMain {
position: relative;
min-height: 1px;
padding-left: 25px;
padding-right: 25px;
}

.dccTitle {
font-size: 20px;
}


#dccCurrSelect {
font-size: 17px;
color: #333;
margin-top: 10px;
margin-bottom: 16px;
font-weight: 200;
text-align-last: center;
border: none;
width: 286px;
cursor: pointer;
}

.ifarme_partPaymentRemain {
border: 1px solid white;
padding: 12px;
}

#remaininTotDiv {
display: none !important;
}

#partPaymentBtnWrap .submit-button {
display: inline-block;
margin-bottom: 0;
font-weight: 100;
text-align: center;
text-transform: uppercase;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transition: .5s;
letter-spacing: 2px;
vertical-align: middle;
border: none;
touch-action: manipulation;
cursor: pointer;
border-radius: 0;
background-image: none;
white-space: nowrap;
padding: 17px 12px;
font-size: 16px;
line-height: 1.3333333;
color: #fff;
background: #a30000; /* Old browsers */
background: -moz-linear-gradient(left,  #a30000 0%, #a30000 50%, #a30000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #a30000 0%,#a30000 50%,#a30000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #a30000 0%,#a30000 50%,#a30000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='##a30000', endColorstr='##a30000',GradientType=1 ); /* IE6-9 */
/* border-color: #df0000; */
border-color: #a30000; /* Old browsers */
border-color: -moz-linear-gradient(left,  #a30000 0%, #a30000 50%, #a30000 100%); /* FF3.6-15 */
border-color: -webkit-linear-gradient(left,  #a30000 0%,#a30000 50%,#a30000 100%); /* Chrome10-25,Safari5.1-6 */
border-color: linear-gradient(to right,  #a30000 0%,#a30000 50%,#a30000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.smsVerify {
display: none;
clear: both;
}

#explVerification {
/* width: 100% !important;
border: none;
text-align: left;
padding-left: 20px;
padding-right: 20px;
padding-top: 30px; */
}

.pin {
float: right;
width: 100% !important;
/* margin-top: 10px; */
/* margin-left: 18px; */
background: white !important;
text-align: center;
border: 1px solid white !important;
}

.approvedMessage {
/* float: left;
margin-left: 20px;
padding-top: 20px;
padding-bottom: 20px; */
}

#resend {
cursor: pointer;
text-align: center;
}

.pincodeElement {
border: none;
margin-bottom: 0;
font-weight: 100;
text-align: center;
text-transform: uppercase;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transition: .5s;
letter-spacing: 2px;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
border-radius: 0;
background-image: none;
white-space: nowrap;
font-size: 16px;
line-height: 1.3333333;
color: #fff;
background-color: #e40000;
border-color: #df0000;
}

.inputAddOn {
display: flex;
}

.inputAddOn-field {
flex: 1;
}

#confIcon {
font-size: 60px;
width: 100px;
height: 100px;
}

.notification_text {
width: 80%;
float: left;
padding: 10px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
line-height: 2em;
cursor: default;
}

.confBox {
width: 100% !important;
padding-left: 10%;
padding-right: 10%;
}

.confIconDiv {
vertical-align: top;
display: inline-block;
text-align: center;
width: 100%;
margin-bottom: 40px !important;
}

.confSpan {
padding-left: 19%;
margin-bottom: 20px;
float: left;
width: 100%;
font-size: 24px;
}


.card_element_number {
position: relative;
display: block;
float: left;
width: 100%;
margin: 20px 0 0 0;
}

.credit_card_element {
position: relative;
width: 24%;
min-height: 150px;
float: left;
margin: 0.5%;
-webkit-border-radius: 10px;
border-radius: 10px;
text-align: center;
background: #eee;
perspective: 1000px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
overflow: hidden;
transition: all 0.3s ease-in 0s;
cursor: pointer;
}

.credit_card_front {
position: relative;
display: block;
width: 100%;
float: left;
height: 100%;
min-height: 150px;
padding: 10px;
background: rgb(255, 255, 255);
background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(204, 204, 204, 1) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(204, 204, 204, 1) 100%);
background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) 0%, rgba(204, 204, 204, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc', GradientType=1);
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
z-index: 20;
}

.card_element_icon {
position: relative;
display: block;
float: right;
font-size: 2.5em;
line-height: 1;
}

/************************** USSD MOETHOD *************************/
#ussdDiv{
max-width:240px;
}
.ussd_input, #ussdDiv > span {
width: 100% !important;
margin-bottom:10px !important;
}

.ussd-number-container{
display: flex;
flex-direction: column;
align-items: center;
color:#585858;
}
.ussd-row{
margin-top:20px;
margin-bottom:20px;
}

#ussdCode {
font-size:24px;
font-weight: bold;
}
#copyUssdCode {
text-decoration:underline;
cursor:pointer;
}

.card_element_holderName {
position: relative;
display: block;
float: left;
width: 100%;
margin-bottom: -30px;
}
.collapsible {
color: #484848;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 14px;
background: none;
font-weight: bold;
text-decoration: underline;
padding-left:0px;

}


.content {
padding: 0 18px;
display: none;
overflow: hidden;

}
#logodisplay{
display:none;
}



.card_element_number {
position: relative;
display: block;
float: left;
width: 100%;
margin: 20px 0 0 0;
}

#saveCardList {
border: none;
/* margin-bottom: 0; */
font-weight: 100;
text-align: center;
text-transform: uppercase;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* transition: .5s; */
letter-spacing: 2px;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
border-radius: 0;
/* background-image: none; */
/* white-space: nowrap; */
font-size: 16px;
line-height: 1.3333333;
color: #fff;
background-color: #999;
border-color: #d4d9dd;
height: 45px;
position: relative;
top: 5px;
}

.notification_icon {
width: 20%;
float: left;
padding: 10px;
text-align: center;
font-size: 3em;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
line-height: 5em;
}

.notification_text h3 {
font-size: 36px;
}

.errStyle {
font-size: 18px;
}

.error-box {
margin-bottom: 17px;
}

#errorBody {
font-weight: 400;
}

.card_element_number h4 {
font-size: 17px;
margin-top: 13px;
}

.activeCard {
background: #a30000; /* Old browsers */
background: -moz-linear-gradient(left, #a30000 0%, #a30000 50%, #a30000 100%) !important;/* FF3.6-15 */
background: -webkit-linear-gradient(left, #a30000 0%, #a30000 50%, #a30000 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #a30000 0%, #a30000 50%, #a30000 100%) !important;/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='##a30000', endColorstr='##a30000', GradientType=1) !important; /* IE6-9 */
}

#custCreditCards .credit_card_element {
width: 264px;
height: 165px;
}

.card_element_holderName h4 {
font-size: 23px;
margin-top: 14px;
font-weight: 300;
}

.payment-card {
z-index: 9999;
}
#custCVV{
border: none;
width: 35% !important;
background-color: #fff !important;
}
#card-date-exp{
width: 165px;
}

.border-bottom {
border-bottom: 1px solid #999!important;
}

.border-bottom:hover{
border-bottom: 1px solid #333!important;
}
.terms{
font-weight: bold;
TEXT-DECORATION: UNDERLINE;
color: #484848;
}
.iconarrow {
cursor: pointer;
transition: transform 333ms ease-out, color 333ms;
margin-left:15px;
text-align:center;
line-height:1;
}
.title.open .iconarrow {
fill: #3266D5;
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.titleterms.open .iconarrow {
fill: #3266D5;
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.totalSummary.open .iconarrow {
fill: #3266D5;
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}

.tdname {
text-align: right;
text-transform: uppercase;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transition: .5s;
letter-spacing: 2px;
color: #707070;
}

.tdvalue {
color: black;
font-weight: 400;
font-size: 17px;
}
.check_mark {
width: 80px;
height: 130px;
margin: 0 auto;
}

button {
cursor: pointer;
/* margin-left: 15px; */
}

.hide{
display:none;
}

.sa-icon {
width: 80px;
height: 80px;
border: 4px solid gray;
-webkit-border-radius: 40px;
border-radius: 40px;
border-radius: 50%;
margin: 20px auto;
padding: 0;
position: relative;
box-sizing: content-box;
}

.sa-icon.sa-success {
border-color: #4CAF50;
}

.sa-icon.sa-success::before, .sa-icon.sa-success::after {
content: '';
-webkit-border-radius: 40px;
border-radius: 40px;
border-radius: 50%;
position: absolute;
width: 60px;
height: 120px;
background: white;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.sa-icon.sa-success::before {
-webkit-border-radius: 120px 0 0 120px;
border-radius: 120px 0 0 120px;
top: -7px;
left: -33px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 60px 60px;
transform-origin: 60px 60px;
}

.sa-icon.sa-success::after {
-webkit-border-radius: 0 120px 120px 0;
border-radius: 0 120px 120px 0;
top: -11px;
left: 30px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 0px 60px;
transform-origin: 0px 60px;
}

.sa-icon.sa-success .sa-placeholder {
width: 80px;
height: 80px;
border: 4px solid rgba(25, 190, 31, 0.7);
-webkit-border-radius: 40px;
border-radius: 40px;
border-radius: 50%;
box-sizing: content-box;
position: absolute;
left: -4px;
top: -4px;
z-index: 2;
}

.sa-icon.sa-success .sa-fix {
width: 5px;
height: 90px;
background-color: white;
position: absolute;
left: 28px;
top: 8px;
z-index: 1;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.sa-icon.sa-success.animate::after {
-webkit-animation: rotatePlaceholder 4.25s ease-in;
animation: rotatePlaceholder 4.25s ease-in;
}

.sa-icon.sa-success {
border-color: transparent\9;
}
.sa-icon.sa-success .sa-line.sa-tip {
-ms-transform: rotate(45deg) \9;
}
.sa-icon.sa-success .sa-line.sa-long {
-ms-transform: rotate(-45deg) \9;
}

.animateSuccessTip {
-webkit-animation: animateSuccessTip 0.75s;
animation: animateSuccessTip 0.75s;
}

.animateSuccessLong {
-webkit-animation: animateSuccessLong 0.75s;
animation: animateSuccessLong 0.75s;
}

@-webkit-keyframes animateSuccessLong {
0% {
width: 0;
right: 46px;
top: 54px;
}
65% {
width: 0;
right: 46px;
top: 54px;
}
84% {
width: 55px;
right: 0px;
top: 35px;
}
100% {
width: 47px;
right: 8px;
top: 38px;
}
}
@-webkit-keyframes animateSuccessTip {
0% {
width: 0;
left: 1px;
top: 19px;
}
54% {
width: 0;
left: 1px;
top: 19px;
}
70% {
width: 50px;
left: -8px;
top: 37px;
}
84% {
width: 17px;
left: 21px;
top: 48px;
}
100% {
width: 25px;
left: 14px;
top: 45px;
}
}
@keyframes animateSuccessTip {
0% {
width: 0;
left: 1px;
top: 19px;
}
54% {
width: 0;
left: 1px;
top: 19px;
}
70% {
width: 50px;
left: -8px;
top: 37px;
}
84% {
width: 17px;
left: 21px;
top: 48px;
}
100% {
width: 25px;
left: 14px;
top: 45px;
}
}

@keyframes animateSuccessLong {
0% {
width: 0;
right: 46px;
top: 54px;
}
65% {
width: 0;
right: 46px;
top: 54px;
}
84% {
width: 55px;
right: 0px;
top: 35px;
}
100% {
width: 47px;
right: 8px;
top: 38px;
}
}

.sa-icon.sa-success .sa-line {
height: 5px;
background-color: #4CAF50;
display: block;
border-radius: 2px;
position: absolute;
z-index: 2;
}

.sa-icon.sa-success .sa-line.sa-tip {
width: 25px;
left: 14px;
top: 46px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.sa-icon.sa-success .sa-line.sa-long {
width: 47px;
right: 8px;
top: 38px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}

@-webkit-keyframes rotatePlaceholder {
0% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
5% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
12% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg);
}
100% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg);
}
}
@keyframes rotatePlaceholder {
0% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
5% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
12% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg);
}
100% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg);
}
}

.warning-icon{
line-height: 5em;
cursor: default;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
zoom: normal;
color: #f8bb86;
}


.notification_text_pp.confBox {
padding: 25px;
border: 1px solid #ebebeb;
border-radius: 7px;
}
.confSpan_pp {
letter-spacing: 1px;
color: #333;
line-height: 35px;
font-size: 20px;
font-weight: 300;
}
#custErrorHeader{
text-transform: uppercase;
font-size: 21px;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
background-color: #eee !important;
opacity: 1;
color:#999;
}

.flex-center{
display: flex;
justify-content: center;
}
.notification1{
font-weight: 600;
color: #484848;
font-size:14px;
}

.payment_icons_wrapper {
display:block;
width:100%;
float:left;
padding:10px;
border-top:1px solid #ccc;
}

.payment_icons_title {
display:inline-block;
color:#909090;
font-weight:300;
font-size:0.8em;
text-transform:uppercase;
padding:10px 5px;
}

.payment_icon {
display:inline-block;
padding:0 10px;
}

.page_footer_title {
margin:0 !important;
padding:0px 35px;
color:#909090;
font-size:20px;
font-weight:100;
}

footer{
padding-right: 371px;
}

.footer_link, .divider{
font-size: 14px;
position: relative;
top: 5px;
}

.card_icon{
display: none !important;
}

@media screen and (max-width: 766px) {
footer{
padding-right: 0px;
text-align: center;
}
.clearfix:after {
margin-bottom: -23px;
}

.iframe_countdown{
position: relative;
top: 10px;
margin-bottom: 24px;
font-size: 17px;
}
}
@media screen and (min-width: 766px){
.payments-tab-customize .nav-tabs>li {
width: 100%;
}
/*.logoWarapper {
padding-left:155px;
}*/
.betway.resDesktop {
width:155px;
}
}

.betway.resMobile {
display:none;
}
@media screen and (max-width: 766px){
.betway.resDesktop {
display:none !important;
}
.betway.resMobile {
/*display:block;*/
width: 155px;
padding-left: 15px;
padding-bottom: 15px;
padding-top:-30px;
    display:block !important;
    }
.title-1 {
width: 155px;
/*padding-left: 15px;*/
padding-bottom: 15px;
padding-top:-30px;
color:#bfbfbf;

}
.betway.logoWarapper {
background-color: #121212;
}

.betway.summary-bar-container.betway{
border-bottom: 1px solid #5b5b5b;
padding-bottom: 10px;
}
.betway.title-2 {
font-size: 16px !important;
color: #000000 !important;
background: #A7D8C0;
padding-left:15px;
margin-left:-15px;
margin-right:-15px;
}
.title-2 {
    display:block !important;
    }

}

@media screen and (min-width:1400px){
.loginClss {
position: relative;
bottom: 130px;
float: right;
}
}

 #arrowpayment{
    display:none;
    }
    @media screen and (min-width: 0px) and (max-width: 700px) {
    .mobileTerms {    display: block; margin-bottom:30px; }
    .desktopTerms {    display: none;  }
    }
    @media screen and (min-width: 701px) and (max-width: 3000px) {
    .mobileTerms{    display: none;  }
    .desktopTerms {    display: block;  }

    }
    #DetailsService{
    display:none;
    }
    #dccRateAmount{
    float: inherit;
    }
    @media screen and (min-width: 0px) and (max-width: 700px) {
.payment_icons_wrapper{
zoom :0.6;
}
.payment_icons_wrapper .col-md-5{
display:inline;
}
.payment_icons_wrapper .col-md-7{
display:inline;
}