.side-menu a:focus{ outline:none;}
.left-panel-wapper { bottom: 0; position:fixed; top: 0; background: #e6ebee; border-right: 2px solid #2a97d0; }
.wapper { height: auto; min-height: 100%; position: relative; width: 100%; }
.left-panel {float: left; background: #e6ebee; border-right: 2px solid #2a97d0; position:relative; left:0; top:0; bottom:0; }
.right-panel {background: #fff; position:absolute; right:0; top:0; bottom:0; left:202px;}
.logo-waper { width: 100%;}
.fixed { position: fixed; bottom: 0; left: 0; }
.panel { margin:0; padding:0; width:1024px;}
.panel .logo-waper{ width:190px; padding: 18px 45px 18px 20px;}
.panel .logo-waper .logo-small{ margin:0;}
.panel header.top-header{ height:57px;}
.panel header .profile .arrow-down{ height:17px;}
.top-header{width:100%; height:50px; background:#e6ebee; position:relative; border-bottom:2px solid #2a97d0; z-index:9999;}
header.top-header .mygroups .dft-group-icon{ background:url(../img/new-menu/nav_group_b.png) no-repeat center left; font-weight:bold; padding:5px 0 5px 40px; margin:13px 13px 13px 40px; display:inline-block; font-size:12px;}
header.top-header .mygroups{ left:0; right:auto; }
header.top-header .mygroups .current-group{ background:#e6ebee; display:inline}
header.top-header .mygroups .current-group{ border-radius:0; box-shadow:none; width:auto;}
header.top-header .mygroups ul{ width:500px; background:#e6ebee; padding:10px; /*border-top:2px solid #2a97d0;*/  margin-top:2px; border-radius:0; box-shadow: 3px 3px 3px 2px rgba(0,0,0,0.3); -moz-box-shadow: 3px 3px 3px 2px rgba(0,0,0,0.3); -webkit-box-shadow: 3px 3px 3px 2px rgba(0,0,0,0.3); -o-box-shadow: 3px 3px 3px 2px rgba(0,0,0,0.3); -ms-box-shadow: 3px 3px 3px 2px rgba(0,0,0,0.3);}
header.top-header .mygroups ul li{ border:none; width:100%;}
header.top-header .mygroups ul li:hover{ background:#FFF;}
header.top-header .mygroups ul li.sub-hd, header.top-header .mygroups ul li a{padding:5px 10px;}
header.top-header .mygroups ul li.sub-hd:hover{ background:none;}
header.top-header .mygroups ul li h4{ padding:5px 0 0 0; text-transform:uppercase; color:#7f7f7f; margin:0; font-weight:bold; font-size:12px;}
header .mygroups .current-group img, header .mygroups a img{ height: 55px;margin:0 20px 0 0; width: 55px;}
header.top-header .mygroups .current-group h6{ padding:12px 0 0 0; /*line-height:55px;*/ color:#2a97d0; font-size:22px; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; max-width:100%;}
header.top-header .mygroups .arrow-down{background: url(../img/new-menu/nav_greyarrow.png) no-repeat center 10px; padding-top:5px; display:block;  width:12px; height:15px; margin-left:8px;}
header.top-header .mygroups .current-group .text-waper{ float:left;}
header.top-header .mygroups .current-group .arrow-waper{ float:left; padding-top:16px;}
header.top-header .mygroups ul li h6{ font-weight:bold; font-size:12px;}
header.top-header .mygroups a span{ font-size:12px; color:#7f7f7f;}
header.top-header .mygroups ul li.view-all { padding:5px 0 0 0; width:100%;}
header.top-header .mygroups ul li.create-new { padding:0; width:100%;}
header.top-header .mygroups ul li.view-all a, header.top-header .mygroups ul li.create-new a{ display:block; text-align:center; padding:10px 0; background:#2a97d0; color:#fff; font-size:14px; font-weight:bold;}
header.top-header .mygroups ul li.view-all a:hover{ background:#31a1db;}
header.top-header .mygroups ul li.create-new a{ background:#ffffff; color:#2a97d0;}
header.top-header .mygroups.openlist .current-group { border-bottom:0; }


header .profile { position: absolute; right: 0; top: 0; width:auto; }
header .profile ul {width: 228px; position: relative; background: #e6ebee; z-index: 50; border-top:2px solid #2a97d0; display: none; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);}
header .profile li { width: 91%; display: block; padding:8px 10px; }
header .profile ul li h4{ padding:5px 0 0 0; text-transform:uppercase; color:#7f7f7f; margin:0; font-weight:bold; font-size:12px;}
header .profile ul li a { display: block; }
header .profile .profile-img img { float: right; height: 55px;margin:0 0 0 20px; width: 55px; object-fit: cover; }
header .profile .profile-img h6{ color: #2a97d0; display: inline-block;font-size: 15px;line-height: 55px; padding: 0; margin:0;}
header .profile .arrow-down{background: url(../img/new-menu/nav_greyarrow.png) no-repeat center 10px; padding-top:2px; display:inline-block;  width:12px; height:15px; margin-left:8px;}
header .profile ul li a { margin: 0; padding:3px 0; color:#2a97d0; font-size:12px; font-weight:bold; }
header .profile.openlist .profile-img .notification { display: none; }
header .profile.openlist ul { display: block; z-index: 10001;}
header .profile.openlist .newgroup { display: none; }
header .profile ul li a.goto-user{ background:url(../img/new-menu/nav_user_user.png) left center no-repeat; padding-left:40px;}
header .profile ul li a.edit-user{ background:url(../img/new-menu/nav_user_edit.png) left center no-repeat; padding-left:40px;}
header .profile ul li a.change-pass{ background:url(../img/new-menu/nav_user_password.png) left center no-repeat; padding-left:40px;}
header .profile ul li a.logout-user{ background:url(../img/new-menu/nav_user_logout.png) left center no-repeat; padding-left:40px;}




.nav-toggle { text-align: center; position: relative; display: none; cursor: pointer; width: auto; background: url(../img/menu.png) no-repeat; text-indent: -999px; padding: 5px 10px !important; box-shadow: none; }
.side-menu { width: 200px; background-color: #e6ebee; }
.side-menu ul { margin: 0; padding: 0; list-style: none; }
.side-menu li { text-align: left; font-size: 12px; background-color: #e6ebee; position: relative; }
.side-menu li.active, .side-menu li.active:hover, .side-menu .dropdown.active { background: #2a97d0; }
.side-menu .dropdown ul { position: relative; background-color: #fff; display: none; padding:15px 0; }
.side-menu .dropdown.open, .side-menu li:hover { background-color: #2997CF; }
.side-menu .dropdown.open, .side-menu li:hover a{ color:#fff;}
.side-menu a { display: block; padding: 5px 5px 5px 20px; color: #333; text-decoration: none; }
.side-menu li.active a { color: #fff; }
.side-menu li:hover ul { visibility: visible; }
.side-menu .dropdown:hover > ul:after { content: ""; position: absolute; left: -10px; top: 10px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #fff; }
.side-menu .dropdown ul { top: 0; left: 200px; position: absolute; display: block !important; visibility: hidden; margin: 0; width: 200px; z-index: 9999; border:2px solid #2a97d0; border-left:none; }
.side-menu .dropdown ul li { background-color: #fff; font-size: 12px; }
.side-menu .dropdown ul li a { padding: 8px 5px; color: #2a97d0; }
.side-menu .dropdown ul li a:hover, .side-menu .dropdown ul li a.select { color: #E66225; }
.side-menu .dropdown.active ul { top: 0; left: 0; position: relative; display: block !important; visibility: visible; margin: 0; border-top:none;}
.side-menu li.nav-sub-hd { font-weight: bold; color: #7f7f7f; text-transform: uppercase; padding: 10px 20px; }
.side-menu li.nav-sub-hd:hover, .side-menu li.nav-sub-hd.active, .side-menu li.nav-sub-hd.active:hover { background: none; }
.nav-icon { width: 20px; height: 21px; display: inline-block; padding-right: 5px; vertical-align: middle; }

.nav-home-icon { background: url(../img/new-menu/nav_home_g.png) no-repeat left -2px; }
.side-menu li.active .nav-home-icon, .side-menu li:hover .nav-home-icon { background: url(../img/new-menu/nav_home_w.png) no-repeat left -2px; }

.nav-mygroup-icon { background: url(../img/new-menu/nav_groups_g.png) no-repeat left -2px; }
.side-menu li.active .nav-mygroup-icon, .side-menu li:hover .nav-mygroup-icon { background: url(../img/new-menu/nav_groups_w.png) no-repeat left -2px; }

.nav-getstart-icon { background: url(../img/new-menu/nav_gettingstarted_g.png) no-repeat left -2px; }
.side-menu li.active .nav-getstart-icon, .side-menu li:hover .nav-getstart-icon { background: url(../img/new-menu/nav_gettingstarted_w.png) no-repeat left -2px; }
.nav-members-icon { background: url(../img/new-menu/nav_member_g.png) no-repeat left -2px; }
.side-menu li.active .nav-members-icon, .side-menu li:hover .nav-members-icon { background: url(../img/new-menu/nav_member_w.png) no-repeat left -2px; }
.nav-membership-icon { background: url(../img/new-menu/nav_gear_g.png) no-repeat left -2px; }
.side-menu li.active .nav-membership-icon, .side-menu li:hover .nav-membership-icon { background: url(../img/new-menu/nav_gear_w.png) no-repeat left -2px; }
.nav-admins-icon { background: url(../img/new-menu/nav_leaders_g.png) no-repeat left -2px; }
.side-menu li.active .nav-admins-icon, .side-menu li:hover .nav-admins-icon { background: url(../img/new-menu/nav_leaders_w.png) no-repeat left -2px; }
.nav-broadcast-icon { background: url(../img/new-menu/nav_broadcast_g.png) no-repeat left -2px; }
.side-menu li.active .nav-broadcast-icon, .side-menu li:hover .nav-broadcast-icon { background: url(../img/new-menu/nav_broadcast_w.png) no-repeat left -2px; }
.nav-evnts-icon { background: url(../img/new-menu/nav_events_g.png) no-repeat left -2px; }
.side-menu li.active .nav-evnts-icon, .side-menu li:hover .nav-evnts-icon { background: url(../img/new-menu/nav_events_w.png) no-repeat left -2px; }
.nav-donation-icon { background: url(../img/new-menu/nav_fundraiser_g.png) no-repeat left -2px; }
.side-menu li.active .nav-donation-icon, .side-menu li:hover .nav-donation-icon { background: url(../img/new-menu/nav_fundraiser_w.png) no-repeat left -2px; }
.nav-payment-icon { background: url(../img/new-menu/nav_paymentform_g.png) no-repeat left -2px; }
.side-menu li.active .nav-payment-icon, .side-menu li:hover .nav-payment-icon { background: url(../img/new-menu/nav_paymentform_w.png) no-repeat left -2px; }
.nav-document-icon { background: url(../img/new-menu/nav_docstorage_g.png) no-repeat left -2px; }
.side-menu li.active .nav-document-icon, .side-menu li:hover .nav-document-icon { background: url(../img/new-menu/nav_docstorage_w.png) no-repeat left -2px; }
.nav-email-icon { background: url(../img/new-menu/nav_email_g.png) no-repeat left -2px; }
.side-menu li.active .nav-email-icon, .side-menu li:hover .nav-email-icon { background: url(../img/new-menu/nav_email_w.png) no-repeat left -2px; }
.nav-surveys-icon { background: url(../img/new-menu/nav_survey_g.png) no-repeat left -2px; }
.side-menu li.active .nav-surveys-icon, .side-menu li:hover .nav-surveys-icon { background: url(../img/new-menu/nav_survey_w.png) no-repeat left -2px; }
.nav-quickpay-icon { background: url(../img/new-menu/nav_quickpay_g.png) no-repeat left -1px; }
.side-menu li.active .nav-quickpay-icon, .side-menu li:hover .nav-quickpay-icon { background: url(../img/new-menu/nav_quickpay_w.png) no-repeat left -1px; }
.nav-photos-icon { background: url(../img/new-menu/nav_photos_g.png) no-repeat left -2px; }
.side-menu li.active .nav-photos-icon, .side-menu li:hover .nav-photos-icon { background: url(../img/new-menu/nav_photos_w.png) no-repeat left -2px; }
.nav-discussion-icon { background: url(../img/new-menu/nav_discussion_g.png) no-repeat left -2px; }
.side-menu li.active .nav-discussion-icon, .side-menu li:hover .nav-discussion-icon { background: url(../img/new-menu/nav_discussion_w.png) no-repeat left -2px; }
.nav-packets-icon { background: url(../img/new-menu/nav_packets_g.png) no-repeat left -2px; }
.side-menu li.active .nav-packets-icon, .side-menu li:hover .nav-packets-icon { background: url(../img/new-menu/nav_packets_w.png) no-repeat left -2px; }
.nav-directory-icon { background: url(../img/new-menu/nav_directory_g.png) no-repeat left -2px; }
.side-menu li.active .nav-directory-icon, .side-menu li:hover .nav-directory-icon { background: url(../img/new-menu/nav_directory_w.png) no-repeat left -2px; }
.nav-membercircles-icon { background: url(../img/new-menu/nav_circles_g.png) no-repeat left -2px; }
.side-menu li.active .nav-membercircles-icon, .side-menu li:hover .nav-circles-icon { background: url(../img/new-menu/nav_circles_w.png) no-repeat left -2px; }
.nav-reports-icon { background: url(../img/new-menu/nav_reports_g.png) no-repeat left -2px; }
.side-menu li.active .nav-reports-icon, .side-menu li:hover .nav-reports-icon { background: url(../img/new-menu/nav_reports_w.png) no-repeat left -2px; }
.nav-groupinfo-icon { background: url(../img/new-menu/nav_info_g.png) no-repeat left -1px; }
.side-menu li.active .nav-groupinfo-icon, .side-menu li:hover .nav-groupinfo-icon { background: url(../img/new-menu/nav_info_w.png) no-repeat left -1px; }

.nav-groupbilling-icon { background: url(../img/new-menu/nav_groupbilling_g.png) no-repeat left -1px; }
.side-menu li.active .nav-groupbilling-icon, .side-menu li:hover .nav-groupbilling-icon { background: url(../img/new-menu/nav_groupbilling_w.png) no-repeat left -1px; }

.nav-groupsite-icon { background: url(../img/new-menu/nav_site_g.png) no-repeat left -1px; }
.side-menu li.active .nav-groupsite-icon, .side-menu li:hover .nav-groupsite-icon { background: url(../img/new-menu/nav_site_w.png) no-repeat left -1px; }
.nav-groupsetup-icon { background: url(../img/new-menu/nav_setup_g.png) no-repeat left -1px; }
.side-menu li.active .nav-groupsetup-icon, .side-menu li:hover .nav-groupsetup-icon { background: url(../img/new-menu/nav_setup_w.png) no-repeat left -1px; }
.nav-subscription-icon { background: url(../img/new-menu/nav_subscription_g.png) no-repeat left -1px; }
.side-menu li.active .nav-subscription-icon, .side-menu li:hover .nav-subscription-icon { background: url(../img/new-menu/nav_subscription_w.png) no-repeat left -1px; }
.nav-bank-icon { background: url(../img/new-menu/nav_banks_g.png) no-repeat left -2px; }
.side-menu li.active .nav-bank-icon, .side-menu li:hover .nav-bank-icon { background: url(../img/new-menu/nav_banks_w.png) no-repeat left -2px; }
.nav-processors-icon { background: url(../img/new-menu/nav_processor_g.png) no-repeat left -2px; }
.side-menu li.active .nav-processors-icon, .side-menu li:hover .nav-processors-icon { background: url(../img/new-menu/nav_processor_w.png) no-repeat left -2px; }
.nav-help-icon { background: url(../img/new-menu/nav_help_g.png) no-repeat left -2px; }
.side-menu li.active .nav-help-icon, .side-menu li:hover .nav-help-icon { background: url(../img/new-menu/nav_help_w.png) no-repeat left -2px; }
.nav-search-icon { background: url(../img/new-menu/nav_search_g.png) no-repeat left -2px; }
.side-menu li.active .nav-search-icon, .side-menu li:hover .nav-search-icon { background: url(../img/new-menu/nav_search_w.png) no-repeat left -2px; }
.nav-paymentinfo-icon { background: url(../img/new-menu/nav_paymentinfo_g.png) no-repeat left -2px; }
.side-menu li.active .nav-paymentinfo-icon, .side-menu li:hover .nav-paymentinfo-icon { background: url(../img/new-menu/nav_paymentinfo_w.png) no-repeat left -2px; }
.nav-forms-icon { background: url(../img/new-menu/nav_survey_g.png) no-repeat left -2px; }
.side-menu li.active .nav-forms-icon, .side-menu li:hover .nav-forms-icon { background: url(../img/new-menu/nav_survey_w.png) no-repeat left -2px; }
.nav-fundraiser-icon { background: url(../img/new-menu/nav_fundraiser_g.png) no-repeat left -2px; }
.side-menu li.active .nav-fundraiser-icon, .side-menu li:hover .nav-fundraiser-icon { background: url(../img/new-menu/nav_fundraiser_w.png) no-repeat left -2px; }
.nav-events-icon { background: url(../img/new-menu/nav_events_g.png) no-repeat left -2px; }
.side-menu li.active .nav-events-icon, .side-menu li:hover .nav-events-icon { background: url(../img/new-menu/nav_events_w.png) no-repeat left -2px; }
.nav-profile-icon { background: url(../img/new-menu/nav_profile_g.png) no-repeat left -2px; }
.side-menu li.active .nav-profile-icon, .side-menu li:hover .nav-profile-icon { background: url(../img/new-menu/nav_profile_w.png) no-repeat left -2px; }
.nav-leaders-icon { background: url(../img/new-menu/nav_leaders_g.png) no-repeat left -2px; }
.side-menu li.active .nav-leaders-icon, .side-menu li:hover .nav-leaders-icon { background: url(../img/new-menu/nav_leaders_w.png) no-repeat left -2px; }
.nav-settings-icon { background: url(../img/new-menu/nav_gear_g.png) no-repeat left -2px; }
.side-menu li.active .nav-settings-icon, .side-menu li:hover .nav-settings-icon { background: url(../img/new-menu/nav_gear_w.png) no-repeat left -2px; }
.nav-newgroup-icon { background: url(../img/new-menu/nav_newgroup_g.png) no-repeat left -2px; }
.side-menu li.active .nav-newgroup-icon, .side-menu li:hover .nav-newgroup-icon { background: url(../img/new-menu/nav_newgroup_w.png) no-repeat left -2px; }
.nav-privacy-icon { background: url(../img/new-menu/nav_privacy_g.png) no-repeat left -2px; }
.side-menu li.active .nav-privacy-icon, .side-menu li:hover .nav-privacy-icon { background: url(../img/new-menu/nav_privacy_w.png) no-repeat left -2px; }
.participation-tracker-icon { background: url(../img/new-menu/participation-tracker-star-icon.png) no-repeat left -2px; }
.side-menu li.active .participation-tracker-icon, .side-menu li:hover .participation-tracker-icon { background: url(../img/new-menu/participation-tracker-star-icon-white.png) no-repeat left -2px; }
.nav-coupons-icon { background: url(../img/new-menu/coupon-Nav-menu-icon-gray.png) no-repeat left -1px; }
.side-menu li.active .nav-coupons-icon, .side-menu li:hover .nav-coupons-icon { background: url(../img/new-menu/coupon-Nav-menu-icon-white.png) no-repeat left -1px; }
.nav-committees-icon { background: url(../img/new-menu/nav_committee_g.png) no-repeat left -1px; }
.side-menu li.active .nav-committees-icon, .side-menu li:hover .nav-committees-icon { background: url(../img/new-menu/nav_committee_w.png) no-repeat left -1px; }
.nav-orgdatabase-icon { background: url(../img/new-menu/nav_committee_g.png) no-repeat left -1px; }
.side-menu li.active .nav-orgdatabase-icon, .side-menu li:hover .nav-orgdatabase-icon { background: url(../img/new-menu/nav_committee_w.png) no-repeat left -1px; }


.sub-nav-hidden{ visibility: hidden !important; display:none !important; padding:0 !important; margin:0 !important; }
footer { background:#ffffff  !important; min-height:40px  !important; position:fixed; bottom:0; z-index:9999; }
footer ul{ width:100%  !important; float:left  !important; padding:0  !important; margin:0  !important; line-height: 40px  !important;}
footer ul li{ float:left  !important;}
footer ul li:first-child{ padding-left:20px  !important;}
@media only screen and (max-width: 320px)
{
.left-panel-wapper, .left-panel { width: 45px;} 
.right-panel {left: 47px;}
.side-menu { width: 45px; }
.side-menu a{  padding: 5px 5px 5px 10px;}
.logo-small { background: url(../img/mp-logo-round.png) no-repeat; text-align: center; text-indent: -9999px; display: block; height: 45px; margin: 4px 0; }
.nav-text { display: none; line-height: 30px; }
.side-menu li.nav-sub-hd { display: none; }
.side-menu .dropdown ul { left: 47px; padding:0 0 15px 0 ; }
.side-menu .dropdown.active ul { left: 47px; position: absolute; visibility: hidden; }
.side-menu .dropdown.active:hover ul { visibility: visible; }
.side-menu .dropdown ul li.sub-menu-hd { display: block; font-size: 16px; }
header.top-header .mygroups .current-group .text-waper{ max-width:70%}
header.top-header .mygroups{ width:65%;}   
}
@media only screen and (min-width: 320px){
.left-panel-wapper, .left-panel { width: 45px;}
.right-panel {left: 47px;}
.side-menu { width: 45px; }
.side-menu a{  padding: 5px 5px 5px 10px;}
.logo-small { background: url(../img/mp-logo-round.png) no-repeat; text-align: center; text-indent: -9999px; display: block; height: 45px; margin: 4px 0; }
.nav-text { display: none; line-height: 30px; }
.side-menu li.nav-sub-hd { display: none; }
.side-menu .dropdown ul { left: 47px; padding:0 0 15px 0 ; }
.side-menu .dropdown.active ul { left: 47px; position: absolute; visibility: hidden; }
.side-menu .dropdown.active:hover ul { visibility: visible; }
.side-menu .dropdown ul li.sub-menu-hd { display: block; font-size: 16px; }
header.top-header .mygroups .current-group .text-waper{ max-width:70%}
header.top-header .mygroups{ width:65%;}
}
 @media only screen and (min-width:1024px) {
.side-menu .dropdown ul li a { padding:3px 20px; color: #2a97d0; font-weight:bold; }
}
@media only screen and (min-width: 1025px) {
.nav-text { display: inline-block; line-height: 30px; font-weight:bold; }
.left-panel-wapper, .left-panel { width: 200px;}
.right-panel {left: 202px;}
.side-menu { width: 200px; position: relative; }
.side-menu a{  padding: 3px 5px 3px 20px;}
.side-menu li.nav-sub-hd { display: block; }
.side-menu .dropdown ul { left: 202px; padding:15px 0; }
.side-menu .dropdown:hover > ul:after { left: -10px; top:6px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #fff; }
.side-menu .dropdown.active ul { top: 0; left: 0; position: relative; display: block !important; visibility: visible; margin: 0; }
.logo-small { background: url(../img/new-menu/nav_memberplanetlogo.png) no-repeat; text-align: center; text-indent: -9999px; display: block; height: 20px; margin:18px 45px 18px 20px; }
.side-menu .dropdown ul li.sub-menu-hd { display: none; }
}


 /*@media only screen and (min-width:1280px) {
.right-panel { width: 1057px !important; }
}
@media only screen and (min-width:1360px) {
.right-panel { width: 1141px !important; }
}

@media only screen and (min-width:1920px) {
.right-panel { width: 1701px !important; }
}

@media only screen and (max-width: 767px) {
.slidediv { display: none; }
.nav-toggle { display: block; }
.side-menu .dropdown ul { left: 0; }
.side-menu li:hover ul { visibility: hidden; }
.side-menu a { padding: 10px 5px 10px 10px; }
}*/