/*menu css start*/
	.leftdraw{
		width:20%; 
		height:100%; 
		background-color:#056BFF; 
		border-top-left-radius: 15px; 
		border-bottom-left-radius: 15px; 
		position:relative; 
		margin-left:10px; 
		float:left;
	}
	#sidemenu {
		width:20%; 
		height:100%; 
		position:relative; 
		border:1px solid #F7F8FC; 
		float:left; 
		display:none;
		overflow:auto;
		background:#fff;
	}
	#leftpane {
		width:75%; 
		height:100%; 
		position:relative;  
		float:left; 
		background:rgb(250,252,255); 
		border-top-right-radius: 15px; 
		border-bottom-right-radius: 15px;
		overflow-y:auto;
		overflow-x:hidden;
	}
	#menudiv{
		clear: none;
		float: left;
		width: 100%;
		display: block;
		height:inherit;
		background:#fff;
		position: relative;

	}

	#menu {
		clear: both;
		list-style-type:none;
		margin:0;
		padding:0;
		position: relative;
		width:100%;
		height:25px;
		border:0px;
	}
	.mli {
		display:block;
		width:100%;
		/*height:25px;*/
		margin-left:0px;
		padding:20px;
		border:0px;

	}
	.link {
		display:block;
		width:55%;
		height: 25px;
		text-align: left;
		line-height: 25px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:13px;
		color: #000;
		margin-right:2px;
		text-decoration: none;
	}
	/*.mli:hover {
		background: #19c589;
	}*/
	/*.hidden1 {
		width: auto;
		min-width:140px;
		list-style-type:none;
		display:none;
		position: relative;
		float:left;
		background: #fff;
		color: #000;
		line-height: auto;
		padding:0px;*/
		/*border: 1px solid #b8b4ae;*/

	/*}*/
	.hidden1 {
		width: 100%;
		list-style-type:none;
		display:none;
		position: relative;
		float:none;
		background: #e2e2e2;
		color: #2f3036;
		line-height: auto;
		padding:0px;
		margin:0px;
		border: 0px;

	}
	.hidden1 > li {
		padding-left:10px;
		padding-right:0px;
		padding-top:0px;
		margin:0px;
		line-height:auto;

	}

	.hidden1 > li > a {
		text-align: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		color: #000;
		text-decoration: none;
		padding:10px;
	}

	.hidden1 > li:hover{
		background: #53adf3;
	}
	.toggleMenu {
		display:  block;
		/*background: #000;
		padding: 10px 15px;*/
		color: #fff;
	}
	.link1 {
		text-align: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		color: #fff;
		margin-right:5px;
		text-decoration: none;
	}
	.sublink {
		text-align: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		color: #fff;
		margin-right:5px;
		text-decoration: none;
	}
@media only screen and (min-width: 481px) {
	.leftdraw{
		width:7%; 
		height:100%; 
		background-color:#056BFF; 
		border-top-left-radius: 15px; 
		border-bottom-left-radius: 15px; 
		position:relative; 
		margin-left:10px; 
		float:left;
	}
	#sidemenu {
		width:20%; 
		height:100%; 
		position:relative; 
		border:1px solid #F7F8FC; 
		float:left; 
		display:none;
		overflow:auto;
		background:#fff;
	}
	#leftpane {
		width:85%; 
		height:100%; 
		position:relative;  
		float:left; 
		background:rgb(250,252,255); 
		border-top-right-radius: 15px; 
		border-bottom-right-radius: 15px;
		overflow-y:auto;
		overflow-x:hidden;
	}


}
@media only screen and (min-width: 769px) {
	/*menu css start*/
	.leftdraw{
		width:5%; 
		height:100%; 
		background-color:#056BFF; 
		border-top-left-radius: 15px; 
		border-bottom-left-radius: 15px; 
		position:relative; 
		margin-left:10px; 
		float:left;
	}
	#sidemenu {
		width:20%; 
		height:100%; 
		position:relative; 
		border:1px solid #F7F8FC; 
		float:left; 
		display:none;
		overflow:auto;
		background:#fff;
	}
	#leftpane {
		width:93%; 
		height:100%; 
		position:relative;  
		float:left; 
		background:rgb(250,252,255); 
		border-top-right-radius: 15px; 
		border-bottom-right-radius: 15px;
		overflow-y:auto;
		overflow-x:hidden;
	}
	#menudiv{
		clear: none;
		float: left;
		width: 100%;
		display: block;
		height:inherit;
		background:#fff;
		position: relative;

	}

	#menu {
		clear: both;
		list-style-type:none;
		margin:0;
		padding:0;
		position: relative;
		width:100%;
		height:25px;
		border:0px;
	}
	.mli {
		display:block;
		width:100%;
		/*height:25px;*/
		margin-left:0px;
		padding:20px;
		border:0px;

	}
	.link {
		display:block;
		width:55%;
		height: 25px;
		text-align: left;
		line-height: 25px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:13px;
		color: #000;
		margin-right:2px;
		text-decoration: none;
	}
	/*.mli:hover {
		background: #19c589;
	}*/
	/*.hidden1 {
		width: auto;
		min-width:140px;
		list-style-type:none;
		display:none;
		position: relative;
		float:left;
		background: #fff;
		color: #000;
		line-height: auto;
		padding:0px;*/
		/*border: 1px solid #b8b4ae;*/

	/*}*/
	.hidden1 {
		width: 100%;
		list-style-type:none;
		display:none;
		position: relative;
		float:none;
		background: #e2e2e2;
		color: #2f3036;
		line-height: auto;
		padding:0px;
		margin:0px;
		border: 0px;

	}
	.hidden1 > li {
		padding-left:10px;
		padding-right:0px;
		padding-top:0px;
		margin:0px;
		line-height:auto;

	}

	.hidden1 > li > a {
		text-align: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		color: #000;
		text-decoration: none;
		padding:10px;
	}

	.hidden1 > li:hover{
		background: #53adf3;
	}
	.toggleMenu {
		display:  block;
		/*background: #000;
		padding: 10px 15px;*/
		color: #fff;
	}
	.link1 {
		text-align: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		color: #fff;
		margin-right:5px;
		text-decoration: none;
	}
	.sublink {
		text-align: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		color: #fff;
		margin-right:5px;
		text-decoration: none;
	}
}