@charset "utf-8";
 /*CSS Document */
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700italic,700);
@import url(//fonts.googleapis.com/css?family=Roboto:100,300,400,500,600,700);
@import url("media.css");
@import url("checkbox.css");
@import url("pop.css");
@import url("input-style.css");
@import url("flexcrollstyles.css");
*,*::before,*::after {box-sizing: border-box;-webkit-box-sizing: border-box;}
html {-webkit-text-size-adjust: 100%;}
body {margin:0px;font-family:'Roboto';font-weight:400;font-size:13px;color:#333333;}
.clearfix:after {content: "";display: block;clear: both;visibility: hidden;height: 0;}

input[type="submit"], input[type="button"] { display:inline-block;background-color:#ff8e14; color:#fff; border:0; padding:3px 10px; font-weight:600; font-family:'Roboto'; font-size:14px; text-transform:uppercase; line-height:20px;  }

a { text-decoration:none; color:#000000 }
sb { font-weight:700;}
mark{ color:red; font-size:11px; background:transparent;}
[id^="editpop_"] { display:none }
.redcircle {width: 8px;height: 8px;background: red;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px; float:right;margin-top:5px;}
.greencircle {width: 8px;height: 8px;background: green;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px; float:right;margin-top:5px;}
.psave{display:none}
.gateway_data{ width:100px; text-align:center}
.gateway_edit{ width:100px; text-align:center; display:none}
.gdsetting{ display:none!important;}
#gdsetting{clear:both; width:100%; display:none; border-bottom:1px #f2f2f2 solid; }
[class*="gdsetting_"]{display:none;}

.mcsetting{ display:none!important;}

#header { font-family:"Roboto"; font-size:14px; color:#666666; display:inline-block; width:100%; height:300px; background-color:#99FF00; }

/* Brand Bar Settings */
#brandbar { clear:both; background-color:#fff; font-family:"Roboto"; font-size:14px; color:#666; display:inline-block; width:100%; }
#brandbar .mobile { display:none; }

#cp-admin { border-bottom:1px #eeeddf solid; font-size:12px; padding:8px 0px; color:#888675; text-align:right; font-family:"Roboto"; }
#cp-admin-menu { margin:0 auto; padding:0 30px }
#menu { background-color:#000; box-shadow: 0px 5px 7px #cecece; z-index:99999; height:40px; line-height:40px; text-transform:uppercase; padding:0 30px; }

#menu-icon { display:none; float:left; margin-top:10px; cursor:pointer; width:24px; padding-left:5px; }
#myaccount-icon {  display:none; float:right; cursor:pointer;  margin-top:10px; width:24px; padding-right:5px;}

#myaccountmob { display:none };

#topmenubar { display:inline-block; width:100%; }
#topmenubar ul { margin:0; float:right; padding-right:30px;}
#topmenubar ul li { float:left; color:#000; text-indent:20px; list-style-type:none; cursor:pointer; padding:5px 0;}
#topmenubar a { color:#000; text-decoration:none; }

.mainmenu .search { background-color:#009900; float:right; color:#fff; text-transform:capitalize; padding:8px; margin-top:-6px;}
.mainmenu .search .balance {font-size:11px; text-align:left; float:left; line-height:15px; font-weight:400; width:55px;}
.mainmenu .search #availablebalance { font-size:23px; float:left; text-align:right; font-weight:400; line-height:30px;}
#downtime {box-sizing: border-box;-webkit-box-sizing: border-box; width:100%;}

/* RC PANEl */
#rc-quickrecharge{background-color:#fafafa;color:#dadada;height:50px;font-size:14px;font-weight:700; font-family:'Roboto';display:inline-block;border-bottom:1px solid #fafafa; display:none;}
#rccontainer { padding-left:0px;}



/*login form*/
.login-frm-outer{max-width:350px; padding-top:calc((100vh - 280px)/2);  margin:0 auto;}
.login-form{border:4px solid #f0f0f0; padding:5px 30px 15px 30px; border-radius:15px;}

#cp-menu { padding:0 40px; background-color:#000000; color:#bebebe; font-size:14px; font-weight:600; max-width:100%; margin:0 auto; }

#cp-menu a { padding:18px 20px; text-transform: uppercase; font-family:"Roboto"; cursor:pointer; _cursor:pointer;  display:inline-block; border-right:#2b2b2b 1px solid; color:#bebebe;
	/* Firefox */
    -moz-transition: background-color 0.2s ease-in-out;
    /* WebKit */
    -webkit-transition: background-color 0.2s ease-in-out;
    /* Opera */
    -o-transition: background-color 0.2s ease-in-out;
    /* Standard */
    transition: background-color 0.2s ease-in-out;
}
#cp-menu .menuopen { background-color:#00aeef; color:#fff;}

#cp-menu a:hover { background-color:#00aeef; color:#fff;
	/* Firefox */
    -moz-transition: background-color 0.1s ease-in-out;
    /* WebKit */
    -webkit-transition: background-color 0.1s ease-in-out;
    /* Opera */
    -o-transition: background-color 0.1s ease-in-out;
    /* Standard */
    transition: background-color 0.1s ease-in-out;
}
#cp-menu .search { background-color:#00aeef; float:right; margin-top:-6px; display:inline-block}
#cp-menu .search .balance { background:url(../images/currency-bag.png) 12px 20px no-repeat; background-size:20px auto; width:100px; padding:14px 12px 16px 40px; color:#fff; font-size:11px; text-align:right; line-height:12px; }
#cp-menu .search .balance span { font-size:22px; line-height:20px;  }
#cp-notify1 { background-color:#fffde5; height:35px; border-bottom:1px solid #fffded;}
/* new changes made */
#cp-submenu { background-color:#00aeef; width:100%; height:150px; display:none; }
#submenu { padding:0 40px; font-size:14px;font-weight:600; margin:0 auto; }
#submenu li { list-style:none }
#submenu li a { color:#fff;  }
#submenu .title { padding-top:25px; color:#000; font-size:16px; }
#submenu [id^="sub_"] { display:none};
/*----*/
.frame { border:1px solid #f0f0f0; background-color:#f8f8f8; padding:20px; }
h1 { font-size:25px; font-weight:400; }
.center-screen { margin:0 auto; }
#content {padding: 20px 20px 0px 30px; box-sizing: border-box;-webkit-box-sizing: border-box; display:inline-block; width:100%;}
.page-title { font-size:28px; color:#333; font-weight:400; float:left;}
.page-titles { font-size:18px; font-weight:300;display:block;}
/*form title*/
.form-title{font-size:20px; font-weight:400; margin-top:10px; display:inline-block; margin-bottom:20px;}
.add-button{float:left; width:100px; text-align:right;}
.seach-button{display:inline-block;float:right;}
#content .page-menu { float:right; }
.newuser{padding:0 10px; font-weight:600;float:left; margin-top:11px; font-size:14px; margin-right:5px;}
.anchorbt{display:inline-block;background-color:#ff8e14; color:#fff; border:0; padding:3px 10px; font-weight:600; font-family:'Roboto'; font-size:14px; line-height:20px;  float:left; margin-right:25px;}
/*dashboard*/
.greybox { border:1px #e6e6e6 solid; background-color:#f9f9f9; }
#dashboard .credits { float:right; font-size:13px; text-align:right; font-family:'Roboto'; font-weight:400}
#dashboard .credits .availcredits{ font-size:25px; font-weight:500}
#dashboard .page-title span {font-size:13px; }
#dashboard .customerinfo {clear:both; width:calc(100% - 30px); display:inline-block; padding:15px; margin-top:20px; }
#dashboard .contact,#dashboard .creditdetail, #dashboard .reseller{padding:0; font-size:14px; font-weight:300; float:left;width:250px;}
#dashboard .funds{padding:0px; font-size:14px; font-weight:300; float:left;text-align:left; min-width:180px;}
#dashboard .creditdetail span {font-size:25px; font-weight:300;}
#dashboard .creditdetail div {margin-bottom:15px;}
#dashboard .customerinfo .title {font-size:17px; font-weight:400}
#dashboard .section-title { font-size:20px; font-weight:400; margin-bottom:10px; }
/*CUSTOMER INFORMATION  Icons */
#dashboard .bg-imgmap { background-image:url("../images/locationmap.svg"); background-repeat:no-repeat; background-position:left top; margin-bottom:5px; padding-left:30px; font-size:13px;}
#dashboard .bg-imgweb { background-image:url("../images/internet.svg"); background-repeat:no-repeat; background-position:left top; margin-bottom:5px; padding-left:30px; font-size:13px;}

#dashboard .bg-imgenv { background-image:url("../images/icons/envelope32.png"); background-repeat:no-repeat; background-position:left top; margin-bottom:5px}
#dashboard .bg-imguser {background-image:url("../images/icons/user42.png"); background-repeat:no-repeat; background-position:left top; margin-bottom:5px}
#dashboard .bg-imgmob {background-image:url("../images/icons/mobile-phone14.png"); background-repeat:no-repeat; background-position:left top; margin-bottom:5px}
#dashboard .bg-imggst {background-image:url("../images/icons/tax.png"); background-repeat:no-repeat; background-position:left top; margin-bottom:5px}
#dashboard .bg-imgkey {background-image:url("../images/icons/key62.png"); background-repeat:no-repeat; background-position:left top; margin-bottom:5px}
#dashboard .bg-imgbrand {background-image:url("../images/icons/news2.png"); background-repeat:no-repeat; background-position:left top; margin-bottom:5px}
#dashboard .bg-imgtran {background-image:url("../images/icons/transactions.png"); background-repeat:no-repeat; background-position:left top; margin-bottom:5px;}
#dashboard .bg-imgsupport {background-image:url("../images/icons/company-user.png"); background-repeat:no-repeat; background-position:left top; margin-bottom:5px;}
#dashboard .bg-imgreport {background-image:url("../images/icons/re-report.png"); background-repeat:no-repeat; background-position:left top; margin-bottom:5px;}
#dashboard .bg-imggateway {background-image:url("../images/icons/gateway.png"); background-repeat:no-repeat; background-position:left top; margin-bottom:5px;}
#dashboard .bg-imgprovider {background-image:url("../images/icons/provider.png"); background-repeat:no-repeat; background-position:left top; margin-bottom:5px;}
#dashboard .bg-imglogin {background-image:url("../images/resellerlogin.svg"); background-repeat:no-repeat; background-position:left top; 
margin-bottom:5px; background-size:auto 16px;}


#dashboard .contact .bg-imgenv,.contact .bg-imguser,.contact .bg-imgmob,.contact .bg-imgkey,.contact .bg-imgbrand,.contact .bg-imgtran, .contact .bg-imgtemplate, .contact .bg-imgusers,.contact .bg-imgsupport, .contact .bg-imgreport{ padding-left:30px; line-height:21px; font-size:13px;}
.bg-imglogs, .bg-imgprivilege, .bg-imggateway, .bg-imgbilling, .bg-imgprovider,.bg-imggst,.bg-imgbrand,.bg-imgsupport,.bg-imglogin{ padding-left:30px; line-height:21px; font-size:13px;}
/*RESELLER ICONS*/
.bg-imgcredit {background-image:url("../images/icons/credits.png"); background-repeat:no-repeat; background-position:center left; margin-bottom:5px}
.bg-imgreport {background-image:url("../images/icons/news2.png"); background-repeat:no-repeat; background-position:left top; margin-bottom:5px}
.bg-imgtemplate {background-image:url("../images/icons/web page2.png"); background-repeat:no-repeat; background-position:left top; margin-bottom:5px}
.bg-imgsender {background-image:url("../images/icons/senderids.png"); background-repeat:no-repeat; background-position:left top; margin-bottom:5px}
.bg-imgusers {background-image:url("../images/icons/users.png"); background-repeat:no-repeat; background-position:left top; margin-bottom:5px}
.bg-imgprivilege {background-image:url("../images/icons/privilege.png"); background-repeat:no-repeat; background-position:left top; margin-bottom:5px}
.bg-imgbilling {background-image:url("../images/icons/billing.png"); background-repeat:no-repeat; background-position:left top; margin-bottom:5px}
.bg-imgkey {background-image:url("../images/icons/key62.png"); background-repeat:no-repeat; background-position:left top; margin-bottom:5px}
.bg-imglogs{background-image:url("../images/icons/logs.png"); background-repeat:no-repeat; background-position:left top; margin-bottom:5px}
.popbt{ font-size:13px;}
.reseller .bg-imglogs, .reseller .bg-imgcredit,.reseller .bg-imgreport,.reseller .bg-imgtemplate,.reseller .bg-imgsender,.reseller .bg-imgusers,.reseller .bg-imgkey { padding-left:30px; line-height:21px; font-size:13px;}

.table { float:left; width:100%; font-size:13px; font-family:"Roboto"; font-weight:400}
.table .row { clear:both; width:100%; display:inline-block; border-bottom:1px #f2f2f2 solid; }
.table .headrow { font-weight:600;  background-color:#f2f2f2; color:#666; }
.table .row:not(:first-child):hover { background-color:#f8f8f8; display:inline-block; cursor:pointer; _curson:pointer; }
.table .row .col { float:left; padding:10px 0px 10px 6px;}
.table .row .col span { color:#a8a8a3; }
.table .row .option { width:20px; text-align:left; }
.table .row .foreach {float:left; width:60px; text-align:center}
.table .row .date{ width:110px; }

/* User List */
#users .table .row .sno { width:50px; text-align:center }
#users .table .row .company { width:calc(100% - 410px); }
#users .table .row .role { width:60px; }
#users .table .row .credits { width:90px; text-align:right; }
#users .table .row .status {width:70px; text-align:center}
#users .table .row .option { width:20px; text-align:left; }

/* Company User List */
#companyusers .table .row .sno { width:50px; text-align:center }
#companyusers .table .row .company { width:calc(100% - 300px); }
#companyusers .table .row .lastlogin { width:100px; }
#companyusers .table .row .priv { width:100px; }
#companyusers .table .row .option { width:20px; text-align:left; }

/* Commission Rating */
#commission-rates .table .col{ width:100px; text-align:center}
#commission-rates .table .row .sno{ width:50px}
#commission-rates .table .row .name { width:calc(100% - 700px); text-align:left}
#commission-rates .commission_edit { width:100px; text-align:center; display:none;}
#commission-rates .commissionrate_data {float:left; width:100px;  height:35px; line-height:18px; text-align:center}
#commission-rates .commissionrate_edit {float:left; width:100px;  height:35px; line-height:18px; text-align:center; display:none}
/* Gateways */
#gateways .table .row .col{width:100px; text-align:left;}
#gateways .table .row .sno{width:50px; text-align:center}
#gateways .table .row .gateway{width:150px;}
#gateways .table .row .type{width:100px;}
#gateways .table .row .balance{width:100px; text-align:right}
#gateways .table .row .url {width:calc(100% - 600px);}
#gateways .table .row .status{width:70px; text-align:center}
#gateways .table .row .option{width:20px; text-align:center}
/* sms_setting */
#sms_setting .table .row .col{width:100px; text-align:left;}
#sms_setting .table .row .sno{width:50px; text-align:center}
#sms_setting .table .row .gateway{width:150px;}
#sms_setting .table .row .url {width:calc(100% - 500px); }
#sms_setting .table .row .status{width:70px; text-align:center}
#sms_setting .table .row .option{width:20px; text-align:center}

/*Scheme*/
#scheme .table .col{text-align:center}
#scheme .table .row .sno{width:50px;}
#scheme .table .row .plan{width:calc(100% - 700px); text-align:left}
#scheme .table .row .talk{width:70px;}
#scheme .table .row .val{width:70px;}
#scheme .table .row .oper{width:300px; text-align:left}
#scheme .table .row .balance{width:100px; text-align:right}
#scheme .table .row .option{width:50px; text-align:right}
/*DTH Scheme*/
#dthscheme .table .col{text-align:center}
#dthscheme .table .row .sno{width:50px;}
#dthscheme .table .row .plan{width:calc(100% - 630px);text-align:left}
#dthscheme .table .row .val{width:70px;}
#dthscheme .table .row .oper{width:300px; text-align:left}
#dthscheme .table .row .balance{width:100px; text-align:right}
#dthscheme .table .row .option{width:50px; text-align:right}
#planmenu ul{margin: 0;padding: 0px;list-style-type: none;text-align: left;border-bottom:1px solid #FF6600;font-weight:600;}
#planmenu ul li { display: inline; 	padding: 4px 20px 4px 20px; line-height:26px; cursor:pointer;	background-color:#e7e0dd;}
#navcontainer ul{margin: 0;padding: 0;list-style-type: none;text-align: left;}
#navcontainer ul li { display: inline;  padding: 10px 0 10px 0; line-height:35px; cursor:pointer; margin:0 10px 0 10px;}
#dthcontainer ul{margin: 0;padding: 0;list-style-type: none;text-align: left;}
#dthcontainer ul li { display: inline;  padding: 10px; line-height:20px; cursor:pointer;}
.oamount {padding:5px 10px 5px 10px; background-color:#fff; color:#5BADFF; text-decoration:none; font-weight:bold; border-radius:5px; font-size:12px; border:1px solid #5BADFF;}
.newoffer { text-align:center; background-color:#333333; color:#fff; padding:6px; cursor:pointer; text-decoration:none; }

/*gatewaydivert*/
#gatewaydivert .table .row .sno{width:50px; }
#gatewaydivert .table .row .bname{width:calc(100% - 872px); }
#gatewaydivert .table .row .gateway{width:200px; text-align:center; padding:0;}
#gatewaydivert .table .row .pname{width:200px; text-align:center}
#gatewaydivert .table .row .status{width:80px; text-align:center}
#gatewaydivert .commission { width:100px; text-align:center}


/*pancardlist*/
#pancardlist .table .row .sno{width:50px; }
#pancardlist .table .row .applicantname{width:calc(100% - 168px); }
#pancardlist .table .row .action{width:100px; text-align:center}
#pancardlist .table .row .option{width:20px; text-align:center}
#pancardlist .table .row .packagelink{width:calc(100% - 270px); }
#pancardlist .table .row .packagetitle{width:200px; }

/*bsbooklist*/
#bsbooklist .table .row .sno{width:50px; }
#bsbooklist .table .row .applicantname{width:calc(100% - 168px); }
#bsbooklist .table .row .boardingpoint{width:calc(100% - 862px); }
#bsbooklist .table .row .droppingpoint{width:200px}
#bsbooklist .table .row .travelsname{width:200px;}
#bsbooklist .table .row .fare{width:200px;}
#bsbooklist .table .row .date{width:100px;}
#bsbooklist .table .row .status{width:120px; text-align:center}
#bsbooklist .table .row .action{width:100px; text-align:center}
#bsbooklist .table .row .option{width:20px; text-align:center}



/*packages*/
#packages .table .row .sno{width:50px; }
#packages .table .row .package{width:calc(100% - 165px); }
#packages .table .row .status{width:70px; text-align:center}
#packages .table .row .option{width:20px; text-align:center}
#packages .table .row .packagelink{width:calc(100% - 270px); }
#packages .table .row .packagetitle{width:200px; }

/* Recharge Summary */
#recharge-summary .table .row .sno { width:50px; text-align:center }
#recharge-summary .table .row .type { width:100px; text-align:left}
#recharge-summary .table .row .status { width:100px; text-align:right}
#recharge-summary .table .row .gateway { width:calc(100% - 910px); }

/* Merchants Summary */
#merchant-summary .table .row .sno { width:50px; text-align:center }
#merchant-summary .table .row .status { width:100px; text-align:right}
#merchant-summary .table .row .gateway { width:calc(100% - 290px); }

/* gateway Summary */
#gateway-summary .table .row .sno { width:50px; text-align:center }
#gateway-summary .table .row .type { width:100px; text-align:left}
#gateway-summary .table .row .status { width:100px; text-align:right}
#gateway-summary .table .row .gateway { width:calc(100% - 810px); }

/* Recharge History */
#recharge-history .table .row .rid { width:100px; text-align:left }
#recharge-history .table .row .chbox { width:30px; text-align:center }
#recharge-history .table .row .date { width:100px; }
#recharge-history .table .row .mobile { width:130px; }
#recharge-history .table .row .gateway { width:100px; }
#recharge-history .table .row .amount { width:100px; text-align:right; padding-right:15px; }
#recharge-history .table .row .reasonuser { width:calc(100% - 975px); }
#recharge-history .table .row .reasonadmin { width:calc(100% - 1051px); }
#recharge-history .table .row .user { width:130px; text-align:right; padding-right:20px ;}
#recharge-history .table .row .refno { width:120px;}
#recharge-history .table .row .message {  width:calc(100% - 404px);}


/* Recharge Complaints */
#recharge-complaints .table .row .rid { width:100px; text-align:left }
#recharge-complaints .table .row .chbox { width:30px; text-align:center }
#recharge-complaints .table .row .date { width:120px; }
#recharge-complaints .table .row .mobile { width:130px; }
#recharge-complaints .table .row .amount { width:80px; text-align:right; padding-right:15px; }
#recharge-complaints .table .row .reason { width:calc(100% - 890px); }
#recharge-complaints .table .row .status { width:120px;}
#recharge-complaints .table .row .refno { width:120px;}
/* Recharge Panel*/
#rechargepanel{ width:100%; }
#rechargepanel .rechargelist { width:130px; clear:both; float:left; border-right:1px solid #CCCCCC}
#rechargepanel .rechargeinput{ width:310px;float:left; padding-left:50px; }
#rechargepanel .rechargelist ul { width:100%; clear:both; display:inline; padding:0}
#rechargepanel .rechargelist ul li { float:left; text-transform:uppercase; font-size:15px; font-weight:500; list-style-type:none; cursor:pointer; padding:10px 0; clear:both; width:100%; margin:0; border-bottom:1px solid #CCCCCC}
#rechargepanel .rechargeinput ul { width:100%; clear:both; display:inline; padding:0}
#rechargepanel .rechargeinput ul li { float:left;  list-style-type:none; padding:10px 0; clear:both; width:100%; margin:0;}
#rechargepanel .rechargeinput .value1, #rechargepanel .rechargeinput .value2, #rechargepanel .rechargeinput .value3 { display:none}

#rechargepanel .rechargeinput .btpaynow, #rechargepanel .rechargeinput .btrecharge { display:none; background-color:#FFFFFF; width:200px; height:50px;}

#rechargepanel .subtitle{ font-size:20px; clear:both; font-weight:500; margin:10px 0; text-transform:uppercase }
#rechargepanel .userdetails { width:calc(100% - 493px); background-color:#CCCCCC; height:250px; float:left}
/* Staff */
#section-staff .table .row .sno { width:50px; text-align:center}
#section-staff .table .row .staffname { width:calc(100% - 530px); }
#section-staff .table .row .department { width:150px; }
#section-staff .table .row .lastlogin { width:200px; }
#section-staff .table .row .ip { width:100px; }

/* Gateway Settings */
#section-gateway-settings .table .row .col{float:left; width:100px; text-align:center;}
#section-gateway-settings .table .row .type{ width:100px; float:left}
#section-gateway-settings .table .row .sno{ width:50px;}
#section-gateway-settings .table .row .provider { width:calc(100% - 600px); text-align:left; float:left;}
#section-gateway-settings .table .row .commission { float:left; width:100px; text-align:center;}
#section-gateway-settings .gateway_edit { width:100px; text-align:center; display:none;}

/* Gateway Settings */
#bank .table .row .col{float:left; width:100px; text-align:left;}
#bank .table .row .sno{ width:50px; text-align:center}
#bank .table .row .option{ width:30px; text-align:left}
#bank .table .row .bank{ width:200px;}
#bank .table .row .status{ width:70px; text-align:center; }
#bank .table .row .name { width:calc(100% - 380px); text-align:left; float:left;}

/* providers Settings */
#section-providers .table .row .col { float:left; width:80px; text-align:center;}
#section-providers .table .row .sno { float:left; width:50px; text-align:center;}
#section-providers .table .row .provider{ width:calc(100% - 730px); text-align:left}
#section-providers .table .row .option { float:left; width:20px; text-align:center;}
#section-providers .table .row .gateway { float:left; width:100px; text-align:left}
#section-providers .table .row .commission { float:left; width:100px; text-align:center;}
#section-providers .table .row .foreach { float:left; width:60px; text-align:center;}
.provider_data{ width:100px; text-align:center}
.provider_edit{ width:100px; text-align:center; display:none}


/* Modules Settings */
#section-modules .table .row .col { float:left; width:80px; text-align:center;}
#section-modules .table .row .date { float:left; width:150px; text-align:center;}
#section-modules .table .row .price { float:left; width:100px; text-align:right;}
#section-modules .table .row .sno { float:left; width:50px; text-align:center;}
#section-modules .table .row .name{ width:calc(100% - 445px); text-align:left}
#section-modules .table .row .option { float:left; width:20px; text-align:center;}
#section-modules .table .row .gateway { float:left; width:100px; text-align:left}
#section-modules .table .row .commission { float:left; width:100px; text-align:center;}
.module_data{ width:100px; text-align:center}
.module_edit{ width:100px; text-align:center; display:none}


/*   section-billing   */
#section-billing .table .row .date { float:left; width:100px; text-align:left;}
#section-billing .table .row .bal { float:left; width:140px; text-align:right;}
#section-billing .table .row .credit { float:left; width:100px; text-align:right;}
#section-billing .table .row .sno{ float:left; width:50px; text-align:center;}
#section-billing .table .row .name{ width:calc(100% - 490px); text-align:left}
#section-billing .table .row .type{ float:left; width:50px; text-align:left;}
/* section-commission*/
#section-commission .table {float:left; width:100%; font-size:13px; font-family:"Roboto"; font-weight:400;}
#section-commission .table .row { clear:both; width:100%; display:inline-block; border-bottom:1px #f2f2f2 solid; }
#section-commission .table .headrow { font-weight:600;  background-color:#f2f2f2; color:#666; }
#section-commission .table .row:not(:first-child):hover { background-color:#f8f8f8; display:inline-block; cursor:pointer; _curson:pointer; }
/*bank-account*/
#bank-account .table .row .col { float:left; width:100px; text-align:center;}
#bank-account .table .row .sno {width:50px;}
#bank-account .table .row .name	{width:calc(100% - 280px); text-align:left}
/*Branding*/
#brand{ clear:both;}
#brand .table {width:100%; }
#brand .table .rows { clear:both;  display:inline-block; width:100%; padding:5px 0; margin:0 }
#brand .table .col { float:left; padding:3px 0px;  }
#brand .table .rows .name {width:200px}
#brand .table .rows .input-text {width:500px;;}

/*coomission*/
#commission .table .row .col {float:left; width:100px; text-align:center;}
#commission .table .row .status {float:left; width:50px; text-align:center;}
#commission .table .row .commission {float:left; width:100px; text-align:center; }
#commission .table .row .default { width:100px; text-align:center;}
#commission .table .row .gateway { width:100px; text-align:center;}
#commission .commission { width:100px; text-align:center}
#commission .commission_edit { width:100px; text-align:center; display:none;}
#commission .table .row .option { width:50px; text-align:center }
#commission .commissionrate_data {float:left; width:100px;  height:35px; line-height:18px; text-align:center}
#commission .commissionrate_edit {float:left; width:100px;  height:35px; line-height:18px; text-align:center; display:none}
#commission .table .row .provider { width:calc(100% - 670px);text-align:left;}
#commission .table .row .providercol { width:calc(100% - 830px);text-align:left; }
#commission .table .row .providercolnew { width:calc(100% - 380px);text-align:left;}
#commission .table .row .sno {float:left; width:50px;  height:35px; line-height:18px; text-align:center}
#commission .table .row .foreach {float:left; width:60px; text-align:center}
#commission .table .row .chbox {float:left; width:50px; text-align:center}

#logs .table .row .sno {width:50px; text-align:center}
#logs .table .row .description {width:calc(100% - 300px);}
#logs .table .row .status {width:100px;}
#logs .table .row .date {width:100px;}
/* Payment */
.table .row .mode { width:100px;}
#payment .table .row .sno { width:50px; text-align:center }
#payment .table .row .amount { width:80px; text-align:right; }
#payment .table .row .bank {width:175px; }
#payment .table .row .status { width:130px; padding-left:20px;}
#payment .table .row .name {  width:calc(100% - 898px);}
#payment .table .row .payer { width:175px; text-align:left}
#payment .table .row .option { width:20px;}

/* Payment */
#invoice .table .row .col { width:80px; text-align:left;}
#invoice .table .row .ivno { width:120px; text-align:center }
#invoice .table .row .sno { width:100px; text-align:center }
#invoice .table .row .amount { width:80px; text-align:right; }
#invoice .table .row .status { width:80px; padding-left:20px;}
#invoice .table .row .name {  width:calc(100% - 410px);}
#invoice .table .row .option { width:20px;}


/*Announcements*/
.news {overflow: hidden;-webkit-user-select: none;background-color:#403c3a; width:100%; font-size: 14px;}
.newshead{background-color:#edc951;color:#403c3a; font-weight:600; padding:0 10px; float:left; width:120px; line-height:35px; }
.marquee {overflow: hidden; float:left; width:calc(100% - 120px); line-height:35px; color:#fff; font-size: 13px;}


#announcement .table .row .sno{width:50px; }
#announcement .table .row .package{width:calc(100% - 275px); }
#announcement .table .row .status{width:70px; text-align:center}
#announcement .table .row .option{width:20px; text-align:center}
#announcement .table .row .date { width:100px; text-align:left;}

/*View Report*/
#viewreport {width:90%; margin: 0 auto;font-family:'Roboto';font-weight:500;font-size:13px;color:#333333;}
#viewreport .left {float:left; font-size:14px; font-weight:400; color:#666666}
#viewreport .right{float:right; font-size:14px; font-weight:400; color:#666666}
#viewreport .table .row .rid { width:100px; text-align:center }
#viewreport .table .row .date { width:100px; }
#viewreport .table .row .mobile { width:130px; }
#viewreport .table .row .gateway { width:100px; }
#viewreport .table .row .amount { width:80px; text-align:right; padding-right:15px; }
#viewreport .table .row .reason { width:calc(100% - 1050px); }
#viewreport .table .row .user { width:120px; text-align:right; padding-right:20px ;}
#viewreport .table .row .refno { width:120px;}
#viewreport .subtitle{ font-size:22px; color:#000000 }
/*Quick Recharge */
#val1,#val2,#val3 { display:none}

#logbox { font-size:13px; }
#logbox .row .leftpanel, #commentbox .row .leftpanel {width:200px; text-align:right; padding:10px;  display:inline-block;}
#logbox .row .rightpanel, #commentbox .row .rightpanel {width:calc(100% - 240px); padding:10px; }

.logcompl {background-color:#edc951;color:#403c3a; padding:5px 10px; clear:both; font-weight:500; cursor:pointer; float:left; margin-right:10px;}
#refund {background-color:#01ad01; color:#fff; padding:5px 10px; font-weight:500; cursor:pointer; float:right}
.commenthere {width:85%; font-weight:500; color:#fff; font-size:14px; float:left; display:block}
.commentxt{float:left; text-align:right; margin-right:20px; width:calc(15% - 20px); height:50px;  display:block}

[id^="comform_"]{ display:none}

.psave{display:none}
.logo { padding:5px; float:left; background-position:left center; background-repeat:no-repeat; background-size:auto 100%;}
.logo img {max-width: 100%;max-height: 100%;}
.logoimg{max-height:60px; width:auto;}
.call { padding:10px 0; float:right; text-align:right; font-size:25px; }
.call span { font-weight:600; }
.forgot { font-size:12px; cursor:pointer; _cursor:pointer; margin:8px 0px 0 10px; border-left:1px solid #CCCCCC; padding-left:10px; float:left }
/*footer*/
#footer{padding:5px 30px; border-top:1px solid #CCCCCC; font-size:12px; font-weight:300; height:auto; position:static; clear:both;  width:100%; display:inline-block; bottom:0; position:inherit; left:0; margin-top:10px;}
/*pagination*/
.pagination {float:right;}
.pagination li{ list-style:none; float:left; display:inline; padding-left:10px;}
.pagination .details{ font-weight:500;}
.pagination .current{ padding:0px 10px;  background-color:#000; color:#FFFFFF;}
.pagination a{ border:1px solid #000000; padding:0px 10px; font-weight:500; font-size:14px;}
textarea{font-family: 'Roboto'; color:#000;font-size: 13px; font-weight:400;  width:calc(100% - 10px);  min-width:250px;  display: block;border: none;padding:3px 5px;border: solid 1px #1BA6AF;background-repeat: no-repeat;-webkit-transition: border 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);transition: border 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);  	}
select{ width:250px; margin:0;}
.icon-person{background-image:url(../images/icons/person.png);background-size:auto 14px;background-position:4px 5px;}
.icon-email{background-image:url(../images/icons/mail.png);background-size:auto 14px;background-position:4px 5px;}
.icon-mobile{background-image:url(../images/icons/mobile.png);background-size:auto 17px;background-position:2px 3px;}
.icon-phone{background-image:url(../images/icons/phone.png);background-size:auto 17px;background-position:2px 3px;}
.icon-username{background-image:url(../images/icons/username.png);background-size:auto 17px;background-position:3px 3px;}
.icon-password{background-image:url(../images/icons/password.png);background-size:auto 15px;background-position:4px 4px;}
.icon-address{background-image:url(../images/icons/address.png);background-size:auto 15px;background-position:4px 4px;background-repeat:no-repeat;}
.username{font-size:14px; font-weight:300}
.gateway-list{ font-size:14px; font-weight:300; line-height:22px; color:#000000}

.reversal { color:#0000FF;}
.failure, .declined,.cancelled { color:#FF0000}
.success, .accepted { color:#01ad01;}
.refund { color:#e15a00;}
.awaiting,.draft { color:#FF6600;}
.pending { color:#000000;}
.receipt { color:#ec008c;}
.debit { color:#c200ec;}
 
#automation{ width:100%; clear:both}
#automation .atext{ float:left; text-align:left; font-size:14px; font-weight:500; margin-bottom:20px;}
#automation .abox{ float:left; text-align:left; clear:both; display:inline-block; margin-right:20px;}

/*API*/
#api{ clear:both;}
.apival{ clear:both; float:left; font-size:14px; font-weight:500; width:100px;}
.tableheader{ font-weight:600}
.apibox td {border:1px dotted #ccc;}
.tablediv{clear:both; width:100%; padding:5px 0; display:inline-block; line-height:20px;}

#branding-inputform .dallow input[type="text"]{ min-width:30px !important; width:40px; padding:0 !important; margin:0 !important;}
.sgateway{ color:#000000 !important; display:block}

/*Receipt*/
.viewreceipt{color:#FFFFFF;display:inline-block;background-color:#FF8E14;  border:0; padding:5px 10px; margin:10px 0; font-weight:600; font-family:'Roboto'; font-size:14px; text-transform:uppercase;}

#receipt {width:600px; height:auto; margin:50px auto;font-size:14px;}
#receipt .rleft{ width:120px;float:left;line-height:30px; text-align:left; margin-right:20px; }
#receipt .rright{line-height:30px; text-align:left; font-size:16px; font-weight:500  }
/*alertsection*/
#alertsection .failure{ background-color:#FFFBCB; border:2px solid #F5D37A}
#alertsection .success{ background-color:#E1F7D1;border:2px solid #99C77C;}
#alertsection .nofify{ background-color:#D2EFFF;border:2px solid #A6DCFE}
#alertsection .failureimg{ background-image:url(../images/icons/warning.png); background-repeat:no-repeat;}
#alertsection .successimg{background-image:url(../images/icons/done-tick.png); background-repeat:no-repeat; }
#alertsection .nofifyimg{background-image:url(../images/icons/icon.png); background-repeat:no-repeat; }
#insertdenom{ clear:both; width:100%; display:block}
/* Merchants Form*/
.privilege150{ width:120px; float:left; }
.privilege160{ width:160px; float:left; }

/*Payment Methods*/
.bankcol{ width:269px; background-color:#F2F2F2;  float:left; display:inline-block; padding:5px 20px; margin:10px; border-radius:10px;}
.bankrow{  margin:10px 0;}
/* Currency */
#currency .table .row .code{ width:300px;float:left;}
#currency .table .row .base{ width:calc(100% - 524px);float:left;}
#currency .table .row .update { width:100px;float:left; text-align:center; }
#currency .table .row .date { width:100px;float:right}
.currency_edit, .currency_data{ width:100px;}
.currency_edit{display:none;}

/*Confirm page*/
.fieldrow{  width:500px; height:30px; line-height:30px; }
.labelname{float:left; width:200px; }
.labelvalue{float:left; text-align:left }

.billdetail{  padding:30px 100px;   display:inline-block; height:auto}
.billamount{ width:700px;}

/* Vertical Tabbing */
.tab .tab__head {margin: 0;padding: 0;float: left;list-style: none;height: 32px;width: 130px;}
.tab .tab__head li {cursor: pointer;color: #333;background-color: #fafafa;width: 100%;border: 1px solid #EFEFEF;border-bottom: 0px; padding:10px 15px; font-size:13px;}
.tab .tab__head li:hover {background-color:#EFEFEF;color: #000;}
.tab .tab__head li.active {background-color: #fff;color: #333;display: block; border-right:0; }
.tab .tab__head li:last-child {border-bottom:  1px solid #EFEFEF;}

.tab .tab__container {border: 1px solid #EFEFEF;float: left;width: calc(100% - 130px);height: 325px; border-left:0;font-size:13px;}
.tab .tab__content {padding: 20px;display: none;}
.tab .tab__content > :first-child {margin-top: 0;}
.tab__content{ display:none;}
.tab__content:first-child{ display:block;}


/* Horizontal Tab*/
.hztab .hztab__head {margin: 0;padding: 0;float: left;list-style: none;height: 32px;border-bottom: 1px solid #ccc;width: 100%;}
.hztab .hztab__head li {float: left;margin: 0 1px 0 0;cursor: pointer;padding: 0px 20px;height: 32px;line-height: 31px;color: #333;border-bottom: 0px;overflow: hidden;position: relative;background-color: #e5e5e5;}
.hztab .hztab__head li:hover {background-color: #e5e5e5;color: #000;}
.hztab .hztab__head li.active {border: 1px solid #ccc;background-color: #fff;color: #333;border-bottom: 1px solid #fff;display: block;}
.hztab .hztab__container {border: 1px solid #ccc;border-top: 0px;clear: both;float: left;width: 100%;}
.hztab .hztab__content {padding: 20px;display: none;}
.hztab__content{ display:none;}
.hztab__content:first-child{ display:block;}

/* Password Policy*/
#password-policy{ margin:5px 0 0 0;}
.passwordpolicy{ margin:5px 0 0 0; padding:0 0 0 15px;}
#password-policy li.invalid { color: #F00;}
#password-policy li.valid { color: #43841e;}

/*Notifications*/
.alert {position: relative;padding:7px 15px; width:calc(100% - 30px); margin:5px 0; border: 1px solid transparent;border-top-color: transparent;border-right-color: transparent;        border-bottom-color: transparent;border-left-color: transparent;border-radius: 0.25rem;}
.alert-success {color: #06a054; background-color: rgba(8, 210, 111, 0.2); border-color: #07c166;}
.alert-info {color: #2886c2;background-color: rgba(53, 176, 255, 0.2);border-color: #31a2eb;}
.alert-warning {color: #c28f28;background-color: rgba(255, 188, 52, 0.2);border-color: #ebad30;}
.alert-danger {color: #c25858;background-color: rgba(255, 116, 116, 0.2);border-color: #eb6b6b;}
.alert-primary {color: #655dc2;background-color: rgba(133, 123, 255, 0.2);border-color: #7a71eb;}
.alert-secondary {color: #93969f;background-color: rgba(194, 198, 209, 0.2);border-color: #b2b6c0;}
.alert i { width:20px; height:20px; display:block; float:left;}
.alert-fill-primary {color: #ffffff;background-color: #857bff;border-color: #857bff;  line-height:20px;}
.alert-fill-success {color: #ffffff;background-color: #08d26f; border-color: #08d26f;line-height:20px;}
.alert-fill-info {color: #ffffff;background-color: #35b0ff; border-color: #35b0ff;line-height:20px;}
.alert-fill-warning {color: #ffffff;background-color: #ffbc34;border-color: #ffbc34;line-height:20px;}
.alert-fill-danger { color: #ffffff; background-color: #ff7474; border-color: #ff7474;line-height:20px;}
.alert-circle{background-repeat:no-repeat; background-position: center center; background-image:url(../images/icons/danger.svg);background-size: 16px auto; padding-right:10px;}


.edit-ic{ background:url(../images/edit-ic.svg) no-repeat center center; width:18px; height:18px; background-size:auto 16px;display:inline-block;}
.printer-ic{ background:url(../images/printer-ic.svg) no-repeat center center; width:18px; height:18px; background-size:auto 17px;display:inline-block;}
.envelope-ic{ background:url(../images/envelope.svg) no-repeat center center; width:18px; height:18px; background-size:auto 17px;display:inline-block;}
.ic-trash { width:24px; height:24px;  -webkit-mask:url(../images/trash.svg) no-repeat center center; mask:url(../images/trash.svg) no-repeat center center; background-color:#fff; mask-size:16px auto; }
.ic-image-viewer { width:24px; height:24px;  -webkit-mask:url(../images/image-viewer.svg) no-repeat center center; mask:url(../images/image-viewer.svg) no-repeat center center; background-color:#fff; mask-size:20px auto; }



.boxinfo{ width:300px; float:left; height:auto; background-color: #f5f5f5; color:#333; display:inline-block; padding:10px;color:#000}
.boxheader{ width:100%; height:40px;color:#333;line-height:40px; font-size:18px; font-weight:500;}
.boxdetails{ width:100%; font-size:12px; font-weight:300; color:#000000 }
.boxfullname{ font-weight:400; font-size:16px;} /*FF6709*/
.boxinfo .label {font-size: 12px;padding: 7px 0;border-bottom: 1px dotted #ccc; min-height: 37px; font-weight:400; color:#666666} /*color: #49faa1;*/
.boxinfo .label:last-child{;border-bottom:0;}
.boxinfo .value {color: #333333;font-size: 17px;padding-bottom: 7px; font-weight:400;}
.boxinfo .lblvalue {color: #333333;font-size: 14px;padding-bottom: 7px; font-weight:400;}

/* Responsive Tab*/
.tab_container {clear:both; width: 100%;margin:20px 0 10px 0;position: relative; border:2px solid #f9f9f9; display:inline-block;}
.tab_container .tabinput, .tab_container section {clear: both;padding-top: 10px;display: none;}
.tab_container .lbl {font-weight: 500;font-size: 13px;display: block;float: left;width: 25%;padding: 10px 20px;color: #757575;cursor: pointer;text-decoration: none;text-align: left;background: #f9f9f9;}
#tab1:checked ~ #content1,#tab2:checked ~ #content2,#tab3:checked ~ #content3,#tab4:checked ~ #content4,#tab5:checked ~ #content5 {display: block;padding: 10px;background: #fff;color: #999;/*border-bottom: 2px solid #f0f0f0;*/}
.tab_container .rstab-content p,.tab_container .rstab-content h3 {/*-webkit-animation: fadeInScale 0.7s ease-in-out;-moz-animation: fadeInScale 0.7s ease-in-out;animation: fadeInScale 0.7s ease-in-out;*/}
.tab_container .rstab-content h3  {}
.tab_container [id^="tab"]:checked + label {background: #fff;/*box-shadow: inset 0 2px #f9f9f9;*/}
.tab_container [id^="tab"]:checked + label .fa {color: #0CE;}
.tab_container label .fa {font-size: 1.3em;margin: 0 0.4em 0 0;}

.fleft{ float:left;} .fright{ float:right;} .mr50{ margin-right:50px!important;}
.db200{ width:200px!important;}.db250{ width:250px!important;}
.db500{ width:500px!important;}.db550{ width:550px!important;}
input.db200{ min-width:200px!important;}
/* [GALLERY] */
#gallery {max-width: 100%;margin: 0 auto;}
#gallery imgww {box-sizing: border-box;width: 100%;max-height: 100px;padding: 5px;object-fit: cover;cursor: pointer;}
.imgcontainer {position: relative;width: 100px;height: 150px; float:left; margin:5px;}
.overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0);transition: background 0.5s ease;}
.imgcontainer:hover .overlay {display: block;background: rgba(0, 0, 0, 0.3);}
.imgcontainer img {position: absolute;box-sizing: border-box;width: 100%;height: 150px;object-fit: cover;cursor: pointer;left: 0;}
.imgcontainer .button {position: absolute;width:80px; top: 50px;text-align: center;opacity: 0;transition: opacity .35s ease; text-align:center; left:10px;  }
.btopt { float:left; height:30px; width:30px; line-height:30px; margin:0 5px; background: rgba(0, 0, 0, 0.6); border:1px solid transparent; border-radius:26px;}
.btopt:last-child { margin-right:0; }

.btopt a {padding: 12px;text-align: center;color: white;border: solid 2px white;z-index: 1; }
.imgcontainer:hover .button {opacity: 1;}

.bt {}
.bt a{display:inline-block;background-color:#ff8e14; color:#fff; border:0; padding:3px 10px; font-weight:600; font-family:'Roboto'; font-size:14px; text-transform:uppercase; line-height:20px; }

/* Custom Confirm Box */
.dialog-ovelay {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.50);z-index: 999999;}
.dialog-ovelay .dialog {width: 400px;margin: 100px auto 0;background-color: #fff;box-shadow: 0 0 20px rgba(0,0,0,.2);border-radius: 3px;overflow: hidden}
.dialog-ovelay .dialog header {padding: 10px 8px;background-color: #f6f7f9;border-bottom: 1px solid #e5e5e5}
.dialog-ovelay .dialog header h3 {font-size: 14px;margin: 0;color: #555;display: inline-block}
.dialog-ovelay .dialog header .fa-close {float: right;color: #c4c5c7;cursor: pointer;transition: all .5s ease;padding: 0 2px;border-radius: 1px    }
.dialog-ovelay .dialog header .fa-close:hover {color: #b9b9b9}
.dialog-ovelay .dialog header .fa-close:active {box-shadow: 0 0 5px #673AB7;color: #a2a2a2}
.dialog-ovelay .dialog .dialog-msg {padding: 12px 10px}
.dialog-ovelay .dialog .dialog-msg p{margin: 0;font-size: 15px;color: #333}
.dialog-ovelay .dialog footer {border-top: 1px solid #e5e5e5;padding: 8px 10px}
.dialog-ovelay .dialog footer .controls {direction: rtl}
.dialog-ovelay .dialog footer .controls .cbutton {padding: 5px 15px;border-radius: 3px}
.button {cursor: pointer}
.button-default {background-color: rgb(248, 248, 248);border: 1px solid rgba(204, 204, 204, 0.5);color: #5D5D5D;}
.button-danger {background-color: #f44336;border: 1px solid #d32f2f;color: #f5f5f5}
.link {padding: 5px 10px;cursor: pointer}

.Custom_Cancel > .sa-button-container > .cancel {
   background-color: #DD6B55;
   border-color: #DD6B55;
}
.Custom_Cancel > .sa-button-container > .cancel:hover {
   background-color: #DD6B55;
   border-color: #DD6B55;
}