html{height:100%;}
body{height:100%;}
@charset "utf-8";
@font-face {
    font-family:'Conv_Calibri';
    src: url('../fonts/Calibri.eot');
    src: url('../fonts/Calibri.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Calibri.ttf') format('truetype'),
         url('../fonts/Calibri.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
a{outline-width:0}
a:focus {outline-width:0}
body{font-family:'Conv_Calibri', sans-serif;background:#fff;overflow:hidden}
form{height:100%;}
.animationtime {-webkit-animation-duration: 500ms;animation-duration: 500ms;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
input {
  -webkit-appearance: none;
    border-radius: 0;
}
/*@media screen and (-webkit-min-device-pixel-ratio:0) { 
	.popup{height:100%;max-height:100%;min-height:0;}
}*/
.popup-content{height: 100%;}
html.noscroll {position: fixed;overflow-y: hidden;width: 100%;}

.white-bg{ background:#fff}
.feild-error{ font-size:17px !important;color:#e75f51 !important;}
.payment-pad{padding-left:29px;padding-right:29px;}
.payment-header { padding:22px 0 16px 0;float:left;width:100%;position:relative; border-bottom:1px solid #c7ccd4;}
.payment-header .amount-panel{ width:150px;position:absolute;right:0;top:22px;text-align:right;font-size:20px;color:#2b3e51;font-weight:bold}
.payment-header .amount-panel .coupon-applied-amt{font-size:14px;color:#2ea778;float:left;width:100%;font-weight:normal;line-height: 10px;opacity:0}
.payment-header .operator-user-info{ margin-right:150px;overflow: hidden;}
.payment-header .operator-user-info .operator-img{ width:74px;float:left;text-align:center}
.payment-header .operator-user-info .operator-img img{/*width:41px;*/height:41px}
.payment-header .operator-user-info .user-info{overflow: hidden;/*border-left:1px solid #98a1b1*/;padding-left:12px;color:#2b3e51}
.payment-header .operator-user-info .user-info .phone-number{ font-size:22px;}
.payment-header .operator-user-info .user-info .user-name{ font-size:17px;}
.payment-header .operator-user-info .user-info .operator-country{font-size:13px;text-transform:uppercase;color:#98a1b1;float:left;width:100%;}

.payment-header .add-money-tlt{ margin-right:150px;overflow: hidden;color:#2b3e51;font-size:22px;}


.payment-pad.coupon-code-bg{ background-color:#e7e7e7;padding-top:16px;padding-bottom:16px}

.coupon-code-panel{bottom:80px; left: 0; padding:20px 30px 0 30px; position: absolute; right: 0; background:#f7f7f7; z-index:5;}
.coupon-code-panel .coupon-button{ float:right;border:0px;color:#fff;text-transform:uppercase;background-color:#919bac;font-size:17px;height:38px;padding:0 17px;line-height:38px;transition: all 0.3s 0.3s;}
.coupon-code-panel .coupon-button .fa-spinner{margin-right:5px}
.coupon-code-panel .payment-pad{ padding:19px;}
.coupon-apply-success-msg{color:#2ea778;font-size:17px;opacity:0;display:none}
.coupon-apply-error-msg{color:#e75f51;font-size:17px;opacity:0;display:none}
.coupon-tick-wrap{ position:relative;width:65%; border: 1px solid #e2e2e3;}
.coupon-tick-wrap .coupon-apply-suc{position:absolute;right:0;top:0;width:41px;height:38px;background:#2ea778;text-align:center;padding-top: 7px;opacity:0;}
.coupon-tick-wrap .coupon-apply-suc:after{content:"\f00c";color:#fff;font-size:22px;}
.coupon-tick-wrap .coupon-apply-error{position:absolute;right:0;top:0;width:41px;height:38px;background:#cc0000;text-align:center;padding-top: 7px;opacity:0;}
.coupon-tick-wrap .coupon-apply-error:after{content:"\f00d";color:#fff;font-size:22px;}

.coupon-code-panel .coupon-code-input{width:100%;background-color:#fff;color:#5f6f7f;font-size:13px;height:38px;border:0;padding-left:14px;margin-bottom:0;line-height:1}
.processing-currency-row{padding-top:16px;padding-bottom:11px}
.processing-currency-row .processing-label{ float:left;width:100%;font-size:17px;color:#1e3b59;margin-bottom:6px}
.select2-container--open{ z-index:999999}
.processing-currency-row .select2-container--default .select2-selection--single{ -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;border-color:#e2e2e3;height:34px}
.processing-currency-row .select2-container--default .select2-selection--single .select2-selection__rendered{color: #77818a;line-height: 32px; font-size: 16px;}
.processing-currency-row .select2-container--default .select2-selection--single .select2-selection__arrow b{border-width: 8px 8px 0;margin-left: -12px;}
.processing-currency-row .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-width:0 8px 8px;margin-left: -12px;}

.recharge-amount-panel{ position:relative; padding-bottom: 13px;width:100%}
#recharge-amount-slider .item{padding:0;margin: 5px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;text-align: center;}
#recharge-amount-slider .item .recharge-amount {display: block;height: 48px;min-width:107px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin-bottom:12px;background:#eaecef;color:#2b3e51; padding-top:3px;font-size:15px;}
#recharge-amount-slider .item .recharge-amount.selected{background:#abdcc9;}
.recharge-amount .recharge-amt, .recharge-amount .converted-amt{display:block}

.customNavigation{ position:absolute; right:0;top:-50px}
.recharge-amt-nav{width:30px;height:47px;background:#fff;display:inline-block}
.arrow-next {position: relative;background: #fff;}
.arrow-next:after, .arrow-next:before {left:42%;top:88%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.arrow-next:after {border-color: rgba(231, 95, 81, 0);border-left-color: #fff;border-width: 10px;margin-top: -30px;}
.arrow-next:before {border-color: rgba(255, 255, 255, 0);border-left-color: #aab2b9;border-width: 13px;margin-top: -33px;}
.arrow-next:hover:before{border-left-color: #2b3e51;}

.arrow-prev {position: relative;background: #fff;}
.arrow-prev:after, .arrow-prev:before {right: 42%;top: 88%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.arrow-prev:after {border-color: rgba(231, 95, 81, 0);border-right-color: #fff;border-width: 10px;margin-top: -30px;}
.arrow-prev:before {border-color: rgba(255, 255, 255, 0);border-right-color: #aab2b9;border-width: 13px;margin-top: -33px;}
.arrow-prev:hover:before{border-right-color: #2b3e51;}

.recharge-btn-panel{position:absolute;bottom:0;left:0;right:0;padding:20px 0;background:#f7f7f7}
.recharge-now-btn{ background:#e75f51;font-size:18px;color:#fff;padding:8px 20px 6px 20px;float:left;width:100%;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.recharge-now-btn .paid-amt{ float:right;}
.recharge-now-btn.disable-btn{background:#f0aba4}
.payment-wrapper { position:relative;float:left;width:100%;background-color:red}

.procCurrency-wrap{ width:75%;}
.procCurrency-wrap .bootstrap-select{border:1px solid #e2e2e3}
.procCurrency-wrap .bootstrap-select .filter-option{color:#77818a;font-size:15px;} 
.procCurrency-wrap .bootstrap-select > .btn{padding-left:10px;margin-top:0}
.procCurrency-wrap .bootstrap-select .fa-sort-down:before, .procCurrency-wrap .bootstrap-select .fa-sort-desc:before{ font-size:19px;color:#98a1b1}
.procCurrency-wrap .bootstrap-select .btn .select-ico .fa{ line-height: 21px;}

.add-money-input-panel {}
.add-money-input-panel .amount-input{width:100%;background-color:#fff;color:#5f6f7f;font-size:13px;height:34px;border:1px solid #e2e2e3;padding-left:14px;margin-bottom:0;}
.add-money-input-panel .procCurrency-wrap{ width:100%;}
.add-money-input-panel .procCurrency-wrap .bootstrap-select{border:1px solid #e2e2e3}
.add-money-input-panel .procCurrency-wrap .bootstrap-select .filter-option{color:#77818a;font-size:13px;} 
.add-money-input-panel .procCurrency-wrap .bootstrap-select > .btn{padding-left:10px;margin-top:0;height:32px}
.add-money-input-panel .procCurrency-wrap .bootstrap-select .fa-sort-down:before, .procCurrency-wrap .bootstrap-select .fa-sort-desc:before{ font-size:19px;color:#98a1b1}
.add-money-input-panel .procCurrency-wrap .bootstrap-select .btn .select-ico .fa{ line-height: 21px;}
.add-money-input-panel .procCurrency-wrap .dropdown-menu .text-muted{font-size:14px;}
.add-money-input-panel .procCurrency-wrap .bootstrap-select .btn .filter-option.pull-left .text-muted{font-size:13px;}

.gocard-wallet-tlt { padding-left:35px;position:relative;float:left;width:100%;margin:21px 0 12px;font-size:17px;color:#1e3b59;}
.gocard-wallet-tlt.icon-wallet:before{color:#6e7685;font-size:25px;position:absolute;left:0;top:-10px;}

.gocard-panel{border:1px solid #eaecef;border-bottom:0px; font-size:15px;width:100%;float:left;background:#fff;color:#2b3e51}
.gocard-panel .gocard-bal-list{border-bottom:1px solid #eaecef;float:left;width:100%;margin-bottom:0px}
.gocard-panel .gocard-bal-list li{ float:left;padding:5px 20px;font-size:17px;border-left:1px solid #eaecef}
.gocard-panel .gocard-bal-list li:first-child{ border-left:0}
.gocard-panel .gocard-bal-list li.active {color:#e75f51}
.box-w33p{width:33.33%;}
.box-w-auto{width: auto;}

.utilise-money-checkbox{ float:left;position:relative;padding:10px 0 10px 48px;width:100%;border-bottom:1px solid #eaecef;}
.utilise-money-checkbox .money-utilise{position:absolute;left:16px;top:8px;}
.utilise-money-checkbox a.ui-checkit:link,.utilise-money-checkbox a.ui-checkit:visited,.utilise-money-checkbox a.ui-checkit:hover,.utilise-money-checkbox a.ui-checkit:active{text-decoration: none;vertical-align:top;}
.utilise-money-checkbox .check-unabled{cursor:pointer;color:#4285F4;}
.utilise-money-checkbox .icon-check-uncheck{opacity:1;}
/*.utilise-money-checkbox .icon-check-check{opacity:1;border:1px solid #2ea778;width:20px;height:20px;display:inline-block;position:absolute;left:0;top:10px;float:left}*/
.utilise-money-checkbox .icon-check-checked:before{opacity:1;color:#2ea778;font-family:'icomoon';content:"\e815";font-size:11px;line-height:normal;border:1px solid #2ea778;width:22px;height:22px;padding-top:4px;display:inline-block;position:absolute;left:0;top:3px;float:left;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.utilise-money-checkbox .icon-check-unchecked:before{opacity:1;color:#fff;font-family:'icomoon';content:"\e815";font-size:11px;line-height:normal;border:1px solid #c7c7c9;width:22px;height:22px;padding-top: 4px;display:inline-block;position:absolute;left:0;top:3px;float:left;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
/*.utilise-money-checkbox .unchecked{opacity:1;color:#c7c7c9;  }
.utilise-money-checkbox .checked{opacity:1;color:#2ea778; }*/
.utilise-money-checkbox .check-disabled{cursor:not-allowed;opacity:0.6;color:#686868;}
.utilise-money-checkbox .check-disabled.checked{opacity:0.7;}
.money-utilise.fa{font-size:31px;}
.money-utilise.fa.fa-square-o:before{color:#c7c7c9;}
.money-utilise.fa.fa-check-square{font-size:29px;color:#2ea778;}
.utilise-money-checkbox .money-utilise.fa-check-square{top:8px;}
.utilise-money-checkbox label{cursor:pointer}
.money-utilise{width:31px;height:31px;text-align:center;display: inline-block;border-radius: 2px;}
.money-utilise.unchecked i{opacity:0;}
.money-utilise.checked i{opacity:1;}
.money-utilise.check-disabled:hover i{opacity:0;}
.money-utilise.unchecked:hover i,.mystyle2.check-disabled.checked i{opacity:0.5;}

.payment-msg-panel{color:#2b3e51;font-size:17px;padding-top:23px;padding-bottom:0px;opacity:0}
.payment-msg-panel p{line-height: 21px;margin-bottom:6px;}
.payment-msg-panel p span{color:#e76f62}

.payment-radio-list li{ position:relative;float:left;padding-left:30px;height:40px;display:inline-block;vertical-align:middle; font: 0/0 a; margin-right: 55px;font-family:'Conv_Calibri', sans-serif;}
.payment-radio-list li:before {content: ' ';display: inline-block;vertical-align: middle; /* vertical alignment of the inline element */height: 100%;}
.payment-radio-list li img{ display: inline-block;vertical-align: middle;}
.payment-mode-radio.fa.fa-circle:before{font-size:13px;line-height:normal; position:absolute;left:0;top:10px;padding:4px 6px 5px 6px ;border-radius: 2px;background:#fff;border:1px solid #bcbcbd;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;clear:both;float:left;text-align:center}
@-moz-document url-prefix() {
    .payment-mode-radio.fa.fa-circle:before{padding:2px 5px 2px}
}
.payment-radio-list .payment-mode-radio.check-unabled{cursor:pointer;color:#4285F4;}
.payment-radio-list a.ui-checkit:link,.payment-radio-list a.ui-checkit:visited,.payment-radio-list a.ui-checkit:hover,.payment-radio-list a.ui-checkit:active{text-decoration: none;vertical-align:top;}

.payment-radio-list.service-radio .payment-mode-radio.fa.fa-circle:before{top: 2px;}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari and Chrome, if Chrome rule needed */
    .payment-mode-radio.fa.fa-circle:before{padding:5px 6px;}
    /* Safari 5+ ONLY */
    ::i-block-chrome, .payment-mode-radio.fa.fa-circle:before{padding:5px 6px}
}

.payment-mode-radio.unchecked.fa.fa-circle:before{color:#c7c7c9;opacity:1;border-color:#bcbcbd; }
.payment-mode-radio.checked.fa.fa-circle:before{color:#2ea778;opacity:1;border-color:#2ea778;}
.payment-radio-list .check-disabled{cursor:not-allowed;opacity:0.6;color:#686868;}
.payment-radio-list .check-disabled.checked{opacity:0.7;}
.payment-mode-radio.fa{font-size:31px;}
.payment-radio-list .payment-mode-radio.fa-check-square{top:-4px;}
.payment-radio-list label{cursor:pointer}
.payment-mode-radio.unchecked i{opacity:0;}
.payment-mode-radio.checked i{opacity:1;}
.payment-mode-radio.check-disabled:hover i{opacity:0;}
.payment-mode-radio.unchecked:hover i,.payment-mode-radio.check-disabled.checked i{opacity:0.5;}

.group:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }
*:first-child+html .group { zoom: 1; } /* IE7 */
.payment-nav-wrap { margin: 20px auto 10px; }
.group{border-bottom: 1px solid #c7ccd4; }
#payment-nav { 	margin: 0 auto; list-style: none; position: relative; width: 100%; }
#payment-nav li { display: inline-block;}
#payment-nav a { color: #546576; font-size: 15px; font-weight:bold;float: left;padding: 6px 10px 4px 10px;text-decoration: none;text-transform: uppercase;}
#payment-nav a:hover { color: #2ea778; }
#magic-line { position: absolute;bottom: -1px; left: 0; width: 100px; height: 3px; background: #2ea778;}
.resp-tab-active a { color: #2ea778 !important; }
.ie6 #payment-nav li, .ie7 #payment-nav li { display: inline; }
.ie6 #magic-line {bottom: -3px;}


.custom-scroll .mCSB_inside > .mCSB_container{margin-right: 0px;padding-bottom:105px;}
.custom-scroll .mCustomScrollBox > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #dfe6eb;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;width: 7px;}
.custom-scroll .mCustomScrollBox > .mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}
/*.custom-scroll{ position:relative;padding-bottom:100px;}
.custom-scroll .mCustomScrollBox > .mCSB_scrollTools{width: 7px;}
.custom-scroll .mCustomScrollBox > .mCSB_scrollTools .mCSB_draggerRail{background-color: #ffffff;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;width: 7px;}*/



/*Animated button start*/
.custom-scroll{background-color:#f7f7f7}
.denomi-amt{font-size:20px;color:#2b3e51;font-weight:bold;float:left;width:100%;}
.processing-label.error-txt{color:#e75f51}

.payment-panel{position:relative;width:100%;float:left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.disable-wrap{ position:absolute;width:100%;height:100%;background:#f7f7f7; z-index:2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80);  /* Modern Browsers */  opacity: 0.8;}

#pageLoading.show-loader{display : block;position : fixed;z-index: 100;background-image : url('../images/ring-loader-white-pink.gif');background-color:#fff; background-repeat : no-repeat;background-position : center;left : 0;bottom : 0;right : 0;top : 0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70);  /* Modern Browsers */  opacity: 0.7;}