/*--------------
 Dashboard
--------------*/
.dashboard-container{
	text-align				: right;
	padding						: 0px 15px 0px 15px;
	background-color		: rgba(255, 255, 255, 0.1);
	background-color		: rgb(20,20,20);
}
.dashboard-item{
	/*display					: inline-block;
	margin-right		: 10px;*/
	vertical-align: middle;
	position:relative;
	padding-right: 9px !important;
  padding-left: 9px !important;
}
.dashboard-item.inline{
	display: inline-block;
}
.dashboard-item.credits{
	 /*margin-right		: 40px;
	 padding-right	: 0px;*/
}
.dashboard-item a{
	border-bottom:0px;
}
.dashboard-item a:hover{
	border-bottom: 1px solid white;
}
.dashboard-container .logout{
	cursor					: pointer;
	/*margin-left			: 25px;*/
}
/*-------------------------
 Divider
 -----------------------*/
.dashboard-container .divider{
	display: none;
	opacity:0.3;
	background-color: white;
	position: absolute;
	z-index: 200;
	top:-35px;
	width:1px;
	height:30px;

}
.dashboard-container .divider.divider-right{
	/*margin:0px 0px 0px 15px;*/
	right:-25px;
}
.dashboard-container .divider.divider-left{
	/*display: inline-block;
	margin:0px 15px 0px 0px;*/
	left:-25px;
}

#tools-grid{
		width:100%;
		justify-content: flex-end;
}

#tools > .grid-x{
	justify-content: flex-end;
}

#admin-tools >.grid-x{
	justify-content: flex-end;
	min-height: 65px;
	align-items: center;
	padding-right:15px;
	padding-left:15px;
	background-color: rgba(255,255,255,0.07);
}
#user-tools > .grid-x{
	justify-content: flex-end;
	min-height: 65px;
	align-items: center;
}
#school-and-credits, #admin-tools{
	margin-right: 4px;
}
#school-and-credits  > .grid-x{
	min-height: 65px;
	align-items: center;
}

#school-name{
	font-size:18px;
	/*margin-right:20px;*/
}
#user-icon{
	margin-right:8px;
	font-size: 110%
}
#user-history-icon{
	margin-right:4px;
}
#sign-out{
	margin-left: 5px;
 	font-size: 133%;
	color: #64bc5e;
  vertical-align: middle;
	transform: translateY(-1px)
}
#logout{
	/*margin-right: 5px;*/
}