div.dashboardWrapper
{
	width:100%;
	padding:0px;
	margin:0 auto;
	margin-top:20px;
	position:relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	overflow:hidden;
}
div.dashboard
{
	padding:0;
	margin:0px auto;
	display:inline-block;
	height:100%;
	cursor:move;
}
div.dashboardShadow
{
	position:absolute;
	top:0;
	right:0;
	z-index:100;
	height:100%;
	background:url('../images/bg/dashboard-overflow-shadow.png') 70% top repeat-y;
	width:100px;
}
div.dashboard div.dashboardPanel div.dashboardContent:hover
{
	-webkit-filter: opacity(80%);
	-moz-filter: opacity(80%);
	filter: opacity(80%);
}
div.dashboard div.dashboardPanel div.dashboardContent > a 
{
	text-decoration:none;
	width:100%;
	height:100%;
}
div.dashboard div.dashboardPanel > div.tile
{
	padding:0px !important;
	margin:0px !important;
}
div.dashboardPanel
{
	float:left;
	display:inline-block;
	vertical-align:top;
	margin:0px;
	padding:10px;
}
div.dashboardPanel.main
{
	display:block;
	clear:both;
	min-width:100px;
}
div.dashboardPanel.nested
{
	display:inline-block;
}
.dashboardPanel .dashboardPanelTitle
{
	text-align:left;
	text-indent:10px;
	padding-bottom:10px;
	border-bottom:1px solid;
}
.container-fluid h4{
	text-align: center;
}
div.dashboard div.dashboardPanel
{
	margin:5px;
}
div.dashboardPanel  div.dashboardPanel
{
	margin:0px;
	margin-top:-10px;
}
div.dashboardPanel  div.dashboardPanel:not(:last-child)
{
	margin-right:-10px;
}
div.dashboardPanel.nested
{
	padding:0px;
}
div.dashboardContent.blue 
{
	background-color:#1947A3;
}
div.dashboardContent.darkBlue 
{
	background-color:#1d386f;
}
div.dashboardContent.darkOrange 
{
	background-color:darkorange;
}
div.dashboardContent.darkerOrange 
{
	background-color:#AD5F00;
}
div.dashboardContent.purple
{
	background-color:#9933FF;
}
div.dashboardContent.darkPurple
{
	background-color:#51178B;
}
div.dashboardContent.gray
{
	background-color:#313836;
}
div.dashboardContent.lightGray
{
	background-color:#697974;
}
div.dashboardContent.green
{
	background-color:#6fc41b;
}
div.dashboardContent.darkGreen
{
	background-color:#4f8b14;
}
.dashboardPanelTitle.purple 
{
	color:#9933FF;
	border-color:#9933FF;
}
.dashboardPanelTitle.gray
{
	color:#313836;
	border-color:#313836;
}
.dashboardPanelTitle.darkOrange
{
	color:darkOrange;
	border-color:darkOrange;
}
.dashboardPanelTitle.blue
{
	color:#1947A3;
	border-color:#1947A3;
}
.dashboardPanelTitle.green
{
	color:#6fc41b;
	border-color:#6fc41b;
}
.dashboardPanelTitle.darkGreen
{
	color:#4f8b14;
	border-color:#4f8b14;
}
div.dashboardContent
{
	display:block;
	position:relative;
	min-width:190px;
	width:auto;
	padding:10px;
	margin-bottom:10px;
}
div.dashboardContent.thin
{
	max-width:200px;
}
div.dashboard div.dashboardPanel > div.tile div.dashboardContent
{
	min-width:215px !important;
	max-width:300px !important;
	margin:0px 10px;
}
div.dashboardContent > img#dashboardIcon,img#dashboardIcon
{
	text-align:center;
	margin:0 auto;
	display:block;
	-webkit-filter: invert(100%);
	-moz-filter: invert(100%);
	filter: invert(100%);
}	
div.dashboard .left
{
	text-align: left;
}
div.dashboard .center
{
	text-align: center;
}
div.dashboard .right
{
	text-align: right;
}
div.dashboard > #dashboardIcon
{
	width:50%;
	height:auto;
}
ul.dashboardMenuItem
{	
	list-style:none;
	display:block;
	padding:0;
	margin:0;
	margin-top:10px;
}
ul.dashboardMenuItem > li 
{
	position:relative;
	width:100%;
}
ul.dashboardMenuItem > li:hover
{
	background:#ffffff;
}
ul.dashboardMenuItem > li:hover > a
{
	-webkit-filter: invert(100%);
	-moz-filter: invert(100%);
	filter: invert(100%);
}
ul.dashboardMenuItem > li > a
{
	margin-left:0px;
	text-decoration:none;
	padding:5px;
	width:100%;
	display:block;
	font-size:12px;
}
ul.dashboardMenuItem.itemColorLight > li > a, .itemColorLight
{
	color:#eeefff;
}
ul.dashboardMenuItem.itemColorDark > li > a, .itemColorDark
{
	color:#555555;
}
.col-sm-4-sub{
	padding:0;
	padding-left: 10px;
}
@media (max-width: 1600px){
.col-sm-4-sub {
    width: 50%;
}
.col-sm-6-sub {
    width: 50%;
}
.col-sm-12{
	max-width: 230px;
}

.col-sm-6-sub > .dashboradContent{
    width: 50%;
}
}
@media (max-width: 1300px){
.col-sm-6-sub{
	width: 100%;
	}
.col-sm-2{
	width: 30%;
}
.col-sm-5{
	width: 70%;
}
.col-sm-4-sub{
	width:33%;
}
.col-sm-4{
	width: 50%;
}
.col-sm-6-sub{
	width: 50%;
}
}
@media (max-width: 860px)
{
	.col-sm-4{
		width: 70%;
	}
	.col-sm-4-sub{
		width: 50%;
	}
}
@media(max-width: 500px){
	.col-sm-2{
		width: 100%;
	}
	.col-sm-5{
		width: 100%;
	}
	.col-sm-4-sub{
		width: 50%;
	}
}