Implementing Marketing event in standard server

git-svn-id: http://15.206.35.175/svn/proteus/business-java/trunk@184697 ce508802-f39f-4f6c-b175-0d175dae99d5

webitm-dashboard/GWT-Component/src/ibase/client/FilterCreator.java

@@ -463,8 +463,18 @@ public class FilterCreator extends Composite
 										for (int colNodCtr = 0; colNodCtr < columnList.getLength(); colNodCtr++)
 										{
 											columnNode = columnList.item(colNodCtr);
+											//Added by Sagar B. on [09-May-18]START
+											if (colNodCtr == 5)
+											{
+												columnDataList.add(columnNode.getChildNodes().item(0).getNodeValue());
+											} 
+											else if (colNodCtr == 6)
+											{
 												columnDataList.add(columnNode.getChildNodes().item(0).getNodeValue());
 											}
+											//Added by Sagar B. on [09-May-18]END
+										}
+										CommonUtils.printOnConsole("columnDataList::["+columnDataList+"]");
 										columnValueMap.put("" + headCtr, columnDataList);
 									}
 								}
@@ -1133,6 +1143,8 @@ public class FilterCreator extends Composite
 	}
 
 	private void setTitleOnFilterSubmit(ArrayList<String> parameterList, JSONObject metaDataJsnObj)
+	{
+		try
 		{
 			String metadatName = parameterList.get(0);
 			String temp = "";
@@ -1286,7 +1298,8 @@ public class FilterCreator extends Composite
 				}
 			} else
 			{
-			
+				if( reportHeading != null && reportHeading.trim().length() > 0 )
+				{
 					if (title.size() > 1)
 					{
 						titleLbl.setText(title.get(0) + " - " + getMonth(reportHeading) + title.get(1) + getMonth(parameterList.get(2)));
@@ -1339,7 +1352,12 @@ public class FilterCreator extends Composite
 						/*End Code for Remove Colon for no Filter by Dhanendra on 31-07-15*/
 					}
 				}
-
+			}
+		}
+		catch (Exception e) 
+		{
+			CommonUtils.printOnConsole("Exception in setTitleOnFilterSubmit::"+e.getMessage());
+		}
 	}
 
 	private void getAutoCompWithDigitFltr(final FilterInfo filterInfo, final VerticalPanel popUpVPnl, final String[] splitedArray)

webitm-dashboard/GWT-Component/src/ibase/client/InputListWidget.java

@@ -467,18 +467,23 @@ public class InputListWidget extends Composite
 									if ("DETAIL".equals(detailNode.getNodeName()))
 									{
 										columnList = detailNode.getChildNodes();
-										for (int colNodCtr = 0; colNodCtr < 2; colNodCtr++)
+										//for (int colNodCtr = 0; colNodCtr < 2; colNodCtr++)
+										for (int colNodCtr = 0; colNodCtr < columnList.getLength(); colNodCtr++)	//Changed by Sagar B. on [09-May-18]
 										{
 											columnNode = columnList.item(colNodCtr);
-											if (colNodCtr == 0)
+											//if (colNodCtr == 0)
+											if (colNodCtr == 5)	//Changed by Sagar B. on [09-May-18]
 											{
 												code = columnNode.getChildNodes().item(0).getNodeValue();
-											} else if (colNodCtr == 1)
+											} 
+											//else if (colNodCtr == 1)
+											else if (colNodCtr == 6)	//Changed by Sagar B. on [09-May-18]
 											{
 												descr = columnNode.getChildNodes().item(0).getNodeValue();
 											}
 											//oracle.add(columnNode.getChildNodes().item(0).getNodeValue());
 										}
+										CommonUtils.printOnConsole("descr + \" - \" + code::["+descr + " - " + code+"]");
 										oracle.add(descr + " - " + code);
 									}
 								}

webitm-dashboard/GWT-Component/war/FusionChart/js/Camp_trackReport.js

+
+	function monthClick(element) 
+	{
+		var id=element.id;
+		var test=document.getElementById(id);
+		test.classList.add('active');
+		console.log("test"+test);
+		
+		console.log("inside monthclick function" + id);
+		var divId = id + "_div";
+		console.log("divId =[" + divId + "]");
+		var hidden = document.getElementsByClassName("monthData").value;
+		var salesDataHide = document
+		.getElementsByClassName("salesPersonDetails").value;
+		var summaryDataHide = document.getElementsByClassName("summary").value;
+		console.log("summaryDataHide =[" + summaryDataHide + "]");
+		console.log("hidden =[" + hidden + "]");
+		var hideValue = id + "hide";
+		console.log("hideValue is =[" + hideValue + "]");
+		
+		//arrow is open when we close the month Start 16-10-17:8:00\
+		
+		var traingle = document.querySelector('div.arrow-down1');
+		var defaultcircle = document.querySelector('div.arrow-downsummary');
+		console.log(">>>>>>>>", traingle);
+		
+		//arrow is open when we close the month Start 16-10-17:8:00\
+		
+		//bydefault summary will be open start 17-10-2017
+		var defaultSummary= id +".summary_summary";
+		var defaultSummarycircle= id +".summary";
+		console.log("bydefault " +defaultSummary);
+		//bydefault summary will be open END 17-10-2017
+		
+		//summary will be circle Start 19-10-17
+		
+		var circledraw= id+".summarycircle";
+		console.log("circledraw "+circledraw);
+		//summary will be circle End 19-10-17
+		
+		if (document.getElementById(hidden) != null) 
+		{
+				
+				//Remove active class
+				console.log("hidden found" +hidden);
+				var Change=hidden.replace("hide", "");
+				console.log("Change" +Change);
+				var hide=document.getElementById(Change);
+				console.log(hide);
+				//Added By Nilesh For double click on month click Start::11-10-17 
+				if(hideValue!=hidden)
+				{
+					console.log("not eq hideValue " +hideValue);
+					console.log("not equal hidden " +hidden);
+
+				hide.classList.remove('active');
+				document.getElementById(hidden).style.display = "none";
+				document.getElementById(hideValue).style.display = "block";
+				
+				//NEW ADDED 
+				
+				document.getElementById(divId).style.display = "none";
+				
+				
+				}
+				//Added By Nilesh For double click on month click End::11-10-17
+				//Remove active class
+				if(divId==hidden)
+				{
+					console.log("dame here")
+					if(document.getElementById(divId).style.display="none")
+					{	
+						document.getElementById(divId).style.display = "block";
+					}
+					else if(document.getElementById(divId).style.display="block")
+					{	
+						document.getElementById(divId).style.display = "none";
+					}
+				}
+				
+			
+				hidden = "";
+				
+				if (document.getElementById(divId).style.display == "none") 
+				{
+					console.log("If div id none :: ");
+					document.getElementById(divId).style.display = "block";
+					
+					//bydefault summary will be open start 17-10-2017	
+					document.getElementById(defaultSummary).style.display = "block"
+					//bydefault summary will be open start 17-10-2017	
+					
+					//bydefault summary will be open circle issue
+						
+					if (!defaultcircle) 
+					{
+						console.log("came inside defaultcircle");
+						defaultcircle = document.createElement('div');
+						defaultcircle.classList.add('arrow-downsummary');
+					}
+					var elementSummary=document.getElementById(defaultSummarycircle);
+					elementSummary.appendChild(defaultcircle);	
+					
+					//bydefault summary will be open circle issue	
+					
+
+				}else if(document.getElementById(divId).style.display = "block")
+				{
+					console.log("If div id block :: ");
+					
+					document.getElementById(divId).style.display = "none";
+					if (traingle) 
+					{
+					//arrow is open when we close the month Start 16-10-17:8:00
+					traingle.classList.remove('arrow-down1');
+					//arrow is open when we close the month Start 16-10-17:8:00
+					}
+					
+					//div color active is open when we close the month Start 16-10-17:8:00\
+					hide.classList.remove('active');
+					//div color active is open when we close the month Start 16-10-17:8:00\
+					
+					if (document.getElementById(salesDataHide) != null) 
+					{
+
+					if(document.getElementById(salesDataHide).style.display == "block")
+					{
+					 document.getElementById(salesDataHide).style.display = "none"
+					}
+					}	
+					if (document.getElementById(summaryDataHide) != null) 
+					{
+					console.log("came here summary data not null")
+					
+					if(document.getElementById(summaryDataHide).style.display == "block")
+					{
+						document.getElementById(summaryDataHide).style.display = "none"
+					}
+					
+				}
+					
+					
+				
+				}
+				else if (document.getElementById(hideValue).style.display == "none" && document.getElementById(divId).style.display == "block") 
+				{
+					console.log("id found"+hideValue);
+					
+					console.log("If div id block  and hide value none :: ");
+					document.getElementById(hideValue).style.display = "block";
+						
+				} else if (document.getElementById(divId).style.display == "none") 
+				{
+					console.log("If div id block   ");
+					document.getElementById(divId).style.display = "block";
+					
+				}
+			}
+
+		 else if ((document.getElementById(divId) != null)) 
+		 {
+			if (document.getElementById(divId).style.display == "block") 
+			{
+				document.getElementById(divId).style.display = "none";
+				
+			} else if (document.getElementById(divId).style.display == "none") {
+				
+				document.getElementById(divId).style.display = "block";
+				
+				//bydefault summary will be open start 17-10-2017
+				document.getElementById(defaultSummary).style.display = "block";
+				//bydefault summary will be open circle issue
+				
+				if (!defaultcircle) 
+				{
+					console.log("came inside defaultcircle");
+					defaultcircle = document.createElement('div');
+					defaultcircle.classList.add('arrow-downsummary');
+				}
+				var elementSummary=document.getElementById(defaultSummarycircle);
+				elementSummary.appendChild(defaultcircle);	
+				
+				//bydefault summary will be open circle issue
+				
+				
+				//bydefault summary will be open start 17-10-2017
+			}
+		}
+		document.getElementsByClassName("monthData").value = hideValue;
+		//bydefault summary will be open start 17-10-2017
+		document.getElementsByClassName("summary").value = defaultSummary;
+		//bydefault summary will be open start 17-10-2017
+
+	}
+
+	function summaryClick(element) 
+	{
+		console.log("inside summaryClick function" + id);
+		 
+		var id = element.id;
+		var traingle = document.querySelector('div.arrow-downsummary');
+		var imgtraingle = document.querySelector('div.arrow-down1');
+		console.log(">>>>>>>>", traingle);
+		
+		if (! traingle) 
+		{
+			traingle = document.createElement('div');
+			traingle.classList.add('arrow-downsummary');
+			traingle.setAttribute("id", id +"_scrollbar");
+		}
+		//REMOVE IMAGE CLICK CIRCLE
+		if(imgtraingle)
+		{	
+		imgtraingle.classList.remove('arrow-down1');
+		}
+		//REMOVE IMAGE CLICK CIRCLE
+		element.appendChild(traingle);
+		
+		var summaryId = id + "_summary";
+		//ADDED by Nilesh Start for avoid the previous arrow 
+		var summaryArrow = id + "_scrollbar";
+		//var summaryId = id + "_summary";
+		console.log("summaryId =[" + summaryId + "]");
+		var salesDataHide = document.getElementsByClassName("salesPersonDetails").value;
+		console.log("salesDataHide =[" + salesDataHide + "]");
+		
+	
+		if (document.getElementById(salesDataHide)!= null) 
+		{
+			document.getElementById(salesDataHide).style.display = "none";
+			if (document.getElementById(summaryId).style.display == "block")
+			{
+				//COMMNET FOR CLOSE THE SUMMARY
+				//traingle.classList.remove('arrow-down');
+				//document.getElementById(summaryId).style.display = "none";
+				//COMMNET FOR CLOSE THE SUMMARY
+
+			} else if (document.getElementById(summaryId).style.display == "none") 
+			{
+				document.getElementById(summaryId).style.display = "block";
+
+			}
+		} else if (document.getElementById(summaryId) != null)
+		{
+			if (document.getElementById(summaryId).style.display == "block") 
+			{
+				//COMMNET FOR CLOSE THE SUMMARY
+				//document.getElementById(summaryId).style.display = "none";
+				//traingle.classList.remove('arrow-down');
+				//COMMNET FOR CLOSE THE SUMMARY
+			} else if (document.getElementById(summaryId).style.display == "none") 
+			{
+				document.getElementById(summaryId).style.display = "block";
+			}
+		}
+		var summaryclick = document.getElementsByClassName("summary").value = summaryId;
+		var summaryclick = document.getElementsByClassName("summary_arrow").value = summaryArrow;
+		console.log("summaryclick =[" + summaryclick + "]");
+
+	}
+
+	function ImageClick(element) 
+	{
+		
+		var id = element.id;
+		console.log(id);
+		var downarrow = document.getElementsByClassName("arrow-down1");
+		console.log("downarrow : - "+downarrow.length);
+		
+		//IF div.arrow-down notexist then create the div	
+		var traingle = document.querySelector('div.arrow-down1');
+		console.log(">>>>>>>>", traingle);
+		
+		if (! traingle) 
+		{
+			traingle = document.createElement('div');
+			traingle.classList.add('arrow-down1');
+			traingle.setAttribute("id", id +"_scrollbar");
+		}
+		
+		element.appendChild(traingle);
+		
+		//bydefault open the summary page 17-10-17
+		
+		var summarydot = document.querySelector('div.arrow-downsummary');
+		if (summarydot) 
+		{
+			console.log("summarydot " +summarydot);
+			summarydot.classList.remove('arrow-downsummary');
+		}
+		//bydefault open the summary page 17-10-17
+		 
+		//IF div.arrow-down notexist then create the div as well as remove other div of it
+		
+		var salesPersonId = id + "_salesperson";
+		var arrowHidden=id + "_scrollbar";
+		var salesDataHide = document.getElementsByClassName("brandsalesPersonDetails").value;
+		console.log("salesDataHide =[" + salesDataHide + "]");
+		
+		var summaryDataHide = document.getElementsByClassName("summary").value;
+		console.log("summaryDataHide =[" + summaryDataHide + "]");
+		
+		//ADDED bY nILESH sTART
+		var summaryDataHideTEST = document.getElementsByClassName("salesPersonDetails").value;
+		console.log("summaryDataHideTEST =[" + summaryDataHideTEST + "]");
+		
+		var summaryDataHideArrow = document.getElementsByClassName("summary_arrow").value;
+		console.log("summaryDataHideArrow =[" + summaryDataHideArrow + "]");
+		
+		if(summaryDataHideArrow!=null)
+		{
+			var hideArrow=document.getElementById(summaryDataHideArrow);
+			
+			// hideArrow.parentNode.removeChild(hideArrow);	
+	
+		}
+		//ADDED bY nILESH eND
+		
+		var scrollbarTEST = document.getElementsByClassName("scrollbar").value;
+		console.log("scrollbarTEST =[" + scrollbarTEST + "]");
+		
+		if(summaryDataHideTEST!=null && summaryDataHideTEST != "undefined")
+		{
+			console.log(" IF CAME HERE "+summaryDataHideTEST);
+			
+			document.getElementById(summaryDataHideTEST).style.display = "none";  
+			//traingle.remove(scrollbarTEST);
+			
+		}	
+		
+		
+		//ADDED bY nILESH eND
+		
+		if (document.getElementById(summaryDataHide) != null) 
+		{
+			console.log("summaryDataHide if"+summaryDataHide);
+			document.getElementById(summaryDataHide).style.display = "none";
+			
+			if (document.getElementById(salesPersonId).style.display == "block")
+			{
+
+				document.getElementById(salesPersonId).style.display = "none";
+				
+			} 
+			else if (document.getElementById(salesPersonId).style.display == "none") 
+			{
+					document.getElementById(salesPersonId).style.display = "block";
+
+			}
+		} 
+		else if (document.getElementById(salesDataHide) != null) 
+		{
+			console.log("first if");
+			document.getElementById(salesDataHide).style.display = "none";
+			
+			if (document.getElementById(salesPersonId).style.display == "block") 
+			{
+				console.log("second if");
+
+				document.getElementById(salesPersonId).style.display = "none";
+				
+			} else if (document.getElementById(salesPersonId).style.display == "none") 
+			{
+				console.log("third if");
+
+				document.getElementById(salesPersonId).style.display = "block";
+
+			}
+
+		} 
+		else if (document.getElementById(salesPersonId) != null)
+		{
+			console.log("salesPersonId found"+salesPersonId);
+			
+			if (document.getElementById(salesPersonId).style.display == "block") 
+			{
+				document.getElementById(salesPersonId).style.display = "none";
+				
+			} else if (document.getElementById(salesPersonId).style.display == "none") 
+			{
+				document.getElementById(salesPersonId).style.display = "block";
+
+			}
+
+		}
+		
+		console.log("salesPersonId"+salesPersonId);
+		document.getElementsByClassName("salesPersonDetails").value = salesPersonId;
+		console.log("arrowHidden"+arrowHidden);
+		document.getElementsByClassName("scrollbar").value = arrowHidden;
+		
+	}
+	var currentVal = 0;
+
+	function _scroll(direction) 
+	{
+		console.log("came here direction"+direction);
+		var table = document.getElementById('imageList');
+		
+		
+		if (table) {
+		var parentContainer = table.parentNode;
+		console.log(parentContainer);
+			if (direction === 'R') {
+				if (currentVal < 0) {
+					currentVal += 40;
+					table.style.transform = 'translateX(' + currentVal + 'px)';
+				}
+			} else if (direction === 'L') {
+				var diff = parentContainer.getBoundingClientRect().width - table.getBoundingClientRect().width;
+				console.log(diff, parentContainer.getBoundingClientRect().width, table.getBoundingClientRect().width);
+				if (Math.abs(diff) < Math.abs(currentVal - 40))
+					currentVal -= (Math.abs(diff) - Math.abs(currentVal))
+				else
+					currentVal -= 40;
+				
+				table.style.transform = 'translateX(' + currentVal + 'px)';
+			}
+		}
+	}
+	
+	function setTableWidth() 
+	{
+		/*alert('Setting width !');*/
+		//HIDDEN VALUE WILL BE4 UNDEFINED OF FIRST REPORT
+		var summaryDataHide = document.getElementsByClassName("summary").value="undefined";
+		
+		var salesPersonDetails = document.getElementsByClassName("salesPersonDetails").value="undefined";
+		
+		var Scrollbar = document.getElementsByClassName("scrollbar").value="undefined";
+		
+		var Scrollview = document.getElementsByClassName("summary_arrow").value="undefined";
+		
+		var Monthdata = document.getElementsByClassName("monthData").value="undefined";
+		//HIDDEN VALUE WILL BE4 UNDEFINED OF FIRST REPORT
+		
+		//HIDDEN VALUE WILL BE4 UNDEFINED OF brand
+		var summaryDataHide = document.getElementsByClassName("summarybrand").value="undefined";
+		
+		var salesPersonDetails = document.getElementsByClassName("brandsalesPersonDetails").value="undefined";
+		
+		var Scrollbar = document.getElementsByClassName("scrollbar").value="undefined";
+		
+		var Scrollview = document.getElementsByClassName("summary_arrowbrand").value="undefined";
+		
+		var Monthdata = document.getElementsByClassName("brandmonthData").value="undefined";
+		//HIDDEN VALUE WILL BE4 UNDEFINED brand
+		
+		
+		//HIDDEN VALUE WILL BE4 UNDEFINED OF maker
+		var summaryDataHide = document.getElementsByClassName("summarymaker").value="undefined";
+		
+		var salesPersonDetails = document.getElementsByClassName("makersalesPersonDetails").value="undefined";
+		
+		var Scrollbar = document.getElementsByClassName("scrollbar").value="undefined";
+		
+		var Scrollview = document.getElementsByClassName("summary_arrowmaker").value="undefined";
+		
+		var Monthdata = document.getElementsByClassName("makermonthData").value="undefined";
+		//HIDDEN VALUE WILL BE4 UNDEFINED maker
+		
+		//HIDDEN VALUE WILL BE4 UNDEFINED OF doctor
+		var summaryDataHide = document.getElementsByClassName("summarydoctor").value="undefined";
+		
+		var salesPersonDetails = document.getElementsByClassName("doctorsalesPersonDetails").value="undefined";
+		
+		var Scrollbar = document.getElementsByClassName("scrollbar").value="undefined";
+		
+		var Scrollview = document.getElementsByClassName("summary_arrowdoctor").value="undefined";
+		
+		var Monthdata = document.getElementsByClassName("doctormonthData").value="undefined";
+		//HIDDEN VALUE WILL BE4 UNDEFINED doctor
+	
+		if (1) {
+			
+			var table = document.getElementById('imageList');
+			
+			
+			if (table) 
+			{
+				var parentNodeParent = table.parentNode && table.parentNode.parentNode;
+				//alert(parentNodeParent);
+				
+				if (parentNodeParent) {
+					var width = parentNodeParent.clientWidth + 'px';
+					//alert(width);
+					table.parentNode.style.width = width; 
+				}
+			}
+		}
+	}
+	
+	(function(){
+		function isTouchDevice()
+		{
+			try{
+				document.createEvent("TouchEvent");
+				return true;
+			}catch(e){
+				return false;
+			}
+		}
+
+		function touchScroll(id)
+		{
+			if(isTouchDevice())
+			{ //if touch events exist...
+				var el=document.getElementById(id);
+				var scrollStartPos=0;
+
+				document.getElementById(id).addEventListener("touchstart", function(event) 
+				{
+					scrollStartPos=this.scrollTop+event.touches[0].pageX;
+					event.preventDefault();
+				},false);
+
+				document.getElementById(id).addEventListener("touchmove", function(event) 
+				{
+					this.scrollTop=scrollStartPos-event.touches[0].pageX;
+					event.preventDefault();
+				},false);
+			}
+		}
+
+		//On page load
+		touchScroll('imageList')
+
+	})();
+	
+	
+	//Brand Report
+	
+	function brandmonthClick(element) 
+	{
+		var id=element.id;
+		var test=document.getElementById(id);
+		test.classList.add('brandactive');
+		console.log("test"+test);
+		
+		console.log("inside monthclick function" + id);
+		var divId = id + "_div";
+		console.log("divId =[" + divId + "]");
+		var hidden = document.getElementsByClassName("brandmonthData").value;
+		var salesDataHide = document.getElementsByClassName("brandsalesPersonDetails").value;
+		var summaryDataHide = document.getElementsByClassName("summarybrand").value;
+		console.log("summaryDataHide =[" + summaryDataHide + "]");
+		console.log("hidden =[" + hidden + "]");
+		var hideValue = id + "hide";
+		console.log("hideValue is =[" + hideValue + "]");
+		
+		//arrow is open when we close the month Start 16-10-17:8:00
+		
+		var traingle = document.querySelector('div.arrow-downbrand');
+		var defaultcircle = document.querySelector('div.arrow-downsummarybrand');
+		console.log(">>>>>>>>", traingle);
+		
+		//arrow is open when we close the month Start 16-10-17:8:00
+		
+		//bydefault summary will be open start 17-10-2017
+		var defaultSummary= id +".summary_summary";
+		var defaultSummarycircle= id +".summary";
+		console.log("bydefault " +defaultSummary);
+		//bydefault summary will be open END 17-10-2017
+		
+			if (document.getElementById(hidden) != null) 
+			{
+				
+				//Remove active class
+				console.log("hidden found" +hidden);
+				var Change=hidden.replace("hide", "");
+				console.log("Change" +Change);
+				var hide=document.getElementById(Change);
+				console.log(hide);
+				
+				//Added By Nilesh For double click on month click Start::11-10-17 
+				if(hideValue!=hidden)
+				{
+					console.log("not eq hideValue " +hideValue);
+					console.log("not equal hidden " +hidden);
+
+				hide.classList.remove('brandactive');
+				document.getElementById(hidden).style.display = "none";
+				document.getElementById(hideValue).style.display = "block";
+				
+				//NEW ADDED 
+				
+				document.getElementById(divId).style.display = "none";
+				
+				}
+				//Added By Nilesh For double click on month click End::11-10-17
+				//Remove active class
+				if(divId==hidden)
+				{
+					console.log("dame here")
+					if(document.getElementById(divId).style.display="none")
+					{	
+						document.getElementById(divId).style.display = "block";
+					}
+					else if(document.getElementById(divId).style.display="block")
+					{	
+						document.getElementById(divId).style.display = "none";
+					}
+				}
+				
+				hidden = "";
+				if (document.getElementById(divId).style.display == "none") 
+				{
+					console.log("If div id none :: ");
+					document.getElementById(divId).style.display = "block";
+					//bydefault summary will be open start 17-10-2017	
+					document.getElementById(defaultSummary).style.display = "block"
+					//bydefault summary will be open start 17-10-2017	
+					
+					//bydefault summary will be open circle issue
+						
+					if (!defaultcircle) 
+					{
+						console.log("came inside defaultcircle");
+						defaultcircle = document.createElement('div');
+						defaultcircle.classList.add('arrow-downsummarybrand');
+					}
+					var elementSummary=document.getElementById(defaultSummarycircle);
+					elementSummary.appendChild(defaultcircle);	
+					
+					//bydefault summary will be open circle issue
+					
+
+				}else if(document.getElementById(divId).style.display = "block")
+				{
+					console.log("If div id block :: ");
+					
+					document.getElementById(divId).style.display = "none";
+					
+					if (traingle)
+					{
+					//arrow is open when we close the month Start 16-10-17:8:00
+					traingle.classList.remove('arrow-downbrand');
+					//arrow is open when we close the month Start 16-10-17:8:00
+					}
+					//div color active is open when we close the month Start 16-10-17:8:00\
+					hide.classList.remove('brandactive');
+					//div color active is open when we close the month Start 16-10-17:8:00\
+					
+					if (document.getElementById(salesDataHide) != null) 
+					{
+
+					if(document.getElementById(salesDataHide).style.display == "block")
+					{
+					 document.getElementById(salesDataHide).style.display = "none"
+					}
+					}	
+					if (document.getElementById(summaryDataHide) != null) 
+					{
+
+					if(document.getElementById(summaryDataHide).style.display == "block")
+					{
+						document.getElementById(summaryDataHide).style.display = "none"
+					}
+				}
+				
+				}
+				else if (document.getElementById(hideValue).style.display == "none" && document.getElementById(divId).style.display == "block") 
+				{
+					console.log("id found"+hideValue);
+					
+					console.log("If div id block  and hide value none :: ");
+					document.getElementById(hideValue).style.display = "block";
+						
+				} else if (document.getElementById(divId).style.display == "none") 
+				{
+					console.log("If div id block   ");
+					document.getElementById(divId).style.display = "block";
+					
+				}
+		 }
+
+		 else if ((document.getElementById(divId) != null)) 
+		 {
+			if (document.getElementById(divId).style.display == "block") 
+			{
+				document.getElementById(divId).style.display = "none";
+				
+			} else if (document.getElementById(divId).style.display == "none") 
+			{
+				document.getElementById(divId).style.display = "block";
+				
+				//bydefault summary will be open start 17-10-2017
+				document.getElementById(defaultSummary).style.display = "block";
+				//bydefault summary will be open circle issue
+				
+				if (!defaultcircle) 
+				{
+					console.log("came inside defaultcircle");
+					defaultcircle = document.createElement('div');
+					defaultcircle.classList.add('arrow-downsummarybrand');
+				}
+				var elementSummary=document.getElementById(defaultSummarycircle);
+				elementSummary.appendChild(defaultcircle);	
+				
+				//bydefault summary will be open circle issue
+				
+				
+				//bydefault summary will be open start 17-10-2017
+			}
+		}
+		document.getElementsByClassName("brandmonthData").value = hideValue;
+		//bydefault summary will be open start 17-10-2017
+		document.getElementsByClassName("summarybrand").value = defaultSummary;
+		//bydefault summary will be open start 17-10-2017
+
+	}
+	
+	//added by nilesh for brand
+	
+	function brandsummaryClick(element) {
+		console.log("inside summaryClick function" + id);
+		 
+		var id = element.id;
+		var traingle = document.querySelector('div.arrow-downsummarybrand');
+		
+		var imgtraingle = document.querySelector('div.arrow-downbrand');
+		console.log(">>>>>>>>", traingle);
+		
+		if (! traingle) 
+		{
+			traingle = document.createElement('div');
+			traingle.classList.add('arrow-downsummarybrand');
+			traingle.setAttribute("id", id +"_scrollbar");
+		}
+		//REMOVE IMAGE CLICK CIRCLE
+		if(imgtraingle)
+		{	
+		imgtraingle.classList.remove('arrow-downbrand');
+		}
+		//REMOVE IMAGE CLICK CIRCLE
+		element.appendChild(traingle);
+		var summaryId = id + "_summary";
+		//ADDED by Nilesh Start for avoid the previous arrow 
+		var summaryArrow = id + "_scrollbar";
+		//var summaryId = id + "_summary";
+		console.log("summaryId =[" + summaryId + "]");
+		var salesDataHide = document.getElementsByClassName("brandsalesPersonDetails").value;
+		console.log("salesDataHide =[" + salesDataHide + "]");
+		
+	
+		if (document.getElementById(salesDataHide)!= null) 
+		{
+			document.getElementById(salesDataHide).style.display = "none";
+			
+			if (document.getElementById(summaryId).style.display == "block")
+			{
+				//COMMNET FOR CLOSE THE SUMMARY
+				//traingle.classList.remove('arrow-down');
+				//document.getElementById(summaryId).style.display = "none";
+				//COMMNET FOR CLOSE THE SUMMARY
+
+			} else if (document.getElementById(summaryId).style.display == "none") 
+			{
+				document.getElementById(summaryId).style.display = "block";
+
+			}
+		} 
+		else if (document.getElementById(summaryId) != null)
+		{
+			if (document.getElementById(summaryId).style.display == "block") 
+			{
+				//COMMNET FOR CLOSE THE SUMMARY
+				//document.getElementById(summaryId).style.display = "none";
+				//traingle.classList.remove('arrow-down');
+				//COMMNET FOR CLOSE THE SUMMARY
+			} else if (document.getElementById(summaryId).style.display == "none") 
+			{
+				document.getElementById(summaryId).style.display = "block";
+			}
+		}
+		var summaryclick = document.getElementsByClassName("summarybrand").value = summaryId;
+		var summaryclick = document.getElementsByClassName("summary_arrowbrand").value = summaryArrow;
+		console.log("summaryclick =[" + summaryclick + "]");
+
+	}
+	
+	//added for brand
+	
+	function brandImageClick(element) 
+	{
+		
+		var id = element.id;
+		console.log(id);
+	/*	var downarrow = document.getElementsByClassName("arrow-down1");
+		console.log("downarrow : - "+downarrow.length);*/
+		
+		//IF div.arrow-down notexist then create the div	
+		var traingle = document.querySelector('div.arrow-downbrand');
+		console.log(">>>>>>>>", traingle);
+		
+		if (! traingle) 
+		{
+			traingle = document.createElement('div');
+			traingle.classList.add('arrow-downbrand');
+			traingle.setAttribute("id", id +"_scrollbar");
+		}
+		
+		element.appendChild(traingle);
+		
+		//bydefault open the summary page 17-10-17
+		
+		var summarydot = document.querySelector('div.arrow-downsummarybrand');
+		if (summarydot) 
+		{
+			console.log("summarydot " +summarydot);
+			summarydot.classList.remove('arrow-downsummarybrand');
+		}
+		//bydefault open the summary page 17-10-17
+		 
+		//IF div.arrow-down notexist then create the div as well as remove other div of it
+		
+		var salesPersonId = id + "_salesperson";
+		var arrowHidden=id + "_scrollbar";
+		var salesDataHide = document.getElementsByClassName("brandsalesPersonDetails").value;
+		console.log("salesDataHide =[" + salesDataHide + "]");
+		
+		var summaryDataHide = document.getElementsByClassName("summarybrand").value;
+		console.log("summaryDataHide =[" + summaryDataHide + "]");
+		
+		//ADDED bY nILESH sTART
+		var summaryDataHideTEST = document.getElementsByClassName("brandsalesPersonDetails").value;
+		console.log("summaryDataHideTEST =[" + summaryDataHideTEST + "]");
+		
+		var summaryDataHideArrow = document.getElementsByClassName("summary_arrowbrand").value;
+		console.log("summaryDataHideArrow =[" + summaryDataHideArrow + "]");
+		
+		if(summaryDataHideArrow!=null)
+		{
+			var hideArrow=document.getElementById(summaryDataHideArrow);
+			
+			// hideArrow.parentNode.removeChild(hideArrow);	
+	
+		}
+		//ADDED bY nILESH eND
+		
+		var scrollbarTEST = document.getElementsByClassName("scrollbar").value;
+		console.log("scrollbarTEST =[" + scrollbarTEST + "]");
+		
+		if(summaryDataHideTEST!=null && summaryDataHideTEST != "undefined")
+		{
+			console.log(" IF CAME HERE "+summaryDataHideTEST);
+			
+			document.getElementById(summaryDataHideTEST).style.display = "none";  
+			//traingle.remove(scrollbarTEST);
+			
+		}	
+		
+		
+		//ADDED bY nILESH eND
+		
+		if (document.getElementById(summaryDataHide) != null) 
+		{
+			console.log("summaryDataHide if"+summaryDataHide);
+			
+			document.getElementById(summaryDataHide).style.display = "none";
+			
+			if (document.getElementById(salesPersonId).style.display == "block")
+			{
+
+				document.getElementById(salesPersonId).style.display = "none";
+				
+			} else if (document.getElementById(salesPersonId).style.display == "none") 
+			{
+					document.getElementById(salesPersonId).style.display = "block";
+
+			}
+		} 
+		else if (document.getElementById(salesDataHide) != null) 
+		{
+			console.log("first if");
+			
+			document.getElementById(salesDataHide).style.display = "none";
+			
+			if (document.getElementById(salesPersonId).style.display == "block") 
+			{
+				console.log("second if");
+
+				document.getElementById(salesPersonId).style.display = "none";
+				
+			} 
+			else if (document.getElementById(salesPersonId).style.display == "none") 
+			{
+				console.log("third if");
+
+				document.getElementById(salesPersonId).style.display = "block";
+
+			}
+
+		} 
+		else if (document.getElementById(salesPersonId) != null)
+		{
+			console.log("salesPersonId found"+salesPersonId);
+			
+			if (document.getElementById(salesPersonId).style.display == "block") 
+			{
+				document.getElementById(salesPersonId).style.display = "none";
+				
+			} 
+			else if (document.getElementById(salesPersonId).style.display == "none") 
+			{
+				document.getElementById(salesPersonId).style.display = "block";
+
+			}
+
+		}
+		
+		console.log("salesPersonId::"+salesPersonId);
+		document.getElementsByClassName("brandsalesPersonDetails").value = salesPersonId;
+		console.log("arrowHidden"+arrowHidden);
+		
+		
+	}
+	
+	//maker
+
+	
+	function makermonthClick(element) 
+	{
+		var id=element.id;
+		var test=document.getElementById(id);
+		test.classList.add('makeractive');
+		console.log("test"+test);
+		
+		console.log("inside monthclick function" + id);
+		var divId = id + "_div";
+		console.log("divId =[" + divId + "]");
+		var hidden = document.getElementsByClassName("makermonthData").value;
+		var salesDataHide = document.getElementsByClassName("makersalesPersonDetails").value;
+		var summaryDataHide = document.getElementsByClassName("summarymaker").value;
+		console.log("summaryDataHide =[" + summaryDataHide + "]");
+		console.log("hidden =[" + hidden + "]");
+		var hideValue = id + "hide";
+		console.log("hideValue is =[" + hideValue + "]");
+		
+		//arrow is open when we close the month Start 16-10-17:8:00\
+		
+		var traingle = document.querySelector('div.arrow-downmaker');
+		var defaultcircle = document.querySelector('div.arrow-downsummarymaker');
+		console.log(">>>>>>>>", traingle);
+		
+		//arrow is open when we close the month Start 16-10-17:8:00\
+		
+		//bydefault summary will be open start 17-10-2017
+		var defaultSummary= id +".summary_summary";
+		var defaultSummarycircle= id +".summary";
+		console.log("bydefault " +defaultSummary);
+		//bydefault summary will be open END 17-10-2017
+		
+			if (document.getElementById(hidden) != null) 
+			{
+				
+				//Remove active class
+				console.log("hidden found" +hidden);
+				var Change=hidden.replace("hide", "");
+				console.log("Change" +Change);
+				var hide=document.getElementById(Change);
+				console.log(hide);
+				//Added By Nilesh For double click on month click Start::11-10-17 
+				if(hideValue!=hidden)
+				{
+					console.log("not eq hideValue " +hideValue);
+					console.log("not equal hidden " +hidden);
+
+				hide.classList.remove('makeractive');
+				document.getElementById(hidden).style.display = "none";
+				document.getElementById(hideValue).style.display = "block";
+				
+				//NEW ADDED 
+				
+				document.getElementById(divId).style.display = "none";
+				
+				
+				}
+				//Added By Nilesh For double click on month click End::11-10-17
+				//Remove active class
+				if(divId==hidden)
+				{
+					console.log("Same here");
+					
+					if(document.getElementById(divId).style.display="none")
+					{	
+						document.getElementById(divId).style.display = "block";
+					}
+					else if(document.getElementById(divId).style.display="block")
+					{	
+						document.getElementById(divId).style.display = "none";
+					}
+				}
+				
+				hidden = "";
+				
+				if (document.getElementById(divId).style.display == "none") 
+				{
+					console.log("If div id none :: ");
+					document.getElementById(divId).style.display = "block";
+					
+					//bydefault summary will be open start 17-10-2017	
+					document.getElementById(defaultSummary).style.display = "block"
+					//bydefault summary will be open start 17-10-2017	
+					
+					//bydefault summary will be open circle issue
+						
+					if (!defaultcircle) 
+					{
+						console.log("came inside defaultcircle");
+						defaultcircle = document.createElement('div');
+						defaultcircle.classList.add('arrow-downsummarymaker');
+					}
+					var elementSummary=document.getElementById(defaultSummarycircle);
+					elementSummary.appendChild(defaultcircle);	
+					
+					//bydefault summary will be open circle issue
+					
+
+				}
+				else if(document.getElementById(divId).style.display = "block")
+				{
+					console.log("If div id block :: ");
+					
+					if (traingle)
+					{
+					//arrow is open when we close the month Start 16-10-17:8:00
+					traingle.classList.remove('arrow-downmaker');
+					//arrow is open when we close the month Start 16-10-17:8:00
+					}
+					//div color active is open when we close the month Start 16-10-17:8:00\
+					hide.classList.remove('makeractive');
+					//div color active is open when we close the month Start 16-10-17:8:00\
+					
+					document.getElementById(divId).style.display = "none";
+					
+					if (document.getElementById(salesDataHide) != null) 
+					{
+
+					if(document.getElementById(salesDataHide).style.display == "block")
+					{
+						
+					 document.getElementById(salesDataHide).style.display = "none"
+						 
+					}
+					
+					}
+					
+					if (document.getElementById(summaryDataHide) != null) 
+					{
+
+					if(document.getElementById(summaryDataHide).style.display == "block")
+					{
+						document.getElementById(summaryDataHide).style.display = "none"
+					}
+				}
+				
+				}
+				else if (document.getElementById(hideValue).style.display == "none" && document.getElementById(divId).style.display == "block") 
+				{
+					console.log("id found"+hideValue);
+					
+					console.log("If div id block  and hide value none :: ");
+					document.getElementById(hideValue).style.display = "block";
+						
+				} 
+				else if (document.getElementById(divId).style.display == "none") 
+				{
+					console.log("If div id block   ");
+					document.getElementById(divId).style.display = "block";
+					
+				}
+		
+		 }
+		 else if ((document.getElementById(divId) != null)) 
+		 {
+			if (document.getElementById(divId).style.display == "block") 
+			{
+				document.getElementById(divId).style.display = "none";
+				
+			} 
+			else if (document.getElementById(divId).style.display == "none") 
+			{
+				document.getElementById(divId).style.display = "block";
+				
+				//bydefault summary will be open start 17-10-2017
+				document.getElementById(defaultSummary).style.display = "block";
+				//bydefault summary will be open circle issue
+				
+				if (!defaultcircle) 
+				{
+					console.log("came inside defaultcircle");
+					defaultcircle = document.createElement('div');
+					defaultcircle.classList.add('arrow-downsummarymaker');
+				}
+				var elementSummary=document.getElementById(defaultSummarycircle);
+				elementSummary.appendChild(defaultcircle);	
+				
+				//bydefault summary will be open circle issue
+				
+				//bydefault summary will be open start 17-10-2017
+			}
+		}
+		document.getElementsByClassName("makermonthData").value = hideValue;
+		
+		//bydefault summary will be open start 17-10-2017
+		document.getElementsByClassName("summarymaker").value = defaultSummary;
+		//bydefault summary will be open start 17-10-2017
+
+	}
+	
+	// summary
+	
+	//added by nilesh for maker
+	
+	function makersummaryClick(element) 
+	{
+		console.log("inside summaryClick function" + id);
+		 
+		var id = element.id;
+		var traingle = document.querySelector('div.arrow-downmaker');
+		var imgtraingle = document.querySelector('div.arrow-downsummarymaker');
+		console.log(">>>>>>>>", traingle);
+		
+		if (! traingle)
+		{
+			traingle = document.createElement('div');
+			traingle.classList.add('arrow-downmaker');
+			traingle.setAttribute("id", id +"_scrollbar");
+		}
+		//REMOVE IMAGE CLICK CIRCLE
+		if(imgtraingle)
+		{	
+		imgtraingle.classList.remove('arrow-downsummarymaker');
+		}
+		//REMOVE IMAGE CLICK CIRCLE
+		
+		element.appendChild(traingle);
+		var summaryId = id + "_summary";
+		//ADDED by Nilesh Start for avoid the previous arrow 
+		var summaryArrow = id + "_scrollbar";
+		//var summaryId = id + "_summary";
+		console.log("summaryId =[" + summaryId + "]");
+		var salesDataHide = document.getElementsByClassName("makersalesPersonDetails").value;
+		console.log("salesDataHide =[" + salesDataHide + "]");
+		
+	
+		if (document.getElementById(salesDataHide)!= null) 
+		{
+			document.getElementById(salesDataHide).style.display = "none";
+			
+			if (document.getElementById(summaryId).style.display == "block")
+			{
+				//COMMNET FOR CLOSE THE SUMMARY
+				//traingle.classList.remove('arrow-down');
+				//document.getElementById(summaryId).style.display = "none";
+				//COMMNET FOR CLOSE THE SUMMARY
+
+			} 
+			else if (document.getElementById(summaryId).style.display == "none") 
+			{
+				document.getElementById(summaryId).style.display = "block";
+
+			}
+		} 
+		else if (document.getElementById(summaryId) != null)
+		{
+			if (document.getElementById(summaryId).style.display == "block") 
+			{
+				//COMMNET FOR CLOSE THE SUMMARY
+				//document.getElementById(summaryId).style.display = "none";
+				//traingle.classList.remove('arrow-down');
+				//COMMNET FOR CLOSE THE SUMMARY
+			}
+			else if (document.getElementById(summaryId).style.display == "none") 
+			{
+				document.getElementById(summaryId).style.display = "block";
+			}
+		}
+		var summaryclick = document.getElementsByClassName("summarymaker").value = summaryId;
+		var summaryclick = document.getElementsByClassName("summary_arrowmaker").value = summaryArrow;
+		console.log("summaryclick =[" + summaryclick + "]");
+
+	}
+	
+	//image
+	
+	//added for brand
+	
+	function makerImageClick(element) 
+	{
+		
+		var id = element.id;
+		console.log(id);
+	/*	var downarrow = document.getElementsByClassName("arrow-down1");
+		console.log("downarrow : - "+downarrow.length);*/
+		
+		//IF div.arrow-down notexist then create the div	
+		var traingle = document.querySelector('div.arrow-downmaker');
+		console.log(">>>>>>>>", traingle);
+		
+		if (! traingle) 
+		{
+			traingle = document.createElement('div');
+			traingle.classList.add('arrow-downmaker');
+			traingle.setAttribute("id", id +"_scrollbar");
+		}
+		
+		element.appendChild(traingle);
+		
+		//bydefault open the summary page 17-10-17
+		
+		var summarydot = document.querySelector('div.arrow-downsummarymaker');
+		if (summarydot) 
+		{
+			console.log("summarydot " +summarydot);
+			summarydot.classList.remove('arrow-downsummarymaker');
+		}
+		//bydefault open the summary page 17-10-17
+		 
+		//IF div.arrow-down notexist then create the div as well as remove other div of it
+		
+		var salesPersonId = id + "_salesperson";
+		var arrowHidden=id + "_scrollbar";
+		var salesDataHide = document.getElementsByClassName("makersalesPersonDetails").value;
+		console.log("salesDataHide =[" + salesDataHide + "]");
+		
+		var summaryDataHide = document.getElementsByClassName("summarymaker").value;
+		console.log("summaryDataHide =[" + summaryDataHide + "]");
+		
+		//ADDED bY nILESH sTART
+		var summaryDataHideTEST = document.getElementsByClassName("makersalesPersonDetails").value;
+		console.log("summaryDataHideTEST =[" + summaryDataHideTEST + "]");
+		
+		var summaryDataHideArrow = document.getElementsByClassName("summary_arrowmaker").value;
+		console.log("summaryDataHideArrow =[" + summaryDataHideArrow + "]");
+		
+		if(summaryDataHideArrow!=null)
+		{
+			var hideArrow=document.getElementById(summaryDataHideArrow);
+			
+			// hideArrow.parentNode.removeChild(hideArrow);	
+	
+		}
+		//ADDED bY nILESH eND
+		
+		var scrollbarTEST = document.getElementsByClassName("scrollbar").value;
+		console.log("scrollbarTEST =[" + scrollbarTEST + "]");
+		
+		if(summaryDataHideTEST!=null && summaryDataHideTEST != "undefined")
+		{
+			console.log(" IF CAME HERE "+summaryDataHideTEST);
+			
+			document.getElementById(summaryDataHideTEST).style.display = "none";  
+			//traingle.remove(scrollbarTEST);
+			
+		}	
+		
+		
+		//ADDED bY nILESH eND
+		
+		if (document.getElementById(summaryDataHide) != null) 
+		{
+			console.log("summaryDataHide if"+summaryDataHide);
+			document.getElementById(summaryDataHide).style.display = "none";
+			
+			if (document.getElementById(salesPersonId).style.display == "block")
+			{
+
+				document.getElementById(salesPersonId).style.display = "none";
+				
+			} 
+			else if (document.getElementById(salesPersonId).style.display == "none") 
+			{
+					document.getElementById(salesPersonId).style.display = "block";
+
+			}
+		} 
+		else if (document.getElementById(salesDataHide) != null) 
+		{
+			console.log("first if");
+			document.getElementById(salesDataHide).style.display = "none";
+			
+			if (document.getElementById(salesPersonId).style.display == "block") 
+			{
+				console.log("second if");
+
+				document.getElementById(salesPersonId).style.display = "none";
+				
+			} 
+			else if (document.getElementById(salesPersonId).style.display == "none") 
+			{
+				console.log("third if");
+
+				document.getElementById(salesPersonId).style.display = "block";
+
+			}
+
+		} 
+		else if (document.getElementById(salesPersonId) != null)
+		{
+			console.log("salesPersonId found"+salesPersonId);
+			
+			if (document.getElementById(salesPersonId).style.display == "block") 
+			{
+				document.getElementById(salesPersonId).style.display = "none";
+				
+			}
+			else if (document.getElementById(salesPersonId).style.display == "none") 
+			{
+				document.getElementById(salesPersonId).style.display = "block";
+
+			}
+
+		}
+		
+		console.log("salesPersonId"+salesPersonId);
+		document.getElementsByClassName("makersalesPersonDetails").value = salesPersonId;
+		console.log("arrowHidden"+arrowHidden);
+		
+		
+	}
+	
+	//Doctor changes 
+	
+	function doctormonthClick(element) 
+	{
+		var id=element.id;
+		var test=document.getElementById(id);
+		test.classList.add('doctoractive');
+		console.log("test"+test);
+		
+		console.log("inside monthclick function" + id);
+		var divId = id + "_div";
+		console.log("divId =[" + divId + "]");
+		var hidden = document.getElementsByClassName("doctormonthData").value;
+		var salesDataHide = document.getElementsByClassName("doctorsalesPersonDetails").value;
+		var summaryDataHide = document.getElementsByClassName("summarydoctor").value;
+		console.log("summaryDataHide =[" + summaryDataHide + "]");
+		console.log("hidden =[" + hidden + "]");
+		var hideValue = id + "hide";
+		console.log("hideValue is =[" + hideValue + "]");
+		
+		//arrow is open when we close the month Start 16-10-17:8:00\
+		
+		var traingle = document.querySelector('div.arrow-downdoctor');
+		var defaultcircle = document.querySelector('div.arrow-downsummarydoctor');
+		console.log(">>>>>>>>", traingle);
+		
+		//arrow is open when we close the month Start 16-10-17:8:00\
+		
+		//bydefault summary will be open start 17-10-2017
+		var defaultSummary= id +".summary_summary";
+		var defaultSummarycircle= id +".summary";
+		console.log("bydefault " +defaultSummary);
+		//bydefault summary will be open END 17-10-2017
+		
+			if (document.getElementById(hidden) != null) 
+			{
+				
+				//Remove active class
+				console.log("hidden found" +hidden);
+				var Change=hidden.replace("hide", "");
+				console.log("Change" +Change);
+				var hide=document.getElementById(Change);
+				console.log(hide);
+				//Added By Nilesh For double click on month click Start::11-10-17 
+				if(hideValue!=hidden)
+				{
+					console.log("not eq hideValue " +hideValue);
+					console.log("not equal hidden " +hidden);
+
+				hide.classList.remove('doctoractive');
+				document.getElementById(hidden).style.display = "none";
+				document.getElementById(hideValue).style.display = "block";
+				
+				//NEW ADDED 
+				
+				document.getElementById(divId).style.display = "none";
+				
+				
+				}
+				//Added By Nilesh For double click on month click End::11-10-17
+				//Remove active class
+				if(divId==hidden)
+				{
+					console.log("dame here")
+					if(document.getElementById(divId).style.display="none")
+					{	
+						document.getElementById(divId).style.display = "block";
+					}
+					else if(document.getElementById(divId).style.display="block")
+					{	
+						document.getElementById(divId).style.display = "none";
+					}
+				}
+				
+				
+
+				hidden = "";
+				
+				if (document.getElementById(divId).style.display == "none") 
+				{
+					console.log("If div id none :: ");
+					document.getElementById(divId).style.display = "block";
+					
+					//bydefault summary will be open start 17-10-2017	
+					document.getElementById(defaultSummary).style.display = "block"
+					//bydefault summary will be open start 17-10-2017	
+					
+					//bydefault summary will be open circle issue
+						
+					if (!defaultcircle) 
+					{
+						console.log("came inside defaultcircle");
+						defaultcircle = document.createElement('div');
+						defaultcircle.classList.add('arrow-downsummarydoctor');
+					}
+					var elementSummary=document.getElementById(defaultSummarycircle);
+					elementSummary.appendChild(defaultcircle);	
+					
+					//bydefault summary will be open circle issue
+					
+
+				}else if(document.getElementById(divId).style.display = "block")
+				{
+					console.log("If div id block :: ");
+					
+					if (traingle)
+					{
+					//arrow is open when we close the month Start 16-10-17:8:00
+					traingle.classList.remove('arrow-downdoctor');
+					//arrow is open when we close the month Start 16-10-17:8:00
+					}
+					//div color active is open when we close the month Start 16-10-17:8:00\
+					hide.classList.remove('doctoractive');
+					//div color active is open when we close the month Start 16-10-17:8:00\
+					
+					document.getElementById(divId).style.display = "none";
+					
+					if (document.getElementById(salesDataHide) != null) 
+					{
+
+					if(document.getElementById(salesDataHide).style.display == "block")
+					{
+						
+					 document.getElementById(salesDataHide).style.display = "none"
+						 
+					}
+					
+					}	
+					if (document.getElementById(summaryDataHide) != null) 
+					{
+
+					if(document.getElementById(summaryDataHide).style.display == "block")
+					{
+						document.getElementById(summaryDataHide).style.display = "none"
+					}
+					}
+				
+				}
+				else if (document.getElementById(hideValue).style.display == "none" && document.getElementById(divId).style.display == "block") 
+				{
+					console.log("id found"+hideValue);
+					
+					console.log("If div id block  and hide value none :: ");
+					document.getElementById(hideValue).style.display = "block";	
+					
+				} 
+				else if (document.getElementById(divId).style.display == "none") 
+				{
+					console.log("If div id block   ");
+					document.getElementById(divId).style.display = "block";
+					
+				}
+		 }
+		 else if ((document.getElementById(divId) != null)) 
+		 {
+			if (document.getElementById(divId).style.display == "block") 
+			{
+				document.getElementById(divId).style.display = "none";
+				
+			} else if (document.getElementById(divId).style.display == "none")
+			{
+				document.getElementById(divId).style.display = "block";
+				
+				//bydefault summary will be open start 17-10-2017
+				document.getElementById(defaultSummary).style.display = "block";
+				//bydefault summary will be open circle issue
+				
+				if (!defaultcircle) 
+				{
+					console.log("came inside defaultcircle");
+					defaultcircle = document.createElement('div');
+					defaultcircle.classList.add('arrow-downsummarydoctor');
+				}
+				var elementSummary=document.getElementById(defaultSummarycircle);
+				elementSummary.appendChild(defaultcircle);	
+				
+				//bydefault summary will be open circle issue
+				
+				
+				//bydefault summary will be open start 17-10-2017
+			}
+		}
+		document.getElementsByClassName("doctormonthData").value = hideValue;
+		//bydefault summary will be open start 17-10-2017
+		document.getElementsByClassName("summarydoctor").value = defaultSummary;
+		//bydefault summary will be open start 17-10-2017
+
+	}
+	
+	//doctor summary
+	
+	function doctorsummaryClick(element) {
+		console.log("inside summaryClick function" + id);
+		 
+		var id = element.id;
+		var traingle = document.querySelector('div.arrow-downsummarydoctor');
+		var imgtraingle = document.querySelector('div.arrow-downdoctor');
+		console.log(">>>>>>>>", traingle);
+		
+		if (! traingle) 
+		{
+			traingle = document.createElement('div');
+			traingle.classList.add('arrow-downsummarydoctor');
+			traingle.setAttribute("id", id +"_scrollbar");
+		}
+		//REMOVE IMAGE CLICK CIRCLE
+		if(imgtraingle)
+		{	
+		imgtraingle.classList.remove('arrow-downdoctor');
+		}
+		//REMOVE IMAGE CLICK CIRCLE
+		element.appendChild(traingle);
+		var summaryId = id + "_summary";
+		//ADDED by Nilesh Start for avoid the previous arrow 
+		var summaryArrow = id + "_scrollbar";
+		//var summaryId = id + "_summary";
+		console.log("summaryId =[" + summaryId + "]");
+		var salesDataHide = document.getElementsByClassName("doctorsalesPersonDetails").value;
+		console.log("salesDataHide =[" + salesDataHide + "]");
+		
+	
+		if (document.getElementById(salesDataHide)!= null) 
+		{
+			document.getElementById(salesDataHide).style.display = "none";
+			if (document.getElementById(summaryId).style.display == "block")
+			{
+				//COMMNET FOR CLOSE THE SUMMARY
+				//traingle.classList.remove('arrow-down');
+				//document.getElementById(summaryId).style.display = "none";
+				//COMMNET FOR CLOSE THE SUMMARY
+
+			} 
+			else if (document.getElementById(summaryId).style.display == "none") 
+			{
+				document.getElementById(summaryId).style.display = "block";
+
+			}
+		} 
+		else if (document.getElementById(summaryId) != null)
+		{
+			if (document.getElementById(summaryId).style.display == "block") 
+			{
+				//COMMNET FOR CLOSE THE SUMMARY
+				//document.getElementById(summaryId).style.display = "none";
+				//traingle.classList.remove('arrow-down');
+				//COMMNET FOR CLOSE THE SUMMARY
+			} 
+			else if (document.getElementById(summaryId).style.display == "none")
+			{
+				document.getElementById(summaryId).style.display = "block";
+			}
+		}
+		var summaryclick = document.getElementsByClassName("summarydoctor").value = summaryId;
+		var summaryclick = document.getElementsByClassName("summary_arrowdoctor").value = summaryArrow;
+		console.log("summaryclick =[" + summaryclick + "]");
+
+	}
+	
+	//doctor image click
+	
+	
+	function doctorImageClick(element) 
+	{
+		
+		var id = element.id;
+		console.log(id);
+	/*	var downarrow = document.getElementsByClassName("arrow-down1");
+		console.log("downarrow : - "+downarrow.length);*/
+		
+		//IF div.arrow-down notexist then create the div	
+		var traingle = document.querySelector('div.arrow-downdoctor');
+		console.log(">>>>>>>>", traingle);
+		
+		if (! traingle) 
+		{
+			traingle = document.createElement('div');
+			traingle.classList.add('arrow-downdoctor');
+			traingle.setAttribute("id", id +"_scrollbar");
+		}
+		
+		element.appendChild(traingle);
+		
+		//bydefault open the summary page 17-10-17
+		
+		var summarydot = document.querySelector('div.arrow-downsummarydoctor');
+		if (summarydot) 
+		{
+			console.log("summarydot " +summarydot);
+			summarydot.classList.remove('arrow-downsummarydoctor');
+		}
+		//bydefault open the summary page 17-10-17
+		 
+		//IF div.arrow-down notexist then create the div as well as remove other div of it
+		
+		var salesPersonId = id + "_salesperson";
+		var arrowHidden=id + "_scrollbar";
+		var salesDataHide = document.getElementsByClassName("doctorsalesPersonDetails").value;
+		
+		console.log("salesDataHide =[" + salesDataHide + "]");
+		
+		var summaryDataHide = document.getElementsByClassName("summarydoctor").value;
+		console.log("summaryDataHide =[" + summaryDataHide + "]");
+		
+		//ADDED bY nILESH sTART
+		var summaryDataHideTEST = document.getElementsByClassName("doctorsalesPersonDetails").value;
+		console.log("summaryDataHideTEST =[" + summaryDataHideTEST + "]");
+		
+		var summaryDataHideArrow = document.getElementsByClassName("summary_arrowdoctor").value;
+		console.log("summaryDataHideArrow =[" + summaryDataHideArrow + "]");
+		
+		if(summaryDataHideArrow!=null)
+		{
+			var hideArrow=document.getElementById(summaryDataHideArrow);
+			
+			// hideArrow.parentNode.removeChild(hideArrow);	
+	
+		}
+		//ADDED bY nILESH eND
+		
+		var scrollbarTEST = document.getElementsByClassName("scrollbar").value;
+		console.log("scrollbarTEST =[" + scrollbarTEST + "]");
+		
+		if(summaryDataHideTEST!=null && summaryDataHideTEST != "undefined")
+		{
+			console.log(" IF CAME HERE "+summaryDataHideTEST);
+			
+			document.getElementById(summaryDataHideTEST).style.display = "none";  
+			//traingle.remove(scrollbarTEST);
+			
+		}	
+		
+		
+		//ADDED bY nILESH eND
+		
+		if (document.getElementById(summaryDataHide) != null) 
+		{
+			console.log("summaryDataHide if"+summaryDataHide);
+			
+			document.getElementById(summaryDataHide).style.display = "none";
+			
+			if (document.getElementById(salesPersonId).style.display == "block")
+			{
+
+				document.getElementById(salesPersonId).style.display = "none";
+				
+			} 
+			else if (document.getElementById(salesPersonId).style.display == "none") 
+			{
+					document.getElementById(salesPersonId).style.display = "block";
+
+			}
+		} 
+		else if (document.getElementById(salesDataHide) != null) 
+		{
+			console.log("first if");
+			document.getElementById(salesDataHide).style.display = "none";
+			
+			if (document.getElementById(salesPersonId).style.display == "block") 
+			{
+				console.log("second if");
+
+				document.getElementById(salesPersonId).style.display = "none";
+				
+			} 
+			else if (document.getElementById(salesPersonId).style.display == "none") 
+			{
+				console.log("third if");
+
+				document.getElementById(salesPersonId).style.display = "block";
+
+			}
+
+		} 
+		else if (document.getElementById(salesPersonId) != null)
+		{
+			console.log("salesPersonId found"+salesPersonId);
+			
+			if (document.getElementById(salesPersonId).style.display == "block") 
+			{
+				document.getElementById(salesPersonId).style.display = "none";
+				
+			} 
+			else if (document.getElementById(salesPersonId).style.display == "none") 
+			{
+				document.getElementById(salesPersonId).style.display = "block";
+
+			}
+
+		}
+		
+		console.log("salesPersonId"+salesPersonId);
+		document.getElementsByClassName("doctorsalesPersonDetails").value = salesPersonId;
+		console.log("arrowHidden"+arrowHidden);
+		
+		
+	}
+	
+	//added by mrunalini sinkar on 25-oct-2017 for download the excel file when click on export excel image(start)	
+	function exportExcelMobile(id)
+	{
+
+		var Row = document.getElementById("somerow");
+		var Cells = Row.getElementsByTagName("td");
+		var periodFrom=Cells[0].innerText;
+		var periodTo=Cells[1].innerText;
+		var salesExe=Cells[2].innerText;
+		var host=Cells[3].innerText;
+		console.log("host is:"+host)
+
+		
+		 $.ajax({
+	        type: 'POST',
+	        url: host+"/ibase/TableToExcelServlet",
+	        data:  'id=' + id + '&periodform=' + periodFrom+ '&periodto=' + periodTo+ '&saleExecutive=' + salesExe, 
+	           dataType: 'text',      
+	         success: function(data) 
+	        { 
+	        	//alert("data is"+data);
+	        	downloadFile(data);
+	        	
+	        }             
+	    }); 
+	 	
+	}
+
+		
+	 function downloadFile( finalPath )
+	 {
+	     try 
+	     {
+	    	if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) 
+	    	{
+	    		var fileName = finalPath.substring( finalPath.lastIndexOf("/") + 1 );
+	    		console.log( "fileName - "+ fileName );
+	    		var Row = document.getElementById("somerow");
+	    		var Cells = Row.getElementsByTagName("td");
+	    		var host=Cells[3].innerText;
+	    		finalPath = finalPath.substring(finalPath.indexOf( "/dump" ));
+	    		finalPath=host+"/ibase/"+finalPath;
+	    		//alert("finalPath is:"+finalPath);
+	    		var message = {
+	    			FILE_URL : finalPath, FILE_NAME: fileName, DOWNLOAD_DIR: "base/cache/downloads/file"
+	    		};
+	    		window.top.postMessage(message, '*');
+	    	}
+	    	else
+	    	{
+	    		document.getElementById("data").value=finalPath;
+	    		document.getElementById("myForm").action = "/ibase/dwh/jsp/ExcelExportMobile.jsp?data="+finalPath+"";
+	    		document.getElementById("myForm").submit();
+	    	}
+	     }
+	     catch (ex) 
+	     {
+	    	 alert("Exception : " + ex);
+	     }
+	 }
+	//added by mrunalini sinkar on 25-oct-2017 for download the excel file when click on export excel image(end)	
+
+	
+	
+	

webitm-dashboard/GWT-Component/war/GwtDashboardMobilePage.css

+/* Header Css */ 
+
+
+
+
+/* .filterDivHeadingName
+{
+	font-size: 20px;
+	padding-top: 5px;
+	padding-bottom: 5px;
+	color: white;
+	margin-left: 15px;
+}
+
+.fltrPopupVPnl 
+{
+	position: relative;
+	background-color: whitesmoke;
+}
+
+.filterdivHeading
+{
+	background-color: gray;
+}
+
+.fltrPopupVPnlWidthFixed 
+{
+	position: relative;
+	background-color: whitesmoke;
+	width: 100%;
+	padding: 20px 1px;
+}
+
+.filterHeaderLabel
+{
+	font-size: 15px;
+	background: transparent;
+	border: 1px;
+	
+}
+
+
+
+.filterHeaderPanel
+{
+	background: transparent;
+	padding: 3px;
+	width: 100%;
+	text-align: center;
+} */
+
+.filterdivHeading
+{
+	/* background-color: gray; */
+	background-color: white;
+}
+.filterDivHeadingName
+{
+	font-size: 18px;
+	padding-top: 5px;
+	padding-bottom: 5px;
+	color: white;
+	margin-left: 15px;
+	font-family:'MuseoLight', sans-serif;
+}
+.filterHeaderLabel
+{
+	font-size: 12px;
+	background: transparent;
+	border: 1px;
+	font-family:'MuseoLight', sans-serif;
+	
+}
+.filterHeaderPanel
+{
+	background: transparent;
+	padding: 3px;
+	width: 100%;
+	text-align: center;
+}
+.imgalignment
+{
+	margin-left: 20px;
+	cursor: pointer;
+}
+.filterImage
+{
+	 /*height: 37px; */
+	position: relative;
+	cursor:pointer;
+	padding-right: 6px;
+    padding-top: 6px;
+}
+/*Not Required*/
+#filterMainOuterDiv
+{
+    border-radius: 3px;
+	border: 1px solid lightgray;
+	/*left: auto !important; Commented By Prashant Chavan 30-Dec-14 
+	right: 300px;*/
+	top: 300px;
+	z-index: 20;
+	background: none repeat scroll 0% 0% #FFF;
+	box-shadow: 1px 3px 6px 3px rgba(142,142,142,.25);
+	padding: 0px;
+	margin: 0px;
+    
+}
+
+.flexTable
+{
+	background-color: white;
+	font-size: small;
+	width: 100%;
+}
+
+
+
+/* for Filter Text Box Start */
+
+.textBoxCss {
+	font-size: medium;
+	font-style: normal;
+	/* height: 16px; */
+	/* width: 155px; */
+	Width:100%;
+	/* Changes done to Match with galxy theme on 19-Feb-15*/
+	border: 1px solid #d8d8d8;
+	border-radius: 2px;
+	-moz-border-radius: 2px;
+}
+
+/* for Filter Text Box End */
+/* for List Box Start */
+ul.token-input-list {
+	overflow: hidden;
+	height: auto !important;
+	height: 20px;
+	/* width: 155px; */
+	border: 1px solid lightgray;
+	cursor: text;
+	font-size: 12px;
+/* 	font-family: Verdana; */
+	min-height: 1px;
+	z-index: 999;
+	margin: 0;
+	padding: 0;
+	background-color: white;
+	border-radius: 5px;
+	width:100%;
+}
+
+ul.token-input-list {
+	list-style-type: none;
+}
+
+ul.token-input-list li input {
+	border: 0;
+	width: 50px;
+	background-color: white;
+}
+
+li.token-input-token {
+	overflow: hidden;
+	height: auto !important;
+	height: 1%;
+	margin: 3px;
+	padding: 1px 3px;
+	background-color: #eff2f7;
+	color: #000;
+	cursor: default;
+	border: 1px solid #ccd5e4;
+	font-size: 11px;
+	border-radius: 5px;
+	-moz-border-radius: 5px;
+	-webkit-border-radius: 5px;
+	float: left;
+}
+
+li.token-input-token p {
+	display: inline;
+	padding: 0;
+	margin: 0;
+	color:black;
+}
+
+li.token-input-token span {
+	color: #a6b3cf;
+	margin-left: 5px;
+	font-weight: bold;
+	cursor: pointer;
+}
+
+li.token-input-selected-token {
+	background-color: #5670a6;
+	border: 1px solid #3b5998;
+	color: #fff;
+}
+
+li.token-input-input-token {
+	float: left;
+}
+
+
+.item{
+	text-align: left;
+	height:25px;
+}
+
+/*  Gwt Tag Start */
+.gwt-SuggestBoxPopup{
+	z-index: 20;
+}
+
+/* Gwt Tag End*/
+
+/* BaseE12.css Start */
+
+/* li {
+list-style: none;
+float: left;
+display: block;
+margin: 0 3%;
+}
+ */
+/* BaseE12.css End */
+
+/* for List Box End */
+
+/* Filter Window Css End */
+
+/* For Contenet Start */
+ .tableCSS
+ {
+ /* margin-top: 5px; */
+  width:100% !important;
+ }
+
+.flexCSS
+ {
+  width:99%;
+  position:relative;
+ }
+
+
+.chartContainer {
+	margin-top: 0px;
+	width:100%;
+    position:relative;
+}
+
+
+
+.FlexTable
+{
+ 	/* border: 0px solid black;
+	background-color: #59FFFF; */
+	width: 100%;
+	line-height: 29px;
+	text-align: left;
+	border-collapse: separate;
+	border-spacing: 0;
+	border-radius: 2px;
+	background-color: white ;
+	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
+	/* box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); */
+	
+}
+
+
+.FlexTable-ColumnHeaderCell {
+	/* border: solid; */
+	border-color: #4bc1d2 #13AEC4 #5CCADA;
+	/* background-color: white; */
+	/*background-image: linear-gradient(to bottom, #4bc1d2 60%, #5adaec 100%);*/
+	text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+	box-shadow: 0 1px rgba(255, 255, 255, 0.2) inset, 0 0 0 1px rgba(255, 255, 255, 0.06) inset, 0 1px rgba(0, 0, 0, 0.04);
+	margin: 0;
+	padding: 0;
+	text-align: center;
+	color: black;
+	height:30px;
+	font-weight: NORMAL; /*Added By Prashant Chavan 29-Dec-14*/
+	/* font-size: 14pt; */
+	font-size:11pt;
+}
+
+
+
+
+
+
+
+/*Used  in CustomFlxTable.java Start */
+.FlexTable
+{
+ 	/* border: 0px solid black;
+	background-color: #59FFFF; */
+	width: 100%;
+	line-height: 29px;
+	text-align: left;
+	border-collapse: separate;
+	border-spacing: 0;
+	border-radius: 2px;
+	background-color: white; 
+	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
+	/* box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); */
+	
+}
+
+
+.FlexTable-ColumnLabel
+{
+	/* color: black;
+	padding: 3px;
+	font: bold Arial, sans-serif, courier;
+	font-size: 11pt; */
+	
+	line-height: 29px;
+	padding: 0 0px;
+	color: white;
+	text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+	border-width: 1px 1px 1px 0px;
+	border-style: solid;
+	border-color: #4bc1d2 #13AEC4 #5CCADA;
+	
+	/* IE10 Consumer Preview  */
+	background-image: -ms-linear-gradient(top, literal("#4BC1D2 60%"), literal("#5ADAEC 100%"));
+	/* Mozilla Firefox  */
+	background-image: -moz-linear-gradient(top, literal("#4BC1D2 60%"), literal("#5ADAEC 100%"));
+	/* Opera  */
+	background-image: -o-linear-gradient(top, literal("#4BC1D2 60%"), literal("#5ADAEC 100%"));
+	/* Webkit (Safari/Chrome 10)  */
+	background-image: -webkit-gradient(linear, literal("left top"), literal("left bottom"), color-stop(0.6, #4BC1D2),	color-stop(1, #5ADAEC) );
+	/* Webkit (Chrome 11+)  */
+	background-image: -webkit-linear-gradient(top, literal("#4BC1D2 60%"), literal("#5ADAEC 100%"));
+	/* W3C Markup, IE10 Release Preview  */
+	background-image: linear-gradient(literal("to bottom"), literal("#4BC1D2 60%"), literal("#5ADAEC 100%"));
+	
+	-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.06), 0 1px rgba(0, 0, 0, 0.04);
+	box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.06), 0 1px rgba(0, 0, 0, 0.04);
+/* 	font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif; */
+	text-rendering: optimizeLegibility;
+	font-size: 12px;
+	font-weight: bold;
+	
+}
+
+.FlexTable-ColumnLabelCell {
+	/* border: solid; */
+	border-color: #4bc1d2 #13AEC4 #5CCADA;
+	background-image: linear-gradient(to bottom, #4bc1d2 60%, #5adaec 100%);
+	text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+	box-shadow: 0 1px rgba(255, 255, 255, 0.2) inset, 0 0 0 1px rgba(255, 255, 255, 0.06) inset, 0 1px rgba(0, 0, 0, 0.04);
+	margin: 0;
+	padding: 0;
+	text-align: center;
+	color: white;
+}
+
+.FlexTable-LblCell
+{
+	background-color: #6699FF;
+/* 	font-family: Arial,Helvetica,Helvetica Neue,Verdana,sans-serif; */
+    font-size: 12px;
+    line-height: 29px;
+    padding: 0 10px;
+    text-rendering: optimizelegibility;
+    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
+	border-width: 1px 1px 1px 0px;
+	border-style: solid;
+	border-color: #CBCBCB #D5D5D5 #C2C2C2;
+	text-align: left;
+}
+
+.FlexTable-LblCell
+{
+	background-color: #6699FF;
+/* 	font-family: Arial,Helvetica,Helvetica Neue,Verdana,sans-serif; */
+    font-size: 12px;
+    line-height: 29px;
+    padding: 0 10px;
+    text-rendering: optimizelegibility;
+    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
+	border-width: 1px 1px 1px 0px;
+	border-style: solid;
+	border-color: #CBCBCB #D5D5D5 #C2C2C2;
+	text-align: left;
+}
+
+
+
+
+.FlexTable-LblCell-Left
+{
+	background-color: #6699FF;
+/* 	font-family: Arial,Helvetica,Helvetica Neue,Verdana,sans-serif; */
+    font-size: 12px;
+    line-height: 29px;
+    padding: 0 10px;
+    text-rendering: optimizelegibility;
+    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
+	border-width: 1px 1px 1px 0px;
+	border-style: solid;
+	border-color: #CBCBCB #D5D5D5 #C2C2C2;
+	text-align: left;
+}
+
+.FlexTable-LblCell-Right
+{
+	background-color: #6699FF;
+/* 	font-family: Arial,Helvetica,Helvetica Neue,Verdana,sans-serif; */
+    font-size: 12px;
+    line-height: 29px;
+    padding: 0 10px;
+    text-rendering: optimizelegibility;
+    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
+	border-width: 1px 1px 1px 0px;
+	border-style: solid;
+	border-color: #CBCBCB #D5D5D5 #C2C2C2;
+	text-align: right;
+}
+
+.FlexTable-LblCell-Center
+{
+	background-color: #6699FF;
+/* 	font-family: Arial,Helvetica,Helvetica Neue,Verdana,sans-serif; */
+    font-size: 12px;
+    line-height: 29px;
+    padding: 0 10px;
+    text-rendering: optimizelegibility;
+    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
+	border-width: 1px 1px 1px 0px;
+	border-style: solid;
+	border-color: #CBCBCB #D5D5D5 #C2C2C2;
+	text-align: center;
+}
+/*Dhanendra 1-10-2014 for cursor*/
+.FlexTable-LblCell-Right-Cursor
+{
+	background-color: #6699FF;
+/* 	font-family: Arial,Helvetica,Helvetica Neue,Verdana,sans-serif; */
+    font-size: 12px;
+    line-height: 29px;
+    padding: 0 10px;
+    text-rendering: optimizelegibility;
+    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
+	border-width: 1px 1px 1px 0px;
+	border-style: solid;
+	border-color: #CBCBCB #D5D5D5 #C2C2C2;
+	text-align: right;
+	cursor: pointer;
+	
+}
+.FlexTable-LblCell-Left-Cursor
+{
+	background-color: #6699FF;
+/* 	font-family: Arial,Helvetica,Helvetica Neue,Verdana,sans-serif; */
+    font-size: 12px;
+    line-height: 29px;
+    padding: 0 10px;
+    text-rendering: optimizelegibility;
+    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
+	border-width: 1px 1px 1px 0px;
+	border-style: solid;
+	border-color: #CBCBCB #D5D5D5 #C2C2C2;
+	text-align: left;
+	cursor: pointer;
+	
+}
+/*End Dhanendra 1-10-2014 for cursor*/
+
+/*Used  in CustomFlxTable.java End */
+
+
+/*Used  in GraphComponenet.java Start */
+.flextableScrlPnl
+{            
+	height: 300px;
+	width: 100%;
+	padding: 0px;
+	cellspacing: 0px;
+	background-color: white;
+	border: 1px solid lightgray;
+	border-radius: 2px;
+	margin-top: -5px;
+
+}
+
+
+
+
+/*Used  in GraphComponenet.java End */
+
+/*Added By Prashant Chavan 23-Dec-14 Start*/
+
+.menuCSS
+{
+	width: 106px;
+}
+
+.pophelpItem
+{
+	text-align: left;
+    height: 25px; 
+}
+.dbcontent
+{
+			OVERFLOW: AUTO;
+			/* position: absolute; */
+			WIDTH: 100%;
+			height: 90%;
+	  		/* padding-bottom: 25px; */
+}
+
+
+
+.popStatusPnl
+{
+	border-bottom: 1px solid #d9d9d9; 
+	width: auto;
+	height: auto;
+	padding: 10px 2px 10px 2px; 
+	table-layout: fixed;
+}
+.viewOptPnl
+{
+	width:100%;
+}
+/* Added on 03-Feb-15 for making Text box width 100% */
+.fltrTextHrPnl
+{
+	width:100%;
+}
+
+.outrFltrTextVrPnl
+{
+	width:100%;
+	PADDING-BOTTOM: 4px;
+}
+.outrPopVrPnl
+{
+	width:100%;
+}
+.fltrPopHrPnl
+{
+	width:100%;
+}
+
+.filterScrlPnl
+{
+	height:100px;
+}
+.chartDisplay
+{
+display: block;
+}
+
+.chartDisplay-None
+{
+display: none;
+}
+.checkbox-filter-container
+{
+	width:100%;
+}
+.popStatusPnl:hover {
+background: #eee !important;
+}
+
+.dashboardMenuItem
+{
+	font-size: 14px;
+	padding: 8px 15px;
+}
+
+.dbFilterScrollPnl
+{
+	height: 230px;
+	top: 21px;
+	margin-bottom: 21px;
+}
+
+/* Below Css to be taken care in case of autosearch box Added By Prashant Chavan on 19-Feb-15*/
+.gwt-SuggestBoxPopup .suggestPopupMiddleLeft
+{
+
+border: none !important;
+background: none !important;
+}
+
+.gwt-SuggestBoxPopup .suggestPopupTopCenter
+{
+border: none !important;
+background: none !important;
+}
+
+.gwt-SuggestBoxPopup .suggestPopupMiddleRight
+{
+border: none !important;
+background: none !important;
+
+}
+
+.gwt-SuggestBoxPopup .suggestPopupBottomCenter
+{
+border: none !important;
+background: none !important;
+}
+
+.gwt-SuggestBoxPopup .item-selected
+{
+background: #5fdeb2 !important;
+COLOR: white !important;
+}
+.gwt-SuggestBoxPopup .suggestPopupTopRight
+{
+border: none !important;
+background: none !important;
+}
+
+.gwt-SuggestBoxPopup .suggestPopupTopLeft
+{
+border: none !important;
+background: none !important;
+}
+
+.gwt-SuggestBoxPopup .suggestPopupBottomLeft
+{
+border: none !important;
+background: none !important;
+}
+
+.gwt-SuggestBoxPopup .suggestPopupBottomRight
+{
+border: none !important;
+background: none !important;
+}
+
+.gwt-SuggestBoxPopup .suggestPopupContent
+{
+	border: 1px solid #ccc !important;
+}
+
+.viewOpt .bubbleBox-grad.top:after {
+right: 152px;
+}
+
+.viewOpt .close {
+left: 175px;
+}
+
+
+.viewTitle {
+/* font-family: "MuseoLight-300", sans-serif; */
+color: #333;
+width: 164px;
+font-size: 16px;
+text-shadow: 0 1px rgba(0,0,0,0.2);
+text-rendering: optimizeLegibility;
+}
+
+
+
+.viewScopeTitle {
+padding-left: 20px;
+position: absolute;
+top: 10px;
+width: 164px;
+height: 25px;
+margin-left: -15px;
+border-bottom: 1px solid lightgray;
+}
+
+
+.dbViewOpnPnl {
+height: 100%;
+top: 21px;
+margin-bottom: 21px;
+}
+
+
+
+.searchScopeDbBtn {
+margin-left: 28px;
+margin-top: -5px;
+border: none;
+background-color: transparent;
+cursor: pointer;
+outline: none;
+/*Change the Header color to #7b7b7b as Per KB sir 24-Feb-15 Start*/
+/* color: #a4a2a3; */
+color: #555;
+/*Change the Header color to #7b7b7b as Per KB sir 24-Feb-15 eND*/
+font-size: 11px;
+white-space: normal;
+}
+
+/*Added By Prashant Chavan on 10-Apr-15 */
+.dbReportContainer
+{
+	
+}
+
+.isDisplay
+{
+	display:block;
+}
+.isHide
+{
+	display:none;
+}
+
+.menubackground
+{
+	background-color: #d9d9d9;
+}
+
+.associatelabelcntr
+{
+	/*Add padding and color and change font-size by Dhanendra on 27-04-2016*/
+	font-size : 16px;
+	text-align: center;
+	white-space:normal;
+	padding: 5px 0;
+	color: #2b8dfc;
+	/*End padding and color and change font-size by Dhanendra on 27-04-2016*/
+}
+
+.othrrptheading
+{
+  PADDING-TOP: 8px;
+  PADDING-bottom: 8px;
+  border-bottom: 1px solid #d9d9d9;
+  border-top: 1px solid #d9d9d9;
+  PADDING-LEFT: 5PX;
+}
+
+.tooltippopuppanel
+{
+	z-index: 1;
+}
+.popupPanelLabel
+{
+	font-size: 12px;
+	/* line-height: 1.5px; */
+/* 	font-family: inherit; */
+	padding-top: 5px;
+}
+.reportLinkMargin
+{
+	margin-top: 10px;	
+}
+
+/*.scrllPnlMenuBar{
+	overflow: hidden !important;
+	position: relative;
+	width: 170px !important;
+	border: solid 1px #b4b4b4;
+	-webkit-border-radius: 4px;
+	-moz-border-radius: 4px;
+	border-radius: 4px;
+	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
+	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
+	box-shadow: 0 1px 3px rgba(0,0,0, .3);
+	background: #ddd repeat-x 0 0;
+}*/
+
+/*.popupMenuBar{
+	margin: -2px;
+	padding: 0;
+ 	position: absolute; 
+	left: 0;
+	top: 10px;
+	width: 200px;
+	
+	list-style: none;	
+	-webkit-border-radius: 4px; 
+	-moz-border-radius: 4px; 
+	border-radius: 4px; 
+background: #ddd repeat-x 0 0;
+border-radius: 4px 0 0 4px;
+border-left: solid 1px #b4b4b4;
+}*/
+
+/*.popupMenuItem{
+	width: 170px;
+	padding: 8px 20px;
+	padding: 8px 15px;
+	margin: 0;
+	color: #62412E;
+	font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
+	font-size: 12px;
+	font-weight: bold;
+	text-decoration: none;
+	text-rendering: optimizeLegibility;
+	text-shadow: 0 1px 1px rgba(0,0,0, .3);
+	
+	position: relative;
+	white-space: nowrap;
+	text-align:left;
+}*/
+
+/*.popupMenuItem:hover{
+	color: #fff !important;
+	cursor: pointer;
+	text-shadow: 0 1px 1px rgba(0,0,0, .1);
+/* 	-webkit-border-radius: 2px; */
+/* 	-moz-border-radius: 2px; */
+/* 	border-radius: 2px; 
+	background: #4EBD4A repeat-x 0 -100px !important;
+	width: 170px;
+}*/
+
+/* Added By Chetan Mahajan for Dashboard Report on 2-Jul-2015 Start*/
+.dashboardLoadingPanel
+{
+position:absolute;
+left:0px;
+top:0px;
+width:100%;
+height:100%;
+background-color: gray;
+opacity: 0.5;
+filter: alpha(opacity=50);
+z-index:999;
+text-align:center;
+vertical-align:middle;
+}
+
+.dashboardLoadingImage
+{
+/* position: absolute;
+top: 45%;
+left: 45%;
+border: 1px solid black;
+background-color: black;
+-webkit-box-shadow: 3px 2px 3px rgb(228, 228, 228);
+border-radius: 10%; */
+
+position: absolute;
+top: 45%;
+left: 42%;
+width: 205px;
+height: 150px;
+border: 1px solid black;
+background-color: black;
+border-radius: 10%;
+
+}
+
+.loadingImgPadding{
+	padding-top: 15px;
+}
+
+.datagrid-data-LayoutPanel
+{
+top: 38px !IMPORTANT;
+height: 100% !IMPORTANT;
+}
+/* Added By Chetan Mahajan for Dashboard Report on 2-Jul-2015 End*/
+/* Filter Window Css Start */
+/* Added By Chetan Mahajan on 06-Aug-15 [Merging of new component received from Birendra for CSS rules for Div container for main] Start */
+@font-face { /* declare fonts */
+/* font-family: "MuseoLight" !important; */
+src: url("fonts/Museo300-Regular.eot");
+src: local("Museo 300"), local("Museo-300"),
+url("fonts/Museo300-Regular.woff") format("woff"),
+url("fonts/Museo300-Regular.otf") format("opentype"),
+url("fonts/Museo300-Regular.svg#Museo-300") format("svg");
+}
+html, body, .container
+{
+   height: 100%;
+   min-height: 100%;
+/* font-family:'MuseoLight', sans-serif; */
+}
+td{
+/* font-family:'MuseoLight', sans-serif !important;  */
+}
+.outerChartContainer
+{
+    width:99%;
+    /* padding:0.5%; */
+    position:relative;
+    float:left;
+    margin:0.5%;
+    /* border:#999 1px solid; */
+    /* background-color:#f8f7fa; */
+	/* padding:0 10px;  */
+	-webkit-box-shadow: -1px 0px 7px 1px rgba(153,145,153,0.77);
+	-moz-box-shadow: -1px 0px 7px 1px rgba(153,145,153,0.77);
+	box-shadow: -1px 0px 7px 1px rgba(153,145,153,0.77); 
+	background-color: #fff; 
+}
+
+/* add new css as on dated:22-Sep-16 Chetan left Brendra Block */
+
+.componantTtlforAll
+{
+	font-size:3.2vmin;
+	margin-left:5px;
+	margin-top:6px;
+	font-weight:bold;
+	
+}
+
+.outerChartContainerPos1of1
+{ 	
+	/* width:98%; *//*Previous width*/
+	width:97%;/*New added width for adjusting display*/
+    /* padding:0.5%; */
+    position:relative;
+    float:left;
+   /*  margin-left:0.5%;
+    margin-right:0.5%;
+    margin-top:0.5%; */
+    /*MARGIN-TOP: 20PX;*/
+	MARGIN-LEFT: 8PX;
+    MIN-WIDTH: 300PX;
+    /* border:#999 1px solid; */
+    /* background-color:#f8f7fa; */
+	/* padding:0 10px;  */
+	/* -webkit-box-shadow: -1px 0px 7px 1px rgba(153,145,153,0.77);
+	-moz-box-shadow: -1px 0px 7px 1px rgba(153,145,153,0.77);
+	box-shadow: -1px 0px 7px 1px rgba(153,145,153,0.77);  */
+	background-color: #fff;
+    margin-bottom:8px; 
+    border : 1px solid #ccc;
+  
+	
+}
+
+.outerChartContainerPos1of1FirstChild
+{
+	width:97%;
+    position:relative;
+    margin:auto;
+	background-color: #fff;
+	-moz-box-shadow: -1px 0px 7px 1px rgba(153,145,153,0.77);
+	box-shadow: 0px 0 3px 0px rgba(153, 145, 153, 0.77);
+	PADDING-TOP: 4PX;
+	margin-top: 20px;
+    margin-bottom: 8px;
+    
+}
+.outerChartContainerPos1of1FirstPlusChild
+{
+    width:100%;
+    position:relative;    
+	background-color: #fff;
+	-moz-box-shadow: -1px 0px 7px 1px rgba(153,145,153,0.77);
+	box-shadow: 0px 0 3px 0px rgba(153, 145, 153, 0.77);
+	PADDING-TOP: 4PX;
+	margin-top: 10px;    
+    
+}
+
+.outerChartContainerPos1of1_e12Browser_notused_currently
+{
+width:97.5%;
+/* padding:0.5%; */
+position:relative;
+/* margin:0.5%; */
+MARGIN-TOP: 20PX;
+MARGIN-LEFT: 20PX;
+MIN-WIDTH: 300PX;
+/* border:#999 1px solid; */
+/* background-color:#f8f7fa; */
+/* padding:0 10px; */
+-webkit-box-shadow: -1px 0px 7px 1px rgba(153,145,153,0.77);
+-moz-box-shadow: -1px 0px 7px 1px rgba(153,145,153,0.77);
+box-shadow: -1px 0px 7px 1px rgba(153,145,153,0.77);
+background-color: #fff;
+float: left;
+
+}
+
+/* end new css chetan left */
+.outerChartContainerPos1of2
+{
+      /* width:48%; */
+    width:46%;
+    /* padding:0.5%; */
+    position:relative;
+    float:left;
+    /* margin:0.5%; */
+    /*MARGIN-TOP: 10PX;*/
+	MARGIN-LEFT: 8PX;
+	MIN-WIDTH: 300PX;
+    /* border:#999 1px solid; */
+    /* background-color:#f8f7fa; */
+	/* padding:0 10px;  */
+	/*Shadow comment on date and add border 1px solid #ccc 22-02-17 by Dhanendra */
+	/* -webkit-box-shadow: -1px 0px 7px 1px rgba(153,145,153,0.77);
+	-moz-box-shadow: -1px 0px 7px 1px rgba(153,145,153,0.77);
+	box-shadow: -1px 0px 7px 1px rgba(153,145,153,0.77);  */
+	background-color: #fff; 
+	/* margin-left:1%;
+	margin-right:1% */
+	margin-bottom: 8px; 
+	border : 1px solid #ccc;
+}
+.outerChartContainerPos1of3
+{
+    width:31%;
+    /* padding:0.5%; */
+    position:relative;
+    float:left;
+   /*  margin:0.5%; */
+    /* border:#999 1px solid; */
+    /* background-color:#f8f7fa; */
+	/* padding:0 10px;  */
+	-webkit-box-shadow: -1px 0px 7px 1px rgba(153,145,153,0.77);
+	-moz-box-shadow: -1px 0px 7px 1px rgba(153,145,153,0.77);
+	box-shadow: -1px 0px 7px 1px rgba(153,145,153,0.77); 
+	background-color: #fff; 
+	/* margin-left:1%;
+	margin-right:1%; */
+	/*MARGIN-TOP: 8PX;*/
+	MARGIN-LEFT: 8PX;
+	MIN-WIDTH: 300PX;
+	margin-bottom: 8px;
+}
+.chartContainerHead
+{
+	width: 99%;
+	height: 2%;
+	font-size: 16px;
+	/* padding: 10px 0; */
+	font-family:'MuseoLight', sans-serif;
+	font-weight: normal;
+	text-align: left;
+	/*border-bottom:1px solid #f0f0f0;  commented by varsha v for removing bottom border of component head*/
+	margin:5px;
+	padding:0 0 7px 0;
+}
+.chartContainerGridHead
+{
+	width: 99%;
+	height: 2%;
+	font-size: 16px;
+	/* padding: 10px 0; */
+/* 	font-family:'MuseoLight', sans-serif; */
+	font-weight: normal;
+	text-align: left;
+	margin:5px;
+	padding:3px 0;
+}
+.complianceLable
+{
+	cursor:pointer;
+	color: #5893bf;
+/* 	font-family:MuseoLight; */
+	font-size: 14px;
+	background: #ffffff;
+	margin-right: 5px;
+}
+.componantTtlImg
+{
+	background: #707070;
+    border-radius: 50%;
+    margin-left: 5px;
+    padding: 2px;
+}
+.componantTtl
+{
+	margin-left: 5px;
+	margin-top: 6px;
+	font-size: 16px;
+}
+.lableImg
+{
+	cursor: pointer;
+}
+.refreshDatePanel
+{
+	margin-top: 3px;
+	margin-right: 5px;
+}
+.refreshDateTime
+{
+	font-size:12px; 
+	text-align:right; 
+	color:#999;
+	margin-top: -3px; /* Added by varsha v. for css*/
+	margin-left: 5px;
+}
+.mainPanel
+{
+	width:100%
+}
+.Pos1of3 {
+    float: left;
+    width: 32%;
+    height: 45%;
+    padding: 5px;
+	
+}
+.Pos1of4 {
+    float: left;
+    width: 24%;
+    height: 45%;
+    padding: 5px;
+	
+}
+.Pos2of3 {
+    float: left;
+    width: 33.33%;
+    height: 45%;
+}
+.Pos3of3 {
+    float: right;
+    width: 33.33%;
+    height: 45%;
+    background-color: green;
+}
+.Pos1of2 {
+    float: left;
+    width: 49.2%;
+    height: 50%;
+    padding :5px;
+
+}
+
+.Pos2of2 {
+    float: right;
+    width: 50%;
+    height: 50%;
+    background-color: red;
+}
+.Pos1of1 {
+    float: right;
+    width: 99%;
+    padding: 5px;
+}
+.PosFullScreen {
+    float: right;
+    width: 100%;
+    height: 100%;
+}	
+.designationLable
+{
+	color: #666;
+	font-size: 12px;
+}
+/* Added By Chetan Mahajan on 06-Aug-15 [Merging of new component received from Birendra for CSS rules for Div container for main] End */
+
+/* Added By Chetan Mahajan on 10-Aug-15 [Merging of new component received from Birendra for CSS rules for Card view And smart filter] Start */
+  #smartFilterMainOuterDiv
+{
+   border-radius: 3px;
+  /*  border: 1px solid lightgray; */
+   left: auto !important;
+   right: 15px;
+   top: 300px;
+   z-index: 20;
+   background: none repeat scroll 0% 0% #FFF;
+   /* box-shadow: 1px 3px 6px 3px rgba(142,142,142,.25); */
+   padding: 0px;
+   margin: 0px;
+   
+}
+/*end */
+
+.flexCSSFrame
+{
+	width: 99%;
+}
+
+.dataHeader
+{
+/* 	font-family:'MuseoLight', sans-serif; */
+	font-size: 14px;
+}
+.excelExportImg
+{
+	border: none;
+	background: none;
+}
+a:visited 
+{
+	color: #5893bf !important;
+}
+.close {
+/*font-family: Arial, Helvetica, sans-serif; */
+  font-size: large;
+  background: #606061;
+  color: #fff;
+  line-height: 25px;
+  position: absolute;
+  left: -12px;
+  text-align: center;
+  top: -10px;
+  width: 24px;
+  text-decoration: none;
+  font-weight: bold;
+  -webkit-border-radius: 12px;
+  -moz-border-radius: 12px;
+  border-radius: 12px;
+  -moz-box-shadow: 1px 1px 3px #000;
+  -webkit-box-shadow: 1px 1px 3px #000;
+  box-shadow: 1px 1px 3px #000;
+  cursor: pointer;
+}
+/* .button{
+ border: 1px solid #E7E7E7;
+ border-radius: 2px;
+ -moz-border-radius: 2px;
+ -webkit-border-radius: 2px;
+ -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
+ -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
+ color: #333;
+ height: 22px;
+ font-family: 'MuseoLight-300', sans-serif;
+ font-size: 12px;
+ background-color: #e7e7e7;
+ cursor: pointer;
+ 
+}
+button
+{
+  font-family: 'MuseoLight-300', sans-serif !important;	
+}
+
+.button:hover
+ {
+ border: 1px solid #E7E7E7 !important;
+ background-color: #e7e7e7 !important;
+ color: #000 !important;
+ -moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.5) !important;
+ -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.5) !important;
+ box-shadow: 0 2px 1px rgba(0, 0, 0, 0.5) !important;
+ text-shadow: none;
+}
+
+.button:active
+ {
+ text-shadow: none;
+ background-color: #d6d6d6 !important;
+ color: #000 !important;
+ -moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.5) !important;
+ -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.5) !important;
+ box-shadow: 0 2px 1px rgba(0, 0, 0, 0.5) !important;
+ border: 1px solid #E7E7E7 !important;
+}
+
+.button:disabled
+ {
+text-shadow: none;
+background-color: #f3f1f1 !important;
+color: #999; !important;
+} */
+.centerPanel
+{
+	margin: 0 auto;
+}
+
+.cardVPnl {
+	 /*Comment padding by Dhanendra on Date 12-04-2016*/
+       /* padding: 2px; */
+       cellspacing: 15px;
+       background-color: white;
+       width: 100%;
+       cellspacing: 10;
+       /* border: 1px solid lightgray;
+       border-radius: 2px; */
+}
+
+.cardScrlPnl {
+       /*height: 300px; commented by varsha for scollpanel height*/
+       width: 100%;
+       padding: 0px;
+       cellspacing: 10px;
+       background-color: white;
+       /* border: 1px solid lightgray; 
+       border-radius: 2px;*/
+}
+
+.cardhorizontalPnl
+{
+	position: relative;
+	background-color: #FFF;
+	/*comment by dhanendra on date 13-04-2016*/
+	/* border-bottom: 1px solid #CCC; */
+	width: 100%;
+	
+}
+/* Added By Chetan Mahajan on 10-Aug-15 [Merging of new component received from Birendra for CSS rules for Card view And smart filter] End */
+
+/*Added By Chetan Mahajan on Date 03-09-15 [For CSS for SmartFilter ] Start*/
+.outerChartContainerSmtFltr1of1
+{
+    width:77%;
+    position:relative;
+    MARGIN-TOP: 20PX;
+	MARGIN-LEFT: 20PX;
+    MIN-WIDTH: 300PX;
+    -webkit-box-shadow: -1px 0px 7px 1px rgba(153,145,153,0.77);
+	-moz-box-shadow: -1px 0px 7px 1px rgba(153,145,153,0.77);
+	box-shadow: -1px 0px 7px 1px rgba(153,145,153,0.77); 
+	background-color: #fff;
+	float: left;
+	 
+}
+
+.filterScrolPnl
+{            
+	height: 200px;
+	width: 190px;
+	padding: 0px;
+	cellspacing: 0px;
+	background-color: white;
+	border: 1px solid lightgray;
+	border-radius: 2px;
+	max-height: 240px;
+	min-height: 200px;
+}
+
+.outerVPanel
+{
+	padding-left: 10px;
+	padding-top:  10px;
+}
+
+.flexTable
+{
+	background-color: white;
+	font-size: small;
+/* 	font-family:'MuseoLight', sans-serif; */
+}
+
+.flexTable td {
+	border: 0px solid #BBBBBB;
+	padding: 3px;
+	cellspacing: 0px;
+	cellpadding: 0px;
+	width: 20em;
+}
+.flexTable tr:HOVER
+{
+	background-color:#0099FF; 
+}
+.panelLabelPadding
+{
+	padding: 6px 2px 6px 2px;
+}
+.cardComponantTtl
+{
+	margin-left: 5px;
+	margin-top: 6px;
+	font-size: 16px;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	overflow: hidden;
+	/* width: 160px; */
+	/*change width 160px to auto by Dhanendra on date 14-04-2016*/
+	width: auto;
+	display: block;
+}
+.graphComponantTtl
+{
+	margin-left: 5px;
+	margin-top: 6px;
+	font-size: 16px;
+	white-space: nowrap;
+	/* text-overflow: ellipsis;
+	overflow: hidden;
+	width: 154px; */
+	display: block;
+}
+.complaincePopupPnl
+{
+	z-index: 1;
+	background-color: white;
+}
+
+.complainceFramePadding
+{
+	padding-right: 20px;
+}
+.
+
+.chcOuterChartContainer1of1
+{
+    width:98%;
+    position:relative;
+    MIN-WIDTH: 300PX;
+    -webkit-box-shadow: -1px 0px 7px 1px rgba(153,145,153,0.77);
+	-moz-box-shadow: -1px 0px 7px 1px rgba(153,145,153,0.77);
+	box-shadow: -1px 0px 7px 1px rgba(153,145,153,0.77); 
+	background-color: #fff;
+	float: left;
+	margin: 14px;
+}
+.chc-gwt-ScrollTable
+{
+	border-color: #aaa !important
+  	border-style: none !important;
+  	border-width: 1px 0px 1px 1px !important;
+}
+.chc-e12Pager{
+	position: relative;
+	/* top: -18px; */	
+	left: 4px;
+	border-width: 1px;
+	border-style: solid;
+	border-color: #dbdbdb #d2d2d2 #ccc;
+	border-radius: 0px 0px 5px 5px;
+	background: #f4f4f4;
+	width: 100%;
+	height: 30px;
+}
+.chc-componantTtl
+{
+	font-size: 2.5vmin;
+	margin-left: 5px;
+	margin-top: 6px;
+	font-weight: bold;
+	/* font-size: 16px; */
+}
+.chc-graphComponantTtl
+{
+	font-size: 2.5vmin;
+	/* font-size: 16px; */
+	margin-left: 5px;
+	margin-top: 6px;
+	font-weight: bold;
+	/* display: block; */
+	/* width: 250px; */
+	/* white-space: nowrap; */
+	/* font-size: 16px; */
+	/* text-overflow: ellipsis;
+	overflow: hidden;
+	width: 154px; */
+	
+}
+/*Added By Chetan Mahajan on Date 29-FEB-2016 [For Dashboard report for CHC ] End*/
+
+/*Add code for Card New format by Dhanendra on Date 01-04-2016*/
+.cardSqrLbl
+{
+	text-align:right;
+	padding-right:3px;
+	width : 16%;
+}
+
+.cardProdLbl
+{
+	text-align:right;
+	padding-right:5px;
+	
+}
+
+.cardSqrProdVal
+{
+	text-align:center;
+	border-radius:3px;
+	color: #fff;
+	width:100px;
+	padding: 4px;
+	font-weight: normal;
+}
+.cardSqrVal
+{
+	text-align:center;
+	border-radius:3px;
+	color: #fff;
+	width:20%;
+	margin-right:20px;
+	padding: 4px;
+	font-weight: normal;
+}
+.cardProdImg
+{
+	border-radius: 50%;
+    /* margin-left: 5px; */
+    padding: 2px;
+    width: 25px;
+    height: 25px;
+}
+.defaultUserImg
+{
+	height: 25px;
+	width: 25px;
+	border-radius: 50%;
+	background: gray;
+	padding: 2px;
+	text-align: center;
+	color: white;
+	padding-top: 2px;
+}
+.cardSalesPersonTitle
+{
+	height: 25px;
+	background-color: #f0eff5;
+	color:white;
+	width:2%;
+}
+.cardMTDLbl
+{
+	text-align:right;
+	padding-right:3px;
+	width : 24%;
+}
+.cardMTDVal
+{
+	text-align:center;
+	border-radius:3px;
+	color: #fff;
+	width:34%;
+	margin-right:20px;
+	padding: 4px;
+	font-weight: normal;
+}
+.cardTable
+{
+	cursor: pointer;
+}
+.cardNoDataLbl
+{
+	text-align: center;
+}
+/*End code for Card new format by Dhanendra on Date 01-04-2016*/
+
+.closeButtonStyle
+{
+	height: 24px;
+	width: 24px;
+	color: #fff;
+	line-height: 25px;
+	border-radius: 12px;
+	box-shadow: 1px 1px 3px #000;
+	cursor: pointer;
+	text-align: center;
+	font-weight: bold;
+	background: #606061
+}
+
+/*changes on dated :03042017  css for dispay summary total value on component title panel*/
+.titleValLabel
+{
+	padding: 5px;
+	margin-left: 5px;
+	font-size: 21px;
+}
+.refrshIcon
+{
+	height: 14px;
+	width: 14px;
+	margin-left: 5px;
+}
+.titleValINRLabel
+{
+	color: #999;
+	margin-top: 46%;
+	font-size: 10px;
+	margin-right: 5px;
+}
+.titleValPanel
+{
+	float: right;
+}
+
+/*End css for dispay summary total value on component title panel*/
+
+/* Added by Varsha on 5April 2017*/
+.cardContainer1of3
+{
+	width: 31.5%;
+	position: relative;
+	float: left;
+	MARGIN-TOP: 15PX;
+	MARGIN-LEFT: 15PX;
+	-webkit-box-shadow: -1px 0px 7px 1px rgba(153,145,153,0.77);
+	-moz-box-shadow: -1px 0px 7px 1px rgba(153,145,153,0.77);
+	box-shadow: -1px 0px 7px 1px rgba(153,145,153,0.77);
+	background-color: #fff;
+	MIN-WIDTH: 309PX;
+	overflow-y:hidden;
+	margin-bottom: 15px;
+	
+}
+
+.outerChartContainerPos1of1drilldown
+{
+    /* width:97.5%; */
+    width:94%;
+    position:relative;
+    MARGIN-TOP: -13PX;
+	MARGIN-LEFT: 20PX;
+    MIN-WIDTH: 300PX;
+    background-color: #fff;
+	float: left;
+	margin-bottom: 8px; 
+	border : 1px solid #F7F8FA;
+	/* Changed by varsha for drilldown chart container*/
+	box-shadow: 0px 0px 5px rgba(0, 0, 0, .15);
+	/*padding: 15px;*/
+	background: #F7F8FA;
+}
+.outerChartContainerDrillDown
+{
+	/* width:97.5%; */
+	width:94%;
+    position:relative;
+    float:left;
+    background-color: #fff; 
+	MARGIN-TOP: -13PX;
+	MARGIN-LEFT: 8PX;
+	margin-bottom: 8px; 
+	border : 1px solid #8bc3fb;
+}
+.outerChartContainerSmtFltr1of1drilldown
+{
+    width:67%;
+    position:relative;
+    MARGIN-TOP: -10PX;
+	MARGIN-LEFT: 20PX;
+    MIN-WIDTH: 300PX;
+    background-color: #fff;
+	float: left;
+	margin-bottom: 15px;  
+	border : 1px solid #8bc3fb;
+}
+.userImageChar
+{
+	padding-top: 5px;
+	text-align: center;
+	color: #878787;
+}
+/*End css class for drill down level dashboard for change border color by dhanendra on date 01-03-2017*/
+
+.viewIcon
+{
+	height: 18px;
+	width: 25px;
+	cursor: pointer;
+	margin-top: 7px;
+}
+.imgalignment
+{
+	margin-left: 20px;
+	cursor: pointer;
+}
+
+.popHelpLabelNoData
+	{
+		
+		font-size : small;
+		text-align: center; 
+		
+	}
+
+/* Added by Varsha on 5 April 2017*/
+
+.line 
+{
+    display: inline-block;
+	position: relative;
+	top: -7px;
+    width:97.5%;
+    
+}
+.line:after {
+    content: '';
+	display: block;  
+	position: absolute;
+	left: 48%;
+	bottom: 100%;
+	width: 0;
+	height: 0;
+	border-bottom: 20px solid #F7F8FA;
+	border-top: 12px solid transparent;
+	border-left: 25px solid transparent;
+	border-right: 25px solid transparent;
+    
+}
+/* Added by Varsha on 17 August 2017 for tree developement*/
+.defaultUserImg1
+{
+	height: 27px;
+	width: 27px;
+	border-radius: 50%;
+	background: gray;
+	padding: 2px;
+	text-align: center;
+	color: white;
+	padding-top: 5px;
+	display: table;
+}
+
+.gwtTree
+{
+  overflow: auto;
+  position: relative;
+  zoom: 1;
+}
+.tblHeaderLeft
+{
+font-size: 12px;
+font-weight: 600;
+padding-left: 10px;
+/*text-shadow: #ddf 1px 1px 0;*/
+text-align: left;
+width: 20%;
+}
+
+.tblHeaderRight
+{
+font-size: 12px;
+font-weight: 600;
+padding-right: 8px;
+/*text-shadow: #ddf 1px 1px 0;*/
+text-align: right;
+width: 40%;
+}
+
+.tdCardPadding
+{
+    padding-left: 10px;
+    padding-right: 8px;
+}
+
+.removeHyperlink
+{
+    color: black !important;
+    text-decoration: none !important;
+}
+
+.removeHyperlink:hover, .removeHyperlink:visited:hover
+{
+    color: black !important;
+}
+
+.removeHyperlink:visited
+{
+    color: black !important;
+}
+
+.cardProdImg2
+{
+    border-radius: 50%;
+    margin-left: 3px;
+    padding: 2px;
+    width: 25px;
+    height: 25px;
+    background-color: #CCC;
+}
+.tdMousehover{
+	background-color: #fff;
+}
+.tdMousehover:hover{
+ 	background-color: #89ccff !important;
+}
+.tdMousehover table tr.row:hover td{
+	color:#fff !important;
+}
+table.mtBorderWhite {
+			border-width: 1px;
+			border-spacing: 0px;
+			border-style: solid;
+			border-color: #fff;
+			border-collapse: collapse;
+			line-height: 25px;
+			background-color: white;
+		}
+.removeBorderForGrid
+{
+    border-left: none !important;
+    border-right: none !important;
+    line-height: 30px !important;
+    padding-right: 25px !important;
+    border-bottom: 1px solid #E8E8E8 !important;
+}
+
+/*By varsha to removed left right border*/
+thead#removeBorderGrid > tr > th {
+	border-right: none !important;
+	border-left: none !important;
+	line-height: 28px !important;
+	border-bottom: 1px solid #E8E8E8 !important;
+}
+
+tbody#removeBorderGrid > tr > td {
+	border-right: none !important;
+	border-left: none !important;
+	line-height: 28px !important;
+	border-bottom: 1px solid #E8E8E8 !important;
+}
+/* Ended by varsha v. to add 1of2 css, header, td text css for card*/
+
+/* Ended by Varsha on 17 August 2017 for tree developement*/
+/*Added by Vinay For Card Type Dashboard applicable for browser & mobile*/
+.defaultIconTitle {
+   color:#000;
+ }  
+.defaultIconImage
+{
+    height: 15px;
+    width: 23px;
+    border-radius: 50%;
+    background: #CCC;
+    padding: 7px 4px;
+    margin: 3px 0px 3px 3px;
+    text-align: center;
+    color: white;
+    padding-top: 7px;
+    display: inline-block;
+        
+}
+.defaultIconSubTitle
+ {
+    color:#787878;
+        /* added by vinay bhosale for applying  css forsubtitle in card*/
+    font-size:12px;
+    padding-right: 5px;
+    /* added by vinay bhosale for applying  css forsubtitle in card*/
+ }
+ .defaultTitle
+  {    
+    font-weight:bold;
+    color:#787878;
+    font-size:13px;
+    padding:8px;
+    text-align: left;
+  }
+
+/*Ended by Vinay For Card Type Dashboard applicable for browser & mobile*/
+/*Added by Varsha For jsonforgraph is null in case of amcharts mobile*/
+ .noDataFound
+ {
+    height: 300px;
+    vertical-align: middle;
+    text-align: center;
+    opacity: 0.5;
+ }
+/*Added by Vinay Bhosale For alignment*/ 
+  #truncateText{
+    width:75%;
+    overflow:hidden;
+    text-overflow:ellipsis;
+    white-space:nowrap;
+  }
+ /*Ended by Varsha For jsonforgraph is null in case of amcharts mobile*/
+ 
+ 
+ 
+ 
+ 
+ /*added by mrunalini sinkar for browser report(start)*/
+ 
+ .plantblHeaderLeft
+{
+font-size: 14px;
+font-weight: 600;
+padding-left: 10px;
+text-align: left;
+width: 20%;
+white-space: nowrap;
+text-overflow: ellipsis;
+}
+
+.plantblHeaderRight
+{
+font-size: 14px;
+font-weight: 600;
+padding-right: 8px;
+text-align: right;
+width: 40%;
+white-space: nowrap;
+text-overflow: ellipsis;
+}
+.tblHeaderMarkerLeft
+{
+font-size: 14px;
+font-weight: 600;
+padding-left: 10px;
+text-align: left;
+width: 20%;
+white-space: nowrap;
+text-overflow: ellipsis;
+}
+
+.tblHeaderMarkerRight
+{
+font-size: 14px;
+font-weight: 600;
+padding-right: 8px;
+text-align: right;
+width: 40%;
+white-space: nowrap;
+text-overflow: ellipsis;
+}
+.tblHeaderDoctorLeft
+{
+font-size: 14px;
+font-weight: 600;
+padding-left: 10px;
+text-align: left;
+white-space: nowrap;
+text-overflow: ellipsis;
+}
+
+
+.noWrapping
+{
+  white-space: nowrap;
+}
+
+
+.trCardSwip
+{
+  border-bottom: 1px solid #e8e8e8;
+  font-weight: 600;
+}
+
+
+/*added by mrunalini sinkar for browser report(end)*/
+
+ /*added by nilesh for camp_plan (start)*/
+
+.tdmonth{
+	 border-left: none;
+    border-right: none;
+    border-top: none;
+   /*  border-bottom: 1px solid #518bf7; */
+    width: 45px;
+	cursor:pointer;
+	background: transparent;
+	color:#518bf7;
+	text-decoration:underline;
+}
+.mBorder{
+	
+	border-collapse: collapse;
+    background-color: white;
+}
+.defaultUserImg 
+{
+border: 1px solid #e3e3e3;
+COLOR: WHITE;
+background-color: #CCC;
+width: 36PX;
+height: 36PX;
+border-radius: 50%;
+text-align: center;
+line-height: 37px;
+vertical-align: middle;
+padding: 0px;
+display: inline-block;
+}
+.cardprod{
+	border-radius: 50%;
+    margin-left: 3px;
+    padding: 8px 4px;
+    width: 26px;
+    height: 27px;
+    background-color: #CCC;
+    text-align: center;
+   
+}
+.arrow-down {
+	margin-bottom: 5px;
+   	width: 0;
+    height: 0;
+    /* border-left: 10px solid transparent; */
+    border-right: 6px solid transparent;
+    border-bottom: 6px solid #F9AC0F;
+    vertical-align: bottom;
+    BORDER-RADIUS: 100%;
+    
+   
+   
+}
+.arrow-downsummary
+{
+	margin-bottom: 5px;
+   	width: 0;
+    height: 0;
+    /* border-left: 10px solid transparent; */
+    border-right: 6px solid transparent;
+    border-bottom: 6px solid #F9AC0F;
+    vertical-align: bottom;
+    BORDER-RADIUS: 100%;
+	
+}
+.arrow-down1 {
+   margin-bottom: 5px;
+   	width: 0;
+    height: 0;
+    /* border-left: 10px solid transparent; */
+    border-right: 6px solid transparent;
+    border-bottom: 6px solid #F9AC0F;
+    vertical-align: bottom;
+    BORDER-RADIUS: 100%;
+    
+}
+.arrow-downmonthsummary {
+   margin-bottom: 5px;
+   	width: 0;
+    height: 0;
+    /* border-left: 10px solid transparent; */
+    border-right: 6px solid transparent;
+    border-bottom: 6px solid #F9AC0F;
+    vertical-align: bottom;
+    BORDER-RADIUS: 100%;
+    
+}
+.arrow-downsummarybrand {
+   margin-bottom: 5px;
+   	width: 0;
+    height: 0;
+    /* border-left: 10px solid transparent; */
+    border-right: 6px solid transparent;
+    border-bottom: 6px solid #F9AC0F;
+    vertical-align: bottom;
+    BORDER-RADIUS: 100%;
+    
+}
+.arrow-downsummarymaker {
+   margin-bottom: 5px;
+   	width: 0;
+    height: 0;
+    /* border-left: 10px solid transparent; */
+    border-right: 6px solid transparent;
+    border-bottom: 6px solid #F9AC0F;
+    vertical-align: bottom;
+    BORDER-RADIUS: 100%;
+    
+}
+.arrow-downsummarydoctor {
+   margin-bottom: 5px;
+   	width: 0;
+    height: 0;
+    /* border-left: 10px solid transparent; */
+    border-right: 6px solid transparent;
+    border-bottom: 6px solid #F9AC0F;
+    vertical-align: bottom;
+    BORDER-RADIUS: 100%;
+    
+}
+.arrow-downbrand {
+   margin-bottom: 5px;
+   	width: 0;
+    height: 0;
+    /* border-left: 10px solid transparent; */
+    border-right: 6px solid transparent;
+    border-bottom: 6px solid #F9AC0F;
+    vertical-align: bottom;
+    BORDER-RADIUS: 100%;
+    
+}
+.arrow-downmaker {
+   margin-bottom: 5px;
+   	width: 0;
+    height: 0;
+    /* border-left: 10px solid transparent; */
+    border-right: 6px solid transparent;
+    border-bottom: 6px solid #F9AC0F;
+    vertical-align: bottom;
+    BORDER-RADIUS: 100%;
+    
+}
+.arrow-downdoctor {
+   margin-bottom: 5px;
+   	width: 0;
+    height: 0;
+    /* border-left: 10px solid transparent; */
+    border-right: 6px solid transparent;
+    border-bottom: 6px solid #F9AC0F;
+    vertical-align: bottom;
+    BORDER-RADIUS: 100%;
+    
+}
+.imgcontain
+{
+	 padding: 0 8px;
+	
+}
+.active
+{
+	background:#f3f3f3;
+	border-bottom: 1px solid #F3F3F3;
+	
+}
+
+.leftArrow {
+	font-size: 20px;
+    height: 30px;
+    padding-top: 5px;
+    width: 28px;
+    text-align: -webkit-center;
+    position: absolute;
+    left: 12px;
+    top: 91px;
+    background-color: #E8E8E8;
+    opacity: 0.8;
+    border-radius: 50%;
+    cursor: pointer;
+}
+
+.rightArrow 
+{
+	font-size: 20px;
+    height: 30px;
+    padding-top: 5px;
+    width: 28px;
+    text-align: -webkit-center;
+    position: absolute;
+    right: 9px;
+    top: 91px;
+    background-color: #E8E8E8;
+    opacity: 0.8;
+    border-radius: 50%;
+    cursor: pointer;
+}
+.tableAni 
+{
+	transition: transform 200ms;
+}
+.activemonth
+{
+	background:#f3f3f3;
+	/* border-bottom: 1px solid #F3F3F3; */
+	
+}
+.scrollable{
+	
+	overflow:auto; /*This is what causes the problem on touchscreen devices*/
+	padding:5px 5px 0px 5px;
+}
+.scroll
+{
+	    overflow-x: auto;
+	    display: inline-grid;
+    	
+}
+.truncate
+{
+	line-height: 2;
+	font-size: 9px;
+	margin-left: 2px;
+    margin-right: 2px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    width: 60px;
+}
+.divsize{
+
+margin-right: 20px;
+
+}
+.brandactive{
+	background:#f3f3f3;
+	border-bottom: 1px solid #F3F3F3;
+	
+}
+.brandactivemonth{
+	background:#f3f3f3;
+/* 	border-bottom: 1px solid #F3F3F3; */
+	
+}
+.arrow-downbrand
+{
+	
+	margin-bottom: 5px;
+   	width: 0;
+    height: 0;
+    /* border-left: 10px solid transparent; */
+    border-right: 6px solid transparent;
+    border-bottom: 6px solid #F9AC0F;
+    vertical-align: bottom;
+    BORDER-RADIUS: 100%;
+    
+	
+	
+}
+.branddiv
+{
+	line-height: 35px;
+    width: 96%;
+    border-radius: 6px;
+    margin-bottom: 2%;
+    background-color: #fff;
+    margin-left: 2%;
+    margin-right: 2%;
+}
+
+/*  Maker */
+
+
+.makeractive{
+	background:#f3f3f3;
+	border-bottom: 1px solid #F3F3F3;
+	
+}
+.makeractivemonth{
+	background:#f3f3f3;
+	/* border-bottom: 1px solid #F3F3F3; */
+	
+}
+.arrow-downmaker
+{
+	
+	margin-bottom: 5px;
+   	width: 0;
+    height: 0;
+    /* border-left: 10px solid transparent; */
+    border-right: 6px solid transparent;
+    border-bottom: 6px solid #F9AC0F;
+    vertical-align: bottom;
+    BORDER-RADIUS: 100%;
+    
+	
+}
+
+/* doctor */
+
+.doctoractive{
+	background:#f3f3f3;
+	border-bottom: 1px solid #F3F3F3;
+	
+}
+.doctoractivemonth{
+	background:#f3f3f3;
+	/* border-bottom: 1px solid #F3F3F3; */
+	
+}
+.arrow-downdoctor
+{
+	
+	margin-bottom: 5px;
+   	width: 0;
+    height: 0;
+    /* border-left: 10px solid transparent; */
+    border-right: 6px solid transparent;
+    border-bottom: 6px solid #F9AC0F;
+    vertical-align: bottom;
+    BORDER-RADIUS: 100%;
+    
+	
+}
+
+
+/*  plus sign */
+
+.attachmentUpload 
+ {
+ position: absolute;
+ width: 92%;
+ background:white;
+ height: 90%;
+ z-index: 999;
+ left: 4%;
+ top: 5%;
+ right: 3%;
+ }
+ 
+ .close {
+ font-family:
+ Arial, Helvetica, sans-serif;
+ font-size: large;
+ background: #606061;
+ color: #fff;
+ line-height: 25px;
+ position: absolute;
+ left: -12px;
+ text-align: center;
+ top: -10px;
+ width: 24px;
+ text-decoration: none;
+ font-weight: bold;
+ -webkit-border-radius: 12px;
+ -moz-border-radius:
+ 12px;
+ border-radius: 12px;
+ -moz-box-shadow: 1px 1px 3px #000;
+ -webkit-box-shadow: 1px 1px 3px #000;
+ box-shadow: 1px 1px 3px #000;
+ cursor: pointer;
+ }
+ 
+ .close:hover {
+ background: #00d9ff;
+ }
+ summary 
+ {
+ padding: 8px;
+ margin-top: 7px;
+ font-weight: 600;
+ border-top: 1px solid lightgray;
+ }
+
+
+ 
+ summary::-webkit-details-marker {display: none}
+ summary:before{/*border-radius: 5px; */content: "+"; color: #000;
+ display: block; float: right; font-size: 16px; font-weight: normal;
+ /*margin: -2px 10px 0 10px;*/ padding: 0; text-align: center;
+ width: 20px;}
+ details[open] summary:before {content: "-";
+ /*margin-top: -4px;*/
+ margin-left:-5px;}
+ p {font-size: 12px;
+ margin-left:-5px;}
+ 
+ /* Refresh */
+ 
+ .refreshIcon 
+ {
+display: block;
+height: 12px;
+width: 12px;
+margin-left: 5px;
+}
+.circleorange
+{
+	    border: 1px solid #F9AC0F;
+}
+
+/*  23-10-17 */
+
+.tblHeaderbrandLeft
+{
+	font-size: 14px;
+    font-weight: 600;
+    padding-left: 10px;
+    text-align: left;
+    white-space: nowrap;
+	text-overflow: ellipsis;
+}
+.tblHeaderbrandRight
+{
+	font-size: 14px;
+    font-weight: 600;
+    padding-right: 5px;
+    text-align: right;
+    white-space: nowrap;
+	text-overflow: ellipsis;
+    
+}
+  /*added by nilesh for camp_plan (end)*/
+ 
+ 
\ No newline at end of file

webitm-dashboard/GWT-Component/war/GwtDashboardPage.css

@@ -2312,3 +2312,33 @@ thead#removeBorderGrid > tr > th {
   }
 
 /*Ended by Vinay For Card Type Dashboard applicable for browser & mobile*/
+/*added by mrunalini sinkar for browser report(start)*/
+.noWrapping
+{
+  white-space: nowrap;
+}
+.trCardPadding
+{
+  border-bottom: 1px solid #e8e8e8;
+  border-top: 1px solid #e8e8e8
+  
+}
+
+.trCardSwip
+{
+  border-bottom: 1px solid #e8e8e8;
+  font-weight: 600;
+}
+
+.tdstyle {
+border-left: none;
+border-right: none;
+border-top: none;
+border-bottom: 1px solid #518bf7;
+width: 45px;
+cursor: pointer;
+background: transparent;
+color: #518bf7;
+}
+
+/*added by mrunalini sinkar for browser report(end)*/
\ No newline at end of file

webitm-dashboard/GWT-Component/war/GwtDashboardPage.html

@@ -6,6 +6,11 @@
 <link type="text/css" rel="stylesheet" href="GwtDashboardPage.css">
 <link type="text/css" rel="stylesheet" href="circle.css">
 
+<!-- Nilesh for only mobile Camp_plan -->
+<link type="text/css" rel="stylesheet" href="GwtDashboardMobilePage.css"> 
+<script src="FusionChart/js/Camp_trackReport.js" type="text/javascript"></script>
+<!-- Nilesh for only mobile Camp_plan -->
+
 <!--Start Import for Bubble Chart using chart.js API By Dhanendra on date 16-01-2017-->
 <script type="text/javascript" language="javascript" src="FusionChart/js/BubbleChart.js"></script>
 <script type="text/javascript" language="javascript" src="FusionChart/js/Chart.js"></script>

webitm-dashboard/GWT-Component/war/jsp/ExcelExportMobile.jsp

+<%@ page import="java.io.*" %>
+<%-- <%@ page language="java" contentType="text/excel; charset=ISO-8859-1"
+pageEncoding="ISO-8859-1"%> --%>
+<%@ page language="java" contentType="text/html; charset=UTF-8"
+pageEncoding="UTF-8"%>
+<!-- <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> -->
+<%
+System.out.println("@@@@@@@@@ In mobile exportjsp.jsp @@@@@@@@@@@@@@@@");
+String path = request.getParameter("data");
+System.out.print( "exportjsp : ["+ path +"]");
+
+path = path.substring(path.indexOf( "/dump" ));
+
+System.out.print( "path saftt : ["+ path +"]");
+%>
+<html>
+<body>
+<iframe src="/ibase/<%= path%>" ></iframe>
+</body>
+</html>
+