/**
 * Portal Stylesheet
 * 
 * @package    Portal
 * @category   CSS
 * @copyright  Copyright (c) Nuwave Software Ltd
 */

/*------------------------------------------------------------------------------
 * General Styles
 *----------------------------------------------------------------------------*/

.portal.nav ul,
.portal.nav li {
	list-style: none;
	padding: 0;
	margin: 0;
}
.portal.action-menu ul, 
.portal.action-menu li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.portal.header-item a {
	text-decoration: none;
}


/*------------------------------------------------------------------------------
 * Menu Dropdown Styles
 *----------------------------------------------------------------------------*/

.portal.nav li {
	position: relative;
}
.portal.nav .menu-dropdown {
	background: #FFF;
	border-radius: 2px;
	border: 1px solid #E0E0E0;
	box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.25);
	color: #6B6B6B;
	display: none;
	font-size: 0.9em;
	margin: 2px 0 0 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 100%;
	z-index: 1000;
}
.portal.nav .menu-dropdown li {
	border-bottom: 1px solid #E0E0E0;
}
.portal.nav .menu-dropdown li:last-child {
	border-bottom: none;
}
.portal.nav .menu-dropdown a {
	color: #6B6B6B;
}
.portal.nav .menu-dropdown li > a {
	display: block;
	padding: 8px;
	width: 100%;
}
.portal.nav .menu-dropdown li > a:hover {
	background: #F3F3F3;
}

.portal.nav .menu-dropdown .sub-item-static {
	padding: 4px;
	padding-left: 8px;
	background: #F7F7F7;
	font-style: italic;	
	color: #6B6B6B;
}

.portal.nav .menu-dropdown .heading {
	background: #6B6B6B;
	color: #FFFFFF;
	padding: 8px;
}
.portal.nav .menu-dropdown .heading .title {
	font-weight: bold;
}
.portal.nav .menu-dropdown .heading a {
	background: none;
	color: #FFFFFF;
	float: right;
	padding: 0;
	width: auto;
}
.portal.nav .menu-dropdown .heading a:hover {
	background: none;
	opacity: 0.8;
}
.portal.nav .menu-dropdown .featured {
	text-align: center;
	font-weight: bold;
}


/*------------------------------------------------------------------------------
 * User Dropdown Styles
 *----------------------------------------------------------------------------*/

.portal.user-dropdown .menu-dropdown {
	width: 200px;
}
.portal.user-dropdown .user-priv {
	padding: 3px 8px;
}
.portal.user-dropdown ul {
	position: relative;
}

/*------------------------------------------------------------------------------
 * Notification Styles
 *----------------------------------------------------------------------------*/

.portal-notify-ui h1 {
	margin-top: 0;
}

/*----------------------------------------------------------------------------*/

.portal.notify-dropdown {
	position: relative;
}
.portal.notify-dropdown a {
	/*text-decoration: none !important;*/
}
.portal.notify-dropdown .notify-btn {
	display: block;
	position: relative;
}
.portal.notify-dropdown .notify-btn-sel,
.portal.notify-dropdown.selected .notify-btn-unsel {
	display: none;
}
.portal.notify-dropdown .notify-btn-unsel,
.portal.notify-dropdown.selected .notify-btn-sel {
	display: inline-block;
}
.portal.notify-dropdown .notify-btn-inner {
	display: inline;
	position: relative;
}
.portal.notify-dropdown .notify-badge.badge {
	background: #A94442 !important;
	border-radius: 12px;
	color: #FFF !important;
	display: inline-block;
	font-size: 12px;
	font-weight: 300;
	height: 16px;
	line-height: 0.9;
	min-width: 10px;
	padding: 3px 5px 3px 5px;
	position: absolute;
	right: -8px;
	text-align: center;
	top: -8px;
	vertical-align: middle;
	white-space: nowrap;
}
.portal.notify-dropdown .menu-dropdown {
	right: -10px;
	width: 400px;
}
.portal.notify-dropdown .notify-list {
	min-height: 200px;
}
.portal.notify-dropdown .notify-empty-list {
	display: none;
	text-align: center;
	height: 200px;
}
.portal.notify-dropdown.no-items .notify-empty-list {
	display: block;
}
.portal.notify-dropdown .notify-empty-list .notify-message {
	line-height: 200px;
}

.portal.notify-dropdown .notification {
	border-bottom: 1px solid #CCC;
	display: none;
	position: relative;
}
.portal.notify-dropdown .notification:nth-child(-n+5) {
	display: block;
}
.portal.notify-dropdown .notification:last-child {
	border-bottom: none;
}
.portal.notify-dropdown .notification:hover {
	background: #F9F9F9;
}
.portal.notify-dropdown .notify-link {
	display: block;
	padding: 8px;
}
.portal.notify-dropdown .notification .notify-message {
	color: #484848;
	display: block;
}
.portal.notify-dropdown .notification .notify-timestamp {
	color: #9C9C9C;
	display: block;
	font-size: 0.9em;
}
.portal.notify-dropdown .notification .notify-actions {
	/*display: none;*/
	position: absolute;
	top: 8px;
	right: 8px;
}
/*.portal.notify-dropdown .notification:hover .notify-actions {
	display: block;
}*/
.portal.notify-dropdown .notification .notify-actions a,
.portal.notify-dropdown .notification .notify-actions a .fa {
	-moz-transition: none;
	-webkit-transition: none;
	transition: none;
}
.portal.notify-dropdown .notification .mark-as-read .read-icon,
.portal.notify-dropdown .notification .mark-as-read:hover .unread-icon,
.portal.notify-dropdown .notification .mark-as-unread .unread-icon,
.portal.notify-dropdown .notification .mark-as-unread:hover .read-icon {
	display: none;
}
.portal.notify-dropdown .notification .mark-as-read .unread-icon,
.portal.notify-dropdown .notification .mark-as-read:hover .read-icon,
.portal.notify-dropdown .notification .mark-as-unread .read-icon,
.portal.notify-dropdown .notification .mark-as-unread:hover .unread-icon {
	display: inline-block;
}
.portal.notify-dropdown .notification .mark-as-read,
.portal.notify-dropdown .notification .mark-as-unread {
	color: #666;;
}
.portal.notify-dropdown .notification .mark-as-read:hover,
.portal.notify-dropdown .notification .mark-as-unread:hover {
	color: #5cb85c;
}
.portal.notify-dropdown .notification .remove {
	color: #d9534f;
	display: none;
}
.portal.notify-dropdown .notification .remove:hover {
	color: #ab3d3a;
}

.portal.notify-dropdown .notification.unread {
	/*background: #EEEEEE;*/
	font-weight: bold;
}
.portal.notify-dropdown .notification.unread:hover {
	/*background: #E5E5E5;*/
}
.portal.notify-dropdown .notification.unread .mark-as-read .read-icon,
.portal.notify-dropdown .notification.unread .mark-as-read:hover .unread-icon,
.portal.notify-dropdown .notification.unread .mark-as-unread .unread-icon,
.portal.notify-dropdown .notification.unread .mark-as-unread:hover .read-icon {
	display: inline-block;
}
.portal.notify-dropdown .notification.unread .mark-as-read .unread-icon,
.portal.notify-dropdown .notification.unread .mark-as-read:hover .read-icon,
.portal.notify-dropdown .notification.unread .mark-as-unread .read-icon,
.portal.notify-dropdown .notification.unread .mark-as-unread:hover .unread-icon {
	display: none;
}

.portal.notify-dropdown .featured.actions a {
	background: #444;
	color: #FFFFFF;
	float: left;
	display: block;
	margin: 0;
	padding: 10px;
	text-align: center;
	width: 100%;
	/*width: 50%;*/
}
.portal.notify-dropdown .featured.actions a:hover {
	background: #333;
}
.portal.notify-dropdown .featured.actions a:first-child {
	border-right: 1px solid #EEE;
}



/*------------------------------------------------------------------------------
 * Mobile Menu Styles
 *----------------------------------------------------------------------------*/

.portal.mobile-menu ul,
.portal.mobile-menu ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.portal.mobile-menu {
	background: #555658;
	border-right: 1px solid #797979;
	bottom: 0;
	display: none;
	left: -184px;
	overflow-y: auto;
	overflow-x: visible;
	position: absolute;
	top: 43px;
    width: 184px;
	z-index: 10000;
}
.portal.mobile-menu .navbar-menu .item {
	border-bottom: 1px solid #797979;
	position: relative;
}
.portal.mobile-menu .navbar-menu .item > .tag {
	color: #F7F7F7;
	display: block;
	font-weight: bold;
	line-height: 20px;
	padding: 8px;
}
.portal.mobile-menu .navbar-menu .item > .tag:hover {
	background: #747474;
}
.portal.mobile-menu .navbar-menu .item.selected > .tag {
	background: #3FA247;
	border-left: 4px solid #FFF;
}
.portal.mobile-menu .navbar-menu .item.selected > .tag:hover {
	background: #3FA247;
}
.portal.mobile-menu .navbar-menu .submenu {
	background: #6E6E6E;
	border-top: 1px solid #7E7E7E;
	display: none;
	font-size: 0.9em;
}
.portal.mobile-menu .navbar-menu .submenu > .item {
	
}
.portal.mobile-menu .navbar-menu .submenu > .item > .tag {
	color: #F7F7F7;
	padding: 6px 8px 6px 30px;
}
.portal.mobile-menu .navbar-menu .submenu > .item > .tag:hover {
	background: #7E7E7E;
}
.portal.mobile-menu .navbar-menu .submenu > .item.selected > .tag {
	background: #3FA247;
	border-left: 4px solid #FFF;
}
.portal.mobile-menu .navbar-menu .item.expanded {
	border-bottom: none;
}
.portal.mobile-menu .navbar-menu .item.expanded > .submenu {
	display: block;
}
.portal.mobile-menu .navbar-menu .item.parent > .tag {
	margin-right: 35px;
}
.portal.mobile-menu .navbar-menu .item.parent > .arrow {
	border-left: 1px solid #797979;
	float: right;
	height: 36px;
	padding: 11px 8px;
}
.portal.mobile-menu .navbar-menu .item.parent.selected > .arrow {
	background: #3FA247;
	/*border-left: 1px solid #FFF;*/
}
.portal.mobile-menu .navbar-menu .item.parent.selected > .arrow:hover {
	/*background: #5E5E5E;*/
}
.portal.mobile-menu .navbar-menu .item.parent > .arrow:hover {
	background: #747474;
}
.portal.mobile-menu .navbar-menu .item.parent > .arrow .open {
	display: none;
}
.portal.mobile-menu .navbar-menu .item.parent > .arrow .closed {
	display: block;
}
.portal.mobile-menu .navbar-menu .item.parent.expanded > .arrow .open {
	display: block;
}
.portal.mobile-menu .navbar-menu .item.parent.expanded > .arrow .closed {
	display: none;
}

.portal.mobile-menu.closed {
	width: 41px;
}
.portal.mobile-menu.closed .branding .logo {
	display: none;
}
.portal.mobile-menu.closed .branding .menu-toggle {
	border-left: none;
}
.portal.mobile-menu.closed .project-menu .project-title {
	display: none;
}
.portal.mobile-menu.closed .project-menu .project-menu-btn {
	border-right: none;
}
.portal.mobile-menu.closed .navbar-menu .item > .tag span {
	display: none;
}
.portal.mobile-menu.closed .navbar-menu .arrow {
	display: none;
}
.portal.mobile-menu.closed .navbar-menu .item.parent > .tag {
	margin-right: 0;
}
.portal.mobile-menu.closed .navbar-menu .item > .submenu {
	display: none;
	position: absolute;
	top: 0;
	left: 100%;
	-moz-transition: opacity .3s ease;
	-webkit-transition: opacity .3s ease;
	transition: opacity .3s ease;
	opacity: 0;
}
.portal.mobile-menu.closed .navbar-menu .item:hover .submenu {
	display: block !important;
	opacity: 1;
}
.portal.mobile-menu.closed .navbar-menu .submenu > .item > .tag {
	padding: 6px 8px;
}


/*------------------------------------------------------------------------------
 * Other Styles
 *----------------------------------------------------------------------------*/

.portal.page-breadcrumbs .crumb:hover {
	text-decoration: underline;
}
.portal.action-menu .item {
	float: left;
}
.portal.banner-item {
	background: #FFF;
	border: 1px solid #DDD;
	border-radius: 2px;
	box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.1);
	margin-bottom: 20px;
	padding: 20px;
}
.portal.banner-item .title {
	margin: 0 0 10px 0;
	padding: 0;
}
.portal.banner-item .sub-title {
	margin: 0;
	padding: 0;
}