body{ margin:0em; padding:0em; background:#1a3763; font-family: Arial; font-size:12px;}
img{ border:none; max-width:100%;}
code, dfn{font-style:normal;}
.clr{ clear:both;}
p, h1, h2, h3, h4, h5 ,h6{ margin:0; padding:0;}
.fleft{ float:left;}
.fright{ float:right;}
.bdr_none{ border-right:solid 0px #fff !important ;}
.mt{margin-top:10px;}
.mr{margin-right:10px;}
.ml{margin-left:10px;}
.pa5{padding:5px;}

.width_99{width:99%;}
.width_70{width:70%;}
.width_50{width:50%;}
.width_40{width:40%;}

.ml5{margin-left:5px;}
.mt3{margin-top:3px;}
.position_r{position:relative;}
.selctwidth{width:130px;}
.height84{height:75px;}

/*-button-*/
.comon_sbtn{clear:right;padding:.2em .4em; font-size:.89em; color:#fff; background:#174279; cursor:pointer; border:none; border-radius:3px; text-decoration:none; font-style:normal}
.comon_sbtn:hover{background:#D2AA56; color:#18437D;}
.desk_not{display:none;}

.wrapper{ margin:0px auto; width:1000px; background:#ffffff;}
.header{ float:left; width:100%; background:#fff url(../images/header-bg.jpg) right top no-repeat;}
.signout{color:#D2AA56 !important;}
.logo{ float:left; width:30%;}
.nav{ float:left; width:100%; background:#174279; border-bottom:solid 3px #d2aa56;}
.nav ul{ margin:0px; padding:0em; list-style:none;}
.nav li{float:left; display:block; font-size:0.98em; color:#fff; padding:.75em 0; border-right:solid 1px #2158a1;}
.nav li a{ text-decoration:none; color:#fff; padding:0.7em 1em .8em;}
.nav li a:hover{color:#18437d; background:#d2aa56;}
.nav li a.active{color:#18437d; background:#d2aa56;}
.contener{ float:left; width:100%; background:#fff;}
.left{ float:left; width:49.7%;}
.report{ float:left; width:98%; margin:0.4em 0.4em 0 0.4em; background:#e6edf7; border:solid 1px #d9deee; padding-bottom:1em;}
port h2{ float:left; width:88%; margin:0.5em 0 0 1em; font-weight:normal; font-size:1.2em; font-family:Verdana; color:#18437d; padding:0 0 0 1.5em; background:url(../images/report-golden.png) left center no-repeat;}

raph_box{ float:left; width:80%; margin:1em 1em 0 1em; background:#fff; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; -webkit-box-shadow: #B3B3B3 2px 2px 2px;-moz-box-shadow: #B3B3B3 2px 2px 2px; box-shadow: #B3B3B3 2px 2px 2px;}
ph_box img{ float:left; width:95%; padding:0.5em;}
.graph_box img{ float:left; width:95%; padding:0.5em;}
.icons{ float:right; width:13%; margin:20% 2% 0 0; height: 21px;}
.box_row{width:100%; float:left;}
.right{ float:left; width:49.7%;}

.report2{ float:left; width:96%; margin:0.4em 0.5em 0; background:#f1f4f9; border:solid 1px #d9deee; padding:.5em; min-height:87px;}
.report2 h2{ float:left; width:71%; margin:0; font-weight:normal; font-size:1.2em; font-family:Verdana; color:#18437d; padding:0 0 0 1.8em; background:url(../images/report-icon.png) left center no-repeat;}
.graph_box2{ float:left; width:97%; margin:1em 1em 0 1em; background:#fff; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; -webkit-box-shadow: #B3B3B3 2px 2px 2px;-moz-box-shadow: #B3B3B3 2px 2px 2px; box-shadow: #B3B3B3 2px 2px 2px;	height: 302px;}
.graph_box2 img{ float:left; width:95%; padding:0.5em;}
.icons2{ float:right; width:4%; margin:20% 5% 0 0;}

g{border:2px solid red; float:left;}
rect{float:left;}

.report3{ float:left; width:98%; margin:0.4em 0.4em 0 0.4em; background:#f1f4f9; border:solid 1px #d9deee; padding-bottom:1em;}
.report3 h2{ float:left; width:88%; margin:0.5em 0 0 1em; font-weight:normal; font-size:1.2em; font-family:Verdana; color:#18437d; padding:0 0 0 1.5em; background:url(../images/report-icon.png) left center no-repeat;}
.graph_box3{ float:left; width:92%; margin:1em 1em 0 1em; background:#fff; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; -webkit-box-shadow: #B3B3B3 2px 2px 2px;-moz-box-shadow: #B3B3B3 2px 2px 2px; box-shadow: #B3B3B3 2px 2px 2px;}
.graph_box3 img{ float:left; width:95%; padding:0.5em;}



.report4{ float:left; width:98%; margin:0.4em 0.4em 0 0.4em; background:#f1f4f9; border:solid 1px #d9deee; padding-bottom:1em;}
.report4 h2{ float:left; width:88%; margin:0.5em 0 0 1em; font-weight:normal; font-size:1.2em; font-family:Verdana; color:#18437d; padding:0 0 0 1.5em; background:url(../images/report-golden.png) left center no-repeat;}
.graph_box4{ float:left; width:92%; margin:1em 1em 0 1em; background:#fff; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; -webkit-box-shadow: #B3B3B3 2px 2px 2px;-moz-box-shadow: #B3B3B3 2px 2px 2px; box-shadow: #B3B3B3 2px 2px 2px;}
.graph_box4 img{ float:left; width:95%; padding:0.5em;}

.report7{ float:left; width:97.6%; padding:0.5em; border:solid 1px #d9deee; margin:0.5em; background:#f1f4f8;}
.report7 h2{ float:left; width:97.2%; font-weight:normal; font-size:1.2em; font-family:Verdana; color:#18437d; padding:0.5em 0 0 1.5em;}
.report7 h3{ width:60%; float:left; font-weight:normal; font-size:1.2em; font-family:Verdana; color:#18437d; padding:.3em 0 0 1.5em; background:url(../images/report-icon.png) left center no-repeat;}
.report7 .form_inner{width:88%;}
.graph_box7{ float:left; width:97%; margin:1em 1em 0 1em;  background:#fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: #B3B3B3 2px 2px 2px;-moz-box-shadow: #B3B3B3 2px 2px 2px; box-shadow: #B3B3B3 2px 2px 2px;}
.report7 .radiobox{width:21%;}
.report7 input[type="text"]{width: 44%;float: left;    padding: 3px;}
.graph_box7 img{ float:left; width:44%; 
padding:1%;
}

.footer{ float:left; width:100%; text-align:center; background:#fff;}
.footer p{ text-align:center; font-size:0.7em; color:#878787; padding:0.7em 0;}
.footer p a{ text-decoration:none; color:#878787; padding: 0 0.7em;}
.footer p a:hover{ text-decoration:underline; color:#878787;}

/*===============Page 2==============*/
.tbo_form{ float:left; width:98.2%; background:#c1cbdb; margin:.5em 0.3em 0 0.5em; padding:.2em; }
.form_cntr{ float:left; width:100%; background:#f8f9fb; padding-bottom:.5em;  -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.form_tab{ float:left; width:25%; margin:0.5em 0 0 0.5em;}
.form_tab ul{ margin:0em; padding:0em; list-style:none;	height: 30px;}
.form_tab li{ float:left; display:block; background:#d2aa56; font-family:Verdana; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; font-size:0.82em; color:#fff; padding:0.2em 0; margin-left:0.2em;
	height: 21px;
	width: 110px;
}
.form_tab li a{ text-decoration:none; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;  color:#fff; padding:0.2em 1.2em;}
.form_tab li a:hover{ background:#174077;  color:#fff;}
.form_tab li a.active{ background:#174077;  color:#fff;}
.form_inner{ float:left; width:100%; margin-top:.4em;}
.f_row{ float:left; width:100%; margin:0em; padding-bottom:.8em;}
.f_row > label, .f_row_gmv label{ width:31%; float:left}
.f_row>span{ float:left; width:27%;}
.f_row_gmv, .reportrow{ float: left;width: 100%;margin-top: 10px;}
.f_row_gmv select, .reportrow select{width:100%; font-size:12px;}
.reportrow span{width:32%; float:left; margin:5px;}
.f_row_gmv span{float:left; width:18.5%; margin-left:1em;}
.f_row_gmv span>label, .reportrow span>label{width:100%; float:left; text-align:center; padding:0.2em .5em .2em 0; font-size:1em; color:#7c7c7d;}
.f_row>span>label{ width:25%; float:left; text-align:right; padding:0.2em 0 0; font-size:1em; color:#7c7c7d;}
.f_row span select{ float:right; width:60%; padding:0.05em; border:solid 1px #d9deee; background:#fff; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.date_input{ float:right; width:70%; font-size:11px; padding:0.2em; cursor:pointer; border:solid 1px #d9deee; background:#fff url(../images/cal.jpg) right center no-repeat; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.radiobox{width:30%; float:left; margin-left:1em; marign-top:.2em; color:#7C7C7D;}
.radiobox input{margin:0 0.6em 0 .2em;}
.radiobox span{float:left;}
.width50{width:50px;}
.refres_btn{ float:right; text-align:right; margin:0 -1.8em 0 0;}
.txtareawidth{width:300px;}
.autosuggest{width:300px; margin-top:5px;}

.f_row table{ border:1px solid #ccc; border-collapse:collapse;}
.f_row table tr th{ background:#174279; color:#fff; padding:5px; border:1px solid #fff; text-align:left;}
.f_row table tr td{ background:#D9DEEE; color:#333; padding:5px; border:1px solid #fff;}


.rpt_data{ float:left; width:98%; margin:1em 0.7em 0 0.7em;-webkit-border-radius: 15px 15px 0px 0px;-moz-border-radius: 15px 15px 0px 0px;border-radius: 15px 15px 0px 0px; -webkit-box-shadow: #B3B3B3 2px 2px 2px;-moz-box-shadow: #B3B3B3 2px 2px 2px; box-shadow: #B3B3B3 2px 2px 2px;}
.scrollrptrow{ overflow-y:scroll; overflow-x:auto; height:425px; width:100%; float:left;} 
.rpt_hdr{ float:left; width:100%; background:#4b7fc7; -webkit-border-radius: 15px 15px 0px 0px;-moz-border-radius: 15px 15px 0px 0px;border-radius: 15px 15px 0px 0px;}
.rpt_hdr span{ float:left; width:7.5%; font-size:0.9em; color:#fff; border-right: solid 1px #4e85d1; padding:0.5em 0.3em; text-align:center;}

.rpt_row{ float:left; width:99.8%; border-bottom:solid 1px #eaedf6; border-left:solid 1px #eaedf6;  border-right:solid 1px #eaedf6;}
.rpt_row_bg{background:#f6f8fb;}
.rpt_row span{ float:left; width:7.5%; font-size:0.9em; color:#94969f; min-height:25px; max-height:120px; border-right: solid 1px #e6eaf4; padding:0.5em 0.3em; text-align:center;}
.btns_col{ float:right; width:99%; margin:1em 0.5em 0 0; text-align:right;}

.crmLoginContainer{float:right; text-align:right; border-raidus:0 0 5px 5px; box-shadow:2px 2px 3px #e7e7e7; padding:.5em; background:#fff; margin-right:.5em;}
.crmLoginContainer a{color:#666;}
.graph_box{float:left; width:99.2%; margin:.5em; font-style:normal}
.tboheader h1{margin:0px; padding:0px;}
.tboheader h1 img{}

/*---------login page css---------------*/
.crmContainer {background:#fff; 
               background: -webkit-linear-gradient(center top , #F8F8F8, #FFFFFF);
               background: -mms-gradient(center top , #F8F8F8, #FFFFFF);
               background: -moz-linear-gradient(center top , #F8F8F8, #FFFFFF); border: 1px solid #D6D6D6; border-radius:5px;  margin: 10px auto 0; float:left; padding:1% 0.5em 3%%; width:98.56%;}
.crmHeading { border-bottom: 1px solid #D6D6D6; color: #1A3763; font-size: 13px; font-weight: bold; margin-bottom: 10px; padding: 5px 0;}
.c8region { float: left; margin: 4px 0; padding: 1px 0; width: 100%; min-height:350px;}
.crmLogin { box-shadow:2px 2px 5px #333333; margin: 0 auto; padding: 20px 60px; width: 300px; border:1px solid #e7e7e7;}
.errorMas:before { color: #4CA7E0; content: ""; font-weight: bold; padding-right: 3px; vertical-align: top;}
.errorMas { color: #FF0000;}
.crmLogin .slide { clear: both; display: block; margin: 5px 0;}
.crmLogin .slide label { display: inline-block; width: 120px;}
.frmrow_inner{width:98%; float:left; padding:1%;}
.frmrow_inner>span{float:left; width:13.5%;}
.frmrow_inner>span input[type="text"]{width:60%; float:left;}
.frmrow_inner>span label{width:28%; float:left;text-align: right;padding: 2px;}
.productbox{float:left; width:98%; padding:0}
.productbox>span{float:left; margin-left:.5em; }
.productbox input{margin:0.1em 0.5em 0 0}
.durationbox input[type="radio"]{padding:0px; margin:5px 0 0 8px;}
.durationbox dfn{margin-top:5px;}
.durationbox input[type="text"]{margin-left:8px;}
.company_box{width:20%; float:left;}
.company_name, .product_name{float: left; font-size: 1em; padding: 0.2em 0 0; text-align: right;}
.company_name{width:30%;}
.product_name{width:14%; clear:right; float:left; text-align:left;}
/*mis Report*/
.main_container_mis{ float:left; width:98%; padding:1%;}
.mis_con_daily{ width:50%; }
.mis_con{width:97%; background:#F1F4F9; border: 1px solid #D9DEEE; padding:1%;min-height: 91px;}
.mis_con h2{background: url("../images/report-icon.png") no-repeat scroll left center rgba(0, 0, 0, 0); color: #18437D; float: left; font-family: Verdana; font-size: 1.2em;  font-weight: normal; margin: 0; padding: 0 0 0 1.8em; width: 75%;}
.dailymis{float: left; width: 100%; margin: 0em; padding-bottom: .8em;} 
.dailymis span {width:50% !important;}
.dailymis span label{text-align:right !important;}
.trendon{width:63px; float:left; text-align:right; margin-top:-2px;}
.trendon input[type="radio"]{margin:0px; padding:0px;}
.city_name{float:left;}
/*mis Report end*/

/*====Dailyr Mis Report*/


.selectCon1{width:98%; float:left;}
.f_area{width:100%; float:left; margin:.5em;}
.f_area>div{width:48%; float:left;}
.f_area>div>label{width:30%; float:left;}
.multi-stop{width:48%; float:left;}
.c1{width:70%; float:left; margin-top:.5em;}
.c1>label	{width:28%; float:left;}
.width_100{width:100%;}

.compduration{ width: 15.5%;float: left;}
.contener>#ErrorDiv{padding:3px 5px; margin-top:3px; float:left;}
.f_area em>img{margin:3px;}


@media screen and (min-width:321px) and (max-width:480px)
{
 .mobile_not{display:none;}
 .desk_not{display:block;}
 .wrapper{width:100%;}
 .header {background: #fff}
 .logo{ float:left; width:75%;}
 .nav_mob{position:relative;}
 #menu{float:right;}
 .nav_mob>a{background:#174279; color:#fff; margin:1em .5em .5em; border-radius:5px; padding:.4em .5em;}
 .mob_nav{width:98%; position:absolute; left:.3em; top:35px; background:#174279; z-index:100; padding:1% 0; border-radius:5px;}
 .mob_nav li{ list-style:none; font-weight:bold; float:left; width:100%;}
 .mob_nav li a{color:#fff; padding:3% 2%; margin:0 .2em; width:94%; float:left; text-decoration:none; border-top:#1f559b 1px dashed;}
 .mob_nav li a:hover{background:#fff; color:#174279;}
 

 .crmLogin{padding: 16px 30px; width: 70%;}
 .width-150{width:98%;}
 .crmLoginContainer{width:100%;box-shadow: none; background:#174279; margin-right:0; color:#fff; background:linear-gradient( to top, #1f5aa5, #174279); background:-webkit-linear-gradient( to top, #1f5aa5, #174279)}
 .crmLoginContainer p b{ color:#fff}
.crmLoginContainer p a { color:#fff}
 
 .left, .right{width:100%; float:left;}
 .report2{padding:2%; margin:0 1%; width:94%;}
 .graph_box{float:left; width:98%; paddding:1%;}
 .f_row>span{ float:left; width:99%; margin-top:.5em;}
 .f_row span label{text-align:left;}
 .radiobox{width:72%; float:right; margin-top:.5em;}
 .refresh_btn{float:right; clear:right; margin-top:.5em;}
 .todate{margin-top:.5em;}
}

@media screen and (min-width:481px) and (max-width:599px)
{

 .desk_not{display:none;}
 .wrapper{width:100%;}
 .header {background: #fff url(../images/header-bg.jpg) 10.8em top no-repeat;}
 .logo{ float:left; width:50%;}
 .nav_mob{position:relative;}
 #menu{float:right;}
 .nav_mob>a{background:#174279; color:#fff; margin:1.45em .5em .5em; border-radius:5px; padding:.4em .5em;}
 .mob_nav{width:98%; position:absolute; left:.3em; top:35px; background:#174279; z-index:100; padding:1% 0; border-radius:5px;}
 .mob_nav li{ list-style:none; font-weight:bold; float:left; width:100%;}
 .mob_nav li a{color:#fff; padding:3% 2%; margin:0 .2em; width:94%; float:left; text-decoration:none; border-top:#1f559b 1px dashed;}
 .mob_nav li a:hover{background:#fff; color:#174279;}
 

 .crmLogin{padding: 16px 30px; width: 70%;}
 .width-150{width:98%;}
 .date_input{width:64%;}
 .report2 h2{width:73%;}
 .f_row{padding-bottom:0px;}
 
 .left, .right{width:100%; float:left;}
 .report2{padding:2%; margin:0 1%; width:94%;}
 .graph_box{float:left; width:100%;}
 .radiobox{float:left; margin:.5em 0 0 1em;}
 .refresh_btn{float:right;}
 .todate label{text-align:right !important;}
}

@media screen and (min-width:600px) and (max-width:767px)
{
 .desk_not{display:none;}
 .wrapper{width:100%;}
 .header {background: #fff url(../images/header-bg.jpg) 10.8em top no-repeat;}
 .logo{ float:left; width:45%;}
 .nav_mob{position:relative;}
 #menu{float:right;}
 .nav_mob>a{background:#174279; color:#fff; margin:1.45em .5em .5em; border-radius:5px; padding:.4em .5em;}
 .mob_nav{width:98%; position:absolute; left:.3em; top:35px; background:#174279; z-index:100; padding:1% 0; border-radius:5px;}
 .mob_nav li{ list-style:none; font-weight:bold; float:left; width:100%;}
 .mob_nav li a{color:#fff; padding:3% 2%; margin:0 .2em; width:94%; float:left; text-decoration:none; border-top:#1f559b 1px dashed;}
 .mob_nav li a:hover{background:#fff; color:#174279;}
 
 .crmContainer{width: 95.56%; margin-left:.5em;}
 .crmLogin{padding: 16px 30px; width: 70%;}
 .width-150{width:74%;}

 
 
 .left, .right{width:100%; float:left;}
 .report2{padding:2%; margin:0 1%; width:94%;}
 .graph_box{float:left; width:100%;}
 .f_row span label{text-align:left;}
 .radiobox{float:left; margin-left:1em;}
 .refresh_btn{float:right;}
 .todate label{text-align:right !important;}
}

@media screen and (min-width:768px) and (max-width:800px)
{
 .mobile_not{display:block;}
 .desk_not{display:none;}
 .wrapper{width:100%;}
 .header {background: #fff url(../images/header-bg.jpg) 10.8em top no-repeat;}
 .logo{ float:left; width:30%;}
 .nav_mob{position:relative;}
 #menu{float:right;}
 .nav_mob>a{background:#174279; color:#fff; margin:1.45em .5em .5em; border-radius:5px; padding:.4em .5em;}
 .mob_nav{width:98%; position:absolute; left:.3em; top:35px; background:#174279; z-index:100; padding:1% 0; border-radius:5px;}
 .mob_nav li{ list-style:none; font-weight:bold; float:left; width:100%;}
 .mob_nav li a{color:#fff; padding:3% 2%; margin:0 .2em; width:94%; float:left; text-decoration:none; border-top:#1f559b 1px dashed;}
 .mob_nav li a:hover{background:#fff; color:#174279;}
 
 .crmContainer{width: 93.56%; margin-left:2%;}
 .crmLogin{padding: 16px 30px; width: 44%;}
 .width-150{width:98%;}
 .date_input{width:64%;}
 .report2 h2{width:68%;}
 .f_row{padding-top:.5em;}
 .f_row>span {float: left;width:49%;}
 .f_row>span>label {width: 31%;} 
 .left, .right{width:49.7%; float:left;}
 .report2{padding:2%; margin:0 1%; width:94%;}
 .graph_box{float:left; width:100%;}
 .refresh_btn{margin-top:.5em;}
 .radiobox{float:left; margin:.5em 0 0 1.7em;}
 .todate label{text-align:right !important;}
 .nav li{margin:0;}
 .nav li a {padding: 0.7em .35em;}
 
}

.innertable{border-collapse:collapse; border:none; height:80px;}
.innertable tr td{border:none !important; border-collapse:collapse; padding:0px !important; text-align:center;}


/*pdf chart*/
h2.chart_heading{color: #333333; font-size: 15px !important;  font-weight: bold;  margin: 0;  padding: 0.3em 0;  text-align: center; }
.chart_table{width:100%; float:left; border-collapse:collapse; border:1px solid #e7e7e7; background:#fff;}
.heading{font-size:14px; font-weight:bold; text-align:left; padding:10px 5px 2px; float:left; width:100%;}
.chart_table tr th{background:#e7e7e7; color:#333;}
.chart_table tr>th, .chart_table tr>td{padding:5px; border:1px solid #e7e7e7; text-align:center;}


/*Agent Regularity new class*/
.arg_tr .product_name{ width:17%;}
.arg_tr { padding:4px 0;}
span.red,.red{ color:Red;}
.padding-5-10{ padding:5px 10px;}
.dis_TG{ width:55%;}
.width-30{ width:30%!important;}
.par_inputrow span{ float:left; width:120px; }
.par_inputrow input[type="text"]{ width:70%; padding:5px;}
.cs_row_box{ float:left; width:100%;}
.cs_row_box span{ width:calc(100% /4 - 13px);}
.cs_row_box select option{ padding:4px;}
.cs_row_box select{ height:90px !important;}
.mt_5{ margin-top:5px;}
.bold{ font-weight:bold;}
.f_row table tr td span{ padding-top:5px; font-weight:bold;}