/* General styling*/
*{
    font-family: 'Lato', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body{
    color: #494C4C;
}
a, a:link {
    -webkit-transition: color .24s ease-in-out;
    transition: color .24s ease-in-out;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Lato', sans-serif;
    color: #181A1A;
    letter-spacing: initial!important;
}
svg:focus {
    outline: none;
}
header .Flyout {
    text-align: left;
}
div.Popup .Buttons{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
div.Popup .Buttons:after{
    display: none;
}
div.Popup .Buttons > div:empty{
    display: none;
}
div.Popup .Buttons .Button{
    width: 50%;
    max-width: 45%;
    min-width: 45%;
}
input#Form_SignIn{
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}
.BoxNewDiscussion .Button.Primary,
.BoxNewDiscussion .Button.Primary:hover,
.BoxNewDiscussion .Button.Primary:active,
.BoxNewDiscussion .Button.Primary:focus {
    background-color: #ED5153;
}
.BoxNewDiscussion a.Button.Primary.Handle {
    padding: 8px!important;
}
.BoxNewDiscussion a.Button.Primary {
    letter-spacing: initial;
    text-transform: capitalize;
    font-size: 16px;
    padding: 8px 16px!important;
}
.Button, a.Button{
    background-color: #ED5153;
    font-weight: 300;
    font-size: 16px!important;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}
.Button:hover, a.Button:hover{
    background-color: #B93435;
}
main.WithPanel .Container-Wrap > .Content{
    max-width: 820px;
}
main.WithPanel .Container-Wrap > .SidePanel{
    width: 280px;
}
#CategoryNav-Content ul li a {
    font-size: 16px;
    text-transform: initial;
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}
#CategoryNav-Content ul li:hover a{
    color: #ed5153;
}
.Splash[data-categorybg="apiBg"] {
    background-image: url("https://assets.lightspeedhq.com/img/2018/07/f3d847ee-page-api-header.jpg");
}
.Splash[data-categorybg="ecomBg"] {
    background-image: url("https://assets.lightspeedhq.com/img/2018/07/648c9074-page-ecom-header.jpg");
}
.Splash[data-categorybg="restaurantBg"] {
    background-image: url("https://assets.lightspeedhq.com/img/2018/07/b6d9620b-page-resto-header.jpg");
}
.Splash[data-categorybg="retailBg"] {
    background-image: url("https://assets.lightspeedhq.com/img/2018/07/65f4ded2-page-retail-header.jpg");
}
.Splash[data-categorybg="onsiteBg"] {
    background-image: url("https://assets.lightspeedhq.com/img/2018/07/4c950eb2-page-onsite-header.jpg");
}
.Splash[data-categorybg="partnersBg"] {
    background-image: url("https://assets.lightspeedhq.com/img/2018/07/3199a41b-page-partners-header.jpg");
}
#MainContainer > .Splash.small{
    height: 130px;
    background-position: center;
}
.CategoryPreview-Cell {
    padding: 10px 15px;
}
.CategoryPreview-IconCell img{
    width: 26px;
}
.Breadcrumbs {
    font-size: 13px;
    margin-bottom: 10px;
    display: inline-block;
}

.Title > span {
    font-family: 'Lato', sans-serif;
    color: #ED5153;
    letter-spacing: 1px;
    font-weight: 400;
}
.PageControls .Pager span.SpSearch, .PagerWrap .Pager span.SpSearch, .BeforeCommentHeading .Pager span.SpSearch {
    transition: background 0.3s ease-in-out;
    -webkit-transition: background 0.3s ease-in-out;
}
.PageControls div.NumberedPager a {
    font-size: 15px;
    font-weight: 300;
    color: #494C4C;
}
.PageControls div.NumberedPager a.Highlight {
    color: #ED5153;
}
.PageControls.Bottom{
    margin: 10px 0 20px;
}

.Carousel-Title{
    color: #fff;
}

footer.MainFooter ul li a {
    text-transform: lowercase;
    text-decoration: none;
    display: inline-block;
    color: #494C4C;
    font-weight: 300;
}
a.ls-underline.ls-linkarrow:after {
    color: black;
    -webkit-transform: none;
    transform: none;
    top: 2px;
    display: inline-block;
    bottom: 0px;
    left: 8px;
    position: relative;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
a.ls-underline.ls-linkarrow:hover:after {
    left: 12px;
}
footer.MainFooter ul li a:first-letter,
footer.MainFooter ul li a::first-letter{
    text-transform: uppercase;
}
footer.MainFooter .ls-footer__column.ls-footer__logo a,
footer.MainFooter span.PoweredByVanilla-text{
    text-decoration: none;
    font-size: 14px!important;
    color: #494C4C;
    font-weight: 300;
}
footer.MainFooter .ls-footer__column.ls-footer__logo a:hover{
    text-decoration: underline;
}
/*End of general styling*/

/* Join page */
#Form_User_Register label, #Form_User_Register div, #Form_User_Register p{
    font-size: 14px!important;
}
#Form_User_Register label{
  margin-bottom: 5px;
}

#Form_User_Register input[type="text"], 
#Form_User_Register input[type="email"], 
#Form_User_Register input[type="password"]{
    margin: 15px 0 0;
    line-height: 40px;
    min-height: 40px;
    font-size: 20px!important;
    padding: 1px 15px 2px!important;
}
#Form_User_Register input[type="text"]::-webkit-input-placeholder, 
#Form_User_Register input[type="email"]::-webkit-input-placeholder, 
#Form_User_Register input[type="password"]::-webkit-input-placeholder{
  font-size: 20px;
}
#Form_User_Register input[type="text"]::-moz-placeholder, 
#Form_User_Register input[type="email"]::-moz-placeholder, 
#Form_User_Register input[type="password"]::-moz-placeholder{
  font-size: 20px;
}
#Form_User_Register input[type="text"]:-ms-input-placeholder, 
#Form_User_Register input[type="email"]:-ms-input-placeholder, 
#Form_User_Register input[type="password"]:-ms-input-placeholder{
  font-size: 20px;
}
#Form_User_Register input[type="text"]:-moz-placeholder, 
#Form_User_Register input[type="email"]:-moz-placeholder, 
#Form_User_Register input[type="password"]:-moz-placeholder{
  font-size: 20px;
}

#Form_User_Register .TextBoxWrapper .PasswordStrength {
    margin: 4px 0;
    width: 100%!important;
    height: initial;
}
#Form_User_Register .TextBoxWrapper .PasswordStrength .StrengthText{
    padding-top: 6px;
}
/* End of join page*/

/* Homepage styling */
#vanilla_categories_home ul.StartCollaborating-Wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around;
}
#vanilla_categories_home .StartCollaborating-A, 
#vanilla_categories_home .StartCollaborating-B, 
#vanilla_categories_home .StartCollaborating-C, 
#vanilla_categories_home .StartCollaborating-D {
    max-width: 160px;
}
/* End of homepage styling*/

/* Sidebar styling*/
.SidePanel #Form_Search {
    padding-right: 34px;
    background-position: right 6px center;
    background-size: 21px;
    padding-left: 8px;
    border-radius: 3px;
}
.SidePanel #Form_Search::-webkit-input-placeholder {
    color: #999;
    position: initial;
    overflow: initial;
    font-size: 18px;
}
.SidePanel #Form_Search::-moz-placeholder { 
    color: #999;
    position: initial;
    overflow: initial;
    font-size: 18px;
}
.SidePanel #Form_Search:-ms-input-placeholder { 
    color: #999;
    position: initial;
    overflow: initial;
    font-size: 18px;
}
.SidePanel #Form_Search:-moz-placeholder { 
    color: #999;
    position: initial;
    overflow: initial;
    font-size: 18px;
}
.SidePanel > div h4 {
    font-size: 19px;
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: inherit;
    text-align: left;
    margin-bottom: 15px;
    color: #181A1A;
}

.SidePanel ul li a {
    color: inherit;
    font-size: 14px!important;
    text-align: left;
    padding-left: 10px;
    font-weight: 300;
}
.SidePanel ul li a:first-letter,
.SidePanel ul li a::first-letter {
    text-transform: capitalize;
}
.Box.BoxDiscussions .Meta {
    display: block;
    /* position: absolute; */
}

.Box.BoxDiscussions .Meta .MItem {
    display: none;
}
.SidePanel strong.HasNew.NewCommentCount,
.SidePanel strong.HasNew.JustNew.NewCommentCount {
    background: #ED5153;
    color: transparent;
    border-radius: 100%;
    display: block;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-3px ,-35%);
    transform: translate(-3px ,-35%);
    padding: 0;
    width: 7px;
    height: 7px;
}

/* End of sidebar styling */


/* Categorypage styling */
#Content .Section.CategoriesSection ul.DataList.CategoryList > div.CategoryToggle-Content {
    display: block!important;
}
#Content div.PageControls.Top .BoxNewDiscussion{
    margin: 50px 20px 20px;
    text-align: center!important;
    float: none!important;
}
body#vanilla_categories_index #Content div.PageControls #PagerBefore .QuickSearch,
.PageControls div.NumberedPager .QuickSearch {
    display: none!important;
}

#conversations_messages_inbox h1,
body.Section-Discussion .PageTitle h1,
#Content > .HomepageTitle,
.Discussion .PageTitle h1,
body.bestof #Content > h1 {
    font-size: 28px;
    font-weight: 400;
}
#Content > .PageDescription{
    font-size: 15px;
    margin-bottom: 10px;
    line-height: 1.5;
}
.PageControls.Top, .PagerWrap.Top, .BeforeCommentHeading.Top{
    margin: 0 0 25px 0;
}

.DiscussionPreview.ItemDiscussion .ItemContent.Discussion{
    line-height: 1.1;
}
.DiscussionPreview.ItemDiscussion .ItemContent.Discussion .DisplayTable {
    table-layout: fixed;
    width: 100%;
}
.DiscussionPreview.ItemDiscussion .ItemContent.Discussion .DisplayTable .DisplayCell.DiscussionPreview-TopMain{
    width: 100%;
}
.DiscussionPreview.ItemDiscussion .ItemContent.Discussion .DisplayTable .DisplayCell .Title{
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    padding-right: 10px;
    text-transform: initial;
    font-weight: 300;
}
.Section.CategoriesSection h3.CategoryPreview-Title,
ul.DataList.Discussions .DiscussionPreview.ItemDiscussion .Title a {
    font-weight: 300;
    font-size: 18px;
}
.CategoryPreview,
.DiscussionPreview.ItemDiscussion{
    border-bottom: solid #d4d4d4 1px!important;
}
.DiscussionPreview.ItemDiscussion {
    padding: 0px 0 14px !important;
    margin-bottom: 12px;
}
ul.DataList.Discussions .DiscussionPreview.ItemDiscussion .Meta-Discussion span.Tag,
ul.DataList.Discussions .DiscussionPreview.ItemDiscussion .Meta-Discussion span.MItem, 
ul.DataList.Discussions .DiscussionPreview.ItemDiscussion .Meta-Discussion span a,
ul.DataList.Discussions .DiscussionPreview.ItemDiscussion .Meta-Discussion span time{
    font-size: 14px;
    font-weight: 300;
    text-transform: capitalize;
    padding: 0;
    margin: 0;
}
ul.DataList.Discussions .DiscussionPreview.ItemDiscussion .Meta-Discussion span.Tag,
ul.DataList.Discussions .DiscussionPreview.ItemDiscussion .Meta-Discussion span.MItem,
ul.DataList.Discussions .DiscussionPreview.ItemDiscussion .Meta-Discussion strong.HasNew{
    margin: 0 15px 0 0;
}
ul.DataList.Discussions .DiscussionPreview.ItemDiscussion .Meta-Discussion span.LastCommentDate{
    margin: 0;
    text-align: right;
    float: right;
}
ul.DataList.Discussions .DiscussionPreview.ItemDiscussion .Meta-Discussion span.LastCommentDate time{
    
}
#Content .CategoryToggle-Button {
    cursor: default;
}
ul.DataList.CategoryList > a.CategoryToggle-Button {
    border-bottom: 1px #ED5153 solid!important;
}
ul.DataList.CategoryList > a.CategoryToggle-Button h2 {
    font-weight: 300;
    padding: 10px 0;
}
.DisplayCell.CategoryToggle-Cell.CategoryPreview-Handle.TopCell .CategoryToggle-Handle{
    background-size: 20px;
    visibility: hidden;
}
ul.DataList.Discussions .DisplayCell.DiscussionPreview-Cell.DiscussionPreview-TopInfo{
    width: 150px;
    max-width: 150px;
}
ul.DataList.Discussions .DisplayCell.DiscussionPreview-Cell.DiscussionPreview-TopInfo,
.Section.CategoriesSection a.DiscussionCount, 
.Section.CategoriesSection a.DiscussionCount span.Number {
    font-size: 14px;
    font-weight: 300;
    width: 150px;
    max-width: 150px;
}
.DiscussionPreview-TopInfo{
    padding: 0;
    top: 10px;
}
.MessageList.Discussion > div.PageTitle .Options > a, 
.MessageList.Discussion > div.PageTitle .Options span {
    display: inline-block;
    height: 20px;
    width: 20px;
    background-size: contain;
}
.DiscussionPreview-TopMeta .ToggleFlyout,
.DiscussionPreview-TopMeta .ToggleFlyout span.OptionsTitle,
.DiscussionPreview-TopMeta .DiscussionPreview-LikesIcon, 
.DiscussionPreview-TopMeta .DiscussionPreview-CommentCount,
.DiscussionPreview-TopMeta a.Bookmark{
    display: inline-block;
    height: 15px;
    background-size: contain;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}
.CategoryPreview .ToggleFlyout,
.CategoryPreview .ToggleFlyout span.OptionsTitle{
    display: block;
    height: 20px;
    width: 15px;
    margin-top: 1px;    
    background-size: contain;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.CategoryToggle-Handle {
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}
.ItemContent.Discussion strong.HasNew.NewCommentCount, 
.ItemContent.Discussion span.DiscussionPreview-Tag, 
.ItemContent.Discussion span.Tag-Announcement {
    letter-spacing: 1px;
    font-weight: 400!important;
    color: #fff;
    background: #ED5153;
    border-radius: 3px;
    position: relative;
    bottom: 2px;
    font-size: 10px!important;
    padding: 0px 3px 1px!important;
    text-transform: uppercase!important;
}
.ItemContent.Discussion span.Tag-Announcement,
ul.DataList.Discussions .DiscussionPreview.ItemDiscussion .Meta-Discussion strong.HasNew{
    padding: 1px 3px 2px!important;
}

.resolved2-resolved {
    display: none;
}

/* End of categorypage styling */

/* Discussion page styling*/
.CommentsWrap .CommentHeading,
.CommentForm .H{
    text-transform: initial;
}
.Discussion .Item-Header.DiscussionHeader,
body.Section-Discussion .CommentsWrap .CommentHeader,
body.Activity .DataList.Activities .Item.Activity{
    position: relative;
    padding: 2px 0 18px 80px!important;
    margin-top: 15px!important;
}
body.Activity .DataList.Activities .Item.Activity{
    min-height: 80px;
    padding: 2px 15px 18px 80px!important;
}
body.Activity .DataList.Activities .Item.Activity div.Options a.Delete:hover {
    background: transparent;
    color: #ED5153;
}
.Discussion .DiscussionHeader .AuthorWrap, 
.Discussion .DiscussionHeader .AuthorWrap span,
.Discussion .DiscussionHeader .AuthorWrap span a,
.Discussion .DiscussionHeader .DiscussionMeta, 
.Discussion .DiscussionHeader .DiscussionMeta span,
.Discussion .DiscussionHeader .DiscussionMeta span a,
.DataBox-Comments .CommentHeader .AuthorWrap,
.DataBox-Comments .CommentHeader .AuthorWrap span,
.DataBox-Comments .CommentHeader .AuthorWrap span a,
.DataBox-AcceptedAnswers .CommentHeader .AuthorWrap,
.DataBox-AcceptedAnswers .CommentHeader .AuthorWrap span,
.DataBox-AcceptedAnswers .CommentHeader .AuthorWrap span a,
body.Activity .DataList.Activities .Item.Activity,
body.Activity .DataList.Activities .Item.Activity span,
body.Activity .DataList.Activities .Item.Activity a,
body.Activity .DataList.Activities .Item.Activity .Title,
body.Activity .DataList.Activities .Item.Activity .Excerpt,
body.Activity .DataList.Activities .Item.Activity .Meta{
    color: #484848;
    margin: 0;
    font-size: 16px;
    text-transform: capitalize;
    font-family: 'Lato', sans-serif!important;
}
body.Activity .DataList.Activities .Item.Activity .Excerpt{
    margin: 10px 0 5px!important;
}
.DiscussionHeader .AuthorWrap > .Author .PhotoWrap,
.DataBox-Comments .CommentHeader .AuthorWrap > .Author .PhotoWrap{
    display: inline-block;
    position: absolute;
    left: 0;
    padding: 0 5px 5px 0;
}
body.Activity .DataList.Activities .Item.Activity > .Author .PhotoWrap{
    display: inline-block;
    position: absolute;
    left: 10px;
    padding: 0 5px 5px 0;
}
.Role_LightspeedStaff .DiscussionHeader .AuthorWrap > .Author .PhotoWrap:before,
.Role_LightspeedStaff .CommentHeader .AuthorWrap > .Author .PhotoWrap:before,
/*.Role_Moderator .DiscussionHeader .AuthorWrap > .Author .PhotoWrap:before,*/
.Role_Administrator .DiscussionHeader .AuthorWrap > .Author .PhotoWrap:before,
/*.Role_Moderator .CommentHeader .AuthorWrap > .Author .PhotoWrap:before,*/
.Role_Administrator .CommentHeader .AuthorWrap > .Author .PhotoWrap:before{
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    background: #ed5153;
    height: 25px;
    width: 25px;
    display: inline-block;
    border-radius: 100%;
    background-image: url('data:image/svg+xml;utf8,<svg width="139" height="205" xmlns="http://www.w3.org/2000/svg"><g><path fill="white" d="m69.495765,0.324997l9.48,16.42a11,11 0 0 1 0,10.94l-56.26,97.44l26.55,46a23.36,23.36 0 0 0 40.47,0l26.55,-46l-7.17,-12.42l-30.13,52.19a10.95,10.95 0 0 1 -19,0l-23,-39.78l52.24,-90.5l9.6,16.42a11,11 0 0 1 0,10.95l-36.5,63.14l7.17,12.42l39.61,-68.62l26,45a22.47,22.47 0 0 1 0,22.39l-26.41,45.73c-4,7 -16.55,22.63 -39.23,22.63s-35.11,-15.62 -39.15,-22.63l-26.42,-45.72a22.46,22.46 0 0 1 0,-22.39l65.6,-113.61"/></g></svg>');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 11px;
}
.Role_Partner .DiscussionHeader .AuthorWrap > .Author .PhotoWrap:before,
.Role_Partner .DiscussionHeader .AuthorWrap > .Author .PhotoWrap:before,
.Role_Partner .CommentHeader .AuthorWrap > .Author .PhotoWrap:before,
.Role_Partner .CommentHeader .AuthorWrap > .Author .PhotoWrap:before  {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    background: #323a45;
    height: 25px;
    width: 25px;
    display: inline-block;
    border-radius: 100%;
    background-image: url('data:image/svg+xml;utf8,<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg"><path id="svg_1" fill="white" d="m17.34375,2.92187c0.0625,-0.0625 0.13281,-0.0625 0.21875,0l0.04688,0.04688c0.26953,0.625 0.40625,1.29687 0.40625,2.01562c0,1.375 -0.48047,2.55469 -1.4375,3.53125c-0.96094,0.96875 -2.125,1.45313 -3.5,1.45313c-0.36719,0 -0.875,-0.08594 -1.53125,-0.26563l-5.17188,5.21875c-0.03125,0.86719 -0.35547,1.60547 -0.96875,2.21875c-0.60547,0.61329 -1.34375,0.92188 -2.21875,0.92188c-0.86719,0 -1.61719,-0.3125 -2.25,-0.9375c-0.625,-0.63281 -0.9375,-1.38281 -0.9375,-2.25c0,-0.875 0.30469,-1.61719 0.92188,-2.23438c0.61328,-0.61328 1.35156,-0.92968 2.21875,-0.95312l5.17187,-5.21875c-0.14844,-0.53906 -0.21875,-1.03516 -0.21875,-1.48438c0,-1.375 0.48438,-2.54687 1.45313,-3.51562c0.96875,-0.97656 2.14453,-1.46875 3.53125,-1.46875c0.625,0 1.28125,0.15234 1.96875,0.45312l0.04687,0l0.04688,0.04688c0.0625,0.05469 0.0625,0.10937 0,0.17187l-1.75,1.75l-1.07813,1.125c-0.0625,0.63672 0.12891,1.17969 0.57813,1.625c0.44531,0.44922 0.98828,0.64063 1.625,0.57813l1.07812,-1.07813l0.89063,-0.85937l0.85937,-0.89063zm-13.23437,12.875c0.25781,-0.25781 0.39062,-0.5664 0.39062,-0.92187c0,-0.36328 -0.13281,-0.67969 -0.39062,-0.95313c-0.25,-0.26953 -0.5586,-0.40625 -0.92188,-0.40625c-0.35547,0 -0.66406,0.13672 -0.92187,0.40625c-0.25,0.27344 -0.375,0.58985 -0.375,0.95313c0,0.35547 0.125,0.66406 0.375,0.92187c0.25781,0.25 0.5664,0.375 0.92187,0.375c0.36328,0 0.67188,-0.125 0.92188,-0.375zm0,0"/></svg>');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 12px;
}
body.Activity .DataList.Activities .Item.Activity > .Author.Photo{
    float: none;
}
.PhotoWrap > img,
.DiscussionHeader .AuthorWrap > .Author .PhotoWrap > img,
.DataBox-Comments .CommentHeader .AuthorWrap > .Author .PhotoWrap > img,
body.Activity .DataList.Activities .Item.Activity > .Author .PhotoWrap img,
body.Activity .DataList.Activities .Item.Activity .Excerpt img {
    border-radius: 100%;
}
.Role_Member .DiscussionHeader .AuthorWrap > .Author .PhotoWrap > img,
.Role_Member .CommentHeader .AuthorWrap > .Author .PhotoWrap > img {
    -webkit-box-shadow: 0 0 0 4px #323A45;
    box-shadow: 0 0 0 4px #323A45;
}
.Role_Partner .DiscussionHeader .AuthorWrap > .Author .PhotoWrap > img,
.Role_Partner .CommentHeader .AuthorWrap > .Author .PhotoWrap > img {
    -webkit-box-shadow: 0 0 0 4px #323a45;
    box-shadow: 0 0 0 4px #323a45;
}
.Role_LightspeedStaff .DiscussionHeader .AuthorWrap > .Author .PhotoWrap > img,
.Role_LightspeedStaff .CommentHeader .AuthorWrap > .Author .PhotoWrap > img  {
    -webkit-box-shadow: 0 0 0 4px #ed5153;
    box-shadow: 0 0 0 4px #ed5153;
}
.Role_Moderator .DiscussionHeader .AuthorWrap > .Author .PhotoWrap > img,
.Role_Moderator .CommentHeader .AuthorWrap > .Author .PhotoWrap > img  {
    -webkit-box-shadow: 0 0 0 4px #ed5153;
    box-shadow: 0 0 0 4px #ed5153;
}
.Role_Administrator .DiscussionHeader .AuthorWrap > .Author .PhotoWrap > img,
.Role_Administrator .CommentHeader .AuthorWrap > .Author .PhotoWrap > img {
    -webkit-box-shadow: 0 0 0 4px #ed5153;
    box-shadow: 0 0 0 4px #ed5153;
}

.DiscussionHeader .AuthorWrap > .Author .Username,
.CommentHeader .AuthorWrap > .Author .Username{
    display: inline-block;
    width: 100%;
}
.DiscussionHeader .AuthorWrap > .AuthorInfo span.RoleTitle,
.CommentHeader .AuthorWrap > .AuthorInfo span.RoleTitle{
    display: none;
}

body.Section-Discussion .Discussion .DiscussionHeader{
    box-ordinal-group: 0;
    -moz-order: 0;
    order: 0;
    -ms-flex-order: 0;
}
.Item-Header.DiscussionHeader .Meta.DiscussionMeta span.MItem.DateCreated time,
.Item-Header.DiscussionHeader .Meta.DiscussionMeta span.MItem .DateUpdated,
.Item-Header.CommentHeader .Meta.CommentMeta span.MItem.DateCreated time,
.Item-Header.CommentHeader .Meta.CommentMeta span.MItem .DateUpdated {
    text-indent: -9999px;
    line-height: 0; /* Collapse the original line */
    display: inline-block;
    visibility: hidden;
    font-size: 12px;
}
.Item-Header.CommentHeader .Meta.CommentMeta span.MItem.DateCreated time {
    line-height: 1;
}
.Item-Header.DiscussionHeader .Meta.DiscussionMeta span.MItem.Category, 
.Item-Header.DiscussionHeader .Meta.DiscussionMeta span.MItem.Category a, 
.Item-Header.DiscussionHeader .Meta.DiscussionMeta span.MItem.DateCreated time:before,
.Item-Header.DiscussionHeader .Meta.DiscussionMeta span.MItem .DateUpdated:before,
.Item-Header.CommentHeader .Meta.CommentMeta span.MItem.Category, 
.Item-Header.CommentHeader .Meta.CommentMeta span.MItem.Category a, 
.Item-Header.CommentHeader .Meta.CommentMeta span.MItem.DateCreated time:before,
.Item-Header.CommentHeader .Meta.CommentMeta span.MItem .DateUpdated:before {
    font-size: 12px;
}
.Item-Header.DiscussionHeader .Meta.DiscussionMeta span.MItem.DateCreated time:before,
.Item-Header.DiscussionHeader .Meta.DiscussionMeta span.MItem .DateUpdated:before,
.Item-Header.CommentHeader .Meta.CommentMeta span.MItem.DateCreated time:before,
.Item-Header.CommentHeader .Meta.CommentMeta span.MItem .DateUpdated:before {
    content: attr(title);
    text-indent: 0;
    display: block;
    line-height: 0; /* New content takes up original line height */
    visibility: visible;
}
.Item-Header.DiscussionHeader .Meta.DiscussionMeta span.MItem.DateCreated time:hover:before,
.Item-Header.DiscussionHeader .Meta.DiscussionMeta span.MItem .DateUpdated:hover:before,
.Item-Header.CommentHeader .Meta.CommentMeta span.MItem.DateCreated time:hover:before,
.Item-Header.CommentHeader .Meta.CommentMeta span.MItem .DateUpdated:hover:before{
    text-decoration: underline;
}

.Item-Header.DiscussionHeader .Meta.DiscussionMeta span.MItem .DateUpdated,
.Item-Header.CommentHeader .Meta.CommentMeta span.MItem .DateUpdated {
    position: absolute;
    right: 0;
    bottom: 26px;
}

body.Section-Discussion .ItemDiscussion .Message{
    margin-top: 0;
}

.CommentHeader .Meta.DiscussionMeta,
.DiscussionHeader .Meta.DiscussionMeta{
    float: right;
}
.Discussion .Item-Header.DiscussionHeader .DiscussionMeta > .MItem{
    float: none;
}
.Discussion .DiscussionHeader .MItem.Rank, 
.Comment .CommentHeader .MItem.Rank {
    display: block;
}
.Discussion .DiscussionHeader .MItem.Rank-Member, 
.Comment .CommentHeader .MItem.Rank-Member,
.Item-Header .AuthorInfo span.Rank.MItem[title~=Level],
li.ItemComment.Role_Member .AuthorInfo span.Rank.MItem[title~=Level]{
    display: Block;
    font-family: "vanillicon"!important;
    color: #ED5153;
    letter-spacing: 4px;
    font-size: 14px;
}
.Discussion .DiscussionHeader .MItem.Rank-Partner,
.Comment .CommentHeader .MItem.Rank-Partner{
    display: block;
}
.Discussion .DiscussionHeader .MItem.Rank-Admin,
.Comment .CommentHeader .MItem.Rank-Admin{
    display: block;
    text-indent: -9999px;
    line-height: 0; /* Collapse the original line */
    visibility: hidden;
}
.Discussion .DiscussionHeader .MItem.Rank-Admin:before,
.Comment .CommentHeader .MItem.Rank-Admin:before{
    content: "Moderator";
    text-indent: 0;
    display: block;
    line-height: initial; /* New content takes up original line height */
    visibility: visible;
}
body.Section-Discussion .ItemDiscussion .Message,
body.Section-Discussion .ItemComment .Message {
    margin-top: 5px;
}
body.Section-Discussion .ItemDiscussion .Message, 
body.Section-Discussion .ItemDiscussion .Message p,
body.Section-Discussion .ItemComment .Message, 
body.Section-Discussion .ItemComment .Message p,
#dashboard_root_bestof .BestOfWrap .Message,
#dashboard_root_bestof .BestOfWrap .Message p,
body.Section-Discussion .ItemDiscussion .PollForm,
body.Section-Discussion .ItemComment .PollForm,
#dashboard_root_bestof .BestOfWrap .PollForm,
body.Section-Discussion .ItemDiscussion .PollResults,
body.Section-Discussion .ItemComment .PollResults,
#dashboard_root_bestof .BestOfWrap .PollResults,
#conversations_messages_inbox .Message,
#conversations_messages_inbox .Message p {
    font-size: 15px;
    line-height: 1.5;
    font-weight: 300;
}
body.Section-Discussion .ItemDiscussion .PollForm label,
body.Section-Discussion .ItemComment .PollForm label,
#dashboard_root_bestof .BestOfWrap .PollForm label {
    font-size: 15px;
    line-height: 1.5;
    font-weight: 300;
    cursor: pointer;
    color: #323A45;
}
body.Section-Discussion .ItemDiscussion .PollResults .VoteUsers .PhotoGrid,
body.Section-Discussion .ItemComment .PollResults .VoteUsers .PhotoGrid,
#dashboard_root_bestof .BestOfWrap .PollResults .VoteUsers .PhotoGrid{
    display: none;
}
body.Section-Discussion .ItemDiscussion .PollForm input[type="checkbox"], 
body.Section-Discussion .ItemDiscussion .PollForm input[type="radio"],
body.Section-Discussion .ItemComment .PollForm input[type="checkbox"],
body.Section-Discussion .ItemComment .PollForm input[type="radio"]
#dashboard_root_bestof .BestOfWrap .PollForm input[type="checkbox"],
#dashboard_root_bestof .BestOfWrap .PollForm input[type="radio"] {
    margin-right: 5px;
}
body.Section-Discussion .ItemDiscussion .PollForm,
body.Section-Discussion .ItemComment .PollForm,
#dashboard_root_bestof .BestOfWrap .PollForm {

}
body.Section-PostDiscussion .DiscussionForm h1,
body.Section-Discussion .ItemDiscussion .Message h1,
body.Section-Discussion .ItemComment .Message h1,
#dashboard_root_bestof .BestOfWrap .Message h1,
body.Dashboard.Profile.EditMode h1.H {
    font-size: 28px;
    font-weight:400;
}

body.Section-Discussion .ItemDiscussion .Message h2,
body.Section-Discussion .ItemComment .Message h2,
#dashboard_root_bestof .BestOfWrap .Message h2,
body.Dashboard.Profile.EditMode h2 {
    font-size: 24px;
    font-weight:400;
}
body.Section-Discussion .ItemDiscussion .Message b,
body.Section-Discussion .ItemComment .Message b,
#dashboard_root_bestof .BestOfWrap .Message b {
    font-weight: 500;
}
body.Section-Discussion .ItemDiscussion .Message i,
body.Section-Discussion .ItemComment .Message i,
#dashboard_root_bestof .BestOfWrap .Message i {
    font-style: italic;
}
body.Section-Discussion .ItemDiscussion .Message ul,
body.Section-Discussion .ItemDiscussion .Message ol,
body.Section-Discussion .ItemComment .Message ul,
body.Section-Discussion .ItemComment .Message ol,
#dashboard_root_bestof .BestOfWrap .Message ul,
#dashboard_root_bestof .BestOfWrap .Message ol {
    margin: 0.5em 0 1em 1.5em;
}
body.Section-Discussion .ItemDiscussion .Message code,
body.Section-Discussion .ItemComment .Message code,
#dashboard_root_bestof .BestOfWrap .Message code {
    /* font-size: 15px; */
    /* font-weight: 200; */
}

body.Section-Discussion .ItemDiscussion .Message div.Quote,
body.Section-Discussion .ItemComment .Message div.Quote,
#dashboard_root_bestof .BestOfWrap .Message div.Quote,
#Popup blockquote.Quote {
    border-left: 4px solid #ED5153;
}

body.Section-Discussion .ItemDiscussion .Message div.Spoiler, 
body.Section-Discussion .ItemDiscussion .Message div.Spoiler div.SpoilerTitle,
body.Section-Discussion .ItemComment .Message div.Spoiler, 
body.Section-Discussion .ItemComment .Message div.Spoiler div.SpoilerTitle,
#dashboard_root_bestof .BestOfWrap .Message div.Spoiler,
#dashboard_root_bestof .BestOfWrap .Message div.Spoiler div.SpoilerTitle {
    font-size: 15px;
    font-weight: 300;
}
.Reactions {
    text-align: right!important;
}
a.ReactButton.ReactButton-Down .ReactLabel,
a.ReactButton.ReactButton-Up .ReactLabel {
    display: none;
}
a.ReactButton.ReactButton-Down .ReactSprite:before {
    content: "\f117";
    font-size: 1.5em;
}
a.ReactButton.ReactButton-Up .ReactSprite:before {
    content: "\f11a";
    font-size: 1.5em;
}

/* QnA posts styling */
.DataBox-AcceptedAnswers h2.CommentHeading {
    font-size: 2.1rem;
    font-weight:400;
}
.QnA-Accepted,
.QnA-Rejected {
    font-size: 18px;
    font-weight:400;
}
.DidThisAnswer,
.QnA-YesNo {
    font-size:18px;
}
.QnA-YesNo a {
    color:#ED5153;
}
/* End of QnA posts styling */

/* End of discussion page styling */

/* Bestof */
.BestOfWrap .Tiles > div.Tile {
    background: #fff;
}
#dashboard_root_bestof .BestOfWrap .AuthorWrap {
    margin-top: 15px;
}
#dashboard_root_bestof .BestOfWrap .AuthorWrap,
#dashboard_root_bestof .BestOfWrap .AuthorWrap .PhotoWrap{
    display: inline-block;
    position: relative;
    left: 0;
    padding: 0 5px 5px 0;
}
#dashboard_root_bestof .BestOfWrap .AuthorWrap a:not(.PhotoWrap){
    display: table-cell;
    vertical-align: top;
    position: relative;
    left: 9px;
    top: 5px;
}
#dashboard_root_bestof .BestOfWrap .AuthorWrap > .Author .PhotoWrap.Rank-Admin:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 25px;
    background: #ed5153;
    height: 25px;
    width: 25px;
    display: inline-block;
    border-radius: 100%;
    background-image: url('data:image/svg+xml;utf8,<svg width="139" height="205" xmlns="http://www.w3.org/2000/svg"><g><path fill="white" d="m69.495765,0.324997l9.48,16.42a11,11 0 0 1 0,10.94l-56.26,97.44l26.55,46a23.36,23.36 0 0 0 40.47,0l26.55,-46l-7.17,-12.42l-30.13,52.19a10.95,10.95 0 0 1 -19,0l-23,-39.78l52.24,-90.5l9.6,16.42a11,11 0 0 1 0,10.95l-36.5,63.14l7.17,12.42l39.61,-68.62l26,45a22.47,22.47 0 0 1 0,22.39l-26.41,45.73c-4,7 -16.55,22.63 -39.23,22.63s-35.11,-15.62 -39.15,-22.63l-26.42,-45.72a22.46,22.46 0 0 1 0,-22.39l65.6,-113.61"/></g></svg>');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 11px;
    z-index: 1;
}
#dashboard_root_bestof .BestOfWrap .AuthorWrap > .Author .PhotoWrap.Rank-Mod:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 25px;
    background: #ed5153;
    height: 25px;
    width: 25px;
    display: inline-block;
    border-radius: 100%;
    background-image: url('data:image/svg+xml;utf8,<svg width="139" height="205" xmlns="http://www.w3.org/2000/svg"><g><path fill="white" d="m69.495765,0.324997l9.48,16.42a11,11 0 0 1 0,10.94l-56.26,97.44l26.55,46a23.36,23.36 0 0 0 40.47,0l26.55,-46l-7.17,-12.42l-30.13,52.19a10.95,10.95 0 0 1 -19,0l-23,-39.78l52.24,-90.5l9.6,16.42a11,11 0 0 1 0,10.95l-36.5,63.14l7.17,12.42l39.61,-68.62l26,45a22.47,22.47 0 0 1 0,22.39l-26.41,45.73c-4,7 -16.55,22.63 -39.23,22.63s-35.11,-15.62 -39.15,-22.63l-26.42,-45.72a22.46,22.46 0 0 1 0,-22.39l65.6,-113.61"/></g></svg>');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 11px;
    z-index: 1;
}
#dashboard_root_bestof .BestOfWrap .AuthorWrap > .Author .PhotoWrap.Rank-Partner:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 25px;
    background: #323a45;
    height: 25px;
    width: 25px;
    display: inline-block;
    border-radius: 100%;
    background-image: url('data:image/svg+xml;utf8,<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg"><path id="svg_1" fill="white" d="m17.34375,2.92187c0.0625,-0.0625 0.13281,-0.0625 0.21875,0l0.04688,0.04688c0.26953,0.625 0.40625,1.29687 0.40625,2.01562c0,1.375 -0.48047,2.55469 -1.4375,3.53125c-0.96094,0.96875 -2.125,1.45313 -3.5,1.45313c-0.36719,0 -0.875,-0.08594 -1.53125,-0.26563l-5.17188,5.21875c-0.03125,0.86719 -0.35547,1.60547 -0.96875,2.21875c-0.60547,0.61329 -1.34375,0.92188 -2.21875,0.92188c-0.86719,0 -1.61719,-0.3125 -2.25,-0.9375c-0.625,-0.63281 -0.9375,-1.38281 -0.9375,-2.25c0,-0.875 0.30469,-1.61719 0.92188,-2.23438c0.61328,-0.61328 1.35156,-0.92968 2.21875,-0.95312l5.17187,-5.21875c-0.14844,-0.53906 -0.21875,-1.03516 -0.21875,-1.48438c0,-1.375 0.48438,-2.54687 1.45313,-3.51562c0.96875,-0.97656 2.14453,-1.46875 3.53125,-1.46875c0.625,0 1.28125,0.15234 1.96875,0.45312l0.04687,0l0.04688,0.04688c0.0625,0.05469 0.0625,0.10937 0,0.17187l-1.75,1.75l-1.07813,1.125c-0.0625,0.63672 0.12891,1.17969 0.57813,1.625c0.44531,0.44922 0.98828,0.64063 1.625,0.57813l1.07812,-1.07813l0.89063,-0.85937l0.85937,-0.89063zm-13.23437,12.875c0.25781,-0.25781 0.39062,-0.5664 0.39062,-0.92187c0,-0.36328 -0.13281,-0.67969 -0.39062,-0.95313c-0.25,-0.26953 -0.5586,-0.40625 -0.92188,-0.40625c-0.35547,0 -0.66406,0.13672 -0.92187,0.40625c-0.25,0.27344 -0.375,0.58985 -0.375,0.95313c0,0.35547 0.125,0.66406 0.375,0.92187c0.25781,0.25 0.5664,0.375 0.92187,0.375c0.36328,0 0.67188,-0.125 0.92188,-0.375zm0,0"/></svg>');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 12px;
    z-index: 1;
}
#dashboard_root_bestof .BestOfWrap .AuthorWrap > .Author .PhotoWrap > img {
    border-radius: 100%;
    position: relative;
    left: 4px;
    top: 0;
}
#dashboard_root_bestof .BestOfWrap .AuthorWrap > .Author .PhotoWrap > img,
#dashboard_root_bestof .BestOfWrap .AuthorWrap > .Author .PhotoWrap.Rank-Member > img {
    -webkit-box-shadow: 0 0 0 4px #323A45;
    box-shadow: 0 0 0 4px #323A45;
}
#dashboard_root_bestof .BestOfWrap .AuthorWrap > .Author .PhotoWrap.Rank-Partner > img {
    -webkit-box-shadow: 0 0 0 4px #323a45;
    box-shadow: 0 0 0 4px #323a45;
}
#dashboard_root_bestof .BestOfWrap .AuthorWrap > .Author .PhotoWrap.Rank-Mod > img  {
    -webkit-box-shadow: 0 0 0 4px #ed5153;
    box-shadow: 0 0 0 4px #ed5153;
}
#dashboard_root_bestof .BestOfWrap .AuthorWrap > .Author .PhotoWrap.Rank-Admin > img {
    -webkit-box-shadow: 0 0 0 4px #ed5153;
    box-shadow: 0 0 0 4px #ed5153;
}
#dashboard_root_bestof .BestOfWrap .AuthorWrap .Author {
    font-size: 1.3rem;
    font-weight: 500;
    vertical-align: top;
    width: 100%;
    display: table;
}
/* End of Bestof styling*/

/* Inbox page styling */

#conversations_messages_inbox .Container .Content {
  max-width:880px;
}

#conversations_messages_inbox .DataListWrap .Conversations .Item {
    margin-bottom:10px;
}

#conversations_messages_inbox a.Button.NewConversation.Primary{
    background-color: #ED5153;
    font-weight: 400;
    font-size: 16px!important;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    padding: 8px 16px;
    float:right;
}
#conversations_messages_inbox .Button:hover, a.Button:hover{
    background-color: #B93435;
}

#conversations_messages_inbox .ItemContent.Conversation .Users a,
#conversations_messages_inbox .ItemContent.Conversation .Users a:link {
    font-size: 19px;
    font-weight:400;
 }
#conversations_messages_inbox .MItem.CountMessages,
#conversations_messages_inbox .MItem.LastDateInserted {
  font-size:15px;
}

#conversations_messages_inbox .MItem.LastDateInserted {
  float:right;
}

/* end of Inbox page styling */

/* Profile page styling */

.ProfileBanner .H {
    font-size:28px;
}

.ProfileMeta .About.P dt,
.ProfileMeta .About.P dd {
    font-size:19px;
}

body.Profile .H.TopTitle,
body.Profile .ReactionsWrap .H,
body.Profile .Profile .BadgesWrapper h4,
body.Profile .DataListWrap .H {
    font-size: 2.1rem;
    text-transform: initial;
}

body.Profile ul.FilterMenu li {
    font-size:19px;
    text-transform: initial !important;
}

.Profile .Gloss .Rank {
    display:none;
}
body.Profile #Status {
    font-size: 19px;
}
body.Profile a.ChangePicture.Popup {
    background-color:#ed5153;
    font-size:15px;
    font-weight:600;
    text-decoration:none;
}
body.Profile a.ChangePicture.Popup:hover {
    background-color:#B93435;
}

.DataList.Activities .Title,
.DataList.Activities .Title a {
    font-size:19px;
}

.DataList.Activities .userContent,
.DataList.Activities .MItem,
.DataList.Activities .CommentOption {
    font-size: 16px !important;
    margin: 5px 0px 0px;
}

.DataList.Activities .MItem.DateCreated {
    float:right;
    font-weight:400;
}

body.Profile #Content .DataListWrap .Meta .MItem,
body.Profile .DataListWrap .DataList.Discussions .Meta,
body.Profile #Content .DataListWrap .Meta .MItem a {
    font-size:15px;
}

body.Profile #Content .DataListWrap .Item {
    margin-bottom: 10px;
    padding-bottom: 10px !important;
}

div#PagerMore.MorePager.Foot a {
    font-size: 15px;
    font-weight: 400;
}

body.Profile .DataListWrap .Message {
    font-size:16px;
}
body.Profile #Content .DataListWrap .Meta > span:nth-child(3) > a {
    float:right;
}

/* End of Profile page styling */

/* Edit profile pages styling */

body.Dashboard.Profile.EditMode .Content {
    margin-top:20px;
}
body.Dashboard.Profile.EditMode .ProfileButtons-BackToProfile {
    font-size:15px;
    font-weight:400;
}

body.Dashboard.Profile.EditMode .Button {
    font-weight:400;
}

body.Profile.edit #Content form, body.Profile.EditMode #Content form {
    margin-top: 20px;
}

body.Profile.EditMode input[type=color], 
body.Profile.EditMode input[type=date], 
body.Profile.EditMode input[type=datetime], 
body.Profile.EditMode input[type=datetime-local], 
body.Profile.EditMode input[type=email], 
body.Profile.EditMode input[type=month], 
body.Profile.EditMode input[type=number], 
body.Profile.EditMode input[type=password], 
body.Profile.EditMode input[type=search], 
body.Profile.EditMode input[type=tel], 
body.Profile.EditMode input[type=text], 
body.Profile.EditMode input[type=time], 
body.Profile.EditMode input[type=url], 
body.Profile.EditMode input[type=week], 
body.Profile.EditMode input:not([type]) {
    line-height: 39px;
    min-height: 39px;
    font-size: 16px;
}

body.Profile.EditMode input[type='color']::-webkit-input-placeholder, 
body.Profile.EditMode input[type='date']::-webkit-input-placeholder, 
body.Profile.EditMode input[type='datetime']::-webkit-input-placeholder, 
body.Profile.EditMode input[type='datetime-local']::-webkit-input-placeholder, 
body.Profile.EditMode input[type='email']::-webkit-input-placeholder, 
body.Profile.EditMode input[type='month']::-webkit-input-placeholder, 
body.Profile.EditMode input[type='number']::-webkit-input-placeholder, 
body.Profile.EditMode input[type='password']::-webkit-input-placeholder, 
body.Profile.EditMode input[type='search']::-webkit-input-placeholder, 
body.Profile.EditMode input[type='tel']::-webkit-input-placeholder, 
body.Profile.EditMode input[type='text']::-webkit-input-placeholder, 
body.Profile.EditMode input[type='time']::-webkit-input-placeholder, 
body.Profile.EditMode input[type='url']::-webkit-input-placeholder, 
body.Profile.EditMode input[type='week']::-webkit-input-placeholder, 
body.Profile.EditMode input:not([type])::-webkit-input-placeholder {
    font-size:16px;
}

body.Profile.EditMode label.CheckBoxLabel.HideLabel,
body.Profile.EditMode label.CheckBoxLabel {
    font-size:16px !important;
    line-height:10px;
}

body.Dashboard.Profile.EditMode .Preferences {
    font-size:15px;
}

table.PreferenceGroup {
    margin-bottom:20px;
}

body.Profile.EditMode .Padded.current-avatar {
    margin-bottom:20px;
}

body.Profile.EditMode .WarningMessage {
    text-align:left;
}
body.Profile.EditMode .js-new-avatar.Button.change-picture-new,
body.Profile.EditMode .PageControls.Top > .Button.Action.Popup.Primary {
    font-weight:400 !important;
    line-height:0px;
}
body.Profile.EditMode .Hero {
    font-size:15px;
}
body.Profile.EditMode h3 {
    font-size: 21px;
}

body.Profile.connections.EditMode .Connection-Name {
    font-size:19px !important;
}

body.Profile.signature.EditMode .FormTitleWrapper {
    margin-top:35px;
}

/* End of Edit profile pages styling */

/* Signatures styling */

.Signature.UserSignature {
    font-size:15px;
}
.Signature.UserSignature a {
    color: #ed5153;
}

/* End of Signatures styling */

/* Responsive */
@media screen and (max-width: 360px){
    header .Header-Logo .Header-LogoImage {
        line-height: 40px;
        margin: 0 auto;
        position: absolute;
        bottom: 30px!important;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        max-width: 150px;
    }
    #dashboard_entry_signin header .Header-Logo .Header-LogoImage {
        line-height: 40px;
        margin: 0 auto;
        position: absolute;
        top: 20px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        max-width: 180px;
    }
}
@media screen and (min-width: 1024px){
    main.WithPanel .Container-Wrap .Content {
        padding: 0 20px;
        max-width: calc(100% - 280px);
    }
    main.WithPanel .Container-Wrap > .SidePanel{
        clear: initial;
    }
}
@media screen and (max-width: 1024px){
    main.WithPanel .Container-Wrap .Content {
        max-width: 100%;
    }
    main.WithPanel .Container-Wrap > .SidePanel{
        width: 100%;
    }
}
@media screen and (min-width: 781px) {
    .Header-Logo .Header-LogoImage svg{
        height: 45px;
        shape-rendering: geometricprecision;
        float: left;
        width: auto;
    }
    header #CategoriesToggleMobile{
        display: none;
    }
    header .MobileSignOut {
        display: none;
    }
}
@media screen and (max-width: 780px) {
    body.UserLoggedOut ul.HeaderTop-NavWrap {
        width: 100%;
        text-align: unset;
        line-height: initial;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
        margin-bottom: 40px;
    }
    body.UserLoggedOut ul.HeaderTop-NavWrap:after{
        display: none!important;
    }

    body.UserLoggedOut nav.HeaderTop {
        width: 100%;
    }

    body.UserLoggedOut ul.HeaderTop-NavWrap > li {
        margin: 0!important;
        display: inline-block!important;
        vertical-align: top!important;
    }
    body.UserLoggedOut ul.HeaderTop-NavWrap > li > a,
    body.UserLoggedOut .HeaderTop-NavEl.LangSelect .FlyoutButton{
        font-size: 16px!important;
        position: relative;
        bottom: 15px;
    }
    body.UserLoggedOut li.HeaderTop-NavEl.LangSelect .Flyout.MenuItems{
        top: calc(50% + 15px);
    }
    body.UserLoggedOut header .HeaderBottom {
        height: 50px;
        margin-top: 80px;
    }
    body.UserLoggedOut header .Header-Logo .Header-LogoImage{
        bottom: 0!important;
    }
    
    header {
        position: relative;
    }
    header .Row.HeaderBottom-Row{
        position: static;
    }
    header nav.HeaderTop{
        height: 30px;
        line-height: 30px;
        position: absolute;
        bottom: 0;
    }
    header .HeaderBottom {
        height: 40px;
        margin-top: 60px;
    }
    #dashboard_entry_signin header .HeaderBottom {
        height: 110px;
        margin-top: 0px;
    }
    header .Header-Logo .Header-LogoImage {
        line-height: 40px;
        margin: 0 auto;
        position: absolute;
        bottom: 28px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        max-width: 180px;
    }
    #dashboard_entry_signin header .Header-Logo .Header-LogoImage {
        line-height: 40px;
        margin: 0 auto;
        position: absolute;
        top: 22px;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        max-width: 180px;
    }
    header .HeaderTop-NavWrap{
        text-align: right;
        display: initial;
    }
    .HeaderTop .MeMenu .FlyoutButton{
        font-size: 18px!important;
        line-height: 18px!important;
    }
    .HeaderTop-NavEl.HeaderTop-SignInOut{
        display: none;
    }
    .HeaderTop .MeBox.MeBoxHeader .WhoIs,
    .HeaderTop .HeaderTop-NavEl.LangSelect{
        margin: 0;
    }
    .HeaderTop-NavEl.LangSelect .FlyoutButton{
        bottom: 4px;
        font-size: 16px!important;
    }
    header #CategoryNav-Content {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);        
        -webkit-transition: background 0.1s linear;
        transition: background 0.1s linear;
        display: block;
        height: 100vh;
        min-height: 100vh;
        top: 0;
        position: fixed;
        left: 0;
        right: 0;
        background: transparent;
        z-index: 999;
        text-align: center;
        overflow: hidden;
    }
    body.NavOpen header #CategoryNav-Content{
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        background: rgba(0, 0, 0, 0.6);
    }
    body.NavOpen header #CategoryNav-Content ul.CategoryNav-Wrap {
        opacity: 1;
    }
    header #CategoryNav-Content ul.CategoryNav-Wrap {
        border: none;
        min-width: 300px;
        max-width: 400px;
        margin: 0 auto;
        height: 100%;
        background: #fff;
        opacity: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-transition: all 0.1s linear;
        transition: all 0.1s linear;
        padding: 15px;
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        overflow-y: scroll;
    }
    header #CategoryNav-Content ul.CategoryNav-Wrap #CategoriesToggleMobile {
        position: absolute;
        top: 20px;
        right: 20px;
        padding: 2px;
    }
    header #CategoriesToggle {
        position: relative;
    }
    header .HeaderBottom > div.Container {
        position: static;
    }

    #Content div.PageControls.Top .BoxNewDiscussion{
        text-align: center!important;
    }
    .CategoriesToggle-Content .CategoryNav-El {
        border: none;
        text-align: left;
    }
    #CategoryNav-Content ul li a:after {
        content: "";
        display: inline-block;
        background-image: url(data:image/jpeg;base64,/9j/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAgICAgICAgICAgMDAwMDAwMDAwMBAQEBAQEBAgEBAgICAQICAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA//dAAQAAf/uAA5BZG9iZQBkwAAAAAH/wAARCAAJAAUDABEAAREBAhEB/8QAagABAAAAAAAAAAAAAAAAAAAACgEAAwEAAAAAAAAAAAAAAAAABQYHCBAAAgIBAwUAAAAAAAAAAAAAAwYEBQcBAggAEzh3tBEAAgIBAwIHAQAAAAAAAAAAAgMBBAUGERIABxMUNjd0dbGy/9oADAMAAAERAhEAPwBg61cZXVmN3U+L6yr5GxCvWo4MUb60z09cRW7SRZbW1DxkwV9GyHaVSikjD3IuoBRF+aQtfFkm2D3QqxNrtyVZ7q2nlrfiwLaPEOQFZ7zzWooE5MBnbeNoFRTICUxEgvSuXoaJzOKx2b7x3LmJ11aTJlNKuFp9yrxX5a5kEG6uNay4ZPiyDJl1IhaclZHFi5//0Gy8O/FzBPrhe+XoBpb07T+OP51W+/XvNqX7Z/8AXX//2Q==);
        height: 16px;
        width: 14px;
        background-repeat: no-repeat;
        background-position: center bottom 1px;
    }
    
    main.WithPanel .Container-Wrap > .SidePanel,
    .ls-footer__socials, .ls-footer__logo{
        width: 100%;
    }
    .ls-footer__column.ls-footer__sitelinks {
        padding: 24px 20px;
    }
    .ls-footer__column.ls-footer__socials a {
        width: 25%;
        margin: 0;
        text-align: center;
    }
    .ls-footer__column.ls-footer__logo * {
        text-align: center;
        margin: 20px auto 15px;
    }
    section#Content > div.Discussion {
        padding: 0 15px;
    }
    ul.DataList.Discussions .DisplayCell.DiscussionPreview-Cell.DiscussionPreview-TopInfo{
        position: relative;
    }
    ul.DataList.Discussions .DiscussionPreview-TopMeta {
        padding-bottom: 10px;
    }

    ul.DataList.Discussions .DiscussionPreview.ItemDiscussion .Meta-Discussion span.LastCommentDate{
        position: absolute;
        right: 0;
        top: 40px;
    }
    .Discussion .Item-Header.DiscussionHeader, 
    body.Section-Discussion .CommentsWrap .CommentHeader {
        padding: 0;
    }
    .Discussion .DiscussionHeader .AuthorWrap, 
    .DataBox-Comments .CommentHeader .AuthorWrap {
        width: 100%;
        /*padding-left: 75px;*/
        float: none;
        margin-bottom: 0;
    }
    .CommentHeader .Meta.DiscussionMeta, 
    .DiscussionHeader .Meta.DiscussionMeta,
    .CommentHeader .Meta.CommentMeta {
        /*float: none;*/
        /*position: absolute;*/
        /*left: 0;*/
        /*bottom: 0;*/
        width: 100%;
        /*height: 30px;*/
        text-align: right;
        margin: 0 0 10px;
    }

    .Discussion .DiscussionHeader .AuthorWrap,
    .Discussion .DiscussionHeader .DiscussionMeta,
    .Discussion .DiscussionHeader .DiscussionMeta span,
    .Discussion .DiscussionHeader .DiscussionMeta span a{
        float: none!important;
    }

    .Item-Header.DiscussionHeader .Meta.DiscussionMeta span.MItem.Category,
    .Item-Header.DiscussionHeader .Meta.DiscussionMeta span.MItem.Category a,
    .Item-Header.DiscussionHeader .Meta.DiscussionMeta span.MItem.DateCreated time:before,
    .Item-Header.DiscussionHeader .Meta.DiscussionMeta span.MItem .DateUpdated:before,
    .Item-Header.CommentHeader .Meta.CommentMeta span.MItem.Category,
    .Item-Header.CommentHeader .Meta.CommentMeta span.MItem.Category a,
    .Item-Header.CommentHeader .Meta.CommentMeta span.MItem.DateCreated time:before,
    .Item-Header.CommentHeader .Meta.CommentMeta span.MItem .DateUpdated:before{
        font-size: 12px!important;
    }
    .Discussion .Item-Header.DiscussionHeader .DiscussionMeta > .MItem{
        float: right;
    }
    .Item-Header.DiscussionHeader .Meta.DiscussionMeta span.MItem .DateUpdated:before,
    .Item-Header.CommentHeader .Meta.CommentMeta span.MItem .DateUpdated:before {
        width: 100%;
        margin-bottom: 10px;
    }

    .Item-Header.DiscussionHeader .Meta.DiscussionMeta span.MItem .DateUpdated,
    .Item-Header.CommentHeader .Meta.CommentMeta span.MItem .DateUpdated {
        /*position: relative;*/
        width: 100%;
        display: inline-block;
        bottom: initial;
        display: none;
    }

    .Item-Header.DiscussionHeader .Meta.DiscussionMeta span.MItem.Category,
    .Item-Header.CommentHeader .Meta.CommentMeta span.MItem.Category {
        position: relative;
        display: inline;
        float: right!important;
        min-width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        direction: rtl;
        max-width: 100%;
    }

    .Item-Header.DiscussionHeader .DiscussionMeta > .MItem.DateCreated,
    .Item-Header.CommentHeader .CommentMeta > .MItem.DateCreated {
        position: relative;
        display: inline;
    }
    section.QuickLinks{
        display:none;
    }
}