@media screen and (max-width: 1024px) {
.innerform ul.Addview li {width:100%}
.leftsidetree {width:35%}
#Maincontent .fullwidth80  {width:60%}
ul.chartview li {width:4!im%!important}
}
@media screen and (max-width: 930px) {
.AddWrapp ul.Addview li {width:100%}
.innerform {width:99%; float:left} 
#Maincontent .fullwidth80  {width:60%}
.leftsidetree {width:35%}
#contentwrapp {width:95%; min-height:inherit; padding:20px 0 0 10px}
.contentwrapp {width:94%; padding:0 10px 20px 0; margin-left:10px; float:none}
.Project_Wrapp {width:47%; height:inherit; min-height:350px}
#Maincontent .LeftSide_dashboard {width:47%!important; margin:0; float:right!important}
.Charts_Wrapp {width:100%}
}
@media screen and (max-width: 767px) 
{
    #contentLogin_contentMain_pnlPopUp {width:98%!important; left:0!important}
    .width_space > div {overflow:scroll}
    .listView > div {overflow:scroll}
    .samplechart li {width:45%}
    #Maincontent #LeftSide {padding:0; background:#f5f5f5}
    #Maincontent #LeftSide {position:relative}
    #Maincontent #LeftSide h3 {cursor:pointer; background:url(../Style/images/menu-bg.gif) no-repeat right 5px; margin-right:5px}
    #Maincontent #LeftSide:hover ul {display:block}
    #Maincontent #LeftSide ul {display:none; float:none!important; width:100%}
    #Maincontent #LeftSide ul li {text-align:center; border-bottom:1px solid #ccc}
    #Maincontent #LeftSide .leftmenu {float:none!important}
       .left_gridsection {width:100%; overflow:hidden;float:none}
.chart_section {width:100%; overflow:hidden; margin:0 0 1% 0;float:none}
.Charts_Wrapp {width:100%}
#dialog-form table {width:auto}
.ui-dialog-content ul li {width:100%}
.hgroup span {width:100%; border:none!important; margin-bottom:12px}
body {background:none}
.leftsidetree {width:100%;}
#loginwrapp {margin:2em auto 4em}
#loginwrapp .leftimg {text-align:center; padding:1em 0 2em 0;  }
#loginwrapp .leftimg, #loginwrapp .rightform {width:100%; float: none; margin: 0 auto; width: 70%;}
#Maincontent #LeftSide {width:100%; min-height:10px}
#Maincontent .Rightcontent {float:left; width:98%}
#Maincontent #LeftSide  > ul {display:none}

#Maincontent .Rightcontent .head {width:98%}
.TopDiv {width:95%}
.listView {width:98%}
.btmdiv ul li {width:100%}
.btmdiv ul li label {float:left; width:32%; text-align:right; padding:0 10px 0 0}
.btmdiv ul li div {float:left; width:62%}
.AddWrapp {width:98%}
.rmm {display:block;	position:relative;	width:100%;	padding:0px;	margin:0px auto 0!important;	text-align: center;	line-height:19px !important;}
.rmm * {	-webkit-tap-highlight-color:transparent !important;	font-family:Arial;}
.rmm a {	color:#ebebeb;	text-decoration:none;}
ul.leftmenu {margin:0; padding:0}
ul.leftmenu li {list-style:none}
ul.leftmenu li a {padding:6px 8px; display:block; font-size:14px; color:#1d1d1d}
ul.leftmenu li a:hover, #Maincontent #LeftSide ul.leftmenu li a.active {color:#fff; background:#2067da; text-decoration:none}
.rmm .rmm-main-list, .rmm .rmm-main-list li {	margin:0px;	padding:0px;}
.rmm ul {	display:block;	width:auto !important;	margin:0 auto !important;	overflow:hidden;	list-style:none;}
/* sublevel menu - in construction */
.rmm ul li ul, .rmm ul li ul li, .rmm ul li ul li a {	display:none !important;	height:0px !important;	width:0px !important;}
/* */
.rmm .rmm-main-list li {	display:inline;	padding:padding:0px;	margin:0px !important;}
.rmm-toggled {	display:none;	width:100%;	position:relative;	overflow:hidden;	margin:0 auto !important;}
.rmm-button:hover {	cursor:pointer;}
.rmm .rmm-toggled ul {	display:none;	margin:0px !important;	padding:0px !important;}
.rmm .rmm-toggled ul li {	display:block;	margin:0 auto !important;}
/* GRAPHITE STYLE */
.rmm.graphite .rmm-main-list li a {	display:inline-block;	padding:8px 30px 8px 30px;	margin:0px -3px 0px -3px;	font-size:15px;	background:#444444}
.rmm.graphite .rmm-main-list li a:hover {	background:#2067da; color:#fff}
.rmm.graphite .rmm-main-list li:first-child a {}
.rmm.graphite .rmm-main-list li:last-child a {	}
.rmm.graphite .rmm-toggled {	width:100%;	background-color:#f5f5f5;	min-height:36px;	}
.rmm.graphite .rmm-toggled-controls {	display:block;	height:36px;	color:white;	text-align:left;	position:relative; border-bottom:1px solid #ccc}
.rmm.graphite .rmm-toggled-title {	position:relative;	top:9px;	left:15px;	font-size:16px;	color:#1d1d1d}
.rmm.graphite .rmm-button {	display:block;	position:absolute;	right:15px;	top:8px;}
.rmm.graphite .rmm-button span {	display:block;	margin-top:4px;	height:2px;	background:#666;	width:24px;}
.rmm.graphite .rmm-toggled ul li a {	display:block;	width:100%;	text-align:center;	padding:10px 0px 10px 0px;	border-bottom:1px solid #ccc; color:#333}
.rmm.graphite .rmm-toggled ul li a:hover {	background:#2067da; color:#fff}

/* SAPPHIRE STYLE */

.rmm.sapphire .rmm-main-list li a {	display:inline-block;	padding:8px 30px 8px 30px;	margin:0px -3px 0px -3px;	font-size:15px;	text-shadow:1px 1px 1px #3e587b;
	background-color:#537b9f;	border-left:1px solid #3e587b;	background-image:url('../rmm-img/sapphire-menu-bg.png');	background-repeat:repeat-x;}
.rmm.sapphire .rmm-main-list li a:hover {	background:#3e597b;}
.rmm.sapphire .rmm-main-list li:first-child a {-webkit-border-top-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.rmm.sapphire .rmm-main-list li:last-child a {	-webkit-border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.rmm.sapphire .rmm-toggled {	width:95%;	background-color:#537b9f;	min-height:36px;	border-radius:6px;}
.rmm.sapphire .rmm-toggled-controls {	display:block;	height:36px;	color:white;	text-align:left;	position:relative;	background-image:url('../rmm-img/sapphire-menu-bg.png');
	background-repeat:repeat-x;	border-radius:5px;}
.rmm.sapphire .rmm-toggled-title {	position:relative;	top:9px;	left:15px;	font-size:16px;	color:white;	text-shadow:1px 1px 1px #3e587b;}
.rmm.sapphire .rmm-button {	display:block;	position:absolute;	right:9px;	top:7px;	width:20px;	padding:0px 7px 0px 7px;	border:1px solid #3e587b;	border-radius:3px;	background-image:url('../rmm-img/sapphire-menu-bg.png');	background-position:top;}
.rmm.sapphire .rmm-button span {	display:block;	margin:4px 0px 4px 0px;	height:2px;	background:white;	width:20px;}
.rmm.sapphire .rmm-toggled ul li a {	display:block;	width:100%;	background-color:#537698;	text-align:center;	padding:10px 0px 10px 0px;	border-bottom:1px solid #3c5779;	border-top:1px solid #6883a6;	text-shadow:1px 1px 1px #333333;}
.rmm.sapphire .rmm-toggled ul li a:active {	background-color:#3c5779;	border-bottom:1px solid #3c5779;	border-top:1px solid #3c5779;}
.rmm.sapphire .rmm-toggled ul li:first-child a { 	border-top:1px solid #3c5779 !important;}

/* MINIMAL STYLE */
.rmm.minimal a {	color:#333333;}
.rmm.minimal a:hover {	opacity:0.7;}
.rmm.minimal .rmm-main-list li a {	display:inline-block;	padding:8px 30px 8px 30px;	margin:0px -3px 0px -3px;	font-size:15px;}
.rmm.minimal .rmm-toggled {	width:95%;	min-height:36px;}
.rmm.minimal .rmm-toggled-controls {	display:block;	height:36px;	color:#333333;	text-align:left;	position:relative;}
.rmm.minimal .rmm-toggled-title {	position:relative;	top:9px;	left:9px;	font-size:16px;	color:#33333;}
.rmm.minimal .rmm-button {	display:block;	position:absolute;	right:9px;	top:7px;}

.rmm.minimal .rmm-button span {	display:block;	margin:4px 0px 4px 0px;	height:2px;	background:#333333;	width:25px;}
.rmm.minimal .rmm-toggled ul li a {	display:block;	width:100%;	text-align:center;	padding:10px 0px 10px 0px;	border-bottom:1px solid #dedede;
	color:#333333;}
.rmm.minimal .rmm-toggled ul li:first-child a {
	border-top:1px solid #dedede;}
	ul.chartview li {width:98%!important; margin:0 auto 15px!important}
	.select_type {width:98%; margin:0 auto 15px}
.responsivediv .righttext {float:none; width:100%}
}
@media screen and (max-width:800px) {
.innerform .AddWrapp ul.Addview li ul li {width:100%!important}
.innerform .AddWrapp ul.Addview li {width:100%!important}
.AddWrapp ul.Addview li ul li {width:100%!important}
}
@media screen and (max-width:600px) {
#Maincontent .LeftSide_dashboard {width:100%!important}
.Project_Wrapp {width:97%}
.Charts_Wrapp .ChartDive {width:98%}
#contentwrapp {width:94%}
}
@media screen and (max-width:520px) {
.hgroup {width:280px; margin:0 auto; float:none}
header #HeaderInner aside#welcomebox {width:280px; margin:15px auto; float:none}
#HeaderInner {float:left; width:100%; padding:10px 0}
.hgroup .modulewrapp, .right_logo {border:none}
.right_logo {display:none}
.DropDownmenu {margin-top:15px}
.samplechart li {width:96%; float:none}
}
@media screen and (max-width:460px) {
#InnerFooter {text-align:center}
#InnerFooter p {float:none!important}
}