/*-----------------------------------------------------*\
 @CG HELPER
\*-----------------------------------------------------*/
.help-cont {
    z-index: 100!important;
    position: fixed!important;
    bottom: 15px;
    right: 15px;
    width: 40px!important;
    height: 40px!important;
    font-size: 32px !important;
    box-shadow: 0 1px 6px rgba(0,0,0,.06),0 2px 32px rgba(0,0,0,.16)!important;
    border-radius: 50%;
} 
.help-cont:hover {
    box-shadow: 0 2px 8px rgba(0,0,0,.09),0 4px 40px rgba(0,0,0,.24)!important;
}
.help-cont .mdi:before {
    font-size: 48px;
    position: relative;
    top: -15px;
    left: -4px;
}


/*Main reset*/
#header, #footer, #content {
    display: block;
}
#header { height: 50px !important;}
#footer { max-width: none !important; }

#topbar .subMenu li span:first-child { background: none !important ;}
#appli_dropdown {font-size: 14px;}

.gr_list, .appli_dropdown .subMenu { top: 51px !important; }
#topbar .gr_list:before, .appli_dropdown .subMenu:before { content: ""; }
.mob_menu .subMenu { text-align: left; }

.gr_list { border-radius: 0 0 4px 4px; left:0; border-top: 0; text-align: left;}
.gr_list b.title > span:first-child { background: none; }
.nav > .gr_dropdown .mygr span:first-child:after {vertical-align: 3px;}
#gr_list form > span[style] { background: none !important}

#gr_list form > span[style]:after {
    content: "\F349" !important;
}
.gr_list .grmn { border-left: none; padding-right: 10px;}
.gr_list .grmn > a { font-size: 18px}
.gr_list .grmn img { display:none}
.gr_list .grmn a:after {content: "\F493";}

#gr_list tr:hover {
    border-top-color: #525764;
    background: #f5f5f5;
}
.gr_dropdown .gr_list tr:hover a {
    color: #333;
}
.gr_list .grmn:hover { background: #f5f5f5 !important;}
.gr_list tr:hover .grmn { background: none; }
.gr_dropdown tr a:focus { color: none; background: none; }

#dd_events form > span[style] { background: none !important}
#dd_events form > span[style]:after {
    content: "\F349" !important;
}

.nav .appli_dropdown .subMenu {
    left: 0;
	border-radius: 0 0 3px 3px

}

#writeGroupLoading  { display: inline; }
#writeEventsLoading { display: inline; }

/*Widget reset*/
body .a_groups {background: #27a9e5; border:none !important}
	body .a_groups:hover {background: #108dc6}
/*body .a_groups:before {content: "\F417";}*/




#topbar { height: auto;}
#topbar > .wrapper > .right {
    margin-top: 0;
}
#header .nav > li > a {
    padding: 15px !important;
	width:auto;
	line-height:20px;
}
.ico_forum .notif_counter {
  position: relative;
  float: right;
  margin-left: 6px;
  margin-top: 2px;
  left: inherit;
  top: inherit;
}
.notif_counter + .rub_name {margin-right: 15px !important}
.notif_counter:empty + .rub_name {margin-right: 0 !important}

#manage_nav nav > .sf-menu > li > a {
    padding: 15px;
    line-height: 20px;
    color: #222;
}

#topbar .arrow_down {
	display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent !important;
    border-left: 4px solid transparent !important;
	}
#topbar .nav > li:hover .arrow_down, #topbar .nav > li.active .arrow_down { border-color: initial;}
#topbar .nav > .appli_dropdown.active > a > span:first-child {
    background: none;
    margin-top: 0;
    width: 18px;
    height: 20px;
	border-radius: 0;
}
.appli_dropdown .arrow_down { top: 0; }
.logo img {
	width: auto;
	height:50px;
	vertical-align:middle;
	 }
.nav .top_bubble img {display:none}
.nav .rub_name {
    display: inline-block;
    margin: 0 !important;
}

.right .nav { border: none; }
.right .nav > li { border-radius: 0; }

#topbar .dd_account > a > img {
    vertical-align: middle !important;
	top: 0 !important;
	display:inline-block;
	height: 18px !important;
	width: 18px !important;
	border-radius: 18px;
	border: none !important;
}
#notif_counter {

}
#topbar .dd_notif > a > span > span { display: none !important; }

#topbar .dd_notif > a > span > span#notif_counter {
  display: block !important;
  position: relative;
  float: right;
  margin-left: 6px;
  margin-top: -3px;
  left: inherit;
  top: inherit;
  z-index: 5;
  padding: 0 2px;
  box-shadow: none;
  line-height: 1.3em;
  color: #FFF;
  border-radius: 2px;
  background: #d00000;
  font-family: "Helvetica"
}
#topbar .events_dropdown > a > span.notif_counter {
  display: block !important;
  position: relative;
  float: right;
  margin-left: 6px;
  margin-top: 2px;
  left: inherit;
  top: inherit;
  z-index: 5;
  padding: 0 2px;
  box-shadow: none;
  line-height: 1.3em;
  color: #FFF;
  border-radius: 2px;
  background: #6dad15;
  font-family: "Helvetica"
}

/*Admin nav*/
#manage_nav.admin_nav, #manage_nav {
	top: 50px;
	background: #e7e7e7 !important;
	border-top:none;
	box-shadow:none;
	border-bottom: 1px solid #d6d6d6;
	}
#header nav > .sf-menu > li > a, #manage_nav nav > ul > li > a {
  border: none;
	color: #555 !important;
	text-shadow: none !important;
  padding: 0 10px 2px 2px;
}
.sf-menu .sfHover > a[onclick], .admin_nav .sf-menu a[onclick]:hover {
	background: none;
}

#header nav > .sf-menu > li > a:hover, #manage_nav nav > ul > li > a:hover {
  background-color: #d6d6d6 !important;
  color: #333 !important;
}
.sf-menu > a:first-child {
  font-size: 14px;
	color: #777;
}
.sf-menu nav > ul > li:last-child {
    border-right: none;
}
.mn_group:hover, .sf-menu .sfHover > a[onclick] {  background: none; }
.mn_group > img { border-radius: 5px }

.sf-menu a > span:first-child { background:none}
#manage_nav .sf-with-ul:after, .admin_nav .sf-with-ul:after, #manage_nav .mn_admin_finance > a:after {
	content:"";
	display: inline-block;
    width: 0;
    height: 0;
    margin-left: 7px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
	}

/*icons*/
.nav > li  span:first-child,
#manage_nav .sf-menu > li span:first-child,
#manage_nav nav > ul > li span:first-child,
#gr_list form > span[style],
.gr_list .grmn a {
    position: relative;
    top: 1px;
    display: inline-block;
	overflow: visible !important;
    font-family: 'Material Design Icons';
    font-style: normal;
    font-weight: normal;
    line-height: 1 !important;
	width:auto !important;
	height:auto !important;
	vertical-align:baseline;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 6px;
    font-size: 18px;
}
#manage_nav .subMenu span:first-child {margin-right: 9px}
#mn_favorite_events td span {
    position: static;
    top: auto;
    display: block;
    overflow: visible !important;
    font-family: 'open-sans';
    font-style: normal;
    font-weight: normal;
    line-height: normal !important;
    margin-right: 0;
}
#mn_favorite_events td.dd_cell_date span { display: inline; } 

.nav .login a span:empty { background: none; }
#calTopBar { top: auto !important; }

#Loadinggroups { font-family: Helvetica, Arial, sans-serif}

/*Topbar*/
.nav > li a.home span:first-child:after {content: ""}
.nav > .gr_dropdown  span:first-child:after {content: "\F00E";}
.nav > .event_link  span:first-child:after {content: "\F0ED";}
.nav > .gr_dropdown .gr_list span:first-child:after {content: "";}
.nav > .events_dropdown .gr_list span:first-child:after {content: "";}
.nav > .ico_directory span:first-child:after {content: "";}
.nav > .ico_forum span:first-child:after {content: "\F188";}
.nav > .handbook span:first-child:after {content: "\F0BA";}
.nav > .search span:first-child:after {content: "\F349";}
.nav > .dd_support span:first-child:after {content: "\F2D7";}
.nav > .dd_notif span:first-child:after {content: "\F09A";}
.nav > .login span:first-child:after {content: "\F342";}
.nav > .handbook span:first-child:after {content: "\F0BA";}
.nav > .library span:first-child:after {content: "\F27C";}
.nav > .ico_admin span:first-child:after {content: "\F306";}

/*Profil*/
.dd_account { font-size: 14px !important; }
.dd_account .subMenu li a { padding: 15px 15px 15px 3px !important; }
.dd_account .sm_profile span:first-child:after { content: "\F004"; }
.dd_account .sm_notifications span:first-child:after { content: "\F09A"; }
.dd_account .sm_privacy span:first-child:after { content: "\F33E"; }
.dd_account .sm_password span:first-child:after { content: "\F3EB"; }
.dd_account .sm_todo span:first-child:after { content: "\F12C"; }
.dd_account .sm_resume span:first-child:after { content: "\F214"; }
.dd_account .sm_payments span:first-child:after { content: "\F110"; }
.dd_account .sm_forms span:first-child:after { content: "\F14E"; }
.dd_account .sm_email_archives span:first-child:after { content: "\F1EE"; }
.dd_account .sm_past span:first-child:after { content: "\F0ED"; }
.dd_account .sm_mentorships span:first-child:after { content: "\F004"; }
.dd_account .sm_logout span:first-child:after { content: "\F343"; }


#manage_nav .sf-menu .subMenu {
  border: 1px solid rgba(0,0,0,.15);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  font-size: 14px;
  top: 49px !important;
  padding: 0;
}
#manage_nav .sf-menu .subMenu li > a { padding: 1.1em 35px 1em 4px; }
#manage_nav .sf-menu a:hover {
  background-color: #e7e7e7;
  color: #555;
}
#manage_nav.admin_nav .sf-menu .subMenu { top: 50px !important; }
#manage_nav.admin_nav nav > .sf-menu > li > a { padding: 15px !important; }


/*Manage nav*/
#manage_nav .mn_manage > a span:first-child:after {content: "\F29A";}
#manage_nav .mn_members > a span:first-child:after {content: "\F004";}
#manage_nav .mn_emails > a span:first-child:after {content: "\F1EE";}
#manage_nav .mn_events > a span:first-child:after {content: "\F0ED";}
#manage_nav .mn_forms > a span:first-child:after {content: "\F14E";}
#manage_nav .mn_website > a span:first-child:after {content: "\F59F";}
#manage_nav .mn_money > a span:first-child:after {content: "\F178";}
#manage_nav .mn_media > a span:first-child:after {content: "\F24B";}
#manage_nav .mn_more_tools > a span:first-child:after {content: "\F1D9";}
#manage_nav .mn_admin_apps > a span:first-child:after {content: "\F11C";}
/*Manage Dashboard*/
#manage_nav .subMenu li.sm_add_message > a span:first-child:after {content: "\F417"; color: #fff;}
#manage_nav .subMenu li.sm_activity > a span:first-child:after {content: "\F29A";}
#manage_nav .subMenu li.sm_officers > a span:first-child:after {content: "\F00E"; }
#manage_nav .subMenu li.sm_settings > a span:first-child:after {content: "\F5B7";}
#manage_nav .subMenu li.sm_tags > a span:first-child:after {content: "\F4F9";}
#manage_nav .subMenu li.sm_web_templates > a span:first-child:after {content: "\F27C";}
#manage_nav .subMenu li.sm_reports > a span:first-child:after {content: "\F1DA";}
/*Manage Members*/
#manage_nav .subMenu li.sm_add_member > a span:first-child:after {content: "\F417"; color: #fff;}
#manage_nav .subMenu li.sm_select_past > a span:first-child:after {content: "\F007";}
#manage_nav .subMenu li.sm_select_contacts > a span:first-child:after {content: "\F013";}
#manage_nav .subMenu li.sm_select_members > a span:first-child:after {content: "\F006";}
#manage_nav .subMenu li.sm_account_switch > a span:first-child:after {content: "\F019";}
#manage_nav .subMenu li.sm_select_members_breakdown > a span:first-child:after {content: "\F1C6";}
#manage_nav .subMenu li.sm_timer > a span:first-child:after {content: "\F51B";}
#manage_nav .subMenu li.sm_import > a span:first-child:after {content: "\F552";}
#manage_nav .subMenu li.sm_member_reports > a span:first-child:after {content: "\F1DA";}
#manage_nav .subMenu li.sm_search > a span:first-child:after {content: "\F349";}
#manage_nav .subMenu li.sm_member_profile_extension > a span:first-child:after {content: "\F27A";}
#manage_nav .subMenu li.sm_members_overview > a span:first-child:after {content: "\F12A";}
/*Manage Emails*/
#manage_nav .subMenu li.sm_add_email > a span:first-child:after {content: "\F417"; color: #fff;}
#manage_nav .subMenu li.sm_sent > a span:first-child:after {content: "\F1EE";}
#manage_nav .subMenu li.sm_email_scheduled > a span:first-child:after {content: "\F150";}
#manage_nav .subMenu li.sm_email_drafts > a span:first-child:after {content: "\F147";}
#manage_nav .subMenu li.sm_mailing_lists > a span:first-child:after {content: "\F279";}
#manage_nav .subMenu li.sm_delivery_status > a span:first-child:after {content: "\F48A";}
#manage_nav .subMenu li.sm_email_templates > a span:first-child:after {content: "\F27C";}
#manage_nav .subMenu li.sm_emails_overview > a span:first-child:after {content: "\F12A";}
/*Manage Events*/
#manage_nav .subMenu li.sm_add_event > a span:first-child:after {content: "\F417"; color: #fff;}
#manage_nav .subMenu li.sm_upcoming > a span:first-child:after {content: "\F150";}
#manage_nav .subMenu li.sm_past > a span:first-child:after {content: "\F0ED";}
#manage_nav .subMenu li.sm_event_drafts > a span:first-child:after {content: "\F147";}
#manage_nav .subMenu li.sm_events_delete > a span:first-child:after {content: "\F1C0";}
#manage_nav .subMenu li.sm_event_reports > a span:first-child:after {content: "\F1DA";}
#manage_nav .subMenu li.sm_events_overview > a span:first-child:after {content: "\F12A";}
/*Manage Surveys*/
#manage_nav .subMenu li.sm_add_form > a span:first-child:after {content: "\F417"; color: #fff;}
#manage_nav .subMenu li.sm_all_forms > a span:first-child:after {content: "\F14E";}
#manage_nav .subMenu li.sm_forms_overview > a span:first-child:after {content: "\F12A";}
#manage_nav .subMenu li.sm_inventory > a span:first-child:after {content: "\F6C7";}
#manage_nav .subMenu li.sm_checklist > a span:first-child:after {content: "\F12C";}
#manage_nav .subMenu li.sm_jobpostings > a span:first-child:after {content: "\F0D6";}
#manage_nav .subMenu li.sm_workflowgroups > a span:first-child:after {content: "\F557";}
#manage_nav .subMenu li.sm_workflowtemplates > a span:first-child:after {content: "\F561";}
/*Manage Website*/
#manage_nav .subMenu li.sm_open_website > a span:first-child:after {content: "\F59F";}
#manage_nav .subMenu li.sm_web_pages > a span:first-child:after {content: "\F3EB";}
#manage_nav .subMenu li.sm_web_widget > a span:first-child:after {content: "\F72B";}
#manage_nav .subMenu li.sm_blog > a span:first-child:after {content: "\F64F";}
#manage_nav .subMenu li.sm_useful_links > a span:first-child:after {content: "\F339";}
#manage_nav .subMenu li.sm_discussion_board > a span:first-child:after {content: "\F2FC";}
#manage_nav .subMenu li.sm_web_slideshows > a span:first-child:after {content: "\F56C";}
#manage_nav .subMenu li.sm_web_videos > a span:first-child:after {content: "\F567";}
#manage_nav .subMenu li.sm_web_templates > a span:first-child:after {content: "\F27C";}
#manage_nav .subMenu li.sm_website_overview > a span:first-child:after {content: "\F12A";}
/*Manage Money*/
#manage_nav .subMenu li.sm_pnl > a span:first-child:after {content: "\F0BA"; }
#manage_nav .subMenu li.sm_credits > a span:first-child:after {content: "\F116";}
#manage_nav .subMenu li.sm_budgeting > a span:first-child:after {content: "\F178";}
#manage_nav .subMenu li.sm_refund_requests > a span:first-child:after {content: "\F530";}
#manage_nav .subMenu li.sm_stores > a span:first-child:after {content: "\F110";}
#manage_nav .subMenu li.sm_download > a span:first-child:after {content: "\F1DA";}
#manage_nav .subMenu li.sm_money_overview > a span:first-child:after {content: "\F12A";}
/*Manage Files*/
#manage_nav .subMenu li.sm_add_file > a span:first-child:after {content: "\F417"; color: #fff;}
#manage_nav .subMenu li.sm_documents > a span:first-child:after {content: "\F214";}

#manage_nav .subMenu li.admin_apps > a span:first-child:after {content: "\F11C"; }

#header .subMenu li a[class^="background-cg--"] { color: #ffffff; }

#header .subMenu li a.background-cg--user     { background-color: #0658a2 !important; }
#header .subMenu li a.background-cg--admin       { background-color: #c63030 !important; }
#header .subMenu li a.background-cg--analytic    { background-color: #254656 !important; }
#header .subMenu li a.background-cg--app         { background-color: #27a9e5 !important; }
#header .subMenu li a.background-cg--checklist   { background-color: #3cb371 !important; }
#header .subMenu li a.background-cg--email       { background-color: #f67401 !important; }
#header .subMenu li a.background-cg--event       { background-color: #6dad15 !important; }
#header .subMenu li a.background-cg--file        { background-color: #009688 !important; }
#header .subMenu li a.background-cg--group       { background-color: #27a9e5 !important; }
#header .subMenu li a.background-cg--api { background-color: #555555 !important; }
#header .subMenu li a.background-cg--connect  { background-color: #b76a1d !important; }
#header .subMenu li a.background-cg--money       { background-color: #888888 !important; }
#header .subMenu li a.background-cg--officer     { background-color: #daa520 !important; }
#header .subMenu li a.background-cg--room        { background-color: #8a4026 !important; }
#header .subMenu li a.background-cg--survey      { background-color: #504296 !important; }
#header .subMenu li a.background-cg--web     { background-color: #0077a2 !important; }

#header .subMenu li a.background-cg--user:hover     { background-color: #044a87 !important; }
#header .subMenu li a.background-cg--admin:hover       { background-color: #a62828 !important; }
#header .subMenu li a.background-cg--analytic:hover    { background-color: #0f2c3b !important; }
#header .subMenu li a.background-cg--app:hover         { background-color: #108dc6 !important; }
#header .subMenu li a.background-cg--checklist:hover   { background-color: #318d5a !important; }
#header .subMenu li a.background-cg--email:hover       { background-color: #cf6201 !important; }
#header .subMenu li a.background-cg--event:hover       { background-color: #578a11 !important; }
#header .subMenu li a.background-cg--file:hover        { background-color: #00695C !important; }
#header .subMenu li a.background-cg--group:hover       { background-color: #108dc6 !important; }
#header .subMenu li a.background-cg--api:hover { background-color: #444444 !important; }
#header .subMenu li a.background-cg--connect:hover  { background-color: #954b01 !important; }
#header .subMenu li a.background-cg--money:hover       { background-color: #666666 !important; }
#header .subMenu li a.background-cg--officer:hover     { background-color: #be901d !important; }
#header .subMenu li a.background-cg--room:hover        { background-color: #6c2c16 !important; }
#header .subMenu li a.background-cg--survey:hover      { background-color: #3e3086 !important; }
#header .subMenu li a.background-cg--web:hover     { background-color: #16576f !important; }