.image_new_set img{
width:190px;
height:auto;
}
#buddypress #item-header-cover-image .image_new_set a img.avatar {
border: solid 6px #363636 !important;
}
.user-nicename{
text-align:center;
}
.bp-user #buddypress #item-header {
padding-top: 0;
display: inline-block;
width: 100%;
height: 255px;
}
#buddypress #item-header-cover-image {
padding: 0 1em;
position: relative;
z-index: 2;
display: grid;
width: 100%;
height: 255px;
align-items: center;
}
#buddypress #header-cover-image {
background-position: center;
}
#buddypress #item-header-cover-image #item-header-avatar {
margin-top: 0 !important;
float: none !important;
position: absolute;
right: 30px;
bottom: -30px;
}
#buddypress #item-header-cover-image #item-header-avatar img.avatar {
border-radius: 50%;
margin:0 !important;
}
#buddypress div#item-header div#item-meta{
display:none;
}
.inner-page{
padding-top : 0px;
}
.buddypress #title-breadcrumb{
display:none;
}
#buddypress div#item-header #item-header-cover-image #item-header-content {
margin-left: 0px;
margin-top: 0px;
}
#buddypress .inner_section_personal_nav .item-list-tabs ul{
display: inline-block;
width: 100%;
border: 3px solid #cccccc;
margin-bottom: 15px;
margin-top:50px;
}
#buddypress .inner_section_personal_nav .item-list-tabs ul li{
width: 11.1%;
text-align: center;
position: relative;
}
#buddypress .inner_section_personal_nav .item-list-tabs ul li:last-child{
float: right;
}
#buddypress .inner_section_personal_nav .item-list-tabs ul li:hover{
background: #004676;
}
#buddypress  .inner_section_personal_nav .item-list-tabs ul li a{
padding: 10px 0px;
font-size: 15px;
font-weight: 700;
color: #555555;
}
#buddypress .inner_section_personal_nav .item-list-tabs ul li:hover a{
color: #fff;
}
#buddypress  .inner_section_personal_nav .item-list-tabs ul li.selected  a{
background: #004676;
color: #fff;
opacity: 1;
}
#buddypress  .inner_section_personal_nav .item-list-tabs ul li.selected:before{
content: " ";
position: absolute;
left: 40%;
opacity: 1;
margin: 0 auto;
bottom: -20px;
border: 10px solid transparent;
border-top-color: #004676;
}
#buddypress .item-list-tabs.left_tabs_concept_li#subnav{
box-shadow: 0px 1px 25px 0px rgba(183, 183, 183, 0.64);
background-color: rgb(255, 255, 255);
margin-top: 0;
}
#buddypress .item-list-tabs.left_tabs_concept_li#subnav ul{
display: inline-block;
width: 100%;
}
#buddypress .item-list-tabs.left_tabs_concept_li#subnav ul li{
display: inline-block;
width: 100%;
}
#buddypress .item-list-tabs.left_tabs_concept_li#subnav ul li a{
font-size: 18px;
padding: 20px;
color: #8e8e8e;
font-weight: 700;
}
#buddypress .item-list-tabs.left_tabs_concept_li#subnav ul li.selected a,#buddypress .item-list-tabs.left_tabs_concept_li#subnav ul li.current a{
background-color: #004676;
color: #fff;
opacity: 1;
}
.pad_left{
padding-left: 0;
}
.pad_right{
padding-right: 0;
}
.welcome_for_user{
box-shadow: 0px 1px 25px 0px rgba(183, 183, 183, 0.64);
background-color: rgb(255, 255, 255);
padding: 20px 50px;
}
.welcome_for_user p{
font-size: 23px;
margin: 0;
font-family: raleway;
font-weight: 600;
}
.welcome_for_user p.line_up{
font-size: 14px;
width: 310px;
padding-top: 10px;
}
.welcome_for_user p.line_up-1{
font-size: 18px;
font-family: raleway;
font-weight: 600;
padding-bottom: 50px;
}
.welcome_for_user .usr{
height:32px;
}
.welcome_for_user span{
text-transform: capitalize;
}
.welcome_for_user .progress_rate{
padding: 20px 0px;
display: inline-block;
width: 100%;
}
.welcome_for_user .progress_rate .progress_bar .profile_details{
font-size: 18px;
font-family: raleway;
font-weight: 600;
padding-bottom: 50px;
}
.welcome_for_user .progress_rate .progress_bar .profile_details .bppp-stat{
display: inline-block;
}
.welcome_for_user .progress_rate .progress_bar .profile_details .bppp-stat .bppp-stat-percent{
color: #333;
font-size: 18px;
font-family: raleway;
font-weight: 600;
display: block;
}
.welcome_for_user .progress_rate .progress_bar .profile_details .bppp-stat-block{
display: none;
}
.welcome_for_user .progress_rate .progress_bar .bppp-stat-title{
display: none;
}
.welcome_for_user .progress_rate .progress_bar  .bppp-stat-percent{
display: none;
}
.welcome_for_user .progress_rate .progress_bar .bppp-stat-block{
width: 100%;
}
.welcome_for_user .progress_rate .progress_bar .bppp-bar{
width: 99.99%;
background: #003e74;
border-radius: 10px;
}
.welcome_for_user .progress_rate .progress_bar .bppp-bar-mask {
background-color: #d2c8bf;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
position: relative;
}
.welcome_for_user .progress_rate .progress_bar .bppp-bar-mask::before{
position: absolute;
content: "";
color: #fff;
text-align: center;
padding-top: 10px;
width: 50px;
height: 40px;
left: -25px;
background: #6ebaef;
bottom: 22px;
border-radius: 12px;
font-weight: 600;
}
.welcome_for_user .progress_rate .progress_bar .bppp-bar-mask::after{
content: "";
position: absolute;
left: -11px;
bottom: 2px;
border: 10px solid transparent;
border-top-color: #6ebaef;
}
.invite_friends_buddy_press{
box-shadow: 0px 1px 25px 0px rgba(183, 183, 183, 0.64);
background-color: rgb(255, 255, 255);
padding: 10px; 
}
.invite_friends_buddy_press h4{
font-size: 20px;
color: #8e8e8e;
font-weight: 700;
margin: 0;
margin-bottom: 20px;
}
.invite_friends_buddy_press .view_all{
background: #004973;
color: #fff;
font-weight: 700;
font-size: 16px;
width: 150px;
display: block;
margin: 10px auto;
}
.invite_friends_buddy_press ul{
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
}
.invite_friends_buddy_press ul li{
margin-bottom: 15px;
overflow: hidden;
}
.invite_friends_buddy_press ul li .image_text .image{
width: 60px;
height: 60px;
float: left;
background: #000;
position: relative;
}
.invite_friends_buddy_press ul li .image_text .text{
height: 55px;
padding-left: 10px;
float: left;
margin-top: 5px;
}
.invite_friends_buddy_press ul li .image_text .text h6{
margin: 0;
font-size: 18px;
font-weight: bold;
color: #004973;
}
.invite_friends_buddy_press ul li .image_text .text p{
margin: 0;
font-size: 14px;
color: #000;
margin-top:5px;
}
.invite_friends_buddy_press ul li .image_text img{
height:100%;
}
.progress {
width: 150px;
height: 150px;
line-height: 150px;
background: none;
margin: 13px auto;
box-shadow: none;
position: relative;
}
.progress:after{
content: "";
width: 100%;
height: 100%;
border-radius: 50%;
border: 12px solid #fff;
position: absolute;
top: 0;
left: 0;
}
.progress > span{
width: 50%;
height: 100%;
overflow: hidden;
position: absolute;
top: 0;
z-index: 1;
}
.progress .progress-left{
left: 0;
}
.progress .progress-bar{
width: 100%;
height: 100%;
background: none;
border-width: 12px;
border-style: solid;
position: absolute;
top: 0;
}
.progress .progress-left .progress-bar{
left: 100%;
border-top-right-radius: 80px;
border-bottom-right-radius: 80px;
border-left: 0;
-webkit-transform-origin: center left;
transform-origin: center left;
}
.progress .progress-right{
right: 0;
}
.back-box, #chartContainer, #chartContain, #chartCont {
background: white;
width: 100%;
border-radius: 4px;
box-shadow: 0 0 10px #7b7777;
height: 306px;
}
#chartContain,#chartCont{
margin-top:26px;
}
.back-box h2{
font-size: 16px;
margin: 0px;
padding: 11px 20px;
}
hr{
width: 90%;
}
.upload_button{
text-align: center;
padding-top: 10px;
}
.load_button {
background: #004676;
color: #fff;
border: 0px;
padding: 5px 15px;
font-weight: 700;
}
.progress .progress-right .progress-bar{
left: -100%;
border-top-left-radius: 80px;
border-bottom-left-radius: 80px;
border-right: 0;
-webkit-transform-origin: center right;
transform-origin: center right;
animation: loading-1 1.8s linear forwards;
}
.progress .progress-value {
width: 90%;
height: 90%;
border-radius: 50%;
background: #ffffff;
font-size: 28px;
font-weight: 800;
color: #004676;
line-height: 135px;
text-align: center;
position: absolute;
top: 5%;
left: 5%;
}
.progress.blue .progress-bar{
border-color: #049dff;
}
.progress.blue .progress-left .progress-bar{
animation: loading-2 1.5s linear forwards 1.8s;
}
.progress.yellow .progress-bar {
border-color: #004676;
}
.progress.yellow .progress-left .progress-bar{
animation: loading-3 1s linear forwards 1.8s;
}
.progress.pink .progress-bar{
border-color: #ed687c;
}
.progress.pink .progress-left .progress-bar{
animation: loading-4 0.4s linear forwards 1.8s;
}
.progress.green .progress-bar{
border-color: #1abc9c;
}
.progress.green .progress-left .progress-bar{
animation: loading-5 1.2s linear forwards 1.8s;
}
@keyframes loading-1{
0%{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100%{
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
}
@keyframes loading-2{
0%{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100%{
-webkit-transform: rotate(144deg);
transform: rotate(144deg);
}
}
@keyframes loading-3{
0%{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100%{
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
}
@keyframes loading-4{
0%{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100%{
-webkit-transform: rotate(36deg);
transform: rotate(36deg);
}
}
@keyframes loading-5{
0%{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100%{
-webkit-transform: rotate(126deg);
transform: rotate(126deg);
}
}
@media only screen and (max-width: 990px){
.progress{ margin-bottom: 20px; }
}
.nms{
margin-top: 10px;
}
.mg_de_re{
margin-bottom: 20px;
} .tab.fds{
overflow: hidden;
background-color: #ffffff;
display: inline-block;
border: 2px solid #194675;
width: 448px;
} .tab.fds button {
background-color: inherit;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 8px 23px;
transition: 0.3s;
font-size: 15px;
font-weight: 700;
color: #555555;
position: relative;
margin-right: 20px;
}
.tab.fds button.active:last-child{
float: right;
margin: 0px;
}
.tab.fds button:hover{
background: transparent;
}
.tab.fds button.active::before{
content: "";
border-right: 19px solid #194674;
left: -19px;
border-top: 40px solid transparent;
position: absolute;
top: 0;
}
.tab.fds button.active::after{
content: "";
border-left: 19px solid #194674;
right: -19px;
border-top: 40px solid transparent;
position: absolute;
top: 0;
} .tab.fds button.active {
background-color: #194675;
color: #fff;
} .tabcontent {
display: none;
padding: 6px 12px;
border: 1px solid #ccc;
border-top: none;
} .topright {
float: right;
cursor: pointer;
font-size: 28px;
}
.topright:hover {color: red;}
#buddypress .inner_section_personal_nav .item-list-tabs ul li.selected a::before{
border-right:15px solid #000;
}