@charset "utf-8";

/*========================================*/
/*============ NOTIFICATIONS =============*/
/*========================================*/
.notifications-container {
	color: #fff;
	background: #222;
	padding: 10px;
	margin-top: 20px;
	margin-right: 20px;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	margin-bottom: 20px;
}
.notifications-container ul {
	margin: 0;
}
.notifications-container h2 {
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	height: 30px;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
}
.notifications-container a:hover {
	color: #fff;
}
/*========================================*/
/*============== DASHBOARD ===============*/
/*========================================*/
.page-dashboard {
	max-width: 1300px;
}
.page-dashboard h1 {
	margin-bottom: 0;
}
.dashboard-group {
	padding: 10px;
	padding-bottom: 0;
	margin-top: 20px;
	margin-right: 20px;
	background: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.column {
	width: 220px;
	float: left;
}
.columns-2 {
	width: 480px;
}
.columns-3 {
	width: 740px;
}
.columns-4 {
	width: 1000px;
}
.columns-new {
	clear: both;
}
.dashboard-group h2 {
	font-size: 16px;
	line-height: 20px;
	height: 30px;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
}
.dashboard-group .documents ul {
	margin-right: -40px;
}
.dashboard-group .documents li {
	display: table;
	width: 220px;
	height: 50px;
	float: left;
	margin-right: 40px;
	margin-bottom: 10px;
}
.dashboard-group .documents li.width-2 {
	width: 480px;
}
.dashboard-group .documents li a {
	display: table-cell; 
	vertical-align: middle; 
	color: #222;
	height: 50px;
	background: #e0e0e0;
	border-left: 4px solid #e30613;
	padding-left: 10px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
.dashboard-group .documents li.highlight a {
	color: #fff;
	background: #999;
}
.dashboard-group .documents li a:hover {
	color: #fff;
	background: #222;
}

.dashboard-group-help { background: #222222; }
.dashboard-group-help h2 { color: #fff; }
.dashboard-group .documents li.help a { background: #a4d01d; border: none; }
.dashboard-group .documents li.teamviewer a { background: #168EF4; border: none; color: #fff; }