/* Account/Session header */

.top-session-nav {
	float: right;
	font-size: 0;
}

@media only screen and (max-width: 767px) {
	.top-session-nav {
		float: none;
	}
}

.launch-app-icon {
	display: inline-block;
	height: 8px;
	width: 1em;
	background-repeat: no-repeat;
	margin-left: 0.2em;
	margin-right: 0.2em;
	text-align: center;
}

.top-session-nav .welcome-title {
	display: inline-block;
	max-width: 10em;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: text-bottom;
}

.launch-app-icon {
	background-image: url( ../images/launcher.png );
}

.fa-angle-down {
	color: #6e9ec1;
}

.top-session-nav li {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	z-index: 300;
	padding-left: 15px;

}

.top-session-nav a {
	display: block;
	font-weight: 400;

	padding: 10px 5px;
	line-height: 16px;

}

.top-session-nav a:hover {

}

/* Active session nav styling */

.top-session-nav.active-session li {
	padding-left: 0;
}

.top-session-nav.active-session a {
	background-color: transparent;
	border-radius: 0;
}

.top-session-nav.active-session > li > a {
	padding: 10px 5px;
	line-height: 1.2em;
	white-space: nowrap;
	color: #444;
}

.top-session-nav.active-session > li > a:hover {
	text-decoration: none;
}

.top-session-nav.active-session .sub-menu {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	padding: 5px 10px;

	background-color: #fff;
	border: solid 1px #ccc;
}

.top-session-nav.active-session .sub-menu li {
	display: block;
	min-width: 170px;
}

.top-session-nav.active-session .sub-menu li a {
	color: #545454;
}

.top-session-nav.active-session li:hover .sub-menu {
	display: block;
}

.top-session-nav.active-session li.disabled span {
	display: block;
	padding: 10px 5px;
	cursor: not-allowed;
}

.top-session-nav.active-session li.disabled span {
	color: #bbb;
}

.top-session-notice { display: none; }