/* Main Layouts */

body				{ margin:0px; padding:0;font-family: Lato, "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:14px;; background:#fafafa;}
.wrapper			{ clear:both;width:100%;min-height:100%;position:relative;}
.menu_wrapper		{ width:205px; height:100%; border-bottom: solid 2px #f2f2f2; position:fixed;z-index: 10001;margin-left:-155px;top:42px;}
.submenu_wrapper	{ width:205px; height:100%; border-bottom: solid 2px #f2f2f2; position:relative;z-index: 999;left:204px;top:41px;border-left:1px solid #FFF;padding-left:5px;}
.rightReportWrapper	{ width:500px; height:100%; background:#CCC;border-bottom: solid 2px #f2f2f2; position:fixed;z-index: 100001;right:-510px;top:0px;display:none;}
.menu_top_wrapper	{ height:40px;background:#424242; padding-left:200px;line-height:40px; color:#FFF; position:fixed; top:0px; left:0px;width:100%;box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.2);z-index: 10000;border-bottom:1px solid #FFF;}
.content			{ margin:0 auto; padding:20px 0px; margin-left:100px;min-height:500px; padding-bottom:100px; padding-top:70px; background:#fafafa;position:relative; margin-right:110px; margin-right:20px;}
.main-content		{margin-left:140px;padding-top:20px;}
.nomenu				{ margin-left:40px;}
#footer 			{ clear: both;width: 100%;background: #222;height: 90px;position: fixed;bottom: 0px;padding-top: 10px;}

.menu_wrapper {
    box-shadow: 4px 0px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);
}

.submenu_wrapper {
    box-shadow: 4px 0px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);z-index:9;
}

.wrapperoverlay		{ width:10000px; height:10000px; background:#CCC; opacity:0.5;z-index:1000000; position:absolute; top:-50px; left:-50px; display:none;}
.wrapperoverlaybody	{ overflow:hidden;}

.wrapperLoading		{ font-size:60px; left:50%; top:50%;margin-left:-100px;margin-top:-150px;position:fixed;z-index:1000000;display:none;}


.rightReportWrapper,
.rightReportWrapperSmall {
    box-shadow: -4px 0px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);
}

.rightReportWrapperSmall {display:none;width:50px; height:100%; background:#fafafa;border-bottom: solid 2px #f2f2f2; position:fixed;z-index: 100000;right:0px;top:41px;cursor:pointer;}

.menu_logo_wrapper 	{ }
.clear				{clear:both;}
.hide				{display:none;}
.cursor				{cursor:pointer;}

h1				{}
//h2			{ border-bottom: 1px solid #ED008C; line-height: 0; margin: 20px 0; font-size: 18px; font-weight: bold; color: #000; letter-spacing: 5px; text-align:Center;}
h2				{ clear:both; font-size:18px; text-align:left; font-weight:bold; text-transform:uppercase;color: #000; letter-spacing: 2px;}
h3				{ font-size:16px; font-family: 'Hammersmith One', sans-serif; text-transform: uppercase; font-weight: normal;}

h2 span			{ padding: 0 10px 0 15px;background: #FFF;}
h3 span			{ padding: 0 10px 0 15px;background: #FFF;}

a 				{ text-decoration: none; color: black;}

#nav			{ width:100%; line-height: 35px;font-size: 22px;
					webkit-box-shadow: 0px 1px 10px -3px rgba(87,86,87,1);
					-moz-box-shadow: 0px 1px 10px -3px rgba(87,86,87,1);
					box-shadow: 0px 1px 10px -3px rgba(87,86,87,1);
					background-color: #4F5966;
					overflow:hidden;
				}
.nav			{ color:#FFF; width:1000px; margin:10px auto;height: 35px;}
.nav_header		{ width:700px; float:left;font-size: 25px; text-transform: uppercase;  padding-left: 10px; font-family: "Hammersmith One",Arial,sans-serif;position: relative;left: -100px;}
.admin			{ width:230px; float:left; margin-top:10px;}
.headerextra	{ text-transform:none;font-size:20px;;}

/* Menu Layouts */
.menu_top_wrapper a {color:#FFF;}

.menu_logo		{ margin-bottom:10px;font-family: 'Cabin Condensed',Helvetica,Arial,sans-serif;font-weight: 500;position:relative;height:36px;left:-130px;top:3px;float:left;}
.menu			{ margin:0 auto; width:205px;font-family: 'Cabin Condensed',Helvetica,Arial,sans-serif;font-weight: 500; position:relative;box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.2);padding-left: 10px;}
.menu li		{ list-style:none; float:right; padding: 0 10px; margin-top:5px; font-size:16px; width:205px;}
.menu li:hover	{ color:#FF0000; cursor:pointer;}
.menu_result	{ position:absolute; top:30px; left:10px;border:1px solid #000; height:30px; width:300px;background:#FFF;}
.menu_top		{ position:fixed; right:0px; width:750px;top:0px;font-size:12px; text-align:right; padding-right:50px;color:#FFF;z-index:10001;}
.menu_top a		{color:#FFF;}

.menu_top ul 			{ list-style: none; font-size:14px;}
.menu_top ul.links li 	{ display: block; float:right; padding-left: 7px;margin-left: 7px;line-height: 12px;text-transform: uppercase;}

/* Footer Layouts */
.content_footer_wrapper	{ min-width: 1000px; width: 100%; background: #333; padding-top: 0px; height: 90px;}
#content_footer 		{ width: 1000px; margin: 0 auto; text-align: center; background: #333; padding-top: 0px; height: 40px; padding: 20px;}
.footer_contact_us 		{ float: left; text-align: left; color: #E0E0E0; width: 312px;}
.footer_contact_us a 	{ color: #E0E0E0;}
.footer_contact_us h3 	{ width: 300px; border-bottom: 1px solid #FFF; text-align: left; margin-bottom: 20px; color: #FFF; }



/* MAIN MENU */
.mainmenu h2, .mainmenu h3, .mainmenu h4 {padding:0; line-height:0; margin:0;font-family: 'Cabin Condensed',Helvetica,Arial,sans-serif;font-weight: 500;font-size:13px; text-transform: uppercase;border-bottom: none; letter-spacing: 2px; float:left;}
.mainmenu {font: normal 13px Arial, sans-serif; line-height: 16px; position:relative;clear:both;}

.mainmenu ul, .menu ul li 	{margin: 0; padding: 0; border: none;list-style:none;}
.mainmenu ul				{width: 100%; height: 27px; position: absolute;}
.mainmenu ul li 	{float: left; margin: 0; padding: 0; font-size: 13px; font-weight: bold; width:205px;border-bottom:1px solid #FFF;height:40px;position:relative;clear:both;}
.mainmenu ul li:hover {background:#CCC;cursor:pointer;}
.mainmenu ul li img			{    width: 25px;   position: absolute;    left: 12px;    top: 12px; margin-left:155px;}

/* Main Menu Styling */
.mainmenu ul li a,
.mainmenu ul li h2,
.mainmenu ul li a h2 {float: left; display: block; color: #000; margin:0; font-weight:bold;
				 font-size:16px;
				padding-left: 20px; 
				line-height:35px;
				text-decoration: none;
				z-index:10;
}

.menu_wrapper  .mainmenu h2 {display:none;
	left: 168px;
    position: relative;
    background: #CCC;
    height: 40px;
    padding-right: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
	width: 100%;
	line-height: 45px;

}


/* MAIN MENU */
.mainmenuMobile h2, .mainmenu h3, .mainmenu h4 {padding:0; line-height:0; margin:0;font-family: 'Cabin Condensed',Helvetica,Arial,sans-serif;font-weight: 500;font-size:12px; text-transform: capitalize;border-bottom: none; letter-spacing: normal; float:left;}
.mainmenuMobile {font: normal 13px Arial, sans-serif; line-height: 16px; position:relative;clear:both;}

.mainmenuMobile ul, .menu ul li 	{margin: 0; padding: 0; border: none;list-style:none;}
.mainmenuMobile ul				{width: 100%; height: 27px; position: absolute;}
.mainmenuMobile ul li 	{float: left; margin: 0; padding: 0; font-size: 13px; font-weight: bold; width:205px;border-bottom:1px solid #FFF;height:40px;position:relative;clear:both;}
.mainmenuMobile ul li img			{    width: 25px;   position: absolute;    left: 12px;    top: 12px; margin-left:155px;}

/* Main Menu Styling */
.mainmenuMobile ul li a,
.mainmenuMobile ul li h2,
.mainmenuMobile ul li a h2 {float: left; display: block; color: #000; margin:0; font-weight:bold;
				 font-size:16px;
				padding-left: 20px; 
				line-height:35px;
				text-decoration: none;
				z-index:10;
}

.menu_wrapper  .mainmenuMobile h2 {
	left: 168px;
    position: relative;
    height: 40px;
    padding-right: 10px;
	width: 100%;
	line-height: 45px;
	display:block !important;

}




/* SUB MAIN MENU */
.submenu h2, .submenu h3, .submenu h4 {padding:0; line-height:0; margin:0;font-family: 'Cabin Condensed',Helvetica,Arial,sans-serif;font-weight: 500;font-size:13px; text-transform: uppercase;border-bottom: none; letter-spacing: 2px; float:left;}
.submenu {font: normal 13px Arial, sans-serif; line-height: 16px; position:relative;clear:both;padding-top:20px;}

.submenu ul, .menu ul li 	{margin: 0; padding: 0; border: none;list-style:none;}
.submenu ul				{width: 100%; height: 27px; position: absolute;}
.submenu ul li 	{float: left; margin: 0; padding: 0; font-size: 13px; font-weight: bold; width:205px;border-bottom:2px solid #FFF;height:40px;position:relative;}
.submenu ul li:hover {background:#CCC;cursor:pointer;}
.submenu ul li img			{    width: 20px;   position: absolute;    left: 10px;    top: 8px;}

/* Sub Menu Styling */
.submenu ul li a,
.submenu ul li h2,
.submenu ul li a h2 {float: left; display: block; color: #000; margin:0; font-weight:bold;
				 font-size:14px;
				padding-left: 20px; 
				line-height:35px;
				text-decoration: none;
}


#menu-bottom	{position:absolute; bottom:255px;}




/*  Right Report Layout */
.closeReport { position:absolute;right:10px; top:10px; border:1px solid #000; height:30px; line-height:30px; width:30px;text-align:center;cursor:pointer;}
.rightReportContent { padding-left:20px; width:440px;}
.rightReportWrapper h2	{ }
.rightReportNav {float:left; margin-right:20px; width:200px; border-bottom:1px solid #CCC;text-align:center; font-size:20px;cursor:pointer;}
.rightReportNavActive {border-bottom:10px solid #000;}
.reportNavWrapper { clear:both; width:100%;margin-top:20px;overflow: auto;}
.reportBox,
.topSectionWrapper {width:100%; margin-bottom:10px; background:#FFF; border-radius:5px;min-height:50px;}


.dashboard_metric_wrapper	{ width:67%; float:left;}

.dashboard_insight_wrapper	{ width:32%; float:right;  }
.dashboard_insight_panel	{border:1px solid #eee; height:auto; background:#FFF; padding-bottom:50px; box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.2); border-radius:5px;}
 
.dashboard_main_panel		{ width:28%; height:200px; box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.2); border-radius:5px; position:relative; margin-right: 30px; margin-bottom: 30px; float:left; background:#FFF; position:relative;}
.panel_main_title			{ text-align:center; line-height:30px;}
.panel_main_metric			{ font-size:2.5vw; text-align:center;}
.revenueMetric				{ font-size:36px;}
.revenueMetricPY			{ font-size:24px;}

.panel_breakdown_wrapper	{	border-top:1px solid #EEE; position:absolute; bottom:0px;text-align:center; height:50px; line-height:20px;width:100%;}
.panel_breakdown			{ float:left; width:32%; border-left:1px solid #eee; border-top:1px solid #EEE;height:50px;font-size:0.8vw}
.panel_breakdown:first-child	{border-left:none;}
.panel_breakdown .value		{font-size:0.8vw;width:80%;text-align:center; margin:0 auto;}
.graph						{ width:68%; margin-right:0px;}
.chartdiv					{ width:100%; height:100%;}


.dashboard_panel	{ width:45%; height:500px; box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.2); border-radius:5px; position:relative; margin-right: 30px; margin-bottom: 30px; float:left; background:#FFF;}
.dp_title			{ height:20px;left:10px; background:#FFF; padding-left:10px;padding-right:10px;}
.dp_content			{ margin-top:20px; padding-left:5px; padding-right:5px;}

.homeInsightText	{ margin-left:10%;width:80%;}

.dashboard_panelDoubleWrapper	{ width:45%; height:500px; margin-right: 30px;margin-bottom: 30px; float:left;position:relative;}
.dashboard_panelDouble			{ height:240px;box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.2); border-radius:5px; position:relative;   background:#FFF;}
.dashboard_panelDoubleWrapper .dashboard_panelDouble:last-child {margin-top:20px;}

.dashboard_panelBoxWrapper	{ width:45%; height:500px; margin-right: 30px; margin-bottom: 30px; position:relative;float:left; }
.dashboard_panelBox			{ width:45%;height:240px;box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.2); border-radius:5px; position:relative;   background:#FFF;}
.dashboard_panelBoxWrapper .dashboard_panelBox:first-child { float:left;}
.dashboard_panelBoxWrapper .dashboard_panelBox:last-child { float:right;}

.newButton			{ border:1px solid #666; border-radius:2px; min-width:50px; height:50px; line-height:50px;cursor:pointer;font-size:20px;text-align:center;background:#000;color:#FFF;font-weight:bold; padding-left:10px; padding-right:10px;
-webkit-user-select: none; /* Chrome/Safari */ -moz-user-select: none; /* Firefox */-ms-user-select: none; /* IE10+ */-o-user-select: none;/* The rule below is implemented in most browsers by now */user-select: none;
}

.newButton	{
    color: #FFF;
    background-color: #000;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#666));
    background: -moz-linear-gradient(top, #000, #666);
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-box-shadow: 1px 1px 4px #999;
    -moz-box-shadow: 1px 1px 4px #999;
    box-shadow: 1px 1px 4px #999;
    border-bottom: 2px solid #536573;
    border-right: 2px solid #536573;
    background: #000;

}

.newButton:hover {
    background-color: #666;
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
    background: -moz-linear-gradient(top, #666, #000);
}


.width100			{width:100px;}

.toggle, .toggle2	{     position: absolute;right: 0px;    z-index: 100000;height: 36px;    width: 25px;    background: #424242;    line-height: 36px;    text-align: center;    font-size: 22px;    color: #FFF;	box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.2);cursor:pointer;}
.toggle2			{right:0px; width:50px;box-shadow:none;display:none;} 
.panel	{float:left;}

reportPanel:first-child {
    margin-left: 0px;
}

.reportPanel {
    height: 100px;
    width: 30%;
    float: left;
    margin-left: 10px;
    line-height: 100px;
    cursor: pointer;
	text-align:center;
	background:#FFF;
	font-family: "Hammersmith One",Arial,sans-serif;
}

.emailModal {z-index:10000000;display:none;position:fixed; width:70%; top:10%;margin-left:15%;background:#FFF;
	box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.2);
	padding-left:25px; padding-right:25px; padding-bottom:15px;padding-top:5px;
}

.closeEmail { position:absolute;right:10px; top:10px; border:1px solid #000; height:30px; line-height:30px; width:30px;text-align:center;cursor:pointer;}
.emailSent { display:none;}
.currentReport {
    border: 2px solid green;
}

.otherReport {
    line-height: 20px;
    font-size: 14px;
}