.active_rub, #m_btns {display:none}

@media only screen and (min-width: 950px) {#topbar .mob_menu > .nav {display:block !important;}}

@media only screen and (max-width: 980px) {
.nav .rub_name {
  display: inline-block;
  margin-left: 8px !important
}	
	
#content > .wrapper {padding: 25px 4% 40px}	
#header, #topbar {height: auto}
#topbar .left .nav {margin-top: 12px}

.wrapper > .right, body[id=""] #header nav, 
.mean-bar .arrow_down, .gr_list, #topbar .gr_list:before, .appli_dropdown .subMenu:before, 
#leftcol, #leftcolfix, #menu_manage #m_btns, #menu_manage .nav > li[class] + li, 
#menu_manage .mean-nav > ul > li[class] > a > span:first-child {display:none !important}

.logo img {max-width: 80%}

.mean-bar {
	position: fixed;
	right: 0;
	top: 62px;
	z-index: 105;
	background: none;
	}
	.mean-bar .meanmenu-reveal { /*MENU ACCESS BUTTON*/
		right: 10px !important;
		top: -55px; 
		border-radius: 2px;
		padding: 6px 10px 8px;
		}
	#menu_manage .meanclose_inner > img {
		position:relative;
		top: -42px;
		left: -90px;
		}

#mainContainer, #main {
	overflow:hidden;
	width:auto !important;
	display:block !important;
	float:none !important;
	}
#main {overflow: visible}

	.mean-container .mean-nav {
		margin: 0; 
		background:#eaeff6;
		box-shadow: 0 1px 5px rgba(70, 74, 92, 0.5);
	}

/*GLOBAL*/
.mean-nav ul a:first-child, .mean-nav img {
	-webkit-transition: all .2s;
	transition: all .2s;
}
.mean-nav > ul > li[class] {border-radius:0; background:none !important}
.mean-nav ul a {
	font-size: 14px;
	padding: .7em 5%;
	}

/*TOPBAR BUTTONS*/
#m_btns {
	display: table;
	width:100%;
	table-layout:fixed;
	background: #d9dfe5;
	}
	#m_btns > a, #m_btns > .m_search {
		float: none !important;  
		display:table-cell;
		vertical-align: middle;
		padding: 4px 0;
	}
	.mean-nav ul > #m_btns >.m_account {
		border:none;
		padding: 0;
		width: 14% !important;
		text-align: center;
		background: none !important; 
		}
		.mean-nav .m_account img {
			width: 33px; 
			height: auto;
			border: 1px solid #fff !important;
            opacity: 1 !important;
			border-radius: 3px;
            }

	 #m_btns > .m_search {
		text-align:right;
		padding-right: 20px;
		}
		 #m_btns > .m_search > a[title="Search"] {
			display:inline-block;
			vertical-align: middle;
			float:none;
			width:auto;
			background:none;
			padding: 0;
			}
			 #m_btns > .m_search img {
				 position:relative; 
				 top: -55px; 
				 left: -145px; 
				 opacity:1;
				 }
			 #m_btns > .m_search > input {
				vertical-align: middle;
				border-radius: 3px;
				margin-right: -28px;
				background:#f2f7fc;
				border-color:#cdd1d7;
				height: 1.7em;
				-webkit-transition: all .3s;
				transition: all .3s;
				width: calc(100% - 40px);
				}
			 #m_btns > .m_search > input:focus {
				 background:#fff;
				 width: calc(100% - 16px);
				 }

	 #m_btns > .m_notif {
		background:none;
		width: 40px;
		padding: 0;
		text-align: center;
		}
		.mean-nav ul #m_btns > .m_notif:hover {background: #fff !important}
			#m_btns > .m_notif img {
				top: -55px; 
				left: -193px !important;
				opacity:1;
				}

/*MENUS*/
.mean-bar .mean-nav > ul > li[class] > a {
	border-top: 1px solid #34383f;
	background:#24282f !important;
	border-radius: 0;
	}
	.mean-nav > ul > li[class] > a:hover, .mean-nav > ul > li[class] > .mean-clicked {background:#34383f !important}
.mean-container .mean-bar .mean-nav > ul > .active > a {
			background:#4b515a !important;
			border-top-color: #4b515a !important;
			}
		.mean-nav > ul > li[class] > .active + li > a {border-top-color: #4b515a !important}
		.mean-nav li + li img, .mean-nav .home img {top: -8px}
			.mean-nav a:hover img {opacity:1}
	.rub_name {opacity:.85}
		.mean-container li[class]:hover .rub_name {opacity:1}
		
.mean-nav #appli_dropdown {padding:0}
.mean-nav .subMenu a {background: #ebeff5}
	.myaccount img {left: -249px}
		
	.mean-nav .subMenu a {
		color:#333; 
		font-size: 13px;
		}
	.mean-container #appli_dropdown a:hover,  .mean-container .subMenu a:hover, 
	.mean-container .subMenu .active > a {background: #fff}


	.mean-nav .subMenu > li:first-child span  {
		position: relative;
		top: 1px;
		left: 3px;
	}
	
.mean-bar .mean-nav .mean-expand {
	height: 17px; 	
	padding: 13px 10px !important;
	border-bottom: none !important;
	border-color: #34383f !important;
	outline: none !important;
	line-height:21px /*vertical position of + */;
	border-radius:0;
	}
	.mean-clicked {line-height: 17px !important}
	
	
/*SUBMENU*/	
.mean-nav .subMenu {border:0 !important}
.mean-nav .subMenu a {
	width: 92%;
	padding: .9em 4%;
}
.mean-nav .hide {
	display:block !important;
	top:auto /*IE*/;
	}
.mean-nav .hide.rub_name {
	display:inline !important;
	position:relative;
	}

/*.mean-container .mean-nav .support + li > a {padding: 0.6em 5% !important}
.support img[alt="Support"] {left: -169px !important}
*/

.mean-nav a > span:first-child  {
		display:inline-block;
		overflow:hidden;
		width: 20px;
		height: 20px;
		}

.mean-nav .login span:empty {
	background-position: -80px -521px !important;
	margin-left: 3px !important;
	}
	.mean-nav .login .rub_name {opacity:1}

.mean-container .forum_dp > a > span:first-child > img {left: -333px}
.mean-container .directory_dp > a > span:first-child > img {left: -277px; top: -8px}

.appli_dropdown .subMenu {position:static;}

/*LOGIN & LOGOUT BUTTONS*/
.mean-container .mean-bar .mean-nav .login  > a {background: #5db336 !important; padding: .9em 5%}
.mean-nav .login  > a:hover {background: #73cc3d !important;}
.mean-container .login {display:block  !important}

/*Logout*/
.myaccount > .subMenu > li:last-child > a {box-shadow: inset 0 -3px 10px #e6edf5}
	.myaccount a:hover {box-shadow: none !important}


.mean-bar .mean-nav > ul > .sm_logout.mean-last > a {
	color:#d00000 ;
	background: #EEE  !important;
	padding: 0.9em 5%;
	border-color: #fff;
	}
.mean-bar .mean-nav > ul > .sm_logout.mean-last > a:hover {background: #fff !important}
	.sm_logout span:first-child {
		display: inline-block;
		vertical-align: -5px;
		width: 20px !important;
		height: 20px;
		margin-right: 6px;
		background: url(/images/icons_menu.png) no-repeat -80px -440px;
		}

/*MANAGE PAGE
------------------------------------------------*/
#menu_manage #header {height: auto}
	#menu_manage #menu_manage_nav {height: auto; position: absolute}
	#menu_manage  #leftcol {position: absolute}

#menu_manage .mean-nav .mean-expand {padding: 12px 10px !important}
#menu_manage .mean-bar {
	position: absolute;
	top: 112px; 
	padding:0;
	}
#menu_manage .mean-bar .home {
	position:absolute;
	right: -4px;
	padding: 0 12px !important;
	border: 1px solid #fff !important;
	top: 18px !important;
	border-radius: 4px;
}

#menu_manage .mean-nav > ul > li > a:first-child {color:#e4e8ef}
	#menu_manage .mean-nav > ul > li > a:hover {color:#fff}
	#menu_manage  .mean-nav a > span:first-child {width: 20px}


#menu_manage #topbar .left .nav {margin-top: 0}
#menu_manage .left .nav > li > a {padding: 10px}
#menu_manage .nav .rub_name {margin-left: 0 !important}

#menu_manage .sf-menu, #menu_manage .sf-menu > a {display:block; white-space:nowrap; padding-left: 3px}
#menu_manage .sf-menu a:hover {text-shadow:none !important}
#menu_manage .subMenu li:last-child a {border-radius:0 !important}


#menu_manage .mn_group:hover {background: #f7f8fa}
#menu_manage .mn_group span {
	max-width: none !important;
	font-size: 15px !important;
	line-height: 1.2em;
	margin-right: 60px;
	text-transform:uppercase;
	}
	#menu_manage .meanmenu-reveal {
		color:#36393e;
		padding: 13px 13px 11px;	
		background:#dde1e7;
		right: 0 !important;
		top: -46px;
		}

		#menu_manage .meanmenu-reveal:hover, #menu_manage .meanclose {background:#f7f8fa}
		#menu_manage a[class="meanmenu-reveal"] > span {background:#36393e}	

#menu_manage .mean-expand  {height: 16px}
.subMenu .sm_add_new a:hover span {transform:none}
	
#menu_manage #manage_nav {
	position: static; 
	margin-top: 64px;
}
.active_rub {
	display: inline-block;
	line-height: 53px;
	margin-left: 15px;
	text-transform: uppercase;
	font-size: 1.3em;
	color: #444;
	letter-spacing: .05em;
	font-weight: normal;
	text-shadow: 0 0 #333;		
	}

}
 	

/*#maincol > .rightcol {margin: 0 auto}
.loginPanels #select_school_sso {width:99%  !important}
.loginPanels img {width:auto; }*/

/*FOOTER --------------------*/

@media only screen and (max-width: 550px) {
.address_footer, .site_map_footer, .social_footer {
    display: block;
    text-align: center;
    width: auto;
    margin-bottom: 30px;
}
.site_map_footer ol, .site_map_footer ul {display: block}
}