html{height:100%;-ms-touch-action: none;}
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:#122633;overflow:hidden;}
.animationtime {-webkit-animation-duration: 500ms;animation-duration: 500ms;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
/*@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%;}

/*Repeat a Recharge Start*/
.repeat-r-header .hide-mobile{display:inline-block}
.repeat-r-wraper{ padding-top:78px}
.repeat-r-header {background:#091823;height:74px;float:left;width:100%;padding:26px 23px 0;font-family:'Conv_Calibri', sans-serif;border-bottom:1px solid #354651;position:fixed;top:0; left:0;z-index:1}
.repeat-r-header h1{color:#fff;font-size:22px;margin:0;padding:0;text-transform:uppercase}
.repeat-r-list-pad{ padding:0;/*transition: all 0.3s 0.3s;*/}
.repeat-r-list-pad.pad-l-zero{ padding-left:0;/*transition: all 0.3s ease-out;*/}

.repeat-r-header{transition: all 0.3s 0.3s;}
.repeat-r-header.slide-open { padding:18px 0 0 21px;transition: all 0.3s ease-out;}
.repeat-r-header.slide-open h1{ font-size:19px}
.repeat-r-header.slide-open .hide-on-slide{display:none}
.repeat-r-header.slide-open .show-on-slide{display:block}

.repeat-r-header.slide-close .hide-on-slide{display:block;transition: all 0.3s ease-out;}
.repeat-r-header.slide-close .show-on-slide{display:none}
/*Repeat a Recharge End*/

.repeat-r-list { float:right}
.repeat-r-list li{ float:left}
.repeat-r-list li:nth-last-child(2) .ani-btn{border-right:1px solid #122633}
.repeat-r-list li .ani-btn
.bar-top {right: 0;top: 0;}
.bar-left {left:-1px;top: 0;}
.bar-bottom {bottom: 0;left: 0;}
.bar-right {bottom: 0;right: -1px;}
.ani-btn{padding:3px 13px;font-size:16px;color:#fff;margin:0;float:left;position:relative;border-right:1px solid #4c5a64}
.ani-btn.selected{border-right:1px solid #122633}
.ani-btn.selected .horizontal { height: 1px;width: 100%;}
.ani-btn.selected .vertical {height: 100%;width: 1px;}
.ani-btn:hover{border-right:1px solid #122633}
.ani-btn:hover .horizontal { height: 1px;width: 100%;}
.ani-btn:hover .vertical {height: 100%;width: 1px;}
.horizontal{transition: width 0.28s ease-in-out 0s;width: 0;}
.vertical  {transition: height 0.28s ease-in-out 0s;height: 0;}
.bars {background-color: #de5c4f;position: absolute;}
a.fresh-recharge-plus{ background:#2ea778;color:#fff;font-size:20px;font-weight:bold;font-family:Arial, sans-serif;padding:0 6px;margin-left:10px}
a.fresh-recharge-plus:hover{ background: #de5c4f}

.repeat-r-listing{border-bottom:1px solid #354651;padding:12px 0;font-size:14px;color:#a6b3bd;float:left;width:100%;position:relative}
.repeat-r-listing .repeat-user-info{color:#a6b3bd;margin-right:310px; padding-left:24px}
.repeat-r-listing .repeat-user-info.selected{color:#fff;}
.repeat-r-listing .repeat-user-info .repeat-number-name{ float:left;width:100%;position:relative}
.repeat-r-listing .repeat-user-info.selected .repeat-number-name:after{font-size: 19px;font-family:FontAwesome;content:"\f105";color:#fff;position: absolute;left: 105px;top: 9px;}
.repeat-number-name .repeat-number, .repeat-number-name .repeat-name{ float:left;width:auto}
.repeat-user-info .repeat-number-name .repeat-name{ margin-left:4px}
.repeat-user-info.payment-open .repeat-number-name .repeat-number, .repeat-user-info.payment-open .repeat-number-name .repeat-name{width:100%;}
.repeat-user-info.payment-open .repeat-number-name .repeat-name span{ display:none}
.repeat-user-info.payment-open .repeat-country{ display:none;}
.repeat-user-info.payment-open .repeat-name{ margin-left:0}
.repeat-r-listing .repeat-amount{width:330px;padding-right:25px;position:absolute;right:0;top:12px;float:right}

/*Payment Panel Popup Start*/
#popup-payment .iframePanel{height: 100%;overflow: hidden;padding: 0;}
#popup-payment .iframePanel iframe {display: block;background: #fff url("../images/ring-loader-white-pink.gif") center center no-repeat; border: none;height: 100vh;width: 100vw; -webkit-overflow-scrolling:touch; overflow:auto;}
#popup-payment.popup.popup-corner-close .popup-close .fa-angle-right::before{float:left;/*by brgv 16-09-15 >>*//*old : line-height: 23px;*/line-height: 29px;}
#popup-payment.repeat-payment-popup{width:82%;}
#popup-payment.common-payment-popup{width:55%;}
#popup-payment{height:100%;background-color: #f7f7f7;overflow:hidden;opacity:0;display:none}
#popup-payment .popup.popup-corner-close .popup-close{right: 0;top: 0;border-radius:0px;}
#popup-payment_wrapper{text-align:right !important;}
#popup-payment, #popup-payment_wrapper {transition: all 0.3s ease-out;overflow-x:hidden !important;}
#popup-payment {transform: translateX(100%) translateY(0);}
.popup_visible #popup-payment {transform: translateX(0) translateY(0);}
#popup-payment .popup-close{ background:#091823;color:#fff;width:29px;height:29px;text-align:center;display:block;position:absolute;left:0;top:0;z-index:1;/*by brgv 16-09-15 >> *//*old : padding-top: 5px;*/}
#popup-payment .popup-close .fa-angle-right:before{ font-size:19px}

/*Fresh Repeat Recharge Payment Panel Popup Start*/
#popup-fresh-recharge .iframePanel{height: 100%;overflow: hidden;padding: 0;}
#popup-fresh-recharge .iframePanel iframe {display: block;background: #fff url("../images/ring-loader-white-pink.gif") center center no-repeat; border: none;height: 100vh;width: 100vw; -webkit-overflow-scrolling:touch; overflow:auto;}
#popup-fresh-recharge.popup.popup-corner-close .popup-close .fa-angle-right::before{float:left;line-height: 29px;}
#popup-fresh-recharge{width:82%;}
#popup-fresh-recharge{height:100%;background-color: #f7f7f7;overflow:hidden;opacity:0;display:none}
#popup-fresh-recharge .popup.popup-corner-close .popup-close{right: 0;top: 0;border-radius:0px;}
#popup-fresh-recharge_wrapper{text-align:right !important;}
#popup-fresh-recharge, #popup-fresh-recharge_wrapper {transition: all 0.3s ease-out;overflow-x:hidden !important;}
#popup-fresh-recharge {transform: translateX(100%) translateY(0);}
.popup_visible #popup-fresh-recharge {transform: translateX(0) translateY(0);}
#popup-fresh-recharge .popup-close{ background:#091823;color:#fff;width:29px;height:29px;text-align:center;display:block;position:absolute;left:0;top:0;z-index:1;}
#popup-fresh-recharge .popup-close .fa-angle-right:before{ font-size:19px}

/*.custom-scroll .mCSB_scrollTools .mCSB_draggerContainer{left: 11px;}
.custom-scroll .mCSB_inside > .mCSB_container{margin-right: 0;}*/