/*/Profile_Theme/Theme.Profile_Theme.css*/
.small {
    font-size: initial;
}

.desktop .Button:hover,
.desktop a.Button:hover {
    background-color: #285DAB;
    color: #FFFFFF;
}

.desktop .Button.Cancel:hover,
.desktop .Button.Cancel:hover {
    background-color: #eee;
    border-color: #BDC5C7;
}

.Button.Cancel:hover:active {
    background-color: #ddd;
    border-color: #BDC5C7;
}

.CustomIconDropdown {
    font-size: 14px;
}

.CustomIconDropdown .IconDropdown_button.Button {
    border: 2px solid #4A95FF;
    color: #4a95ff;
    transition: background-color .3s, border .3s, color .3s;
    height: 32px;
    width: 32px;
}

.CustomIconDropdown .IconDropdown_button.Button:hover {
    background-color: #285DAB;
    border: 2px solid #285DAB;
    color: #ffffff;
}

.background-white {
    background-color: #fff;
}

label:hover {
    cursor: pointer;
}





.phone a.btn-medium {
    padding: 6px 12px;
}












.user-info {
    padding-left: 0;
}

.user-info > div {
    padding-left: 10px;
}

.user-info > div:empty {
    display: none;
}


.phone .ModalContainer {
    height: 70%;
}


.Progress.Medium {
    height: 16px;
    line-height: 16px;
}






.badge-card {
    max-width: 188px;
    min-width: 150px;
    position: relative;
}

.badge-card-title {
    color: #596669;
    font-size: 16px;
    font-weight: 600;
    margin-top: 10px;
    text-align: center;
}

.badge-card-desc {
    color: #7A878B;
    font-size: 12px;
    line-height: 18px;
    margin-top: 10px;
    text-align: center;
}

.locked-achievement {
    background: url(/profile/img/locked_achievement.png?45966) no-repeat;
    display: none;
    height: 30px;
    left: 50%;
    margin-left: -12px;
    position: absolute;
    top: 25px;
    width: 24px;
    z-index: 1;
    }

.badge-off div[class^=achievement] {
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
    opacity: 0.4;
}

.badge-card.badge-off:hover div[class^=achievement] {
    -webkit-filter: grayscale(0);
            filter: none;
    opacity: 1;
}

.badge-off .locked-achievement {
    display: block;
}

.badge-card.badge-off:hover .locked-achievement {
    display: none;
}

.badge-counter {
    background-color: #ECEFF1;
    border: 2px solid #FFFFFF;
    border-radius: 15px;
    bottom: 0;
    box-sizing: border-box;
    padding: 1px 8px;
    position: absolute;
    right: -5px;
    text-align: center;
}


.circular__wrapper {
    position: relative;
}

.circular__image {
    background-color: #ffffff;
    height: 100%;
    width: 100%;
}

.circular__image.GrayBg {
    background-color: #ECEFF1;
}

.circular__image img {
    border-radius: 50%;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.icon__wrapper {
    align-items: center;
    background-color: #ffffff;
    border-radius: 50%;
    bottom: 0;
    box-shadow: 0 2px 4px 0 #acacac;
    cursor: pointer;
    display: flex;
    height: 25%;
    justify-content: center;
    min-width: 25px;
    min-height: 25px;
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 25%;
}

.icon__wrapper img,
.icon__wrapper svg {
    height: 70%;
    width: 70%;
}

.icon__wrapper .fa-fw {
    font-size: 1.2em;
}

.icon__wrapper.pencil-animation::after {
    content: "";
    position: absolute;
    left: 1em;
    bottom: 0.8em;
    border-bottom: 0.1em solid #37474F;
}

.icon__wrapper.pencil-animation:hover::after {
    animation-name: pencilLine;
    animation-duration: 2s;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-timing-function: ease;
}

.icon__wrapper.pencil-animation:hover .fa-pencil {
  animation-name: pencilMove;
  animation-duration: 2s;
  animation-iteration-count: 1;
  animation-direction: alternate;
  animation-timing-function: ease;
}

@keyframes pencilMove {
    0% {
        transform: rotate(0) translateX(0);
    }
    5% {
        transform: rotate(15deg);
    }
    10% {
        transform: rotate(-10deg) translateX(0);
    }
    100% {
        transform: rotate(-10deg) translateX(.9em);
    }
}

@keyframes pencilLine {
    10% {
        width: 0;
    }
    100% {
        width: 1em;
    }
}

.CommunityRankNum {
    color: #384142;
    font-size: 28px;
    font-weight: 600;
}

.tablet .CommunityRankNum {
    font-size: 20px;
}

.phone .CommunityRankNum {
    font-size: 18px;
}

.CommunityRankText {
    color: #949fa3;
    margin-left: 10px;
    vertical-align: baseline;
}
.ContainerDescription {
    color: #7a878b;
    font-size: 14px;
    height: 60px;
    line-height: 20px;
    overflow: hidden;
}

.Profile-table-2cols-nw {
    display: table;
    width: 100%;
}



.mvp_badge_new{
    background-image: url(/Profile_Theme/img/mvpbadge.png?45967);
    background-size: 20px; 
    width: 24px;
    height: 28px;
}
.rectangle-mvp {
    background-color: #FFC940;
    border: 1px solid #FDB514;    
    border-radius: 4px;  
    color: white;
    height: 20px;
    margin-right: 10px;
    margin-top: 2px;
    padding: 3px 5px;
    width: 37px;
}

.mvp_text {
    color: #FFF;
    display: block;
    font-family: 'myriad-pro';    
    font-size: 12px;
    font-weight: bold;
    height: 12px;    
    line-height: 12px;
    width: 25px;
}

.fixedActions .rectangle-mvp {
    height: 16px;
    padding: 1px 5px;
}




.PrivateMessagesNumber {
    background-color: #CC2200;
    border-radius: 100px;
    color: #fff;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    margin-top: 10px;
    text-align: center;
    width: 18px;
}

.phone .PrivateMessagesNumber {
    font-size: 10px;
    height: 14px;
    line-height: 16px;
    margin-top: 0;
    min-width: 14px;
    position: absolute;
    right: 2px;
    top: 0;
}

.PrivateMessagesNumber:empty {
    display: none;
}


.ProfileHeader {
    display: inline-block;
    margin-top: 50px;
    width: 100%;
}

.phone .ProfileHeader {
    margin-top: 20px;
}

.ProfileHeaderLeftContent {
    display: table-cell;
    vertical-align: top;
    width: 70%;
}

.phone .ProfileHeaderLeftContent {
    display: none;
}

.ProfileHeaderRightContent {
    border-left: 1px solid #ECEFF1;
    display: table-cell;
    padding: 20px;
    vertical-align: top;
    width: 30%;
}


.phone .ProfileHeaderRightContent {
    border: 0;
    display: block;
    padding: 0;
    width: 100%;
}

.ProfileHeaderUserContent {
    font-size: 14px;
    margin-top: 25px;
}

.ProfileHeaderImageInfo {
    display: table-cell;
    position: relative;
    width: 140px;
}

.ProfileHeaderImageInfo .image-profile {
    border-radius: 50%;
    height: 140px;
    max-width: 140px;
    width: 140px;
}

.ProfileHeaderUserInfo {
    display: table-cell;
    padding-left: 40px;
    position: relative;
    vertical-align: top;
}

.ProfileHeaderUserInfo .profile-header-icon-menu {
    position: absolute;
    right: 20px;
    top: 0;
}

.ProfileHeaderUserName {
    position: relative;
}

.tablet .ProfileHeaderUserName .ProfileName {
    display: inline-block;
}

.ProfileHeaderUserName .ProfileName .profile__name {
    margin-right: 10px;
    white-space: nowrap;
    width: 275px;
}

.ProfileHeaderUserName .ProfileName .SpeakerProfile,
.ProfileHeaderUserName .ProfileName .mvp-name {
    align-items: flex-start;
    display: inline-flex;
    margin-top: 5px;
}

.ProfileHeaderLeftContentInfo {
    display: table;
    width: 100%;
}

.ProfileHeaderCols {
    display: table;
    margin-bottom: 20px;
    width: 100%;
}

.phone .ProfileHeaderCols {
    display: block;
}

.ProfileHeaderUserName h1 {
    font-size: 28px;
    font-weight: 700;
}

.phone .ProfileHeaderUserName h1 {
    font-size: 18px;
}

.phone .ProfileHeaderUserName .mvp-color {
    display: block;
}

.profile-top-tags {
    align-items: center;
    display: flex;
    margin-top: -5px;
}


.ProfileHeaderActions {
    border-top: 1px solid #ECEFF1;
    height: 55px;
    width: 100%;
}

.Page:not(.phone) .fixedActions .ProfileHeaderActions {
    background-color: #fff;
    position: fixed;
    top: 0;
    z-index: 5;
}

.Page:not(.phone) .fixedActions .ProfileHeaderUserName .ProfileName {
    margin-right: 0;
}

.Page:not(.phone) .fixedActions .ProfileHeaderUserName .SpeakerProfileTop:first-child .TagCustom {
    margin-left: 0;
}

.Page:not(.phone) .fixedActions .profile__name {
    white-space: nowrap;
}

.ProfileHeaderActions .NavigationBar a,
.ProfileHeaderActions .NavigationBar a:link,
.ProfileHeaderActions .NavigationBar a:visited {
    color: #949FA3;
    font-size: 16px;
    height: 55px;
    line-height: 55px;
    padding: 0 15px;
}

.phone .ProfileHeaderActions .NavigationBar a,
.phone .ProfileHeaderActions .NavigationBar a:link,
.phone .ProfileHeaderActions .NavigationBar a:visited {
    font-size: 12px;
}

.ProfileHeaderActions .NavigationBar a:after,
.ProfileHeaderActions .NavigationBar a:link:after {
    background-color: transparent;
}

.ProfileHeaderActions .NavigationBar a.Active:after,
.ProfileHeaderActions .NavigationBar a.Active:link:after {
    background-color: #CC2200;
}

.ProfileHeaderActions .NavigationBar a.Active {
    color: #CC2200;
}

.ProfileHeaderActions .NavigationBar a.Active:not(.ie7):before,
.ProfileHeaderActions .NavigationBar a.Active:not(.ie8):before {
    display: none;
}

.desktop .ProfileHeaderActions .NavigationBar a:hover,
.desktop .ProfileHeaderActions .NavigationBar a:link:hover {
    color: #333;
}

.desktop .ProfileHeaderActions .NavigationBar a:hover:after,
.desktop .ProfileHeaderActions .NavigationBar a:link:hover:after {
    background-color: #CC2200;
}


.Profile_ProgressBar .Progress {
    height: 20px;
}


.ProfileLevelCol1 {
    color: #CC2200;
    display: inline-block;
    font-weight: 600;
    width: 40%;
}

.ProfileLevelCol1 .ProfileLevelNum {
    font-size: 28px;
    font-weight: 700;
    margin-top: -3px;
}

.ProfileLevelCol2 {
    color: #949FA3;
    display: inline-block;
    font-size: 12px;
    text-align: right;
    width: 60%;
}

.ProfileLevelPoints  {
    color: #384142;
    font-weight: 700;
}

.ProfileLevelBar {
    margin-top: 5px;
}

.ProfileLevelBar .Progress {
    background-color: #D3DADB;
    height: 6px;
    overflow: visible;
}

.ProfileLevelBar .Progress_bar {
    background-color: #CC2200;
    border-radius: 6px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(204,34,0,0.5);
            box-shadow: 0 2px 4px 0 rgba(204,34,0,0.5);
}

.ProfileLevelBar .Progress_bar span {
    display: none;
}


.ProfileLevelSmall {
    background-color: #CC2200;
    border-radius: 100px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(204,34,0,0.5);
            box-shadow: 0 2px 4px 0 rgba(204,34,0,0.5);
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    height: 30px;
    line-height: 28px;
    position: absolute;
    right: 13px;
    text-align: center;
    top: 103px;
    width: 30px;
    z-index: 2;
}

.ProfileLevelSmallWhite {
    background-color: #fff;
    border-radius: 100px;
    height: 36px;
    position: absolute;
    right: 10px;
    top: 100px;
    width: 36px;
}


.ProfileSmallCard {
    background-color: rgba(255,255,255,0.5);
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.07);
            box-shadow: 0 2px 4px 0 rgba(0,0,0,0.07);
    padding: 10px 20px;
    width: 100%;
}

.ProfileSmallCardTitle {
    color: #384142;
    font-size: 16px;
    font-weight: 600;
}

.ProfileSmallCardValue {
    color: #4A95FF;
    font-size: 16px;
    font-weight: 700;
    margin-top: 15px;
}

.ProfileSmallCardLabel {
    color: #949FA3;
    font-size: 14px;
}


.ProfileSmallCardAction {
    background-color: #FFF;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.07);
            box-shadow: 0 2px 4px 0 rgba(0,0,0,0.07);
    width: 100%;
}

.ProfileSmallCardActionTitle {
    color: #384142;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 20px;
}

.ProfileSmallCardActionMainContent {
    margin-top: 15px;
}

.ProfileSmallCardActionAction {
    border-top: 1px solid #979797;
    text-align: center;
}

.mvp-name {
    align-items: center;
    display: inline-flex;
}


.TagCustom {
    background-color: #E7ECED;
    border-radius: 4px;
    color: #596669;
    font-size: 12px;
    height: 20px;
    line-height: 18px;
    padding: 0 5px;
}

.TagCustom.Yellow {
    background-color: #FFC940;
    border: 1px solid #FDB514;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
}

.TagCustom.White {
    background-color: transparent;
    border: 1px solid #D3DADB;
    color: #949FA3;
    font-weight: 600;
    text-transform: uppercase;
}

.TagCustom.BigGray {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 0 10px;
}


.TimeLine {
    display: table;
    width: 100%;
}

.phone .TimeLine {
    display: block;
}

.TimeLineDate {
    color: #7A878B;
    display: table-cell;
    font-size: 16px;
    padding-top: 21px;
    text-align: right;
    vertical-align: top;
    width: 110px;
}

.phone .TimeLineDate {
    display: block;
    padding-bottom: 10px;
    text-align: left;
    width: 100%;
}

.TimeLineDot {
    display: table-cell;
    overflow: hidden;
    position: relative;
    width: 60px;
}

.phone .TimeLineDot {
    display: none;
}

.TimeLineDot:before {
    background-color: #D3DADB;
    bottom: 0;
    content: "";
    height: 500px;
    left: 28px;
    position: absolute;
    top: 0;
    width: 4px;
}

.TimeLineDot:after {
    background-color: #D3DADB;
    border-radius: 100px;
    content: "";
    height: 24px;
    left: 18px;
    position: absolute;
    top: 20px;
    width: 24px;
}

.TimeLineContent {
    display: table-cell;
    padding-bottom: 20px;
}

.phone .TimeLineContent {
    display: block;
}


.TimeLineWhiteBlock {
    background-color: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 6px 0 rgba(31,40,45,0.13);
            box-shadow: 0 1px 6px 0 rgba(31,40,45,0.13);
    display: table;
    padding: 20px;
    position: relative;
    width: 100%;
}

.phone .TimeLineWhiteBlock {
    display: block;
}

.TimeLineWhiteBlock:before {
    border-bottom: 7px solid transparent;
    border-right: 7px solid #fff;
    border-top: 7px solid transparent;
    content: "";
    left: -7px;
    position: absolute;
    top: 25px;
}

.phone .TimeLineWhiteBlock:before {
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 0;
    left: 20px;
    top: -7px;
}

.TimeLineWhiteBlockImage {
    display: table-cell;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    width: 115px;
}

.phone .TimeLineWhiteBlockImage {
    display: block;
    width: 100%;
}

.TimeLineWhiteBlockRight {
    border-left: 1px solid #E7ECED;
    display: table-cell;
    padding-left: 20px;
    padding-top: 10px;
}

.phone .TimeLineWhiteBlockRight {
    border-left: 0;
    border-top: 1px solid #E7ECED;
    display: block;
    margin-top: 15px;
    padding-left: 0;
    padding-top: 15px;
}

.TimeLineWhiteBlockTitle {
    color: #596669;
    font-size: 20px;
    font-weight: 600;
}

.TimeLineWhiteBlockContent {
    color: #7A878B;
    font-size: 14px;
    padding-top: 10px;
}


.TimeLineYear {
    display: table;
    width: 100%;
}

.TimeLineYearDate {
    color: #7A878B;
    display: table-cell;
    font-size: 16px;
    text-align: right;
    width: 110px;
}

.phone .TimeLineYearDate {
    display: none;
}

.TimeLineYear + .TimeLineYear .TimeLineYearNumContainer {
    padding-bottom: 20px;
}

.TimeLineYearNumContainer {
    display: table-cell;
    position: relative;
    width: 60px;
}

.TimeLineYearNumContainer:before {
    background-color: #D3DADB;
    bottom: 0;
    content: "";
    left: 28px;
    position: absolute;
    top: 0;
    width: 4px;
}

.phone .TimeLineYearNumContainer:before {
    display: none;
}

.TimeLineYearNum {
    background-color: #ECEFF1;
    border: 1px solid #D3DADB;
    border-radius: 4px;
    color: #7A878B;
    font-size: 18px;
    font-weight: 700;
    height: 32px;
    line-height: 32px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 2;
}

.TimeLineYearContent {
    display: table-cell;
    padding-bottom: 20px;
    vertical-align: top;
}

.phone .TimeLineYearContent {
    padding-left: 10px;
}


.Page:not(.phone) .fixedActions .ProfileHeaderImageInfo .image-profile {
    height: 45px;
    width: 45px;
}

.Page:not(.phone) .fixedActions .ProfileHeader {
    margin-top: 10px;
}

.Page:not(.phone) .fixedActions .ProfileHeaderUserName h1,
.Page:not(.phone) .fixedActions .mvp-color {
    font-size: 15px;
    line-height: 18px;
}

.Page:not(.phone) .fixedActions .ProfileHeaderUserInfo {
    padding-left: 0;
    padding-top: 10px;
    vertical-align: middle;
}

.Page:not(.phone) .fixedActions .outsystemsStaffBadgeContainer,
.Page:not(.phone) .fixedActions .mvp-name {
    display: inline-block;
    margin-left: 0;
}

.Page:not(.phone) .fixedActions .mvp-name .mvp_badge {
    margin-left: 0;
}

.fixedActions .mvp-name {
    margin-top: 5px;
}

.Page:not(.phone) .fixedActions .ProfileHeaderImageInfo {
    min-width: 61px;
    padding-top: 10px;
    transition: padding 150ms ease-in;
    width: 1%;
}

.Page:not(.phone) .fixedActions .ProfileRankIcon,
.Page:not(.phone) .fixedActions .profile-stats__icon {
    display: none;
}

.ProfileHeaderRightContent .ProfileRankContent {
    margin-top: 2px;
}

@keyframes stickyMargin {
    from {
        margin-top: 50px;
    } to {
        margin-top: 0;
    }
}

.Page:not(.phone) .fixedActions .ProfileRankContent {
    animation-duration: 0.3s;
    animation-name: stickyMargin;
    animation-timing-function: ease;
    display: inline-block;
    line-height: 100%;
    margin-top: 0 !important;
    vertical-align: middle;
    width: auto;
}

.Page:not(.phone) .fixedActions .profile-stats,
.Page:not(.phone) .fixedActions .ProfileRankContent {
    display: inline-flex;
    transition: all 300ms ease;
}

.Page:not(.phone) .fixedActions .profile-stats {
    align-items: center;
    line-height: 100%;
    margin-bottom: 0;
    margin-left: 15px;
    margin-top: 0 !important;
    vertical-align: middle;
}

.Page:not(.phone) .fixedActions.CommunityRankNum,
.Page:not(.phone) .fixedActions .profile-stats__num {
    margin-right: 5px;
}

.SpeakerProfileTop,
.Page:not(.phone) .fixedActions .SpeakerProfile,
.Page:not(.phone) .fixedActions .ProfileHeaderUserName .profile-header-icon-menu {
    display: none;
}

.Page:not(.phone) .fixedActions .ProfileHeaderUserName .SpeakerProfileTop,
.SpeakerProfile {
    display: inline-block;
}

.Page:not(.phone) .fixedActions .ProfileHeaderUserName .ProfileName,
.Page:not(.phone) .fixedActions .ProfileHeaderUserName .mvp-color {
    height: 27px;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 170px;
}

.Page:not(.phone) .fixedActions .ProfileHeaderUserName .SpeakerProfileTop .TagCustom {
    font-size: 10px;
    height: 17px;
    line-height: 1;
    margin-left: 0;
    margin-right: 10px;
    margin-top: 2px;
    padding: 3px 10px;
    width: auto;
}

.SpeakerProfile .TagCustom {
    margin-left: 0;
    margin-right: 10px;
    margin-top: 2px;
}

.Page:not(.phone) .fixedActions .mvp-name .mvp_label {
    font-size: 10px;
    line-height: 13px;
}

.Page:not(.phone) .fixedActions .IconDropdownSimple {
    display: none;
}

.Page:not(.phone) .fixedActions .ProfileHeaderLeftContent {
    min-width: 240px;
    width: 30%;
}

.Page:not(.phone) div.fixedActions .ProfileHeaderRightContent {
    border-left: none;
    display: inline-block;
    height: 62px;
    line-height: 62px;
    padding: 0;
    vertical-align: middle;
    width: 100%;
}

.Page:not(.phone) .fixedActions .container,
.Page:not(.phone) .fixedActions .ProfileHeaderCols,
.Page:not(.phone) .fixedActions .ProfileHeader,
.Page:not(.phone) .fixedActions .ProfileHeaderCols,
.Page:not(.phone) .fixedActions .ProfileHeaderLeftContentInfo,
.Page:not(.phone) .fixedActions .ProfileHeaderRightContent {
    line-height: 0;
    max-height: 62px;
}

.Page:not(.phone) .fixedActions .ProfileHeaderUserContent {
    display: none;
}

.Page:not(.phone) .fixedActions .CommunityRankText,
.Page:not(.phone) .fixedActions .profile-stats__text {
    font-size: 14px;
    line-height: 18px;
    vertical-align: sub;
}

.Page:not(.phone) .fixedActions .CommunityRankNum,
.Page:not(.phone) .fixedActions .profile-stats__num {
    font-size: 18px;
    font-weight: 400;
    line-height: 100%;
    vertical-align: middle;
}

.Page:not(.phone) .fixedActions .profile-stats div {
    margin-bottom: 0;
}

.Page:not(.phone) .fixedActions .ProfileHeaderLeftContentInfo {
    display: inline-block;
}

.Page:not(.phone) .fixedActions .ProfileHeader {
    margin-top: 0;
    position: relative;
}

.ProfileSocial {
    margin-top: 20px;
    text-align: center;
}

.ProfileMessage_left {
    margin-top: 20px;
}

.Page:not(.phone) .fixedActions .ProfileSocial {
    display: none;
}

.Page:not(.phone) .fixedActions .ProfileMessage_left a div {
    margin-left: 0;
}

.Page:not(.phone) .fixedActions .ProfileMessage_left a {
    font-size: 14px;
    line-height: 1;
}

.Page:not(.phone) .fixedActions .ProfileMessage_left a div {
    margin-left: 7px
}

.Page:not(.phone) .fixedActions .ProfileMessage_left {
    display: none;
    margin-top: 13px;
    position: absolute;
    right: 0;
}

.Page:not(.phone) .fixedActions .ProfileMessage {
    display: inline-block;
    font-size: 14px;
    margin-left: 30px;
    vertical-align: middle;
    white-space: nowrap;
}

.Page:not(.phone) .fixedActions .ProfileStats {
    display: inline-block;
    line-height: 100%;
    margin-bottom: 0;
    margin-top: 0;
    transition: all 300ms ease;
    vertical-align: middle;
}

.Page:not(.phone) .fixedActions .ProfileHeaderActions {
    top: 62px;
}

.Page:not(.phone) .fixedActions.WhiteContentHeader {
    -webkit-box-shadow: 0 1px 6px 0 rgba(31,40,45,0.26);
            box-shadow: 0 1px 6px 0 rgba(31,40,45,0.26);
    position: fixed;
    top: 0;
    z-index: 7;
}

.Page:not(.phone).fixedHeader .all-content-wrapper .MainContentProfile {
    padding-top: 447px;
}

.phone .mvp-name {
    margin-top: 10px;
}



.Page:not(.phone).fixedFilters .ActivityFilters {
    position: fixed;
    top: 160px;
    width: 230px;
}

.Page:not(.phone).fixedFilters .ActivityContent {
    margin-left: 250px;
}

.Page:not(.phone) .ActivityContent .WhiteContent {
    font-size: 14px;
    min-height: 252px;
}

.professional-experience {
    padding-left: 20px;
}

.professional-experience .Separator:last-child {
    display: none;
}

.professional-experience__photo {
    max-height: 70px;
    max-width: 70px;
    object-fit: contain;
}

.phone .profile-stats__text {
    min-width: 20ch;
    text-align: left;
}


.badges-goal__progress-bar {
    position: relative;
}

.badges-goal__progress-bar__thebar .Progress .Progress_bar .hidden-percentage {
    display: none;
}

.badges-goal__progress-bar__progress {
    background-color: #fff;
    border: 1px solid #C1C1C1;
    border-radius: 100%;
    box-shadow: 0 2px 4px 0 #C1C1C1;
    height: 37px;
    padding-top: 4px;
    position: absolute;
    text-align: center;
    top: -10px;
    width: 37px;
}

.badges-goal__progress-bar__content {
    background-color: #fff;
    border:1px solid #E4E4E4;
    bottom: 51px;
    box-shadow: 0 25px 16px 0 rgba(0,0,0,0.07);
    display: none;
    left: 16px;
    padding: 10px;
    position: absolute;
    transform: translateX(-50%);
}

.badges-goal__progress-bar__content:empty {
    display: none;
}

.badges-goal__progress-bar__content:before {
    border-style: solid;
    border-width: 13px 13px 0 13px;
    border-color: #fff transparent transparent transparent;
    bottom: -13px;
    content: "";
    height: 0;
    left: calc(50% - 12px);
    position: absolute;
    width: 0;
}

.badges-goal__progress-bar__content .owl-controls .owl-page span {
    height: 6px;
    margin: 7px;
    width: 6px;
}

.badges-goal__progress-bar__content .owl-theme .owl-controls .owl-page.active span {
    background-color: #FFC500;
}

.badges-goal__progress-bar__content .owl-theme .owl-controls .owl-buttons div {
    background-color: #fff;
    color: #FF7900;
    font-size: 16px;
    font-weight: bold;
    top: 50px;
}

.badges-goal__progress-bar__content .owl-theme .owl-controls .owl-buttons .owl-prev.fa.fa-fw.fa-angle-left {
    left: 20px;
}

.badges-goal__progress-bar__content .owl-theme .owl-controls .owl-buttons .owl-next.fa.fa-fw.fa-angle-right {
    right: 20px;
}


.component-details-votes {
    background-image: url(/CommunityBaseTheme/img/icons.png?42406);
    background-position: -3px -1279px;
    background-repeat: no-repeat;
}

.component-details-votes.editable {
    padding-left: 0;
}
.component-details-votes.readonly {
    padding-left: 62px;
}
.component-details-votes.one {
    background-position: -3px -1298px;
}
.component-details-votes.two {
    background-position: -3px -1318px;
}
.component-details-votes.three {
    background-position: -3px -1338px;
}
.component-details-votes.four {
    background-position: -3px -1358px;
}
.component-details-votes.five {
    background-position: -3px -1378px;
}

.topic-list-actions {
    font-size: 16px;
    font-weight: 400;
    height: 70px;
    line-height: 70px;
    margin: 0;
    text-align: center;
}

.phone .WhiteContentHeader {
    padding-bottom: 0;
}

.phone .ProfileHeaderActions .NavigationBar .InlineDropdown a,
.phone .ProfileHeaderActions .NavigationBar .InlineDropdown a:link,
.phone .ProfileHeaderActions .NavigationBar .InlineDropdown a:visited {
    display: block;
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
}

.phone .outsystemsStaffBadgeContainer {
    margin-left: 0;
    margin-right: 10px;
}

.phone .idea-list-desc-item {
    display: block;
    padding: 0;
}

.phone div > .idea-list-desc-item + .idea-list-desc-item:after {
    display: none;
}

.filters-list {
    padding-bottom: 20px;
}

.phone .filters-list {
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
}

.phone .filters-list > div {
    display: inline-block;
}

.phone .filters-list .IdeaSearchFilterItem {
    display: inline-block;
    width: auto;
}

.phone .filters-list .IdeaSearchFilterItemContent,
.phone .filters-list .IdeaSearchFilterItemAction,
.phone .filters-list .IdeaSearchFilterItemContentTable,
.phone .filters-list .IdeaSearchFilterItemText,
.phone .filters-list .IdeaSearchFilterItemNum {
    display: block;
}

.phone .filters-list .IdeaSearchFilterItem.Selected:after {
    display: none;
}

.phone .filters-list .IdeaSearchFilterItemText,
.phone .filters-list .IdeaSearchFilterItemContent {
    max-width: initial;
    overflow: visible;
    padding: 0 5px;
    text-overflow: clip;
    white-space: normal;
}

.phone .TableRecords:not(.NoResponsive) tr td {
    height: auto;
    width: 100%!important; 
}

.private-messages-buttons {
    text-align: right;
}

.private-messages-buttons .Button.Small.Cancel[disabled] {
    background-color: #E7ECED;
    border-color: #E7ECED;
}

.phone .private-messages-buttons {
    text-align: left;
}

.phone .private-messages-buttons .Button.Small {
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
}

.private-messages-buttons a.btn.white {
    border: 1px solid #BDC5C7;
    color: #596669;
}

.private-messages-buttons a.btn.white:hover {
    background-color: #E7ECED;
    border-color: #E7ECED;
}

.private-messages-list__actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 20px;
}

.phone .private-messages-list__actions {
    margin: 0 5px;
}

.phone .private-messages-list__actions + .private-messages-list__actions {
    margin-top: 30px;
}

.private-messages-list__button {
    margin: 10px 10px 0 0;
}

.linkedin_button a {
    text-transform: none;
}

.linkedin_button a span:not(.fa) {
    margin-left: 20px;
}

.tablet linkedin_button a span:not(.fa) {
    margin-left: 10px;
}


.onboard-banner {
    position: relative;
}

.onboard-banner .SectionExpandable {
    width: 95%;
}

.onboard-banner--center-wrapper {
    display: table;
    margin-top: 0;
}

.onboard-banner--center-wrapper .container_banner {
    padding-top: 0;
}

.onboard-banner__header {
    border-bottom: 2px solid #dadfe3;
    margin-top: 20px;
}

.onboard-banner__header > .onboard-banner--center-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.onboard-banner__image {
    display: table-cell;
    vertical-align: middle;
    width: 25%;
    padding-top: 10px;
}

.onboard-banner__image img {
    height: auto;
    vertical-align: middle;
}

.onboard-banner__header-info {
    display: table-cell;
    margin-left: 5%;
    vertical-align: middle;
    width: 70%;
}

.onboard-banner__title {
    color: #CC2200;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
}

.onboard-banner__subtitle {
    color: #5F6C71;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}

.onboard-banner__info {
    align-items: center;
    display: flex;
    margin: 20px 0;
}

.onboard-banner__progress {
    color: #949FA3;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-right: 20px;
}

.onboard-banner__progress-bar {
    border-radius: 9px;
    height: 18px;
    width: 210px;
}

.onboard-banner__progress-bar .Progress {
    background-color: rgba(151, 151, 151, .2);
    border-radius: 9px;
}

.onboard-banner__import a.Button {
    align-items: center;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    height: 32px;
    justify-content: center;
    line-height: 1em;
    padding: 0;
    margin-left: 0px;
    width: 205px;
    text-transform: none;
}

.onboard-banner__import a.Button .fa-linkedin {
    font-size: 12px;
}

.onboard-banner .SectionExpandable__icon.Heading2 {
    align-items: center;
    background-color: #ffffff;
    border-radius: 8px;
    display: flex;
    height: 50px;
    justify-content: center;
    position: absolute;
    top: 60px;
    width: 50px;
}

.onboard-banner .SectionExpandable_header {
    padding-bottom: 0;
}

.hidden-linkedin {
    height: 0;
    position: absolute;
    right: -500px;
}

.Page.desktop .onboard-banner__task-list .container {
    padding: 20px 20px 20px 190px;
}

.SectionExpandable.expanded .SectionExpandable_content {  
    padding: 0 10px;
}


.phone .learn-badge {
    margin-bottom: 40px;
    text-align: center;
    width: 47%;
}

.phone .learn-badge:nth-child(2n+2) {
    margin-left: 6%;
}

.learn-badge__info {
    font-size: 14px;
    margin-left: 20px;
}

.phone .learn-badge__info {
    margin-left: 0;
}

.phone .learn-badge__info > span {
    display: inline-block;
    font-size: 14px;
    margin-top: 0;
}

.phone .learn-badge__image img {
    width: 50%;
    margin-top: 5px;
}

.phone .learn-badge a {
    font-size: 12px;
}

.ListItemContainer,
Counter_Message {
    font-size: 14px;
}

.badges-to-earn-title {
    margin-bottom: 20px;
}



div[class^=achievement] {
    height: 83px;
    width: 83px;
    background-position: center;
    background-size: cover;
    margin: auto;
    position: relative;
}
.badges-small div[class^=achievement] {
    display: inline-block;
    height: 35px;
    width: 35px;
}
.achievement-Autobiographer {
    background: url(/Achievements_BL/img/Profile_Information.png?45840) no-repeat;
}
.achievement-Award {
    background: url(/Achievements_BL/img/Award_Achieved.png?45840) no-repeat;
}
.achievement-CertificationAttained {
    background: url(/Achievements_BL/img/Certification_Achievement.png?45840) no-repeat;
}
.achievement-CertificationUpgrade {
    background: url(/Achievements_BL/img/Certification_Achievement.png?365182&45840) no-repeat;
}
.achievement-CourseAttended {
    background: url(/Achievements_BL/img/CoursesAttended.png?45840) no-repeat;
}
.achievement-EventOrganizer {
    background: url(/Achievements_BL/img/event.png?45840) no-repeat;
}
.achievement-FirstComponent {
    background: url(/Achievements_BL/img/First_Forge_Component.png?45840) no-repeat;
}
.achievement-FirstIdea {
    background: url(/Achievements_BL/img/First_idea.png?45840) no-repeat;
}
.achievement-FirstPost {
    background: url(/Achievements_BL/img/First_Post.png?45840) no-repeat;
}
.achievement-IdeaImplemented {
    background: url(/Achievements_BL/img/Idea_Implemented.png?45840) no-repeat;
}
.achievement-MeetupOrganizer {
    background: url(/Achievements_BL/img/Meetup.png?45840) no-repeat;
}
.achievement-MVP {
    background: url(/Achievements_BL/img/MVP.png?45840) no-repeat;
}
.achievement-MVPAlumni {
    background: url(/Achievements_BL/img/MVP_Alumni.png?45840) no-repeat;
}
.achievement-ProjectFinished {
    background: url(/Achievements_BL/img/ProjectsConcluded.png?45840) no-repeat;
}
.achievement-Publication {
    background: url(/Achievements_BL/img/Publication_Written.png?45840) no-repeat;
}
.achievement-Speaker {
    background: url(/Achievements_BL/img/Speaker_Event.png?45840) no-repeat;
}
.achievement-ProfileSuperstar {
    background: url(/Achievements_BL/img/special_1.png?45840) no-repeat;
}
.achievement-SpecialPrize2 {
    background: url(/Achievements_BL/img/special_2.png?45840) no-repeat;
}
.achievement-SpecialPrize3 {
    background: url(/Achievements_BL/img/special_3.png?45840) no-repeat;
}
.achievement-SpecialPrize4 {
    background: url(/Achievements_BL/img/special_4.png?45840) no-repeat;
}
.achievement-AnswerMarkedasSolution {
    background: url(/Achievements_BL/img/Marked_as_Solution.png?45840) no-repeat;
}
.achievement-WebinarLed {
    background: url(/Achievements_BL/img/Webinars_Attended.png?45840) no-repeat;
}
.achievement-Welcome {
    background: url(/Achievements_BL/img/Joined.png?45840) no-repeat;
}








@media screen and (max-width: 979px) {
    .Page .header.header-hide {
        top: 0;
        transform: translateY(-51px);
    }

    .Page .header {
        transition: transform 300ms ease-out;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .Page:not(.phone).fixedFilters .ActivityFilters {
        width: 170px;
    }

    .Page:not(.phone).fixedFilters .ActivityContent {
        margin-left: 185px;
    }
}

@media (max-width: 767px) {
    .Page:not(.phone).fixedFilters .ActivityFilters {
        width: 148px;
    }

    .Page:not(.phone).fixedFilters .ActivityContent {
        margin-left: 160px;
    }

    .Page:not(.phone).fixedHeader .all-content-wrapper .MainContentProfile {
        padding-top: 410px;
    }
}

@media (max-width: 480px) {
    .Page:not(.phone).fixedFilters .ActivityFilters {
        width: 97px;
    }

    .Page:not(.phone).fixedFilters .ActivityContent {
        margin-left: 105px;
    }

    .Page:not(.phone).fixedHeader .all-content-wrapper .MainContentProfile {
        padding-top: 500px;
    }
}


.edit-section {
    padding: 10px 20px;
}


.phone .ideas__stats,
.phone .ideas__tag {
  display: flex;
}

.phone .ideas__stat {
  text-align: center;
  margin: 5px;
}

.phone .ideas__stat-counter {
  color: #596669;
  font-size: 16px;
  font-weight: 600;
}

.phone .ideas__stat-label {
  color: #BDC5C7;
  font-size: 12px;
}

.phone .ideas__tags > * {
  margin: 5px;
}

.forge-component__image {
    object-fit: contain;
    width: 12%;
}

.phone .forge-component__image {
    display: block;
    margin-bottom: 10px;
    width: 75px;
}

.outsystemsStaffBadgeContainer {
    align-items: center;
    display: inline-flex;
    margin-left: 10px;
    width: 60px;
}

.outsystemsStaffBadgeContainer img {
    margin-right: 4px;
}

@media (max-width: 480px) {
    input[type=checkbox],
    input[type=radio] {
        border: none;
    }
}