/* ======================================
					Analytics Dashboard 
======================================== */

#analytics-filter {
	/* width:100%; */
	clear:both;
	margin-bottom:20px;
	/*border-bottom:1px dotted #ccc;	*/
	/*padding:10px 10px;	 */
	}		
#analytics-filter .title h1 {
	margin-bottom:0;
	margin-left:0;
	padding-top:0px;
	float:left;
	padding-top:3px;
	font-size:2.2em;
	}


#analytics-filter .datepicker {
   /* border-right: 1px dotted #ccc;*/
    margin-right: 20px;
    width: 268px;
	}

#analytics-filter .module {

	/*height:30px;*/
	}	
#analytics-filter .module.btn-action ul {width:100%;}
/* ---------------------------------------------------- Drop-down project  */
#analytics-filter form .checkbox {vertical-align:baseline;}
#analytics-filter input {margin:0;padding:5px 5px;}

/* ---------- Drop-down project list */
#dashDropdown,
#contextDropdown {

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;    
	margin:10px 15px;
	padding:5px;

	}

	
#analytics-filter select#dashDropdown option {
	padding:3px 6px;
	}

	
#analytics-filter select#dashDropdown:focus {color:#000;border:1px solid #fff;}

/* ---------- Start-End Date */	
#analytics-filter label {
	margin:7px 5px 0 5px;
	text-transform:uppercase;
	color:#999;
	font-weight:normal;
	font-size:.9em;
	}
#analytics-filter .datepicker input {width:80px;border:1px solid #ebebeb;}
#analytics-filter .datepicker input:focus {border:1px solid #ccc;border-bottom;0;}
.startdate {}
.enddate {float:left}

#filter label {
	font-weight:normal;
	display:inline-block;
	vertical-align:text-top;
	padding:0 10px 0 3px;
	}

/* -------- Graph Header*/
.graph-header {height:32px;}

/* ---------------------------------------------------- Action Buttons: Refresh Chart, Export to CSV */
.btn-action ul {list-style-type:none;padding:10px 0 0 0;}
.btn-action ul li {float:left;margin-right:5px;}
.btn-action ul li a {
	display:block;
	height:40px;
	line-height:40px;
	padding:0 10px 0 38px;
	font-weight:bold;
	background-repeat:no-repeat;
	background-position:6px 9px;
	}
.btn-action ul li.blue a {background-color: #0098D9;color:#fff;}	
.btn-action ul li.grey a {background-color: #ccc;color:#333;}			
.btn-action ul li.refresh-graph a {background-image:url('/images/icon-refresh-graph.png');}
.btn-action ul li.export-csv a {background-image:url('/images/icon-export-csv.png');}

a.button-down {
	display:block;
	border:1px solid #d9d9d9;
	padding:12px 24px;
	background-color:#eaeaea;
	color:#333;
	}

#export-options a.button-down:hover {
	color:#fff;
	background-color:#333;
	}

#export-options ul li {
	float:left;margin-left:10px;
	}
	
/* ------------- Drop-down */	
#export-options ul ul  {
	margin-left:-99999em;
		position:absolute;
	}	

#export-options li:hover ul { 
	margin-left:0;
	display:block;
	position:absolute;
	background-color:#fff;
	z-index:50;
	margin:0;
	}	
#export-options ul  {list-style-type:none;padding:10px;}
#export-options ul ul li {border-bottom:1px dotted #ccc;padding:5px 0;float:none;margin:0;}	
#export-options ul li a {display:block;}
#export-options ul li a:hover {color:#000;}	
/* ------------------------------------------------------ Graph Widgets */
.graph-widget {
	margin:0 10px 20px 0;
	border:1px solid #ccc;
	}
	
.graph-widget	{width:315px;}
.graph-widget.featured { width:640px;}

/* WARNING: Adds an unwanted offset for coordinates of the mouse over */
/*#featurechart_div {padding:20px 30px}*/


#reportarea {overflow:hidden;}
#reportarea .tblable {padding:0 5px 0 15px;}

/* Top widget - scroll body */
#top .graph-widget-body {
	overflow:auto;
	height:300px;
	}

#dropdownSelect {
	min-width:120px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;    
	font: 100%/42px sans-serif;
	padding:5px;
	}
	

.graph-widget-header h3 {
    display: block;
    float: left;
    font-size: 1.1em;
	line-height:1.3em;
    font-weight: bold;
    margin-bottom: 0;
    padding: 10px;
    width: 190px;
	}
	
.graph-widget-header {
    clear: both;
    display: table;
	width:100%;
	}
	
.graph-widget-header, .tabs-top ul li a, .graph-switch-report {
    background-color: #E1E1E1;
    background-image: -moz-linear-gradient(center bottom , #E1E1E1, #F5F5F5);
	}	

.graph-widget-header {width: 100%;}	

.graph-widget-header .right {padding-top:10px;}	
.graph-widget-header .right a {color:#333}	

.graph-widget-body > table, 
.graph-widget-body #table {width:100%;}
.graph-widget table th, 
.graph-widget table td {padding:5px} 

.graph-widget table th:first-child, 
.graph-widget table td:first-child  {/*padding:10px;*/}
.graph-widget table td:first-child td {padding:10px 0;}

.graph-widget-body form label {display:none;}	
.graph-widget-body form .checkbox {vertical-align:baseline;}
.graph-widget-body form .selectbox, .boxEntry form .selectbox option {padding:0 5px;}


#breadarea .breadcrumb .active a {color:#666; }

/* ----------------- Legend Colours, HEX */	
.legend-colours {width:8px;height:16px;display:block; margin-right: 7px; float: left;}

.hex-008c47, .hex-1 {background-color:#008c47;} /* light green */
.hex-0099c6, .hex-2 {background-color:#0099c6;} /* light blue */
.hex-990099, .hex-3 {background-color:#990099;} /* purple */
.hex-e07db2, .hex-4 {background-color:#e07db2;} /* pink */
.hex-ed2d2e, .hex-5 {background-color:#ed2d2e;} /* red */
.hex-a11d20, .hex-6 {background-color:#a11d20;} 
.hex-f37d22, .hex-7 {background-color:#f37d22;}  /* orange */
.hex-f7eb16, .hex-8 {background-color:#f7eb16;} /* yellow */


/* ----------------- Bar Charts - wide */
/* ----------------- Featured Charts */

	
/* ----------------- Table */
.graph-widget table {
	border:0;
	margin:0;
	margin:0;
	}


.graph-widget-header #table #head th,
.graph-widget table tbody tr	td {
	/*background-color:#fff; */
	}
	
#summary table tbody,
.graph-widget table.emphasis {
	color:#333;
	background-color: #e1e1e1;
	background-image: -moz-linear-gradient(center top , #e1e1e1, #f5f5f5);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#f5f5f5));	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1e1e1', endColorstr='#f5f5f5');	
	}
	
#summary table tbody tr td {background-color:transparent;color:#222;}

.graph-widget-body.with-chart table tbody tr td {background-color:#fff;vertical-align:top;}

.graph-widget table th {color:#333;background-color:#fff;text-align:left;}

.txt-right {text-align:right;}

#categories table {/*font-size:11px;*/text-transform:capitalize;}

/* ------------------------------------------------------ Graph Options */
ul.graph-options {}

ul.graph-options li {
	float:left;
	border-bottom:0;
	margin-right:10px;
	}
/* ------------------------------------------------------ Tabs */
.tabs-top {
	width:100%;
	height:53px;
	border-bottom:3px solid #333;	
	margin-bottom:15px;
	}
	
.tabs-top ul {
	list-style-type:none;
	padding:8px 0 0 0;
	margin:0;
	}
	
.tabs-top ul li {
	float:left;
	margin-right:10px;
	}

.tabs-top ul li a {
	display:block;
	padding:12px 24px;
	border:1px solid #d9d9d9;
	border-bottom:none;
	color:#333;
	}	

.tabs-top ul li.active a {cursor:default;}	

.graph-switch-report {padding:5px;display:none;}	
/* -------------------------- Gradiants */
.graph-widget-header,
.tabs-top ul li a,
.graph-switch-report	{
	background-color: #e1e1e1;
	background-image: -moz-linear-gradient(center bottom , #e1e1e1, #f5f5f5);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#f5f5f5));	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1e1e1', endColorstr='#f5f5f5');	
	}
	
.tabs-top ul li a:hover, 
.tabs-top ul li.active a {
	color:#fff;
	background-color: #333;
	background-image: -moz-linear-gradient(center bottom , #333, #555);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#555));	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#555555');
	}

/* ------------------- Global Icons */
.icon-mini,
.widget-header-icons i {
	display:inline-block;
	width:16px;
	height:16px;
	padding-left:3px;
	}
	
.widget-header-icon-last-update {
	font-size:11px;
	margin-right:5px;
	color:#999;
	}

.graph-widget-header:hover .widget-header-icon-last-update {color:#222;}	
.icon-mini,
.widget-header-icons a i {background-image:url('/images/icons-sprite-12px.png');background-repeat:no-repeat;}

/* Icon List */
a .icon-mini.icon-edit {background-position:-51px -1px; }
a:hover .icon-mini.icon-edit {background-position:-51px -18px; }	

/* ------------------- Widget Header icons */
.widget-header-icons {list-style-type:none;padding:0;margin:0;}
.widget-header-icons li {float:left;}

.widget-header-icons a {display:none;}
	
.widget-header-icon-help a i {background-position:-1px -1px; }
.widget-header-icon-maximize a i {background-position:-19px -1px; }
.widget-header-icon-pdf a i {background-position:-35px -1px; }

.widget-header-icon-help a:hover i {background-position:-1px -18px; }
.widget-header-icon-maximize a:hover i {background-position:-19px -18px; }
.widget-header-icon-pdf a:hover i {background-position:-35px -18px; }
	
/* ------------------ Tooltip */
h3#toolTitle {padding-top:10px;margin-bottom:5px;color:#fff;}
p#toolText {color:#ccc;}

/* --- Graph Filter */
.graph-widget-filter {
	text-transform:uppercase;

	border-top:1px solid #e5e5e5;
	font-size:11px;
	padding:5px;
	display:none;
	}

.graph-widget-filter strong {font-size:10px;display:none;}
#excludeWrapper {clear:both;padding:10px 5px;}
#excludeWrapper strong {margin-left:10px;}
#excludeSelect {clear:both;width:100%;display:block;}
#excludeSelect  div {margin-left:10px;}
#excludeSelect label {
	display:inline;
	font-weight:bold;
	margin:3px;
	}
.exclude {margin:5px;}
#upload_form {margin:0px;}

.analytics-graph-note {font-size:11px;color:#666;width:100%;display:block;clear:both;padding:0px 14px 10px 14px;}
.analytics-graph-note p {margin-bottom:0;margin-top:5px;}

/* ------------- UI Slider */
.ui-slider-handle {	
	background-color: #e1e1e1;
	background-image: -moz-linear-gradient(center top , #e1e1e1, #f5f5f5);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#f5f5f5));	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1e1e1', endColorstr='#f5f5f5');
	border:1px solid #999;
	}
	
#slideWrapper {display:none;padding:10px;width:287px;}
#slideBar {margin-top:7px;}
	
/* End of Bootstrap Buttons 2.0.2 */
/* REMOVED - instead we load bootstrap.css */
/* End of Bootstrap Buttons 2.0.2 */

/* Bootstrap 2.0.2 Icon */
/* REMOVED - instead we load bootstrap.css */
 /*End of Bootstrap 2.0.2 Icons */