/* Profile */
.profile-page .edit-button-sm,
.profile-page .profile-user-org,
.profile-page .cover-wrapper-resize .button-box,
.profile-cont link+div,
.profile-cont .right .btn-group,
.prof-content .panel-container,
.profile-page .user-picture.no-pic img,
.user-col i,
.profile-page .footer-tabs .btn i,
.profile-cont~link+div,
.profile-page .fieldHelp,
.comment-container .feed-stream-input .pull-left,
.feed-stream-contents .no-feeds,
.feed-stream-box .special_formatting_tips_mingel,
.feed-stream-box .submit-box .col-sm-4,
.feed-stream-box .emoji-btn,
.profile-page .message-container .btn.newmsgbtn i,
.profile-page .tooltip {
    display: none !important;
}

.profile-page .container-fluid,
.profile-page .white-card,
.profile-page .white-card .col-md-8,
.profile-page .personal-info .col-md-12 {
    padding: 0;
    margin-left: 5px;
    margin-right: 5px;
}

.profile-page .white-card {
    color: #707070;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none !important;
    border: none;
    padding: 0 !important;
}

.profile-page .siteBody {
    font-family: 'Poppins', sans-serif;
    background: #F8F9FA;
    max-width: 100%;
    padding: 10px 0 95px;
}

.profile-cont {
    max-width: 1410px;
    margin: 0 auto;
    background: #FFF;
    border-radius: 15px;
    box-shadow: 0 10px 6px rgb(0 0 0 / 10%);
    padding: 30px 0 55px;
}

.profile-cont .breadcrumbs+div {
    background: #F2F3F5 !important;
    max-width: 100% !important;
}

.prof-content {
    margin-top: 25px !important;
    /*border-bottom-left-radius: 15px;*/
    /*box-shadow: 0px 3px 16px rgb(0 0 0 / 10%);*/
}

.prof-content,
.cont-col {
    /*border-bottom-right-radius: 15px;*/
}

.profile-page .user-banner {
    background-color: #0B3E66;
    background-image: url('../../Images/Cover-Image.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0;
}

.profile-page .user-banner,
.profile-page .cover-wrapper-resize {
    height: 290px;
}
.profile-page .cover-wrapper-resize .button-box {
    left: 15px;
}

.profile-page .cover-img {
    height: 100%;
    object-fit: cover;
}

.prof-content .panel-container,
.prof-content .container-fluid+div,
.prof-content+.container-fluid+div {
    max-width: 100% !important;
}

.profile-page .main-body-container {
    display: flex;
    flex-wrap: wrap;
    align-items: self-start;
    background: #FFF;
}

.prof-content .panel {
    margin: 0 !important;
}

.user-col {
    width: 26%;
    max-width: 305px;
    padding: 50px 30px 55px;
    background: #FFF;
    border-radius: 15px;
    box-shadow: 0 10px 35px rgb(0 0 0 / 10%);
    position: relative;
    bottom: 290px;
    left: 31px;
}

.user-col .useractivities-container {
    padding: 0;
    width: 100%;
}

.user-col .userinfo-inner-div,
.user-col .userinfo-inner-div a {
    color: #707070 !important;
}
.user-col .userinfo-inner-div .text-muted,
.user-col .userinfo-inner-div .text-muted2 {
    font-weight: 600;
    color: #0B3E66;
}
.user-col .message-panel {
    display: block !important;
    margin-top: 25px !important;
}

.user-col .userinfo-inner-div a:hover,
.user-col .userinfo-inner-div a:focus {
    color: #0B3E66 !important;
}

.user-col .userinfo-inner-div svg {
    margin-left: 5px;
}

.user-col .userinfo-inner-div a:hover path,
.user-col .userinfo-inner-div a:focus path {
    fill: #0B3E66;
}

.user-col .userinfo-inner-div {
    font-size: 15px;
    font-weight: 400;
}

.tabPanel .user-col .horizontalLine {
    border-bottom: none;
    border-top: 1px solid rgba(112, 112, 112, .36);
    margin: 25px 0 0 !important;
}

.user-col .info-div {
    margin-bottom: 15px;
}

.profile-page .user-dashboard {
    text-align: left;
    height: auto;
    padding: 0;
    width: 400px;
}

.profile-page .user-picture {
    position: relative;
    bottom: 0;
    left: 0;
    border: none;
    max-width: 100%;
    width: 175px;
    height: 175px;
    border-radius: 100%;
}

.profile-page .user-picture.no-pic {
    background-color: white;
    background-image: url(../../svg/user-image.svg);
    background-repeat: no-repeat;
    background-size: 200px;
    background-position: center;
}

html .user-profile-image {
    border-radius: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

html .user-picture:hover .action-container {
    display: flex !important;
    height: 45px;
    align-items: center;
    justify-content: center;
}

html .user-picture .action-container {
    display: none !important;
    background: rgba(0, 0, 0, .4) !important;
    padding: 0;
}
html .user-picture .actionLink {
    font-size: 15px;
    line-height: 1;
    padding: 0 !important;
    position: relative;
    bottom: 5px;
    margin: 0 5px;
    text-decoration: none !important;
}
html .user-picture .actionLink:hover,
html .user-picture .actionLink:focus {
    color: #FFF !important;
    text-decoration: none !important;
}

html .profile-cont .action-container i {
    display: block !important;
}

.profile-page .user-name,
.profile-page .user-title {
    line-height: 1;
    text-align: left;
    color: #0B3E66;
    top: 0;
    left: 0;
}

.profile-page .user-name h3,
.profile-page .user-title {
    font-size: 24px !important;
}

.profile-page .user-name,
.profile-page .user-name h3 {
    font-weight: 600;
    margin: 0;
}

.profile-page .user-name {
    margin-top: 45px;
}

.profile-page .user-title {
    font-weight: 400;
    line-height: 1.4;
    margin: 8px 0 17px;
}

.profile-page .userinfo-inner-div {
    background-color: transparent;
    border-radius: 0;
    padding: 0 !important;
    box-shadow: none;
}

.profile-page .footer-tabs .dash-actions {
    margin: 20px 95px 0 55px;
}

.profile-page .userinfo-inner-div .btn,
.profile-page .footer-tabs .btn,
.profile-page .feed-stream-box .submit-box .btn,
.profile-page .message-container .btn {
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    color: #FFF !important;
    text-transform: uppercase;
    margin: 0 !important;
    padding: 14.5px 10px !important;
    height: 45px;
    min-width: 220px;
    border: none;
    border-radius: 11px;
    background-color: #54A11F;
    background-image: url(../../svg/button-icon.svg);
    background-position: 94% 50%;
    background-size: 17px;
    background-repeat: no-repeat;
    text-shadow: none;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
    transition: all .3s linear;
}

.profile-page .footer-tabs .btn,
.profile-page .message-container .btn {
    line-height: 1.35;
}

.profile-page .footer-tabs .mag-follow-btn {
    display: none !important;
}

.profile-page .userinfo-inner-div .btn:hover,
.profile-page .userinfo-inner-div .btn:focus,
.profile-page .feed-stream-box .submit-box .btn:hover,
.profile-page .feed-stream-box .submit-box .btn:focus,
.profile-page .message-container .btn:hover,
.profile-page .message-container .btn:focus {
    background-color: #0B3E66 !important;
}

.profile-page .footer-tabs .btn:hover,
.profile-page .footer-tabs .btn:focus {
    color: #0B3E66 !important;
    background-color: #FFF !important;
    background-image: url(../../svg/button-icon-hover.svg);
}

.cont-col {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-self: stretch;
    background: #FFF;
    width: 76.5%;
    padding: 35px 0 0 120px;
}

.profile-page .footer-tabs {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 20px 0;
    width: 100%;
    background-color: #0B3E66;
    border: none;
    border-radius: 0;
}

.profile-page .footer-tabs .user-dash-items {
    position: relative;
    top: 5px;
    margin-right: 310px;
}

.profile-page .cont-col .center-container,
.profile-page .user-dash-items .active-item {
    border: none;
    padding: 0;
    margin-left: 35px;
}

.profile-page .cont-col .center-container {
    width: 50.7%;
}

.profile-page .user-dash-items>li {
    padding: 0 25px 0 0 !important;
}

.user-dash-items .user-dash-lbl,
.user-dash-items .user-dash-value {
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    /*color: #FFF;*/
    text-transform: inherit;
}

.user-dash-items .user-dash-value {
    line-height: 1.8;
}

.profile-page .magentrix-toolbar h5,
.profile-page .comment-container h5,
.profile-page .group-title h5 {
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    color: #0B3E66;
    margin: 0 0 30px;
    padding: 0;
}

.profile-page .personal-info .form-group {
    display: flex;
    flex-direction: column;
    border: none;
    padding: 0;
    margin: 0;
}

.profile-page .personal-info .col-md-12 .form-group:not(:last-child) {
    padding-bottom: 18px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(112, 112, 112, .36);
}

.profile-page .form-group .control-label,
.profile-page .compact-layout .form-control-static {
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    color: #0B3E66;
    text-align: left;
    padding: 0;
}

.profile-page .form-group .control-label {
    font-weight: 600;
    margin-bottom: 10px;
}

.profile-page .compact-layout .form-control-static * {
    display: block;
}
.profile-page .compact-layout .form-group .col-sm-6 {
    width: 100%;
}
.profile-page .compact-layout .form-group .col-sm-6 .form-control-static * {
    overflow: hidden;
    max-width: 100%;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.profile-page .compact-layout .form-control-static .pkl-val,
.profile-page .form-group .col-sm-6 {
    padding: 0;
}

.profile-page .compact-layout .form-control-static {
    font-weight: 400;
    line-height: 1.2;
    color: #707070;
    min-height: auto;
    padding: 0;
}

.profile-page .comment-container {
    margin-top: 62px;
}

.profile-page .comment-container h5 {
    margin-bottom: 15px;
}

.profile-page .comment-container .text {
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    color: #707070;
    margin-bottom: 22px;
    margin-left: 10px;
}

.profile-page .section {
    margin-bottom: 0;
}
.profile-page .comment-section {
    padding: 0;
    border-radius: 0;
}
.profile-page .comment-section .feed-stream-box,
html .feed-stream-box .submit-box {
    display: block !important;
    padding: 0 !important;
}

.comment-section .feed-stream-box .feed-stream-input-box {
    margin: 0;
    background: none;
}

.feed-stream-box .feed-stream-input-box textarea {
    padding: 15px;
    border-radius: 0;
    border: 1px solid #E6E6E6;
    height: 200px !important;
    box-shadow: none;
}

.profile-page .feed-stream-box .submit-box {
    border: none;
    margin-top: 20px;
}

.profile-page .feed-stream-box .submit-box .right {
    width: 100%;
    padding: 0 !important;
    text-align: left !important;
}

.profile-page .feed-stream-box .submit-box .btn {
    min-width: 135px;
    background-position: 87% 50%;
}

.profile-page .group-title {
    padding: 0 !important;
}

.profile-page .right-container {
    padding: 0;
    /*width: 37%;-/
    right: 35px;
    /*margin-left: 165px;*/
    float: right;
}

.profile-page .center-container {
    margin-left: 35px;
}

.profile-page .right-container .white-card {
    position: relative;
    margin-left: 25px;
    padding-left: 12px !important;
}

.profile-page .right-container .white-card:not(:last-child) {
    border-bottom: 1px solid rgba(112, 112, 112, .36);
    padding-bottom: 25px !important;
    margin-bottom: 30px !important;
}

.profile-page .right-container .white-card::before {
    content: '';
    background-image: url(../../svg/feed-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 4.5px;
    height: 9px;
    position: absolute;
    top: 5px;
    left: 0;
}

.profile-page .group-title h5 {
    font-size: 19px;
    margin-bottom: 15px;
    margin-left: 10px;
}

.profile-page .right-container .white-card .text-muted {
    font-size: 15px;
    font-weight: 400;
    line-height: 23px;
    color: #707070;
}

.myfiles-container,
.profile-page .cont-col .message-container,
.profile-page .cont-col .dyno-container {
    width: 100%;
    padding-right: 90px !important;
}

.profile-page .message-container .group-title h5 {
    margin-bottom: 35px;
}

.profile-page .message-container .btn-refresh-messages {
    font-size: 18px;
    min-width: 50px;
    background-image: none;
    background-color: #0EB1D7;
    margin-right: 10px !important;
}

.profile-page .message-container .btn-refresh-messages .glyphicon {
    margin: 0;
    top: -1px;
}

.profile-page .cont-col .dyno-container .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.profile-page .row .user-profile-card:nth-child(2n) {
    margin-left: 40px;
}

.profile-page .row .user-profile-card:not(:nth-last-child(-n+2)) {
    margin-bottom: 40px;
}

html .profile-page .user-profile-card {
    width: 47.4%;
    max-width: 100%;
}

html .profile-page .user-profile-card .profile-user-title {
    margin-bottom: 0 !important;
}

/* Media Queries */

@media (max-width: 1439px) {
    .profile-page .siteBody {
        padding: 10px 50px 95px;
    }
    .profile-cont {
        max-width: 100%;
        padding: 25px 0 35px;
    }
    .cont-col {
        width: 75.5%;
    }
    .profile-page .footer-tabs .dash-actions {
        margin: 0 35px 0 65px;
    }
    .profile-page .right-container .white-card {
        margin-left: 0;
    }
    .myfiles-container, .profile-page .cont-col .message-container, .profile-page .cont-col .dyno-container {
        padding-right: 15px !important;
    }
    .profile-page .row .user-profile-card:nth-child(2n) {
        margin-left: 30px;
    }
}

@media (max-width: 1365px) {
    .cont-col {
        width: 74%;
        padding: 35px 0 0 87px;
    }
    .profile-page .footer-tabs .dash-actions {
        margin: 0 25px
    }
    .profile-page .right-container {
        width: 36%;
    }
}

@media (max-width: 1200px) {
    .profile-page .siteBody {
        padding: 10px 25px 40px;
    }
    .profile-page .breadcrumbs {
        padding-left: 20px;
    }
    .profile-page .user-name h3,
    .profile-page .user-title {
        font-size: 20px !important;
    }
    .profile-page .user-name {
        margin-top: 35px;
    }
    
    .user-col .message-panel {
        margin-top: 0 !important;
    }
    .profile-page .cont-col .center-container {
        margin-left: 0;
    }
    .profile-page .magentrix-toolbar h5,
    .profile-page .comment-container h5,
    .profile-page .group-title h5,
    .profile-page .group-title h5 {
        font-size: 18px;
    }
    .profile-page .form-group .control-label {
        width: max-content;
    }
    .profile-page .cont-col .center-container,
    .profile-page .right-container {
        /*width: 49%;*/
        width: 100%;
    }
    .profile-page .right-container {
        /*display: block !important;*/
        margin-left: 0;
        padding: 15px 0 0;
        right: 0;
    }
    .profile-page .comment-container .text {
        line-height: 1.7;
    }
    .profile-page .magentrix-toolbar h5,
    .profile-page .comment-container h5,
    .profile-page .group-title h5 {
        margin-bottom: 15px;
    }
    .profile-page .comment-container {
        margin-top: 40px;
    }
    .profile-page .footer-tabs {
        align-items: flex-end;
        flex-direction: column;
    }
    .profile-page .user-dash-items>li {
        padding: 0 48px 0 0 !important;
    }
    .profile-page .right-container .white-card:not(:last-child) {
        margin-bottom: 25px !important;
    }
    .user-col {
        width: 30%;
        padding: 30px 25px 35px;
        left: 20px;
    }
    .cont-col {
        width: 70%;
        padding: 35px 20px 0 55px;
    }
    .profile-page .footer-tabs .user-dash-items {
        top: 0;
    }
    .profile-page .footer-tabs .dash-actions {
        margin: 20px 0 0;
        width: 65%;
    }
    html .profile-page .user-profile-card .profile-user-title {
        max-width: 80%;
    }
}

@media (max-width: 989px) {
    .profile-page .userinfo-inner-div {
        display: block !important;
    }
    .user-col .info-div+a,
    .profile-page .external-login-box,
    .profile-page .external-login-box+br,
    .profile-page .right-container {
        display: none !important;
    }
    .user-col .userinfo-inner-div,
    .user-dash-items .user-dash-lbl,
    .user-dash-items .user-dash-value {
        font-size: 14px;
    }
    .user-col .useractivities-container {
        margin: 0;
    }
    .user-col .message-panel {
        margin-top: 30px !important;
    }
    .profile-page .cont-col .center-container,
    .profile-page .right-container {
        width: 100%;
    }
    .feed-stream-box .feed-stream-input-box textarea {
        padding: 12px;
        height: 150px !important;
    }
    .user-col {
        width: 40%;
        bottom: -30px;
    }
    .cont-col {
        width: 60%;
        padding: 35px 25px 0 50px;
    }
    .profile-page .comment-container .text {
        margin-bottom: 15px;
    }
    .profile-page .footer-tabs .dash-actions {
        width: 100%;
        text-align: center;
    }
    .profile-page .footer-tabs {
        align-items: center;
        padding: 20px 25px;
    }
     .profile-page .user-dash-items>li {
        padding: 0 40px 0 0 !important;
    }
    .profile-page .user-banner, .profile-page .cover-wrapper-resize {
        height: 200px;
    }
    html .profile-page .user-profile-card {
        width: 100%;
    }
    .profile-page .row .user-profile-card:nth-child(2n) {
        margin-left: 0;
    }
    .profile-page .row .user-profile-card:not(:nth-last-child(-n+2)) {
        margin-bottom: 0;
    }
    html .profile-page .row .user-profile-card:not(:last-child) {
        margin-bottom: 25px !important;
    }
    .myfiles-container, .profile-page .cont-col .message-container, .profile-page .cont-col .dyno-container {
        padding-right: 0 !important;
    }
}

@media (min-width: 768px) {
    .profile-page .user-title {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media (max-width: 767px) {
    .profile-page .siteBody {
        padding: 25px 25px 40px;
    }
    .profile-page .breadcrumbs {
        padding-left: 0;
    }
    .prof-content {
        margin-top: 20px !important;
    }
    .profile-page .user-banner,
    .profile-page .cover-wrapper-resize {
        height: 80px;
    }
    .profile-page .main-body-container {
        padding: 0 20px;
    }
    .profile-cont {
        padding: 20px 0 30px;
    }
    .user-col,
    .cont-col,
    .profile-page .white-card .col-md-8 {
        width: 100%;
    }
    .user-col {
        padding: 0;
        box-shadow: none;
        left: 0;
        bottom: 0;
        margin: -55px 0 0;
        background: transparent;
    }
    .profile-page .user-picture {
        width: 100px;
        max-height: 100px;
        margin: 0 !important;
    }
    .profile-page .user-picture.no-pic {
        background-size: 150px;
    }
    .profile-page .user-name {
        margin-top: 25px;
    }
    .profile-page .user-name h3,
    .profile-page .user-title {
        font-size: 17px !important;
    }
    .tabPanel .user-col .horizontalLine {
        margin: 20px 0 0 !important;
    }
    .user-col .message-panel {
        margin: 25px 0 35px !important;
    }
    .profile-page .footer-tabs {
        display: none;
        flex-direction: column;
        margin-bottom: 40px;
        padding: 0 !important;
    }
    .profile-page .footer-tabs .user-dash-items {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .profile-page .user-dash-items .user-dash-lbl,
    .profile-page .user-dash-items .user-dash-value,
    .profile-page .form-group .control-label,
    .profile-page .compact-layout .form-control-static,
    .profile-page .comment-container .text,
    .profile-page .comment-container textarea {
        font-size: 14px !important;
    }
    .profile-page .comment-container .text {
        line-height: 1.6;
        max-width: 80%;
    }
    .profile-page .user-dash-items>li {
        padding: 0 0 15px !important;
    }
    .profile-page .footer-tabs .dash-actions,
    .profile-page .footer-tabs .btn,
    .profile-page .feed-stream-box .submit-box .btn {
        min-width: 100%;
        width: 100%;
    }
    .profile-page .footer-tabs .dash-actions {
        margin-top: 15px;
    }
    .profile-page .personal-info .col-md-12 .form-group:not(:last-child) {
        padding-bottom: 15px;
    }
    .profile-page .comment-container {
        margin-top: 35px;
    }
    .feed-stream-box .feed-stream-input-box textarea {
        height: 120px !important;
    }
    .profile-page .userinfo-inner-div .btn,
    .profile-page .footer-tabs .btn,
    .profile-page .feed-stream-box .submit-box .btn {
        font-size: 15px;
    }
    .profile-page .footer-tabs .btn {
        line-height: 1.2;
    }
    .profile-page .feed-stream-box .submit-box {
        margin-top: 25px;
    }
    .cont-col {
        border-bottom-left-radius: 15px;
        padding: 0;
    }
    .profile-page .message-container .group-title h5 {
        margin-bottom: 25px;
    }
    .profile-page .message-container .group-title {
        display: flex;
        flex-direction: column;
        padding-bottom: 25px !important;
    }
    .profile-page .message-container .newmsgbtn {
        min-width: 78.5%;
    }
    .profile-page .message-container .btn-refresh-messages {
        font-size: 17px;
    }
    
}

@media (max-width: 360px) {
    .profile-page .message-container .newmsgbtn {
        min-width: 73%;
    }
}