body div.content div.row
{
	width: 100%;
	height: 1px;
	
	margin: 0px 0px 10px 0px;
	display: table;
}

	body div.content div.row div.dashboard-1
	{
		width: calc(100% - 30px);
		height: 10px;
		
		padding: 15px;
		float: left;
		display: table;
		
		background-color: #fff;
		
		border-radius: 20px;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		
		-webkit-box-shadow: 0px 0px 10px 0.5px #ddd;
		-moz-box-shadow: 0px 0px 10px 0.5px #ddd;
		box-shadow: 0px 0px 10px 0.5px #ddd;
	}
	
		body div.content div.row div.dashboard-1 div.title
		{
			width: 100%;
			
			font-size: 12px;
			color: #999;
		}
		
		body div.content div.row div.dashboard-1 div.bar
		{
			width: 100%;
			height: 2px;
			
			margin: 13px 0px 2px 0px;
			float: left;
		}
		
			body div.content div.row div.dashboard-1 div.bar div.item
			{
				height: 2px;
				
				float: left;
				
				background-color: #2ea3ed;
			}
			body div.content div.row div.dashboard-1 div.bar div.item.blue
			{
				background-color: #37a5ea;
			}
			body div.content div.row div.dashboard-1 div.bar div.item.yellow
			{
				background-color: #ecd342;
			}
			body div.content div.row div.dashboard-1 div.bar div.item.red
			{
				background-color: #eb3136;
			}
			body div.content div.row div.dashboard-1 div.bar div.item.green
			{
				background-color: #41b083;
			}
			body div.content div.row div.dashboard-1 div.bar div.item.orange
			{
				background-color: #eab137;
			}
			
		
		body div.content div.row div.dashboard-1 div.table
		{
			width: 100%;
			height: 1px;
			
			margin: 10px 0px 0px 0px;
			padding: 0px;
			display: table;
			float: left;
		}
		
			body div.content div.row div.dashboard-1 div.table table
			{
				width: 100%;
			}
			
				body div.content div.row div.dashboard-1 div.table table tr td
				{
					padding: 8px 5px;
					
					border-top: 1px solid #f5f5f5;
					
					font-size: 13px;
					color: #666;
				}
				body div.content div.row div.dashboard-1 div.table table tr:first-child td
				{
					border: none;
				}
				body div.content div.row div.dashboard-1 div.table table tr td:last-child
				{
					text-align: right;
				}
				
					body div.content div.row div.dashboard-1 div.table table tr td span
					{
						width: 5px;
						
						padding: 2px 7px;
						float: left;
						
						border-radius: 5px;
						-moz-border-radius: 5px;
						-webkit-border-radius: 5px;
						
						font-size: 11px;
						color: #fff;
						text-align: center;
					}
					body div.content div.row div.dashboard-1 div.table table tr td span.blue
					{
						background-color: #37a5ea;
					}
					body div.content div.row div.dashboard-1 div.table table tr td span.yellow
					{
						background-color: #ecd342;
					}
					body div.content div.row div.dashboard-1 div.table table tr td span.red
					{
						background-color: #eb3136;
					}
					body div.content div.row div.dashboard-1 div.table table tr td span.green
					{
						background-color: #41b083;
					}
					body div.content div.row div.dashboard-1 div.table table tr td span.orange
					{
						background-color: #eab137;
					}
	
		body div.content div.row div.dashboard-1 div.chart-legend
		{
			width: 100%;
			height: 1px;
			
			margin: 15px 0px 0px 0px;
			display: table;
		}
		
			body div.content div.row div.dashboard-1 div.chart-legend div.item
			{
				width: 33.33%;
				height: 1px;
				
				display: table;
				float: left;
				
				font-size: 13px;
				font-weight: bold;
				letter-spacing: -1.2px;
				text-align: center;
			}
			body div.content div.row div.dashboard-1 div.chart-legend div.item.red
			{
				color: #eb3136;
			}
			body div.content div.row div.dashboard-1 div.chart-legend div.item.blue
			{
				color: #37a5ea;
			}
			body div.content div.row div.dashboard-1 div.chart-legend div.item.yellow
			{
				color: #ecd342;
			}
			
				body div.content div.row div.dashboard-1 div.chart-legend div.item small
				{
					width: 100%;
					
					margin: 0px 0px -2px 0px;
					float: left;
					
					font-size: 12px;
					font-weight: normal;
					letter-spacing: -0.5px;
					color: #999;
				}
				
				body div.content div.row div.dashboard-1 div.chart-legend div.item div.data
				{
					width: 100%;
					
					display: flex;
  					flex-wrap: wrap;
  					justify-content: center;
				}
				
				body div.content div.row div.dashboard-1 div.chart-legend div.item div.data span.material-icons
				{
					margin: 3px 0px 0px 0px;
				
					font-size: 12px;
				}
				
				body div.content div.row div.dashboard-1 div.chart-legend div.item div.data span.chart-counter
				{
					margin: 0px 0px 0px 3px;
				}
	
	body div.content div.row div.dashboard-2
	{
		width: calc(50% - 37px);
		height: 10px;
		
		padding: 15px;
		float: left;
		display: table;
		
		background-color: #fff;
		
		border-radius: 20px;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		
		-webkit-box-shadow: 0px 0px 10px 0.5px #ddd;
		-moz-box-shadow: 0px 0px 10px 0.5px #ddd;
		box-shadow: 0px 0px 10px 0.5px #ddd;
	}
	body div.content div.row div.dashboard-2:nth-child(2)
	{
		float: right;
	}
	body div.content div.row div.dashboard-2.fade-out
	{
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		-moz-opacity: 0.5;
		-khtml-opacity: 0.5;
		opacity: 0.5;
	}
	
		body div.content div.row div.dashboard-2 div.title
		{
			width: 100%;
			
			font-size: 12px;
			color: #999;
		}
		
		body div.content div.row div.dashboard-2 div.amount
		{
			width: 100%;
			
			margin: 5px 0px 0px 0px;
			
			font-size: 20px;
			font-weight: bold;
			letter-spacing: -1px;
			color: #666;
		}
		
			body div.content div.row div.dashboard-2 div.amount span
			{
				float: right;
			}
			body div.content div.row div.dashboard-2 div.amount span.red
			{
				color: #ed2e2e;
			}
			body div.content div.row div.dashboard-2 div.amount span.green
			{
				color: #16a56d;
			}
			
			body div.content div.row div.dashboard-2 div.amount small
			{
				margin: 0px 0px 5px 0px;
				display: none;
				
				font-size: 9px;
			}
			
		body div.content div.row div.dashboard-2 div.bar
		{
			width: 100%;
			height: 2px;
			
			margin: 7px 0px 5px 0px;
			float: left;
		}
		
			body div.content div.row div.dashboard-2 div.bar div.item
			{
				height: 2px;
				
				float: left;
				
				background-color: #2ea3ed;
			}
			body div.content div.row div.dashboard-2 div.bar div.item:nth-child(2)
			{
				float: right;
				
				background-color: #edd42e;
			}
			body div.content div.row div.dashboard-2 div.bar div.item.gray
			{
				background-color: #ddd !important;
			}
			
		body div.content div.row div.dashboard-2 div.table
		{
			width: 100%;
			height: 1px;
			
			margin: -5px 0px 0px 0px;
			display: table;
		}
		
			body div.content div.row div.dashboard-2 div.table div.circle
			{
				width: 10px;
				
				margin: 1px 0px 0px 0px;
				float: left;
				display: table;
			}
			
				body div.content div.row div.dashboard-2 div.table div.circle span
				{
					font-size: 10px;
					color: #2ea3ed;
				}
				body div.content div.row div.dashboard-2 div.table div.circle span.yellow
				{
					color: #edd42e;
				}
				
			body div.content div.row div.dashboard-2 div.table div.name
			{
				width: calc(100% - 60px);
				
				margin: 3px 0px 0px 5px;
				float: left;
				
				font-size: 13px;
				color: #666;
			}
			
			body div.content div.row div.dashboard-2 div.table div.percentage
			{
				width: 40px;
				
				margin: 4px 0px 0px 0px;
				float: right;
				
				font-size: 11px;
				text-align: right;
				color: #888;
			}
			
	body div.content div.row div.dashboard-3
	{
		width: calc(33.33% - 38px);
		height: 10px;
		
		margin: 0px 0px 0px 12px;
		padding: 15px;
		float: left;
		display: table;
		
		background-color: #fff;
		
		border-radius: 20px;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		
		-webkit-box-shadow: 0px 0px 10px 0.5px #ddd;
		-moz-box-shadow: 0px 0px 10px 0.5px #ddd;
		box-shadow: 0px 0px 10px 0.5px #ddd;
	}
	body div.content div.row div.dashboard-3:first-of-type
	{
		margin: 0px !important;
	}
	
		body div.content div.row div.dashboard-3 div.title
		{
			width: 100%;
			
			float: left;
			
			font-size: 12px;
			color: #888;
		}
		
		body div.content div.row div.dashboard-3 div.bar
		{
			width: 100%;
			height: 2px;
			
			margin: 6px 0px 3px 1px;
			float: left;
		}
		
			body div.content div.row div.dashboard-3 div.bar div.item
			{
				height: 2px;
				
				float: left;
			}
			body div.content div.row div.dashboard-3 div.bar div.item:nth-child(2)
			{
				float: right;
			}
			body div.content div.row div.dashboard-3 div.bar div.item.red
			{
				background-color: #eb3136;
			}
			body div.content div.row div.dashboard-3 div.bar div.item.green
			{
				background-color: #41b083;
			}
			body div.content div.row div.dashboard-3 div.bar div.item.blue
			{
				background-color: #37a5ea;
			}
			body div.content div.row div.dashboard-3 div.bar div.item.yellow
			{
				background-color: #edd64d;
			}
			body div.content div.row div.dashboard-3 div.bar div.item.gray
			{
				background-color: #ddd;
			}
			body div.content div.row div.dashboard-3 div.bar div.item.darkblue
			{
				background-color: #bcd7e8;
			}
		
		body div.content div.row div.dashboard-3 div.value
		{
			width: 100%;
			
			margin: 5px 0px 0px 0px;
			float: left;
		}
		
			body div.content div.row div.dashboard-3 div.value div.table
			{
				width: 100%;
				height: 1px;
				
				margin: -2px 0px 0px 0px;
				float: left;
				display: table;
			}
					
				body div.content div.row div.dashboard-3 div.value div.table div.name
				{
					width: calc(100% - 40px);
					
					margin: 0px;
					float: left;
					
					font-size: 13px;
					color: #666;
				}
				
				body div.content div.row div.dashboard-3 div.value div.table div.amount
				{
					width: 40px;
					
					margin: 2px 0px 0px 0px;
					float: right;
					
					font-size: 11px;
					text-align: right;
					color: #888;
				}