.dashboard {float:left;}

.dash-box {
    border-width:1px;
    border-color:#000000;
    border-style:solid;
    border-radius:5px;
    background: -moz-linear-gradient(left, rgba(0,0,0,0.10) 0%, rgba(0,0,0,0) 15%, rgba(0,0,0,0) 85%, rgba(0,0,0,0.10) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.10)), color-stop(15%,rgba(0,0,0,0)), color-stop(85%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.10))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.10) 0%,rgba(0,0,0,0) 15%,rgba(0,0,0,0) 85%,rgba(0,0,0,0.10) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(0,0,0,0.10) 0%,rgba(0,0,0,0) 15%,rgba(0,0,0,0) 85%,rgba(0,0,0,0.10) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(0,0,0,0.10) 0%,rgba(0,0,0,0) 15%,rgba(0,0,0,0) 85%,rgba(0,0,0,0.10) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(0,0,0,0.10) 0%,rgba(0,0,0,0) 15%,rgba(0,0,0,0) 85%,rgba(0,0,0,0.10) 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#80000000',GradientType=1 ); *//* IE6-9 */
    overflow:hidden;
    margin-top:10px;
    margin-bottom:20px;
	padding: 0px;
	width:800px;
	/*text-transform:lowercase;*/
}

.dash-users{background-color: #fcb238;}
.dash-assignments{background-color:#ed682a;text-align:center}
.dash-electives{background-color:#10b1d1;text-align:center}
.dash-courses{background-color:#70747c;}
.dash-curricula{background-color:#7b4a8e;}

.dash-title-bar{background-color: #474842;color: #FFFFFF;height:30px;padding: 5px 10px 5px 10px;}
.dash-title{font-size:18px;float:left;max-width:95%;display:inline;}

.dash-options{padding: 5px 20px 5px 20px;vertical-align:middle;float:right;min-width:5%;font-size:10px;}
.dash-options select{max-width:100px;font-size:10px;}
.dash-data-range{float:left;padding-right:20px;display:inline;}
.dash-org{float:left;padding-right: 20px;display:inline;}
.dash-group{float:right;display:inline;}

.dash-thermometer{overflow:hidden;border-width:2px;border-color:#877866;border-style:solid;border-radius:5px;margin: 20px 40px 10px 40px;text-align: center;background-image:url(images/person_icon_transparent.png);height:84px;}
.dash-thermometer-indicator{
	overflow:hidden;
	border-radius:5px;
	height:84px;
	background: rgb(124,188,10) url(images/person_icon_opaque.png); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(124,188,10,1) 0%, rgba(212,234,65,1) 100%) url(images/person_icon_opaque.png); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(124,188,10,1)), color-stop(100%,rgba(212,234,65,1))) url(images/person_icon_opaque.png); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(124,188,10,1) 0%,rgba(212,234,65,1) 100%) url(images/person_icon_opaque.png); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(124,188,10,1) 0%,rgba(212,234,65,1) 100%) url(images/person_icon_opaque.png); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(124,188,10,1) 0%,rgba(212,234,65,1) 100%) url(images/person_icon_opaque.png); /* IE10+ */
	background: linear-gradient(to right,  rgba(124,188,10,1) 0%,rgba(212,234,65,1) 100%) url(images/person_icon_opaque.png); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cbc0a', endColorstr='#d4ea41',GradientType=1 ); /* IE6-9 */

}
.dash-thermometer-key{padding:5px 20px 5px 20px;height:40px;}
.dash-thermometer-title{margin-left: auto;margin-right:auto;width:80%;text-align:center;float:left;vertical-align:middle;font-size:24px;font-weight:bold;}
.dash-thermometer-label-low{text-align:center;position:relative;width:10%;float:left;vertical-align:middle;}
.dash-thermometer-label-high{text-align:center;position:relative;width:10%;float:right;vertical-align:middle;}
.dash-thermometer-label-low  span{font-weight:bold;}
.dash-thermometer-label-high  span{font-weight:bold;}

.dash-icon-container{display:inline-block;margin-left:auto;margin-right:auto;}
.dash-icon{float:left;margin:20px 20px 0px 20px;width:100px}
.dash-assignments .dash-icon-not-started-img {background: url(images/assignment_icon_not_started.png);width: 54px;height: 91px;margin-left: auto;margin-right: auto;}
.dash-icon-not-started-label {text-align:center;margin:10px;}
	.dash-icon-not-started-label  span{font-weight:bold;}
.dash-assignments .dash-icon-started-img {background: url(images/assignment_icon_in_progress.png);width: 54px;height: 91px;margin-left: auto;margin-right: auto;}
.dash-icon-started-label{text-align:center;margin:10px;}
	.dash-icon-started-label  span{font-weight:bold;}
.dash-assignments .dash-icon-completed-img {background: url(images/assignment_icon_complete.png);width: 54px;height: 91px;margin-left: auto;margin-right: auto;}
.dash-icon-completed-label{text-align:center;margin:10px;}
	.dash-icon-completed-label  span{font-weight:bold;}
.dash-assignments .dash-icon-expired-img {background: url(images/assignment_icon_expired.png);width: 54px;height: 91px;margin-left: auto;margin-right: auto;}
.dash-icon-expired-label{text-align:center;margin:10px;}
	.dash-icon-expired-label  span{font-weight:bold;}

.dash-electives .dash-icon-waiting-img {background: url(images/assignment_icon_awaiting_approval.png);width: 54px;height: 91px;margin-left: auto;margin-right: auto;}
.dash-icon-waiting-label{text-align:center;margin:10px;max-width:91px}
	.dash-icon-waiting-label  span{font-weight:bold;}
.dash-electives .dash-icon-approved-img {background: url(images/assignment_icon_approved.png);width: 54px;height: 91px;margin-left: auto;margin-right: auto;}
.dash-icon-approved-label{text-align:center;margin:10px;}
	.dash-icon-approved-label  span{font-weight:bold;}
.dash-electives .dash-icon-rejected-img {background: url(images/assignment_icon_rejected.png);width: 54px;height: 91px;margin-left: auto;margin-right: auto;}
.dash-icon-rejected-label{text-align:center;margin:10px;}
	.dash-icon-rejected-label  span{font-weight:bold;}

.dash-barchart-container {margin-left:auto;margin-right:auto;padding:10px 20px 20px 20px;display:flex;}
.dash-barchart-label-container {width: 15%;margin-top:20px;margin-bottom:20px;height: 100%;float:left;margin-top:auto;margin-bottom:auto;}
.ie9 .dash-barchart-label-container{width: 150px;}
.ie8 .dash-barchart-label-container{width:150px;}
.dash-barchart-label-text {font-size: 30px;font-weight: bold;text-align: center;}
.dash-courses .dash-barchart-label-icon {
	background-image: url(images/courses_icons.png);
	background-repeat: no-repeat;
	width:74px;
	min-height:302px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:20px;
	vertical-align:middle;
}
.dash-curricula .dash-barchart-label-icon {
	background-image: url(images/curricula_icons.png);
	background-repeat: no-repeat;
	width:111px;
	min-height:302px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:20px;
	vertical-align:middle;
}
.dash-barchart-bars-container {
	margin-left:40px;
	padding-right:20px;
	width:75%;
	float:left;
	height:100%;
	margin-top:auto;
	margin-bottom:auto;
}
.ie8 .dash-barchart-bars-container {width:50%;}
.ie9 .dash-barchart-bars-container {width:50%;}
.dash-barchart-bar-header {font-weight: bold;font-size: 15px;margin-left:10px;padding-top:15px;}
.dash-barchart-bar-container {float:left;width:100%;}
.dash-barchart-topbars .dash-barchart-bar{
	background: rgb(124,188,10); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(124,188,10,1) 0%, rgba(212,234,65,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(124,188,10,1)), color-stop(100%,rgba(212,234,65,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(124,188,10,1) 0%,rgba(212,234,65,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(124,188,10,1) 0%,rgba(212,234,65,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(124,188,10,1) 0%,rgba(212,234,65,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(124,188,10,1) 0%,rgba(212,234,65,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cbc0a', endColorstr='#d4ea41',GradientType=1 ); /* IE6-9 */
}
.dash-barchart-bottombars .dash-barchart-bar{
	background: rgb(247,148,30); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3OTQxZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2IwNDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(247,148,30,1) 0%, rgba(252,176,64,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(247,148,30,1)), color-stop(100%,rgba(252,176,64,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(247,148,30,1) 0%,rgba(252,176,64,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(247,148,30,1) 0%,rgba(252,176,64,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(247,148,30,1) 0%,rgba(252,176,64,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(247,148,30,1) 0%,rgba(252,176,64,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7941e', endColorstr='#fcb040',GradientType=1 ); /* IE6-8 */
}
.dash-barchart-bar {margin:10px 0px 10px 0px;padding:10px;height:20px;vertical-align:middle;border-top-right-radius: 12px 100%;border-bottom-right-radius: 12px 100%;}
.dash-barchart-bar-title {font-weight:bold;float:left;min-width:600px;width:90%;font-size:15px;}
.dash-barchart-bar-background {background-color:rgba(0, 0, 0, 0.15);border-top-right-radius: 12px 100%;border-bottom-right-radius: 12px 100%;padding-right:20px}
.ie8 .dash-barchart-bar-background {background-color:#686868;}