/* Account/Session header */

.ip-account-wrapper {
	display: inline-block;
	margin-bottom: 5px;
}

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

/* et-secondary-nav used only for precedence */
#et-secondary-nav .ip-account-wrapper .ip-account-menu-container > *,
#et-secondary-nav .ip-account-wrapper .ip-account-menu-container li {
	text-align: left;
	margin-right: 0px;
}

#et-secondary-nav .ip-account-menu-container .ip-account-menu-item-login a {
	padding: 0px 16px;
	line-height: 18px;
	height: 20px;
}

.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-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;
}


#et-secondary-nav li.ip-account-wrapper ul {
	background-color: unset;
	-webkit-transform: none;
	z-index: unset;
	visibility: visible;
	opacity: 1;
	box-shadow: unset;
	position: static;
	padding: unset;
}

#et-secondary-nav li.ip-account-wrapper li {

}

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


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

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

		max-height: 0px;
		visibility: hidden;
		margin: 0px;
	}

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

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

/* Dropdown */

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


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

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

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

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

	/* Override #et-secondary-nav styles */
	font-size: inherit;
	line-height: inherit;
	padding: 0;

}

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

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

#top-header .ip-account-wrapper.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;
}

@media screen and (max-width: 980px) {
	.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;
	}

	.et_mobile_menu ul.ip-account-links a {
		color: #333;
		font-weight: normal;
		font-size: 16px;
	}
}

#mobile_menu .ip-account-wrapper {
	display: block;
	margin-bottom: 10px;
}

#mobile_menu .ip-account-menu-container {
	display: block;
	padding: 10px 5%;
}

#mobile_menu .ip-account-wrapper .ip-account-menu {
	position: static;
	width: 100%;
	color: #333;
	padding: 20px 0;
}

#mobile_menu ul.ip-account-links {
	padding-left: 0;
}



/* 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: 980px) {
	.top-session-nav.active-session {
		margin-left: 0;
	}

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