/* Account/Session header */

#ip-account-wrapper {
	display: inline-block;
}

#ip-account-wrapper .ip-account-menu-container {
	position: relative;
	z-index: 100;
	display: inline-block;
	padding: 0 5px;
	vertical-align: top;
}

#ip-account-wrapper .ip-account-menu-container > *,
#ip-account-wrapper .ip-account-menu-container li {
	text-align: left;
}

#ip-account-wrapper .ip-account-menu {
	display: none;
	position: absolute;
	right: 0;
	z-index: 100;

	margin-top: 12px;
	padding: 5px 10px;
	background-color: #fff;
	box-shadow: 0 .25rem .25rem rgba(53, 58, 63, 0.05);
	border: solid 1px #eaecef;
	border-radius: 5px;

	min-width: 180px;

	box-sizing: border-box;
}

/*
#ip-account-wrapper .ip-account-label {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}*/

.ip-account-menu-toggle {
	border: none;
	background: transparent no-repeat center;
	background-size: 14px;
	height: 14px;
	width: 14px;
	padding: 0;
}

.ip-account-menu-toggle.ip-account-apps-button { background-image: url( 'img/apps.svg' ); }
.ip-account-menu-toggle.ip-account-apps-button:hover { background-image: url( 'img/apps-hover.svg' ); }
.ip-account-menu-toggle.ip-account-profile-button { background-image: url( 'img/profile.svg' ); }
.ip-account-menu-toggle.ip-account-profile-button:hover { background-image: url( 'img/profile-hover.svg' ); }


#ip-account-wrapper .ip-account-menu-toggle[data-focus] + .ip-account-menu {
	display: block;
}

@media screen and (max-width: 767px) {

/*
	.ip-account-menu-container {
		padding-bottom: 15px;
		padding-right: 15px;
		padding-top: 15px;
	}
*/

	.ip-account-menu-container {
		text-align: left;
	}

	.ip-account-menu {
		position: static;
		display: block;

		max-height: 0px;
		visibility: hidden;
		margin: 0px;
		/*transition: max-height .5s, visibility .5s;*/
	}

	.ip-account-menu-toggle[data-focus] + .ip-account-menu {
/*	.ip-account-menu-toggle:focus + .ip-account-menu {*/
		max-height: 500px;
		visibility: visible;
		margin-right: 15px;
		margin-bottom: 15px;
	}
}

#ip-account-wrapper .ip-account-menu-item {
	list-style-type: none;
	display: block;
}

/* Dropdown */

#ip-account-wrapper .ip-account-links li {
	color: #4a5056;
	font-size: 14px;
	line-height: 38px;
	padding-left: 5px;
}


.active-session .ip-account-menu-item {
	display: block;
	padding-left: 0;
	color: #4a5056;
	font-size: 14px;
	line-height: 38px;
	font-weight: 400;
	text-decoration: none;
}

.active-session .ip-account-profile-name {
	color: #353a3f !important;
	font-weight: 600;
}

.active-session .ip-account-profile-email {
	color: #878e95 !important;
	font-size: 12px !important;
	font-weight: 400;
	line-height: 1 !important;
}

#ip-account-wrapper.active-session .ip-account-menu-item a {
	width: 100%;
	display: block;
	color: inherit;
}

#ip-account-wrapper .ip-account-menu-heading {
	color: #878e95;
	font-size: 10px !important;
	line-height: 1.5 !important;
}

.active-session .ip-account-menu-item:hover {
	text-decoration: underline;
}

.active-session .ip-account-menu-item a:hover {
	background-color: transparent !important;
}

#ip-account-wrapper .ip-account-links .ip-account-menu-divider {
	width: 100%;
	padding-left: 0;
}

.ip-account-menu-divider hr {
	display: block;
	border: none;
	border-top: solid 1px #e9ecef;
	width: 100%;
	margin: 8px 0;
}

/*



.active-session .ip-account-menu-item a {
	color: inherit !important;
}


.active-session .ip-account-menu-item.disabled:hover {
	cursor: not-allowed;
}

/*
#ip-account-wrapper.active-session .ip-account-menu-item.disabled,
#ip-account-wrapper.active-session .ip-account-menu-item a {
	padding: .5rem 1.25rem;
	color: #646a7e;
}

#ip-account-wrapper.active-session .ip-account-menu-item.disabled {
	color: #ccc;
}

*/
@media screen and (max-width: 767px) {
	#ip-account-wrapper.active-session .ip-account-menu-item {
		padding: 0;
	}

	#ip-account-wrapper.active-session .ip-account-menu-group-title {
		padding-left: 15px;
	}

	#ip-account-wrapper.active-session .ip-account-menu-item.disabled,
	#ip-account-wrapper.active-session .ip-account-menu-item a {
		padding: .75rem 15px;
	}


/* Profile Notice */

.top-session-notice {
	overflow: hidden;
	margin: 2px 0;
	background-color: #f1f5f9;
	border: solid 1px #959595;
	border-radius: 3px;
	color: #004d6a;
	font-weight: bold;
	text-align: center;
	line-height: 35px;
}

.top-session-notice a {
	color: #27AAE1;
	text-decoration: underline;
}

/* Spacing from session notice on left, removed for collapsed view. */
.top-session-nav.active-session {
	margin-left: 20px;
}

@media only screen and (max-width: 767px) {
	.top-session-nav.active-session {
		margin-left: 0;
	}

	.top-session-notice {
		width: 100%;
	}
}