@charset "UTF-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
@font-face {
  font-family: 'OpenSans-Light';
  src: url('OpenSans-Light.eot?#iefix') format('embedded-opentype'),  url('OpenSans-Light.ttf')  format('truetype'), url('OpenSans-Light.svg#Calibri') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans-Bold';
  src: url('OpenSans-Bold.eot?#iefix') format('embedded-opentype'),  url('OpenSans-Bold.ttf')  format('truetype'), url('OpenSans-Bold.svg#Calibri') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans-Regular';
  src: url('OpenSans-Regular.eot?#iefix') format('embedded-opentype'),url('OpenSans-Regular.ttf')  format('truetype'), url('OpenSans-Regular.svg#Calibri') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Viga-Regular';
  src: url('Viga-Regular.eot?#iefix') format('embedded-opentype'), url('Viga-Regular.ttf')  format('truetype'), url('Viga-Regular.svg#Calibri') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MyriadPro-Regular';
  src: url('MyriadPro-Regular.eot?#iefix') format('embedded-opentype'), url('MyriadPro-Regular.ttf')  format('truetype'), url('MyriadPro-Regular.svg#Calibri') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MyriadPro-Light';
  src: url('MyriadPro-Light.eot?#iefix') format('embedded-opentype'), url('MyriadPro-Light.ttf')  format('truetype'), url('MyriadPro-Light.svg#Calibri') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'myriad-set-pro_semibold';
  src: url('myriad-set-pro_semibold.eot?#iefix') format('embedded-opentype'), url('myriad-set-pro_semibold.ttf')  format('truetype'), url('myriad-set-pro_semibold.svg#Calibri') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MyriadPro-Semibold';
  src: url('MyriadPro-Semibold.eot?#iefix') format('embedded-opentype'), url('MyriadPro-Semibold.ttf')  format('truetype'), url('MyriadPro-Semibold.svg#Calibri') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'HelveticaNeueLTStd-Md';
  src: url('HelveticaNeueLTStd-Md.eot?#iefix') format('embedded-opentype'), url('HelveticaNeueLTStd-Md.otf')  format('truetype'), url('HelveticaNeueLTStd-Md.svg#Calibri') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeueLTStd-Roman';
  src: url('HelveticaNeueLTStd-Roman.eot?#iefix') format('embedded-opentype'), url('HelveticaNeueLTStd-Roman.otf')  format('truetype'), url('HelveticaNeueLTStd-Roman.svg#Calibri') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeueLTStd-UltLt';
  src: url('HelveticaNeueLTStd-UltLt.eot?#iefix') format('embedded-opentype'), url('HelveticaNeueLTStd-UltLt.otf')  format('truetype'), url('HelveticaNeueLTStd-UltLt.svg#Calibri') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeueLTStd-Lt';
  src: url('HelveticaNeueLTStd-Lt.eot?#iefix') format('embedded-opentype'), url('HelveticaNeueLTStd-Lt.otf')  format('truetype'), url('HelveticaNeueLTStd-Lt.svg#Calibri') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-Medium';
  src: url('Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('Roboto-Medium.ttf')  format('truetype'), url('Roboto-Medium.svg#Calibri') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto-Regular';
  src: url('Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('Roboto-Regular.ttf')  format('truetype'), url('Roboto-Regular.svg#Calibri') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto-Condensed';
  src: url('Roboto-Condensed.eot?#iefix') format('embedded-opentype'), url('Roboto-Condensed.ttf')  format('truetype'), url('Roboto-Condensed.svg#Calibri') format('svg');
  font-weight: normal;
  font-style: normal;
}

body,html
{
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-family:sans-serif;
	background-color:#fafafa !important;
	/*background-image:url(../images/pattern.jpg);*/
	/*background-color:#f1f2f2;*/
	
	width:100%;
	height:100%;
	/*overflow:hidden;*/
}

/*.title_div_print
{
	display:none;
}

.title_div
{
	display:block;
}*/
.regular_com
{
	display:block;
}
.print_com
{
	display:none;
}	


#for_view
{
	display:block;
}
#for_print
{
	display:none;
}
 .two-column {
    column-count: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2;
  }
  .productTable
  {
	  width:98%;
	  text-align:center; position:relative;float:left;line-height:10px; left:1%;margin-top:0px;background-color:#FFF; column-count: 2 !important;-webkit-column-count: 2 !important;
    -moz-column-count: 2 !important; 
  }
  .mainDivTable
  {
	  width:100%;
  }
@media print 
{
	 .mainDivTable
  {
	  width:100%;
  }
 /*.mainDivTable
  {
	  width:100%;
	  column-count: 2 !important;-webkit-column-count: 2 !important;
    -moz-column-count: 2 !important;  display:inline;
	float:left;
  }*/
	/*.display_class
{
	display:block;
	margin-left:0px;
	size:landscape;
	 -webkit-transform: rotate(-90deg); 
}
	  .mainDivTable
  {
	  width:45%;
	  column-count: 2 !important;-webkit-column-count: 2 !important;
    -moz-column-count: 2 !important;  display:inline;
	float:left;
  }
	.title_div_all
{
	background-color:#FFF;
	position:relative;
	top:0px;
	left:0px;
	float:left;
	width:45%;
	column-count: 2 !important;-webkit-column-count: 2 !important;
    -moz-column-count: 2 !important;  display:inline;
}
	.printWidth
	{
		width:45%;
		column-count: 2 !important;-webkit-column-count: 2 !important;
    -moz-column-count: 2 !important;  display:inline;
	line-height:14px;color:#FFF;background-color:#FFF; font-size:10px;
	}
	  .productTable
  {
	  width:45%;
	  text-align:center; position:relative;float:left;line-height:10px; left:1%;margin-top:0px;background-color:#FFF; column-count: 2 !important;-webkit-column-count: 2 !important;
    -moz-column-count: 2 !important;  display:inline;
  }
	 .two-column {
    column-count: 2 !important;
    -webkit-column-count: 2 !important;
    -moz-column-count: 2 !important;
  }*/

	 .landscape
    {
     -webkit-transform: rotate(-90deg); 
    }
		
	.options_div
	{
		display:none;
	}
	
	#for_view
	{
		display:none;
	}
	#for_print
	{
		display:block;
	}
	/* .page {
	page-break-after: always;
	}*/
	.break { page-break-before: always !important; 
			 
			/* page-break-after: always;*/
		   }

	.product_info_report
	{
		width:100%;
		position:relative;
		float:left;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		margin-top:10px;
		width:750px;
		height:500px;
		background-color:#F93;
	}
	
	#order_panel_new_report
	{
		/*
		position:absolute;
		margin-right:20px;
		top:0px;
		float:left;
		width:100%;
		height:100%;
		background-color:#FFF;
		max-width:750px;
		max-height:900px; */
		
		
		position:relative;float:left;margin-top:0px;margin-bottom:40px;
		height:500px;
	}
	
	#invoice_report
	{
		position:relative;
		float:left;
		width:100%;
		background-color:#FFF;
		max-width:750px;
		margin:0px 0 0 0px;
		height:700px;
		overflow:auto;
		/*height: calc(100% - 56px);*/
		
	}	
		
	.company_product_order
	{
		background-color:#FFF;	
		color:#000;
		font-size:16px;
		line-height:36px;
		font-family: 'Roboto';
		margin-top:0px;
		margin-bottom:0px;
		width:100%;
		max-width:730px;
		position:relative;
		float:left;
	}
	.heading_blue_order_notes
	{
		position:relative;
		float:left;
		margin:0 0 0 0; 
		font-size:15px;
		line-height:36px;
		/*padding-top:5px;*/
		padding-left:15px;
		background-color:#6fac85;
		border-radius:0px;
		text-align:left;
		max-width: 730px;
		width:100%;
		/*height:20px;*/
		font-family:'HelveticaNeueLTStd-Roman',sans-serif; 
		color:#FFF;
		letter-spacing:0.5px;
	}
	.parent_container {
		  height: auto;
		  margin: 15px auto;
		  position:relative;
		  
		 /* min-height: 500px;
		  width: 960px;*/
		background:#FFF;
		text-align:center;
	}
	.column {
		 -removed-float: left;
		display:inline-block;
		 -removed-margin-right: 50px;
		margin:0 25px;
		background:!important;
	}
	.inner_clip {
		background-color: #e4efe8;
	   /* height: 250px;*/
		margin-bottom: 20px;
		width: 500px;
	}
	
	/*.title_div_print
	{
		display:block;
	}*/	
	.regular_com
	{
		display:none;
	}
	.print_com
	{
		display:block;
	}	
	.title_div
	{
		/*background:#4c9867;*/
		position:relative;
		/*display:none;*/
		top:0px;
		left:0px;
		float:left;
		max-width:700px;
		padding-left:15px;
		/*max-width:656px;*/
		width:100%;
		color:rgb(0, 0, 0);
		font-family:'HelveticaNeueLTStd-Lt', sans-serif;
	}	
	
	.heading_white_order
	{
		position: relative;
		
		font-size:17px;
		line-height:22px;
		max-width: 565px;
		width:100%;
		padding:4px 0 4px 15px;
		/*height: 30px;*/
		
		font-family:'HelveticaNeueLTStd-Roman',sans-serif; 
		color:#FFF;
		text-align:left;
		margin:10px 0 0 0;
		letter-spacing:0.5px;
	}
	.sub_heading_white_order
	{
		margin-top: 0px; margin-left:1px; width: 210px; font-size: 12px;
		letter-spacing:0.5px;
		border:solid 1px #4C9867; 
		font-family:'HelveticaNeueLTStd-Lt', sans-serif;
		color:#FFF;
		/*text-transform:lowercase;*/
	}
	.sub_heading_white_order_all
	{
		margin-top: 0px; margin-left:1px; width: 210px; font-size: 12px;
		letter-spacing:0.5px;
		border:solid 1px #4C9867;
		font-family:'HelveticaNeueLTStd-Lt', sans-serif;
		color:#000;
		/*text-transform:lowercase;*/
	}
	
	.heading_blue_order
	{
		position:relative;
		float:left;
		margin:0 0 0 0; 
		font-size:15px;
		line-height:15px;
		padding-top:5px;
		padding-left:15px;
		background-color:#6fac85;
		border-radius:0px;
		text-align:left;
		max-width: 565px;
		width:100%;
		height:20px;
		font-family:'HelveticaNeueLTStd-Roman',sans-serif; 
		color:#FFF;
		letter-spacing:0.5px;
	}
	.heading_blue_order_new
	{
		position:relative;
		float:left;
		margin:0 0 0 0; 
		font-size:15px;
		line-height:35px;
		padding-left:15px;
		background-color:#6fac85;
		border-radius:0px;
		text-align:left;
		/*max-width: 656px;*/
		width:100%;
		font-family:'HelveticaNeueLTStd-Roman',sans-serif; 
		color:#FFF;
		letter-spacing:0.5px;
	}
	
	.product_name
	{
		margin-top:0px; margin-left: 124px; width:280px;  font-size:13px;
		font-family:'Roboto-Regular';
	}
	.heading_blue_order_notes
	{
		position:relative;
		float:left;
		margin:0 0 0 0; 
		font-size:15px;
		line-height:36px;
		/*padding-top:5px;*/
		padding-left:15px;
		background-color:#6fac85;
		border-radius:0px;
		text-align:left;
		/*max-width: 656px;*/
		width:100%;
		/*height:20px;*/
		font-family:'HelveticaNeueLTStd-Roman',sans-serif; 
		color:#FFF;
		letter-spacing:0.5px;
	}
	.desc_order
	{
		position:relative;
		margin-top:0px;
		color:#000000;
		font-size:16px;
		line-height:16px;
		font-family:'MyriadPro-Regular',sans-serif;
		/*width:480px;*/
		
		width:100%;
		margin-left:0px;
		height: calc(100% - 80px);
		overflow-y:scroll;
		overflow-x:hidden;	
	}
	
	.desc_order_report
	{
		position:relative;
		float:left;
		margin-top:0px;
		color:#000000;
		font-size:16px;
		line-height:16px;
		font-family:'MyriadPro-Regular',sans-serif;
		/*width:480px;*/
		background-color:#FFF;
		padding-bottom:10px;
		width:100%;
		margin-left:0px;
	}
	.com_name
	{
		position:relative;float:left;width:100px;margin:0 0 0 0;
	}
	.com_left_align
	{
		position:relative;float:right;width:100px;margin:0 0 0 0;
	}
	
	.bottom_heading_tr
	{
		font-size:10px;
		font-family:'HelveticaNeueLTStd-Roman',sans-serif; 
		letter-spacing:0.5px;
		border-bottom:solid 2px #FFF;
		background:#ecf5f0;
		border:solid 1px #ecf5f0;
	}

}

#logo
{
	position:absolute; 
	left:36px; 
	top:13px; 
	width:99px;
	

}

#logo_db
{
	position:relative;
	float:left; 
	left:50px; 
	top:13px; 
	width:99px;
}
#name_logo
{
	
}

#header
{
	position:relative;
	height:54px;
	width:100%;
	background-color:#333333;
	
}
#signup_div
{
	display:block;
	/*margin-left:32px;*/
	margin-right:auto;
}

#signup_div_2
{
	display:block;
	margin-right:auto;
}

.employeeinfo
{
	position: absolute; left:0px; top:55px; max-width:320px; width:99%; background-color:#f1f2f2; height:185px;border-bottom:  0.5px solid #d6d6d6;/*border-right:  0.5px solid #d6d6d6;*/
}
.border_div
{
	position: relative; float:left; left:0px; top:0px; width:350px; background-color:#FFF;
	    height: auto;
    border: 1px solid #e5e5e5;
    padding: 0 0px 20px;
    margin: 10px;
}
.employeeinfo_new
{
	position: relative; 
	float:left; left:0px; top:0px; max-width:382px; width:100%; background-color:#FFF;/*border-right:  0.5px solid #d6d6d6;*/
}
#date_time_cont
{
	position:relative; float:left;  width:100%; padding:10px 10px 0;
}
.fake-input { position: relative; width:100%;  float:left;  }
.fake-input input {  color:#404b5c; border: 1px solid #e5e5e5;
    height: 40px;
    width: 100%;
    margin-right: 30px;
    box-shadow: none;
    border-radius: 4px;
    padding-left: 20px;
 }
.fake-input img { position: absolute; top: 5px; left: 10px }
.fluid_date
{
	position:relative;
	width:100%;
	float:left;
}

.fake-input1 { position: relative; float:left; width:50%; margin-top:10px;
	margin-right:0px; margin-bottom:10px;  }
.fake-input1 input {  border:1px solid #e5e5e5; color: #4c4c4c; height: 40px; 
 font-size:12px; padding-left:20px; padding-top:0px; padding-right:5px;
 width: 95%; border-radius: 4px; }
.fake-input1 img { position: absolute; top: 8px; left: 5px }


.fake-input2 { position: relative; float:left; width:50%;  margin-top:10px;   }
.fake-input2 input { border:1px solid #e5e5e5; color: #4c4c4c; height: 40px; font-size:12px; 
	padding-left:20px; padding-top:0px; padding-right:5px; width: 100%; border-radius: 4px; }
.fake-input2 img { position: absolute; top: 8px; left: 5px }

#empOrderContNew
{
	width:120px; 
	position: relative; 
	float:right;
	/*left: 132px; */
	height:26px;
	margin-right:3%;
	/*top:70px;*/
}

#emponMap
{
	border: none;
    width: 100%;
    height: 30px;
    margin-top: 0px;
    background: #404b5c !important;
    font-size: 14px;
    padding-top: 5px;
    color: #fff;
    font-family: 'Roboto';
    padding: 6px 0px;
    text-align: center;
    border-radius: 4px;
}
#emponMapCont
{
	width:120px; 
	border: none;
    width: 100%;
    height: 30px;
    margin-top: 0px;
    background: #404b5c !important;
    font-size: 14px;
    padding-top: 5px;
    color: #fff;
    font-family: 'Roboto';
}

#emponMapContNew
{
	max-width:120px;
	width:45%; 
	position: relative; 
	float:left;
	/*margin-left:20px;*/
	/*left: 10px; */
	height:26px;
	/*top:70px;*/
}
#empOrder
{
	border: none;
    width: 100%;
    height: 30px;
    margin-top: 0px;
    background: #404b5c !important;
    font-size: 14px;
    padding-top: 5px;
    color: #fff;
    font-family: 'Roboto';
    padding: 6px 0px;
    text-align: center;
    border-radius: 4px;
}
#empOrderCont
{
	width:120px; 
	position: absolute; 
	left: 132px; 
	height:26px;
	top:70px;
}


#empInfo
{
	position:relative; float:left; margin-left:38px; margin-top:14px;
	color:#808080;
	font-size:16px;
	line-height:16px;
	/*font-family:'MyriadPro-Regular',sans-serif;
	font-weight:800;*/
	

}
#empManageEmployee
{
	
}
#empManageEmployee:active
{
	background-color:#70ad85;	
}
#empManageEmployee:hover
{
	background-color:#70ad85;	
}
#empAddEmployee
{
	background:#4a9866;
	position: relative;
	float:right;
	width:200px;  
	right:20px;
	height:40px;
	top:55px;
	color:#FFF;
	font-family: 'HelveticaNeueLTStd-Roman',sans-serif;
	font-size:12px;
	border-radius:1.8px;
	-moz-border-radius:1.8px;
	-ms-border-radius:1.8px;
	-o-border-radius:1.8px;
	-webkit-border-radius:1.8px;
	cursor:pointer;
	z-index: 100;
}
.LoadColumn
{
	width: 5%;
}
.LoadPassBox
{
	background:#4a9866;
	border:solid 1px #17A26E;
	position:relative;
	float:left;
	width:20px;  
	height:40px;
	color:#666666;
	font-family: 'HelveticaNeueLTStd-Roman',sans-serif;
	font-size:12px;
	border-radius:1.8px;
	-moz-border-radius:1.8px;
	-ms-border-radius:1.8px;
	-o-border-radius:1.8px;
	-webkit-border-radius:1.8px;
	cursor:pointer;
	z-index: 100;
}
.LoadPassBill
{
	background:#4a9866;
	border:solid 1px #4a9866;
	position:relative;
	float:left;
	width:200px;  
	height:40px;
	color:#FFF;
	font-family: 'HelveticaNeueLTStd-Roman',sans-serif;
	font-size:12px;
	border-radius:1.8px;
	-moz-border-radius:1.8px;
	-ms-border-radius:1.8px;
	-o-border-radius:1.8px;
	-webkit-border-radius:1.8px;
	cursor:pointer;
	z-index: 100;
}
.LoadPassBillBlue
{
	background-color:#404b5c;
	border:solid 1px #404b5c;
}
.LoadPassBill:active
{
	background-color:#70ad85;	
}

.LoadPassBill:hover
{
	background-color:#70ad85;	
}
.LoadPassBillBlue:active
{
	background-color:#404b5c;	
}

.LoadPassBillBlue:hover
{
	background-color:#40526f;	
}

#empAddEmployee:active
{
	background-color:#70ad85;	
}

#empAddEmployee:hover
{
	background-color:#70ad85;	
}

.left_panel_emp
{
	position:relative;
	float:left;
	background:#4a9866;
	position: relative;
	float:left; 
	width:180px;  
	left: 20px; 
	height:40px;
	color:#FFF;
	font-family: 'HelveticaNeueLTStd-Roman',sans-serif;
	font-size:12px;
	border-radius:1.8px;
	-moz-border-radius:1.8px;
	-ms-border-radius:1.8px;
	-o-border-radius:1.8px;
	-webkit-border-radius:1.8px;
	cursor:pointer;
	margin-top:7px;
}
.left_panel_emp:hover
{
	background:#70ad85;
}
.left_panel_emp:active
{
	background:#70ad85;
}

#empManageCustomer
{
}

#empManageCustomer:active
{
	opacity:0.9;	
}
#empManageComp:active
{
	opacity:0.9;	
}
#empManageProducts:active
{
	opacity:0.9;	
}
#empManageItems:active
{
	opacity:0.9;	
}
#main_cont
{
	position:relative;
	/*float:left;*/
	margin-top:0px;
	/*height:1200px;*/
	margin-left:auto;
	margin-right:auto;
	width:100%;
	min-width:100px;
	max-width:1800px;
	text-align:center;
}

#outer_left_panel
{
	position:relative;
	float:left;
	width:100%;
	max-width:275px;
	margin-right:1%;
	border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
}
#left_panel
{
	position:relative;
	float:left;
	width:100%;
	max-width:275px;
	margin-right:1%;
	background-color:#f0f8fc;
	border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
}
#map_cont
{
	position:relative;
	float:left;
	height:100%;
	width:100%;
	max-width:1800px;
	max-height:1800px;
	margin-right:1%;
}

#map{
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box;  
	position:absolute;
	margin:55px 0 0 0; 
	left:40px;
	/*border:dotted #3F0;*/
	/*right:0px; */
        width:90%;
        height:100%;
	width: calc(100% -95px);
/*	width: calc(100% - 80px);
*/	 height: calc(100% - 56px);
	overflow:hidden;	
}

.map_index
{
	top:0px;
	left:40px;
	width:calc(100% - 95px);
}


#map_new{
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box;  
	position:absolute;
/*	margin:55px 0 0 0; 
*/	
	right:0px; 
	/*width: calc(100% - 320px);*/
	width: calc(100% - 80px);
	height:100%;
/*	 height: calc(100% - 56px);
*/	overflow:hidden;
	
}
#outer_right_panel
{
	position:absolute;
	float:left;
	width:100%;
	max-width:320px;
	margin-left:1%;
	margin:240px 0 0 0; 
    overflow-y: scroll;
	overflow-x: hidden;
	height:calc(100% - 255px); 
	/*background-color:#f0f8fc;
	border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;*/
}
#outer_right_panel_new
{
	position:absolute;
	float:left;
	width:100%;
	max-width:83px;
	margin-left:1%;
	margin:55px 0 0 0; 
    overflow-y: scroll;
	overflow-x: hidden;
	height:calc(100% - 70px); 
	/*background-color:#f0f8fc;
	border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;*/
}

#outer_right_panel_index
{
	position:absolute;
	float:left;
	width:100%;
	max-width:235px;
	margin-left:1%;
	right:0;
	margin:55px 0 0 0; 
    overflow-y: scroll;
	overflow-x: hidden;
	height:calc(100% - 56px); 
	
	/*background-color:#f0f8fc;
	border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;*/
}

#right_panel
{
	position:relative;
	float:left;
	width:100%;
	/*max-width:320px;*/
	margin:0 0 0 0; 
	height: 100%;
	
}

#right_panel_new
{
	position:relative;
	float:left;
	width:100%;
	max-width:80px;
	margin:0 0 0 0; 
	height: 100%;
	
}
#outer_right_panel_employee
{
	position:relative;
	float:left;
	width:100%;
	max-width:calc(100% - 300px);
	height:calc(100% - 55px);
	margin:20px 0 0 0; 
	background-color:#FFF;
}
#outer_right_panel_manage
{
	position:absolute;
	float:left;
	width:100%;
	max-width:calc(100% - 300px);
	height:calc(100% - 100px);
	margin:20px 0 0 50px; 
	background-color:#FFF;
}

#outer_right_panel_manage_order
{
    margin: auto;
    width: calc(100% - 90px);
    /* max-width: calc(100% - 170px); */
    position: relative;
    margin-left: 65px;
   /* border: dotted;*/
    /* margin-right: 70px; */
    background-color: #fff;
    margin-top: 20px;
    /* margin-left: 70px; */
    /* padding-top: 5px; */
    /* padding-right: 5px; */
    /* float: left; */
}
#outer_right_panel_manage_main
{
	position:absolute;
	float:left;
	width:100%;
	max-width:calc(100% - 50px);
	height:calc(100% - 100px);
	margin:20px 0 0 50px; 
	background-color:#FFF;
	text-align:center;
}

#section-cont
{
	display: table;
  margin: 0 auto;
  width:100%;
  max-width:1240px;
  text-align:center;
  margin-bottom:0;
}
.section_divs
{
	position:relative;
	display:inline-block;
	max-width:385px;
	height:225px;
	width:32%;
	/*border:solid 2px #eceeec;
	border-radius:3px;*/
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;
	margin-left:0%;
	font-family:'HelveticaNeueLTStd-Lt';
	font-size:20px;
	color:#323232;
	padding-top:60px;
	box-shadow: 0 0 5px 2px #eceeec;
	-moz-box-shadow: 0 0 3px 2px #eceeec;
	-ms-box-shadow: 0 0 3px 2px #eceeec;
	-webkit-box-shadow: 0 0 3px 2px #eceeec;
	-o-box-shadow: 0 0 3px 2px #eceeec;
	border: 1px solid #eceeec;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

#section-1
{ background-color:#e9eaec; }
#section-2
{ background-color:#edf5f0; }
#section-3
{ background-color:#f3f8fb; }
#section-4
{ background-color:#ffe5ff; }
#section-5
{ background-color:#fffee5; }
#section-6
{ background-color:#ffe5e5; }
#section-7
{ background-color:#eaf9fd; }
#section-8
{ background-color:#ffefec; }
#section-9
{ background-color:#ebf0fa; }

.padding-right-bottom
{
	margin-right:1%;
	margin-bottom:1%;
}
#outer_right_panel_cus
{
	position:relative;
	float:left;
	width:100%;
	max-width:calc(100% - 230px);
	height:calc(100% - 10px);
	margin:20px 0 0 0; 
	background-color:#FFF;
}
#outer_right_panel_orderdetailsOld
{
	position: relative;
    float: left;
    width: 100%;
    max-width: calc(100% - 90px);
    /* height: auto; */
    margin: 0px 0 0 25px;
    background-color: #FFF;
/*	position:absolute;
	float:left;
	width:100%;
	max-width:calc(100% - 300px);
	margin:100px 0 0 100px; 
	background-color:#FFF;*/
}

#outer_right_panel_orderdetails
{

    position: absolute;
    float: left;
    width: 100%;
    max-width: calc(100% - 90px);
    /* height: auto; */
    margin: 0px 0 0 65px;
    background-color: #FFF;
    margin-top: 150px;
	border:#d2cfcf solid 1px;
}	
.tabledata
{
	margin-left:20px;
	margin-right:20px;
	margin-top:210px;
	height:calc(100% - 130px);
	/*overflow-y:scroll;*/
}
.tabledataemp
{
	position:relative;
	float:left;
	margin-left:20px;
	margin-right:20px;
	margin-top:15px;
	width:97%;
	height:calc(100% - 200px);
	font-family: 'HelveticaNeueLTStd-Roman',sans-serif;
	font-size:14px;
	letter-spacing:0.5px;
	/*overflow-y:scroll;*/
}
.heading_emp
{
	/*font-family:'HelveticaNeueLTStd-Md';*/
	font-size:16px;
}
.tabledataorder
{
	margin-left:10px;
	margin-right:10px;
	margin-top:210px;
	
	height:calc(100% - 320px);
	
	
}
.tabledataorder a:link{
  color: #fff;
  text-decoration: none;
}
.tabledataorder a:visited{
  color: #fff;
  text-decoration: none;
}
.tabledataorder a:hover 
{
  color: #fff;
  text-decoration: none;
}
.tabledataorder a:active
{
  color: #fff;
  text-decoration: none;
}
.formdiv
{
	max-width:266px;
	margin-left:30px;
	margin-right:30px;
	height:calc(100% - 100px);
	padding:0 0 0 0;
	margin-top:10px;
	margin-bottom:0px;
	float:left;
}
.discountdiv
{
	max-width:300px;
	/*margin-left:30px;*/
	margin-right:30px;
	margin-top:100px;
	/*height:calc(100% - 100px);*/
	padding:0 0 0 0;
	margin-bottom:0px;
	float:left;
	position:relative;
}
.discountdivNew {
    margin-left: 100px;
    position: absolute;
}
.discountdivloader
{
	max-width:300px;
	/*margin-left:30px;*/
	margin-right:30px;
	margin-top:250px;
	margin-left:300px;
	/*height:calc(100% - 100px);*/
	padding:0 0 0 0;
	margin-bottom:0px;
	float:left;
	position:relative;
}

.edit_div
{
	max-width:300px;
	/*margin-left:30px;*/
	margin-right:30px;
	margin-top:100px;
	/*height:calc(100% - 100px);*/
	padding:0 0 0 0;
	margin-bottom:0px;
	float:left;
	position:relative;
}

#orderBodyData
{
	overflow-y:scroll;
}
#outer_left_panel_manage
{
	position:relative;
	float:left;
	width:100%;
	max-width:220px;
	height:calc(100% - 55px);
	margin-left:0;
	border-right:  1px solid #D6D6D6;
	margin:54px 0 0 0; 
}
.summary_report
{
	position:relative;
	float:left;
	max-width:180px;
	width:100%;
	margin-top:50px;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#c9e0d1;
}
.orders_title
{
	font-family:'HelveticaNeueLTStd-Lt',sans-serif;
	font-size:13px;
	letter-spacing:0.5px;
	position:relative;float:left;width:120px; margin-left:10px;
	color:#58595b;
}
.orders_title_sale
{
	font-family:'HelveticaNeueLTStd-Lt',sans-serif;
	font-size:13px;
	letter-spacing:0.5px;
	position:relative;float:left;width:70px; margin-left:10px;
	color:#58595b;
}

.orders_val
{
	font-family:'HelveticaNeueLTStd-Roman',sans-serif;
	font-size:16px;
	letter-spacing:0.5px;
	position:relative;float:left;/*width:40px;*/text-align:right;margin-right:10px;
	color:#404b5c;
}
.orders_val_sale
{
	font-family:'HelveticaNeueLTStd-Roman',sans-serif;
	font-size:16px;
	letter-spacing:0.5px;
	position:relative;float:left;/*width:40px;*/text-align:right;margin-right:10px;
	color:#404b5c; /*58595b*/
}
.gm-style .gm-style-iw {
   font-size: 14px;
   font-family: 'HelveticaNeueLTStd-Roman';
   text-transform: capitalize;
   color:#4C9867;
  /* background-color:#0F0;*/
   text-align:center;
}
.gm-style-iw + div {display: none;}
/* Just use .gm-style-iw */ 
.gm-style-iw {
  width: 200px; 
}

/*.gm-style-iw {
  background-color: rgb(237, 28, 36);
    border: 1px solid rgba(72, 181, 233, 0.6);
    border-radius: 10px;
    box-shadow: 0 1px 6px rgba(178, 178, 178, 0.6);
    color: rgb(255, 255, 255) !important;
    font-family: gothambook;
    text-align: center;
    top: 15px !important;
 
}*/
.addmanagetext
{
	position:absolute; 
	width:100%; 
	height:100%; 
	cursor:pointer; 
	margin-top:13px; 
	text-align:center;
}
.addreport_txt
{
	position:absolute; 
	width:100%; 
	height:100%; 
	cursor:pointer; 
	margin-top:12px; 
	text-align:center;
}
#maindiv
{
	position:absolute;
	left:0px;
	top:1px;
	width:100%;
	height:calc(100% - 1px);
	margin-left:0px;
	/*overflow-x: hidden;*/
	
}
#busniesses
{
	position:absolute;
	left:207px;
	top:55px;
	width:100%;
	max-width:382px;
	margin-left:120px;
	background:#FFF;
	height:calc(100% - 56px); 
	/*margin:300px 0 0 0; 	
	margin-left:35px;*/
}
#busniesses_new
{
	position:relative;
	float:left;
	width:350px;
    background-color: #FFF;
    height: auto;
   margin: 0 10px 10px; 
    border: 1px solid #e5e5e5;
    padding: 0 10px 20px;
    height:56vh;
    overflow: hidden;
}
#main_bus_div
{
	position:relative;
	float:left;
	top:0px;
	width:28%;
	padding-right:10px;
	height:auto;
	margin-right: 5px; 
	
}
#business_panel
{
	position:relative;
	float:left;
	width:100%;
	height:100%;
	max-width:340px;
	margin-left:0;
	margin:0 0 0 0; 

}
.heading_white
{
	position: relative;
	margin-top:10px;
	font-size:17px;
	text-align: left;
	margin-bottom: 10px;
	line-height:22px;
	width:100%;
	height: 30px;
	font-family:'Roboto'; 
	color:#4c4c4c;
	letter-spacing:0.5px;
	text-align:left;
	border-bottom:1px solid #e5e5e5;
}
.heading_white p
{
	margin-left:15px;
	font-family: 'Roboto';
    font-size: 20px;
    font-weight: 500;
}
.shops_visited
{
	position: relative;
	margin-left:4px;
	margin-top:0px;
	font-size:14px;
	line-height:22px;
	/*width: 340px;*/
	width:100%;
	height: 30px;
	background-color:#6fac85;
	font-family:'HelveticaNeueLTStd-Md',sans-serif; 
	color:#FFF;
}

.shops_visitedp
{
	position:relative; float:left;
	margin-left:5px;
	padding-top:5px;
	margin-right:15px;
	margin-top:0px;
	/*width: 340px;*/
	width:100%;
	height:23px;
	/*border-bottom:  1px solid #FFF;*/
	font-size:15px;
	font-family:'HelveticaNeueLTStd-Lt',sans-serif; 
	letter-spacing:0.5px;
	color:#FFF;
}
.left_total_visited
{
	position:relative; float:left;
	margin-left:0px;
	padding-top:0px;
	margin-right:0px;
	margin-top:0px;
	width:200px;
	text-align:left;
	font-size:15px;
	font-family:'HelveticaNeueLTStd-Roman',sans-serif; 
	letter-spacing:0.5px;
}
.left_shop_visited
{
	position:relative; float:left;
	margin-left:10px;
	padding-top:0px;
	margin-right:0px;
	margin-top:0px;
	width:100px;
	text-align:left;
	
	/*font-family:'HelveticaNeueLTStd-UltLt',sans-serif;
	font-size:11px;*/
}
.right_shop_visited
{
	position:relative; float:right;
	margin-left:0px;
	padding-top:0px;
	margin-top:0px;
	margin-right:20px;
	color:#FFF;
	width:150px;
	text-align:right;
	
}
.desc_business
{
	position:relative;
	margin-top:0px;
	color:rgba(0,0,0,0.6);
	font-size:16px;
	line-height:16px;
	text-transform:capitalize;
	/*font-family:'MyriadPro-Regular',sans-serif;*/
	width:100%;
	overflow:hidden;
	height: 50vh;
	
}
 .order-serachfield{
 	float: left; 
     width: 99%; 
    padding-left: 16px; 
    margin-left: 2px;
    height: 35px;
    border: 1px solid #e5e5e5;
}
 }
.emp_customer_div
{
	position:relative;
	text-align:left;
	float:left;
	width:50%;
	max-width:180px;
	margin-left:13px;
	margin-top:0px;
	
}
.customer_div
{
	
	background-color:#FFF;
	color:rgba (0,0,0,0.6);
	font-size:17px;
	letter-spacing:0.5px;
	line-height:16px;
	font-family:'HelveticaNeueLTStd-Roman',sans-serif;
	margin-top:0px;
	margin-bottom:0px;
	color:#939598;
	width:327px;
	position:relative;
	float:left;
	
}
.customer_sub_title
{
	margin-top:0px; margin-left: 8px; width:210px;
	color:#999;
	position:relative;
	margin-bottom:0px;
	padding:0 0 0 0;
	/*font-family:'HelveticaNeueLTStd-UltLt';*/
	/*text-transform:capitalize;*/
	font-family:'HelveticaNeueLTStd-Lt',sans-serif;
	font-size:12px;
	width:100%; 
	font-weight:normal;	
	padding-top:3px;
	letter-spacing: 0.5px;
	color:#939598;
	text-transform:lowercase;
}
.company_product
{
	background-color:#FFF;	
	color:#000;
	font-size:16px;
	line-height:16px;
	font-family: 'Roboto';
	margin-top:0px;
	margin-bottom:0px;
	/*max-width: 656px;*/
	width:100%;
	position:relative;
	float:left;
}
.company_product_order
{
	background-color:#FFF;	
	color:#000;
	font-size:16px;
	line-height:36px;
	font-family: 'Roboto';
	margin-top:0px;
	margin-bottom:0px;
	width:100%;
	position:relative;
	float:left;
}
.product_info
{
	width:100%;
	position:relative;
	float:left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	margin-top:10px;
	background-color:#FFF;
}
.product_info_report
{
	width:100%;
	position:relative;
	float:left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	margin-top:10px;
	background-color:#FFF;
}
.product_order_notes
{
	width:450px;
	position:relative;
	float:left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	margin-bottom:10px;
	margin-top: 0px;
	margin-left:95px;
	background-color:#e4efe8;
	font-family:'HelveticaNeueLTStd-UltLt',sans-serif;
	font-size:12px;
	line-height:23px;
	color:rgba (0,0,0,0.8);
}
.parent_container {
      height: auto;
      margin: 15px auto;
     /* min-height: 500px;
      width: 960px;*/
    background:#FFF;
    text-align:center;
}
.column {
     -removed-float: left;
    display:inline-block;
     -removed-margin-right: 50px;
    margin:0 25px;
    background:!important;
}
.inner_clip {
    background-color: #e4efe8;
   /* height: 250px;*/
    margin-bottom: 20px;
    width: 500px;
}
.notes_txt
{
	position:relative;
	width:100%;
	background-color:#4C9867;
	position:relative;
	float:left;
	font-family:'HelveticaNeueLTStd-Lt',sans-serif; 
	font-size:15px;
	letter-spacing:0.5px;
}
.notes_total
{
	position:relative; 
	float:left;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	padding-left:20px;
	padding-right:20px;
	width:450px;
	font-family:'HelveticaNeueLTStd-Lt',sans-serif; 
	font-size:15px;
	letter-spacing:0.5px;
	
}
.item_info
{
	position: relative;
	margin-top:0px; 
	padding-top:5px;
	margin-left: 95px; 
	width:400px; 
	/*font-weight:800; */
	color:#000; 
	/*border:thin #066; */
	height:20px;
	/*border-bottom:  1px solid #939598;*/
	border-bottom:  0.5px solid #d6d6d6;
	
}
.item_total
{
	position: relative;
	margin-top:10px; 
	padding-top:5px;
	margin-left: 95px; 
	width:400px; 
	font-weight:800; 
	color:#000; 
	border:thin #066; 
	height:20px;
	background-color:#e4efe8;
	
}
.iteminfo_total
{
	position:relative; float:left;
	margin-left:10px;
	margin-right:0px;
	margin-top:0px;
	width:380px;
	height:23px;
	border-bottom:  1px solid #FFF;
	font-size:14px;
	font-family: 'Roboto';
	
}
.iteminfo_visited
{
	position:relative; float:left;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	/*width:320px;*/
	width:400px;
	height:23px;
	/*border-bottom:  1px solid #FFF;*/
	font-family:'HelveticaNeueLTStd-Lt',sans-serif;
	font-size:13px;
	letter-spacing:0.5px;
	
	
}
#main_bus_div {
	float: left;
}
.item_ordered
{
	position:relative; float:left;
	margin-left:0px;
	padding-top:0px;
	margin-right:0px;
	margin-top:0px;
	width:200px;
	text-align:left;
}
.item_quantity
{
	position:relative; float:left;
	margin-left:0px;
	padding-top:0px;
	margin-right:0px;
	margin-top:0px;
	width:70px;
	text-align:right;
	font-family:'HelveticaNeueLTStd-Lt',sans-serif;
	font-size:15px;
	letter-spacing:0.5px;
}
.item_price
{
	position:relative; float:left;
	margin-left:0px;
	padding-top:0px;
	margin-right:0px;
	margin-top:0px;
	width:60px;
	text-align:right;
	font-family:'HelveticaNeueLTStd-Lt',sans-serif;
	font-size:15px;
	letter-spacing:0.5px;
}

.item_price_total
{
	position:relative; float:right;
	margin-left:0px;
	padding-top:0px;
	margin-right:10px;
	margin-top:0px;
	width:50px;
	text-align:right;
	font-family:'HelveticaNeueLTStd-Roman',sans-serif; 
	font-size:15px;
}

.visited_heading
{
	font-family:'HelveticaNeueLTStd-Roman',sans-serif; 
	font-size:10px;
	letter-spacing:0.5px;
}
.item_total_discount
{
	position:relative; float:right;
	margin-left:0px;
	padding-top:0px;
	padding-right:5px;
	padding-left:5px;
	margin-right:10px;
	margin-top:0px;
	/*width:40px;*/
	font-family:'HelveticaNeueLTStd-Roman',sans-serif; 
	background-color:#4a9866;
	text-align:right;
	color:#FFF;
}
.customer_info
{
	width:100%;
	position:relative;
	float:left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	margin-bottom:4px;
	cursor:pointer;
	background-color:#F4F4F4;
	background-color:#fee5e6;
}
.customer_visited
{
	background-color:#e4efe8;
	color:#1a1a1a;
}
.customer_notvisited
{
	background-color:#fff;
	border:1px solid #e5e5e5;
	/*background-color:#c9e0d1;*/
}
.customer_notvisited p {
margin-top: 10px;
}
.customer_noorder
{
	background-color:#f3f3f4;
}
/***************************************/
.customer_order_div
{
	
	background-color:#FFF;
	
	color:#000;
	font-size:16px;
	line-height:16px;
	font-family: 'Roboto';
	margin-top:0px;
	margin-bottom:0px;
	margin-left: 370px;
	width:330px;
	position:relative;
	float:left;
}
/***************** Order **********************/
table {
    border-collapse: collapse;
}


#customerorder
{
	position:relative;
	float:left;
	/*width:100%;*/
	background-color:#FFF;
	width:71%;
	margin:10px 0 0 0; 	 
	height: 85vh;
	overflow: hidden;
	border: 1px solid #e5e5e5;
}

#invoice_report
{
	position:relative;
	float:left;
	width:100%;
	background-color:#FFF;
	max-width:750px;
	margin:0px 0 0 180px;
	height:700px;
	overflow-y:scroll;
	overflow-x:hidden;
	/*height: calc(100% - 56px);*/
	
}
#order_panel_new
{
	position:absolute;
	/*margin-left:20px;*/
	margin-right:20px;
	top:0px;
	float:left;
	width:100%;
	height:100%;
	background-color:#4a9866;
	max-width:750px;
	/*margin-left:0;
	margin:0 0 0 0; */

}
#order_panel_new_report
{
	/*position:absolute;
	margin-right:20px;
	top:0px;
	float:left;
	width:100%;
	height:100%;
	background-color:#FFF;
	max-width:750px;*/
	
	position:relative;float:left;border:dotted #fff;margin-top:0px;margin-bottom:40px;
}
#order_panel_rel
{
	position:relative;
	float:left;
}

#order_panel
{
	position:absolute;
	margin-left:20px;
	margin-right:20px;
	top:0px;
	float:left;
	width:100%;
	height:100%;
	background-color:#FFF;
	max-width:650px;
	/*margin-left:0;
	margin:0 0 0 0; */

}
.title_div
{
	
	 position:relative;
	 top:0px;
	 left:0px;
	 float:left;
	width:100%;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 20px;
}
.header-ordertitle{
	color: #404b5c;
    font-family: 'Roboto';
    font-size: 20px;
	margin:0 0 5px 10px;
	font-weight: 500;
}
.header-ordertitle span {
	color: #404b5c;
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: normal;
    margin-right: 20px;
}
.order-empname {
	color: #565353;
    font-family: 'Roboto';
    font-size: 16px;
	margin-left: 20px;
	font-weight:normal;
}
.empicon {
	font-size: 18px;
	border:1px solid #e5e5e5;
	padding:5px;
	margin-left: 10px;
	color: #565353;
	border-radius: 4px;
	margin-right: 10px;
}
.emporder-detailbox {
	margin: 20px 10px;
	width: 98%;
}
.emporder-detailbox tr {
	border-bottom: 1px solid #e5e5e5;
}
.emporder-detailbox tr th {
	color: #404b5c;
    font-family: 'Roboto';
    font-size: 14px;
	font-weight: 500;
	padding: 5px 0;
}
.emporder-detailbox tr td {
	color: #524e4e;
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: normal;
    padding: 10px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.title_div_all
{
	background-color:#FFF;
	position:relative;
	top:0px;
	left:0px;
	float:left;
	/*max-width:656px;*/
	width:100%;
}
.tr_style_heading
{
	border-bottom: 0.5px solid #D6D6D6;
	font-family:'HelveticaNeueLTStd-Lt',sans-serif;
	font-size:10px;
	letter-spacing:0.5px;
	
}
.bottom_heading_tr
{
	font-size:10px;
	font-family:'HelveticaNeueLTStd-Roman',sans-serif; 
	letter-spacing:0.5px;
	border-bottom:solid 7px #FFF;
}
.td_style
{
	padding-top:5px;padding-bottom:5px;
	text-align:center;
}

.td_style_bottom
{
	padding-top:4px;padding-bottom:4px;
	text-align:center;
	font-size:10px;
	font-family:'HelveticaNeueLTStd-Roman',sans-serif; 
	letter-spacing:0.5px;
}
.tr_style
{
	border-bottom: 0.5px solid #D6D6D6;
}

.sub_heading_white_order
{
	margin-top: 0px; margin-left: 0px; width: 210px; font-size: 12px;
	padding:0px 0 4px 15px;
	letter-spacing:0.5px;
	font-family:'HelveticaNeueLTStd-Lt', sans-serif;
	color:rgba(255,255,255,0.6);
	
	/*text-transform:lowercase;*/
}

.heading_white_order
{
	position: relative;
	
	font-size:17px;
	line-height:22px;
	max-width: 565px;
	width:100%;
	padding:4px 0 4px 15px;
	/*height: 30px;*/
	font-family:'HelveticaNeueLTStd-Roman',sans-serif; 
	color:#FFF;
	text-align:left;
	margin:10px 0 0 0;
	letter-spacing:0.5px;
}
.heading_white_order_all
{
	position: relative;
	font-size:17px;
	line-height:22px;
	max-width: 565px;
	width:100%;
	padding:4px 0 4px 15px;
	/*height: 30px;*/
	font-family:'HelveticaNeueLTStd-Roman',sans-serif; 
	color:#FFF;
	text-align:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	letter-spacing:0.5px;
}
.heading_blue_order
{
	position:relative;
	float:left;
	margin:0 0 0 0; 
	font-size:15px;
	line-height:15px;
	padding-top:5px;
	padding-left:15px;
	background-color:#6fac85;
	border-radius:0px;
	text-align:left;
	max-width: 565px;
	width:100%;
	height:20px;
	font-family:'HelveticaNeueLTStd-Roman',sans-serif; 
	color:#FFF;
	letter-spacing:0.5px;
}
.heading_blue_order_new
{
	position:relative;
	float:left;
	margin:0 0 0 0; 
	font-size:15px;
	line-height:35px;
	padding-left:15px;
	background-color:#6fac85;
	border-radius:0px;
	text-align:left;
	/*max-width: 656px;*/
	width:100%;
	font-family:'HelveticaNeueLTStd-Roman',sans-serif; 
	color:#FFF;
	letter-spacing:0.5px;
}

.product_name
{
	margin-top:0px; margin-left: 124px; width:280px;  font-size:13px;
	font-family:'Roboto-Regular';
}
.heading_blue_order_notes
{
	position:relative;
	float:left;
	margin:0 0 0 0; 
	font-size:15px;
	line-height:36px;
	/*padding-top:5px;*/
	padding-left:15px;
	background-color:#6fac85;
	border-radius:0px;
	text-align:left;
	/*max-width: 656px;*/
	width:100%;
	/*height:20px;*/
	font-family:'HelveticaNeueLTStd-Roman',sans-serif; 
	color:#FFF;
	letter-spacing:0.5px;
}
.desc_order
{
	position:relative;
	margin-top:0px;
	color:#000000;
	font-size:16px;
	line-height:16px;
	font-family:'MyriadPro-Regular',sans-serif;
	/*width:480px;*/
	background-color:#FFF;
	padding-bottom:10px;
	width:100%;
	margin-left:0px;
	height: calc(100% - 80px);
	overflow-y:scroll;
	overflow-x:hidden;
	
	
}
.desc_order_report
{
	position:relative;
	float:left;
	margin-top:0px;
	color:#000000;
	font-size:16px;
	line-height:16px;
	font-family:'MyriadPro-Regular',sans-serif;
	/*width:480px;*/
	background-color:#FFF;
	padding-bottom:10px;
	width:100%;
	margin-left:0px;
	border-top:solid 1px #6FAC85;
}
.options_div
{
	display:block;
	position:relative;
	width:200px;
	/*left: 320px; */
	text-align:center;
	top:40px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
	background-color:#fff;	
}
.buttons_option
{
	border: none;
    width: auto;
    height: 30px;
    margin-top: 0px;
    background: #404b5c !important;
    font-size: 14px;
    padding-top: 5px;
    color: #fff;
    font-family: 'Roboto';
    padding: 6px 25px;
    text-align: center;
    border-radius: 4px;
    margin-right: 40px;
}
/************************************************/
.heading_m
{
	margin:0 0 0 0; 
	font-size:24px;
	line-height:22px;
	font-family: 'Roboto';
	color:#FFFFFF;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:13px;
	background-color:#4c9867;
	border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;
	text-align:left;
}
.desc_p
{
	position:relative;
	/*margin-top:180px;*/
	color:#000000;
	font-size:16px;
	line-height:16px;
	font-family:'MyriadPro-Regular',sans-serif;
	/*height:600px;*/
	/*overflow-x:hidden;*/
	
}
.desc_p_index
{
	position:relative;
	margin-top:180px;
	color:#000000;
	font-size:16px;
	line-height:16px;
	font-family:'MyriadPro-Regular',sans-serif;
	/*height:600px;*/
	/*overflow-x:hidden;*/
	
}
.innerdiv_m
{
	position:relative;
	float:left;
	width:100%;
	margin-top:27px;
	border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
}

.innerdiv_e
{
	position:relative;
	float:left;
	width:100%;
	margin-top:0px;
	border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
}
/*.job_uid
{
	position:relative;
	float:left;
	width:10%;
	padding-left:5%;
}
*/.job_desc
{
	position:relative;
	float:left;
	width:40%;
	padding-left:5%;
	padding-right:3%;
}
.job_uid_title
{
	position:relative;
	top:0px;
	left:14px;
	width:40%;
	max-width:110px;
	font-size:13px;
	line-height:8px;
	font-family:'myriad-set-pro_semibold',sans-serif;
	float:left;
	color:#636464;
}
.job_uid
{
	font-size:13px;
	line-height:8px;
	font-family: 'Roboto';
	color:#636464;
}
.emp_uid
{
	font-size:13px;
	line-height:8px;
	font-family: 'Roboto';
	color:#636464;
}
.emp_uid_title
{
	position:relative;
	top:0px;
	left:27px;
	width:40%;
	max-width:110px;
	font-size:13px;
	line-height:8px;
	font-family:'myriad-set-pro_semibold',sans-serif;
	float:left;
	color:#636464;
}
.address_loc_title
{
	position:relative;
	float:left;
	width:100%;
	left:14px;
	margin-top:7px;
	font-size:13px;
	line-height:8px;
	font-family:'myriad-set-pro_semibold',sans-serif;
	text-align:left;
	color:#636464;
	
}
.address_uid
{
	font-size:13px;
	line-height:16px;
	font-family: 'Roboto';
	width:90%;
	color:#9ea0a1;
}
.small_line
{
	position:relative;
	width:0.5%;
	border:none;
	background-color:#b5b8ba;
	margin-top:0px;
	float:left;
	height:28px;
}
.strt_timer_title
{
	position:relative;
	top:0px;
	left:13px;
	width:40%;
	font-size:13px;
	line-height:13px;
	font-family:'myriad-set-pro_semibold',sans-serif;
	float:left;
	color:#636464;
}
.strt_timer
{
	position:relative;
	font-size:13px;
	line-height:8px;
	margin-top:8px;
	font-family: 'Roboto';
	color:#9ea0a1;
}
.current_time
{
	position:relative;
	font-size:29px;
	line-height:30px;
	font-family: 'Roboto';
	float:left;
	left:27px;
	width:40%;
	max-width:110px;
	margin-top:2px;
	color:#82cbed;
}
.bottom_line
{
	position:relative;
	float:left;
	width:80%;
	margin-left:10%;
	margin-right:auto;
	background-color:#c7e7f6;
	height:1px;
	border:none;
}
.job_name
{
	position:relative;
	float:left;
	text-align:center;
	width:90%;
	color:#9ea0a1;
	font-size:18px;
	line-height:18px;
	font-family:'MyriadPro-Regular',sans-serif;
	padding-left:2%;
	padding-right:2%;
	cursor:pointer;
}
#total_jobs
{
	position:relative;
	float:left;
	text-align:center;
	width:100%;
	color:hsla(0,0%,40%,1);
	font-size:18px;
	line-height:18px;
	font-family:'MyriadPro-Regular',sans-serif;
}
#cat_log
{
	text-align:left;
	position:relative;
	float:none;
	max-width:630px;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	text-transform:uppercase;
}
#cat_names
{
	font-size:16px;
	line-height:17px;
	font-family:'MyriadPro-Regular',sans-serif;
	color:#999999;
	text-align:center;
	cursor:pointer;
	display:inline-block;
	position:relative;
}
#cat_values:hover
{
	color:#82cbed;
}
#cat_values:click
{
	color:#82cbed;
}
#cat_values:active
{
	color:#82cbed;
}
#cat_values
{
	color:#999999;
	text-align:center;
}
.emp_div
{
	height:71px;
	color:#939598;
	font-size:16px;
	line-height:16px;
	font-family:'MyriadPro-Regular',sans-serif;
	border-radius:0px;
	-moz-border-radius:0px;
	-ms-border-radius:0px;
	-o-border-radius:0px;
	-webkit-border-radius:0px;
	margin-top:0px;
	margin-bottom:0px;
	border-bottom:  0.5px solid #d6d6d6;
	border-left:  0.5px solid #d6d6d6;
	width:100%;
	position:relative;
	float:left;
}
.emp_div_new
{
	
	/*background-image: url('../images/bk.png'); background-repeat:repeat;*/
	/*height:71px;*/
	color:#939598;
	font-size:16px;
	line-height:16px;
	font-family:'MyriadPro-Regular',sans-serif;
	border-radius:0px;
	-moz-border-radius:0px;
	-ms-border-radius:0px;
	-o-border-radius:0px;
	-webkit-border-radius:0px;
	margin-top:0px;
	margin-bottom:0px;
	border-bottom:  0.5px solid #d6d6d6;
	border-right:  0.5px solid #d6d6d6;
	width:100%;
	position:relative;
	float:left;
}
.emp_div_sel
{
	
	/*background-image: url('../images/bk.png'); background-repeat:repeat;*/
	height:71px;
	color:#fff;
	font-size:16px;
	line-height:16px;
	font-family:'MyriadPro-Regular',sans-serif;
	border-radius:0px;
	-moz-border-radius:0px;
	-ms-border-radius:0px;
	-o-border-radius:0px;
	-webkit-border-radius:0px;
	margin-top:0px;
	margin-bottom:0px;
	border-bottom:  1px solid #939598;
	border-right:  1px solid #939598;
	background-color:#4A9866;
	width:99%;
	position:relative;
	float:left;
}
.emp_div_sel:hover
{
	background-color:#dbeae1; 
	border-bottom:  1px solid #d6d6d6;
	border-right:  1px solid #d6d6d6;
	color:#1a539f !important;
	
}
.emp_name_div
{
	position:relative;
	text-align:left;
	float:left;
	width:70%;
	max-width:190px;
	margin-left:3px;
	margin-top:0px;
	
}
.emp_div:hover
{
	background-color:#dbeae1;
	color:#1a539f !important;
}

.emp_name_div a,a:link,a:visited,a:hover,a:active
{
	text-decoration:none;
	color:#939598;
}
.emp_status
{
	width:8px;
	height:8px;
	border-radius:7px;
	-moz-border-radius:7px;
	-ms-border-radius:7px;
	-o-border-radius:7px;
	-webkit-border-radius:7px;
	position:relative;
	float:left;
	margin-top:20px;
	margin-right:15px;
	
}
.emp_details
{
	position:relative;
	float:left;
	width:30%;
	margin-left:10px;
	text-align:left;
}
.line_style
{
	position:relative;
	float:left;
	height:60px;
	width:0.6%;
	color: #b2dff4;
	background-color: #b2dff4;
	border: none;
	margin-top:15px;
	margin-bottom:15px;
	margin-left:5px;
	margin-right:15px;
	
}
#onlyn_status
{
	position:relative;
	width:100%;
	top:50px;
	left:35%;
	float:left;
}

#onlyn_status_div
{
	position:relative;
	width:100%;
	top:50px;
	left:35%;
	float:left;
}

#total_stus
{
	position:relative;
	width:100%;
	top:50px;
	left:30%;
	float:left;
	float:left;
}
.onlyn_div 
{
	position:relative;
	width:128px;
	padding-top:10px;
	padding-bottom:7px;
	border:solid 1px #666666;
	font-size:17px;
	line-height:17px;
	font-family: 'Roboto';
	border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;
	text-align:center;
	color:#999999;
	float:left;
}
.onlyn_div_stats 
{
	position:relative;
	width:15%;
	width:128px;
	padding-top:16px;
	padding-bottom:5px;
	font-size:30px;
	line-height:30px;
	font-family: 'Roboto';
	text-align:center;
	color:#82cbed;
	float:left;
}
.current_status
{
	position:relative;
	font-size:30px;
	line-height:30px;
	font-family: 'Roboto';
	top:-15px;
	left:10%;
	padding-right:12%;
	float:left;
	text-align:center;
	color:#82cbed;
}


/************************ all job cont ***********************/
#all_job_cont
{
	position:relative;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:160px;
	max-width:1200px;
	min-width:1200px;
}
.title
{
	font-size:34px;
	line-height:34px;
	font-family: 'Roboto';
	color:#404040;
	text-align:center;
	width:100%;
	position:relative;
	top:60px;
	float:left;
	
}
.sub_title
{
	
	color: #4c4c4c;
    font-family: 'Roboto';
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	font-size:12px;
	width:100%; 
	font-weight:normal;	
	padding-top:3px;
	letter-spacing: 0.5px;
}
.inner_title
{
	font-size:14px;
	line-height:14px;
	font-family: 'Roboto';
	color:#cccccc;
	text-align:center;
	width:100%;
	position:relative;
	top:0px;
	float:left;
}
.job_inner
{
	position:relative;
	float:left;
	width:390px;
	min-width:300px;
	max-width:390px;
	height:160px;
	background-color:#f0f8fc;
	border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;
	margin-right:5px;
	margin-top:5px;
	padding-top:15px;
}

.alljob_val
{
	font-size:14px;
	line-height:18px;
	font-family: 'Roboto';
	color:#636464;
	margin-top:10px;
}
.alljob_title
{
	position:relative;
	top:0px;
	left:5%;
	width:22%;
	font-size:12px;
	line-height:12px;
	font-family:'myriad-set-pro_semibold',sans-serif;
	float:left;
	color:#636464;
}
.alljob_currtime
{
	position:relative;
	top:0px;
	left:10px;
	width:22%;
	font-size:20px;
	line-height:20px;
	font-family: 'Roboto';
	float:left;
	color:#b5e0f4;
}
.alljob_address
{
	position:relative;
	top:0px;
	left:5%;
	width:75%;
	font-size:12px;
	line-height:12px;
	font-family:'myriad-set-pro_semibold',sans-serif;
	float:left;
	color:#636464;
}

.middle_line
{
	position:relative;
	margin-top:3px;
	width:0.5%;
	border:none;
	margin-right:10px;
	background-color:#c0e4f5;
	float:left;
	height:35px;
}
.sal
{
	position:absolute;
	float:right;
	width:15%;
	right:5%;
	background-color:#666666;
	padding-top:6px;
	padding-bottom:6px;
	color:#FFFFFF;
	text-align:center;
	border-top-left-radius:3px;
	-moz-border-top-left-radius:3px;
	-ms-border-top-left-radius:3px;
	-o-border-top-left-radius:3px;
	-webkit-border-top-left-radius:3px;
	border-top-right-radius:3px;
	-moz-border-top-right-radius:3px;
	-ms-border-top-right-radius:3px;
	-o-border-top-right-radius:3px;
	-webkit-border-top-right-radius:3px;
	font-size:16px;
	line-height:16px;
	font-family: 'Roboto';
	bottom:0px;
}


/*********************** EMPLOYEE DETAILS **************************/
.allemp_details
{
	position:relative;
	width:10%;	
	float:left;
	border:dotted #FF0000;
}
.allemp_title
{
	position:relative;
	top:0px;
	padding-left:4%;
	width:38%;
	font-size:16px;
	margin-right:5px;
	margin-left:5px;
	line-height:16px;
	font-family:'myriad-set-pro_semibold',sans-serif;
	float:left;
	color:#4d4d4d;
}
.image_div
{
	position:relative;
	width:10%;
	
	float:left;
	left:5%;
}
.emp_middle_line
{
	position:relative;
	margin-top:3px;
	width:0.5%;
	border:none;
	background-color:#c0e4f5;
	float:left;
	height:45px;
}
.emp_middle_line2
{
	position:relative;
	margin-top:10px;
	width:0.5%;
	border:none;
	background-color:#c0e4f5;
	float:left;
	height:45px;
}
.allemp_earn
{
	position:relative;
	top:15px;
	width:23%;
	font-size:14px;
	
	margin-left:10px;
	line-height:14px;
	font-family: 'Roboto';
	float:left;
	color:#4d4d4d;
}

.allemp_val
{
	font-size:14px;
	line-height:18px;
	font-family: 'Roboto';
	color:#636464;
	margin-top:10px;
}
.status_emp
{
	position:relative;
	width:50px;
	left:5%;
	margin-right:20px;
	text-align:center;
	padding-top:7px;
	padding-bottom:5px;
	color:#FFFFFF;
	background-color:#009933;
	font-size:12px;
	line-height:12px;
	font-family: 'Roboto';
	float:left;
	border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;
	
}
#all_booking
{
	position:relative;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	max-width:1280px;
	min-width:300px;
	text-align:center;
	display:block;
}
.submit
{
	position:relative;
	width:150px;
	margin-top:150px;
	padding-top:7px;
	padding-bottom:5px;
	color:#82cbed;
	margin-left:auto;
	margin-right:auto;
	border:solid 1px #82cbed;
	border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;
	cursor:pointer;
	font-family: 'Roboto';	
}
.input_box_num
{ 
	position:relative;
	display:inline-block;
	
	margin-left:auto;
	margin-right:auto;
	background:url(../images/no_bar.png);
	background-repeat: no-repeat;
	color:#999999;
	padding-left: 150px;
	padding-top:0px;
	height:62px;
	border:none;
	background-color:transparent;
	max-width:380px;
	font-family: 'Roboto';	
	font-size:30px;
}
.bottom_txt
{
	position:relative;
	margin-top:60px;
	margin-left:50px;
	float:left;
	font-family: 'Roboto';	
	color:#82cbed;
	font-size:26px;
	
}
#code_div
{
	position:relative;
	display:inline-block;
	margin-left:-40px;
	width:379px;
	height:62px;
	border:solid 1px #999999;
}
.input_box_code
{ 
	position:relative;
	display:inline-block;
	margin-left:auto;
	margin-right:auto;
	color:#999999;
	padding-left: 0px;
	padding-top:0px;
	height:62px;
	border:none;
	background-color:transparent;
	max-width:380px;
	font-family: 'Roboto';	
	font-size:30px;
}
/********************* booking desc ************************/
#mian_cont_3
{
	width:100%;
	position:relative;
	margin-top:80px;
	background-color:rgb(239, 90, 79);
}
.inner_label
{
	padding-top:80px;
	padding-bottom:20px;
	color:#82cbed;
	font-size:40px;
	font-family:'OpenSans-Light';
	text-align:center;
	max-width:820px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.top_txt
{
	color:#82cbed;
	font-size:36px;
	line-height:54px;
	font-weight:500;
	font-family:'OpenSans-light';
	display:inline-block;
	padding-right:5px;
	line-height:0px;
}

#get_price
{
	position:relative;
	margin-top:100px;
	width:166px;
	padding-top:12px;
	padding-bottom:12px;
	border:#82cbed solid 2px;
	border-radius:3px;
	-moz-border-radius:8px;
	-ms-border-radius:8px;
	-o-border-radius:8px;
	-webkit-border-radius:8px;
	margin-left:auto;
	margin-right:auto;
	color:#82cbed;
	font-size:22px;
	font-family:'OpenSans-Light';
	text-align:center;
	cursor:pointer;
}
.input_box
{ 
	position:relative;
	display:inline-block;
	background-repeat: no-repeat; 
	padding: 0 0 0 0;
	color:#FFF;
 	border:solid 1px; 
	padding-left: 9px;
	padding-top:0px;
	padding-bottom:0px;
	font-family:'OpenSans-Light';
    font-size:14px;
	border-width:1px; 
	border-radius:7px;
	-moz-border-radius:7px;
	-ms-border-radius:7px;
	-o-border-radius:7px;
	-webkit-border-radius:7px;
	border-left-width:thin;
	/*margin-top:10px;*/
	margin-top:-5px;
	max-width:380px;
	width:100%;
	font-size:36px;
	font-family:'OpenSans-Light';
}
#location_field
{
	background-color:#82cbed;
	border-color:#82cbed;
}
.service_name_buton
{
	color:rgba(255,255,255,1);
	border:#000;
	
	font-size:36px;
	border:solid 1px; 
	font-family:'OpenSans-Light';
	border-radius:7px;
	-moz-border-radius:7px;
	-ms-border-radius:7px;
	-o-border-radius:7px;
	-webkit-border-radius:7px;
	text-align:center;
	display:inline-block;
	margin-top:10px;
	margin-bottom:-10px;
	
}
#service_type
{
	background-color:#82cbed;
	border-color:#82cbed;
	/*background-color:#FF0000;
	background-color:#00FF00;
	background-color:#FFFF00;
	background-color:#00FFFF;
	background-color:#6666CC;*/
}
.right_txt
{
	position:relative;
	text-align:right;
	margin-left:auto;
	margin-right:auto;
	display:block;
	color:#82cbed;
	width:340px;
	font-family:'OpenSans-Light';
}
#code_box
{ 
	position:relative;
	display:inline-block;
	margin-left:auto;
	margin-right:auto;
	background:url(../images/no_bar.png);
	background-repeat: no-repeat;
	color:#000;
	padding-left: 150px;
	padding-top:0px;
	height:62px;
	border:none;
	background-color:transparent;
	max-width:380px;
	font-family: 'Roboto';	
	font-size:30px;
}
#title
{
	font-size:22px;
	font-family: 'Roboto';	
	color:#000;
	text-align:center;
}
#top_bar
{
	position:relative;
	top:40px;
	max-width:1108px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	height:200px;
}
#top_menu_bar
{
	position: absolute;
	left:0px; top:0px;
	width:100%;
	height:55px;
	background:#f1f2f2;
	border-bottom:  0.5px solid #e5e5e5 ;
}

#top_menu_bar_dashboard
{
	position: absolute;
	padding-left:0px; top:0px;
	width:100%;
	height:50px;
	background:#fff;
	border-bottom:  0.5px solid #e5e5e5;

}
.emp_full_name
{
	position:absolute; left:53px; text-align:left; top:-10px; width:250px;
	font-family:'HelveticaNeueLTStd-Roman';
	letter-spacing: 0.5px;
	font-size:17px;
	
}

.emp_name_title
{
	position:absolute; left:53px;text-align:left; top:7px; width:250px; font-weight:normal; font-size:12px; text-transform: capitalize;
	font-family:'HelveticaNeueLTStd-Lt';
	font-size:12px;
	letter-spacing: 0.5px;
	color:rgba (0,0,0,0.5);
	padding-top:6px;
}

.datetimepicker3
{
	text-align:left;
}
.datetimepicker3:hover
{
	cursor:pointer;
	
}
.datetimepicker1:hover
{
	cursor:pointer;
}
.datetimepicker2:hover
{
	cursor:pointer;
}
#emponMap:hover
{
	background-color:#c0d7c8;
	cursor:pointer;
}
#empOrder:hover
{
	background-color:#dbeae1;
	cursor:pointer;
}
#inner_bar
{
	position:relative;
	top:0px;
	max-width:1100px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	height:30px;
	padding-top:12px;
	background-color:#ececec;
	font-family:'myriad-set-pro_semibold',sans-serif;	
	text-align:center;
}
#label_div
{
	position:relative;
	height:140px;
	border:solid 1px #839ba0;
	padding:3px 3px;
	margin-top:5px;
	max-width:1091px;
	width:100%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	display:inline-block;
}
.asset
{
	position:relative;
	left:2px;
	float:left;
	width:214px;
	height:139px;
	background-color:#82cbed;
	margin-right:4px;
	font-family:'myriad-set-pro_semibold',sans-serif;	
	font-size:16px;
	color:#FFF;
}
.text_asset
{
	position:relative;
	padding-top:32px;
	line-height:8px;
}
#date_cont
{
	position:relative;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	float:left;
}
.date
{
	font-family:'myriad-set-pro_semibold',sans-serif;	
	font-size:16px;
	float:left;
	text-align:center;
	margin-top:73px;
	margin-left:200px;
}
#emp_map
{
	position:relative;
	width:100%;
	float:left;
	margin-top:40px;
	height:480px;
}
#emp_details
{
	position:relative;
	max-width:1061px;
	height:270px;
	width:100%;
	margin-top:40px;
	
	float:left;
	left:100px;
}
.margin_top_txt
{
	margin-top:26px;
}
.top_bar_div
{
	position:relative;
	background-color:#ececec;
	padding:2px;
	width:95%;
	height:24px;
	font-family:'myriad-set-pro_semibold',sans-serif;	
	font-size:16px;
	padding-top:9px;
}
.detail_box_cont
{
	position:relative;
	float:left;
}
.details_box_id
{
	position:relative;
	float:left;
	width:147px;
	padding:2px;
	border:solid 1px #839ba0;
	font-size:14px;
	font-family: 'Roboto';	
	color:#000;
}

.details_box_date
{
	position:relative;
	float:left;
	width:97%;
	height:70px;
	padding:2px;
	border:solid 1px #839ba0;
	font-size:14px;
	font-family: 'Roboto';	
	color:#000;
}

#input_container_email {
    position:relative;
    margin:0 0px;
    width:246px;
	background-color:#f1f2f2;
}
.inputemail {
    height:20px;
    margin:0; width:300px; height:40px;
    padding-left: 40px;
	padding-right: 5px;
    width: 100%;
	  border: 0.5px solid #b6b6b6;
	 border-radius: 4px;
	 -moz-border-radius:4px;
	 -ms-border-radius:4px;
	 -o-border-radius:4px;
	 -webkit-border-radius:4px;
	background-color:#f1f2f2;
	font-family:"MyriadPro-Regular";
	font-size:12px;
}

.remember_me
{
	color:#adadad;float:left;position:relative;margin-top:20px;font-size:12px;font-family:"MyriadPro-Regular";
}
.input_img {
    position:absolute;
    top:10px;
    left:10px;
    width:22px;
    height:21px;
}
#input_container_password
{
    position:relative;
    margin:0 0px;
	margin-top:14px;
    width: 246px;
	background-color:#f1f2f2;

}
#submit_btn
{
	position: relative;
    /* width: 80%; */
    max-width: 77px;
    margin-top: 13px;
    height: 25px;
    background-color: #4c9867;
    float: right;
    /* margin-right: 64px; */
    padding-top: 5px;
    text-align: center;
    padding-bottom: 10px;
    border: 0px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    color: hsla(0,0%,100%,1);
    cursor: pointer;
    margin-bottom: 150px;
    font-family: "MyriadPro-Regular";
    font-size: 13px;
}
.submit_btn_new
{
    max-width: 100% !important;
    width: 90% !important;
    /* margin-right: 32px !important; */
    background-color: #1e2f41 !important;
    height: 34px !important;
    padding-top: 9px !important;
    /* margin-left: 32px; */
    float: left !important;
}
#forget_txt
{
	color:#58595b; 
	width:100%; 
	text-align:center; 
	position:absolute;
	 bottom:3px; 
	 font-family:"MyriadPro-Regular";
	font-size:12px;
	cursor:pointer;
}
.menu_icon
{
	color:#000;
	font-family:'HelveticaNeueLTStd-Lt';
	font-size:17px;
	text-decoration:none;
	padding-right:10px;
	padding-left:10px;
}
.menu_icon:hover
{
	color:rgba(0,0,0,0.7);
}
.menu_icon_click:hover
{
	color:rgba(0,0,0,0.7);
}
.menu_icon_click
{
	/*font-family:'HelveticaNeueLTStd-Roman';*/
	color:#4C9867;
	/*color:#000;
	font-size:17px;
	text-decoration:none;
	padding-right:14px;
	padding-left:14px;
	cursor:pointer;*/
}
#menu_button
{
	position:absolute; height:30px; right:20px; top:19px;
	/*font-size:15px;
	font-family: 'Roboto';	*/
	color:rgba(0,0,0,.6);
	
}

.report_title
{
	font-family:'HelveticaNeueLTStd-Roman',sans-serif;	
	font-size:17px;
	line-height:22px;
	color:#808080;
	letter-spacing:0.5px;
	position:relative;
	float:left;
	
}
.reportSubHeading
{
	font-family:'HelveticaNeueLTStd-Roman',sans-serif;	
	font-size:15px;
	line-height:15px;
	color:#808080;
	letter-spacing:0.5px;
	position:relative;
	float:left;
	padding-top:20px;
	padding-bottom:0px;
}

.input-withicon { position: relative; width:115px; float:left; margin-left: 10px;  }
.input-withicon {  background:#4a9866; color:#FFF; font-family: 'OpenSans-Light'; width: 100%; height:26px;   border: 0px solid #999; font-size:12px; padding-left:45px; padding-top:0px; padding-right:5px; }
.input-withicon img { position: absolute; top: 6px; left: 25px }

/* enable absolute positioning */
.inner-addon {
  position: relative;
}

/* style glyph */
.inner-addon .glyphicon {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}

/* align glyph */
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

.addHeading
{
	font-family:'HelveticaNeueLTStd-Md';
	font-size:15px;
	line-height:15px;
	padding:0 0 0 0;
	margin:0 0 0 0;
}

.subHeading
{
	font-family:'HelveticaNeueLTStd-Md';
	font-size:12px;
	line-height:12px;
	padding:0 0 0 0;
	margin:0 0 0 0;
}

.input_container {
    position:relative;
    margin:0 0px;
    width: 268px;
	/*background-color:#f1f2f2;*/
	margin-top:10px;
}


.align_div
{
	/*position:relative;
	float:left;
	width:100%;*/
}
.input_container_hlaf {
    position:relative;
    margin:0 0px;
    max-width:126px;
	width:100%;
	/*background-color:#f1f2f2;*/
	margin-top:10px;
	/*margin-right:10px;*/
	float:left;
	border:dotted #FFF;
}


.input_container_rem {
    position:relative;
    margin:0 0px;
   /* max-width:450px;*/
	width:100%;
	
	/*background-color:#f1f2f2;*/
	margin-top:10px;
	margin-bottom:10px;
	/*margin-right:10px;*/
	float:left;
}

.input_container_sel {
    position:relative;
    margin:0 0px;
    max-width:143px;
	width:100%;
	/*background-color:#f1f2f2;*/
	margin-top:10px;
	/*margin-right:10px;*/
	float:left;
}
.inputtxt {
    height:35px;
    margin:0; width: 226px;
    padding-left: 35px;
	padding-right: 5px;
   /* width: 100%;*/
   width: 258px;
	border: 1px solid #aeaeae;
	border-radius:1.8px;
	-moz-border-radius:1.8px;
	-ms-border-radius:1.8px;
	-o-border-radius:1.8px;
	-webkit-border-radius:1.8px;
	background-color:#fff;
	font-size:12px;
	font-family:'HelveticaNeueLTStd-Lt',sans-serif;
	color:#808080;
	letter-spacing:0.5px;
	border-radius: 4px;
	margin: 10px 0;
}

/*.input_box
{ 
	background-repeat: no-repeat; 
	padding: 0 0 0 0;
	color:#808080;
 	border:solid 1px #66a8cb; 
	padding-left: 35px;
	padding-top:16px;
	font-size:12px;
	font-family:'HelveticaNeueLTStd-Lt',sans-serif;
	border: 1px solid #aeaeae;
	border-radius:1.8px;
	-moz-border-radius:1.8px;
	-ms-border-radius:1.8px;
	-o-border-radius:1.8px;
	-webkit-border-radius:1.8px;
	background-color:transparent;
	height:35px;
	max-width:266px;
	width:100%;
}*/

.input_box_new
{ 
	position:relative;
	float:right;
	background-repeat: no-repeat; 
	padding: 0 0 0 0;
	color:#000;
 	border:solid 1px #66a8cb; 
	padding-left: 35px;
	padding-top:16px;
	font-family:"MyriadPro-Light";
    font-size:14px;
	border-width:1px; 
	border-bottom-right-radius:3px;
	border-bottom-left-radius:3px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	border-left-width:thin;
	border-left-color:#CCCCCC;
	border-color:#CCCCCC;
	background-color:transparent;
	height:44px;
	max-width:380px;
	width:100%;
}

.input_box_new_wop
{ 
	position:relative;
	float:right;
	background-repeat: no-repeat; 
	padding: 0 0 0 0;
	color:#000;
 	border:solid 1px #66a8cb; 
	padding-left: 9px;
	padding-top:16px;
	font-family:"MyriadPro-Light";
    font-size:14px;
	border-width:1px; 
	border-bottom-right-radius:3px;
	border-bottom-left-radius:3px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	border-left-width:thin;
	border-left-color:#CCCCCC;
	border-color:#CCCCCC;
	background-color:transparent;
	height:44px;
	max-width:380px;
	width:100%;
}

.input_box_dis
{ 
	position:relative;
	float:right;
	background-repeat: no-repeat; 
	padding: 0 0 0 0;
	color:#000;
 	border:solid 1px #66a8cb; 
	padding-left: 30px;
	padding-top:16px;
	font-family:"MyriadPro-Light";
    font-size:14px;
	border-width:1px; 
	border-bottom-right-radius:3px;
	border-bottom-left-radius:3px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	border-left-width:thin;
	border-left-color:#CCCCCC;
	border-color:#CCCCCC;
	background-color:transparent;
	height:44px;
	max-width:380px;
	width:100%;
}


.input_box_sel
{ 
	position:relative;
	float:right;
	background-repeat: no-repeat; 
	padding: 0 0 0 0;
	color:#000;
 	border:solid 1px #66a8cb; 
	padding-left: 30px;
	padding-top:16px;
	font-family:"MyriadPro-Light";
    font-size:14px;
	border-width:1px; 
	border-bottom-right-radius:3px;
	border-bottom-left-radius:3px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	border-left-width:thin;
	border-left-color:#CCCCCC;
	border-color:#CCCCCC;
	background-color:transparent;
	height:44px;
	max-width:266px;
	width:100%;
}
.input_box_sel_wop
{ 
	position:relative;
	float:right;
	background-repeat: no-repeat; 
	padding: 0 0 0 0;
	color:#000;
 	border:solid 1px #66a8cb; 
	padding-left: 4px;
	padding-top:16px;
	font-family:"MyriadPro-Light";
    font-size:14px;
	border-width:1px; 
	border-bottom-right-radius:3px;
	border-bottom-left-radius:3px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	border-left-width:thin;
	border-left-color:#CCCCCC;
	border-color:#CCCCCC;
	background-color:transparent;
	height:44px;
	max-width:266px;
	width:100%;
}
.input_box_new:hover
{
	border:solid 1px #70ad85; 
	color:#000;
}
.input_box_new:hover
{
	border:solid 1px #70ad85; 
	color:#000;
}
.input_box_new_wop:hover
{
	border:solid 1px #70ad85; 
	color:#000;
}
.input_box_new_wop:focus
{
	outline:none;
}
.input_box_dis:hover
{
	border:solid 1px #70ad85; 
	color:#000;
}
.input_box_dis:focus
{
	outline:none;
}
.input_box_sel:focus
{
	outline:none;
}
.input_box_sel:hover
{
	border:solid 1px #70ad85; 
	color:#000;
}
.input_box_sel_wop:focus
{
	outline:none;
}
.input_box_sel_wop:hover
{
	border:solid 1px #70ad85; 
	color:#000;
}
/*.input_box_sel
{ 
	background-repeat: no-repeat; 
	padding: 0 0 0 0;
	color:#808080;
 	border:solid 1px #66a8cb; 
	padding-left: 30px;
	padding-top:16px;
	font-size:12px;
	font-family:'HelveticaNeueLTStd-Lt',sans-serif;
	border: 1px solid #aeaeae;
	border-radius:1.8px;
	-moz-border-radius:1.8px;
	-ms-border-radius:1.8px;
	-o-border-radius:1.8px;
	-webkit-border-radius:1.8px;
	background-color:transparent;
	height:35px;
	max-width:266px;
	width:100%;
}*/

.inputtxthalf {
    height:35px;
    margin-right:30px; /*width: 126px;*/
    padding-left: 10px;
	padding-right: 5px;
    width: 100%;
	border: 1px solid #aeaeae;
	border-radius:1.8px;
	-moz-border-radius:1.8px;
	-ms-border-radius:1.8px;
	-o-border-radius:1.8px;
	-webkit-border-radius:1.8px;
	background-color:#fff;
	font-size:12px;
	font-family:'HelveticaNeueLTStd-Lt',sans-serif;
	color:#808080;
	letter-spacing:0.5px;
}
.align_slots 
{
	position:relative;
	float:left;
}

#p_scents
{
	position:relative;
	top:0px;
	left:0px;
	/*border:dotted #F00;*/
	width:100%;
	float:left;
}

.inputtxtselhalf {
    height:38px;
	color:#808080;
    margin:0; 
    padding-left: 5px;
	padding-right: 5px;
    width: 100%;
	border: 1px solid #aeaeae;
	border-radius:1.8px;
	-moz-border-radius:1.8px;
	-ms-border-radius:1.8px;
	-o-border-radius:1.8px;
	-webkit-border-radius:1.8px;
	background-color:#fff;
	font-size:12px;
	font-family:'HelveticaNeueLTStd-Lt',sans-serif;
	letter-spacing:0.5px;
}

.inputtxtsel {
    height:38px;
	color:#808080;
    margin:0; 
    padding-left: 35px;
	padding-right: 5px;
    /* width: 100%;*/
   width: 300px;
	border: 1px solid #aeaeae;
	border-radius:1.8px;
	-moz-border-radius:1.8px;
	-ms-border-radius:1.8px;
	-o-border-radius:1.8px;
	-webkit-border-radius:1.8px;
	background-color:#fff;
	font-size:12px;
	font-family:'HelveticaNeueLTStd-Lt',sans-serif;
	letter-spacing:0.5px;
}
.inputtxtsel_cat {
    height:38px;
	color:#808080;
    margin:0; width: 236px;
    padding-left: 5px;
	padding-right: 5px;
    width: 100%;
	border: 1px solid #aeaeae;
	border-radius:1.8px;
	-moz-border-radius:1.8px;
	-ms-border-radius:1.8px;
	-o-border-radius:1.8px;
	-webkit-border-radius:1.8px;
	background-color:#fff;
	font-size:12px;
	font-family:'HelveticaNeueLTStd-Lt',sans-serif;
	letter-spacing:0.5px;
}

.input_containersel {
    position:relative;
    margin:0 0px;
    width: 268px;
	
	/*background-color:#f1f2f2;*/
	margin-top:10px;
}

.input_containersel_slot {
    position:relative;
    margin:0 0px;
    /*width: 268px;*/
	/*background-color:#f1f2f2;*/
	margin-top:10px;
}

.inputimg {
    position:absolute;
    top:10px;
    left:10px;
}
#savechanges_btn
{
	position:relative;
	float:right;
	width:80%; 
	max-width:140px;
	margin-top:14px;
	height:33px;
	background-color:#4a9866;
	float:right;
	margin-right:0px;
	padding-top:10px;
	text-align:center;
	padding-bottom:10px; 
	border:0px;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	color:hsla(0,0%,100%,1);
	cursor:pointer;
	margin-bottom:20px;
	font-family:'Roboto-Regular';
	font-size:12px;
}
#savechanges_btn_discount
{
	position:relative;
	float:right;
	width:100%; 
	/*max-width:140px;*/
	margin-top:14px;
	height:33px;
	background-color:#4a9866;
	float:right;
	margin-right:0px;
	padding-top:10px;
	text-align:center;
	padding-bottom:10px; 
	border:0px;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	color:hsla(0,0%,100%,1);
	cursor:pointer;
	margin-bottom:20px;
	font-family:'Roboto-Regular';
	font-size:12px;
}
#savechanges_btn_discount:hover
{
	background-color:#70ad85;
}

#savechanges_btn:hover
{
	background-color:#70ad85;
}
.btn_green_back
{
	width:60px;
	height:20px;
	background-color:#4a9866;
	padding-top:6px;
	text-align:center;
	padding-bottom:5px; 
	border:0px;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	color:hsla(0,0%,100%,1);
	cursor:pointer;
	font-family:'HelveticaNeueLTStd-Roman', sans-serif;
	font-size:13px;
	letter-spacing:0.5px;
}
.btn_green_back:hover
{
	background:#70ad85;
}
.btn_green_back:active
{
	background:#70ad85;
}
.btn_save_zone
{
	width:63px;
	height:30px;
	background-color:#4a9866;
	padding-top:8px;
	text-align:center;
	padding-bottom:5px; 
	border:0px;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	color:hsla(0,0%,100%,1);
	cursor:pointer;
	font-family:'Roboto-Regular',sans-serif;
	font-size:12px;
}
.btn_save_zone:hover
{
	background-color:#70ad85;
}
.employee_details
{
	position:relative;
	float:left;
	width:100%;
	
	margin-top:13px;
}
.empzone_name_title
{
	position:relative;float:left;
	font-family: 'HelveticaNeueLTStd-Roman',sans-serif;
	font-size:12px;
	letter-spacing:0.5px;
	color:#FFF;
	margin-left:10px;
	margin-top:0px;
	margin-bottom:0px;
	padding:0 0 0 0;
}
.empzone_value
{
	position:relative;float:right;right:0;
	font-family:'HelveticaNeueLTStd-Lt',sans-serif;
	font-size:13px;
	letter-spacing:0.5px;
	color:#FFF;
	margin-right:17px;
	margin-top:0px;
	margin-bottom:0px;
	padding:0 0 0 0;
}
.tabledata a:link{
 /* color: #fff;*/
  color:#262a27;
  text-decoration: none;
}
.tabledata a:visited{
  color: #fff;
   background-color:#4c9867;
  text-decoration: none;
}
.tabledata a:hover 
{
  color: #000;
  background-color:#4c9867;
  text-decoration: none;
}
.tabledata a:active
{
  color: #000;
  text-decoration: none;
}
.emp_name
{
	 color: #4c4c4c;
    font-family: 'Roboto';
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	letter-spacing: 0.5px;
	margin-top: -10px;
    margin-left: 57px;
    width: 100%;
    font-weight: normal;
	
}
.emp_img {
	position: absolute;
    left: 0px;
   /* border: 0.5px solid #e5e5e5;*/
   border-radius: 4px;
   padding: 5px;
   font-size: 30px;
   width: 45px;
}
.designReport
{
	position: absolute; 
	width:100%;  
	height:40px;
	top:20px;
	margin-left:30px;
	margin-right:30px;
}
.select-input-fields
{
	margin-top:10px;
	border-bottom:  1px solid #939598;
	width:900px;
	height:40px;

}
.select-input-fields_report
{
	margin-top:10px;
	
	width:180px;
	height:40px;

}
.datetime-input { position: relative; width:180px; float:left; margin-left: 0px;  }
.datetime-input input {  background:transparent; color:#404b5c; font-family: 'OpenSans-Light'; font-weight:bold; width: 100%; height:30px; text-align:center;   border: 1px solid #404b5c; font-size:12px;  padding-top:0px; padding-left:5px; padding-right:5px; 
border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	-webkit-border-radius:4px; }
	

	
#orderViewCont
{
	position: relative; 
	width:97px;  
	/*height:26px;*/
	float:right;
	/*margin-right:40px;*/
	/*top:10px;	*/
}

	
#orderView {
  background:#404b5c;
  border-radius:2px;
  color:#FFFFFF;
  cursor:pointer;
  float:left;
  font-family:HelveticaNeueLTStd-Lt, sans-serif;
  font-size:14px;
  height:33px;
  letter-spacing:0.5px;
  position:relative;
  top:9px;
  padding-top:6px;
  width:97px;
  border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	-webkit-border-radius:4px; 
}	
	
	
	/*{
	background:#4a9866;
	position: relative; 
	width:77px;  
	height:26px;
	float:right;
	color:#FFF;
	font-family: 'HelveticaNeueLTStd-Lt',sans-serif;	
	font-size:14px;
	border-radius:2px;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-webkit-border-radius:2px;
	cursor:pointer;
	letter-spacing:0.5px;
	top:10px;
}*/
#orderView:active
{
	opacity:0.9;
	
}
.img-circle{border-radius:50%}
.img-circle_bg
{
	border-radius:50%;
	/*border: solid 3px #ff4a4c;*/
	
}

/*************Custom Scroller***********************/
.customtrack {
    width: 10px;
    background: rgba(0, 0, 0, 0);
    margin-right: 2px;
    border-radius: 10px;
    -webkit-transition: background 250ms linear;
    transition: background 250ms linear;
}

.customtrack:hover,
.customtrack.dragging {
    background: #d9d9d9; 
    background: rgba(0, 0, 0, 0.15);
}

.customhandler {
    width: 7px;
    right: 0;
    background: #999;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 7px;
    -webkit-transition: width 250ms;
    transition: width 250ms;
}

.customtrack:hover .customhandler,
.customtrack.dragging .customhandler {
    width: 10px;
}
.btn_green_back_button
{
	width:60px;
	height:30px;
	background-color:#4a9866;
	padding-top:5px;
	text-align:center;
	padding-bottom:5px; 
	border:0px;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	color:hsla(0,0%,100%,1);
	cursor:pointer;
}
#main_container_report
{
	position:absolute;
	left:240px;
	top:195px;
	width:calc(100% - 300px);
	/*max-width:592px;*/
	height: calc(100% - 300px);
	visibility:hidden;
}
#report_div
{
	position:absolute;
	left:0px;
	top:50px;
	float:left;
	width:100%;
	height:inherit;
	background-color:#FFF;
	max-width:750px;
	margin-left:0;
	margin:0 0 0 0; 

}
#report_div div
{
	/*padding-bottom:20px;*/
}
.item_info_detail
{
	position: relative;
	margin-top:0px; 
	padding-top:5px;
	padding-bottom:5px;
	margin-left: 95px; 
	width:400px; 
	/*font-weight:800; */
	color:#000; 
	border:thin #066; 
	height:20px;
	/*border-bottom:  1px solid #939598;*/
	border-bottom:  0.5px solid #d6d6d6;
	
}
.heading_blue_order_detail
{
	position:relative;
	float:left;
	margin:0 0 0 0; 
	font-size:15px;
	line-height:15px;
	padding-top:5px;
	padding-left:15px;
	background-color:#6fac85;
	border-radius:0px;
	text-align:left;
	max-width: 592px;
	width:100%;
	height:20px;
	font-family:'HelveticaNeueLTStd-Roman',sans-serif; 
	color:#FFF;
	letter-spacing:0.5px;
}
#chartContainer
{
	position:absolute;
	left: 600px;
	top:95px;
}
#com_name
{
	position:relative;float:left;width:100px;margin:0 0 0 0;
}
#com_left_align
{
	position:relative;float:right;width:100px;margin:0 0 0 0;
}

<pre>

.slick-next::before {
	background-image:'../images/charts/arrow_old.png';
        background: url('../images/charts/arrow_old.png') no-repeat;
        content: "";
        display: block;
        height: 15px;
        width: 15px;
}
.slick-prev {
        background: url('../images/charts/arrow_old.png') no-repeat;
        content: "";
        display: block;
        height: 15px;
        width: 15px;
}
</pre>

#main_div_chart
{
	position:relative;
	float:left;
	margin-top:70px;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	margin-left:0px;
	overflow-x: hidden;
	
}
#maindivScroll
{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	margin-left:0px;
	overflow-x: hidden;
	
}

.middle_div
{
	display: table;
	margin: auto;
	max-width:1024px;
	min-width:400px;
	width:100%;
	margin-top:30px;
	overflow:hidden;
	margin-left:auto;
	padding-left:15px;
	padding-right:15px;
	margin-right:auto;
}

#slider
{
	position:relative;
	float:left;
	z-index:100;
	 max-width: 50px;
	 width:5%;
	 height: 100%;
	 top:0px;
}

#main_slider
{
	position:absolute !important;
	height:calc(100% - 56px);
	overflow:scroll;
	position:relative;
	float:right;
	z-index:100;
	width: 265px; 
	right:0px; 
	top:0px; 
	overflow-y:hidden;
	overflow-x:hidden;
	margin-top:0px;
}
#main_slider_emp
{
	position:relative;
	height:calc(100% - 56px);
	overflow:scroll;
	position:relative;
	float:right;
	z-index:100;
	width: 220px; 
	right:0px; 
	top:0px; 
	margin-top:0px;
	overflow:hidden;
}
#slider_right
{
	position:relative;
	float:right;
	z-index:100;
	width: 250px;
	 right:0px;
	/* width:12%;*/
	/* height: calc(100% - 60px);*/
	 top:-1px;
	 overflow:hidden;
	
}

.margin_top
{
	
}
#slider_right_emp
{
	float:right;
	z-index:999999;
	width: 300px;
	/*margin-right: -100px;*/
	/* width:12%;*/
	/* height: calc(100% - 56px);
	 top:-1px;*/
	 overflow-x:hidden;	
	 overflow-y:scroll;
}
#slider_right_emp:hover{
	margin-right:0px;
}
.remove_bg_color
{
	background-color:#FFF;
	border:transparent;
}

.nav_bar_hidden
{
	/*position:relative;
	right:0px;*/
	
}
.main_class
{
	/*display: table;
	margin: auto;
	max-width:1074px;
	min-width:400px;
	width:100%;
	margin-top:70px;
	overflow:hidden;*/	
	margin: 0 auto; 
	/*max-width:1074px;
	min-width:400px;*/
	/*width:95%;*/
	width: calc(100% - 50px);
	position:relative;
	float:left;
	margin-top:70px;
}


#wrapper_slider {
    display: block;
    width: 1074px;
	padding-left:10px;
	padding-right:10px;
  padding-top:0px;
   position:relative;
   float:left;
    background: #fafafa;
    white-space: nowrap;
	/*height:855px;
	overflow-y:scroll;
	overflow-x:hidden;*/
	}

.post {
    position:relative;
	float:left;
    width: 1024px;
    height: 750px;
	
    background: #fff;
	
    }
	
	
	

.main_cont_charts
{
	position:relative;
	float:left;
	
	/*margin: auto;*/
	/*margin-right:auto;
	margin-left:auto;*/
	/*max-width:1024px;
	
	width:100%;*/
	margin-top:0px;
}
#top_bar_chart
{
	position:relative;
	float:left;
	width:100%;
/*	max-width:500px;
*/	background-color:#f2f2f2;
	padding:5px 0 0px 10px;
	font-family:'HelveticaNeueLTStd-Roman', sans-serif;
	font-size:17px;
	color:#000;
}
.main_heading
{
	position:relative;
	float:left;
	width:50%;
}
.view_all_detials
{
	position:relative;
	float:right;
	width:50%;
	right:10px;
	text-align:right;
	font-size:15px;
	font-family:'MyriadPro-Light', sans-serif;
	margin-top:2px;
	color:#9d9b9b;
}
#bottom_chart_div
{
	position:relative;
	float:left;
	width:100%;
	/*max-width:500px;*/
	background-color:#fafafa;
}
.date_chart
{
	position:relative;
	float:left;
	left:10px;
	width:40%;
	font-family:'MyriadPro-Light', sans-serif;
	font-size:14px;
	margin-top:10px;
}
.view_chart
{
	position:relative;
	float:right;
	right:10px;
	border:solid 1px #17a26e;
	border-radius:2px;
	moz-border-radius:2px;
	webkit-border-radius:2px;
	ms-border-radius:2px;
	margin-top:10px;
	
	width:60%;
}
.view_layout
{
	position:relative;
	float:left;
	width:25%;
	/*border:solid 1px #17a26e;*/
	text-align:center;
	font-family:'MyriadPro-Light', sans-serif;
	font-size:14px;
	line-height:26px;
/*	border-radius:2px;
*/	color:#cccccc;
    
	cursor:pointer;
	
}
.chart_div
{
	position:relative;
	float:left;
	text-align:center;
	
}
#left_arrow
{
	position:relative;
	vertical-align:center;
	float:left;
}

/****reports***/
.report_cont
{
	position:relative;
	float:left;
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-top:100px;
}
#left_reports
{
	position:relative;
	width:50%;
	background-color:#CFC;
	float:left;
	
}
.report_view
{
	position:relative;
	float:left;
	width:33%;
	padding:10px;
}


#img1{
	position:absolute;
	float:left;
	left:0px;
	padding-top:0px;
	padding-bottom:18px;
	top:0px;
   /* background: #344256;*/
    width: 50px;
	/* max-height:848px;*/
	min-height: 100%; height:auto;
    /*outline: 1px solid #344256;*/
}
.text_alignment_left
{
	text-align:left;
	padding-left:0px;
}
.text_alignment_center
{
	text-align:center;
	padding-left:0px;
}

.image_left_align
{
	margin-left:10px;
}
.text_alignment_nav_bar
{
	text-align:left;
	padding-left:10px;
}
.image_align
{
	color:#fff;
	margin-left:5px;
	margin-right:10px;
}
.image_align img
{
	width: 20px;
}
.text_sidebar
{
	color:#344256;
	font-size:14px;
	line-height:10px;
	border:solid 1px #344256;
	font-family:'MyriadPro-Light', sans-serif;
}
.image_sidebar
{
	/*margin-left:5px;
	margin-right:10px;*/
}

.image_sidebar img
{
	width:20px;
}
.red-tooltip + .tooltip > .tooltip-inner {background-color: #344256;}

div.tooltip-inner {
    text-align: center;
	width:150px;
	padding:10px 5px 10px 5px;
    font-size: 14px;
	font-family:'MyriadPro-Light', sans-serif;
}


.heading_color_graph
{
	color:#8f8f8f;
	font-family:'HelveticaNeueLTStd-Roman', sans-serif;
	font-size:14px;
	margin-left:10px;
	
}
.text_color_graph
{
	color:#83b5d8;
	font-family:'HelveticaNeueLTStd-Roman', sans-serif;
	font-size:34px;
	margin-left:10px;

}
.report_date
{
  width:195px;border:solid 1px #17A26E;border-radius:3px;
  padding-left:5px;
  height:43px;
  color:#666666;
}
.report_dateBlue
{
  width:195px;border:solid 1px #404b5c;border-radius:3px;
  padding-left:5px;
  height:43px;
  color:#404b5c;
}
.report_select
{
  width:109px;border:solid 1px #17A26E;border-radius:3px;
  height:30px;margin-top:4px; 
  color:#666666;

}

.salereport_select
{
  width:109px;border:solid 1px #17A26E;border-radius:3px;
  height:30px;
  color:#666666;
 }

.side_heading
{
	font-family:'HelveticaNeueLTStd-Md', sans-serif;
	font-size:19px;
	position:relative;
	top:10px;
}
.side_heading2
{
	position:relative;
	float:right;
	width:20%;
	text-align:right;
	font-family:'HelveticaNeueLTStd-Md', sans-serif;
	font-size:14px;
	

}

.top_heading
{
	font-family:'HelveticaNeueLTStd-Roman', sans-serif;
	font-size:14px;
	color:#666666;
}
.go_report
{
	position:relative;
	float:right;
	max-width:108px;
	width:100%;
	margin-top:20px;
	height:30px;
	background-color:#4a9866;
	text-align:center;
	border-radius:2px;
	-webkit-border-radius:2px;
	border:0;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	color:hsla(0,0%,100%,1);
	cursor:pointer;
	font-family:'Roboto-Regular';
	font-size:12px;
}

.breadcrum_back
{
	position:relative;
	float:left;
	width:110px;
	height:22px; 
	background-color:#344256;
	text-align: center;
	margin-left:-5px;
	color:#fff;
	font-size:12px;
	padding-top:3px;
	cursor:pointer;
}
.breadcrum_back_tail
{
	position:relative;
	float:left;
	width:110px;
	height:22px; 
	margin-left:
	background-color:#344256;
	margin-left:0px;
	
}

.triangle-right:after {
    content: "";
	position:relative;
	float:left;
    display: block;
	margin-left: -0px;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 11px solid #0F0;/*344256*/
}

.triangle-clicked:after {
    content: "";
	position:relative;
	float:left;
    display: block;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 11px solid #e6e7e9;
}

.triangle-right-white:after {
    content: "";
	position:relative;
	float:left;
    display: block;
	margin-left:-110px;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 11px solid #600;/*FFF*/
	
}


/*table {
    border-collapse: collapse;
    text-align:center;
    table-layout : fixed;
  
}*/
.border_table_black 
{
	border:solid 1px #000;
}
th {
  background:#FFF;
  border-left:2px solid #FFFFFF;
  border-right:2px solid #FFFFFF;
  color:#262A27;
}
.verticalTableHeader {
    text-align:center;
    white-space:nowrap;
    g-origin:50% 50%;
	
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
	min-width: 30px;
	max-width: 30px;
    
}
.verticalTableHeader p {
    margin:0 -100% ;
    display:inline-block;
}
.verticalTableHeader p:before{
    content:'';
    width:0;
    padding-top:110%;/* takes width as reference, + 10% for faking some extra padding */
    display:inline-block;
    vertical-align:middle;
}
.text_alignment
{
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
-moz-writing-mode: vertical-rl;
-ms-writing-mode: vertical-rl;
writing-mode: vertical-rl;
			
-webkit-text-orientation: upright;
-moz-text-orientation: upright;
-ms-text-orientation: upright;
text-orientation: upright;
}

#right_tag
{
	position:relative;float:right;margin-top:7px;margin-bottom:0px;
}
#comparision_cont
{
	position:relative;
	float:left;
	width:100%;
	background-color:#FFF;
	font-family:'HelveticaNeueLTStd-Roman', sans-serif;
	font-size:18px;
	text-align:center;
	padding-top:20px;
	overflow:hidden;
	/*margin-top:20px;*/
}
#comparision_container
{
	position:relative;
	float:left;
	width:100%;
	background-color:#FFF;
	font-family:'HelveticaNeueLTStd-Roman', sans-serif;
	font-size:18px;
	text-align:center;
	padding-top:20px;
	overflow:hidden;
	margin-top:10px;
}
.float_div
{
	position:relative;
	float:left;
	width:33%;
}
.fullwidthdiv
{
	position:relative;
	float:left;
	width:100%;
	text-align:center;
	color:#333333;
}
.comparision_name
{
	 font-family: 'HelveticaNeueLTStd-UltLt';
	 font-size:15px;
	 color:#000;
}
.color_comp
{
	
	padding-left:5px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:5px;
	border-radius:3px;
	background-color:#C30;
}
.graph_div
{
	position:relative;
	float:left;
	width:100%;
	margin-bottom:20px;
	max-width:1053px;
}
.graph_div img 
{
	max-width:1053px;
}
.box_breadcrumb
{
	position:relative;
	float:left;
	margin-right:15px;
	width:100%;
	max-width:111px;
	height:25px;
	text-align:center;
	margin-right:6px;
	font-family:'HelveticaNeueLTStd-Roman', sans-serif;
	font-size:12px;
	padding:5px 0;
}

.active_boxcrumb
{
	background-color:#344256;
	color:#FFF;
}
.deactive_boxcrumb
{
	background-color:#e6e7e9;
	color:#858896;
}
.effect_value
{
	position:relative;
	float:right;
	text-align:right;
	font-family:'HelveticaNeueLTStd-Md' ,sans-serif;
	font-size:42px;
	line-height:42px;
	color:#535a6d;
}
.cus_info
{
	position:relative;
	float:left;
	width:100%;
}
.two-side-divs
{
	position:relative;
	float:left;
	width:49%;
	text-align:center;
	background-color:#FFF;
	padding-top:20px;
	padding-bottom:20px;
	height:100%;
	max-height:380px;
}
.customer_info_txt
{
	position:relative;
	float:left;
	font-family:'HelveticaNeueLTStd-Md' ,sans-serif;
	font-size:18px;
	line-height:18px;
	width: calc(100% - (70px + 3%));
	text-align:center;
	margin-bottom:10px;
}
.manage_button
{
	width:56px;
	height:23px;
	background-color:#4a9866;
	padding-top:5px;
	text-align:center;
	padding-bottom:5px; 
	border:0px;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	color:hsla(0,0%,100%,1);
	cursor:pointer;
	font-family:'HelveticaNeueLTStd-Roman' ,sans-serif;
	font-size:12px;
	line-height:12px;
	margin-right:3%;
	float:right;
}
.info_cont
{
	position:relative;
	float:left;
	width:94%;
	text-align:center;
	left:3%;
	border:solid 1px #d9d9d9;
	margin-top:10px;
	margin-bottom:10px;
}
.heading_cus_info
{
	position:relative;
	float:left;
	text-align:left;
	width:35%;
	background-color:#c9e0d1;
	color:#000;
	font-family:'HelveticaNeueLTStd-Roman' ,sans-serif;
	font-size:14px;
	line-height:14px;
	margin:2px;
	padding:10px;
}
.cus_detail
{
	position:relative;
	float:left;
	text-align:left;
	width:60%;
	color:#606060;
	font-family:'HelveticaNeueLTStd-Roman' ,sans-serif;
	font-size:14px;
	line-height:18px;
	padding:10px;
	margin:0;
	border-left:solid 1px #d9d9d9;
}
.cus_detail_line
{
	position:relative;float:left;width:100%;margin:0;background-color:#d9d9d9;border:0;height:1px;
}
#cus_graph_detail
{
	position:relative;
	float:left;
	width:100%;
	background-color:#FFF;
}

.cus_graph_titles
{
	position:relative;
	float:left;
	left:10px;
	width:30%;
	font-family:'HelveticaNeueLTStd-Md' ,sans-serif;
	font-size:18px;
	margin-top:10px;

}

.grey_color
{
	color:#606060;
	font-family:'HelveticaNeueLTStd-Roman' ,sans-serif;
	font-size:14px;
}
.view_graph_cus
{
	position:relative;
	float:right;
	right:10px;
	border:solid 1px #17a26e;
	border-radius:2px;
	moz-border-radius:2px;
	webkit-border-radius:2px;
	ms-border-radius:2px;
	margin-top:10px;
	width:30%;
	text-align:center;
}
.view_layout_graph
{
	position:relative;
	float:left;
	width:33%;
	/*border:solid 1px #17a26e;*/
	text-align:center;
	font-family:'MyriadPro-Light', sans-serif;
	font-size:12px;
	line-height:26px;
/*	border-radius:2px;
*/	color:#cccccc;
	cursor:pointer;
}
.line_border 
{
 border-right:1px solid #17a26e;border-width: 90%;
}
.cusGraph_div
{
	position:relative;
	float:left;
	text-align:center;
	overflow:hidden;
	width:100%;
	margin:auto 0;
	font-family:'HelveticaNeueLTStd-Md', sans-serif;
	font-size:18px;
	line-height:20px;
}
.emp_total_val
{
	margin-top:20px;
}
.cusGraph_div img
{
	max-width:510px;
	text-align:center;

}
.order_detail_cus
{
	position:relative;
	float:left;
	width:100%;
	background-color:#FFF;
	font-family:'HelveticaNeueLTStd-Md', sans-serif;
	font-size:18px;
	text-align:center;
	padding-top:10px;
	margin-top:10px;
	/*overflow:hidden;*/
	/*margin-top:20px;*/
}
.emp_info_txt
{
	position:relative;
	float:left;
	font-family:'HelveticaNeueLTStd-Md' ,sans-serif;
	font-size:18px;
	line-height:18px;
	width: 100%;
	text-align:center;
	margin-bottom:10px;
}
.heading_emp_days
{
	position:relative;
	float:left;
	text-align:center;
	width:20%;
	color:#000;
	font-family:'HelveticaNeueLTStd-Roman' ,sans-serif;
	font-size:14px;
	line-height:14px;
	margin:1px;
	padding:10px;

}

.emp_zones
{
	position:relative;
	float:left;
	text-align:left;
	width:58%;
	color:#000;
	font-family:'HelveticaNeueLTStd-Roman' ,sans-serif;
	font-size:14px;
	line-height:16px;
	padding:10px;
	border-left:solid 1px #d9d9d9;
	overflow:hidden;	
}
.emp_manage
{
	position:relative;
	float:left;
	text-align:center;
	width:20.5%;
	color:#000;
	font-family:'HelveticaNeueLTStd-Roman' ,sans-serif;
	font-size:14px;
	line-height:14px;
	padding:10px;
	border-left:solid 1px #d9d9d9;
	margin:auto 0;
}
.emp_manage_btn
{
	position:relative;
	float:left;
	text-align:center;
	width:15%;
	color:#000;
	padding-top:5px;
	padding-left:5%;
	padding-bottom:8px;
	font-family:'HelveticaNeueLTStd-Roman' ,sans-serif;
	border-left:solid 1px #d9d9d9;
	margin:auto 0;
}
.manage_button_emp
{
	width:56px;
	height:23px;
	background-color:#4a9866;
	padding-top:5px;
	text-align:center;
	padding-bottom:5px; 
	border:0px;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	color:hsla(0,0%,100%,1);
	cursor:pointer;
	font-family:'HelveticaNeueLTStd-Roman' ,sans-serif;
	font-size:12px;
	line-height:12px;
}
.bg_green
{
  background-color:#c9e0d1;
  margin:1px;
  line-height:14px;
}
.halfwidthdiv
{
	position:relative;
	float:left;
	width:100%;
	text-align:center;
	color:#333333;
}
.sale-target-fullwidth
{
	position:relative;
	float:left;
	padding-top:10px;
	width:100%;
	height:100%;
	max-height:285px;
	color:#333;
	margin-bottom:40px;
}
.bg_white
{
	background-color:#FFF;

}
.report_date_target
{
  border:solid 1px #17A26E;border-radius:3px;
  padding-left:5px;
  margin-left:10px;margin-right:10px;
  height:30px;
  color:#666666;
}
.top-heading-target
{
	margin-right:20px;
}

.top-heading-target-lr
{
	margin-left:20px;
	margin-right:20px;
}
.go_report_target
{
	position:relative;
	float:right;
	max-width:108px;
	width:100%;
	height:30px;
	background-color:#4a9866;
	text-align:center;
	border-radius:2px;
	-webkit-border-radius:2px;
	border:0;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	color:hsla(0,0%,100%,1);
	cursor:pointer;
	font-family:'Roboto-Regular';
	font-size:12px;
}
.graph_div_target
{
	position:relative;
	float:left;
	width:100%;
	margin-bottom:20px;
	text-align:center;
	margin:auto 0;
}
.target_graphs
{
	position:relative;
	float:left;
	width:23%;
	margin-left:1%;
	margin-right:1%;
}
.margin-top-20
{
	margin-top:20px;
}
.right-10-right
{
	float:right;margin-right:10px;
	margin-bottom:10px;
}
.font-md
{
	font-family:'HelveticaNeueLTStd-Md' ,sans-serif;
	font-size:18px;
	line-height:20px;
	margin-top:10px;
}
.remove-padding-10
{
	padding-bottom:10px;
}
.three-side-divs
{
	position:relative;
	float:left;
	width:32%;
	text-align:center;
	background-color:#FFF;
	padding-top:20px;
	padding-bottom:20px;
	height:100%;
	max-height:380px;
}
.four-side-divs
{
	position:relative;
	float:left;
	width:23.5%;
	text-align:center;
	background-color:#FFF;
	padding-top:20px;
	padding-bottom:20px;
	height:100%;
	max-height:380px;
}
.right-margin-2 
{
	margin-right:2%;
}
.com_parameters
{
	position:relative;
	text-align:center;
	width:calc(100% - 500px);
	margin:auto 0;
	display:inline-block;
}
.hr-small-line
{
	position:relative;
	float:left;
	padding:0;
	margin:0;
	width:1px;
	height:15px;
	background-color:#4a9866;
	border:1px thin #4a9866;
	margin-top:5px;
}
.three-p-float
{
	position:relative;
	float:left;
	width:30%;
	cursor:pointer;
}
.three-img-p-float
{
	position:relative;
	display:inline-block;
	width:30%;
	cursor:pointer;
}
.three-img-p-float-40
{
	position:relative;
	display:inline-block;
	width:40%;
	cursor:pointer;
}
.parameter-name-div
{
	position:relative;float:left;width:100%;text-align:center;margin:auto 0;
}
.light-blue
{
	background-color:#ebf6fd;
}
.light-green
{
	background-color:#edf8f6;
}
.light-yellow
{
	background-color:#fef8ef;
}
.light-pink
{
	background-color:#fdf2f3;
}

.hr-large-line
{
	position:relative;
	float:left;
	padding:0;
	width:1px;
	height:70px;
	background-color:#c2ced8;
	border:1px thin #c2ced8;
	margin:19px 0px 0 0px;
}
.full-width-p
{
	width:100%;
	margin-top:10px;
	color:#000;
}
.fullwidth-innercenter-div
{
	width:100%; margin:auto 0;position:relative;display:inline-block;text-align:center;margin-bottom:20px;
}
.padding-bottom-40
{
	padding-bottom:40px;
}
.margin-top-bottom-60
{
	margin-top:40px;
	margin-bottom:40px;
}
.remove-margin-10
{
	margin-bottom:10px;
}
.img-width
{
	width:77.5px;
}
.center-p
{
	text-align:center;
	font-family:'HelveticaNeueLTStd-Md' ,sans-serif;
	font-size:32px;
	line-height:34px;
	margin:30px;
	padding:30px;
	width:100%;
	
}
.middle_div_gallery
{
	display: table;
	margin: auto;
	width:calc (100% - 55px);
	margin-top:30px;
	margin-left:30px;
	padding-left:15px;
	padding-right:15px;
	margin-right:30px;
	width:calc (100% - 50px) ;
}
.display_class
{
	display:block;
	margin-left:180px;
}
.display_classNew
{
	display:block;
	margin-left:0px;
}
.floatRight
{
	float:right;
}
.image_center

{
	margin-left:auto;margin-right:auto;display:block;margin-top:100px;
}
.comment_section
{
	padding-left:5px;padding-top:3px;
}
#spinner-overlay1 {
background-color: #aaa;
opacity: 0.4;
position: absolute;
left: 0px;
top: 0px;
z-index: 100;
height: 100%;
width: 100%;
overflow: hidden;
/*background-image: url('../images/loader_2.gif');
background-position: center;
background-repeat: no-repeat;*/
}
#loader_image
{
	  position: fixed;
	  top: 50%;
	  left: 50%;
	  margin-top: -55px;
	  margin-left: -55px;	
	  opacity:1;
	  z-index:110;
	/*opacity:1;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	z-index: 110;
	width:110px;*/
}

#spinner-overlay {
  height: 100%;
  position: absolute;
  left: 0px;
	top: 0px;
  width: 100%;
  color: #fff;
  overflow: hidden;
}

  .alpha_2 {
    background-color: #aaa;
	opacity: 0.4;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 100;
	height: 100%;
	width: 100%;
	overflow: hidden;
  }

  .text_holder_2 {
    background-color: transparent;
    position: absolute;
    top: 20px;
    left: 20px;
    width: 100%;
	height:100%;
    overflow: hidden;
    clear: both;
  }
  
 /************************************ style for nav bar************************************************/
  nav.sidebar.navbar {
	 position: fixed;
    border-radius: 0px;
    background: #FFF;
	right:-245px;
	top:50px;
	width: 300px;
	overflow-y:scroll;
	overflow-x:hidden;
	  transition: right 0.4s ease-in-out;
  -webkit-transition: right 0.4s ease-in-out;
  }
  nav.sidebar.navbar:hover {
  	right:0;
  }

  nav.sidebar.navbar ul {
  	
  }
nav.sidebar .navbar-nav > li {
  border-bottom: 1px solid #fff;
}
.main {
    
   /* right: 15px;*/
}
  nav.sidebar, .main{
    -webkit-transition: margin 200ms ease-out;
      -moz-transition: margin 200ms ease-out;
      -o-transition: margin 200ms ease-out;
      transition: margin 200ms ease-out;
  }

  /* Add gap to nav and right windows.*/
  .main{
    padding: 10px 10px 0 10px;
  }

  /* .....NavBar: Icon only with coloring/layout.....*/

  /*small/medium side display*/
  
  
  @media (max-width: 767px) {
	#slider_right
	{
		position:relative;
		float:right;
		z-index:100;
		width: 100%;
		 right:0px;
		/* width:12%;
		 height: calc(100% - 60px);*/
		
		 top:-75px;
		 overflow:hidden;
	}
	
	#img1
	{
		position:absolute;
		float:left;
		left:0px;
		padding-top:0px;
		padding-bottom:18px;
		top:0px;	
		height:55px;
		border:dotted #3F0;
		width: 100%;
	}	
	
	
	nav.sidebar.navbar 
	{
		position:relative;
		border-radius: 0px;
		background: #fff;
		border:1px solid #fff;
		right:0px;
		top:0px;
		width:100%;
  }  
	  
  }
  
  
  @media (min-width: 768px) {

    /*Allow main to be next to Nav*/
    .main{
      position: absolute;
      width: calc(100% - 75px); /*keeps 100% minus nav size*/
      margin-left: 40px;
      float: right;
    }

    /*lets nav bar to be showed on mouseover*/
    nav.sidebar:hover + .main{
      margin-right:  -385px;
    }

    /*Center Brand*/
    nav.sidebar.navbar.sidebar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
      margin-left: 0px;
    }
    /*Center Brand*/
    nav.sidebar .navbar-brand, nav.sidebar .navbar-header{
      text-align: center;
      width: 100%;
      margin-left: 0px;
    }

    /*Center Icons*/
    nav.sidebar a{
      padding-right: 13px;
    }

    /*adds border top to first nav box */
    nav.sidebar .navbar-nav > li:first-child{
      border-top: 1px #dfdfdf solid;
    }

    /*adds border to bottom nav boxes*/
    nav.sidebar .navbar-nav > li{
      border-bottom: 1px #dfdfdf solid;
    }

    /* Colors/style dropdown box*/
    nav.sidebar .navbar-nav .open .dropdown-menu {
      position: static;
      float: none;
      width: auto;
      margin-top: 0;
      background-color: transparent;
      border: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
    }

    /*allows nav box to use 100% width*/
    nav.sidebar .navbar-collapse, nav.sidebar .container-fluid{
      padding: 0 0px 0 10px !important;
      border:none;
    }

    /*colors dropdown box text */
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
      color: #777;
    }
	.navbar-inverse
	{
		border:#e5e5e5 !important;
	}
    /*gives sidebar width/height*/
    nav.sidebar{
      width: 342px;
      height: 100%;
      margin-left: -190px;
      float: left;
      z-index: 8000;
      margin-bottom: 0px;
    }

    /*give sidebar 100% width;*/
    nav.sidebar li {
      width: 100%;
    }

    /* Move nav to full on mouse over */
    nav.sidebar:hover{
      margin-left: -385px;
    }
    /*for hiden things when navbar hidden*/
    .forAnimate{
      opacity: 0;
    }
	
	
  }
  
    

  /* .....NavBar: Fully showing nav bar..... */

  @media (min-width: 1330px) {

    /*Allow main to be next to Nav*/
    .main{
      width: calc(100% - 200px);  /*keeps 100% minus nav size*/
      /*margin-left: 200px;*/
    }

    /*Show all nav*/
    nav.sidebar{
      margin-left: -190px;
      float: left;
    }
    /*Show hidden items on nav*/
    nav.sidebar .forAnimate{
      opacity: 1;
    }
  }

  nav.sidebar .navbar-nav .open .dropdown-menu>li>a:hover, nav.sidebar .navbar-nav .open .dropdown-menu>li>a:focus {
    color: #CCC;
    background-color: transparent;
  }

  nav:hover .forAnimate{
    opacity: 1;
  }
  section{
    padding-left: 15px;
  } 
  
  
  .emp_div_right_nav
{
	height:45px;
	color:#939598;
	font-size:16px;
	line-height:16px;
	border-radius:0px;
	-moz-border-radius:0px;
	-ms-border-radius:0px;
	-o-border-radius:0px;
	-webkit-border-radius:0px;
	margin-top:12px;
	margin-bottom:12px;
	/*border-bottom:  0.5px solid #d6d6d6;
	border-left:  0.5px solid #d6d6d6;*/
	width:100%;
	position:relative;
	float:left;
}
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
/* remove outer padding */
	.main_left .row{
		padding: 0px;
		margin: 0px;
	}

	/*Remove rounded coners*/

	nav.sidebar_left.navbar {
		/*border-radius: 0px;*/
	    position:relative;
		border-radius: 0px;
		background: #fff !important;
		right:0px;
		border-right:#e5e5e5 solid 1px !important;
		
		/*top:-55px;*/
		/*overflow-y:scroll;
		overflow-x:hidden;*/
	}
	.navbar-inverse
	{
		border:#e5e5e5 !important;
		background-color:#fff;
	}
.sidebar-icon {
    font-size: 20px;
}
.nav>li>a
{
	padding:15px 12px !important;
}
	nav.sidebar_left, .main_left{
		-webkit-transition: margin 200ms ease-out;
	    -moz-transition: margin 200ms ease-out;
	    -o-transition: margin 200ms ease-out;
	    transition: margin 200ms ease-out;
	}

	/* Add gap to nav and right windows.*/
	.main_left{
		padding: 10px 10px 0 10px;
	}

	/* .....NavBar: Icon only with coloring/layout.....*/

	/*small/medium side display*/
	@media (min-width: 768px) {

		/*Allow main to be next to Nav*/
		.main_left{
			position: absolute;
			width: calc(100% - 40px); /*keeps 100% minus nav size*/
			margin-left: 40px;
			float: right;
		}

		/*lets nav bar to be showed on mouseover*/
		nav.sidebar_left:hover + .main_left{
			margin-left: 200px;
		}

		/*Center Brand*/
		nav.sidebar_left.navbar.sidebar_left>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
			margin-left: 0px;
		}
		/*Center Brand*/
		nav.sidebar_left .navbar-brand, nav.sidebar_left .navbar-header{
			text-align: center;
			width: 100%;
			margin-left: 0px;
		}

		/*Center Icons*/
		nav.sidebar_left a{
			padding-right: 13px;
		}

		/*adds border top to first nav box */
		nav.sidebar_left .navbar-nav > li:first-child{
			border-top: 1px #fff solid;
		}

		/*adds border to bottom nav boxes*/
		nav.sidebar_left .navbar-nav > li{
			border-bottom: 1px #e5e5e5 solid;
		}

		/* Colors/style dropdown box*/
		nav.sidebar_left .navbar-nav .open .dropdown-menu {
			position: static;
			float: none;
			width: auto;
			margin-top: 0;
			background-color: #272f3c;
			border: 0;
			-webkit-box-shadow: none;
			box-shadow: none;
		}

		/*allows nav box to use 100% width*/
		nav.sidebar_left .navbar-collapse, nav.sidebar_left .container-fluid{
			padding: 0 0px 0 0px;
		}

		/*colors dropdown box text */
		.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
			color: #777;
		}

		/*gives sidebar width/height*/
		nav.sidebar_left{
			width: 200px;
			height: 100%;
			margin-left: -160px;
			float: left;
			z-index: 8000;
			margin-bottom: 0px;
		}

		/*give sidebar 100% width;*/
		nav.sidebar_left li {
			width: 100%;
		}

		/* Move nav to full on mouse over*/
		nav.sidebar_left:hover{
			margin-left: 0px;
		}
		/*for hiden things when navbar hidden*/
		.forAnimate{
			opacity: 0;
		}
		
	
		
	}

	/* .....NavBar: Fully showing nav bar..... */

	@media (min-width: 1330px) {

		/*Allow main to be next to Nav*/
		.main_left{
			/*width: calc(100% - 200px); *//*keeps 100% minus nav size*/
			/*margin-left: 200px;*/
		}

		/*Show all nav*/
		nav.sidebar_left{
			/*margin-left: 0px;*/
			float: left;
		}
		/*Show hidden items on nav*/
		nav.sidebar_left .forAnimate{
			opacity: 1;
		}
	}

	nav.sidebar_left .navbar-nav .open .dropdown-menu>li>a:hover, nav.sidebar_left .navbar-nav .open .dropdown-menu>li>a:focus {
		color: #CCC;
		background-color: transparent;
	}

	nav:hover .forAnimate{
		opacity: 1;
	}
	section{
		padding-left: 15px;
	}  
  
 .white-bg
 {
	 background-color:#fff;
 }
 
 .white-border
 {
	 border-left:solid 1px #dfdfdf;
	 border-right:solid 1px #dfdfdf;
	 background-color:#FFF;
	 border:solid 1px #dfdfdf;
 } 
 .header_logo 
 {
	 margin-left:80px;margin-top:11px;
	 float:left;
 } 
 .header_main_div
 {
	 margin:0;height:50px;margin-left:0px;
 } 
 .page_name
 {
	 float:left;
	 margin-top:15px;
	 margin-left:10px;
	 font-family:'myriad-set-pro_semibold' ,sans-serif;
	font-size:18px;
 }
  .report_cont_div
  {
	  position:absolute;float:left;width:calc(100% - 100px);height:calc(100% - 100px);margin-left:40px;
	  
  }

.ordebtncenter {
	text-align: center;
    margin-left: 40px;
}
.viewallbtn {
    border: none;
    width: auto;
    height: 30px;
    margin-top: 0px;
    background: #404b5c !important;
    font-size: 14px;
    padding-top: 5px;
    color: #fff;
    font-family: 'Roboto';
    padding:6px 25px;
    text-align: center;
    border-radius: 4px;
    margin-right: 40px;
}

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}
.icon-size-cstm
{
	font-size:60px;
	padding-bottom:10px;
}
.dropdown-menu-new {
-webkit-background-clip:padding-box;
  background-clip:padding-box;
  background-color:#FFFFFF;
  border:1px solid rgba(0, 0, 0, 0.15);
  border-radius:4px;
  box-shadow:rgba(0, 0, 0, 0.176) 0 6px 12px;
  display:none;
  float:right;
  font-size:14px;
  list-style:none;
  margin:10px 0px 0;
  position:absolute;
  right:10px;
  text-align:left;
  top:100%;
  width:100px;
  height:50px;
  z-index:1000;
  left:unset;
  left:initial;
  -moz-left:initial;
  -o-left:initial;
  -ms-left:initial;
  -webkit-left:initial;
  -moz-left:unset;
  -o-left:unset;
  -ms-left:unset;
  -webkit-left:unset;
}
.user-name
{
	color:#000;
	font-family:'HelveticaNeueLTStd-Roman' ,sans-serif;
	font-size:14px;
	background-color:transparent;
}
.user-name a
{
	color:#000;
}
.user-name a:hover
{
	color:#000;
	background-color:transparent;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover
{
	background-color:transparent;
	color:#000;
}
.bottom-border-td
{
	border-bottom: solid 1px #DFDFDF;
}
.verticalLine
{
	border-left: 1px solid #e8e8e8; 
	height:70px;
	padding-left:5px;
	padding-right:5px;
}
.Order-table
{
	margin-bottom:20px;position:relative;
	font-size:16px;
	font-family:'HelveticaNeueLTStd-Roman' ,sans-serif;
	background-color: #fff;
	border: #d2cfcf solid 1px;
}
input:-webkit-autofill,input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    background-color: transparent !important;
}
  nav.sidebar.navbar {
    border-radius: 0px;
    background: #fff !important;
    color: #404b5c !important;
  }
nav.sidebar .navbar-nav > li {
  border-bottom: 1px solid #fff !important;;
}
nav.sidebar .navbar-nav > li:hover {
   background: #fff !important;
    color: #404b5c !important;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
  background: #fff !important;
    color: #404b5c !important;
}
.nav>li>a:focus, .nav>li>a:hover
{
	background-color:transparent !important;
}
div.custom-btn
{
	float:right !important;
}
.custom-btn-inner
{
    border: 1px solid #404b5c !important;
    background-color: #404b5c !important;
    width: 115px !important;
    text-align: center;
    margin-right: 1em !important;
}
table.dataTable thead th, table.dataTable thead td
{
	border-bottom: 1px solid #d5d5d4 !important;
    border-left: 1px solid #d5d5d4 !important;
    border-top: 1px solid #d5d5d4 !important;
}
.btn-default
{
	/*border-color:#000 !important;*/
}
.dataTables_wrapper .dataTables_filter input {
  margin-left: 0em !important;
  border:solid 1px #d5d5d4 !important;
  border-radius:1.8px;
 -moz-border-radius:4px;
 -ms-border-radius:4px;
 -o-border-radius:4px;
 -webkit-border-radius:4px;
 padding:5px;
 font-family: 'Roboto';
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover
{
	background-color:transparent !important;
}
table.dataTable thead th,
table.dataTable thead td {
  padding: 10px 14px 10px 0px !important;
  border-bottom: 1px solid #DDD;
  border-left: 1px solid #DDD;
  text-align:center;
}
.report_dateWeb
{
  width:100%;border:solid 1px #17A26E;border-radius:3px;
  padding-left:5px;
  height:30px;
  color:#fff;
  height:36px;
  background-color:transparent !important;
}
.LoadPassBillWeb
{
	background:transparent;
	border:solid 1px #4a9866;
	position:relative;
	float:left;
	max-width:49%;
	width:100%; 
	height:40px;
	color:#FFF;
	font-family: 'HelveticaNeueLTStd-Roman',sans-serif;
	font-size:16px;
	border-radius:1.8px;
	-moz-border-radius:1.8px;
	-ms-border-radius:1.8px;
	-o-border-radius:1.8px;
	-webkit-border-radius:1.8px;
	cursor:pointer;
	z-index: 100;
	margin-top:10px;
	margin-bottom:20px;
	
}
.display_classweb
{
	display:block;
	margin-left:0px;
	width:100%;
	/*border:solid #fff 1px;*/
	overflow:auto;
	/*height:calc(100% - 100px);*/
	/*height:500px;*/
}
.container_cusWeb
{
	margin-left:0px;
	margin-right:0px;
	font-size:16px;
}
.calenderField
{
	margin-top:120px;
	margin-left:20px;
	width:250px;
}
.custom-css-btn
{
	height:46px !important;
	border-color:#ccc !important;
}
#mapAttendance
{
 width:100% !important;
 height:400px !important;
}
.modal-backdrop{
opacity: 0.5
}