button[data-name="RenewNow"] {margin-bottom:30px !important;}

/* === Membership Directory === */
.MembershipDirectoryMemberAvatar                {text-align: center;}
.MembershipDirectoryMemberAvatar a              {display:inline-block; margin:0 auto; text-align:center; width:200px; height:200px; overflow:hidden; border-radius:100px; border:solid 10px #fff; box-shadow: 0 0 5px #999;}
.MembershipDirectoryMemberType .label           {padding:5px !important; display:inline-block !important; margin: 7px 5px 7px 0; box-shadow:none !important;}

/* === My BPS Section === */
.sharethis-inline-share-buttons                 {margin-bottom:30px;}
.sharethis-inline-share-buttons::before         {content:'Share: '; font-weight:300; display:inline-block; padding:5px; font-weight:700;}
@media only screen and (max-width:1040px) {
    .sharethis-inline-share-buttons::before     {display:block;}
}

    /* My BPS Profile Drop Down */
    #ProfileDropDown img                {height:33px; width:auto; margin-top:-5px; margin-left:-5px; margin-right:5px;}
    .MenuProfile                        {width:250px; left:auto; right:0; z-index:9999;}
    .MenuProfile .fa                    {width:26px; text-align: center;}
    .MenuProfileAvatarContainer         {text-align:center; width:64px; height:64px; display:block; margin:15px auto 10px auto; border-radius:70px; border:solid 3px #fff; box-shadow:0 0 5px #999; overflow:hidden; position:relative;}
    .MenuProfileAvatarContainer .avatar {position:absolute; left:-9999px; right:-9999px; top:-9999px; bottom:-9999px; margin:auto; max-width:150%; width:auto; max-height:100%; height:auto;}
    .MenuProfileName                    {line-break: auto; font-size:20px; font-weight:600; text-align: center; padding-bottom:0 !important; display:block; color:#333;}
    .MenuProfileDashboard               {color:#0088cc !important; text-align: center; margin-bottom: 15px; display:block;}
    .MenuProfileHeader                  {padding:5px 10px; background-color:#f4f4f4; color:#333; font-size:13px; text-transform: uppercase;}
    .MenuProfile li                     {transition:0.3s;}
    .MenuProfile li:first-child         {box-shadow:none !important;}
    .MenuProfile li:hover               {box-shadow:-3px 0 0 0 #000;}

    /* myBPS Collapsible Panels */
    .EDNCollapsiblePanels .panel-title                  {font-size:18px !important; padding:0 !important; cursor: pointer; transition: 0.3s;}
    .EDNCollapsiblePanels .panel                        {border: none; margin-bottom:20px;}
    .EDNCollapsiblePanels .panel-heading                {position:relative; border-top: none; border-right: none; border-bottom: none; border-left: solid 4px #0088cc !important; transition: 0.3s;}
    .EDNCollapsiblePanels .panel-heading h4             {color: #0088cc !important; margin:0 !important; font-size:20px !important; font-weight:700;}
    .EDNCollapsiblePanels .panel-heading .fa            {position: absolute; font-size: 22px; top: 10px !important; right: 15px; transition: 0.3s; }
    .EDNCollapsiblePanels .panel-footer                 {background-color: transparent !important;}
    .EDNCollapsiblePanels .panel.active .panel-heading         {background-color: #0088cc !important; color: #fff !important;}
    .EDNCollapsiblePanels .panel.active .panel-heading *       {color: #fff !important;}
    .EDNCollapsiblePanels ul                            {margin-left: 0 !important;}
    .EDNCollapsiblePanels ul li                         {list-style: none !important;}
    .EDNCollapsiblePanels .accordion-toggle             {padding:0 !important;}


    /* myBPS theme */
    .myBPSsection                           {margin-top:0; background-color:#f4f4f4;}
    #dnn_myBPScover                         {overflow:hidden;}
        /* Cover */
        .myBPScover                         {position:relative; overflow:hidden; height:250px; background-size:cover; background-repeat:no-repeat; background-position: center; margin-bottom:30px;}
        .myBPScover_shadow                  {position:absolute; top:0; bottom:0; left:-100px; right:-100px; box-shadow:0 -50px 150px #000 inset;}
        .myBPScover_ChangeBanner            {position:absolute; top:20px; right:20px; background-color:#fff; height:30px; border-radius:20px; transition:0.3s; opacity:0;}
        .myBPScover:hover .myBPScover_ChangeBanner  {opacity:1;}
        .myBPScover_NameHolder              {position:relative;}
        .myBPScover_NameHolder > div        {top: 0; position:relative; text-align: center;}
        .myBPScover_NameHolder *            {color:#fff; text-shadow:1px 1px 0 #000;}
        .myBPScover_NameHolder h2           {margin:0 !important;}
        .myBPScover_NameHolder a            {color: #00eaff !important;}
        .myBPScover .MenuProfileAvatarContainer {height:110px; width:110px;}
        @media only screen and (min-width:768px) {
            .myBPScover_NameHolder h2           {font-size: 48px !important;}
            .myBPScover_NameHolder > div        {position:absolute; top: 165px; text-align: left;}
        }
        
        /* Dashboard Profile */
        .myBPSprofile                       {position:relative; background-color:#fff; padding-top:30%; box-shadow: 0 0 10px rgba(0,0,0,0.5); margin-bottom:30px;}
        .myBPSprofile_image                 {box-shadow: 0 0 0 10px rgba(0,0,0,0.2); left:10%; margin-top:-80%; margin-bottom:7%; background-position: center center; background-repeat: no-repeat; background-size: cover; padding-bottom: 80%; position: relative; width: 80%;}
        .myBPSprofile_changeimage           {position:absolute; bottom:0; width:200px; margin:0 auto; text-align:center; background-color:#fff; border-radius:20px; transition:0.3s; display:inline-block; padding:5px 10px; left:0; right:0; box-shadow:0 0 5px #999; opacity:0;}
        .myBPSprofile_image:hover .myBPSprofile_changeimage {opacity:1;}
        .myBPSprofile_snapshot              {padding:0 15px;}
        .myBPSprofile_snapshot h4           {font-weight:700 !important; text-transform: uppercase;}
        .myBPSprofile_snapshotinfo          {padding:10px 0;}
        .myBPSprofile_snapshotinfo small    {text-transform: uppercase; font-weight:700; font-size:12px; color:#999;}
        .myBPSprofile_snapshotinfo p        {margin:0 !important;}
        .myBPSprofile_snapshotinfo .label   {box-shadow:none !important; display:inline-block !important; padding:5px !important; margin: 5px 5px 5px 0;}
        .myBPSprofile_getSupport            {padding-bottom:20px;}
        .myBPSprofile_getSupport span       {padding-right:10px;}
        .myBPSproflie_learnBenefits .fa     {float:left; margin:0 15px; width:80px; height:80px; border-radius:100px; background-color:#f4f4f4; line-height:80px; text-align: center; font-size:72px;}
        .myBPSprofile .btn-member-benefits  {background-color:#0088cc !important; color:#fff !important; margin-top:15px;}
        @media only screen and (max-width:768px) {
            .myBPSprofile                   {padding-top:15px;}
        }

        /* Dashboard */
        .myBPSdashboard_item                {box-shadow: 0 0 0 #e7e7e7 inset; transition:0.3s; padding:10px;}
        .myBPSdashboard_item:hover          {box-shadow: 0 30px 30px #e7e7e7 inset;}
        .myBPSdashboard_item .fa            {float:left; width:80px; height:80px; line-height:70px; font-size:35px; text-align: center; background-color:#fff; border: solid 5px #e7e7e7; border-radius:100px; margin-right:15px; margin-bottom:30px; transition:0.3s;}
        .myBPSdashboard_item:hover .fa      {border:solid 5px #0088cc;}
        .myBPSdashboard_item h4             {font-weight:700 !important; text-transform: uppercase; color:#333;}
        .myBPSdashboard_item h4 a           {color:#333 !important;}

        /* Inner Page Profile */
        .myBPSdashboard_sidemnuitem         {padding:8px 5px; position:relative; padding-left:10px; border-left:solid 5px transparent; transition:0.3s; }
        .myBPSdashboard_sidemnuitem .fa     {width:18px; text-align: center; position:absolute; top:12px;}
        .myBPSdashboard_sidemnuitem span    {display:inline-block; margin-left:30px;}
        .myBPSdashboard_sidemnuitem a       {text-transform: uppercase; color:#333 !important; transition:0.3s;}
        .myBPSdashboard_sidemnuitem:hover   {border-left:solid 5px #0088cc;}
        .myBPSdashboard_sidemnuitem:hover a {color:#0088cc !important;}
        .myBPSdashboard_sidemnuitem.active  {border-left:solid 5px #0088cc;}
        .myBPSdashboard_sidemnuitem.active a    {color:#0088cc !important; font-weight:bold;}

        /* Inner Page Cover */
        .myBPScover_dashboardlink           {position:absolute; padding:4px !important; display:block !important; top:214px; right:15px; text-transform: uppercase; color:#fff !important; background-color:transparent !important; border-radius:30px;}
        .myBPScover_dashboardlink .fa       {padding:0 5px;}
        @media only screen and (max-width:768px) {
            .myBPScover_dashboardlink       {position:relative; top:0; left:0; right:0; margin: 0 auto;}
        }

        /* === Public Profile === */
        .myBPSprofile_lgicon_container          {position:relative;}
        .myBPSprofile .field-container          {margin-bottom:0 !important;}
        .myBPSprofile .fa-user-circle-o + div        {margin-bottom:30px;}
        .myBPSprofile_lgicon_container .fa      {position:absolute; font-size:40px; display:inline-block; color:#999; width:45px; text-align: center;}
        .myBPSprofile_lgicon_views              {margin-left:40px; text-transform: uppercase; padding-left:15px; padding-bottom:15px; width:100px; display:inline-block;}
        .myBPSprofile_lgicon_viewscount         {float:right; padding:0 15px; font-size:40px; line-height:40px; color:#999;}
        .myBPSprofile_lgicon_container > div    {margin-left:40px; display:inline-block; padding-left:15px;}
        .myBPSprofile_lgicon_container small    {text-transform: uppercase; color:#999; font-weight:600;}
        .myBPSprofile_visible_true              {position:absolute; top:-21px; right:0; color:#999; background-color:#e7e7e7; border-radius:3px; width:24px; height:24px;}
        .myBPSprofile_visible_true .fa          {font-size:18px; text-align: center; width:25px; color:#d00; line-height:24px; margin:0; padding:0;}
        .myBPSprofile_visible_members              {position:absolute; top:-21px; right:-15px; color:#999; background-color:#e7e7e7; border-radius:3px; width:24px; height:24px;}
        .myBPSprofile_visible_members .fa          {font-size:18px; text-align: center; width:25px; color:#357e29; line-height:24px; margin:0; padding:0;}
        .myBPSprofile_visible_false             {position:absolute; top:0; right:0; color:#999; background-color:#e7e7e7; border-radius:3px; width:24px; height:24px;}
        .myBPSprofile_visible_false .fa         {font-size:18px; text-align: center; width:25px; color:#999; line-height:24px; margin:0; padding:0;}
        .tooltip                                {font-family: 'Titillium Web', sans-serif !important; font-weight:400 !important;}

        /* === Public Profile Containers === */
        .myBPSpublic_infoContainer                  {background-color:#fff; padding:15px; margin-bottom:30px; position:relative; box-shadow:0 2px 3px rgba(0,0,0,0.25); border-radius:5px; border:solid 1px #ddd;}
        .myBPSpublic_infoContainer h4               {font-weight:700 !important; text-transform: uppercase; color:#333;}
        .myBPSpublic_infoContainer .row .text-right p           {text-align: right;}
        .myBPSpublic_infoContainer .myBPSprofile_visible_true   {top:0; right:0;}
        .myBPSpublic_infoContainer .myBPSprofile_visible_members   {top:0; right:0;}
        .myBPSpublic_infoContainer .myBPSprofile_visible_false   {top:0;}
        /* About Me */
        .myBPSprofile_aboutmetext                   {overflow:hidden;}
        .myBPSaboutmeMore                           {max-height:inherit;}
        /* Areas */
        .myBPSpublic_infoContainer .label-success   {background-color: #fff !important;
            box-shadow: none !important;
            border: solid 1px #e7e7e7 !important;
            border-radius: 30px !important;
            color: #333 !important;
            padding: 10px 15px 10px 30px !important;
            font-weight: 400 !important;
            font-size: 14px !important;
            box-shadow: inset 20px 0 0 0 #357e29 !important;
            display: inline-block !important;
            width: 47% !important;
            text-align: left !important;
            margin: 1% !important;}
            .myBPSpublic_infoContainer .label-info   {background-color: #fff !important;
                box-shadow: none !important;
                border: solid 1px #e7e7e7 !important;
                border-radius: 30px !important;
                color: #333 !important;
                padding: 10px 15px 10px 30px !important;
                font-weight: 400 !important;
                font-size: 14px !important;
                box-shadow: inset 20px 0 0 0 #00eaff !important;
                display: inline-block !important;
                width: 47% !important;
                text-align: left !important;
                margin: 1% !important;}
                @media only screen and (max-width:980px) {
                    .myBPSpublic_infoContainer .label {width:97% !important;}
                }

        /* Responsive Classes */
        .myBPSmenuDropdown                  {position:relative;}
        .myBPSmenuDropdown > a              {display:block !important; margin: 0 15px;}
        .myBPSmenuDropdown .dropdown-menu   {width:90%; margin:0 5% !important;}

    /* membership Directory */
        #dnn_ctr1529_Main_app .collapse.in + button {display:none;}
        #dnn_ctr1529_Main_app .label-success   {background-color: #fff !important;
            box-shadow: none !important;
            border: solid 1px #e7e7e7 !important;
            border-radius: 30px !important;
            color: #333 !important;
            padding: 5px 10px 5px 20px !important;
            font-weight: 400 !important;
            font-size: 14px !important;
            box-shadow: inset 10px 0 0 0 #357e29 !important;
            display: inline-block !important;
            text-align: left !important;
            margin: 1% !important;}
            #dnn_ctr1529_Main_app .label-info   {background-color: #fff !important;
                box-shadow: none !important;
                border: solid 1px #e7e7e7 !important;
                border-radius: 30px !important;
                color: #333 !important;
                padding: 5px 10px 5px 20px !important;
                font-weight: 400 !important;
                font-size: 14px !important;
                box-shadow: inset 10px 0 0 0 #00eaff !important;
                display: inline-block !important;
                text-align: left !important;
                margin: 1% !important;}
                #dnn_ctr1529_Main_app .label-warning   {background-color: #fff !important;
                    box-shadow: none !important;
                    border: solid 1px #e7e7e7 !important;
                    border-radius: 30px !important;
                    color: #333 !important;
                    padding: 5px 10px 5px 20px !important;
                    font-weight: 400 !important;
                    font-size: 14px !important;
                    box-shadow: inset 10px 0 0 0 #f0ad4e !important;
                    display: inline-block !important;
                    text-align: left !important;
                    margin: 1% !important;}
                    @media only screen and (max-width:980px) {
                        .myBPSpublic_infoContainer .label {width:97% !important;}
                    }
    /* Biophysicist Directory */
    #angrid1521 .collapse.in + button {display:none;}
    #angrid1521 .label-success   {background-color: #fff !important;
        box-shadow: none !important;
        border: solid 1px #e7e7e7 !important;
        border-radius: 30px !important;
        color: #333 !important;
        padding: 5px 10px 5px 20px !important;
        font-weight: 400 !important;
        font-size: 14px !important;
        box-shadow: inset 10px 0 0 0 #357e29 !important;
        display: inline-block !important;
        text-align: left !important;
        margin: 1% !important;}
        #angrid1521 .label-info   {background-color: #fff !important;
            box-shadow: none !important;
            border: solid 1px #e7e7e7 !important;
            border-radius: 30px !important;
            color: #333 !important;
            padding: 5px 10px 5px 20px !important;
            font-weight: 400 !important;
            font-size: 14px !important;
            box-shadow: inset 10px 0 0 0 #00eaff !important;
            display: inline-block !important;
            text-align: left !important;
            margin: 1% !important;}
            #angrid1521 .label-warning   {background-color: #fff !important;
                box-shadow: none !important;
                border: solid 1px #e7e7e7 !important;
                border-radius: 30px !important;
                color: #333 !important;
                padding: 5px 10px 5px 20px !important;
                font-weight: 400 !important;
                font-size: 14px !important;
                box-shadow: inset 10px 0 0 0 #f0ad4e !important;
                display: inline-block !important;
                text-align: left !important;
                margin: 1% !important;}
                @media only screen and (max-width:980px) {
                    .myBPSpublic_infoContainer .label {width:97% !important;}
                }
                #angrid1521 .label-primary   {background-color: #fff !important;
                    box-shadow: none !important;
                    border: solid 1px #e7e7e7 !important;
                    border-radius: 30px !important;
                    color: #333 !important;
                    padding: 5px 10px 5px 20px !important;
                    font-weight: 400 !important;
                    font-size: 14px !important;
                    box-shadow: inset 10px 0 0 0 #337ab7 !important;
                    display: inline-block !important;
                    text-align: left !important;
                    margin: 1% !important;}
                    @media only screen and (max-width:980px) {
                        .myBPSpublic_infoContainer .label {width:97% !important;}
                    }